html { scroll-behavior: smooth; }
body { font-family: 'SF UI Display'; font-size: 16px; font-weight: 500; color: #052334; background-color: #f8fbfd; }
body, h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; }
*, ::after, ::before { box-sizing: border-box; }
*{ margin: 0px; padding: 0px; }
[type="button"]:not(:disabled), button:not(:disabled) { outline: none; }


@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri.woff') format('woff'),
        url('../fonts/Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a { -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; 
	color: #052334; outline: none; 
}
a:hover, a:focus { text-decoration: none; color: #4281a5; outline: none; }

.link1{ color: #4281a5; text-decoration: none; }
.link1:hover, .link1:focus{ color: #000000; text-decoration: none; }
.link01{ color: #4281a5; text-decoration: underline !important; }
.link01:hover, .link01:focus{ color: #000000; }
.link2{ color: #ffffff; text-decoration: none !important; }
.link2:hover, .link2:focus{ color: rgba(255, 255, 255, 0.6); text-decoration: none !important; }


.link3{ color: #fb622e; text-decoration: none; }
.link3:hover, .link3:focus{ color: #000000; text-decoration: none; }


.linkLine { text-decoration: underline !important; }

p { line-height: 1.6; font-weight: 200; padding-bottom: 20px; }
p:last-child { padding-bottom: 0px; }


.btn:focus { box-shadow: none; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left; }
.textleftImp { text-align: left !important; }

.form-control:focus{ box-shadow: none; }

.capital { text-transform: capitalize !important; }
.upper { text-transform: uppercase !important; }

.sep { padding: 5px 0px; display: block; }
.sep1 { padding: 10px 0px; display: block; }
.sep2 { padding: 20px 0px; display: block; }
.sep3 { padding: 15px 0px; display: block; }


[class*="font-"] { line-height: 1.5 !important; }
.font-10 { font-size: 10px !important; }
.font-12 { font-size: 12px !important; }
.font-13 { font-size: 13px !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-22 { font-size: 22px !important; }
.font-24 { font-size: 24px !important; }
.font-25 { font-size: 25px !important; }
.font-26 { font-size: 26px; }
.font-28 { font-size: 28px !important; }
.font-30 { font-size: 30px !important; }
.font-32 { font-size: 32px !important; }
.font-35 { font-size: 35px !important; }
.font-38 { font-size: 38px !important; }
.font-45 { font-size: 45px !important; }
.font-46 { font-size: 46px !important; }

/*new*/
.font-42 { font-size: 42px !important; }
.font-50 { font-size: 50px !important; }
.font-56 { font-size: 56px !important; }
.font-64 { font-size: 64px !important; }
.font-70 { font-size: 70px !important; }

.font-90{ font-size: 90px !important; }
.font-140 { font-size: 140px !important; }


.lineH{ line-height: normal !important; }
.wx-100{ max-width: 100% !important; }
.h-auto{ height: auto; }

.image { display: inline; max-width: 100%; }

.light { font-weight: 200 !important; }
.light300{ font-weight: 300; }
.normal { font-weight: normal !important; }
.medium500 { font-weight: 500 !important; }
.sbold600 { font-weight: 600 !important; }
.bold { font-weight: bold !important; }
.heavy { font-weight: 900 !important; }



.white { color: #ffffff !important; }
.black { color: #000000 !important; }
.red{ color: #ff0000; }
.gray{ color: #888888 !important; }
.yellow{ color: #ffd14a !important; }
.yellow1{ color: #ffd91d; }
.color2{ color: #455863 !important; }
.color3{ color: #4281a5 !important; }
.darkBlue{ color: #052334 !important; }


.bgnone{ background-color: transparent !important; }

.bgBlue{ background-color: #337ab7; }
.bgBlue1{ background-color: #007cc3; }
.bgSkyBlue{ background-color: #0bacfd; }
.bgDarkBlue{ background-color: #06112c; }
.bgDarkBlue1{ background-color: #062335; }
.bgGreen{ background-color: #5cb85c; }
.bgGreen1{ background-color: #0ea6b4; }
.bgRed{ background-color: #d9534f; }
.bgOrange{ background-color: #f0ad4e; }
.bgOrange2{ background-color: #ff7748 !important; }

.bgWhite{ background-color: #ffffff !important; }
.bgDark{ background-color: #1d3543; color: #ffffff; }
.grayBg{ background-color: #e8eff5; }
.yellowBg{ background-color: #ffce54; }
.yellowBg2{ background-color: #ffb400; }
.bgFanta{ background-color: #fb622e; }
.bgRoseWhite{ background-color: #fff8f3; }

.bgDark1{ background-color: #052334; color: #ffffff; }
.bgLight{ background-color: #f8fbfd; }

.skyDarkBlueBg{ background-color: #ecf5ff; }
.lightGrayBg{ background-color: #e8eff5; }


.bgSkyBlueGradient{ 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0bacfd+0,0bfafd+100 */ 
	background: #0bacfd; /* Old browsers */ 
	background: -moz-linear-gradient(left, #0bacfd 0%, #0bfafd 100%); /* FF3.6-15 */ 
	background: -webkit-linear-gradient(left, #0bacfd 0%, #0bfafd 100%); /* Chrome10-25,Safari5.1-6 */ 
	background: linear-gradient(to right, #0bacfd 0%, #0bfafd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bacfd', endColorstr='#0bfafd', GradientType=1 ); /* IE6-9 */
}


.row3 { margin-left: -3px; margin-right: -3px; }
.row3 > [class*="col-"] { padding-left: 3px; padding-right: 3px; }
.row3 > [class*="col"] { padding-left: 3px; padding-right: 3px; }

.row5 { margin-left: -5px; margin-right: -5px; }
.row5 > [class*="col-"] { padding-left: 5px; padding-right: 5px; }

.row6 { margin-left: -6px; margin-right: -6px; }
.row6 > [class*="col-"] { padding-left: 6px; padding-right: 6px; }
.row6 > [class*="col"] { padding-left: 6px; padding-right: 6px; }
.row8 { margin-left: -8px; margin-right: -8px; }
.row8 > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
.row10 { margin-left: -10px; margin-right: -10px; }
.row10 > [class*="col-"] { padding-left: 10px; padding-right: 10px; }
.row10 > [class*="col"] { padding-left: 10px; padding-right: 10px; }

.row20 { margin-left: -20px; margin-right: -20px; }
.row20 > [class*="col-"] { padding-left: 20px; padding-right: 20px; }

.noSpace { margin-left: 0px; margin-right: 0px; }
.noSpace > [class*="col-"] { padding-left: 0px; padding-right: 0px; }


.row.vdivide [class*='col-']:not(:first-child):after { background: #ccc; width: 1px; content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; }
.row.lineBlack [class*='col-']:not(:first-child):after { background: #052334; width: 1px; content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; }

.row.dotLine [class*='col-']:not(:first-child):after { border-left: dashed 1px #10608f; width: 1px; content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; background-color: transparent; }

.row.lineWhite [class*='col-']:not(:first-child):after { background: #ffffff; width: 1px; content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; }

.row.lineGray [class*='col-']:not(:first-child):after { background: #e9eef1; width: 1px; content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; }



/*----Header----*/

.sticky-top{ padding: 0px; }
.navbar{ padding: 0px; }


.headerTop{ background-color: #052334; color: #ffffff; position: relative; z-index: 1030; }
.headerTop ul{ display: flex; -ms-flex-pack: end !important; justify-content: flex-end !important; }
.headerTop li{ padding: 10px 15px; position: relative; font-weight: bold; }
.headerTop li a{ color: #fff; }
.headerTop li:before{ position: absolute; right: 0px; top: 20px; width: 1px; height: 5px; background-color: #ffffff; content: ""; }
.headerTop li:last-child{ padding-right: 0px; }
.headerTop li:last-child:before{ position: unset; right: unset; top: unset; content: ""; }

.topLanguage{ }
/*.topLanguage .form-control{ border-radius: 0px; border: 0px; padding: 0px 5px; background: #052334; height: 100%; color: #ffffff; font-weight: bold; -webkit-appearance: none; appearance: none; cursor: pointer; }*/
.topLanguage .dropdown:hover .dropdown-menu{ display: block; }
.topLanguage .dropdown .dropdown-menu { margin-top: 0px !important; border-radius: 0px; /*padding: 0px;*/ background-color: #052334; border: 0px; }
.topLanguage .dropdown .dropdown-menu .dropdown-item{ color: rgba(255, 255, 255, 0.6); font-size: 14px; padding: 5px 15px; background-color: #052334 !important; }
.topLanguage .dropdown .dropdown-menu .dropdown-item:hover{ color: #ffffff; }
.topLanguage .dropdown .dropdown-menu .dropdown-item.active{ color: #ffffff; }


.headerMain{ background-color: #ffffff; padding: 13px 0px; }
.headerMain .navbar-brand{ padding: 0px; }
.headerMain .navbar-brand img{ width: 100%; max-width: 260px; }


/*--Main Menu--*/
.menuMain { }
.menuMain .navbar{ padding: 0rem 1rem; }
.menuMain .nav-link{ padding: 18px 13px !important; color: #052334; font-weight: bold; }
.menuMain .nav-link:hover, .menuMain .nav-link:focus { color: #4281a5; }
.menuMain .nav-item.active a { }

/*-- Mega Drop Down --*/
.menuMain .dropdown { position: static; }
.myMegaMenu{ width: 100%; left: 0; right: 0; border-radius: 0px 0px 20px 20px; border: 0px; padding: 15px 30px; margin: 0px; box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1); }
.myMegaMenu ul.nav-pills { margin-bottom: 10px; }

.myMegaMenu .nav-item{ margin-right: 10px; min-width: 120px; text-align: center; }
.myMegaMenu .nav-item:last-child { margin-right: 0px; }
.myMegaMenu .nav-link{ border: solid 1px #000000; border-radius: 0px; padding: 10px 12px !important; font-weight: 400; font-size: 16px; }
.myMegaMenu .nav-link:hover { color: #000000; }
.myMegaMenu .nav-link.active { background: #ffd14a; color: #052334; font-weight: 400; border: solid 1px #ffd14a; }

.megaMenuImageBox { padding: 15px 0px; }
.megaMenuImageBox h4 { font-weight: bold; color: #000000; font-size: 18px; padding: 0px 0px 10px; }
.megaMenuImageBox p { color: #000000; font-size: 14px; line-height: normal; }
.megaMenuImage { margin-bottom: 10px; overflow: hidden; position: relative; border-radius: 0px 0px 30px 0px; }

.megaMenuImage img { object-fit: cover; width: 100%; height: 100%; }

.imageOverlay { background-color: rgba(255, 209, 74, 0.9); position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; }
.imageOverlay span { background-color: #000000; width: 26px; height: 26px; line-height: 26px; color: #ffffff; text-align: center; }
.megaMenuImageBox:hover .imageOverlay { opacity: 1; }

/*-- Mega Drop Down End --*/

/*--Main Menu End--*/
.hedSearch{ padding-left: 15px; font-size: 20px; }

/*----Header End----*/

.btn1 { background: #ffffff; border: solid 2px #ffffff; border-radius: 0px; color: #000000; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; cursor: pointer; text-align: center; min-width: 200px; box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1); }
.btn1:hover, .btn1:focus { background: #4390bc; border: solid 2px #4390bc; color: #ffffff; }

.btn01 { background: #ffffff; border: solid 1px #000000; border-radius: 0px; color: #000000; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; cursor: pointer; text-align: center; min-width: 200px; }
.btn01:hover, .btn01:focus { background: #4390bc; border: solid 1px #4390bc; color: #ffffff; }

.btn2 { background: #ffd14a; border: solid 2px #ffd14a; border-radius: 0px; color: #052334; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; cursor: pointer; text-align: center; min-width: 200px; box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1); }
.btn2:hover, .btn2:focus { background: #052334; border: solid 2px #052334; color: #ffd14a; }

.btn02 { background: #ffd14a; border: solid 2px #ffd14a; border-radius: 0px; color: #052334; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; cursor: pointer; text-align: center; min-width: 200px; box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1); }
.btn02:hover, .btn02:focus { background: #052334; border: solid 2px #ffd14a; color: #ffd14a; }

.btn3 { background: #10608f; border: solid 2px #10608f; border-radius: 0px; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; cursor: pointer; text-align: center; min-width: 200px; box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1); }
.btn3:hover, .btn3:focus { background: #052334; border: solid 2px #052334; color: #ffffff; }

.btn03 { background: #052334; border: solid 2px #052334; border-radius: 0px; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; cursor: pointer; text-align: center; min-width: 200px; box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1); }
.btn03:hover, .btn03:focus { background: #10608f; border: solid 2px #10608f; color: #ffffff; }

.btn4 { background: #0bacfd; border: solid 2px #0bacfd; border-radius: 0px; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; cursor: pointer; text-align: center; min-width: 200px; box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1); }
.btn4:hover, .btn4:focus { background: #10608f; border: solid 2px #10608f; color: #ffffff; }

.btn5 { background: #ffd14a; border: solid 2px #ffd14a; border-radius: 0px; color: #ffffff !important; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; cursor: pointer; text-align: center; min-width: 200px; box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1); }
.btn5:hover, .btn5:focus { background: #edb513; border: solid 2px #edb513; color: #ffffff !important; }

.btn05 { background: #ffb400; border: solid 2px #ffb400; border-radius: 0px; color: #ffffff !important; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; cursor: pointer; text-align: center; min-width: 200px; box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1); }
.btn05:hover, .btn05:focus { background: #da9b03; border: solid 2px #da9b03; color: #ffffff !important; }

.btnxs { padding: 4px 10px; min-width: unset; font-size: 14px; font-weight: 200; }

.btnxs1 { background: #3a474e !important; color: #fff !important; font-size: 12px; font-weight: bold; padding: 4px 12px; min-width: 82px; }
.btnxs1:hover, .btnxs1:focus, .btnxs1.active { background: #10608f !important; color: #fff !important; font-size: 12px; font-weight: bold; padding: 4px 12px; min-width: 82px; }

.btn6 { background: #bc95c2; border: solid 2px #bc95c2; border-radius: 30px; color: #ffffff; font-size: 18px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; cursor: pointer; text-align: center; min-width: 200px; }
.btn6:hover, .btn6:focus { background: #9e6fa5; border: solid 2px #9e6fa5; color: #ffffff; }

/*.btnxs1:hover, .btnxs2:hover{ opacity: 0.9; }*/

.btnlg { padding: 16px 28px !important; min-width: 260px; }
.btnsm { padding: 4px 10px !important; font-size: 12px !important; }
.btnsm1 { padding: 6px 10px !important; min-width: 100%; font-size: 14px; }

.w-auto{ min-width: unset; }

.mainSlider { }
.mainSlider .carousel-item img, .newZimbraSliderImage { object-fit: cover; width: 100%; height: 100%; min-height: 600px; }
.mainSlider .carousel-caption{ padding: 0px; left: auto; right: auto; bottom: 0px; top: 0px; text-align: left; }
.mainSlider .sliderTextBox { display: flex; width: 100%; height: 100%; -ms-flex-align: center !important; align-items: center; }
.mainSlider .sliderTextBox.top{ -ms-flex-align: start !important; align-items: flex-start !important; }
.mainSlider .sliderTextBox h1 { font-weight: 900 !important; font-size: 70px !important; line-height: normal; padding-bottom: 20px; }
/*.mainSlider .sliderTextBox h1 { font-weight: bold; font-size: 50px; line-height: normal; text-transform: uppercase; padding-bottom: 30px; }*/
.mainSlider .sliderTextBox p { font-size: 30px; line-height: normal; padding: 5px 0px; }
.mainSlider .sliderTextBox .btn { margin-top: 34px; }
.mainSlider .carousel-control-next, .mainSlider .carousel-control-prev { width: auto; margin: 0px; z-index: 10; }
.mainSlider .carousel-control-prev-icon { background-image: url(../images/back.svg); background-size: 60%; width: 44px; height: 44px; fill: #ffffff; color: #ffffff; background-color: #fff; }
.mainSlider .carousel-control-next-icon { background-image: url(../images/next.svg); background-size: 60%; width: 44px; height: 44px; fill: #ffffff; color: #ffffff; background-color: #fff; }


/*----17-03-2020----*/
.coronaSliderMain{  }
/*.coronaSliderMain .carousel-caption{ left: auto !important; }*/
.coronaSlider { display: inline-block; }
.coronaSlider h1 { font-size: 52px !important; font-weight: normal !important; line-height: 52px !important; padding-bottom: 20px !important; text-align: left; position: relative; margin: 0px auto; text-transform: unset; }
.coronaSlider h1 .light { position: absolute; right: -22px; top: 0px; font-style: italic; }
.coronaSlider h1 small { background-color: #ed1c24 !important; color: #000000; font-size: 14px !important; text-align: center; display: block !important; line-height: normal; width: 275px; padding: 5px 10px; font-weight: bold; -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); }
.coronaSlider h4 { font-size: 30px !important; font-weight: 900 !important; padding-bottom: 15px !important; }
.coronaSlider p { font-size: 28px !important; line-height: normal; }
.coronaSlider .btn { margin-top: 5px !important; }
.coronaRed { color: #ed1c24 !important; }
/*----17-03-2020 End----*/

/*----21-03-2020----*/
.commonSlider { width: auto !important; left: 50px !important; right: 50px !important; }
.commonSliderContain { width: auto !important; left: 50px !important; right: 50px !important; }
.commonSliderContain h1 { font-size: 60px !important; font-weight: bold !important; line-height: normal; }
.commonSliderContain h1 small { font-size: 25px !important; padding-top: 25px !important; padding-bottom: 0px !important; }
/*----21-03-2020 End----*/

.seprateDarkSection { background-color: #052334; padding: 20px 0px; color: #fff; }
.seprateDarkSection p { color: #fff; font-size: 22px; font-weight: 200; padding-top: 10px; }
.seprateDarkSection.topLine { border-top: solid 3px #ffd14a; }

.fourBoxesOne { padding: 80px 0px; }
.fourBoxesOneBox { background-color: #ffffff; border-radius: 10px; box-shadow: 0px 0px 3px rgba(54, 57, 65, 0.3); padding: 20px 15px; text-align: center; height: 100%; }
.fourBoxesOneBoxImage { height: 86px; display: flex; width: 100%; margin-bottom: 22px; 
	-ms-flex-pack: center !important; justify-content: center !important; 
	-ms-flex-align: end !important; align-items: flex-end !important; 
}
.fourBoxesOneBox h3 { font-size: 15px; font-weight: bold; padding-bottom: 22px; }
.fourBoxesOneBox h3 small { font-size: 20px; font-weight: 200; width: 100%; display: block; padding-top: 10px; }

.comnListSection { padding: 80px 0px; }
.comnListSectionImage { width: 270px; text-align: center; }
.comnListSection .media { padding: 60px 0px; margin-left: 60px; margin-right: 60px; }
.comnListSection .media h5 { padding: 0px 0px 18px 0px; font-weight: 200; font-size: 35px; color: #052334; }
.comnListSection .media-body { margin-left: 80px; color: #455863; }
.comnListSection .media-body p { font-size: 18px; }

.comnListSection.smallOne { }
.comnListSection.smallOne .media { padding: 38px 0px; margin-left: 60px; margin-right: 60px; }
.comnListSection.smallOne .media-body { margin-left: 30px !important; }

.comnListSection.imageRight { }
.comnListSection.imageRight .media .comnListSectionImage { text-align: right; }


/*---- Image Frame Boxes ----*/
.boxImageFrameMain { text-align: center; padding: 50px 0px; }
.boxImageFrameMain h4 { margin-top: 40px; font-size: 20px; font-weight: 200; }

.boxImageFrame{ position: relative; margin: 20px; display: flex; justify-content: center; }
.boxImageFrame:before{ 
	border-radius: 10px; width: 185px; height: 185px; text-align: center; box-shadow: 0px 0px 25px rgba(92, 191, 255, 0.3); content: ""; 
	position: absolute; left: auto; right: auto; top: 0px; bottom: 0px; display: inline-block; 
	-moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); 
}

.boxImageFrameBox{ 
	background-color: #ffffff; border-radius: 10px; width: 185px; height: 185px; text-align: center; box-shadow: 0px 0px 8px rgba(18, 56, 81, 0.2); 
	display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; 
}
.boxImageFrameBox img{ object-fit: cover; }

.boxFrameYellow:before { 
	background: #fbdd86; /* Old browsers */ 
	background: -moz-linear-gradient(-45deg, #fbdd86 0%, #ffca34 100%); /* FF3.6-15 */ 
	background: -webkit-linear-gradient(-45deg, #fbdd86 0%, #ffca34 100%); /* Chrome10-25,Safari5.1-6 */ 
	background: linear-gradient(135deg, #fbdd86 0%, #ffca34 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdd86', endColorstr='#ffca34', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
.boxFrameSkyblue:before { 
	background: #a3d0f0; /* Old browsers */ 
	background: -moz-linear-gradient(-45deg, #a3d0f0 0%, #7bcaee 100%); /* FF3.6-15 */ 
	background: -webkit-linear-gradient(-45deg, #a3d0f0 0%, #7bcaee 100%); /* Chrome10-25,Safari5.1-6 */ 
	background: linear-gradient(135deg, #a3d0f0 0%, #7bcaee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d0f0', endColorstr='#7bcaee', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
.boxFrameOrange:before { 
	background: #ffb394; /* Old browsers */ 
	background: -moz-linear-gradient(-45deg, #ffb394 0%, #fd814d 100%); /* FF3.6-15 */ 
	background: -webkit-linear-gradient(-45deg, #ffb394 0%, #fd814d 100%); /* Chrome10-25,Safari5.1-6 */ 
	background: linear-gradient(135deg, #ffb394 0%, #fd814d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb394', endColorstr='#fd814d', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
.boxFrameGreen:before { 
	background: #6fedd5; /* Old browsers */ 
	background: -moz-linear-gradient(-45deg, #6fedd5 0%, #17d8b3 100%); /* FF3.6-15 */ 
	background: -webkit-linear-gradient(-45deg, #6fedd5 0%, #17d8b3 100%); /* Chrome10-25,Safari5.1-6 */ 
	background: linear-gradient(135deg, #6fedd5 0%, #17d8b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fedd5', endColorstr='#17d8b3', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
/*---- Image Frame Boxes End ----*/


.brandLogoSection { background-color: #4390bc; padding: 40px 0px; }
.brandLogoBoxMain { }
.brandLogoBox { padding: 0px 15px; }
.brandLogoBox img { width: auto !important; }

#brandLogoSlider { }
#brandLogoSlider .owl-nav, #brandLogoSlider .owl-dots { display: none; }
#brandLogoSlider .owl-stage { display: flex; justify-content: center; }
#brandLogoSlider .item { display: flex; justify-content: center; align-self: center; align-items: center; height: 100%; }

.newsSeprateSection { background-color: #ffffff; padding: 70px 0px; }

.newsSeprateBox { 
	padding: 15px 0px; 
	transition-duration: 0.4s; 
	animation: winanim 0.5s; 
	-webkit-backface-visibility: visible; 
	backface-visibility: visible; 
}

@keyframes winanim {
    0% { opacity:0; transform:scale3d(.3, .3, .3) }
    50% { opacity:1 }
}

.newsSeprateBoxImage { }
.newsSeprateBoxImage img { object-fit: cover; width: 100%; height: 200px; }
.newsSeprateTextBox1 { margin: -30px 10px 0px; background-color: #ffffff; border-top: solid 4px #4382a5; position: relative; padding: 15px 18px; font-size: 19px; font-weight: bold; color: #000000; line-height: normal; }
.newsSeprateTextBox2 { padding: 28px 0px 25px 0px; }
.newsSeprateTextBox2 h4 { font-size: 20px; padding: 0px 0px 25px; }
.newsSeprateTextBox2 p { color: #455863; }

.needHelpSection { background: url("../images/pet1.jpg") repeat; padding: 60px 0px; text-align: center; }


/*--Footer--*/
.footerMain { 
	background: #68a7ca; /* Old browsers */ 
	background: -moz-linear-gradient(-45deg, #68a7ca 0%, #4390bc 100%); /* FF3.6-15 */ 
	background: -webkit-linear-gradient(-45deg, #68a7ca 0%, #4390bc 100%); /* Chrome10-25,Safari5.1-6 */ 
	background: linear-gradient(135deg, #68a7ca 0%, #4390bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a7ca', endColorstr='#4390bc', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
	color: #ffffff; padding: 60px 0px; 
}
.footerBox { padding: 15px 0px; }
.footerBox h3 { font-size: 15px; font-weight: bold; padding-bottom: 20px; color: #d7e5ef; }
.footerBox ul { }
.footerBox li { padding: 0px 0px 12px; font-size: 18px; font-weight: 500; }
.footerBox li:last-child { padding: 0px; }
.footerBox li a { color: #ffffff; }
.footerBox li a:hover { color: rgba(255, 255, 255, 0.6); }

.copyRight { border-top: solid 1px rgba(255, 255, 255, 0.6); margin-top: 40px; padding: 20px 0px 0px; }
.copyRight-right { text-align: right; }
.footerSocial { }
.footerSocial ul { display: inline-block; padding-right: 30px; }
.footerSocial li { display: inline-block; padding: 0px 5px; }
.footerSocial li a { color: #fff; width: 32px; height: 32px; line-height: 30px; display: block; border-radius: 50%; border: solid 2px #ffffff; text-align: center; }
.footerSocial li a:hover { background-color: #ffffff; color: #68a7ca; }
/*--Footer End--*/


.bannerStatic { position: relative; width: 100%; overflow: hidden; }
.bannerStaticBox { position: absolute; left: 15%; right: 15%; bottom: 0px; top: 0px; z-index: 10; display: flex; height: 100%; -ms-flex-align: center !important; align-items: center !important; padding: 50px 0px; }
.bannerStaticBox h3 { font-size: 45px; line-height: normal; font-weight: 200; padding: 2px 0px; }
.bannerStaticBox p { line-height: normal; padding: 40px 0px 10px 0px; }
.bannerStaticBox .btn { margin-top: 20px; }

/*---------------------------------- FILE BOX PAGE START ----------------------------------*/
.fileboxPackMain { background-color: #f8fbfd; padding: 80px 0px 95px; }
.fileboxPackBanner { /*padding: 90px 0px 0px 0px;*/ padding: 70px 0px 0px 0px; }
.fileboxPackBox { background-color: #ffffff; border-radius: 8px; padding: 40px; box-shadow: 0px 0px 20px rgba(54, 57, 65, 0.1); text-align: center; position: relative; }
.fileboxPackBox.largeBox { 
	-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); 
	padding: 80px 40px 50px; 
}
.fileboxPackBox h4 { font-size: 22px; font-weight: bold; padding-bottom: 25px; }
.fileboxPackBox h3 { font-size: 36px; font-weight: bold; border-top: dashed 1px #000000; border-bottom: dashed 1px #000000; /*padding: 22px 0px;*/ margin-bottom: 20px; }
.fileboxPackBox h3 small { font-size: 14px; font-weight: bold; display: block; width: 100%; padding-top: 5px; }
.fileboxPackBox p { font-size: 18px; padding: 5px 0px 40px; word-wrap: break-word; }
.fileboxPackBox .offerLabel { position: absolute; top: -50px; left: 0px; right: 0px; 
	background: url("../images/offerbg.png"); background-repeat: no-repeat; background-position: center center; width: 105px; height: 105px; margin: 0px auto; text-align: center; 
	display: flex; 
	-ms-flex-align: center !important; align-items: center !important; 
	-ms-flex-pack: center !important; justify-content: center !important; 
	color: #fff; font-size: 20px; font-weight: 200; line-height: normal; 
}
.fileboxPackBox .offerLabel span { /*font-size: 30px;*/ font-size: 26px; font-weight: bold; line-height: normal; }


/*New Css 11-08-2022*/
.fileboxPackBoxMinHeight{ min-height: 96px; }
.fileboxPackBox h5{ font-size: 25px; font-weight: bold; padding-bottom: 15px; }
.fileboxPackBox-ditLine{ border-top: dashed 1px #000000; border-bottom: dashed 1px #000000; margin-bottom: 20px; }
.fileboxPackBox h3, .fileboxPackBox-ditLine { display: flex; align-items: center; justify-content: center; min-height: 90px; }
/*New Css 11-08-2022 end*/


.pet2 { background: url("../images/pet2.jpg"); background-repeat: repeat; }
.pet3 { background: url("../images/pet3.jpg"); background-repeat: repeat; }

.largeSepTitle { text-align: center; padding-bottom: 50px; }
.largeSepTitle h2 { font-size: 45px; font-weight: bold; position: relative; }
.largeSepTitle h2:before { position: absolute; left: 0px; right: auto; top: 32px; width: 8%; height: 1px; background-color: #fa6956; content: "\f111"; font-family: "Font Awesome 5 Free"; font-size: 20px; text-align: right; line-height: 0px; color: #fa6956; }
.largeSepTitle h2:after { position: absolute; left: auto; right: 0px; top: 32px; width: 8%; height: 1px; background-color: #fa6956; content: "\f111"; font-family: "Font Awesome 5 Free"; font-size: 20px; text-align: left; line-height: 0px; color: #fa6956; }

.largeSepTitle.skyBlue h2:before, .largeSepTitle.skyBlue h2:after { background-color: #36bfc7; color: #36bfc7; }
.largeSepTitle.darhYello h2:before, .largeSepTitle.darhYello h2:after { background-color: #f0b43c; color: #f0b43c; width: 23%; }

.stepWhyFileSharing { padding: 50px 0px 60px; }
.stepWhyFileSharingBox { border: dotted 4px #052334; border-left: 0px none; border-radius: 0px 30px 30px 0px; padding: 130px 50px 80px 0px; position: relative; }
.stepWhyFileSharingBox h3 { 
	width: auto; max-width: 70%; background-color: #052334; color: #ffffff; font-size: 30px; font-weight: bold; padding: 15px 30px 15px 60px; border-radius: 60px 20px 60px 20px; 
	position: absolute; left: 0px; top: -55px; z-index: 55; min-height: 110px; display: flex; align-items: center; 
}
.stepWhyFileSharingBox h3 span { width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 50%; background-color: #b5daea; font-size: 50px; font-weight: bold; display: block; box-shadow: 0px 0px 0px 6px #ffffff; 
	position: absolute; left: -20px; top: -20px; 
}
.stepThreeProgressBoxMain { padding: 0px; color: #052334; }

/*---- ODD EVEN ----*/
.stepWhyFileSharingBox:first-child { }
.stepWhyFileSharingBox:first-child h3 { color: #fff !important; padding: 15px 30px 15px 60px !important; left: 0px !important; }
.stepWhyFileSharingBox:first-child h3 span { left: -20px !important; top: -20px !important; right: auto !important; }

.stepWhyFileSharingBox:last-child { border-radius: 0px !important; border: 0px !important; padding: 110px 0px 0px 0px !important; }

.stepWhyFileSharingBox:nth-child(odd) { /*background-color: #ff6600;*/ margin-top: -8px; }
.stepWhyFileSharingBox h3:nth-child(odd) { /*color: #ff6600;*/ padding: 15px 60px 15px 30px; left: auto; right: 20px; }
.stepWhyFileSharingBox h3 span:nth-child(odd) { left: auto; right: -20px; }
.stepWhyFileSharingBox:nth-child(even) { /*background-color: #000;*/ color: #fff; }
.stepWhyFileSharingBox:nth-child(even) h3 { left: 0px; right: auto; padding: 15px 30px 15px 60px; }
.stepWhyFileSharingBox:nth-child(even) h3 span { left: -20px; top: -20px; }
/*---- ODD EVEN END ----*/

.progressCircleMain { padding: 0px 0px 60px 0px; }

.progress-circle { 
	font-size: 20px; position: relative; /* so that children can be absolutely positioned */ 
	padding: 0; width: 290px; height: 290px; background-color: #ffffff; border-radius: 50%; /*line-height: 290px;*/ box-shadow: 0px 0px 0px 20px #ffffff; margin: 0px auto; 
}
.progress-circle:after { border: none; position: absolute; top: 18px; left: 18px; text-align: center; 
	display: block; border-radius: 50%; /*width: 252px; height: 252px;*/ background-color: #f1f1f1; content: " "; 
}
.progress-circle:before { 
	border-radius: 50%; border: dashed 1px #000000; position: absolute; content: ""; width: 100%; height: 100%; 
}

/* Text inside the control */
.progressText-circle { 
	position: absolute; /*line-height: 290px;*/ width: 290px; text-align: center; display: block; color: #53777A; z-index: 2; 
	display: flex; justify-content: center; align-items: center; height: 100%; 
	color: #052334; font-size: 16px; padding-left: 35px; padding-right: 35px; font-weight: bold; line-height: normal; 
}
.progressText-circle span { font-size: 70px; font-weight: bold; width: 100%; display: block; line-height: normal; color: #fa6956; }

.left-half-clipper { 
	border-radius: 50%; width: 290px; height: 290px; 
	position: absolute; /* needed for clipping */ 
	clip: rect(0, 290px, 290px, 160px); /* clips the whole left half*/ 
}
.progress-circle.over50 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.value-bar { 
	position: absolute; /*needed for clipping*/ 
	clip: rect(0, 160px, 290px, 0); 
	/*width: 290px; height: 290px;*/ 
	width: 100%; height: 100%; border-radius: 50%; border: 15px solid #fa6956; box-sizing: border-box; 
}
.progress-circle.over50 .first50-bar { 
	position: absolute; 
	clip: rect(0, 290px, 290px, 160px); 
	border-radius: 50%; width: 290px; height: 290px; 
}

.progress-circle:not(.over50) .first50-bar { display: none; }

/* Progress bar rotation position */
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(119deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(360deg); }

.stepWhyFileSharingBoxFooter { text-align: center; padding: 60px 0px 0px 0px; font-weight: 200; }

.stepOneMain { position: relative; }
.stepOneMainMainImage { position: absolute; text-align: center; width: 100%; height: 100%; z-index: 55; left: 0px; right: 0px; top: -52px; }
.stepOneMain h4 { font-size: 32px; font-weight: bold; padding-bottom: 40px; }

.stepOneDepartment { padding: 120px 60px 100px; position: relative; z-index: 10; margin-top: 50px; }
.stepOneDepartment:before { 
	background-color: #d0ecf8; border-radius: 40px; 
	position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: -1; content: ""; width: 100%; height: 100%; 
	-moz-transform: skewY(4deg); 
	-webkit-transform: skewY(4deg); 
	-o-transform: skewY(4deg); 
	-ms-transform: skewY(4deg); 
	transform: skewY(4deg); 
}

.stepOneGetAccess { padding: 70px 60px 100px; position: relative; z-index: 10; margin-top: 100px; }
.stepOneGetAccess:before { 
	background-color: #b5daea; border-radius: 40px; 
	position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: -1; content: ""; width: 100%; height: 100%; 
	-moz-transform: skewY(-4deg); 
	-webkit-transform: skewY(-4deg); 
	-o-transform: skewY(-4deg); 
	-ms-transform: skewY(-4deg); 
	transform: skewY(-4deg); 
}

.progressBarLeft { }
.progressBarLeftBox { padding: 25px 0px 30px; }
.progressBarLeftBox .progress { border-radius: 0px; background-color: #ffffff; overflow: unset; height: 3px; }
.progressBarLeftBox .progress-bar { background-color: #052334; text-align: right; margin-right: auto; }
.progressBarLeftBox .progress-bar span { background-color: #fa6956; width: 58px; height: 58px; line-height: 48px; text-align: center; display: inline-block; margin-left: auto; border-radius: 50%; border: solid 5px #ffffff; font-size: 18px; font-weight: bold; }
.progressBarLeftLabel { padding-bottom: 24px; font-size: 18px; font-weight: bold; }

.progressBarRight { }
.progressBarRightBox { padding: 25px 0px 30px; }
.progressBarRightBox .progress { border-radius: 0px; background-color: #052334; overflow: unset; height: 3px; }
.progressBarRightBox .progress-bar { background-color: #ffffff; text-align: left; /*margin-left: auto;*/ }
.progressBarRightBox .progress-bar span { background-color: #fa6956; width: 58px; height: 58px; line-height: 48px; text-align: center; display: inline-block; margin-left: auto; border-radius: 50%; border: solid 5px #ffffff; font-size: 18px; font-weight: bold; }
.progressBarRightLabel { padding-bottom: 24px; font-size: 18px; font-weight: bold; text-align: right; }

.stepWhyFileSharingTwoBoxSeparator { min-height: 86px; position: relative; }
.stepWhyFileSharingTwoBoxSeparator:before { border: dotted 4px #052334; border-right: 0px; border-radius: 40px 0px 0px 40px; width: 60px; height: 100%; content: ""; position: absolute; top: -4px; bottom: -4px; z-index: 3; }
.stepWhyFileSharingTwoBoxSeparator:after { width: 50px; height: 100%; content: ""; position: absolute; top: -4px; bottom: -4px; z-index: 1; background: url("../images/pet2.jpg"); background-repeat: repeat; background-position: -20px; left: 0px; }

.stepUseFileSharing { padding: 40px 0px 30px; }

.stepCaseStudymain { padding: 50px 0px 0px; }
.stepCaseStudy { text-align: center; height: 98px; margin: 24px 0px; }
.stepCaseStudy img { object-fit: cover; height: 100%; }

.stepCaseStudyFooter { margin: 40px 0px 40px; padding: 20px 0px; position: relative; font-size: 16px; font-weight: bold; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.stepCaseStudyFooter:before { content: ""; width: 25%; height: 1px; background-color: #f0b43c; position: absolute; left: 0px; right: 0px; top: 0px; margin: 0px auto; }
.stepCaseStudyFooter:after { content: ""; width: 25%; height: 1px; background-color: #f0b43c; position: absolute; left: 0px; right: 0px; bottom: 0px; margin: 0px auto; }
.stepCaseStudyFooter img { width: 16px; margin-right: 8px; }

.stepWorkersThreeBoxMain { padding: 30px 0px 0px; }
.stepWorkersThreeBox { background-color: #ffffff; border-radius: 50px 50px 0px 50px; padding: 30px 40px 40px 40px; text-align: center; margin: 0px 10px; height: 100%; }
.stepWorkersThreeBox h3 { font-size: 25px; font-weight: bold; position: relative; padding: 20px 0px 30px; margin-bottom: 30px; }
.stepWorkersThreeBox h3:before { position: absolute; left: 0px; right: 0px; bottom: 0px; width: 80px; height: 1px; background-color: #f0b43c; content: ""; margin: 0px auto; }
.stepWorkersThreeBox p { font-size: 20px; }
.stepWorkersThreeBoximage { height: 98px; }
.stepWorkersThreeBoximage img { object-fit: cover; height: 100%; }

.col05 { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col09 { max-width: 11.11111%; -ms-flex: 0 0 11.11111%; flex: 0 0 11.11111%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

.progressOne { padding-bottom: 25px; }
.progressOne .progress { background-color: transparent; border-radius: 0px; height: 40px; }
.progressOne .progress .progress-bar { background-color: #fa6956; text-align: right; font-size: 25px; font-weight: bold; padding-right: 15px; border-radius: 0px 30px 0px 0px; }
.progressOne .progress .progress-bar.skyBlue { background-color: #36bfc7; border-radius: 0px 0px 30px 0px; }
.progressOneData { padding: 0px 0px 40px; }

.progressDataText { font-size: 20px; font-weight: bold; padding-top: 8px; color: #052334; }

.commonSpace { padding: 80px 0px; }
.commonSpaceOne { padding: 60px 0px 80px; }
.commonSpaceTwo { padding: 45px 0px; }

.roundIconComnBoxOneMain { }
.roundIconComnBoxOne { text-align: center; border: solid 1px #dee6ed; border-radius: 20px; box-shadow: 0px 0px 15px rgba(45, 53, 73, 0.1); padding: 20px; height: 100%; }
.roundIconComnBoxOneImage { 
	width: 100%; height: 76px; display: flex; 
	-ms-flex-pack: center !important; justify-content: center !important; 
	-ms-flex-align: end !important; align-items: flex-end !important; 
}
.roundIconComnBoxOneImage img { object-fit: cover; }
.roundIconComnBoxOne p { 
	font-size: 16px; padding: 20px 0px 0px; min-height: 66px; line-height: normal; color: #000000; 
	display: flex; 
	-ms-flex-pack: center !important; justify-content: center !important; 
	-ms-flex-align: center !important; align-items: center !important; 
}

.iconTitleContainBox { text-align: center; padding: 35px 20px; }
.iconTitleContainBoxImage { 
	width: 100%; height: 80px; margin-bottom: 26px; 
	display: flex; 
	-ms-flex-pack: center !important; justify-content: center !important; 
	-ms-flex-align: end !important; align-items: flex-end !important; 
}
.iconTitleContainBoxImage img { object-fit: cover; max-height: 100%; }
.iconTitleContainBox h4 { font-size: 25px; font-weight: 200; padding-bottom: 20px; }

.iconTitleContainBoxOne { padding: 50px 20px; }
.iconTitleContainBoxOne h4 { font-size: 22px; font-weight: bold; text-transform: uppercase; }
.iconTitleContainBoxOne p { font-size: 22px; font-weight: 200; line-height: normal; }

.iconTitleContainBoxTwo { padding: 30px 20px; }
.iconTitleContainBoxTwoImage { width: 100%; height: 64px; margin-bottom: 12px; display: flex; 
	-ms-flex-pack: center !important; justify-content: center !important; -ms-flex-align: end !important; align-items: flex-end !important; 
}
.iconTitleContainBoxTwoImage img { object-fit: cover; max-height: 100%; }
.iconTitleContainBoxTwo h4 { font-size: 20px; font-weight: bold; text-transform: capitalize; }
.iconTitleContainBoxTwo p { font-size: 18px; font-weight: 200; line-height: normal; }

.specificationsMain { padding: 60px 0px; background-color: #f4f9fd; }

.specificationsBox { padding: 0px 30px; margin: 26px 0px; }
.specificationsBox h3 { font-size: 18px; font-weight: bold; border-bottom: solid 4px #fa6956; padding-bottom: 10px; }
.specificationsBox h3.line1 { border-color: #36bfc7; }
.specificationsBox h3.line2 { border-color: #f0b43c; }
.specificationsBox h3.line3 { border-color: #ba49cb; }
.specificationsBox h3.line4 { border-color: #3688c7; }
.specificationsBox ul { margin: 0px; }
.specificationsBox li { border-bottom: solid 1px #dee6ed; padding-top: 12px; padding-bottom: 12px; }
.specificationsBox li .label { font-weight: 200; }
.specificationsBox li .data { font-weight: normal; text-align: right; }

.specificationsBox .row { align-items: center; }
/*---------------------------------- FILE BOX PAGE END ----------------------------------*/

.innerMainTitleMain { }
.innerMainTitleMainPink { 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5b65+0,ef3696+100 */ 
	background: #ff5b65; /* Old browsers */ 
	background: -moz-linear-gradient(left, #ff5b65 0%, #ef3696 100%); /* FF3.6-15 */ 
	background: -webkit-linear-gradient(left, #ff5b65 0%, #ef3696 100%); /* Chrome10-25,Safari5.1-6 */ 
	background: linear-gradient(to right, #ff5b65 0%, #ef3696 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5b65', endColorstr='#ef3696', GradientType=1 ); /* IE6-9 */ 
}

.innerMainTitleMainFullImage { width: 100%; }
.innerMainTitleMainFullImage img { object-fit: cover; object-position: center; width: 100%; }

.innerMainTitleBanner { display: flex; overflow: hidden; 
	-ms-flex-pack: justify !important; justify-content: space-between !important; 
	-ms-flex-align: center !important; align-items: center !important; /*max-height: 350px;*/ 
}
.innerMainTitleBannerLarge { max-height: 100% !important; }

.innerMainTitleBannerImage { }
.innerMainTitleBannerImage img { object-fit: cover; object-position: center; }

.innerMainTitle { padding: 60px 0px; /*margin-right: 20px;*/ flex: 0 0 50%; max-width: 50%; padding-right: 20px; }
.innerMainTitle h1 { font-size: 60px; font-weight: bold; }
.innerMainTitle h1 small { font-size: 25px; font-weight: normal; display: block; padding-top: 25px; padding-bottom: 15px; text-transform: capitalize; }


.secondTitle{  }
.secondTitle h2, .secondTitle h1 { font-size: 35px; padding-bottom: 40px; font-weight: 500; }
.secondTitle h2 small, .secondTitle h1 small{ font-size: 21px; font-weight: 200; color: #445762; padding-top: 12px; display: block; width: 100%; line-height: 1.4; }

.pt-05 { padding-top: 2.7rem !important; }


.myBreadcrumb { padding: 0px 0px 30px; font-size: 12px; text-transform: uppercase; font-weight: bold; }
.myBreadcrumb .breadcrumb { background-color: transparent; padding: 0px; margin: 0px; }
.myBreadcrumb .breadcrumb .breadcrumb-item a { color: #a6acb1; }
.myBreadcrumb .breadcrumb .breadcrumb-item a:hover { color: #052334; }
.myBreadcrumb .breadcrumb .breadcrumb-item.active { color: #052334; }
.myBreadcrumb .breadcrumb .breadcrumb-item:before { color: #052334; }


.customeTabOne { padding: 80px 0px; }
.customeTabOne .nav-pills { padding: 0px 0px 40px; }
.customeTabOne .nav-pills .nav-link { margin: 0px 20px; padding: 0px; font-size: 15px; font-weight: bold; color: #052334; text-transform: uppercase; border-radius: 0px; border-bottom: solid 3px transparent; }
.customeTabOne .nav-pills .nav-link:hover { color: #4381a5; border-bottom: solid 3px transparent; }
.customeTabOne .nav-pills .nav-link.active { background-color: transparent; color: #4381a5; border-bottom: solid 3px #4382a5; }

.customeTabTwo { }
.customeTabTwo .nav-pills { padding: 0px 0px 35px; }
.customeTabTwo .nav-pills .nav-link { margin: 0px 5px; padding: 12px 15px; font-size: 20px; font-weight: 200; color: #052334; text-transform: capitalize; border-radius: 0px; box-shadow: none; min-width: 170px; text-align: center; }
.customeTabTwo .nav-pills .nav-link:hover { color: #052334; }
.customeTabTwo .nav-pills .nav-link.active { background-color: #ffffff; color: #052334; font-weight: bold; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); 
	background-image: url(../images/btnCorner.png); background-repeat: no-repeat; background-position: right top; 
}

.remoteLgPart { padding: 60px 0px; }
.remoteLgPart h3 { padding: 10px 0px 30px; font-size: 35px; font-weight: 200; }
.remoteLgPartLeft { padding: 15px 0px; }
.remoteLgPartRight { padding: 15px 30px; }


/*----Media Dark----*/
.mediaDark { background-color: #052334; color: #ffffff; padding: 25px 0px; }
.mediaDark .media-body { align-self: center; }
.mediaDark .media-body p { line-height: normal !important; }
.mediaDarkImage { width: 300px; text-align: center; position: relative; margin-left: 110px; }
.mediaDarkImage i { font-size: 170px; color: #ffd14a; }
.mediaDarkImageButton { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; align-self: center; align-items: center; justify-content: center; }
/*----Media Dark End----*/


.smallIconAndTextPart { background-color: #ffffff; margin-top: 20px; }
.smallIconAndTextPart .vdivide [class*='col-']:not(:first-child):after { background: #e9edf0; width: 1px; content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; }

.smallIconAndTextWrapper { border-top: solid 1px #e9edf0; }
.smallIconAndTextWrapper:first-child { border-top: 0px; }

.smallIconAndText { text-align: center; padding: 24px; height: 100%; }
.smallIconAndText-icon { width: 50px; height: 50px; display: flex; align-items: center; align-self: center; justify-content: center; margin: 0px auto; }
.smallIconAndText i { font-size: 30px; }
.smallIconAndText span { font-weight: bold; font-size: 15px; }
.smallIconAndText p { font-size: 15px; line-height: normal; padding-top: 20px; padding-bottom: 15px; }

.kalkulatorCloudPart { padding: 80px 0px; }
.kalkulatorBoxMain { padding: 30px 0px 15px; }
.kalkulatorBox { background-color: #ffffff; border-radius: 10px; padding: 50px 15px 40px; text-align: center; height: 100%; }
.kalkulatorBox h4 { font-size: 22px; font-weight: bold; padding-bottom: 15px; }
.kalkulatorBox p { font-size: 18px; font-weight: 500; }
.kalkulatorBox p small { font-size: 18px; display: block; width: 100%; color: #89949a; }

/*.kalkulatorProgressMain{  }

.kalkulatorProgressPart{ background-color: #ffffff; border-radius: 10px 0px 0px 10px; padding: 40px 30px; height: 100%; }
.kalkulatorProgressBar{ padding: 18px 0px; }
.kalkulatorProgressBar .progress{ height: 10px; overflow: visible; }
.kalkulatorProgressBar .progress-bar { flex-direction: unset; align-self: center; height: 10px; align-items: center; border-radius: .25rem; min-width: 18px !important; }
.kalkulatorProgressBar .progress-bar span{ width: 20px; height: 20px; display: block; margin-left: auto; border-radius: 50%; margin-right: -2px; position: relative; }
.kalkulatorProgressBar .progress-bar span:before{ width: 14px; height: 14px; position: absolute; left: 3px; top: 3px; right: 0px; bottom: 0px; display: block; content: ""; background-color: #ffffff; border-radius: 50%; }

.kalkulatorProgressBar h4{ font-size: 18px; font-weight: 500; padding-bottom: 10px; position: relative; }
.kalkulatorProgressBar h4 span{ font-size: 12px; font-weight: 600; padding: 3px 5px; color: #ffffff; border-radius: 3px; position: absolute; right: 0px; top: 0px; }
*/

/*---- Price Progressbar Start ----*/


.priceProgressbarMain{ box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1); }
.priceProgressbarLeft{ background-color: #ffffff; border-radius: 4px 0px 0px 4px; padding: 40px; height: 100%; border-left: solid 5px #4382a5; }
.priceProgressbarRight{ background-color: #4382a5; border-radius: 0px; padding: 30px 60px; color: #ffffff; height: 100%; position: relative; }
.priceProgressbarRight:before{ position: absolute; left: -5px; top: calc(100% - 55%); bottom: 0px; font-family: "Font Awesome 5 Free"; content: "\f0da"; font-weight: bold; font-size: 80px; line-height: 46px; }
.priceProgressbarRight .prices{ position: relative; }



.badgeAll { white-space: nowrap; font-size: 12px; font-weight: 600; padding: 3px 5px; color: #ffffff; border-radius: 3px; margin-top: 10px; /*display: none;*/ }
#panelselector { line-height: normal; }
#pincluded, #nopanel { padding-left: 25px; cursor: pointer; }
#nopanel { margin-top: -8px; }

#qsSlider #panelselector #panel, #qsSlider #periodselector #period { height: 37px !important; }
/*---- Price Progressbar End ----*/


.kalkulatorFormBox { background-color: #4382a5; border-radius: 0px 10px 10px 0px; padding: 30px; color: #ffffff; height: 100%; }
.kalkulatorFormBox .col-form-label { font-size: 12px; font-weight: bold; display: flex; align-self: center; align-items: center; justify-content: flex-start; }
.kalkulatorFormBox .form-control { border-radius: 3px; border: none; box-shadow: none; color: #000000; font-size: 16px; width: calc(100% - 15px); margin: 0 auto; }
.kalkulatorFormBox .form-control:focus { border: none; box-shadow: none; }

.sup-sub-data { font-size: 45px; line-height: normal; font-weight: bold; }
.sup-sub-data sup { top: -2em; }

.iconText-main { display: flex; width: 100%; }
.iconText-main i { margin-right: 10px; margin-top: 3px; }
.iconText-main span { padding: 18px 22px; display: flex; }

.iconText-main a { color: #052334 !important; display: flex; align-items: start; align-self: start; justify-content: center; line-height: normal; }
.iconText-main a:last-child { margin-right: 0px; }
.iconText-main a.active { background-color: #fff; border-radius: 8px; box-shadow: 0px 0px 3px rgba(54, 57, 65, 0.3); }

.darkBoxesOne { background-color: #052334; color: #ffffff; padding: 35px 25px; border-radius: 10px; height: 100%; }
.darkBoxesOne ul { padding: 20px 0px; }
.darkBoxesOne ul li { font-size: 18px; font-weight: 200; padding: 10px 0px; }

.teamBox { padding: 30px 0px; }
.teamBox h4 { font-size: 20px; font-weight: bold; padding-bottom: 5px; }
.teamBox p { font-size: 16px; color: #455863; text-transform: uppercase; padding: 0px 0px 15px; }
.teamBoxImage { margin-bottom: 24px; }
.teamBoxImage img { object-fit: cover; object-position: center; }

/*---- Common Social Icons ----*/
.socialGray { }
.socialGray ul { display: flex; }
.socialGray ul li { padding: 0px 8px; }
.socialGray ul li:first-child { padding-left: 0px; }
.socialGray ul li a { width: 32px; height: 32px; line-height: 30px; display: block; border-radius: 50%; border: solid 2px #cdd2d5; text-align: center; color: #cdd2d5; }
.socialGray ul li a:hover { border: solid 2px #3e7da3; color: #3e7da3; }

.socialBlack { }
.socialBlack ul { display: flex; }
.socialBlack ul li { padding: 0px 8px; }
.socialBlack ul li:first-child { padding-left: 0px; }
.socialBlack ul li a { width: 32px; height: 32px; display: flex; border-radius: 50%; border: solid 2px #000000; text-align: center; color: #000000; align-items: center; justify-content: center; }
.socialBlack ul li a:hover { border: solid 2px #3e7da3; color: #3e7da3; }
/*---- Common Social Icons End ----*/


/*---- Profile Page Start ----*/

.roundColorProgressBarMain { padding: 0px; }

.roundColorProgressBar { display: flex; align-items: center; align-self: center; justify-content: center; width: 100%; height: 200px; }
.roundColorProgressBar .c100 { margin: 0px; transform: scale(1.6); }
.roundColorProgressBar .c100:after { /*top: 0.06em; left: 0.06em; width: 0.88em; height: 0.88em;*/ background-color: #f6f6f6; }
.roundColorProgressBar .c100 > span { 
	display: flex; align-items: center; align-self: center; justify-content: center; height: 100%; width: 100%; 
	font-size: 26px; font-weight: 200; color: #052334; 
	transform: scale(0.6); 
}
.roundColorProgressBar .c100.bluemain { background-color: #d3ddff !important; box-shadow: 0px 0px 6px rgba(84, 114, 210, 0.5); }
.roundColorProgressBar .c100 .bar.blue, .roundColorProgressBar .fill.blue { border-color: #5472d2 !important; }
.roundColorProgressBar .c100.purplemain { background-color: #d3ddff !important; box-shadow: 0px 0px 6px rgba(141, 109, 196, 0.5); }
.roundColorProgressBar .c100 .bar.purple, .roundColorProgressBar .fill.purple { border-color: #8d6dc4 !important; }
.roundColorProgressBar .c100.greenmain { background-color: #d7edc5 !important; box-shadow: 0px 0px 6px rgba(109, 171, 60, 0.5); }
.roundColorProgressBar .c100 .bar.green, .roundColorProgressBar .fill.green { border-color: #6dab3c !important; }
.roundColorProgressBar .c100.redmain { background-color: #fbe1df !important; box-shadow: 0px 0px 6px rgba(218, 79, 73, 0.5); }
.roundColorProgressBar .c100 .bar.red, .roundColorProgressBar .fill.red { border-color: #da4f49 !important; }
.roundColorProgressBar .c100.lightgreenmain { background-color: #bdfdff !important; box-shadow: 0px 0px 6px rgba(88, 197, 201, 0.5); }
.roundColorProgressBar .c100 .bar.lightgreen, .roundColorProgressBar .fill.lightgreen { border: 0.08em solid #58c5c9 !important; }

.profileDownloadListmain { background-color: #ffffff; padding: 40px 0px; }
.profileDownloadList { padding: 90px 0px; border-bottom: solid 1px #052334; }
.profileDownloadList:last-child { border-bottom: 0px; padding-bottom: 0px; }

.profileDownloadLogoBox { text-align: center; font-weight: 200; font-size: 15px; }
.profileDownloadLogoBoxImage { background-color: #ebf3f8; height: 90px; padding: 15px 20px; margin-bottom: 8px; 
	display: flex; align-self: center; align-items: center; justify-content: center; 
}
.profileDownloadProdukBox { text-align: center; font-weight: 200; font-size: 15px; margin-bottom: 60px; }
.profileDownloadProdukBoxImage { margin-bottom: 8px; }

.successNumberBoxMain { background-color: #10608f; color: #ffffff; padding: 80px 0px; }
.successNumberBox { text-align: center; padding: 40px 15px; border: solid 1px #ffffff; height: 100%; }
.successNumberBoxImage { height: 55px; margin-bottom: 10px; display: flex; align-self: flex-end; align-items: flex-end; justify-content: center; }
.successNumberBoxImage img { object-fit: cover; }
.successNumberBox h4 { font-size: 70px; font-weight: bold; padding-bottom: 20px; }
.successNumberBox h5 { font-size: 25px; font-weight: bold; }
/*---- Profile Page End ----*/

/*---- Blog Detail Page Start ----*/

.text20Part { padding: 20px 0px; }

/*---- FORM START ----*/
/*---- One ----*/
.formOne { padding: 40px 0px 0px; }
.formOne .form-group { margin-bottom: 23px; }
.formOne .frmOneinp { border-radius: 0px; height: 48px; font-weight: 200; }
.formOne .frmOneinp:focus { border: 1px solid #ced4da; }
.formOne .frmOneinp.form-control::placeholder { color: #aaaaaa; }
/*---- One End ----*/

/*---- Two ----*/
.formTwo { padding: 40px 0px 0px; }
.formTwo .form-group { margin-bottom: 23px; }
.formTwo .frmTwoLabel { font-size: 13px; font-weight: bold; text-transform: uppercase; min-height: 17px; margin-bottom: 12px; width: 100%; }
.formTwo .frmTwoinp { border-radius: 0px; height: 45px; font-weight: 200; border: solid 1px #000000; color: #000000; }
.formTwo .frmTwoinp:focus { border: 1px solid #000000; }
.formTwo .frmTwoinp.form-control::placeholder { color: #666666; }

.formTwo .inpTwoSelectTwo{
    -webkit-appearance: none;
    -moz-appearance: none; 
    background-image: url("../images/inpTwoSelectTwo.png");
    background-repeat: no-repeat;
    background-position: right center;
}

.checkboxLg{ padding-left: 35px; min-height: 1.8rem; }
.checkboxLg .custom-control-label{ padding-top: 3px; }
.checkboxLg .custom-control-label:before{ border-radius: 0px !important; width: 24px; height: 24px; left: -35px; }
.checkboxLg .custom-control-label:after{ width: 24px; height: 24px; left: -35px; }
.checkboxLg .custom-control-input:checked ~ .custom-control-label:before { border-color: #052334; background-color: #052334; }


/*---- Two End ----*/


/*---- Three ----*/
.formThree { padding: 0px; }
.formThree.topSpace { padding-top: 40px; }
.formThree .form-group { margin-bottom: 23px; }
.formThree .frmThreeLabel { font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 6px; width: 100%; }
.formThree .frmThreeinp { border-radius: 0px; height: 52px; font-weight: 200; border: 0px; color: #38414b; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
.formThree .frmThreeinp:focus { border: 0px; }
.formThree .frmThreeinp.form-control::placeholder { color: #666666; }

.formThree .inpthreeSelect { 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	background-image: url("../images/inpthreeSelect.png"); 
	background-repeat: no-repeat; 
	background-position: right center; 
}

/*-- Form Three Note --*/
.formThreeNote{ display: flex; }
.formThreeNote-leftBtn{ flex-basis: 0; }
.formThreeNote-right{ flex-grow: 1; padding-left: 22px; }
/*-- Form Three Note End --*/

/*---- Three End ----*/

/*---- FORM END ----*/

/*---- Alert ----*/
.alert { border: 0px; border-radius: 0px; font-size: 20px; font-weight: 200; margin: 0px; padding: 15px 20px; }
.alert i { margin-right: 15px; }

.alert-primary { background-color: #e7f6ff; color: #052334; }
.alert-primary i { color: #4281a5; }

.alert-success { background-color: #d4edda; color: #155724; }
.alert-success i { color: #155724; }

.alert-danger { background-color: #f8d7da; color: #721c24; }
.alert-danger i { color: #721c24; }
/*----End----*/

.formTextLine { border-top: solid 1px #e7e7e7; display: flex; align-items: center; justify-content: space-between; padding: 25px 0px; }
.formTextLine h4 { font-size: 13px; text-transform: uppercase; font-weight: bold; padding: 8px 0px; }
/*---- Blog Detail Page End ----*/

.ourContactsMain { padding: 40px 0px; }
.ourContactsBox { padding: 30px 10px; border: solid 2px #4381a5; border-radius: 15px; box-shadow: 0px 3px 7px rgba(18, 56, 81, 0.2); text-align: center; font-size: 17px; max-width: 250px; }
.ourContactsBox h4 { padding: 0px 0px 8px; font-size: 25px; font-weight: bold; }
.ourContactsBox h5 { padding: 0px 0px 15px; font-size: 13px; font-weight: bold; color: #4281a5; text-transform: uppercase; }
.ourContactsBoxIcon { font-size: 40px; color: #4281a5; display: block; height: 70px; line-height: normal; }

.contactRightPart { padding-left: 20px; }

.contactMapMain { }
.contactMap { max-height: 500px; }


/*---- Popup Custome ----*/
.OverlyOpen { overflow: hidden; }

/*-- Backdrop --*/
.OverlyBackdrop { width: 100vw; height: 100vh; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgba(0, 0, 0); content: ""; z-index: 1040; display: none; }
.OverlyBackdrop.show { opacity: .8; display: block; }
/*-- Backdrop End --*/

.popupWraper { position: absolute; color: #ffffff; left: 50%; top: 130px; z-index: 99999; display: none; opacity: 0; 
	/*transform:translateX(-50%); */ 
	-moz-transform: translateX(-50%); 
	-webkit-transform: translateX(-50%); 
	-o-transform: translateX(-50%); 
	-ms-transform: translateX(-50%); 
	transform: translateX(-50%); 
	width: 100%; max-width: 1170px; 
}
.popupWraper.show { z-index: 1072; display: block !important; opacity: 1 !important; position: fixed; }

.serchMain { }
.serchMain .form-control { border: 0px; border-radius: 0px; font-size: 25px; font-weight: 200; color: #052334; height: 70px; padding-left: 25px; padding-right: 25px; }
.serchMain .form-control::placeholder { color: #052334; }

.scrollHide { overflow: hidden; }

.dockerTwoBoxmain { }
.dockerTwoBoxmain h4 { text-align: center; font-size: 22px; font-weight: 200; color: #455863; padding-bottom: 20px; }
.dockerTwoBox { background-color: #ffffff; border-radius: 10px; box-shadow: 0px 1px 3px rgba(54, 57, 65, 0.2); padding: 40px; height: calc(100% - 48px); 
	display: flex; align-items: center; align-self: center; justify-content: center; /*flex-flow: column;*/ 
}


/*---- Bullet with Sub Line List ----*/
.listBullet { }
.listBullet ul { }
.listBullet ul li { position: relative; font-weight: 200; padding: 0px 0px 0px 25px; margin: 6px 0px; display: block; }
.listBullet ul li:before { font-family: "Font Awesome 5 Free"; content: "\f111"; position: absolute; left: 0px; top: 6px; font-weight: bold; font-size: 8px; color: #000000; }

.listBullet ul ul { margin: 20px 0px; }
.listBullet ul ul li { position: relative; font-weight: 200; padding: 0px 0px 0px 14px; margin: 6px 0px; display: block; }
.listBullet ul ul li:before { content: ""; position: absolute; left: 0px; top: 12px; font-weight: 200; font-size: 8px; background-color: #455863; width: 8px; height: 2px; }
/*---- Bullet with Sub Line List End ----*/


.commonSmallBox { background-color: #ffffff; border-radius: 10px; padding: 50px 15px 40px; text-align: center; height: 100%; box-shadow: 0px 2px 4px 0px rgba(54, 57, 65, 0.2); }
.commonSmallBox h3 { font-size: 35px; font-weight: bold; padding-bottom: 15px; }
.commonSmallBox p { font-size: 22px; font-weight: bold; }
.commonSmallBox p small { font-size: 18px; display: block; width: 100%; color: #89949a; }
.commonSmallBox .btn { padding-left: 15px; padding-right: 15px; }

.seprateDarkSectionWithLogo { background-color: #052334; color: #fff; position: relative; }
.seprateDarkSectionWithLogo:before { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; background-image: url(../images/logoIcon-large.png); background-repeat: no-repeat; background-position: center center; }
.seprateDarkSectionWithLogo .container { position: relative; }

.supportBanner { padding: 90px 0px 20px; }
.supportBanner h1 { font-size: 45px; font-weight: bold; padding-bottom: 20px; }
.supportBanner p { font-size: 24px; }

.whiteDotedBox { background-color: #ffffff; border-radius: 10px; box-shadow: 0px 0px 40px 0px rgba(54, 57, 65, 0.1); position: relative; padding: 45px; height: 100%; }
.whiteDotedBox:before { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; content: ""; border: dashed 1px #3d5fa7; border-radius: 8px; z-index: 0; }
.whiteDotedBox > * { position: relative; z-index: 1; }
.whiteDotedBoxImage { height: 50px; margin-bottom: 32px; }
.whiteDotedBoxImage img { max-height: 50px; width: auto; object-fit: contain; }
.whiteDotedBox h4 { font-size: 22px; font-weight: bold; padding-bottom: 22px; }
.whiteDotedBox ul { margin-bottom: 6px; }
.whiteDotedBox ul li { font-size: 20px; font-weight: 200; padding: 2px 0px; }

.roundIconComnBoxTwo { text-align: center; border-radius: 10px; box-shadow: 0px 0px 40px 0px rgba(54, 57, 65, 0.1); padding: 25px 20px; height: 100%; background-color: #ffffff; }
.roundIconComnBoxTwoImage { 
	width: 100%; height: 76px; 
	display: flex; 
	-ms-flex-pack: center !important; justify-content: center !important; 
	-ms-flex-align: end !important; align-items: flex-end !important; 
}
.roundIconComnBoxTwoImage img { object-fit: cover; }
.roundIconComnBoxTwo p { 
	font-size: 16px; padding: 20px 0px 0px; min-height: 66px; line-height: normal; color: #000000; 
	display: flex; 
	-ms-flex-pack: center !important; justify-content: center !important; 
	-ms-flex-align: center !important; align-items: center !important; 
}

.arrowListingBox { padding: 0px 30px; }
.arrowListingBox h4 { font-size: 18px; font-weight: bold; padding-bottom: 12px; }
.arrowListingBox ul { padding-bottom: 10px; }
.arrowListingBox ul li { font-weight: 200; margin: 16px 0px; position: relative; padding: 0px 0px 0px 26px; }
.arrowListingBox ul li:before { position: absolute; left: 0px; top: 1px; font-family: "Font Awesome 5 Free"; content: "\f061"; font-weight: bold; color: #f53e67; font-size: 15px; }

.checkedList { padding: 30px 0px; }
.checkedList h4 { font-size: 20px; font-weight: bold; padding-bottom: 6px; }
.checkedList ul { padding-bottom: 10px; }
.checkedList ul li { font-weight: 200; margin: 8px 0px; padding: 0px 0px 0px 24px; 
	background-image: url(../images/checkedList.png); background-position: left 3px; background-repeat: no-repeat; 
}

.checkedListTwo { }
.checkedListTwo ul { padding-bottom: 10px; }
.checkedListTwo ul li { font-weight: 200; font-size: 18px; margin: 5px 0px; position: relative; padding: 5px 0px 0px 40px; color: #445762; }
.checkedListTwo ul li:before { position: absolute; left: 0px; top: 0px; font-family: "Font Awesome 5 Free"; content: "\f058"; font-weight: bold; color: #ffd14a; font-size: 24px; }
/*.checkedList ul li:before{ position: absolute; left: 0px; top: 0px; content: "";   }*/


.borderDot { }
.borderDot:after { border-left: 0px !important; }

/*---- Table Responsive Start ----*/

/*---- My Table One ----*/
.myTable { }
.myTable h3 { padding-bottom: 15px; font-size: 30px; text-align: center; text-transform: uppercase; font-weight: bold; }
.myTable table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; }
.myTable table thead { background-color: #052334; color: #fff; }
.myTable table th, .myTable table td { padding: 20px 10px; text-align: center; vertical-align: middle; }
.myTable table tbody tr { background-color: #ffffff; }
.myTable table caption { margin: .5em 0 .75em; }
.myTable table tr { border: 1px solid #ddd; padding: .35em; }
.myTable table th { /*font-size: .85em;*/ text-transform: uppercase; }


/*---- My Table Two ----*/
.myTableTwo { }
.myTableTwo table { border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; font-size: 18px; }
.myTableTwo table thead tr th:first-child, .myTableTwo table tbody tr td:first-child { text-align: left; }
.myTableTwo table thead tr, .myTableTwo table thead tr th { border: 0px; }
.myTableTwo table th, .myTableTwo table td { padding: 20px; text-align: center; vertical-align: middle; }
.myTableTwo table tbody tr:first-child td { border-top: 0px; }


/*---- My Table Three ----*/
.myTableThree { border-radius: 0px 0px 30px 30px; box-shadow: 0px 8px 10px rgba(5, 35, 52, 0.1); border-top: solid 3px #052334; }
.myTableThree table { border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; font-size: 18px; border: 0px !important; }
.myTableThree table thead tr th { border-top: 0px; }
.myTableThree table thead tr th:first-child, .myTableThree table tbody tr td:first-child { border-left: 0px; }
.myTableThree table thead tr th:last-child, .myTableThree table tbody tr td:last-child { border-right: 0px; }

.myTableThree table thead tr th table tr, .myTableThree table thead tr th table th { border-bottom: 0px !important; }

.myTableThree table tbody tr:last-child td { border-bottom: 0px; }

/*.myTableThree table thead tr th:first-child, .myTableThree table tbody tr td:first-child{ text-align: left; }*/
.myTableThree table thead tr, .myTableThree table thead tr th { /*border: 0px;*/ border-bottom: 1px solid #dee2e6; }
.myTableThree table th, .myTableThree table td { padding: 15px 20px; text-align: center; vertical-align: middle; }
.myTableThree table tbody tr:first-child td { border-top: 0px; }

.tableBorderNone { }
.tableBorderNone tr td { border: 0px; }


@media screen and (max-width: 600px) {
    
    /*---- My Table One Mobile ----*/
    .myTable h3 { padding-top: 8px; padding-bottom: 12px; font-size: 20px; text-align: center; text-transform: uppercase; font-weight: bold; }
    .myTable table { border: 0; }
    .myTable table caption { }
    .myTable table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    .myTable table th, .myTable table td { padding: 15px 10px; font-size: 13px; }
    .myTable table tr { display: block; margin-bottom: .625em; padding: 0px; }
    .myTable table td { border-bottom: 1px solid #ddd; display: block; text-align: left; }
    .myTable table td::before { content: attr(data-label); float: none; font-weight: bold; text-transform: uppercase; display: block; width: 100%; font-size: 14px; }
    .myTable table td:last-child { border-bottom: 0; }
}
/*---- Table Responsive End ----*/


.whyEmailSecurity { }
.whyEmailSecurityBox { background-color: #ffffff; border-radius: 10px; padding: 40px 15px; text-align: center; height: 100%; }
.whyEmailSecurityBox p { font-weight: 200; font-size: 15px; }
.whyEmailSecurityBoxImage { height: 75px; margin: 0px auto; padding-bottom: 20px; }
.whyEmailSecurityBoxImage img { object-fit: cover; width: auto; height: 100%; }


.lockLarge { background-image: url(../images/lock-large.png); background-position: center 40px; background-repeat: no-repeat; }

.how-spam-filtering-works-data-center { padding: 60px 20px 50px; background-color: #ffffff; border-radius: 80px; text-align: center; margin-bottom: 60px; }


.howSpamFilteringWorks-points { }
.howSpamFilteringWorksPointsBox { height: 100%; }
.howSpamFilteringWorksPointsBox h4 { font-size: 30px; font-weight: bold; padding-bottom: 20px; }
.howSpamFilteringWorksPointsIcon { width: 100px; height: 100px; text-align: center; line-height: 100px; border-radius: 50%; background-color: #ffffff; margin-bottom: 25px; }

.howSpamFilteringWorks-pointsTitle { text-align: center; padding-bottom: 30px; }
.howSpamFilteringWorks-pointsTitle h4 { font-weight: bold; font-size: 26px; padding-bottom: 20px; line-height: 44px; }

.spamFilteringStepsMain { border-bottom: dashed 1px #052334; margin: 100px 0px 60px; position: relative; }
.spamFilteringStepsMain:before { position: absolute; left: 0px; top: -5px; width: 10px; height: 10px; background-color: #ffffff; content: ""; border-radius: 50%; z-index: 1; }
.spamFilteringStepsMain:after { position: absolute; right: 0px; top: -5px; width: 10px; height: 10px; background-color: #ffffff; content: ""; border-radius: 50%; z-index: 1; }

.spamFilteringStepsBox { }
.spamFilteringStepsBox:first-child .spamFilteringSteps:before { display: none; }

.spamFilteringSteps { text-align: center; padding: 60px 40px 30px; border-top: dashed 1px #052334; position: relative; }
.spamFilteringStepsNumber { width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 20px; font-weight: bold; border-radius: 50%; 
	display: block; background-color: #fff; margin: 0px auto; 
	position: absolute; left: 0px; right: 0px; top: -20px; 
	box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1); 
}

.spamFilteringSteps:before { position: absolute; left: 0px; top: -16px; font-family: "Font Awesome 5 Free"; content: "\f04b"; color: #ffffff; font-size: 22px; font-weight: bold; }

.spamFilteringSteps img { padding-bottom: 15px; }
.spamFilteringSteps h4 { font-size: 22px; font-weight: bold; padding-bottom: 13px; }

.spamExpertsFeatures { height: 100%; }
.spamExpertsFeatures h4 { padding: 10px 0px 10px; width: 100%; }
.spamExpertsFeaturesIcon { height: 50px; }
.spamExpertsFeaturesIcon img { min-height: 50px; height: 100%; }

.innerNavOne { border-bottom: solid 1px #dde3e7; padding: 15px; }
.innerNavOne .nav { }
.innerNavOne .nav-item { }
.innerNavOne .nav-item .nav-link { font-weight: 200; padding-left: 25px; padding-right: 25px; font-size: 18px; }
.innerNavOne .nav-item .nav-link:hover, .innerNavOne .nav-item .nav-link:focus { color: #0baafd; }
.innerNavOne .nav-item .nav-link.active { font-weight: 600; color: #0baafd !important; }

.tableOrange { }
.tableOrange table { }
.tableOrange table thead { }
.tableOrange table thead tr { }
.tableOrange table thead tr th { background-color: #fb622e; color: #ffffff; text-align: center; vertical-align: middle; border-top: 0px; border-bottom: 0px; padding-top: 15px; padding-bottom: 15px; }
.tableOrange table tbody tr td { text-align: center; vertical-align: middle; border-top: 0px; border-bottom: 0px; padding-top: 15px; padding-bottom: 15px; }
.tableOrange table thead tr th:first-child, .tableOrange table thead tr th:last-child { border-left: 0px; }
.tableOrange table tbody tr td:first-child, .tableOrange table tbody tr td:last-child { border-right: 0px; }

.unexpectedBox { }
.unexpected-icon { display: flex; align-items: center; justify-content: center; height: 70px; margin-bottom: 20px; }
.unexpected-icon img { object-fit: cover; height: auto; width: 70px; }
.unexpectedBox p { font-size: 16px; font-weight: bold; line-height: normal; }

.graphicBg { background-image: url(../images/graphicBg.jpg); background-position: center center; background-repeat: no-repeat; color: #ffffff; background-color: #0e122e; background-size: cover; }

.disasterRecoveryPage-contact { padding: 20px 0px; }
.disasterRecoveryPage-contact .largeText { font-size: 35px; font-weight: 200; line-height: normal; }
.disasterRecoveryPage-contact .largeText span { font-weight: bold; display: block; }

ul.contact-redIcon-list { }
ul.contact-redIcon-list li { padding: 4px 0px; font-size: 18px; font-weight: 200; display: flex; align-items: center; }
ul.contact-redIcon-list li span { padding-right: 6px; width: 36px; display: table; }


.whyCloudmatikaAllPart { padding: 70px 0px 45px; }
.whyCloudmatikaAllPart h2 { padding-bottom: 60px; }

.whyCloudmatikaBox { border: solid 1px #052334; padding: 32px 18px; height: 100%; position: relative; overflow: hidden; }
.whyCloudmatikaBox:before { position: absolute; right: -20px; top: -20px; content: ""; background-color: #4281a5; width: 40px; height: 40px; 
	-moz-transform: rotate(46deg); -webkit-transform: rotate(46deg); -o-transform: rotate(46deg); -ms-transform: rotate(46deg); transform: rotate(46deg); 
}
.whyCloudmatikaBox * { position: relative; }
.whyCloudmatikaBoxImage { }
.whyCloudmatikaBox h3 { font-size: 20px; font-weight: bold; padding-bottom: 8px; }
.whyCloudmatikaBox p { font-size: 18px; line-height: 1.5; }

.consulationBox { background-color: #ebeff3; border-left: solid 5px #fb622e; padding: 25px 30px; margin: 30px 0px 2px 0px; }
.consulationBox.two { border-left: solid 5px #4281a5 !important; }

.consulation-whiteBox { background-color: #ffffff; border-left: solid 5px #38414b; padding: 25px 30px; }
.consulation-whiteBox.two { background-color: transparent !important; border-left: 0px !important; }
.consulation-whiteBox.three { background-color: #ebeff3; border-left: solid 5px #38414b; padding: 25px 30px; }

.commonIconText18Box { text-align: center; padding: 35px 0px; }
.commonIconText18Icon { height: 50px; margin-bottom: 15px; }
.commonIconText18Icon img { min-height: 50px; height: 100%; }
.commonIconText18Box p { font-size: 18px; }

.seprateLargeTextOrLine { text-align: center; font-size: 35px; font-weight: 500; width: 80%; margin: 0px auto; position: relative; line-height: normal; padding-top: 60px; }
.seprateLargeTextOrLine:before { position: absolute; left: 0px; right: 0px; top: 0px; content: ""; width: 86px; height: 1px; background-color: #000000; margin: 0px auto; }

.supportedSystemPartAll { padding: 65px 0px 10px; text-align: center; }

.cloudBackupTable { }
.cloudBackupTable table thead tr th { text-align: center; vertical-align: middle; border: 0px; padding-top: 16px; padding-bottom: 16px; }
.cloudBackupTable table tbody tr td { text-align: center; vertical-align: middle; font-weight: 200; padding-top: 40px; padding-bottom: 40px; border-bottom: 0px !important; }
.cloudBackupTable table tbody tr td:last-child { border-right: 0px !important; }

.zimbraFourPoint { }
.zimbraFourPointBoxMain { }
.zimbraFourPointBox { height: 100%; border-left: dashed 1px #048fdf; border-bottom: dashed 1px #048fdf; padding: 68px 80px; }
.zimbraFourPointBox h4 { font-size: 20px; font-weight: bold; color: #052334; padding-bottom: 12px; }
.zimbraFourPointBoxImage { height: 70px; margin-bottom: 20px; display: flex; align-items: center; justify-content: flex-start; }
.zimbraFourPointBoxMain:nth-last-child(-n+2) .zimbraFourPointBox { border-bottom: 0px; }
.zimbraFourPointBoxMain:nth-child(odd) .zimbraFourPointBox { border-left: 0px; text-align: right; }
.zimbraFourPointBoxMain:nth-child(odd) .zimbraFourPointBox .zimbraFourPointBoxImage { justify-content: flex-end; }


.zimbraEmailMain { background-color: #048fdf; color: #ffffff; }
.zimbraEmail { background-image: url(../images/zimbraEmailBg.png); background-position: center center; background-repeat: no-repeat; padding-bottom: 95px; }

.zimbraEmailData { text-align: center; padding: 80px 0px 0px; position: relative; margin-bottom: 65px; }
.zimbraEmailData:before { position: absolute; left: 0px; right: 0px; bottom: 0px; content: ""; width: 500px; height: 1px; background-color: #ffffff; margin: 0px auto; }
.zimbraEmailData h3 { font-size: 55px; font-weight: 200; padding-bottom: 20px; }
.zimbraEmailData p { font-size: 24px; padding-bottom: 60px; }


.zimbraEmailChart { position: relative; margin: 0px auto; width: 870px; }

.zimbraEmailChartImage { text-align: center; margin-top: 230px; }
.zimbraEmailChartImage img { width: 100%; box-shadow: 0px 12px 50px rgba(0, 0, 0, 0.2); }

.zimbraEmailChartBox { color: #ffffff; width: 320px; }
.zimbraEmailChartBox h4 { font-size: 15px; font-weight: bold; padding-bottom: 10px; }
.zimbraEmailChartBox p { font-size: 15px; font-weight: 200; line-height: normal; }

.zimbraEmailChartDataTop { text-align: center; position: absolute; top: -150px; left: 0px; right: 0px; margin: 0px auto; padding-bottom: 126px; 
	background-image: url(../images/zimbraEmailChartDataTop.png); background-position: center bottom; background-repeat: no-repeat; 
}
.zimbraEmailChartDataleft1 { position: absolute; top: -50px; left: -330px; right: 0px; text-align: right; 
	background-image: url(../images/zimbraEmailChartDataleft1.png); background-position: right bottom; background-repeat: no-repeat; 
	width: 420px; padding-right: 150px; padding-bottom: 110px; 
}
.zimbraEmailChartDataleft2 { position: absolute; top: 150px; left: -330px; right: 0px; text-align: right; 
	background-image: url(../images/zimbraEmailChartDataleft2.png); background-position: right bottom; background-repeat: no-repeat; 
	width: 420px; padding-right: 150px; padding-bottom: 160px; 
}
.zimbraEmailChartDataleft3 { position: absolute; top: 340px; left: -330px; right: 0px; text-align: right; 
	background-image: url(../images/zimbraEmailChartDataleft3.png); background-position: right bottom; background-repeat: no-repeat; 
	width: 420px; padding-right: 150px; padding-bottom: 30px; 
}
.zimbraEmailChartDataRight1 { position: absolute; top: -5px; left: auto; right: -330px; 
	background-image: url(../images/zimbraEmailChartDataRight1.png); background-position: left top; background-repeat: no-repeat; 
	width: 460px; padding-left: 210px; padding-top: 60px; 
}
.zimbraEmailChartDataRight2 { position: absolute; top: 180px; left: auto; right: -330px; 
	background-image: url(../images/zimbraEmailChartDataRight2.png); background-position: 50px top; background-repeat: no-repeat; 
	width: 460px; padding-left: 210px; padding-top: 130px; 
}

.pricingTableMain { background-color: #ffffff; padding: 70px 0px 20px; }

.pricingTable { line-height: normal; }
.pricingTable [class*="font-"] { line-height: normal !important; }

/*---- Table Header ----*/
.dataLabelRed { background-color: #d52d2d; }
.dataLabelSkuBlue { background-color: #048fdf; }
.dataLabelOrange { background-color: #eb501a; }
.dataLabelDgray { background-color: #717171; }
.ptDataLabel { min-height: 70px; display: flex; justify-content: center; align-items: center; padding: 8px 10px !important; border-top: solid 1px #ffffff; }
.pricingTableHeader { }
.pricingTableHeader .hedDataBox { text-align: center; padding: 20px 10px; font-weight: bold; color: #ffffff; }

/*---- Table Data ----*/
.pricingTableContain { }
.pricingTableData { }

.pricingTableDataTitle { min-height: 52px; background-color: #eeeeee; color: #052334; font-size: 18px; font-weight: bold; padding: 10px 15px; display: flex; align-items: center; }

.pricingAccordion{  }
.pricingAccordion .pricingTableDataTitle{ position: relative; border-bottom: solid 2px #ffffff; padding-right: 50px; }

.accordionArrow{ position: relative; cursor: pointer; }
.accordionArrow:before{ position: absolute; right: 20px; font-family: "Font Awesome 5 Free"; content: "\f0d8"; font-size: 28px; }
.accordionArrow.collapsed:before{ content: "\f0d7"; }


.pricingTableDataTitle.darkBlueTit { background-color: #052334; color: #ffffff; }
.pricingTableDataList { border-bottom: solid 1px #eeeeee; padding: 15px; font-weight: bold; }
.pricingTableDataList:last-child { border-bottom: 0px; }

.pricingTableLabel { font-weight: 200; }
.pricingTableLabelRed { color: #d52d2d; }
.pricingTableLabelSkuBlue { color: #048fdf; }
.pricingTableLabelOrange { color: #eb501a; }
.pricingTableLabelDgray { color: #717171; }
/*---- Table Data End ----*/

.pricingTableMobile { min-width: 100%; }

/*---- Table Two Header ----*/
.tableDivTwoHeader { }
.tableDivTwoHeader .hedDataBox { text-align: center; padding: 15px; font-size: 20px; font-weight: bold; color: #ffffff; height: 100%; display: flex; align-items: center; justify-content: center; line-height: normal; }
.tableDivTwoHeader [class*="col-"]:first-child .hedDataBox { justify-content: flex-start; }

/*---- Table Two Data ----*/
.tableDivTwoData { }
.tableDivTwoDataTitle { background-color: #e9eef1; color: #052334; font-size: 18px; font-weight: bold; padding: 15px; min-height: 48px; }
.tableDivTwoDataList { font-weight: 200; border: solid 1px #e9eef1; border-top: 0px; color: #263044; }

.tableDivTwoDataList.borderNone{ border: 0px !important; }
.tableDivTwoDataList.borderNone .tableDivTwoContAll{ display: block !important; }

.tableDivTwoContAll { padding: 0px 12px; height: 100%; display: flex; align-items: center; justify-content: center; }
.tableDivTwoDataList [class*="col-"]:first-child .tableDivTwoContAll { justify-content: flex-start; }
/*.pricingTableDataList:last-child{ border-bottom: 0px; }*/


/*---- Table Two Data End ----*/


.videoInnerDarkSeprate { padding: 50px 0px; }

.innerLeftFix-rightFull-container { margin-right: -15px; margin-left: auto; width: calc(100% - (100% - 1200px)/2); max-width: none !important; }
.innerLeftFix-rightFull-container .row { margin-right: 0px; }
.innerLeftFix-rightFull-container .innerMainTitleBannerImage { padding: 65px 0px; flex: 0 0 100%; max-width: 100%; }
.innerLeftFix-rightFull-container .innerMainTitle { flex: 0 0 100%; max-width: 100%; }

.blackIconText18Main { padding: 45px 0px; }
.blackIconText18Box { text-align: center; padding: 15px 0px; }
.blackIconText18BoxIcon { height: 50px; margin-bottom: 25px; }
.blackIconText18BoxIcon img { min-height: 50px; height: 100%; }
.blackIconText18BoxIcon1 { min-height: 110px; display: flex; width: 100%; align-items: center; justify-content: center; margin-bottom: 15px; }
.blackIconText18BoxIcon1 img { min-height: unset; /*height: 100%;*/ height: auto; width: auto; }
.blackIconText18Box h4 { font-size: 20px; font-weight: normal; padding-bottom: 20px; }
.blackIconText18Box p { font-size: 18px; line-height: normal; }

.blackIconText22Box { padding: 30px 0px; }
.blackIconText22BoxIcon { height: 58px; margin-bottom: 18px; display: flex; align-items: center; justify-content: flex-start; }
.blackIconText22BoxIcon.center { justify-content: center !important; }
.blackIconText22Box h4 { font-size: 22px; font-weight: bold; padding-bottom: 10px; }
.blackIconText22Box h4.font20 { font-size: 20px; padding-bottom: 14px; padding-top: 5px; }
.blackIconText22Box p { font-size: 18px; word-wrap: break-word; }

.getBigestYelloPart { text-align: center; padding: 60px 0px; }
.getBigestYelloPart p { font-size: 35px; font-weight: 500; line-height: normal; padding-bottom: 35px; }

.howWeWorksBox { border-radius: 20px; border: dashed 2px #ffffff; text-align: center; padding: 62px 20px 30px 20px; position: relative; height: 100%; }
.howWeWorksBox h4 { font-size: 20px; font-weight: 500; padding: 0px 0px 20px; }
.howWeWorksBox p { font-size: 18px; font-weight: 200; line-height: normal; }

.howWeWorksBoxImage { background-color: #ffffff; width: 84px; height: 84px; border-radius: 20px; display: flex; align-items: center; justify-content: center; position: absolute; left: 0px; right: 0px; top: -44px; margin: 0px auto; }
.howWeWorksBoxImage img { max-height: 50px; }

.pt-05 { padding-top: 2.7rem; }
.wp-pricingPackageBox { background-color: #ffffff; text-align: center; height: 100%; padding: 0px 15px 100px 15px; border-bottom: solid 6px #e0e8ed; position: relative; }
.wp-pricingPackageBox ul { padding: 20px 0px 30px; }
.wp-pricingPackageBox ul li { font-size: 18px; font-weight: 200; color: #38414b; padding: 0px 0px 15px; margin: 0px 0px 15px; position: relative; }
.wp-pricingPackageBox ul li:before { width: 5px; background-color: #afb1b4; height: 2px; content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; margin: 0px auto; }
.wp-pricingPackageBox ul li:last-child { margin: 0px; }
.wp-pricingPackageBox ul li:last-child:before { position: unset; content: none; background-color: unset; }
.wp-pricingPackageBoxLabel { font-size: 25px; font-weight: bold; display: flex; align-items: center; justify-content: center; color: #ffffff; padding: 8px 15px; margin: 0px -15px 30px; }
.wp-pricingPackageBox h4 { font-size: 30px; font-weight: bold; position: relative; padding-bottom: 30px; margin-bottom: 10px; }
.wp-pricingPackageBox h4:before { width: 40px; background-color: #052334; height: 1px; content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; margin: 0px auto; }
.wp-pricingPackageBox h4 small { font-size: 15px; }
.wp-pricingPackageBox h5 { font-size: 14px; font-weight: bold; padding-bottom: 8px; }
.wp-pricingPackageFooter { position: absolute; left: 0px; right: 0px; bottom: 50px; }

.pleskHostingPoint { text-align: center; padding: 50px 0px 0px; }
.pleskHostingPointBox { font-size: 20px; font-weight: 200; color: #414953; display: flex; flex-direction: column; align-items: center; padding: 20px 0px; line-height: normal; }
.pleskHostingPointBoxImage { width: 100px; height: 100px; background-color: #052334; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; padding: 10px; }

.plesk-wp-powerdby-cloudm { display: flex; align-items: center; justify-content: center; padding-bottom: 55px; }
.plesk-wp-powerdby-cloudm span { padding: 0px 12px; display: block; }
.plesk-wp-powerdby-cloudm p { font-size: 18px; }

.wordpressToolkitBox { padding: 15px 0px; }
.wordpressToolkitBoxImage { height: 94px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.wordpressToolkitBox h4 { padding: 0px; font-size: 22px; font-weight: bold; color: #38414b; }

.percent50 { text-align: center; font-size: 28px; color: #38414b; font-weight: 200; padding-bottom: 34px; }

.deployWordpress { background-image: url(../images/wordPress-largeIcon.png); background-position: center center; background-repeat: no-repeat; }

#deployWordpressStepCarousel { text-align: center; }
#deployWordpressStepCarousel .owl-dots { text-align: center; padding-top: 50px; }
#deployWordpressStepCarousel .owl-dots .owl-dot { width: 12px; height: 12px; background-color: #ffffff; border-radius: 50%; box-shadow: none; margin: 0px 10px; }
#deployWordpressStepCarousel .owl-dots .owl-dot.active { box-shadow: 0.5px -0.5px 0px 2px #ffffff; }

.deployWordpressStep { font-size: 18px; font-weight: 200; }
.deployWordpressStepImage { margin-top: 35px; }
.deployWordpressStepImage img { max-width: 700px; display: inline-block !important; }

.ourGreatPartnerPlesk { background-color: #ffffff; color: #ffffff; position: relative; }
.ourGreatPartnerPlesk:before { background-image: url(../images/ourGreatPartnerPleskBg.png); background-position: center 380px; background-repeat: no-repeat; 
	position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; background-color: #0bacfd; height: 74%; overflow: hidden; 
}
.ourGreatPartnerPleskImage { }
.ourGreatPartnerPleskImage img { box-shadow: 0px 8px 20px rgba(33, 68, 76, 0.1); }

.roundcubePageScreen { text-align: center; padding: 40px 0px 30px 0px; text-align: center; }

/*---- Filter Portfolio ----*/

.common-seprateTitleButton { text-align: center; position: relative; padding: 50px 0px 50px 0px; margin-top: 20px; }
.common-seprateTitleButton:before { position: absolute; left: 0px; right: 0px; top: 0px; width: 86px; height: 1px; background-color: #000000; content: ""; margin: 0px auto; }
.common-seprateTitleButton * { position: relative; }
.common-seprateTitleButton h3 { font-size: 40px; padding-bottom: 20px; }

.oneMonthFreeTrial { padding: 50px 0px 30px; }
.oneMonthFreeTrial .media { }
.oneMonthFreeTrial .media .media-body { padding-left: 30px; }
.oneMonthFreeTrial .media .media-body h5 { font-size: 25px; color: #ff9000; padding-bottom: 10px; }
.oneMonthFreeTrial .media .media-body p { font-size: 18px; }

.protectedVulnerabilities { padding: 70px 0px; color: #ffffff; background-image: url(../images/protectedVulnerabilities.png); background-position: 10% center; background-repeat: no-repeat; }

.protectedVulnerabilitiesData { border: dashed 1px #ffffff; border-bottom: 0px; }
.protectedVulnerabilitiesData .row [class*="col-"] { border-bottom: dashed 1px #ffffff; }

.protectedVulnerabilitiesDataBox { background-image: url(../images/checkedWhite.png); background-size: 30px; background-repeat: no-repeat; background-position: left center; padding-left: 42px; min-height: 30px; margin: 23px; display: flex; align-items: center; /*width: 100%;*/ font-size: 18px; font-weight: bold; }

.waffle-server { padding: 40px 0px 40px 0px; }
.getStartedFiveMinutes { background-image: url(../images/five.png); background-size: contain; background-repeat: no-repeat; background-position: 50px center; min-height: 477px; 
	display: flex; flex-direction: column; justify-content: center; padding-right: 120px; 
}
.getStartedFiveMinutes h3 { font-size: 35px; padding-bottom: 30px; }
.getStartedFiveMinutes p { font-size: 22px; }

.stepOneTwoThreeMain { text-align: center; padding-top: 40px; }
.stepOneTwoThreeMain h3 { font-size: 22px; padding-bottom: 22px; font-weight: bold; }
.stepOneTwoThreeMain p { font-size: 22px; padding-bottom: 22px; font-weight: 200; }
.stepOneTwoThree { width: 816px; margin: 0px auto; margin-top: 30px; }
.stepOneTwoThreeBox { font-size: 22px; font-weight: bold; color: #38414b; padding-top: 22px; }
.stepOneTwoThreeBox span { display: none; }

.faqAboutWaf { }
.faqAboutWaf h2 { font-size: 65px; font-weight: bold; color: #052334; text-align: center; padding-bottom: 40px; }
.faqAboutWaf h2.font55 { font-size: 55px; }

.faqAboutWaf .card { padding-bottom: 15px; border: 0px; border-radius: 0px; }
.faqAboutWaf .card-header { border-radius: 0px; border: 0px; background-color: transparent; padding: 0px 0px 20px; }
.faqAboutWaf .card-header a { font-weight: bold; font-size: 35px; color: #052334 !important; padding-bottom: 30px; display: flex; justify-content: space-between; align-items: center; border-bottom: solid 3px #f5f7f9; }
.faqAboutWaf .card-header i { padding-left: 12px; color: #ffb400; }
.faqAboutWaf .card-body { padding: 40px 0px 100px; }
.faqAboutWaf .card-body p { font-size: 22px; line-height: 30px; color: #445762; }
/*.faqAboutWaf .card-header a.collapse{ border-bottom: 0px; }*/
/*.faqAboutWaf .card .collapse.show{ border-top: solid 3px transparent; }*/


.commnIconTextPart { padding: 30px 0px 50px; }
.commnIconText { text-align: center; }
.commnIconText p { color: #052334 !important; }
.commnIconTextImg { height: 130px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; }
.commnIconTextImg img { object-fit: cover; width: auto; height: auto; }

.wafApplianceProsCons { border: solid 1px #052334; margin-top: 20px; }
/*.wafApplianceProsCons .row{ border-bottom: solid 1px #052334; }
.wafApplianceProsCons .row:last-child{ border-bottom: 0px; }*/

.wafApplianceProsConsTit { display: flex; align-items: center; padding: 15px 20px; border-bottom: solid 1px #052334; }
.wafApplianceProsConsTit h3 { font-size: 20px; color: #052334; font-weight: bold; }
.wafApplianceProsConsTitRating { font-size: 24px; margin-left: auto; }

.wafApplianceProsConsPros { padding: 20px 20px; background-color: #e6f8f7; min-height: 300px; border-bottom: solid 1px #052334; }
.wafApplianceProsConsPros h4 { padding-bottom: 15px; color: #2ec300; font-size: 20px; font-weight: bold; }
.wafApplianceProsConsPros p { color: #052334 !important; font-size: 18px !important; padding-bottom: 30px !important; }
.wafApplianceProsConsPros p:last-child { padding-bottom: 0px !important; }

.wafApplianceProsConsCons { padding: 20px 20px; background-color: #fbf4f6; min-height: 270px; }
.wafApplianceProsConsCons h4 { padding-bottom: 15px; color: #be254d; font-size: 20px; font-weight: bold; }
.wafApplianceProsConsCons p { color: #052334 !important; font-size: 18px !important; padding-bottom: 30px !important; }
.wafApplianceProsConsCons p:last-child { padding-bottom: 0px !important; }

.cloudBasedWaf { background-image: url(../images/cloudBasedWafBg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.cloudBasedWaf ul { }
.cloudBasedWaf ul li { background-color: #ffffff; padding: 15px 100px; text-align: center; margin: 10px 0px; display: block; font-size: 16px; font-weight: bold; color: #052334; }

.traditionalVsCloudmatika { padding: 0px 0px 60px; }
.traditionalVsCloudmatikaTit { background-color: #ff3c00; text-align: center; padding: 20px; font-size: 18px; font-weight: bold; color: #ffffff; }
.traditionalVsCloudmatikaBox { padding: 15px; border: solid 1px #e4e7ea; border-top: 0px; min-height: 150px; display: flex; flex-direction: column; justify-content: center; }
.traditionalVsCloudmatikaBox p { font-size: 16px !important; font-weight: 200; padding-bottom: 6px; line-height: 1.5 !important; }
.traditionalVsCloudmatikaBox p:last-child { padding-bottom: 0px; }

.traditionalVsCloudmatikaTag { background-color: #ecf9ff; border: solid 1px #e4e7ea; border-right: 0px; border-top: 0px; /*border-bottom: 0px;*/ height: 100%; padding: 20px; }
.traditionalVsCloudmatikaTag.top { border-top: solid 1px #e4e7ea; }
.traditionalVsCloudmatikaTag h5 { font-size: 18px; font-weight: bold; color: #052334; display: block; width: 100%; padding-top: 8px; }

.traditionalVsCloudmatikaArrow { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

.faqAboutWafTechnology { background-image: url(../images/faqAboutWafTechnologyBg.png); background-size: contain; background-repeat: no-repeat; background-position: center bottom; padding: 120px 0px 0px; margin-bottom: 30px; }
.faqAboutWafTechnologyLeft { }
.faqAboutWafTechnologyLeft h4 { padding-bottom: 15px; }
.faqAboutWafTechnologyLeft p { font-size: 18px !important; }


/*---- Terms and Conditions Page ----*/

.customeTabThree { }
.customeTabThree .nav-pills { padding: 0px 0px 70px; }
.customeTabThree .nav-pills .nav-link { margin: 0px 5px; padding: 15px 25px; font-size: 30px; font-weight: bold; color: #052334; text-transform: capitalize; border-radius: 0px; box-shadow: none; min-width: 170px; text-align: center; }
.customeTabThree .nav-pills .nav-link:hover { color: #052334; font-weight: bold; }
.customeTabThree .nav-pills .nav-link.active { background-color: #ffffff; color: #052334; font-weight: bold; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); }

.termsAndConditions { }
.termsAndConditionsTitle { margin-bottom: 80px; }
.termsAndConditionsTitle h1 { font-size: 60px; font-weight: 900; color: #052334; padding: 0px; margin: 0px; }
.termsAndConditions p { padding-bottom: .5rem !important; }

.tableHalfCol{ width: 50%; }

ol.lowerAlpha {  }
ol.lowerAlpha li{ list-style-type: lower-alpha; }

.inputFileBtn { }
.inputFileBtn input[type="file"] { display: none; }
.custom-file-upload { /*border: 1px solid #ccc;*/ display: inline-block; /*padding: 6px 12px;*/ cursor: pointer; }


/*---- virtual-data-center-new ----*/

.bgLightGreen{ background-color: #00c8ab; }
.lightGreen{ color: #28bba6; }

.checkedListThree{  }
.checkedListThree ul{  }
.checkedListThree ul li{ font-weight: 200; font-size: 25px; margin: 5px 0px; position: relative; padding: 5px 0px 0px 40px; color: #052334; word-wrap: break-word; }
.checkedListThree ul li:before{ position: absolute; left: auto; top: 6px; font-family: "Font Awesome 5 Free"; content: "\f058"; font-weight: bold; color: #28bba6; font-size: 24px; margin-left: -34px; }

.virtualDataCenterNew-image{ margin-bottom: 25px; }
.virtualMachinePart{ background-image: url(../images/virtualMachinePartBg.png); background-size: contain; background-repeat: no-repeat; background-position: center top; }


.virtualMachinePartTitle {  }
.virtualMachinePartTitle h3{ font-size: 60px; font-weight: bold; margin-bottom: 50px; }
.virtualMachinePartTitle h3 small{ font-size: 35px; font-weight: normal; display: block; padding-bottom: 5px; text-transform: capitalize; }

.virtualMachineBox{ border: dashed 3px #000000; background-color: #ffffff; padding: 40px 20px; text-align: center; height: 100%; }
.virtualMachineBox h3{ font-size: 35px; font-weight: bold; color: #052334; margin-bottom: 25px; }


.specifictionPart{ padding-top: 25px; }
.specifictionPartBox{ background-color: #ffffff; margin-bottom: 1px; }
.specifictionPartBoxLeft{ background-color: #052334; color: #ffffff; font-size: 18px; font-weight: bold; padding: 30px; height: 100%; min-height: 98px; display: flex; align-items: center; }

.specifictionPartBoxRight{ padding: 8px 40px 8px 10px; display: flex; flex-direction: column; justify-content: center; height: 100%; }
.specifictionPartBoxRight p{ padding: 0px; font-size: 18px; color: #000000; }

.dotedBorderBox{ border: dashed 2px #000000; background-color: #ffffff; padding: 25px; text-align: center; margin-bottom: 60px; }
.dotedBorderBox h4{ font-size: 16px; font-weight: bold; color: #445762; padding-bottom: 10px; }
.dotedBorderBox p{ width: 80%; margin: 0px auto; color: #445762; }


.sliderImageIcon{  }
.sliderImageIcon img{ width: auto !important; height: auto !important; min-height: unset !important; object-fit: none !important; }


.row.planeSep [class*='col-']:not(:first-child):after { background: #f8fbfd; width: 14px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }


/*===================================================================================================
                                        Cloud VPS Plans, Price
===================================================================================================== */
.no-padding { padding: 0px !important; }
.plans-selector > .row > div > p { font-size: 16px; line-height: 16px; color: #38414b; margin-bottom: 15px; padding: 0px; font-weight: bold; }
.plans-selector-row { margin-bottom: 50px; }
.selector > div { background: #fff; position: relative; padding: 0px; overflow: hidden; }
.selector > div:first-child > a { border-radius: 6px; }
.selector > div:last-child > a { border-radius: 6px; margin-left: 10px; width: calc(100% - 10px); }
.selector > div > a { display: table; width: 100%; text-align: center; margin: 0px auto; font-weight: bold; font-size: 18px; line-height: 18px; text-decoration: none; color: #38414b; transition: all 0.3s; padding: 20px 15px; border: solid 1px #052334; }
.selector > div>a:hover, .selector > div>a:active, .selector > div>a.active-selector { border-color: #00c8ab; border-width: 1px; transition: all 0.3s; }
.cloud-vps-plans-selector .selector > div>a:hover, .cloud-vps-plans-selector .selector > div>a:active, .cloud-vps-plans-selector .selector > div>a.active-selector { background: #00c8ab; color: #fff; }
.selector > div > a >div> span { font-size: 13px; color: #fff; transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -moz-transform: rotate(-50deg); -o-transform: rotate(-50deg); -ms-transform: rotate(-50deg); display: table; margin: 3px; }
.selector > div > a >div { position: absolute; width: 35px; height: 35px; top: 0; left: -1px; }
.selector > div:nth-child(2) > a >div { background: rgba(241,104,12,1); background: -moz-linear-gradient(-45deg, rgba(241,104,12,1) 0%, rgba(241,104,12,1) 50%, rgba(241,104,12,0) 51%, rgba(241,104,12,0) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(241,104,12,1)), color-stop(50%, rgba(241,104,12,1)), color-stop(50%, rgba(241,104,12,0)), color-stop(100%, rgba(241,104,12,0))); background: -webkit-linear-gradient(-45deg, rgba(241,104,12,1) 0%, rgba(241,104,12,1) 50%, rgba(241,104,12,0) 51%, rgba(241,104,12,0) 100%); background: -o-linear-gradient(-45deg, rgba(241,104,12,1) 0%, rgba(241,104,12,1) 50%, rgba(241,104,12,0) 51%, rgba(241,104,12,0) 100%); background: -ms-linear-gradient(-45deg, rgba(241,104,12,1) 0%, rgba(241,104,12,1) 50%, rgba(241,104,12,0) 51%, rgba(241,104,12,0) 100%); background: linear-gradient(135deg, rgba(241,104,12,1) 0%, rgba(241,104,12,1) 50%, rgba(241,104,12,0) 51%, rgba(241,104,12,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1680c', endColorstr='#f1680c', GradientType=1 ); }
.selector > div:last-child > a >div { background: rgba(219,61,69,1); background: -moz-linear-gradient(-45deg, rgba(219,61,69,1) 0%, rgba(219,61,69,1) 50%, rgba(219,61,69,0) 51%, rgba(219,61,69,0) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(219,61,69,1)), color-stop(50%, rgba(219,61,69,1)), color-stop(50%, rgba(219,61,69,0)), color-stop(100%, rgba(219,61,69,0))); background: -webkit-linear-gradient(-45deg, rgba(219,61,69,1) 0%, rgba(219,61,69,1) 50%, rgba(219,61,69,0) 51%, rgba(219,61,69,0) 100%); background: -o-linear-gradient(-45deg, rgba(219,61,69,1) 0%, rgba(219,61,69,1) 50%, rgba(219,61,69,0) 51%, rgba(219,61,69,0) 100%); background: -ms-linear-gradient(-45deg, rgba(219,61,69,1) 0%, rgba(219,61,69,1) 50%, rgba(219,61,69,0) 51%, rgba(219,61,69,0) 100%); background: linear-gradient(135deg, rgba(219,61,69,1) 0%, rgba(219,61,69,1) 50%, rgba(219,61,69,0) 51%, rgba(219,61,69,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1680c', endColorstr='#f1680c', GradientType=1 );  }
.selector > div:last-child > a >div>span { margin: 3px 1px 0px 0px; }

.cloud-vps-plans-selector .plans-row > div { border: none; background: transparent; }
.rates-col > a { background: #259f96; }
.rates-col > a:hover, .rates-col > h6 { color: #259f96; }

.rates-col { margin: 0px 0px 30px; }


.plans-row > div:first-child>a:hover, .plans-row > div:first-child>h6 { color: #71d5cd; }
.plans-row > div:nth-child(2)>a:hover, .plans-row > div:nth-child(2)>h6 { color: #66c9c1; }
.plans-row > div:nth-child(3)>a:hover, .plans-row > div:nth-child(3)>h6 { color: #58bab2; }
.plans-row > div:nth-child(4)>a:hover, .plans-row > div:nth-child(4)>h6 { color: #43aaa2; }
.plans-row > div:nth-child(5)>a:hover, .plans-row > div:nth-child(5)>h6 { color: #43aaa2; }
.plans-row > div:last-child>a:hover, .plans-row > div:last-child>h6 { color: #19756e; }
.plans-row > div>h6, .plans-row > div>div>h6 { font-weight: bold; font-size: 22px; line-height: 22px; margin-bottom: 15px; }
.plans-row > div>h4, .plans-row > div>div>h4 { font-weight: bold; font-size: 30px; line-height: 30px; color: #38414b; margin-bottom: 20px; }
.plan-features { /*margin-top: 50px;*/ padding: 25px 10px 30px; }
.plans-row > div>h4>span, .plans-row > div>div>h4>span { font-size: 20px; line-height: 20px; }
.plan-features> p { font-size: 20px; color: #052334; /*margin-bottom: 10px;*/ border-bottom: solid 1px #00c8ab; padding: 16px 0px 0px !important; }
.plan-features>p:last-child { margin-bottom: 0px; }
.plan-features>p>strong, .plans-row > div>p>span { font-weight: bold; font-weight: inherit; }
.plan-order-btn { padding: 20px 33px; color: #000000; font-weight: bold; font-size: 18px; line-height: 18px; margin: 50px auto 20px auto; display: table; text-decoration: none; transition: all 0.3s; }
.plans-row > div>a.plan-order-btn:hover, .plans-row > div>div>a.plan-order-btn:hover { transition: all 0.3s; background: #fff; }
.plans-row > div>p, .plans-row > div>div>p { font-size: 16px; line-height: 16px; color: #38414b; }
.margin-bottom-15 { margin-bottom: 15px; }

/*********************************** MODIFICATION ON 28112017 *******************************/
.full-width { width: 100% !important; }
.selector > div.period-selection { border: solid 1px #052334; background: url(../images/down-filter-1.png) #fff no-repeat 96% center; border-radius: 6px; padding: 14px 15px !important; cursor: pointer; }
.selector > div.period-selection:hover, .selector > div.period-selection.active { background: url(../images/down-filter-1-white.png) #00c8ab no-repeat 96% center; color: #fff; border: solid 1px #00c8ab; transition: all 0.3s; }
.payment-dropdown > p { font-weight: 700; padding-bottom: 0px; }
.selector { position: relative; font-size: 18px; }
.selector > div.period-dropdown { display: none; position: absolute; top: 100%; left: 0; background: #fff; border: solid 1px #d0d4d7; -webkit-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.17); box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.17); width: 100%; z-index: 1; }
.period-dropdown > p>a { display: table; width: 100%; padding: 5px; }
.period-dropdown > p > a:hover { background: #f5f7f9; }
/*********************************** MODIFICATION ON 28112017 ends *******************************/
/********************** Change *****************/
.plans-row, .price-row { display: none; }
.plans-row.plans-row-active, .price-row.price-row-active { display: block; }
.table-green-1 { background: #58bab2 !important; }
.table-green-2 { background: #1e9389 !important; }
.table-blue-7 { background: #58aaed !important; }
.table-blue-8 { background: #3083c7 !important; }
.table-red-1 { background: #ed5e58 !important; }
.table-red-2 { background: #cd534e !important; }
.cloud-vps-price-section > div > .row > h6 { color: #38414b; font-size: 22px; line-height: 22px; text-align: center; font-weight: 700; margin: 10px 0px; }
.cloud-vps-price-title h4 { font-size: 22px; line-height: 22px; font-weight: 700; margin-bottom: 35px; }
.cloud-vps-price-section > div > .row { margin-bottom: 50px !important; }


/*---- Cloud Backup Page ----*/
.planBox{ background-color: #ffffff; border: dashed 1px #000000; border-radius: 6px; box-shadow: 0px 0px 0px 6px #fff; padding: 20px; height: 100%; position: relative; }
.planBox .plan-title{ font-size: 40px; font-weight: bold; color: #052334; }
.planBox .plan-rate{ font-size: 18px; font-weight: bold; color: #052334; padding-top: 8px; }

.order-free-btn{ display: flex; min-height: 136px; align-items: flex-end; flex-wrap: wrap; }
.order-free-btn .btn{ min-width: 100%; }

.cloudbackupPricelistNew{ color: #052334; background-color: #ffffff; padding: 15px 20px 15px 48px; border-radius: 10px; box-shadow: 0px 0px 14px rgba(5, 35, 52, 0.1); margin-bottom: 5px; position: relative; overflow: hidden; }
.cloudbackupPricelistNew.topHed{ background-color: transparent !important; padding: 10px 20px 15px 48px; border-radius: 0px; box-shadow: none; margin-bottom: 5px; }

.cloudbackupPricelistNew .bestSellerLabe{ display: none; }

.cloudbackupPricelistNew.bestSeller-active .bestSellerLabe{ position: absolute; left: -30px; top: 30px; bottom: 0px; background-color: #ff3b00; font-size: 14px; font-weight: bold; color: #f6fcff; padding: 8px 8px; 
    -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
    width: auto; height: 23px; display: flex; align-items: center; justify-content: center; 
}


.cloudbackupPricelistCol1{  }
.cloudbackupPricelistCol1 h3{ font-size: 20px; display: block; font-weight: bold; }
.cloudbackupPricelistCol1-icon { font-size: 15px; font-weight: 200; display: inline-block; padding-right: 12px; padding-top: 5px; }

.cloudbackupPricelistCol2{  }
.cloudbackupPricelistCol2 label{ display: none; }
.cloudbackupPricelistCol2 .btn{ min-width: 100%; }
.cloudbackupPricelistCol2 .price{ font-size: 18px; font-weight: bold; text-align: right; }
.cloudbackupPricelistCol2 .price span{ font-size: 14px; font-weight: 200; }


/*---- Price Progressbar Edit ----*/
.priceProgressbarStaticData{ margin-top: -14px; font-size: 13px; font-weight: bold; }

.twoButtons{  }
.twoButtons .btn1{ min-width: 82px; display: inline-block; box-shadow: none; border-radius: 3px; font-size: 13px; }
.twoButtons .btn1.active{ background: #ffd14a !important; border: solid 2px #ffd14a !important; color: #052334 !important; }


.newCalculateDataTableMain{ background-color: #ffffff; box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1); margin: 0px 0px 18px 0px; }
.newCalculateDataTable{ text-align: center; }
.newCalculateDataTableTitle{ background-color: #4382a5; font-size: 25px; color: #ffffff; font-weight: bold; padding: 15px; }
.newCalculateDataTableBox{ padding: 30px; }
.newCalculateDataTableBox h3{ font-size: 20px; font-weight: bold; color: #38414b; padding-bottom: 10px; }

.newCalculateDataTableBoxPrice { color: #4382a5; }
.newCalculateDataTableBoxPrice sup{ top: -23px; }
.newCalculateDataTableBoxPrice sub{ bottom: -2px; }
.newCalculateDataTableBoxPrice span{ font-size: 50px; line-height: 50px; font-weight: bold; color: #38414b; }


.arroList{  }
.arroList ul{  }
.arroList ul li{ position: relative; margin: 0px 0px 25px 0px !important; padding: 0px 0px 0px 18px; color: #38414b; font-size: 16px !important; }
.arroList ul li:before{ position: absolute; left: 0px; top: 0px; font-family: "Font Awesome 5 Free"; content: "\f0da"; color: #ffd14a; }
.arroList ul li a{ color: #38414b; }
.arroList ul li small{ color: #4491bc; font-size: 13px; font-weight: 200; }


/*Pagin*/
.myPaginOne{ margin-top: 30px; }
.myPaginOne .page-item:first-child .page-link, .myPaginOne .page-item:last-child .page-link{ border-radius: 0px; /*min-width: 76px;*/ }
.myPaginOne .page-item{ margin-right: 8px; }

.myPaginOne .page-link{ color: #4491bc; }
.myPaginOne .page-item.active .page-link{ background-color: #4491bc; border-color: #4491bc; }


/*---- Shared Hosting Page ----*/
.bgRed1{ background-color: #ff695c; }

.sharedHostingPriceBox{ overflow: hidden; border-radius: 10px; box-shadow: 0px 6px 12px rgba(5, 35, 52, 0.1); text-align: center; background-color: #ffffff; border: solid 1px #052334; }

.sharedHostingPriceBox.active{ border: solid 1px #ff695c; }
.sharedHostingPriceBox.active .sharedHostingPriceHeader{ background-color: #ff695c; }
.sharedHostingPriceBox.active .sharedHostingPriceFooter{ border-top: solid 1px #ff695c; }
.sharedHostingPriceBox.active .sharedHostingPriceFooter a{ color: #ff695c; }

.sharedHostingPriceHeader{ background-color: #052334; color: #ffffff; padding: 15px 10px; font-weight: 200; }
.sharedHostingPriceHeader h3{ font-size: 22px; font-weight: bold; padding-bottom: 10px; }
.sharedHostingPriceHeader .webHostingPrice{ font-size: 55px; font-weight: bold; line-height: normal; }
.sharedHostingPriceHeader .webHostingPrice sup{ font-size: 18px; font-weight: 200; top: -25px; }
.sharedHostingPriceHeader .webHostingPrice sub{ font-size: 18px; font-weight: 200; bottom: 0px; }

.sharedHostingPriceFooter{ font-size: 18px; padding: 10px 10px; border-top: solid 1px #052334; }
.sharedHostingPriceFooter a{ color: #1e3949; }

.sharedHostingPriceData{ padding: 20px 15px; color: #1e3949; }
.sharedHostingPriceData ul{ color: #1e3949; margin: 20px 0px; }
.sharedHostingPriceData ul li{ font-size: 18px; font-weight: 200; }

.sharedHosting-PricingTable{ border: dashed 2px #ffffff; padding: 10px; }


/*---- My Table One ----*/
.myTableFour{  }
.myTableFour table { border: 0px; margin: 0; padding: 0; width: 100%; /*table-layout: fixed;*/ color: #ffffff; font-size: 18px; }
.myTableFour table thead{ background-color: #052334; color: #fff; }
.myTableFour table th, .myTableFour table td { padding: 18px 20px; text-align: center; vertical-align: middle; border: 0px; }

.myTableFour table caption { margin: .5em 0 .75em; }
.myTableFour table tr { padding: .35em; border-left: solid 1px transparent; }
.myTableFour table th { border-left: solid 1px #ffffff; }


.redBg1{ background-color: #ff695c; }
.redBg2{ background-color: #ff5243; }
.redBg3{ background-color: #f84334; }
.redBg4{ background-color: #de3e31; }

.red1{ color: #ff695c; }


/*---- Cloud VPS Option Table ----*/
.optionDataMainPart{  }
.optionDataHeader{  }
.optionDataHeader .optionData{ box-shadow: inset 1px 0px 0px #ffffff; font-size: 20px; font-weight: bold; }
.optionDataContain{ line-height: normal; background-color: #ffffff; }
.optionDataContain .optionData{ font-size: 18px; font-weight: normal; display: flex; align-items: center; justify-content: center; }

.optionDataMain{ border-bottom: solid 1px #ffffff; }

.optionData{ text-align: center; padding: 17px 10px; height: 100%; }
.optionData.firstCol{ display: flex; align-items: center; padding: 15px 25px !important; font-size: 20px !important; text-align: left !important; justify-content: flex-start; }

.optionRightDataWhite { background-color: #ffffff; }
.optionRightDataGray { background-color: #e9eef1; }

.d-grid{ display: grid; }

/*---- Switch ----*/
.mySwitchMain{ display: flex; align-items: center; justify-content: center; margin-bottom: 35px; }
.mySwitchLabel{ padding-right: 12px; font-size: 20px; }
.mySwitch{  }
.mySwitch .switch{ width: 54px; height: 30px; }

.mySwitch input.switchinput:checked + .switch-slider {
    background-color: #00c8ab;
}
.plans-row .hide{ display:none; }
.hide {
    display: none!important;
}
.switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #38414b;
    -webkit-transition: .4s;
    transition: .4s;
}
.switch-slider::before {
    position: absolute;
    content: "";
    height: calc(100% - 8px);
    width: calc(50% - 4px);
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.switch-slider.switch-eclipse::before, .switch-slider.switch-eclipse {
    border-radius: 34px;
}
.mySwitch .switch {
    width: 54px;
    height: 30px;
}
.switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 20px;
}

input.switchinput:checked + .switch-slider::before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
.switch input.switchinput {
    opacity: 0;
    width: 0;
    height: 0;
}

/*---- Switch End ----*/


/*---- Blog Page Title Tag ----*/
.blog-home-left h1 { font-size: 32px !important; color: #000000 !important; text-align: left !important; padding: 0px 0px 20px 0px !important; }
.blog-home-left h1 span{ color: #000000 !important; text-align: left !important; }

.blog-home-left h2 { font-size: 26px !important; color: #000000 !important; text-align: left !important; padding: 0px 0px 15px 0px !important; }
.blog-home-left h2 span{ color: #000000 !important; text-align: left !important; }

.blog-home-left h3 { font-size: 22px !important; color: #000000 !important; text-align: left !important; padding: 0px 0px 12px 0px !important; }
.blog-home-left h3 span{ color: #000000 !important; text-align: left !important; }

.blog-home-left h4 { font-size: 20px !important; color: #000000 !important; text-align: left !important; padding: 0px 0px 10px 0px !important; }
.blog-home-left h4 span{ color: #000000 !important; text-align: left !important; }
/*---- Blog Page Title Tag End ----*/


/*-------------- Zimbra 2020 (email-and-collaboration) Start --------------*/

.bgGray{ background-color: #f8f8f8; }
.bgSkyBlue1{ background-color: #e8f7ff; }

.btn-orange { background: #eb501a; border: solid 2px #eb501a; border-radius: 0px; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; cursor: pointer; text-align: center; min-width: 200px; box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1); }
.btn-orange:hover, .btn-orange:focus { background: #052334; border: solid 2px #052334; color: #eb501a; }

.btn-red { background: #ff0b53; border: solid 2px #ff0b53; border-radius: 0px; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; cursor: pointer; text-align: center; min-width: 200px; box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1); }
.btn-red:hover, .btn-red:focus { background: #052334; border: solid 2px #052334; color: #ff0b53; }

/* New Common Class */
.normal-image{ display: flex; }
.normal-image img{ width: unset !important; height: unset !important; min-height: auto !important; }


.row30 { margin-left: -30px; margin-right: -30px; }
.row30 > [class*="col-"] { padding-left: 30px; padding-right: 30px; }

.commonSpaceThree{ padding: 65px 0px; }
.commonSpaceThree .secondTitle h2.pb-0 { padding-bottom: 0px !important; }
.commonSpaceThree .secondTitle h2{ padding-bottom: 65px !important; }

.commonSpaceThree .secondTitle h1.pb-0 { padding-bottom: 0px !important; }
.commonSpaceThree .secondTitle h1{ padding-bottom: 65px !important; }

.commonSpaceThree .topSpace { padding-top: 0px !important; }

.commonSpaceNew { padding: 80px 0px; }
.commonSpaceNew .secondTitle { padding-bottom: 80px !important; }
.commonSpaceNew .secondTitle.pb-0 { padding-bottom: 0px !important; }
.commonSpaceNew .secondTitle h2{ padding-bottom: 70px !important; }
.commonSpaceNew .secondTitle h1{ padding-bottom: 70px !important; }
.commonSpaceNew .secondTitle p{ text-align: center; }
/* New Common Class End */

.lineH{ line-height: 26px; }

.zimbra2020{ position: relative; }
.zimbra2020:before{ position: absolute; left: 0px; right: 0px; top: 0px; content: ""; width: 100%; min-height: 240px; background-color: #f8f8f8; }

.allDevice-zimbra{ text-align: center; padding-bottom: 70px; }
.featuresZimbraBox{ background-color: #ffffff; padding: 30px; border-radius: 15px 50px 15px 15px; text-align: left !important; height: 100%; }
.featuresZimbraBox p{ line-height: 26px; }

.zimbraPlanBox{ background-color: #ffffff; border-radius: 50px; padding: 55px; text-align: center; height: 100%; }
.zimbraPlanBox img{ margin: 40px 0px; }
.zimbraPlanBox h3{ font-size: 25px; }
.zimbraPlanBox p{ font-size: 18px; }

.zimbra2020-slider1{  }
.zimbra2020-slider2{  }

.zimbra2020-slider3{ font-family: 'Raleway', sans-serif; }
.zimbra2020-slider3-image{ background-color: #004e75; }
.zimbra2020-slider3-image img{ object-fit: unset !important; }

.zimbra2020-slider3 .commonSliderContain h1{ /*font-size: 48px !important;*/ font-size: 55px !important; color: #ffffff !important; }
.oragne { color: #f05b23 !important; }

.zimbraRotateTextPart{ margin: 170px 0px 0px 120px; }
.zimbraRotateTextPart h4{ font-size: 72px !important; text-align: center; margin: 0px; padding: 0px; letter-spacing: -1px; font-weight: bold; line-height: 56px;    
    -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);
}
.zimbraRotateTextPart h4 small{ /*font-size: 40px !important;*/ font-size: 55px !important; display: block; font-weight: bold; }
.zimbraRotateTextPart .normal-image{ padding: 80px 0px 0px 80px !important; }

/*-------------- Zimbra 2020 End --------------*/


/*-------------- Data Center Start --------------*/
.commonSpaceFour{ padding: 68px 0px; }
.commonSpaceFour .secondTitle { padding-bottom: 68px !important; }
.commonSpaceFour .secondTitle.pb-0 { padding-bottom: 0px !important; }

.btn-skyBlue { background: #0aacfc; border: solid 1px #0aacfc; border-radius: 15px; color: #ffffff; font-size: 22px; font-weight: normal; text-decoration: none; display: inline-block; padding: 16px 28px; cursor: pointer; text-align: center; min-width: 315px; }
.btn-skyBlue:hover, .btn-skyBlue:focus, .btn-skyBlue.active { background: #052334; border: solid 1px #052334; color: #ffffff; }

.btn-white { background: #ffffff; border: solid 1px #cdd3da; color: #062335; }
.btn-white:hover, .btn-white:focus { background: #062335; border: solid 1px #062335; color: #ffffff; }

ul.lineList {  }
ul.lineList li{ position: relative; padding: 0px 0px 0px 15px; margin: 0px 0px 5px 0px; }
ul.lineList li:last-child{ margin-bottom: 0px; }
ul.lineList li:before{ position: absolute; left: 0px; top: 2px; content: "-"; font-weight: bold; line-height: normal; }

.skyBlueTxt{ color: #0aacfc !important; }


.roundIconComnBoxThree{ text-align: center; border: solid 1px #dee6ed; border-radius: 20px; box-shadow: 0px 0px 15px rgba(45, 53, 73, 0.1); padding: 30px 20px 20px 20px; height: 100%; }
.roundIconComnBoxThreeImage{
    width: 100%; height: 50px; display: flex; 
    -ms-flex-pack: center !important; justify-content: center !important;
    -ms-flex-align: center !important; align-items: center !important;
}
.roundIconComnBoxThree img{ object-fit: cover; }
.roundIconComnBoxThree p{ 
    font-size: 18px; padding: 20px 0px 0px; min-height: 66px; line-height: normal; color: #062335; 
    display: flex; 
    -ms-flex-pack: center !important; justify-content: center !important;
    -ms-flex-align: center !important; align-items: center !important;
}

.brandingMap{  }
.brandingMap img{ width: 100%; }

.lineTitle{ padding: 50px 0px; }
.lineTitle h3{ position: relative; text-align: center; }
.lineTitle h3:before{ position: absolute; left: 0px; right: 0px; top: 50%; bottom: 0px; content: ""; width: 100%; height: 1px; background-color: #ffd049; }
.lineTitle h3 span{ background-color: #ffd049; padding: 8px 20px; font-size: 20px; color: #052334; display: inline-block; font-weight: normal; position: relative; }

.dataCenter-table{  }
.dataCenter-table-head{ background-color: #0aacfc; color: #ffffff; padding: 10px 20px; font-size: 20px; font-weight: normal; }
.dataCenter-table-data{ background-color: #ffffff; border-bottom: solid 1px #e8eff5; padding: 18px 20px; font-size: 18px; font-weight: 200; }

.certificateLogo{ padding: 0px 50px 0px 0px; }
.certificateLogoImage{ padding: 5px 0px; }

.dataCenter-SliderMain{ padding: 0px 0px 66px 0px; }

#dataCenterCarousel{ position: relative; }
#dataCenterCarousel .owl-nav{ position: absolute; left: 0px; right: 0px; top: 0px; border: 0px; display: flex; align-items: center; -ms-flex-pack: justify !important; justify-content: space-between !important; width: 100%; height: 100%; }
#dataCenterCarousel .owl-nav .owl-prev, #dataCenterCarousel .owl-nav .owl-next{ margin: 0px 50px; font-size: 80px; color: #ffffff; font-weight: 100; }
#dataCenterCarousel .owl-dots{ position: absolute; text-align: center; width: 100%; bottom: 20px; }
#dataCenterCarousel .owl-dots .owl-dot{  }
#dataCenterCarousel .owl-dots .owl-dot span{ width: 20px; height: 20px; border-radius: 50%; display: inline-block; background-color: #ffffff; margin-left: 7px; margin-right: 7px; }
#dataCenterCarousel .owl-dots .owl-dot.active span{ background-color: #0aacfc; }


.successNumberBoxMain1{ color: #052334; }
.successNumberBox1{ text-align: center; padding: 30px 15px; height: 100%; border-radius: 12px; background-color: #ffffff; box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.1); margin-left: 12px; margin-right: 12px; }
.successNumberBox1Image{ display: flex; align-self: flex-end; align-items: flex-end; justify-content: center; }
.successNumberBox1Image img{ object-fit: cover; }
.successNumberBox1 h4{ font-size: 50px; font-weight: bold; padding-bottom: 5px; }
.successNumberBox1 h5{ font-size: 20px; font-weight: 200; padding-bottom: 20px; }

.technologyPartnerLogo{ text-align: center; }

/*-------------- Data Center End --------------*/


/*-------------- Filebox Table Start --------------*/
.commonSpaceFive{ padding: 60px 0px; }
.commonSpaceFive .secondTitle { padding-bottom: 40px !important; }
.commonSpaceFive .secondTitle h2 { padding-bottom: 40px !important; }
.commonSpaceFive .secondTitle h2 small{ padding-top: 30px !important; }

.commonSpaceFive .secondTitle h1 { padding-bottom: 40px !important; }
.commonSpaceFive .secondTitle h1 small{ padding-top: 30px !important; }
.commonSpaceFive .secondTitle.pb-0 { padding-bottom: 0px !important; }


/*---- My Table Five ----*/
.myTableFive{  }
.myTableFive table { margin: 0px 0px 55px 0px; padding: 0; width: 100%; table-layout: fixed; font-size: 18px; border: solid 1px #052334; }
.myTableFive table th { padding: 12px 20px; text-align: center; vertical-align: middle; border: 0px; }
.myTableFive table td { padding: 12px 20px; text-align: center; vertical-align: middle; border: 0px; }
.myTableFive table tbody td:last-child { border-left: solid 2px #052334; }

.myTableFive table tbody tr:first-child td { padding-top: 30px; }
.myTableFive table tbody tr:last-child td { padding-bottom: 30px; }

.skyBlueBg1{ background-color: #f4f9fd !important; }

@media screen and (max-width: 600px) {
    .myTableFive table { margin: 0px 0px 40px 0px; }
    .myTableFive table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    .myTableFive table tr { border-bottom: 1px solid #ddd; display: block; }
    .myTableFive table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; padding: 12px 10px; }
    .myTableFive table td::before { content: attr(data-label); float: left; font-weight: bold; }
    .myTableFive table tbody td:last-child { border: solid 0px; }
    .myTableFive table tbody tr:first-child td { padding-top: 12px; }
    .myTableFive table tbody tr:last-child td { padding-bottom: 12px; }
}


/*-------------- Filebox Table End --------------*/


.bgDarkBlue2{ background-color: #0c2332; }

/*-------------- Operation status Start --------------*/

.operationStatusBox{  }
.operationStatusBox h3{ font-size: 25px; text-align: center; padding: 0px 0px 35px 0px; }

.operationStatusBox ul{  }
.operationStatusBox li{ margin: 0px 0px 2px 0px; padding: 20px; font-size: 20px; position: relative; border-radius: 15px; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); }
.operationStatusBox li i{  }
.operationStatusBox li .icon {
    position: absolute; left: auto; right: 20px; top: 21px; width: 20px; height: calc(100% - 40px); color: #4381a5; display: flex; align-items: center; justify-content: center; 
}
.operationStatusBox li h5{ font-size: 15px; font-weight: bold; }

.redText{ color: #dc3545 !important; }
.greenText{ color: #28a745 !important; }


/*Details Page*/
.operationStatusDetailsBox{ background-color: #ffffff; padding: 80px; }
.operationStatusDetailsBox p{ font-size: 18px; }

/*-------------- Operation status End --------------*/


/*------ Virtual Private Cloud ------*/

.btn-red1 { background: #ff4f5b; border: solid 2px #ff4f5b; border-radius: 0px; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; cursor: pointer; text-align: center; min-width: 200px; box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1); }
.btn-red1:hover, .btn-red1:focus { background: #ffffff; border: solid 2px #ffffff; color: #ff4f5b; }

.openstack-rest-api{ padding: 60px 0px 40px 0px; }

#virtualPrivateCloudCarousel{ position: relative; }
#virtualPrivateCloudCarousel .owl-dots{ text-align: center; width: 100%; padding-top: 30px; }
#virtualPrivateCloudCarousel .owl-dots .owl-dot{  }
#virtualPrivateCloudCarousel .owl-dots .owl-dot span{ width: 15px; height: 15px; border-radius: 50%; display: inline-block; background-color: #2d3238; margin-left: 7px; margin-right: 7px; }
#virtualPrivateCloudCarousel .owl-dots .owl-dot.active span{ background-color: #ff4f5b; }

/*---- VPC Table ----*/
.vpc-table{  }
.vpc-table table { margin: 0px 0px 0px 1px; padding: 0; width: calc(100% - 1px); table-layout: fixed; }
.vpc-table table th { padding: 15px 15px; text-align: center; vertical-align: middle; border: 0px; }
.vpc-table-header{ background-color: #052334; color: #ffffff; }
.vpc-table-header th { border: solid 1px #052334 !important; }
.vpc-table-col1{ text-align: left; font-weight: 500; }
.vpc-table-col1 div{ display: flex; }
.vpc-table-col1 span{ width: 34px; margin-right: 10px; display: inline-block; text-align: center; }
.vpc-table table tbody { font-weight: 200; border: solid 1px #eeeeee; text-align: left; }
.vpc-table table td { padding: 18px 15px; border: solid 1px #eeeeee; border-top: 0px; border-bottom: 0px; }
.vpc-table .blankTd{  }
.vpc-table table tbody tr:first-child td { padding-top: 35px; }
.vpc-table table tbody tr:last-child td { padding-bottom: 35px; }
.vpc-table-div{ display: none; }

/*------ Virtual Private Cloud End ------*/

/*------ Cloud Backup Plus Start ------*/

.comonSmall-iconMedia{  }
.comonSmall-iconMediaImage{ width: 100px; }
.comonSmall-iconMedia .media-body{  }
.comonSmall-iconMedia .media-body h4{ font-size: 20px; font-weight: bold; padding-bottom: 20px; }
.comonSmall-iconMedia .media-body p{ font-size: 18px; }

.cyberProtectionSolution{ border-top: solid 5px #0046c5; border-bottom: solid 5px #0046c5; padding: 35px 10%; font-size: 25px; font-weight: bold; text-align: center; }

.cyberProtectionFiveCol{  }
.cyberProtectionFiveCol h4{ font-size: 25px; min-height: 50px; background-color: #0046c5; text-align: center; color: #ffffff; font-weight: bold; margin-bottom: 30px; padding: 15px; }
.cyberProtectionFiveCol li{ font-size: 18px; font-weight: 200 !important; line-height: normal; text-align: center; margin-bottom: 30px; }
.cyberProtectionFiveCol li .yesIcon{ font-size: 25px; color: #0046c5; text-align: center; display: block; margin-bottom: 5px; }

.containWithDownArrow{ padding: 60px 0px 30px 0px; }
.containWithDownArrowBox{ background-color: #eeeeee; padding: 20px; border: solid 1px #cccccc; }
.containWithDownArrowBox p{ font-size: 18px; color: #000000; }
.containWithDownArrow .bluedownArrow{ text-align: center; padding: 50px 0px; }
.containWithDownArrow .titleLg{ text-align: center; }
.containWithDownArrow .titleLg h3{ font-size: 60px; font-weight: bold; padding-bottom: 60px; }
.containWithDownArrow .titleLg p{ font-size: 24px !important; font-weight: normal; padding: 0px 0px 30px 0px; display: block; }
.containWithDownArrow .titleLg h4{ font-size: 30px; font-weight: bold; padding-bottom: 60px; }




.cyberProteKeyFeatTab{  }

.cyberProteKeyFeatTabNav{  }

.cyberProteKeyFeatTabNav .nav-item { text-align: center; }
.cyberProteKeyFeatTabNav .nav-item .cyberProteKeyFeatTab-icons{ height: 62px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; }
.cyberProteKeyFeatTabNav .nav-item .cyberProteKeyFeatTab-icons img{ width: auto; height: auto; }
.cyberProteKeyFeatTabNav .nav-item span{ display: block; padding: 0px; font-size: 14px; font-weight: normal; line-height: normal; }
.cyberProteKeyFeatTabNav .nav-item a{ padding: 25px 20px 22px; border-radius: 15px; color: #000000 !important; opacity: 0.5; }
.cyberProteKeyFeatTabNav .nav-item a.active{ box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1); opacity: 1; }

.cyberProteKeyFeatTab .tab-content{ padding-top: 50px; }

.keyFeaturesCarousel .owl-nav{ position: absolute; top: 50px; width: 100%; }
.keyFeaturesCarousel .owl-nav .owl-prev{ position: absolute; left: 0px; background-color: #ffffff !important; width: 36px; height: 36px; line-height: 36px !important; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); border-radius: 50%; text-align: center; }
.keyFeaturesCarousel .owl-nav .owl-next{ position: absolute; right: 0px; background-color: #ffffff !important; width: 36px; height: 36px; line-height: 36px !important; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); border-radius: 50%; text-align: center; }



.cyberProteTabDataBox{ /*font-size: 18px;*/ }
.cyberProteTabDataBox h3{ font-size: 35px; font-weight: bold; padding-bottom: 20px; }
.cyberProteTabDataBox h4{ font-size: 20px; font-weight: bold; padding-bottom: 15px; }

.row12 { margin-left: -12px; margin-right: -12px; }
.row12 > [class*="col-"] { padding-left: 12px; padding-right: 12px; }

.ShopPlatformsMain{ margin-bottom: 70px; }
.ShopPlatformsMain:last-child{ margin-bottom: 0px; }

.ShopPlatformsBoxMain{ display: flex; }

.ShopPlatformsBoxSpace{ margin: 0px 24px 0px 0px; }
.ShopPlatformsBoxSpace:last-child{ margin-right: 0px; }

.ShopPlatformsBoxCol1{ width: 12.5%; }
.ShopPlatformsBoxCol2{ width: 25%; }
.ShopPlatformsBoxCol3{ width: 37.5%; }

.ShopPlatformsBox{ border-radius: 15px; box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1); font-size: 18px; font-weight: 200; line-height: normal; text-align: center; padding: 10px 20px; display: flex; align-items: center; justify-content: center; min-height: 90px; }
.ShopPlatformsBox:last-child{ margin-right: 0px; }

.platformsBrand{ border-bottom: solid 3px; padding: 0px 0px 16px 0px; margin-bottom: 16px; width: 100%; display: flex; align-items: center; height: 70px; }

.platforms-microsoft{ border-color: #02a3ee; }
.platforms-amazon{ border-color: #ff9900; }
.platforms-linuxServer{ border-color: #fef681; }
.platforms-apple{ border-color: #000000; }
.platforms-android{ border-color: #8bc34a; }
.platforms-sap{ border-color: #04aae8; }
.platforms-vmware{ border-color: #ff8a12; }
.platforms-GSuite{ border-color: #f14336; }
.platforms-redhat{ border-color: #ee0000; }
.platforms-oracle{ border-color: #ee0000; }
.platforms-citrix{ border-color: #1d53bf; }
.platforms-virtuozzo{ border-color: #000000; }
.platforms-nutanix{ border-color: #8bc34a; }


.logo-cyberPage{ max-width: 215px; }

/*Chart*/
.cyberProtectionPriceList{  }
.cyberProtectionPriceList .cloudbackupPricelistCol2{ margin-bottom: 10px; }
.cyberProtectionPriceList .cloudbackupPricelistCol2:last-child{ margin-bottom: 0px; }
.cyberProtectionPriceList .cloudbackupPricelistCol2 .btn01, .cyberProtectionPriceList .cloudbackupPricelistCol2 .btn2{ line-height: normal; padding: 7px 14px !important; }

.cyberProtPlanInfoBox{ border-radius: 15px; border: solid 2px #0046c5; height: 100%; padding: 40px 40px; text-align: center; }
.cyberProtPlanInfoBox h4{ font-size: 35px; font-weight: bold; padding-bottom: 15px; color: #0046c5; }
.cyberProtPlanInfoBox p{ font-size: 18px; color: #052334; line-height: normal; }

.cyberProtPlanInfoBox.advanced{ border: solid 2px #0c5df0 !important; }
.cyberProtPlanInfoBox.advanced h4{ color: #0c5df0 !important; }

.cyberProtPlanInfoBox.disasterRecovery{ border: solid 2px #317afe !important; }
.cyberProtPlanInfoBox.disasterRecovery h4{ color: #317afe !important; }


.cyberProtChartMain{ padding: 80px 0px; }
.cyberProtChart{ border-bottom: dashed 1px #0046c5; /*padding: 20px 0px;*/ }
.cyberProtChart:first-child, .cyberProtChart:last-child{ border-bottom: 0px; }
.cyberProtChart h3{ font-size: 18px; padding: 0px 0px 5px; font-weight: bold; }

.darkBlue2{ color: #0046c5; }

.smallBullet {  }
.smallBullet ul{  }
.smallBullet ul li{ position: relative; font-weight: 200; padding: 0px 0px 0px 14px; margin: 4px 0px; display: block; }
.smallBullet ul li:before{ font-family: "Font Awesome 5 Free"; content: "\f111"; position: absolute; left: 0px; top: 8px; font-weight: bold; font-size: 5px; color: #0046c5; }

.cyberProtChartHeadMain{ display: unset; }
.cyberProtChartHed{ display: flex; align-items: center; justify-content: center; color: #ffffff; text-align: center; font-size: 18px; padding: 12px 10px; height: 100%; line-height: normal; }
.standardChartHed{ background-color: #0046c5; border-radius: 20px 0px 0px 0px; }
.advancedChartHed{ background-color: #0c5df0; }
.disasterRecoveryChartHed{ background-color: #317afe; border-radius: 0px 20px 0px 0px; }

.standardChart{ color: #0046c5; font-size: 25px; text-align: center; }
.advancedChart{ color: #0c5df0; font-size: 25px; text-align: center; }
.disasterRecoveryChart{ color: #317afe; font-size: 25px; text-align: center; }

.standardChart span{ display: none; }
.advancedChart span{ display: none; }
.disasterRecoveryChart span{ display: none; }

.cyberProtChartLeft{ padding: 25px 0px; }
.cyberProtChartRight{ /*background-color: #f7f8fb;*/ background-color: #ffffff; padding: 20px 0px; height: 100%; }
.cyberProtChartRight.bgnone{ background-color: transparent !important; padding: 0px; }
.cyberProtChartRight .grayYes{ color: #d7dce0 !important; }

.cyberProtChartLeft li sup{ color: #0046c5; font-weight: bold; }

.cyberProtChart:last-child .cyberProtChartRight{ border-radius: 0px 0px 20px 20px; }

.detailCyberProtectionList{ border: solid 2px #052334; padding: 20px; text-align: center; margin-top: 60px; }


/*Sync Slider*/
#sync1 .item {  }
#sync1 .item img{ width: auto; display: inline; }
#sync2 .item { cursor: pointer; padding: 25px 20px 22px; border-radius: 15px; color: #000000 !important; opacity: 0.5; text-align: center; }
#sync2 .item h1 { font-size: 18px; }

#sync2 .current .item { /*background: #0c83e7;*/ box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1); opacity: 1; }
.owl-theme .owl-nav { /*default owl-theme theme reset .disabled:hover links */ }
/*.owl-theme .owl-nav [class*='owl-'] { transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }*/
#sync1.owl-theme { position: relative; }
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev { width: 22px; height: 40px; margin-top: -20px; position: absolute; top: 50%; }
#sync1.owl-theme .owl-prev { left: 10px; }
#sync1.owl-theme .owl-next { right: 10px; }

#sync2 .owl-nav{ position: absolute; top: 50px; width: 100%; }
#sync2 .owl-nav .owl-prev{ position: absolute; left: 0px; background-color: #ffffff !important; width: 36px; height: 36px; line-height: 36px !important; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); border-radius: 50%; text-align: center; }
#sync2 .owl-nav .owl-next{ position: absolute; right: 0px; background-color: #ffffff !important; width: 36px; height: 36px; line-height: 36px !important; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); border-radius: 50%; text-align: center; }

#sync2 .item .cyberProteKeyFeatTab-icons{ height: 62px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; }
#sync2 .item .cyberProteKeyFeatTab-icons img{ width: auto; height: auto; }
#sync2 .item span{ display: block; padding: 0px; font-size: 14px; font-weight: normal; line-height: normal; }
#sync2 .item a{ padding: 25px 20px 22px; /*height: 100%;*/ border-radius: 15px; color: #000000 !important; opacity: 0.5; }
#sync2 .item a.active{ box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1); opacity: 1; }

/*------ Cloud Backup Plus End ------*/


/*---- Home Page New Zoom Slider ----*/
.zoomSliderMain{ font-family: 'Poppins', sans-serif; max-width: 900px; }
.zoomSliderMain h3{ font-size: 50px !important; font-weight: 700 !important; color: #206294 !important; line-height: 1.2 !important; }
.zoomSliderMain h4{ font-size: 35px !important; font-weight: 700 !important; color: #206294 !important; line-height: 1.6 !important; }
.zoomSliderMain .media{ border-top: solid 1px #206294; margin-top: 20px; padding: 20px 0px; max-width: 600px; }
.zoomSliderMain .media img{ width: 76px !important; height: auto !important; min-height: auto !important; }
.zoomSliderMain .media .media-body{ font-size: 38px !important; font-weight: 400 !important; color: #206294 !important; line-height: 1.2; }
.zoomSliderMain .btn{ background-color: #206294 !important; border-radius: 12px; color: #ffffff !important; border: 0px !important; font-size: 22px; }
.zoomSliderMainbSpace{ margin-bottom: 80px; }

.zoomSlider-image{  }
.zoomSlider-image img{ object-fit: unset !important; }
/*---- Home Page New Zoom Slider End ----*/


/*---- New Zimbra Slider ----*/
.newZimbraSliderbg{ background-color: #004f75; }
.newZimbraSlider{  }
.newZimbraSliderImage{ object-fit: cover; width: 100%; height: 100%; min-height: 600px; }
.newZimbraSlider:before{ position: absolute; left: 0px; right: 0px; top: 45%; content: ""; width: 100%; height: 150px; background-color: #f15c23; 
    -moz-transform: skewY(-3deg); -webkit-transform: skewY(-3deg); -o-transform: skewY(-3deg); -ms-transform: skewY(-3deg); transform: skewY(-3deg);
}
.newZimbraSlider h1{ color: #f15c23; padding: 75px 0px 30px 0px; }
.newZimbraSlider h1 small{ color: #ffffff; font-size: 40px !important; padding-top: 0px !important; }
.newZimbraSlider img{ object-fit: unset !important; width: auto !important; height: auto !important; min-height: auto !important; }
.male-superheroes{ position: absolute; right: 0px; top: 0px; z-index: 1; }
.female-superheroes{ position: absolute; left: 0px; bottom: 0px; z-index: 1; }

.newZimbraSliderFooter{ display: flex; align-items: center; justify-content: flex-end; padding-bottom: 50px; }
.newZimbraSliderFooter img{ margin: 0px 7px; }
.newZimbraSliderFooter img:last-child{ margin-right: 0px; }

.newZimbraSliderDiscount{ color: #ffffff; -moz-transform: skewY(-3deg); -webkit-transform: skewY(-3deg); -o-transform: skewY(-3deg); -ms-transform: skewY(-3deg); transform: skewY(-3deg); padding: 0px 0px 0px 170px; }
.newZimbraSliderDiscount p{ display: block; font-size: 35px; font-weight: 900; line-height: 60px; }
.newZimbraSliderDiscount p span{ display: block; font-size: 100px; font-weight: 900; }
.zimbra-screen{ min-height: 500px; display: flex; align-items: center; justify-content: flex-end; }
.zimbra-screen img{ padding-top: 100px; }
/*---- New Zimbra Slider End ----*/

.cloudBackupBenefits{ border: solid 1px #cccccc; padding: 30px; }

.tsukaeruccplus-table{ padding: 60px 0px; }
.cbPlus-table-hed { background-color: #38414b; color: #ffffff; font-size: 18px; }
.cbPlus-table-hed td { text-align: center; vertical-align: middle !important; font-weight: bold; }
.cbPlus-table-data td { text-align: center; vertical-align: middle !important; }


.txtRed { color: #fe0000; }
.textLeft { text-align: left !important; }


.lightBlue1 { color: #445762 !important; }
.lineHeight1{ line-height: 1.5; }
.lineHeight2{ line-height: 1.3 !important; }


.cbPlus-section11table-hed1 {
    margin-bottom: 15px;
    color: #0046c5;
    font-size: 16px;
}
table.price-detail-table {
    width: 100%;
    border-collapse: unset;
    padding: 10px;
    background: #fff;
    border: dashed 2px #38414b;
    border-spacing: 0;
}
table.price-detail-table tr:first-child > th:first-child {
    background: transparent;
}
table.price-detail-table th {
    background: #38414b;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    padding: 12px 15px 12px 25px;
    border: solid 1px #fff;
}
/*table.price-detail-table tr:first-child > th { background: #88ba18; }*/

.skyBlueBg { background-color: #d3e3ff !important; color: #38414b !important; }
.has-gray-back { width: 18%; background: #e9eef1; }

table.price-detail-table td {
    min-width: auto;
    padding: 12px 15px 12px 25px;
    font-family: Verdana, Arial, sans-serif;
    color: #38414b;
    font-size: 18px;
    line-height: 18px;
    border: solid 1px #fff;
}
table.price-detail-table td:first-child {
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold !important;
}

.darkBg {
    background-color: #38414b !important;
    color: #ffffff !important;
}


.mail-buster-price-table-row {
    background: #fff;
    border: dashed 2px #38414b;
    padding: 12px;
    margin: 0px 0px 40px 0px;
}
.mail-buster-price-table-row > table {
    width: 100%;
}
.mail-buster-price-table-row > table th:first-child {
    background: #e25670;
}

.mail-buster-price-table-row > table th {
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    padding: 13px 0px 13px 25px;
    background: #38414b;
    border: solid 1px #fff;
    /*width: 25%;*/
}

.mail-buster-price-table-row > table td:first-child {
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold !important;
}

.mail-buster-price-table-row > table td {
    font-family: Verdana, Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    color: #38414b;
    padding: 13px 0px 13px 25px;
    border: solid 1px #fff;
}


/*---- Foundation Page ----*/
.foundationBanner{ align-items: unset; justify-content: center; flex-wrap: wrap; flex-direction: column; align-items: flex-start !important; }
.foundationBanner h1{ font-size: 80px !important; }
.foundationBanner h2{ font-size: 60px !important; }


/*---- 404 Page ----*/
.pageNotFound{  }
.pageNotFoundImage{ width: 60%; margin: 0px auto; }
.pageNotFound h1{ font-size: 80px; color: #414953; padding-bottom: 10px; margin-top: -20px; }
.pageNotFound p{ font-size: 30px; color: #414953; }
.pageNotFound .btn{ margin-top: 10px; font-size: 20px; }
/*---- 404 Page End ----*/


.topTime{ display: block; text-align: right; letter-spacing: 0.10px; opacity: 0.7; font-size: 14px; padding: 0px 12px 0px 0px; }



/*---- Store ----*/
/*-- Order Detail --*/
.store-orderDetail .orderInfoNote_Header{ position: relative; min-height: 35px; padding-left: 50px; }
.store-orderDetail .orderInfoNote_Header:before{ background-image: url(https://www.cloudmatika.co.id/store/images/checkedGreen.png) !important; background-position: left top; background-repeat: no-repeat; position: absolute; left: 0px; top: 0px; content: ""; width: 35px; height: 35px; }

/*css fixed*/
#PBA-checkout-placeOrderForm .fieldComment{ margin-top: 0px !important; }
.availableCloudBackup .step3-tworadio .columns{ position: relative; }
.availableCloudBackup .step3-tworadio .columns .myCustRadio:before{ left: 0px; }
.availableCloudBackup .step3-tworadio .columns .myCustRadio:after{ left: 4px; }

.availableCloudBackup .formOne .tableFull table{ width: 100%; }
.availableCloudBackup .formOne .form-group table .fieldEntry .widgetText{ width: 100% !important; max-width: 400px; }

#BillingStateID.BillingStateID{ width: 100% !important; max-width: 400px; }
#BillingCountryID.BillingCountryID{ width: 100% !important; max-width: 400px; }
#CvvID.widgetText{ width: 100% !important; max-width: 400px; }

.availableCloudBackup #StateID{ width: 100% !important; }

#widget__BillingFax .phoneCountry, #widget__BillingFax .phoneArea, #widget__BillingFax .phoneNumber, #widget__BillingFax .phoneExtension{ width: auto !important; }


#PBA-checkout-loginForm{  }
#PBA-checkout-loginForm .tableContentTD { padding: 30px 0px 30px 0px; }
#PBA-checkout-loginForm .tableContentTD table tr td { vertical-align: middle; padding: 8px 0px; }
#PBA-checkout-loginForm .tableContentTD table tr td.fieldLabel { width: 20%; }
#PBA-checkout-loginForm .tableContentTD table tr td.fieldLabel label{ margin: 0px; }
#PBA-checkout-loginForm .tableContentTD table tr td input{ border: solid 1px #414953 !important; height: 42px; font-size: 17px; border-radius: 0px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; box-shadow: unset; max-width: 350px; width: 100%; }

#PBA-checkout-loginForm .SWbutton{ color: #fff; border-color: #1e394a; background: #1e394a; text-decoration: none; box-shadow: unset; line-height: normal; padding: 8px 15px; border-radius: 20px; margin-left: 0px; margin-right: 10px; }
#PBA-checkout-loginForm .SWbutton_Over{ margin-left: 0px; margin-right: 10px; }
#PBA-checkout-loginForm .tableFooter{ background-image: unset !important; }
#PBA-checkout-loginForm .SWbutton_Over{ color: #fff; border-color: #1e394a; background: #1e394a; text-decoration: none; box-shadow: unset; line-height: normal; padding: 8px 15px; border-radius: 20px; }

.cvv-box{ display: table; width: 100%; }
.cvv-box .cvv-box-input{ /*display: inline-block;*/ max-width: 400px; width: 100%; float: left; }
.cvv-box .cvv-box-visa{ /*display: inline-block;*/ max-width: 80px; float: left; margin-top: 8px; }

#NewCardTypeID.CardTypeID{ min-width: 400px; width: 100%; margin-right: 10px; }

#PayToolData{ margin-top: 0px; }

#widget__BillingFax table tr td { padding-right: 10px; }
#widget__BillingFax table tr td span{ padding-right: 10px; font-size: 18px; }

#widget__BillingFax .phoneCountry, #widget__BillingFax .phoneArea, #widget__BillingFax .phoneNumber, #widget__BillingFax .phoneExtension { margin: 0px !important; }


#CountryID.CountryID{ max-width: 400px; width: 100%; }
#StateID.StateID{ max-width: 400px; width: 100%; }

/*---- Store End----*/


/*---- Filebox Plane New Design ----*/
.fileBoxPlanDesignBox{ text-align: center; background-color: #ffffff; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); padding: 30px 20px; border-radius: 20px; 
	max-width: 533px; margin-left: auto; margin-right: auto;
}

.fileBoxPlanDesignTitle{ margin: -30px -20px 50px -20px; background-color: #ffd14a; border-radius: 20px 20px 0px 0px; height: 120px; position: relative; }
.fileBoxPlanDesignTitle:before{ position: absolute; left: 0px; right: 0px; bottom: -15px; content: ""; background-color: #ffd14a; width: 30px; height: 30px; display: inline-block; margin: 0px auto; 
	-moz-transform: rotate(46deg); -webkit-transform: rotate(46deg); -o-transform: rotate(46deg); -ms-transform: rotate(46deg); transform: rotate(46deg);
}

.fileBoxPlanDesignTitle.darkblue, .fileBoxPlanDesignTitle.darkblue:before{ background-color: #00496d !important; }
.fileBoxPlanDesignTitle.darkblue h3{ color: #ffffff !important; }

.fileBoxPlanDesignBox h3{ font-size: 34px; font-weight: bold; color: #00496d; height: 100%; display: flex; justify-content: center; flex-direction: column; }
.fileBoxPlanDesignBox h3 small{ font-size: 24px; display: block; font-weight: normal; }

.fileBoxPlanList{ width: 100%; max-width: 370px; margin: 0px auto; margin-top: 30px; border-top: solid 1px #2f6b88; padding: 30px 20px 0px; }
.fileBoxPlanList li{ color: #00496d; font-size: 22px; padding: 0px 0px 20px 45px; background-image: url("../images/fb-yesthis.jpg"); background-repeat: no-repeat; background-position: left 1px; background-size: 24px; text-align: left; line-height: normal; }
.fileBoxPlanList li.nothis{ color: #6d6d6d; background-image: url("../images/fb-nothis.jpg") !important; }



.filebox-pc{ font-size: 22px; margin-top: 30px; color: #00496d; }
.filebox-price-label{ background-color: #1e9cd7; color: #ffffff; font-size: 24px; font-weight: 600; display: inline-block; padding: 10px 30px; border-radius: 40px; margin: 30px 0px 10px; }
.filebox-price-label small{ font-size: 18px; font-weight: normal; }
.fileBoxBtn{ margin: 0px 5px; background-color: #ff7748; color: #ffffff; font-size: 16px; font-weight: bold; padding: 7px 10px; display: inline-block; border-radius: 40px; min-width: 140px; }
.fileBoxBtn.orangeBtn{ background-color: #ff7748 !important; color: #ffffff !important; }
.fileBoxBtn.yellowBtn{ background-color: #ffd14a !important; color: #db4123 !important; }

.most-popular{ position: relative; }
.most-popular:after{ background-color: #ff5027; text-transform: uppercase; color: #ffffff; border-radius: 14px 14px 0px 0px; padding: 8px 10px; 
    position: absolute; left: 0px; top: -40px; right: 0px; content: "MOST POPULAR"; width: 100%; max-width: 150px; margin: 0px auto; font-weight: bold;
}
.most-popular.best-value{  }
.most-popular.best-value:after{ background-color: #ffd14a !important; color: #00496d; content: "Best Value"; }


.most-popular-gradient{ position: relative; box-shadow: inset 0px 1px 6px rgba(5, 35, 52, 0.5); }
.most-popular-gradient:after{
    background-image: url("../images/most-popular-gradient.jpg"); background-repeat: no-repeat; background-size: 100% 100%;
    position: absolute; top: -10px; left: -10px; bottom: -10px; right: -10px; z-index:-1; content: ''; border-radius: 26px;
}
.most-popular-label{ position: absolute; left: -32px; top: -32px; max-width: 160px; }
.most-popular-label img{ width: 100%; }

.fileboxPlaneTab{  }
.fileboxPlaneTab ul.nav { padding-bottom: 40px; }
.fileboxPlaneTab .nav-pills .nav-item{ max-width: 230px; }
.fileboxPlaneTab .nav-pills .nav-link{ background-color: #ffffff; color: #00496d; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); }
.fileboxPlaneTab .nav-pills .nav-link.active{ background-color: #00496d; color: #ffffff; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); }
.fileboxPlaneTab .cloudbackupPricelistNew { color: #00496d; }
/*---- Filebox Plane New Design End ----*/


/*------ Thanks Page Start ------*/
.thanks { padding: 120px 0px; background-color: #ffffff; text-align: center; }
.thanks h2 { font-size: 100px; line-height: normal; color: #186190; font-weight: bold; padding: 0px 0px 20px; }
.thanks h2 span { color: #4281a6; }
.thanks h3 { font-size: 50px; color: #186190; padding: 0px 0px 10px 0px; }
.thanks h4 { font-size: 30px; color: #4281a6; padding: 0px; }
.thanksYes{ padding-bottom: 15px; }
.thanksYes img{ max-width: 140px; width: 100%; }
.thanksBack-btn{ padding-top: 45px; text-align: center; }
/*------ Thanks Page End ------*/


/*---- FileBox Super Deal Banner Start ----*/
/*@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Bold.woff') format('woff'),
        url('../fonts/Calibri-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}*/


@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Bold.eot');
    src: url('../fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri-Bold.woff') format('woff'),
        url('../fonts/Calibri-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}





.fileboxSuperDeal{  }
.fileboxSuperDeal .commonSliderContain{ text-align: center !important; }
.fileboxSuperDeal h3{ font-family: 'Calibri'; font-weight: bold; font-size: 150px !important; line-height: normal !important; color: #f3740b !important; }
.fileboxSuperDeal h3 small{ font-family: 'SF UI Display'; font-weight: 500 !important; font-size: 42px !important; line-height: normal !important; padding-top: 0px !important; }
.fileboxSuperDeal .btn3{ font-family: 'Poppins', sans-serif !important; border-radius: 30px !important; background-color: #004186; border: 0px !important; font-size: 26px !important; line-height: 1.1 !important; }

.blue{ color: #004186 !important; }

/*---- FileBox Super Deal Banner End ----*/


/*---- FileBox New Offer 100vh Banner Start ----*/
.fileBox-fullHeight-banner{ background-image: url("../images/fileBox-fullHeight-banner-bg.jpg"); background-repeat: no-repeat; background-size: cover; height: calc(100vh - 202px); min-height: 730px; }
.fileBox-fullHeight-contain{ padding: 200px 0px 65px 0px; text-align: center; position: relative; }
.fileBox-fullHeight-contain h4{ font-family: 'Calibri'; font-weight: bold; font-size: 160px; line-height: 160px; color: #f3740b; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.fileBox-fullHeight-contain h5{ font-family: 'Poppins', sans-serif !important; font-weight: 500; font-size: 28px; line-height: 1.3; padding-bottom: 15px; display: block; color: #ffffff; }
.fileBox-fullHeight-contain h1{ font-size: 40px; color: #ffffff; padding-bottom: 25px; }
.fileBox-fullHeight-contain p{ font-family: 'Poppins', sans-serif !important; font-weight: 500; font-size: 30px; line-height: 1.3; padding-bottom: 0px; display: block; color: #ffffff; }
.fileBox-fullHeight-contain small{ font-family: 'Poppins', sans-serif !important; display: block; font-size: 24px; color: #f3740b; padding-top: 40px; font-weight: 500; }
.fileBox-fullHeight-contain small a{ color: #f3740b !important; }
/*.fileBox-fullHeight-contain small span{ font-size: 22px; color: #ffffff; }*/
.fileBox-fullHeight-contain .btn3{ font-family: 'Poppins', sans-serif !important; border-radius: 30px; background-color: #ffffff; border: 0px !important; font-size: 26px !important; line-height: 1.1 !important; color: #f3740b !important; }

.fileBox-fullHeight-contain .fileBox-new-offer{ position: absolute; left: 0px; right: 0px; top: 0px; text-align: center; }
.fileBox-fullHeight-contain .fileBox-new-offer img{ max-width: 60px; }
/*---- FileBox New Offer 100vh Banner End ----*/


/*---- Header Language Dropdown Start ----*/
.header-lang-dropdown { position: absolute; z-index: -1; width: auto; border-radius: 0px 0px 8px 0px; overflow: hidden; box-shadow: 0px 3px 5px rgba(0,0,0,0.5); margin-top: -10px; transition: all 0.3s; opacity: 0; min-width: 120px; }
.lang-switcher{ color: #10608f; }
.header-lang-dropdown-item { padding: 6px 15px; background: #FFFFFF; display: table; max-width: none; border-bottom: solid 1px #eeeeee; transition: all 0.3s; display: table; width: 100%; text-align: left; color: #000000; font-size: 14px; }
.header-lang-dropdown-item:last-child { border-bottom: 0px; }
.header-lang-dropdown-item:hover, .header-lang-dropdown-item.active { background: #ffd14a; color: #000000; }
.header-lang-dropdown.active { z-index: 1; display: table; margin-top: 0px; opacity: 1; transition: all 0.3s; }
.header-lang-dropdown-item img{ margin-right: 8px; }
/*---- Header Language Dropdown End ----*/

.btnRed-and-rounded{ background-color: #e25670; border-radius: 30px; border-color: #e25670; font-size: 20px; }


/*------ FileBox FSS ------*/

.fss-free-trial{ position: absolute; right: 0px; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; }
.fss-free-trial img{ object-fit: unset !important; width: unset !important; height: auto !important; min-height: auto !important; }

.bgDarkBlue2{ background-color: #1e3949; color: #ffffff; }
.bgDarkBlue2 .nav-item .nav-link{ color: #ffffff !important; }
.orangTxt{ color: #f3740b; }

.bgDarkBlue3{ background-color: #00496d; color: #ffffff; }

.comnListSection.comnListTwo{ padding: 0px; }
.comnListSection.comnListTwo .comnListTwoImage{ width: 190px; text-align: left; }
.comnListSection.comnListTwo .media{ margin-left: 0px !important; margin-right: 0px !important; border-bottom: solid 2px #9b9b9b; }
.comnListSection.comnListTwo .media:last-child{ border-bottom: 0px; }
.comnListSection.comnListTwo .media{ margin-left: 0px !important; margin-right: 0px !important; }
.comnListSection.comnListTwo .media h5 .label { display: inline-block; border-radius: 10px; border: solid 2px #1e9cd7; padding: 6px 10px; font-size: 22px; color: #1e9cd7; margin-right: 20px; position: relative; top: -5px; }
.comnListSection.comnListTwo .media h5 .label:after { 
    font-family: "Font Awesome 5 Free"; content: "\f0d7"; position: absolute; left: 0px; right: 0px; bottom: -6px; text-align: center; font-size: 44px; line-height: 0px; 
    display: flex; align-items: center; justify-content: center;
}
.comnListSection.comnListTwo .media-body{ margin-left: 40px; }
.comnListSection.comnListTwo .media-body p { font-weight: normal; color: #00496d; }


.titleLgTwo { padding-bottom: 30px; text-align: center; }
.titleLgTwo h3{ font-size: 50px; color: #00496d; }
.titleLgTwo p{ font-size: 30px; line-height: normal; padding-top: 15px; }

.fbakoNewSection4Box { background-color: #ffffff; padding: 25px 40px; margin: 50px 0px; position: relative; border-radius: 40px; }

.fbakoNewbtn2{ border-radius: 30px; border: solid 1px #00496d; padding: 6px 12px; font-size: 14px; color: #40464e !important; background-color: #ffffff !important; min-width: 120px; display: flex; align-items: center; justify-content: space-between; }
.fbakoNewbtn2.larges{ border: solid 3px #40464e; font-size: 16px; padding: 16px 36px; font-weight: bold; border-radius: 50px; }
.fbakoNewbtn2.larges i{ font-size: 20px; position: relative; top: 0px; }

.fbakoNewSection4Box .media{ position: relative; z-index: 2; }
.fbakoNewSection4Box .media-left{ padding: 0px; }
.fbakoNewSection4Box .media-left img{ padding-right: 0px; }
.fbakoNewSection4Box .media-body{ padding-left: 30px; }
.fbakoNewSection4Box .media-body h4{ font-size: 28px; color: #000000; line-height: normal; padding-bottom: 10px; }
.fbakoNewSection4Box .media-body p{ font-size: 20px; color: #38414b; line-height: normal; padding-bottom: 25px; font-weight: normal; }

.fbakoNewSection4BoxBody{ margin-top: 50px; display: table; width: 100%; }
.fbakoNewSection4BoxBodyLabel{ background-color: #e1f2f9; padding: 15px 20px; text-align: center; line-height: normal; font-size: 20px; color: #38414b; margin-top: 20px; margin-bottom: 30px; font-weight: bold; }
.fbakoNewSection4BoxBody p{ line-height: 1.5; font-size: 17px; color: #38414b; padding: 0px 0px 20px; }

.fbakoNewSection4BoxBody .table{ font-size: 16px; }

.fbakoNewbtn2Plus{ outline: none !important; }
.fbakoNewbtn2Plus.collapsed i:before{ content: "\f078"; }
.fbakoNewbtn2Plus i:before{ content: "\f077"; }

.fbakoNewbtn2Plus.collapsed .open{ display: inline-block; }
.fbakoNewbtn2Plus.collapsed .closes{ display: none; }

.fbakoNewbtn2Plus .open{ display: none; }
.fbakoNewbtn2Plus .closes{ display: inline-block; }

.cloudmatika-filebox-section{ padding-top: 150px; }

.cloudmatika-filebox{ position: absolute; left: 0px; top: -240px; }

.filebox-fss-specification{ background-color: #00496d; text-align: center; padding: 40px 20px; border-radius: 34px; box-shadow: 8px 8px 8px rgba(170, 170, 170, 0.3); }
.filebox-fss-specification h4{ font-weight: bold; font-size: 22px; padding-bottom: 20px; color: #ffd14a; }
.filebox-fss-specification ul li{ font-size: 18px; margin: 0px; padding: 10px 0px; list-style: none; color: #ffffff; }

.filebox-fss-specification.lights{ background-color: #d7edf2 !important; }
.filebox-fss-specification.lights h4{ color: #ff601a !important; }
.filebox-fss-specification.lights ul li{ color: #00496d !important; }

.filebox-fss-free-trial{ text-align: center; }
.filebox-fss-free-trial .orangeBtn{ margin-top: -50px !important; }
.filebox-fss-free-trial-box{ background-color: #d7edf2; padding: 30px 60px; margin-top: 40px; text-align: center; border-radius: 30px; margin-bottom: 120px; }
.filebox-fss-free-trial-box p { font-size: 28px; color: #00496d; }

.fbakoNew-faqTitle{ background-color: #00496d; padding: 23px 25px; text-align: center; color: #ffffff; font-size: 40px; border-bottom: solid 1px #ffffff; position: relative; line-height: normal; }
.fbakoNew-faqTitle .faqCorner{ position: absolute; left: 0px; top: 0px; }

.fbakoNewFAQ {}
.fbakoNewFAQ .card { border-radius: 0px; border-left: 0px; border-right: 0px; }
.fbakoNewFAQ .card .card-header { padding: 0px; border-radius: 0px; border: 0px; background-color: #00496d; color: #ffffff; font-size: 20px; }
.fbakoNewFAQ .card .card-header .btn-header-link { display: block; text-align: left; padding: 25px 100px; border-radius: 0px; color: #ffffff; text-decoration: none; font-size: 22px; line-height: normal; }
.fbakoNewFAQ .card .card-header .btn-header-link:after { content: "\f139"; font-family: 'Font Awesome 5 Free'; font-weight: bold; float: right; font-size: 34px !important; color: #ffd14a; }
.fbakoNewFAQ .card .card-body{ padding: 25px 100px;  }
.fbakoNewFAQ .card .card-header .btn-header-link.collapsed:after { content: "\f13a"; }
.fbakoNewFAQ .card .collapsing { background-color: #ffd14a; }
.fbakoNewFAQ .card .collapse { border: 0; }
.fbakoNewFAQ .card .collapse.show { background-color: #ffd14a; color: #00496d; }
.fbakoNewFAQ ul li { font-size: 20px; padding: 2px 0px; color: #00496d; }
.fbakoNewFAQ .number { font-size: 30px; padding-right: 10px; }

ul.liststyleNone{ line-height: normal; }
ul.liststyleNone li{ list-style: none; }

/*-- Filebox Table --*/
.fbakoNewTableMain{ padding: 50px 0px 200px 0px; }
.fbakoNewTable{  }
.fbakoNewTable table{ width: 100%; min-width: 1080px; }
.fbakoNewTable table thead tr th{ font-size: 17px; }
.fbakoNewTable table thead tr th.highLight{ background-color: transparent; }
.fbakoNewTable table thead .fbakoNewTableData { border: 0px; }
.fbakoNewTable table thead .fbakoNewTableData:last-child { border-bottom: 0px; border-right: 0px; }
.fbakoNewTable table tbody tr td:last-child { border-right: 0px; }
.fbakoNewTable table tr td{ color: #00496d; border-right: solid 1px #00496d; }
.fbakoNewTableBox{ font-size: 18px; }
.fbakoNewTableData { padding: 12px; text-align: center; width: 14%; border-bottom: solid 1px #00496d; border-right: solid 1px #00496d; }
.fbakoNewTableData i{ font-size: 24px; }
.fbakoNewTableData.first { width: 20%; text-align: center; }
.fbakoNewTableDataSeprate {  }
.fbakoNewTableDataSeprate table tr:last-child td{ border-bottom: dashed 2px #f4dc00; }
.fbakoNewTableDataSeprate.last table tr:last-child td{ border-bottom: 0px; }
.fbakoNewTableData.highLight { background-color: #00496d; color: #ffffff; border-bottom: solid 1px #fff; }
.fbakoNewTableSideLabel{ border: 0px !important; padding-right: 10px; min-width: 80px; }
.fbakoNewTableMain .fileBoxBtn{ font-size: 22px; padding: 7px 20px; margin-top: 50px; }

.fbn-yellow{ color: #f4dc00 !important; }
/*-- Table End --*/

/*------ FileBox FSS End ------*/


.fileboxSuperDealBanner{ background-image: url("../images/fileboxSuperDealBannerbg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; }
.fileboxSuperDealBanner .btn3{ font-size: 20px !important; }

/*100 VH Banner Css*/
.fullHeight-banner{ height: calc(100vh - 202px); min-height: 730px; }
.fullHeight-banner img{ object-fit: unset !important; width: unset !important; height: auto !important; /*height: 100% !important;*/ min-height: auto !important; }
/*.fullHeight-banner .data-middle{ display: flex; align-items: center; height: 100%; padding-top: 50px; padding-bottom: 50px; }*/
/*100 VH Banner Css End*/



/*---- Help Slider ----*/
.helpSlider{ color: #2b478b; font-family: 'Poppins', sans-serif !important; text-align: center; }
.helpSlider h3{ font-size: 50px !important; font-weight: bold !important; color: #ed7d2b; line-height: 1.2 !important; padding-bottom: 20px; }
.helpSlider h3 small{ font-size: 38px !important; font-weight: normal; color: #2b478b; padding: 0px !important; }
.helpSlider h4{ font-size: 32px; color: #2b478b; padding-bottom: 25px; }
.helpSlider p{ font-weight: normal; }

.orange{ color: #ed7d2b !important; }
/*---- Help Slider End ----*/


/*---- Mobile Payment Banner Start ----*/
.poppinsFont{ font-family: 'Poppins', sans-serif !important; }
.btnRounded{ border-radius: 30px !important; }
.yelloBg{ background-color: #ffc50b !important; }
.txtBlue{ color: #186190 !important; }


.mobilePaymentBanner{  }
.mobilePaymentBanner h3{ line-height: 70px !important; font-size: 60px !important; font-weight: bold !important; }
.mobilePaymentBanner h3 small{ font-size: 28px !important; padding-top: 20px !important; padding-bottom: 10px !important; margin: 0px; margin: 0px !important; line-height: normal !important; }
.mobilePaymentBannerImage img { object-fit: contain !important; width: auto !important; height: auto !important; min-height: unset !important; }
.mobilePaymentBanner .btn{ margin: 20px 0px 30px 0px; font-size: 22px; }
/*---- Mobile Payment Banner End ----*/


/*---- About Cloudmatika Start ----*/
.yellow3{ color: #ffb02e !important; }
.txtBlue2{ color: #186187 !important; }
.txtBlue3{ color: #353c45 !important; }
.yellow2{ color: #ffdd00 !important; }
.skyBlueTxt2{ color: #008dc8 !important; }


.blackBg{ background-color: #000000; }



.space-120{ padding: 120px 0px; }

.title40 { font-size: 40px; color: #353c45; font-weight: bold; padding-bottom: 30px; }
.title55 { font-size: 55px; color: #353c45; font-weight: bold; padding-bottom: 30px; }

.aboutCM-menu{ background-color: #1e394a; }
.aboutCM-menu .nav-item .nav-link{ color: #ffffff; font-weight: normal; font-size: 28px; }

.aboutCM-vissionBox{ background-color: #186187; border-radius: 0px 0px 0px 30px; padding: 50px 30px; box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); }
.aboutCM-missionBox{ background-color: #bddce8; border-radius: 0px 0px 30px 0px; padding: 50px 30px; box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); }

.aboutCM-ourValue-chart{ background-color: #353c46; position: relative; }
.aboutCM-ourValue-chart:before{ content: ""; position: absolute; right: 20%; top: 1px; width: 192px; height: 124px; z-index: 1;
    background-image: url("../images/aboutCM-ourValue-chart-arrow.jpg"); background-repeat: no-repeat; background-position: right top; background-size: contain;
}
.aboutCM-ourValue-chart:after{ content: ""; position: absolute; left: 0px; right: 0px; top: 0px; width: 100%; height: 40px; 
    background-image: url("../images/aboutCM-ourValue-chartBg.jpg"); background-repeat: repeat-x; background-position: left top; background-size: contain;
}

.aboutCM-round-title{ background-color: #353c45; padding: 10px; margin-bottom: 35px; }

.aboutCM-seeDetails{ background-color: #353c45; color: #ffffff; padding: 15px 40px; display: inline-block; font-size: 24px; margin-top: 20px; box-shadow: 6px 6px 10px rgba(53, 60, 69, 0.5); }
.aboutCM-seeDetails a{ font-size: 17px; }

.aboutCM-productsList{ margin-top: 20px; }
.aboutCM-productsList li a { background-image: url("../images/aboutCM-productsList-icon1.png"); background-repeat: no-repeat; background-position: left top; padding: 4px 0px 0px 58px; min-height: 42px; font-family: 'Poppins', sans-serif !important; font-size: 20px; color: #353c45; font-weight: 500; display: block; margin: 6px 0px; transition: all 200ms ease-in-out; }
.aboutCM-productsList li a:hover, .aboutCM-productsList li a:focus { background-image: url("../images/aboutCM-productsList-icon2.png"); color: #0baafd; }

.aboutCM-brandLogo{ display: inline-block; padding: 10px 15px; }
.aboutCM-brandLogo img{ max-width: 215px; }

.aboutCM-customersLogo{ display: inline-block; padding: 10px 15px; }
.aboutCM-customersLogo img{ max-width: 200px; }

.manyMore{ font-size: 23px; text-align: center; padding-top: 30px; }

.aboutCM-management{ background-color: #e2e3e4; position: relative; padding-top: 160px; }
.aboutCM-management:before{ content: ""; position: absolute; right: 20%; top: 0px; width: 180px; height: 122px; z-index: 1;
    background-image: url("../images/aboutCM-management-arrow.jpg"); background-repeat: no-repeat; background-position: right top; background-size: contain;
}
.aboutCM-management:after{ content: ""; position: absolute; left: 0px; right: 0px; top: 0px; width: 100%; height: 122px; 
    background-image: url("../images/aboutCM-managementBg.jpg"); background-repeat: repeat-x; background-position: left top; background-size: contain;
}

.aboutCM-managementBox{  }
.aboutCM-managementBox h4{ font-size: 24px; }
.aboutCM-managementBox h4 small{ font-size: 18px; font-weight: normal; display: block; }

.aboutCM-managementBoxImage { width: 272px; height: 272px; border-radius: 50%; overflow: hidden; margin: 0px auto 40px; background-color: #00496d; box-shadow: 8px 8px 0px #00496d; }
.aboutCM-managementBoxImage img{ width: 100%; height: 100%; object-fit: cover;  }
/*.aboutCM-managementBoxImage.shadowNone { box-shadow: none; }*/

.aboutCM-foundation{  }
.aboutCM-foundation img{ max-width: 1920px; width: 100%; }

/*---- About Cloudmatika End ----*/


.font1{ font-family: Verdana, Arial, sans-serif; }

.myTableOne{  }
.myTableOne table{ width: 100%; }
.myTableOne > table th { font-weight: bold; font-size: 18px; line-height: 18px; color: #ffffff; padding: 10px; background-color: #38414b; border: solid 1px #ffffff; }
.myTableOne > table td{ font-size: 18px; line-height: 18px; color: #38414b; padding: 10px; border: solid 1px #38414b; }


.blueBg{ background-color: #073a8c; }
.image-simple { object-fit: unset !important; width: unset !important; height: unset !important; min-height: unset !important; }


/*-- High Technology Slider Start --*/
/*.highTechnologySlider{ display: flex; align-items: center; flex-wrap: wrap; }
.highTechnologySlider h3{ font-size: 54px; font-weight: 600; line-height: 1.4; padding: 25px 0px 50px 0px; }
.highTechnologySliderLogo img{ margin: 0px 10px; }
.highTechnologySliderLeft{ text-align: center; }
.highTechnologySliderLeft h4{ font-size: 28px; font-weight: 600; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
.highTechnologySliderLeft h4 img{ margin-left: 10px; }
.highTechnologySliderLeftLabel{ background-color: #d6e7f2; color: #073a8c; font-weight: 500; font-size: 20px; border-radius: 26px; padding: 6px 20px; display: inline-block; margin: 25px 0px 10px 0px; }
.highTechnologySliderRight{  }*/
/*-- High Technology Slider End --*/


/*-----------------------------------------------------*/
.cyberprotectionBg{ 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#268cff+0,0047c6+100 */
    background: #268cff; /* Old browsers */
    background: -moz-linear-gradient(top,  #268cff 0%, #0047c6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #268cff 0%,#0047c6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #268cff 0%,#0047c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#268cff', endColorstr='#0047c6',GradientType=0 ); /* IE6-9 */
}

.mobilePaymentBanner h1{ line-height: 70px !important; }
.mobilePaymentBanner h1 small { font-size: 28px !important; padding-top: 20px !important; padding-bottom: 10px !important; margin: 0px !important; line-height: normal !important; }

.tentangBg{ background-color: #2f3f5b; }


/*---- Filebox New More Secure Part ----*/
.moreSecure-title{ position: relative; text-align: center; max-width: 77%; margin-left: auto; margin-right: auto; margin-bottom: 40px; }
.moreSecure-title:before{ position: absolute; left: 0px; right: 0px; top: 25px; content: ""; border-top: solid 1px #00496d; width: 100%; height: 50px; border-left: solid 1px #00496d; border-right: solid 1px #00496d; }


.table-responsive{ padding-bottom: 20px; }


/*--- Blog Default List ---*/
.blog-content { font-size: 18px; color: #38414b; line-height: 1.6; font-weight: 200; }
.blog-content ul { margin: 15px 0px 25px 0px; padding: 0px; }
.blog-content ul li { position: relative; font-weight: 200; padding: 0px 0px 0px 26px; margin: 6px 0px; display: block; }
.blog-content ul li:before { font-family: "Font Awesome 5 Free"; content: "\f111"; position: absolute; left: 0px; top: 8px; font-weight: bold; font-size: 6px; color: #000000; }

.blog-content ol { margin: 15px 0px 25px 16px; padding: 0px; }
.blog-content ol li { position: relative; font-weight: 200; padding: 0px 0px 0px 10px; margin: 6px 0px; list-style: conic-gradient; }
/*--- Blog Default List End ---*/


/*---- Filebox 77 Off Start ----*/
.blueLight{ color: #18618f !important; }
.txtRed{ color: #e42a2d; }
.orangeBg{ background-color: #f3740b !important; }

/*.filebox-77offBanner{  }
.filebox-77offMain{ display: flex; align-items: center; flex-wrap: wrap; height: 100%; position: relative; }
.filebox-77offData { width: 100%; max-width: 515px; position: relative; z-index: 2; margin-left: 260px; }
.filebox-77offData h1 { font-size: 70px; font-weight: bold; }
.filebox-77offData h1 small{ font-size: 32px; font-weight: bold; letter-spacing: 0.9px; padding-left: 2px; }
.filebox-77offData .letterSpace{ letter-spacing: 2px; }
.filebox77offBanner{ width: 100%; max-width: 590px; position: absolute; right: 0px; }
.filebox77offBanner img{ width: auto !important; height: auto !important; object-fit: unset !important; min-height: unset !important; }
.filebox-77off-banner2{ display: none; }
.filebox-77offDataBtn{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 20px 5px 0px 0px; }
.filebox-77offDataBtn .btn2{ font-size: 18px; }*/
/*---- Filebox 77 Off End ----*/

/*---- Webinar Security and Risk Start ----*/
.rounded-30{ border-radius: 30px; }

/*.webinar-securityandrisk-main { background-color: #ffffff; width: 100%; max-width: 490px; border-left: solid 4px #14234c; border-right: solid 4px #14234c; color: #14234c; padding: 50px 50px 40px; text-align: center; position: relative; }
.webinar-securityandrisk-main:before { content: ""; position: absolute; left: -47px; bottom: 40px; width: 47px; height: 64px; background-image: url("images/webinar-security-and-risk-management-sepleft.png"); background-repeat: no-repeat; background-position: center center; }
.webinar-securityandrisk-main:after { content: ""; position: absolute; right: -47px; top: 40px; width: 47px; height: 64px; background-image: url("images/webinar-security-and-risk-management-sepright.png"); background-repeat: no-repeat; background-position: center center; }
.webinar-securityandrisk-title{ font-size: 40px; line-height: 1.2; padding-bottom: 20px; }
.webinar-securityandrisk-title small{ font-size: 24px; display: block; padding-top: 10px; }
.webinar-securityandrisk-time{ display: block; }*/
/*---- Webinar Security and Risk End ----*/


.latoFont{ font-family: 'Lato', sans-serif !important; }

.calibriFont { font-family: 'Calibri'; }


/*-- Bottom Whatsapp --*/
.bottom-Whatsapp{ position: fixed; bottom: 25px; right: 92px; z-index: 2; }
.bottom-Whatsapp a{ position: relative; }
.bottom-Whatsapp img { position: relative; z-index: 2; }
.bottom-Whatsapp span { 
    font-family: 'Poppins', sans-serif !important; font-weight: bold; font-size: 16px; color: #ffffff; 
    overflow: hidden; white-space: nowrap; border-radius: 30px; padding: 8px 45px 8px 15px;
    position: absolute; right: 15px; top: -14px; width: 0px; height: 46px; max-height: 46px; min-height: 46px;
    display: flex; align-items: center; opacity: 0; transition: all 0.3s;

    background: #55d062; /* Old browsers */
    background: -moz-linear-gradient(left,  #55d062 0%, #27b53d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #55d062 0%,#27b53d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #55d062 0%,#27b53d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55d062', endColorstr='#27b53d',GradientType=1 ); /* IE6-9 */
}
.bottom-Whatsapp:hover span { width: 200px; opacity: 1; transition: all 0.3s; }
/*-- Bottom Whatsapp End --*/

.boxShadowOne{ box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) !important; }

.skyBlueTxt5{ color: #025a81 !important; }
.skyBlueBg5{ background-color: #e5ecf0 !important; }

.skyBlueTxt6{ color: #0088c1 !important; }
.skyBlueBg6{ background-color: #0088c1 !important; }

.same-hw{ padding: 80% 0px 0px 0px !important; position: relative; }
.same-hw img{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; padding: 20px; /*max-width: 190px;*/ }

.mx300{ max-width: 300px; }

ul.listBullet2 {  }
ul.listBullet2 li{ position: relative; font-weight: 200; padding: 0px 0px 0px 22px; margin-bottom: 10px; display: block; }
ul.listBullet2 li:last-child { margin-bottom: 0px; }
ul.listBullet2 li:before { font-family: "Font Awesome 5 Free"; content: "\f111"; position: absolute; left: 0px; top: 15px; font-weight: bold; font-size: 8px; }


/*--form.php page--*/
.thankYouModalData{ padding: 0px; text-align: center; background-color: #f8fbfd; }
.thankYouModalData h3{ font-size: 30px; font-weight: bold; margin: 0px; padding: 20px 0px; }
.thankYouModalData p{ line-height: normal; margin: 0px; padding: 0px 0px 15px; }
/*--form.php page end--*/



/*------ Landing Style ------*/
.skyBlueBg7{ background-color: #186190 !important; }

.bgNone{ background-color: transparent !important; }
.yellowBg3{ /*background-color: #FCC10F;*/ background-color: #ffd14a; }

.letter-spacing-3 { letter-spacing: 3px !important; }
.letter-spacing-m1 { letter-spacing: -1px; }

.skyBlueBg4{ background-color: #f8fbfd !important; }
.darkBlue5 { color: #004186 !important; }


.landing-product h1{ font-size: 150px; font-weight: bold; color: #f3740b; line-height: 1; padding: 0px 0px 30px !important; position: relative; margin-bottom: 20px; }
.landing-product h1 small{ font-size: 38px !important; font-weight: bold; /*background-color: #004186;*/ color: #004186; letter-spacing: 3px; /*padding: 0px 2px 2px 10px;*/ position: absolute; left: 8px; bottom: 0px; }


.bgOrange3{ background-color: #ff5027 !important; }
.orange3{ color: #ff5027 !important; }

.rounded16{ border-radius: 16px !important; }


.newZimbraSlider.sudounset:before{ content: unset !important; position: unset; }

.cyberProtection{  }
.cyberProtection h1{ padding: 0px !important; }

/*------ Landing Style End ------*/


/*Webinar Banner*/
.blueBg2{ background-color: #186191 !important;}

.zimbra-webinarBg{ background-image: url("../images/zimbra-webinarBg.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; }

.webinar-joinandearn-col{ padding-top: 120px; position: relative; }
.webinar-joinandearn-logo { margin-bottom: 25px; }
.webinar-joinandearn-logo img{ max-height: 52px; margin-right: 35px; }
.freeWebinarBtn{ position: absolute; top: 0px; left: 0; right: 0; background-color: #186191; border-radius: 0px 0px 12px 12px; padding: 10px 15px; color: #ffffff; font-size: 26px; display: inline-block; width: 240px; margin: 0px auto; }
.webinar-persons{ width: 100%; max-width: 600px; margin: 0px auto; border-bottom: solid 4px #f04e23; padding-bottom: 10px; margin-bottom: 20px; position: relative; }
.styleBtn{ background-color: #18618f; border-radius: 16px 0px 16px 0px; border: solid 4px #ff5027; padding: 10px 25px; color: #ffffff !important; }
/*Webinar Banner End*/

/*Zimbra Webinar Landing*/
.zimbra-webinar .landg-logo-acronis{ max-width: 240px; }
/*Zimbra Webinar Landing End*/

.container1920{ max-width: 1920px; }

/*Mail Buster Slider*/
.mailBuster{  }

/*--Webinar Landing--*/



/*
font-family: "Font Awesome 5 Free";
*/


/*---Responsive---*/

@media (min-width: 1200px) and (max-width: 1299px) {
    /*---- Filebox 77 Off Start ----*/
    /*.filebox-77offBanner .container{ max-width: 1100px; }
    .filebox-77offData{ max-width: 412px; margin-left: 140px; }
    .filebox-77offData h1 { font-size: 56px; }
    .filebox-77offData h1 small { font-size: 25px; letter-spacing: 1px; }
    .filebox-77offDataBtn .font-12{ font-size: 10px !important; }
    .filebox77offBanner { max-width: 554px; }
    .filebox-77offDataBtn .btn2{ min-width: auto; padding: 8px 20px; }*/
    /*---- Filebox 77 Off End ----*/

    /*---- Webinar Security and Risk Start ----*/
    /*.webinar-securityandrisk-banner{  }
    .webinar-securityandrisk-banner .commonSlider { left: 0px !important; right: 0px !important; }
    .webinar-securityandrisk-banner .container{ padding-right: 0px; padding-left: 0px; max-width: 100%; }

    .webinar-securityandrisk-main{ padding: 25px; max-width: 530px; border-left: 0px; }
    .webinar-securityandrisk-main:before { content: unset; position: unset; left: unset; bottom: unset; width: unset; height: unset; background-image: unset; }
    .webinar-securityandrisk-main .barcode-webinar { max-width: 110px; }
    .webinar-securityandrisk-main .font-20 { font-size: 18px !important; }
    .webinar-securityandrisk-main .font-18 { font-size: 16px !important; }
    .webinar-securityandrisk-main .pb-3 { padding-bottom: 10px !important; }
    .webinar-securityandrisk-main .mb-md-4 { margin-bottom: 10px !important; }
    
    .webinar-securityandrisk-title { font-size: 28px; padding-bottom: 15px; }
    .webinar-securityandrisk-title small { font-size: 20px; }
    .webinar-securityandrisk-title br { display: none; }*/
    /*---- Webinar Security and Risk End ----*/
}
@media (min-width: 1300px) and (max-width: 1399px) {
    /*---- Filebox 77 Off Start ----*/
    /*.filebox-77offBanner .container{ max-width: 1200px; }
    .filebox-77offData{ max-width: 426px; margin-left: 200px; }
    .filebox-77offData h1 { font-size: 58px; }
    .filebox-77offData h1 small { font-size: 26px; letter-spacing: 1px; }
    .filebox-77offDataBtn .font-12{ font-size: 10px !important; }
    .filebox77offBanner { max-width: 570px; }
    .filebox-77offDataBtn .btn2{ min-width: auto; padding: 8px 20px; }*/
    /*---- Filebox 77 Off End ----*/

    /*---- Webinar Security and Risk Start ----*/
    /*.webinar-securityandrisk-main{ padding: 35px 40px 30px; }
    .webinar-securityandrisk-title { font-size: 36px; }
    .webinar-securityandrisk-title small { font-size: 22px; }*/
    /*---- Webinar Security and Risk End ----*/
}
@media (min-width: 1400px) and (max-width: 1499px) {
    /*---- Filebox 77 Off Start ----*/
    /*.filebox-77offBanner .container{ max-width: 1270px; }
    .filebox-77offData{ max-width: 454px; margin-left: 250px; }
    .filebox-77offData h1 { font-size: 62px; }
    .filebox-77offData h1 small { font-size: 28px; }
    .filebox-77offDataBtn .font-12{ font-size: 10px !important; }
    .filebox77offBanner { max-width: 580px; }*/
    /*---- Filebox 77 Off End ----*/

    /*---- Webinar Security and Risk Start ----*/
    /*.webinar-securityandrisk-main{ padding: 35px 40px 30px; }
    .webinar-securityandrisk-title { font-size: 36px; }
    .webinar-securityandrisk-title small { font-size: 22px; }*/
    /*---- Webinar Security and Risk End ----*/


}

@media (min-width: 1200px) and (max-width: 1550px) {
    /*Webinar Banner*/
    .webinar-joinandearn-col.first.col-xl-6 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .webinar-joinandearn-col.second.col-xl-6 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    /*Webinar Banner End*/
}

@media (min-width: 1551px) and (max-width: 1920px) {
    /*Webinar Banner*/
    .webinar-joinandearn-col.second.col-xl-6 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    /*Webinar Banner End*/
}

@media (min-width: 1500px) {
    /*---- Filebox 77 Off Start ----*/
    /*.filebox-77offBanner .container{ max-width: 1360px; }*/
    /*---- Filebox 77 Off End ----*/
}

@media (max-width: 1899px) {
    /*---- zimbra2020-slider3 ----*/
    .zimbra2020-slider3 .commonSliderContain h1 { font-size: 42px !important; }
    .zimbraRotateTextPart h4 { font-size: 66px !important; line-height: 50px; }
    .zimbraRotateTextPart h4 small { font-size: 34px !important; }
    /*---- zimbra2020-slider3 End ----*/

    /*Webinar Banner*/
    .webinar-joinandearn-col { padding-top: 90px; }
    /*Webinar Banner End*/

}
@media (max-width: 1799px) {
    /*---- zimbra2020-slider3 ----*/
    .zimbra2020-slider3 .commonSliderContain h1 { font-size: 38px !important; }
    .zimbraRotateTextPart { margin: 190px 0px 0px 50px; }
    .zimbraRotateTextPart h4 { font-size: 60px !important; line-height: 48px; }
    .zimbraRotateTextPart h4 small { font-size: 30px !important; }
    /*---- zimbra2020-slider3 End ----*/

    /*---- New Zimbra Slider ----*/
    .newZimbraSlider h1 { padding: 55px 0px 30px 0px; }
    /*---- New Zimbra Slider End ----*/

    /*Webinar Banner*/
    .webinar-joinandearn{  }
    .webinar-joinandearn-col { padding-top: 110px; }
    .webinar-persons{ max-width: 100%; }
    .webinar-persons .persons{ max-width: 150px; }
    .freeWebinarBtn{ padding: 8px 15px; font-size: 22px; width: 210px; }
    .webinar-joinandearn-logo { margin-bottom: 15px; }
    .webinar-joinandearn-col .font-22 { font-size: 20px !important; }
    .webinar-joinandearn-col .font-28 { font-size: 24px !important; }    
    .webinar-joinandearn-col .font-26 { font-size: 24px; }
    .webinar-joinandearn-col .font-56 { font-size: 46px !important; }
    /*Webinar Banner End*/

}

@media (max-width: 1550px) {
    .zimbraEmailChart { width: 740px; }
    .zimbraEmailChartDataTop { background-size: 60px; top: -130px; padding-bottom: 95px; }
    .zimbraEmailChartDataleft1 { background-size: 90px; width: 380px; padding-right: 100px; padding-bottom: 60px; top: -20px; left: -310px; }
    .zimbraEmailChartDataleft2 { background-size: 90px; width: 380px; padding-right: 100px; padding-bottom: 100px; top: 140px; left: -310px; }
    .zimbraEmailChartDataleft3 { background-size: 90px; width: 380px; padding-right: 100px; left: -310px; top: 260px; }
    .zimbraEmailChartDataRight1 { background-size: 110px; top: 0px; right: -320px; width: 410px; padding-left: 130px; padding-top: 30px; }
    .zimbraEmailChartDataRight2 { background-size: 90px; background-position: 30px top; top: 150px; right: -320px; width: 410px; padding-left: 130px; padding-top: 60px; }
    
    .zimbraEmailData { padding: 60px 0px 0px; margin-bottom: 45px; }
    .zimbraEmailData h3 { font-size: 45px; }
    .zimbraEmailData p { font-size: 20px; }
    
    .termsAndConditionsTitle h1 { font-size: 50px; }
    .customeTabThree .nav-pills .nav-link { font-size: 25px; }

    /*---- zimbra2020-slider3 ----*/
    .zimbra2020-slider3 .commonSliderContain h1 { font-size: 34px !important; }
    /*---- zimbra2020-slider3 End ----*/

    /*.coronaSlider h1 { font-size: 70px !important; line-height: 70px !important; }*/


    /*---- About Cloudmatika Start ----*/
    .space-120 { padding: 100px 0px; }

    .aboutCM-management{ padding-top: 140px; }

    .aboutCM-menu .nav-item .nav-link{ font-size: 24px; }
    /*---- About Cloudmatika End ----*/


    /*-- High Technology Slider Start --*/
    /*.highTechnologySlider h3 { font-size: 44px; padding: 20px 0px 40px 0px; }
    .highTechnologySliderLeft h4 { font-size: 22px; }
    .highTechnologySliderLeftLabel{ font-size: 16px; margin: 15px 0px 10px 0px; }*/
    /*-- High Technology Slider End --*/

}

@media (max-width: 1400px) {
    .zimbraEmailChart { width: 560px; }
    .zimbraEmailChartImage { margin-top: 190px; }
    .zimbraEmailChartDataTop { background-size: 50px; top: -130px; padding-bottom: 85px; }
    .zimbraEmailChartDataleft1 { background-position: right 10px; background-size: 70px; width: 300px; padding-right: 80px; padding-bottom: 20px; top: 0px; left: -250px; }
    .zimbraEmailChartDataleft2 { background-position: right 10px; background-size: 70px; width: 300px; padding-right: 80px; padding-bottom: 40px; top: 120px; left: -250px; }
    .zimbraEmailChartDataleft3 { background-position: right 10px; background-size: 70px; width: 300px; padding-right: 80px; top: 230px; left: -250px; }
    .zimbraEmailChartDataRight1 { width: 300px; background-size: 100px top; top: 0px; right: -220px; padding-left: 130px; padding-top: 30px; }
    .zimbraEmailChartDataRight2 { width: 300px; background-size: 80px top; top: 110px; right: -220px; padding-left: 130px; padding-top: 60px; background-position: 30px top; }
    
    .zimbraEmailData h3 { font-size: 38px; }
    .zimbraEmailData:before { width: 400px; }
    .zimbraEmailData p { padding-bottom: 50px; }
    
    .termsAndConditionsTitle { margin-bottom: 50px; }
    .termsAndConditionsTitle h1 { font-size: 42px; }
    .customeTabThree .nav-pills .nav-link { font-size: 22px; }

    /*---- zimbra2020-slider3 ----*/
    .zimbra2020-slider3 .commonSliderContain h1 br{ display: none; }
    .zimbraRotateTextPart { margin: 180px 0px 0px 30px; }
    .zimbraRotateTextPart .normal-image { padding: 80px 0px 0px 50px !important; }
    /*---- zimbra2020-slider3 End ----*/

    /*---- Home Page New Zoom Slider ----*/
    .zoomSliderMain { max-width: 770px; }
    .zoomSliderMain h3 { font-size: 50px !important; }
    .zoomSliderMain .media .media-body { font-size: 32px !important; }
    .zoomSliderMain .media img { width: 70px !important; }
    /*---- Home Page New Zoom Slider End ----*/


    /*------ Thanks Page Start ------*/
    .thanksYes img { max-width: 120px; }
    .thanks h2 { font-size: 90px; padding: 0px 0px 15px; }
    .thanks h3 { font-size: 45px; }
    .thanks h4 { font-size: 26px; }
    /*------ Thanks Page End ------*/

    /*---- FileBox New Offer/*---- FileBox New Offer 100vh Banner Start ----*/
    .fileBox-fullHeight-banner, .fullHeight-banner{ min-height: unset; }
    .fileBox-fullHeight-contain { padding: 80px 0px 65px 0px; }
    .fileBox-fullHeight-contain small{ padding-top: 20px; }
    /*---- FileBox New Offer 100vh Banner End ----*/

    /*------ FileBox FSS ------*/
    .titleLgTwo h3 { font-size: 44px; }
    .titleLgTwo p { font-size: 26px; }
    .comnListSection .media h5{ font-size: 30px; }
    .fbakoNewSection4Box{ margin: 35px 0px; }
    .filebox-fss-free-trial-box{ padding: 30px 50px; }
    .filebox-fss-free-trial-box p { font-size: 24px; }
    /*------ FileBox FSS End ------*/


    /*---- About Cloudmatika Start ----*/
    .title55 { font-size: 50px; }
    /*---- About Cloudmatika End ----*/

    /*Mail Buster Slider*/
    .mailBuster{  }
    .mailBuster h1 { font-size: 44px !important; }
    .mailBuster h1 small{ font-size: 30px !important; }
    .mailBuster h1 small img{ max-width: 100px !important; }
    /*Mail Buster Slider End*/

}/*1400 End*/

@media (max-width: 1360px) {
    /*Webinar Banner*/
    .webinar-joinandearn-col.first { padding-top: 60px !important; }
    /*Webinar Banner End*/
}

@media (max-width: 1299px) {

	.font-26 { font-size: 24px; }
    .font-24 { font-size: 22px !important; }

    .font-35 { font-size: 33px !important; }

    /*new*/
    .font-42 { font-size: 38px !important; }
    .font-50 { font-size: 46px !important; }
    .font-56 { font-size: 50px !important; }
    .font-64 { font-size: 56px !important; }
    .font-70 { font-size: 66px !important; }
    .font-90 { font-size: 86px !important; }

    .font-45, .font-46 { font-size: 42px !important; }

	
    .mainSlider .carousel-item img, .newZimbraSliderImage { min-height: 420px; }
    /*.mainSlider .sliderTextBox h1 { font-size: 100px; }*/
    .mainSlider .sliderTextBox h1 { font-size: 30px; padding-bottom: 15px; }
    .mainSlider .sliderTextBox p { font-size: 24px; }
    .mainSlider .sliderTextBox .btn { margin-top: 20px; }
    
    .innerMainTitle h1 { font-size: 50px; }
    .innerMainTitle h1 small { font-size: 22px; }
    
    /*--- Filebox Page ---*/
    .bannerStaticBox h3 { font-size: 38px; }
    .bannerStaticBox p { padding: 20px 0px 10px 0px; }
    .bannerStaticBox .btn { margin-top: 10px; }
    
    .fileboxPackBox { padding: 40px 25px; }
    .fileboxPackBox h3 { font-size: 30px; }
    .fileboxPackBox h4 { font-size: 18px; padding-bottom: 18px; }
    .fileboxPackBox p { font-size: 16px; }
    .fileboxPackBox.largeBox { padding: 70px 25px 40px; }
    
    .largeSepTitle h2 { font-size: 54px; }
    .largeSepTitle h2:before, .largeSepTitle h2:after { top: 36px; }
    
    .stepWhyFileSharingBox:first-child h3 span { left: 0px !important; }
    .stepWhyFileSharingBox:nth-child(even) h3 { padding: 15px 30px 15px 78px; }
    .stepWhyFileSharingBox:nth-child(even) h3 span { left: 0px; }
    
    .stepWhyFileSharingBox h3 { font-size: 26px; }
    
    .stepWhyFileSharingBox:first-child h3 { padding: 15px 30px 15px 80px !important; }
    .stepOneMain h4 { font-size: 26px; }
    
    .progress-circle { -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
    /*--- Filebox Page End ---*/

    .disasterRecoveryPage-contact .largeText { font-size: 30px; }

    /*----17-03-2020----*/
    .coronaSlider h1 br { display: none; }
    .coronaSlider h1 { font-size: 45px !important; line-height: 45px !important; }
    .coronaSlider h1 small br { display: block !important; }
    .coronaSlider h1 .light { right: 22px; }
    .coronaSlider h4 { font-size: 26px !important; }
    .coronaSlider p { font-size: 20px !important; }
    /*----17-03-2020 End----*/


    /*---- Virtual Data Center New ----*/
    .row20 { margin-left: -15px; margin-right: -15px; }
    .row20 > [class*="col-"] { padding-left: 15px; padding-right: 15px; }

    .virtualMachinePartTitle h3 { font-size: 50px; margin-bottom: 40px; }
    .virtualMachinePartTitle h3 small { font-size: 28px; padding-bottom: 2px; }

    .virtualMachineBox h3 { font-size: 30px; margin-bottom: 20px; }
    .checkedListThree ul li { font-size: 22px; }
    .checkedListThree ul li:before { top: 4px; font-size: 22px; margin-left: -30px; }

    /*Calc*/
    .newCalculateDataTableBoxPrice span { font-size: 40px; line-height: 40px; }
    .newCalculateDataTableTitle{ font-size: 22px; padding: 12px; }

    /*-------------- Zimbra 2020 (email-and-collaboration) Start --------------*/
    .commonSliderContain h1{ font-size: 42px !important; }
    .commonSliderContain h1 small { font-size: 22px !important; }

    .zimbra2020-slider1{  }    
    .zimbra2020-slider2 .commonSliderContain h1 br { display: none; }
    .zimbra2020-slider2 .money-bank { width: 80px !important; }

    .commonSpaceNew { padding: 65px 0px; }
    .commonSpaceNew .secondTitle { padding-bottom: 65px !important; }
    .commonSpaceNew .secondTitle h2{ padding-bottom: 55px !important; }
    .commonSpaceNew .secondTitle h1{ padding-bottom: 55px !important; }
    .commonSpaceNew .secondTitle p.font-24{ font-size: 22px !important; }

    .commonSpaceThree { padding: 55px 0px; }
    .commonSpaceThree .secondTitle h2 { padding-bottom: 55px !important; }
    .commonSpaceThree .secondTitle h1 { padding-bottom: 55px !important; }

    /*---- zimbra2020-slider3 ----*/
    .zimbra2020-slider3 .commonSliderContain h1 { font-size: 28px !important; }
    .zimbraRotateTextPart { margin: 150px 0px 0px 30px; }
    .zimbraRotateTextPart h4 { font-size: 40px !important; line-height: normal; }
    .zimbraRotateTextPart h4 small { font-size: 22px !important; }
    .zimbraRotateTextPart .normal-image { padding: 50px 0px 0px 50px !important; }
    /*---- zimbra2020-slider3 End ----*/

    /*-------------- Zimbra 2020 End --------------*/

    
    /*------ Cloud Backup Plus Start ------*/
    .containWithDownArrow .titleLg h3 { font-size: 50px; }
    .cyberProtectionFiveCol h4 { font-size: 20px; }
    .cyberProteKeyFeatTabNav li a { padding: 20px 15px 18px; }
    .cyberProteKeyFeatTabNav li span{ font-size: 15px; }
    .ShopPlatformsBox{ font-size: 16px; padding: 10px 15px; }

    .ShopPlatformsBoxSpace{ margin: 0px 18px 0px 0px; }

    .row12 { margin-left: -9px; margin-right: -9px; }
    .row12 > [class*="col-"] { padding-left: 9px; padding-right: 9px; }

    .cyberProteTabDataBox h3 { font-size: 30px; padding-bottom: 15px; }

    .cyberProteKeyFeatTabNav .nav-item{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; margin-top: 15px; margin-bottom: 15px; }
    /*------ Cloud Backup Plus End ------*/

    /*---- Home Page New Zoom Slider ----*/
    .zoomSliderMain { max-width: 680px; }
    .zoomSliderMain h3 { font-size: 36px !important; }
    .zoomSliderMain h4 { font-size: 28px !important; line-height: 1.3 !important; }
    .zoomSliderMain .media .media-body { font-size: 28px !important; }
    .zoomSliderMain .media img { width: 60px !important; }
    /*---- Home Page New Zoom Slider End ----*/

    /*---- New Zimbra Slider ----*/
    .zimbra-screen { min-height: auto; }
    .zimbra-screen img { padding-top: 0px; }
    .newZimbraSliderDiscount p { font-size: 25px; line-height: 48px; }
    .newZimbraSliderDiscount p span { font-size: 75px; }
    .newZimbraSlider:before { top: 37%; height: 115px; }
    .newZimbraSlider h1 { padding: 18px 0px 15px 0px; }    
    .male-superheroes img{ max-height: 130px; }
    .female-superheroes img{ max-height: 260px; }
    /*---- New Zimbra Slider End ----*/

    /*---- Foundation Page ----*/
    .foundationBanner h1{ font-size: 64px !important; }
    .foundationBanner h2{ font-size: 50px !important; }


    /*---- FileBox Super Deal Banner Start ----*/
    .fileboxSuperDeal .btn3{ font-size: inherit !important; }
    /*---- FileBox Super Deal Banner End ----*/


    /*---- Help Slider ----*/
    .helpSlider{ padding-right: 34px; }
    .helpSlider h4 { font-size: 24px; padding-bottom: 15px; padding-top: 15px; }
    .helpSlider h3 { font-size: 40px !important; padding-bottom: 10px; }
    .helpSlider h3 small { font-size: 30px !important; }
    .helpSlider .font-22 { font-size: 20px !important; }
    /*---- Help Slider End ----*/


    /*---- Mobile Payment Banner Start ----*/
    .mobilePaymentBanner h1 { line-height: 50px !important; font-size: 42px !important; }
    .mobilePaymentBanner h1 small{ padding-top: 10px !important; padding-bottom: 0px !important; }
    .mobilePaymentBanner .btn{ margin: 15px 0px 25px 0px; font-size: 20px; }
    /*---- Mobile Payment Banner End ----*/


    /*---- About Cloudmatika Start ----*/
    .space-120 { padding: 80px 0px; }

    

    .title55 { font-size: 45px; }

    .aboutCM-menu .nav-item .nav-link { font-size: 22px; }
    .aboutCM-management { padding-top: 130px !important; }
    .aboutCM-ourValue-chart:before, .aboutCM-management:before { right: 10%; }
    /*---- About Cloudmatika End ----*/


    /*-- High Technology Slider Start --*/
    /*.highTechnologySlider h3 { font-size: 36px; padding: 10px 0px 20px; }
    .highTechnologySliderLeft h4 { font-size: 18px; }
    .highTechnologySliderLeftLabel { font-size: 15px; margin: 10px 0px 10px 0px; padding: 6px 15px; }
    .highTechnologySliderLeft .btn2{ padding: 8px 20px; font-size: 20px !important; }
    .highTechnologySliderLogo .image-simple{ object-fit: scale-down !important; height: 44px !important; }
    .highTechnologySliderLogo img{ margin: 0px; }*/
    /*-- High Technology Slider End --*/
    

    /*Webinar Banner*/
    /*.webinar-joinandearn-col { padding-top: 70px; }
    .webinar-persons{ max-width: 100%; }*/
    .webinar-persons{ padding-bottom: 5px; margin-bottom: 10px; }
    .webinar-persons .persons{ max-width: 100px; }
    .freeWebinarBtn { padding: 6px 15px; font-size: 18px; width: 180px; }
    .webinar-joinandearn-logo { margin-bottom: 10px; }
    .webinar-joinandearn-logo img { max-height: 30px; margin-right: 15px; }
    .webinar-joinandearn-col{ padding-top: 50px; }
    .webinar-joinandearn-col p { padding-bottom: 10px; }
    .webinar-joinandearn-col.first { padding-top: 60px !important; }
    .webinar-joinandearn-col .font-13 { font-size: 12px !important; }
    .webinar-joinandearn-col .font-16 { font-size: 14px !important; }
    .webinar-joinandearn-col .font-22 { font-size: 16px !important; }
    .webinar-joinandearn-col .font-28 { font-size: 20px !important; }
    .webinar-joinandearn-col .font-26 { font-size: 20px; }
    .webinar-joinandearn-col .font-56 { font-size: 26px !important; }
    /*Webinar Banner End*/


}/*1299 End*/

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

@media (max-width: 1299px) {
    /*---- Filebox 77 Off Start ----*/
    /*.filebox-77off-banner1{ display: none; }
    .filebox-77off-banner2{ display: block; object-position: left; }*/
    /*---- Filebox 77 Off End ----*/
}


/*@media only screen and (max-width : 1199px) {*/
@media (max-width: 1199px) {

	.font-24 { font-size: 20px; }
    .font-26 { font-size: 22px; }
    .font-28 { font-size: 24px !important; }
	.font-30 { font-size: 26px !important; }
    .font-32 { font-size: 28px !important; }
    .font-35 { font-size: 32px !important; }
    .font-38 { font-size: 34px !important; }
    .font-45, .font-46 { font-size: 40px !important; }


    /*new*/
    .font-50 { font-size: 40px !important; }
    .font-56 { font-size: 44px !important; }
    .font-64 { font-size: 50px !important; }
    .font-42 { font-size: 36px !important; }
    .font-70 { font-size: 60px !important; }
    .font-90 { font-size: 80px !important; }

    
    /*h1 { font-size: 30px; }
    h1 small { font-size: 20px; }*/

    .headerMain .navbar-brand img { width: 170px; max-width: 100%; }
    .menuMain .nav-link { padding: 18px 13px !important; }
    
    .seprateDarkSection h3 { padding-right: 0px !important; }
    
    .newsSeprateTextBox1 { font-size: 16px; }
    
    .newsSeprateTextBox2 { padding: 18px 0px 15px 0px; }
    .newsSeprateTextBox2 h4 { font-size: 18px; padding: 0px 0px 12px; }
    
    .myBreadcrumb { padding: 0px 0px 20px; }
    .innerMainTitle { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; margin-right: 0px; }
    
    .innerMainTitle h1 { font-size: 50px; }
    .innerMainTitle h1 small { font-size: 22px; padding-top: 10px; }

    .secondTitle h2 { font-size: 30px; }
    .secondTitle h2 small{ font-size: 20px; }

    .innerMainTitleBannerImage { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    
    .mediaDark .media-body h2 { font-size: 28px; }
    .mediaDark .media-body p.font-22 { font-size: 18px !important; }
    
    .remoteLgPart h3 { padding: 10px 0px 20px; font-size: 28px; }
    
    .blogDetailPage .font-45 { font-size: 40px !important; }
    
    .alertBlue { font-size: 18px; }
    .alertBlue i { margin-right: 10px; }
    
    .profileDownloadList { padding: 70px 0px; }
    
    .successNumberBox h4 { font-size: 50px; padding-bottom: 15px; }
    .successNumberBox h5 { font-size: 22px; }
    
    .roundColorProgressBarMain .col05 { max-width: 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; }
    
    .profileDownloadListmain { padding: 20px 0px; }
    
    /*--- Filebox Page ---*/
    .bannerStaticBox h3 { font-size: 32px; }
    
    .stepCaseStudymain .col09 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .stepCaseStudyFooter { justify-content: flex-start !important; padding: 10px 0px; }
    .stepCaseStudyFooter .media { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin: 10px 0px; }
    
    .stepWorkersThreeBox { padding: 30px 20px 30px 20px; margin: 0px; }
    .stepWorkersThreeBox h3 { font-size: 20px; }
    .stepWorkersThreeBox p { font-size: 18px; }
    
    .stepWorkersThreeBoxMain .font-25 { font-size: 22px !important; }
    
    .roundIconComnBoxOneMain { }
    .roundIconComnBoxOneMain .col05 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    
    .iconTitleContainBox h4 { font-size: 22px; padding-bottom: 12px; }
    .iconTitleContainBoxOne p { font-size: 20px; }
    .iconTitleContainBox h4 { font-size: 20px; }
    .iconTitleContainBoxOne p { font-size: 18px; }
    
    .iconTitleContainBox h4 { font-size: 20px; }
    .iconTitleContainBoxOne p { font-size: 18px; }
    .largeSepTitle h2 { font-size: 45px; }
    .largeSepTitle h2:before, .largeSepTitle h2:after { top: 30px; }
    
    .stepWhyFileSharingBox { padding: 130px 30px 80px 0px; }
    /*--- Filebox Page End ---*/

    .commonSmallBox { padding: 40px 15px 25px; }
    .commonSmallBox p { font-size: 20px; }
    .commonSmallBox .btn { min-width: 100%; }
    
    .supportBanner { }
    .supportBanner h1 { font-size: 33px; }
    .supportBanner p { font-size: 20px; }
    
    .arrowListingBox { padding: 0px 15px; }
    
    .myMegaMenu .nav-item { margin-right: 8px; min-width: unset; }
    .menuMain .nav-link { padding: 14px 12px !important; }
    .myMegaMenu .nav-link { font-size: 14px; }
    .megaMenuImageBox h4 { font-size: 16px; }
    
    .whyEmailSecurityBox { padding: 30px 15px; }
    .howSpamFilteringWorksPointsBox h4 { font-size: 22px; padding-bottom: 12px; }
    
    .comnListSection.smallOne .media { margin-left: 0px; margin-right: 0px; }
    
    .whyCloudmatikaBox p { font-size: 16px; }
    
    .seprateLargeTextOrLine { font-size: 30px; width: 90%; }
    .iconTitleContainBoxTwo { padding: 25px 6px; }
    .iconTitleContainBoxTwo p { font-size: 16px; }
    
    .commonSpace { padding: 60px 0px; }
    
    .whyCloudmatikaAllPart { padding: 50px 0px 40px; }
    .whyCloudmatikaAllPart h2 { padding-bottom: 40px; }
    
    .comnListSection.imageRight .media .comnListSectionImage { text-align: center; }
    
    .zimbraEmailChart { width: 560px; }
    .zimbraEmailChartImage { margin-top: 0px; margin-bottom: 30px; }
    .zimbraEmailChartDataTop, .zimbraEmailChartDataleft1, .zimbraEmailChartDataleft2, .zimbraEmailChartDataleft3, .zimbraEmailChartDataRight1, .zimbraEmailChartDataRight2 { 
    	position: unset; background-image: none; left: unset; right: unset; top: unset; bottom: unset; text-align: center; padding: 15px 0px; width: 100%; 
    }
    .zimbraEmail { padding-bottom: 40px; }
    
    .disasterRecoveryPage-contact .largeText { font-size: 25px; }

    .pricingTableMain { padding: 50px 0px 20px; }
    .zimbraEmailData:before { width: 300px; }

    .pricingTableHeader .font-20 { font-size: 18px !important; }
    .pricingTableHeader .hedDataBox .font-18 { font-size: 16px !important; }
    .pricingTableHeader .hedDataBox { font-size: 14px; }

    .pricingTableData { font-size: 15px; }
    .pricingTableDataTitle { font-size: 16px; }

    .innerLeftFix-rightFull-container { 
    	right: 0px; left: 0px; 
    	padding-right: 15px; padding-left: 15px; 
    	margin-right: auto; margin-left: auto; 
    	width: calc(100% - (100% - 960px)/2); 
    	max-width: none !important; 
    }
    
    .pricingTableMain { padding: 50px 0px 20px; }

    .tableDivTwoHeader .hedDataBox { font-size: 18px; }
    
    .getBigestYelloPart p { font-size: 30px; }
    
    .wp-pricingPackageBox h4 { font-size: 24px; }
    .wp-pricingPackageBoxLabel { font-size: 20px; }
    .pleskHostingPointBox { font-size: 16px; }
    .pleskHostingPointBoxImage { margin-bottom: 15px; }
    
    .howSpamFilteringWorks-pointsTitle h4 { font-size: 22px; line-height: 38px; }
    
    /*---- Website Security Page ----*/
    .common-seprateTitleButton { padding: 50px 0px 0px 0px; }
    .common-seprateTitleButton h3 { font-size: 30px; padding-bottom: 15px; }
    .myTableThree table { font-size: 16px; }
    .myTableThree table thead tr th.font-25 { font-size: 20px !important; }
    
    .getStartedFiveMinutes { padding-right: 0px; background-position: left center; min-height: 360px; }
    .getStartedFiveMinutes h3 { font-size: 28px; padding-bottom: 20px; }
    .getStartedFiveMinutes p { font-size: 18px; }
    
    .stepOneTwoThreeBox { font-size: 18px; }
    
    .faqAboutWaf h2 { font-size: 50px; }
    .faqAboutWaf h2.font55 { font-size: 45px; }
    .faqAboutWaf .card-header a { font-size: 26px; padding-bottom: 20px; }
    .faqAboutWaf .card-body { padding: 30px 0px 80px; }
    
    .faqAboutWaf .card-body p { font-size: 20px; }
    .faqAboutWafTechnology { padding: 70px 0px 0px; }
    
    .commnIconTextPart { padding: 20px 0px 30px; }
    .commnIconTextImg { height: 100px; }
    .commnIconTextImg img { height: 100%; }
    .traditionalVsCloudmatikaArrow { padding-right: 10px; }
    .stepOneTwoThreeMain p { font-size: 18px; padding-bottom: 15px; }
    .wafApplianceProsCons { margin-top: 10px; }
    
    .wafApplianceProsConsTitRating { font-size: 18px; }
    .wafApplianceProsConsPros p, .wafApplianceProsConsCons p { line-height: 26px !important; font-size: 16px !important; padding-bottom: 18px !important; }
    
    .wafApplianceProsConsPros, .wafApplianceProsConsCons { min-height: 310px; }
    
    .termsAndConditionsTitle { margin-bottom: 40px; }
    .termsAndConditionsTitle h1 { font-size: 38px; }
    .customeTabThree .nav-pills { padding: 0px 0px 50px; }
    
    /*----17-03-2020----*/  
    .coronaSlider h1 { font-size: 40px !important; line-height: 40px !important; }
    .coronaSlider h1 .light { right: 34px; }
    /*----17-03-2020 End----*/


    /*---- Virtual Data Center New ----*/
    .planBox .plan-title { font-size: 32px; }
    .specifictionPart { padding-top: 10px; }

    .virtualMachineBox{ padding: 30px 15px; border: dashed 2px #000000; }
    .virtualMachineBox h3 { font-size: 26px; margin-bottom: 16px; }
    .checkedListThree ul li { font-size: 20px; }
    .checkedListThree ul li:before { top: 6px; font-size: 18px; margin-left: -24px; }

    .virtualMachinePartTitle h3 { font-size: 40px; margin-bottom: 30px; }
    .virtualMachinePartTitle h3 small { font-size: 25px; }

    /*Calc 1199*/
    .priceProgressbarRight{ padding: 30px 40px; }
    .priceProgressbarRight:before{ font-size: 70px; line-height: 40px; }    
    .newCalculateDataTableTitle { font-size: 18px; padding: 10px; }
    .newCalculateDataTableBox { padding: 20px; }
    .newCalculateDataTableBox h3 { font-size: 18px; padding-bottom: 8px; }
    .newCalculateDataTableBoxPrice span { font-size: 30px; line-height: 30px; }
    .newCalculateDataTableBoxPrice sup { top: -12px; }
    #qsSlider .title { font-size: 22px !important; }


    /*---- Shared Hosting Page 1199 ----*/
    .sharedHostingPriceHeader h3 { font-size: 20px; padding-bottom: 8px; }
    .sharedHostingPriceHeader .webHostingPrice { font-size: 45px; }

    .sharedHostingPriceHeader .webHostingPrice sup { font-size: 16px; top: -20px; }
    .sharedHostingPriceHeader .webHostingPrice sub{ font-size: 16px; }
    .sharedHostingPriceData ul li { font-size: 16px; }

    /*---- Cloud VPS Option Table 1199 ----*/
    .optionDataHeader .optionData { font-size: 18px; }
    .optionData.firstCol{ font-size: 18px !important; }
    .optionDataContain .optionData { font-size: 16px; }
    .optionData{ padding: 17px 10px; }


    /*-------------- Zimbra 2020 (email-and-collaboration) Start --------------*/
    .commonSliderContain h1 { font-size: 36px !important; }
    .commonSliderContain h1 small { font-size: 20px !important; padding-top: 15px !important; }
    
    .zimbraPlanBox{ padding: 45px; }

    .zimbra2020-slider2 .commonSliderContain h1 small { padding-top: 15px !important; margin-bottom: 0px !important; }

    .blackIconText22Box h4.font20 { font-size: 18px; }

    .zimbra2020:before { min-height: 200px; }

    .commonSpaceNew { padding: 55px 0px; }
    .commonSpaceNew .secondTitle h2 { padding-bottom: 45px !important; }

    .pricingTableMain .secondTitle h2 { padding-bottom: 50px !important; }
    .whyCloudmatikaAllPart .secondTitle h2 { padding-bottom: 50px; }

    .faqAboutWaf h2.font-45{ font-size: 38px !important; }
    .faqAboutWaf h2.font55 { font-size: 40px; }

    /*---- zimbra2020-slider3 ----*/
    /*.zimbraRotateTextPart { margin: 160px 0px 0px 0px; }*/
    .zimbraRotateTextPart { margin: 24% 0px 0px 0px; }
    /*---- zimbra2020-slider3 End ----*/

    /*-------------- Zimbra 2020 End --------------*/

    /*-------------- Data Center Start --------------*/

    .commonSpaceFour{ padding: 50px 0px; }
    .commonSpaceFour .secondTitle { padding-bottom: 50px !important; }

    .btn-skyBlue{ font-size: 20px; padding: 14px 26px; min-width: 270px; }
    
    .successNumberBox1{ margin-left: 0px; margin-right: 0px; }
    .successNumberBox1 h4{ font-size: 40px; }
    .successNumberBox1 h5 { font-size: 18px; }
    .successNumberBox1Image img { height: 80px; }
    /*-------------- Data Center End --------------*/

    /*-------------- Operation status Start --------------*/
    .operationStatusBox h3 { font-size: 20px; padding: 0px 0px 25px 0px; }
    /*-------------- Operation status End --------------*/
    
    /*------ Cloud Backup Plus Start ------*/
    .containWithDownArrow .titleLg h3 { font-size: 40px; padding-bottom: 50px; }
    /*------ Cloud Backup Plus End ------*/

    /*---- Home Page New Zoom Slider ----*/    
    .zoomSliderMain h3 { font-size: 34px !important; }
    .zoomSliderMain .media .media-body { font-size: 24px !important; }
    .zoomSliderMain .media img { width: 52px !important; }
    .zoomSliderMain .media { max-width: 400px; }
    /*---- Home Page New Zoom Slider End ----*/

    /*---- New Zimbra Slider ----*/
    .newZimbraSliderFooter{ display: inline-block; text-align: center; padding: 0px 0px 10px 0px; width: 100%; }
    .newZimbraSliderFooter img { margin: 7px; }
    .newZimbraSliderFooter div img{ max-width: 154px; }
    .zimbra-screen{ padding-top: 20px; }
    .newZimbraSlider:before { height: 100px; }
    .newZimbraSliderDiscount p { font-size: 20px; line-height: 40px; }
    .newZimbraSliderDiscount p span { font-size: 58px; }
    /*---- New Zimbra Slider End ----*/

    /*---- 404 Page ----*/
    .pageNotFound h1 { font-size: 65px; padding-bottom: 5px; margin-top: -10px; }
    .pageNotFound p { font-size: 25px; }

    /*---- Foundation Page ----*/
    .foundationBanner h1{ font-size: 56px !important; }
    .foundationBanner h2{ font-size: 44px !important; }


    /*---- Filebox Plane New Design ----*/
    .most-popular-gradient{ margin-left: 10px; }
    /*---- Filebox Plane New Design End ----*/


    /*------ Thanks Page Start ------*/
    .thanksYes img { max-width: 110px; }
    .thanks h2 { font-size: 80px; padding: 0px 0px 10px; }
    .thanks h3 { font-size: 40px; }
    /*------ Thanks Page End ------*/


    /*------ FileBox FSS ------*/
    .fss-free-trial img{ width: 150px !important; }
    .titleLgTwo h3 { font-size: 38px; }
    .fbakoNewTableMain { padding: 20px 0px 220px 0px; }

    .cloudmatika-filebox{ top: -190px; max-width: 320px; }

    .fbakoNewSection4Box .media-body h4 { font-size: 26px; }
    .fbakoNewSection4Box .media-body p { font-size: 18px; }

    /*------ FileBox FSS End ------*/


    /*100 VH Banner Css*/
    .fileBox-fullHeight-contain h4{ font-size: 120px; line-height: 120px; }
    .fileBox-fullHeight-contain h5{ font-size: 24px; /*padding-bottom: 20px;*/ }
    .fileBox-fullHeight-contain h1{ font-size: 36px; padding-bottom: 20px; }
    .fileBox-fullHeight-contain p{ font-size: 28px; padding-bottom: 20px; }
    .fileBox-fullHeight-contain small{ font-size: 20px; padding-top: 0px; }


    .fileBox-fullHeight-banner{ height: calc(100vh - 186px); }
    .fullHeight-banner { height: calc(100vh - 186px); }
    /*100 VH Banner Css End*/


    /*---- Help Slider ----*/
    .helpSlider h4 { font-size: 18px !important; padding-bottom: 10px; }
    .helpSlider h3 { font-size: 28px !important; padding-bottom: 0px; }
    .helpSlider h3 small { font-size: 20px !important; padding-top: 0px !important; }
    .helpSlider .font-22 { font-size: 18px !important; }
    /*---- Help Slider End ----*/


    /*---- About Cloudmatika Start ----*/
    .space-120 { padding: 70px 0px; }

    .title40 { font-size: 35px; padding-bottom: 25px; }
    .title55 { font-size: 40px; padding-bottom: 25px; }

    
    .aboutCM-productsList li a{ font-size: 18px; background-size: 42px; min-height: 40px; padding: 4px 0px 0px 50px; }
    
    .aboutCM-ourValue-chart:before{ width: 149px; top: 0px; }
    .aboutCM-ourValue-chart:after{ height: 30px; }

    .aboutCM-management { padding-top: 110px !important; }
    .aboutCM-management:before{ width: 150px; }
    .aboutCM-management:after{ height: 102px; }

    .aboutCM-managementBox h4 { font-size: 20px; }
    .aboutCM-managementBox h4 small { font-size: 16px; }
    /*---- About Cloudmatika End ----*/


    /*---- Filebox 77 Off Start ----*/
    /*.filebox-77offBanner .container{ max-width: 892px; }
    .filebox-77offData { max-width: 336px; margin-left: 150px; }
    .filebox-77offData h1 { font-size: 43px; }
    .filebox-77offData h1 small { font-size: 20px; letter-spacing: 0.6px; }
    .filebox77offBanner { max-width: 420px; }
    .filebox-77offDataBtn{ display: table; width: 100%; padding: 10px 0px 0px 0px; }
    .filebox-77offDataBtn .font-12{ display: block; padding-top: 10px; font-size: 10px !important; }
    .filebox-77offDataBtn .btn2{ min-width: auto; padding: 8px 20px; }*/
    /*---- Filebox 77 Off End ----*/

    /*---- Webinar Security and Risk Start ----*/
    /*.webinar-securityandrisk-banner{  }
    .webinar-securityandrisk-banner .commonSlider { left: 0px !important; right: 0px !important; }
    .webinar-securityandrisk-banner .container{ padding-right: 0px; padding-left: 0px; max-width: 100%; }

    .webinar-securityandrisk-main{ padding: 25px; max-width: 530px; border-left: 0px; }
    .webinar-securityandrisk-main:before { content: unset; position: unset; left: unset; bottom: unset; width: unset; height: unset; background-image: unset; }
    .webinar-securityandrisk-main .barcode-webinar { max-width: 110px; }
    .webinar-securityandrisk-main .font-20 { font-size: 18px !important; }
    .webinar-securityandrisk-main .font-18 { font-size: 16px !important; }
    .webinar-securityandrisk-main .pb-3 { padding-bottom: 10px !important; }
    .webinar-securityandrisk-main .mb-md-4 { margin-bottom: 10px !important; }
    
    .webinar-securityandrisk-title { font-size: 28px; padding-bottom: 15px; }
    .webinar-securityandrisk-title small { font-size: 20px; }
    .webinar-securityandrisk-title br { display: none; }*/
    /*---- Webinar Security and Risk End ----*/


    /*-- Form Three Note --*/
    .formThreeNote-right{ padding-left: 30px; }
    /*-- Form Three Note End --*/

    /*---- Zimbra Landing ----*/
    ul.listBullet2 li:before { top: 10px; }
    /*---- Zimbra Landing End ----*/


    /*------ Landing Style ------*/
    .landing-product h1 { font-size: 130px !important; padding: 0px 0px 24px !important; margin-bottom: 24px; }
    .landing-product h1 small { font-size: 32px; letter-spacing: 3px; }

    .sliderWebMobile.landing-product h1{ font-size: 124px !important; }
    .sliderWebMobile.landing-product h1 small{ font-size: 30px !important; }
    .sliderWebMobile.landing-product .font-38{ font-size: 30px !important; }

    .sliderWebMobile.cyberProtection .font-35{ font-size: 28px !important; }
    .sliderWebMobile.cyberProtection h1{ font-size: 50px !important; }

    /*------ Landing Style End ------*/


    /*Webinar Banner*/
    .webinar-persons{ padding-bottom: 5px; margin-bottom: 10px; }
    .webinar-persons .persons{ max-width: 100px; }
    .freeWebinarBtn { padding: 6px 15px; font-size: 16px; width: 160px; }
    .styleBtn{ border: solid 3px #ff5027; }
    .webinar-joinandearn-logo { margin-bottom: 10px; }
    .webinar-joinandearn-logo img { max-height: 30px; margin-right: 15px; }
    .webinar-joinandearn-col{ padding-top: 50px; }
    .webinar-joinandearn-col p { padding-bottom: 10px; }
    /*.webinar-joinandearn-col.first { padding-top: 20px !important; }*/
    .webinar-joinandearn-col .font-13 { font-size: 12px !important; }
    .webinar-joinandearn-col .font-16 { font-size: 14px !important; }
    .webinar-joinandearn-col .font-22 { font-size: 14px !important; }
    .webinar-joinandearn-col .font-28 { font-size: 18px !important; }
    .webinar-joinandearn-col .font-26 { font-size: 18px; }
    .webinar-joinandearn-col .font-56 { font-size: 21px !important; }
    /*Webinar Banner End*/


}/*1199 End*/

@media only screen and (min-width : 992px) {
    .menuMain .dropdown:hover .dropdown-menu { display: block; }
    .myMobMenu { display: none; }
}

/*@media only screen and (min-width : 992px) {
    .productDropdown:hover .dropdown-menu{ display: block; }
}*/


@media only screen and (max-width : 991px) {

    .container { max-width: 100%; }


	.font-24 { font-size: 18px !important; }
    .font-26 { font-size: 20px; }

    .font-20 { font-size: 18px !important; }
    .font-30 { font-size: 24px !important; }
    .font-32 { font-size: 26px !important; }
    .font-35 { font-size: 28px !important; }
    .font-38 { font-size: 30px !important; }
    .font-45, .font-46 { font-size: 36px !important; }


    /*new*/
    .font-50 { font-size: 38px !important; }
    .font-56 { font-size: 42px !important; }
    .font-64 { font-size: 46px !important; }

    .font-42 { font-size: 32px !important; }
    .font-70 { font-size: 54px !important; }
    .font-90 { font-size: 70px !important; }


    .secondTitle h2 { font-size: 28px; padding-bottom: 20px; }
    .secondTitle h2 small{ font-size: 18px; padding-top: 10px; }

    .pt-05 { padding-top: 1.8rem !important; }

    .btn1 { min-width: unset; padding: 12px 15px; }

    /*--Mobile Menu--*/
    .headerMain .navbar-brand { margin: 0px; }
    .headerMain .navbar-brand img { width: 180px; }
    .menuMain .nav-link { padding: 10px 18px !important; color: #ffffff; border: solid 1px transparent; border-bottom: solid 1px rgba(255, 255, 255, 0.1); }
    .menuMain .nav-link:hover, .menuMain .nav-link:focus { color: #ffffff !important; background-color: #4281a5 !important; border: solid 1px #4281a5 !important; }
    .menuMain .nav-link.active { color: #ffffff !important; background-color: #4281a5 !important; border: solid 1px #ffd14a !important; }

    .navbar-collapse { position: fixed !important; top: 0; /*left: 0;*/ height: 100vh !important; height: 100%; overflow: hidden !important; /*overflow-y: hidden;*/ overflow-y: scroll !important; background: #1a262f; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); min-width: 230px; width: 230px; transition: all 0.1s !important; left: -230px; opacity: 0; display: block !important; z-index: 99999; }
    .navbar-collapse.show { left: 0px; transition: all 0.1s !important; opacity: 1; }
    .navbar-toggler-icon { background-image: url("../images/menu.png"); background-size: cover; width: 24px; height: 24px; }
    .navbar-toggler>.close { background-image: url("../images/close.png"); background-size: cover; display: inline-block; width: 24px; height: 24px; vertical-align: middle; content: ""; opacity: 1; fill: #fff; color: #fff; float: none; }

    .navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon { display: none; }

    .navbar-toggler { padding: 0px; }

    .headerMain .navbar-collapse { padding-top: 30px; }

    .myMegaMenu { border-radius: 0px; padding: 0px 15px; background-color: #000000; font-size: 15px; }
    .myMegaMenu .nav-pills { display: none; }
    .myMegaMenu .tab-content { display: none; }

    .megaMenuImageBox h4 { font-size: 14px; }

    .myMobMenu { display: block; padding: 8px 0px; }
    .myMobMenu ul { }
    .myMobMenu ul li { padding: 5px 0px; }
    .myMobMenu ul li ul { padding: 0px 5px; }
    .myMobMenu ul li ul li { padding: 4px 0px; }
    .myMobMenu ul li ul li a { color: rgba(255, 255, 255, 0.6); }
    .myMobMenu ul li ul li a:hover { color: rgba(255, 255, 255); }
    .myMobMenu .dropdown-menu { border: 0px; font-size: 14px; background-color: transparent; }

    .myMobMenu ul li a { color: #ffffff; }
    /*--Mobile Menu End--*/

    .hedSearch { padding: 0px; }
    .hedSearch a { color: #fff; background-color: #000; display: block; padding: 15px 18px; }
    .hedSearch a:after { content: "Search"; color: #fff; padding-left: 6px; font-size: 18px; }

    /*---- Footer ----*/
    .footerMain { padding: 15px 0px 20px; }
    .footerBox.mr-3 { margin-right: 0px !important; }
    .footerBox { text-align: center; }
    .footerBox p { padding-bottom: 10px; }
    .copyRight { text-align: center; margin-top: 10px; }
    .copyRight-right { text-align: center; padding-top: 15px; }

    /*.headerTop{ display: none; }*/
    .popupWraper { top: 20px; }
    .serchMain .form-control { font-size: 20px; height: 60px; }

    /*---- Main Slider ----*/
    .mainSlider .carousel-item img, .newZimbraSliderImage { min-height: 340px; }
    .mainSlider .sliderTextBox h1 { font-size: 45px; }
    .mainSlider .sliderTextBox h1 { font-size: 24px; padding-bottom: 8px; }
    .mainSlider .sliderTextBox p { font-size: 18px; padding: 2px 0px; }

    .seprateDarkSection { }
    .seprateDarkSection h3.font-25 { font-size: 20px !important; }
    .seprateDarkSection p { font-size: 18px; line-height: normal; }

    /*---- Section Main ----*/
    .fourBoxesOne { padding: 40px 0px 10px; }

    .comnListSection { padding: 20px 0px; }
    .comnListSection .media { padding: 40px 0px; margin-left: 0px; margin-right: 0px; }
    .comnListSection .media-body { margin-left: 30px; }
    .comnListSection .media h5 { padding: 0px 0px 12px 0px; font-size: 24px; }

    .newsSeprateSection { padding: 40px 0px; }
    .needHelpSection { padding: 40px 0px; }
    .needHelpSection h1 { font-size: 26px; }
    
    .customeTabOne { padding: 40px 0px; }
    .customeTabOne .nav-pills { padding: 0px 0px 20px; }
    
    .kalkulatorCloudPart { padding: 40px 0px; }
    .remoteLgPart { padding: 40px 0px; }
    
    .commonSpace { padding: 40px 0px; }
    /*---- End ----*/

    .newsSeprateBoxImage { }
    .newsSeprateBoxImage img { height: 230px; }
    .newsSeprateTextBox2 h4 { font-size: 16px; padding: 0px 0px 10px; }
    
    .myBreadcrumb { padding: 0px 0px 15px; }
    .innerMainTitle h1 { font-size: 40px; }
    .innerMainTitle h1 small { font-size: 18px; padding-top: 6px; }
    
    .mediaDarkImage { width: 220px; margin-left: 0px; }
    
    .smallIconAndText { line-height: normal; padding: 24px 15px; }
    .smallIconAndText span { font-size: 14px; }
    
    .iconText-main { flex-wrap: wrap; margin-right: 0px; margin-left: 0px; }
    .iconText-main a { -ms-flex: 0 0 31.333%; flex: 0 0 31.333%; max-width: 31.333%; display: inline-block; position: relative; width: 100%; margin: 4px 5px; }
    
    .sup-sub-data { font-size: 38px; }
    .darkBoxesOne { padding: 15px; text-align: center; }
    .darkBoxesOne ul { padding: 10px 0px; }
    .darkBoxesOne ul li { font-size: 16px; padding: 8px 0px; }
    .darkBoxesOne .btn02 { min-width: 100%; padding: 12px 15px; }
    
    .remoteLgPartLeft { padding: 0px 30px; text-align: center; }
    .remoteLgPartRight { padding: 30px 30px 0px; text-align: center; }
    
    .boxImageFrameMain { padding: 30px 0px; }
    .boxImageFrameMain h4 { margin-top: 35px; font-size: 17px; }
    
    .teamBox { padding: 20px 0px; }
    .teamBox h4 { font-size: 16px; padding-bottom: 2px; }
    .teamBox p { padding: 0px 0px 10px; font-size: 14px; }
    .teamBoxImage { margin-bottom: 15px; }
    
    .socialGray ul li { padding: 0px 4px; }
    
    .blogDetailPage { padding: 40px 0px; }
    .blogDetailPage .font-45 { font-size: 33px !important; }
    .blogDetailPage .font-20 { font-size: 18px !important; }
    .upsiteTechnology { padding: 30px 0px; }

    .oneLineSmallIconText { display: inline-block; text-align: center; }
    .oneLineSmallIconText div { align-items: flex-start; padding-left: 10px; padding-right: 10px; }
    .oneLineSmallIconText div i { padding-top: 3px; }
    .smSeprate1 { margin: 20px auto 30px; }

    .kalkulatorBoxMain .my-3 { margin-top: 8px !important; margin-bottom: 8px !important; }

    .ourContactsBox { padding: 30px 10px; }
    .ourContactsBox h4 { font-size: 22px; padding: 0px 0px 5px; }

    .contactRightPart { padding-left: 10px; }

    .alertBlue { font-size: 16px; display: inline-flex; padding: 12px 18px; }
    .alertBlue i { padding-top: 4px; }

    .formTwo { padding: 30px 0px 0px; }

    .profileDownloadListmain { padding: 20px 0px; }
    .profileDownloadList { padding: 30px 0px; }
    .profileDownloadList h1 { padding-bottom: 15px !important; }
    .profileDownloadList h1 br { display: none; }
    .profileDownloadLogoBoxImage { margin-bottom: 6px; }
    .profileDownloadProdukBox { margin-bottom: 25px; margin-top: 10px; }

    .successNumberBoxMain { padding: 30px 0px; }
    .successNumberBox { padding: 30px 15px; }
    .successNumberBox h4 { font-size: 35px; }
    .successNumberBox h5 { font-size: 18px; }

    .roundIconComnBoxOneMain .col05 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }

    /*--- Filebox Page ---*/
    .bannerStatic { }
    .bannerStatic img { height: 320px; object-fit: cover; }

    .bannerStaticBox { left: 50px; right: 50px; text-align: center; padding: 0px; }
    .bannerStaticBox div { width: 100%; }
    .bannerStaticBox h3 { font-size: 26px; display: inline-block; padding-left: 3px; padding-right: 3px; }

    .fileboxPackBox { padding: 30px 25px; }
    .fileboxPackBox h3 { font-size: 24px; }
    .fileboxPackBox h4 { font-size: 16px; padding-bottom: 14px; }
    .fileboxPackBox p { padding: 5px 0px 25px; font-size: 14px; font-weight: normal; }
    .fileboxPackBox.largeBox { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); padding: 55px 25px 30px; }
    .fileboxPackBox .btn2 { min-width: 100%; padding: 12px 15px; font-size: 14px; }
    .fileboxPackBox .offerLabel { width: 90px; height: 90px; font-size: 14px; background-size: contain; }
    .fileboxPackBox .offerLabel span { font-size: 24px; }

    .largeSepTitle h2 { font-size: 38px; }
    .progressDataText { font-size: 16px; padding-top: 4px; }
    .progressOneData { padding: 0px 0px 25px; }

    .stepCaseStudyFooter .media { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }

    .stepWhyFileSharingBox h3 { font-size: 20px; min-height: 90px; }
    .stepWhyFileSharingBox h3 span { width: 54px; height: 54px; line-height: 54px; font-size: 32px; }

    .stepWhyFileSharingBox:nth-child(even) h3 { padding: 15px 30px 15px 68px; }
    .stepWhyFileSharingBox:first-child h3 { padding: 15px 30px 15px 68px !important; }

    .progress-circle { -moz-transform: scale(0.6); -webkit-transform: scale(0.6); -o-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }

    .progressBarRightLabel { font-size: 16px; }
    .progressBarLeftLabel { font-size: 16px; }

    .stepOneMain h4 { font-size: 20px; }

    .stepWorkersThreeBox { padding: 30px 15px 30px 15px; border-radius: 30px 30px 0px 30px; }
    .stepWorkersThreeBox h3 { font-size: 18px; margin-bottom: 20px; padding: 20px 0px 20px; }
    .stepWorkersThreeBox p { font-size: 16px; padding-bottom: 15px; }
    .stepWorkersThreeBox p:last-child { padding-bottom: 0px; }

    .stepWorkersThreeBoxMain .font-25 { font-size: 18px !important; }

    .fileboxPackMain { padding: 60px 0px 70px; }
    .fileboxPackBanner { padding: 60px 0px 0px 0px; }

    .stepOneDepartment { padding: 120px 40px 70px; }
    .stepOneGetAccess { padding: 50px 40px 70px; }

    .specificationsBox { padding: 0px 15px; }
    .specificationsMain { padding: 40px 0px 20px; }
    /*--- Filebox Page End ---*/

    .dockerTwoBoxmain h4 { font-size: 20px; padding-bottom: 15px; }`

    .supportBanner { padding: 40px 0px 0px; }
    .supportBanner h1 { font-size: 26px; }
    .supportBanner p { font-size: 18px; }

    .dotLine:after { position: static; border: none; }
    .row.dotLine [class*='col-']:not(:first-child):after { border: 0px; width: unset; content: ""; position: static; }

    .megaMenuImageBox h4 { color: #ffffff; }
    .megaMenuImageBox p { color: #fff; }

    .spamFilteringSteps { padding: 60px 10px 30px; }
    .spamFilteringSteps h4 { font-size: 18px; padding-bottom: 10px; }
    .how-spam-filtering-works-data-center { padding: 40px; border-radius: 30px; }
    .whyEmailSecurity .col { flex: 0 0 33.333333%; max-width: 33.333333%; }
    .spamFilteringStepsMain { margin: 90px 0px 30px; }

    .seprateLargeTextOrLine { font-size: 26px; }
    .supportedSystemPartAll { padding: 45px 0px 10px; }

    .commonIconText18Box { padding: 20px 0px; }

    .zimbraFourPointBox { padding: 40px; }

    .disasterRecoveryPage-contact .largeText { font-size: 22px; }
    .zimbraEmailData h3 { font-size: 32px; padding-bottom: 15px; }
    .zimbraEmailData p { font-size: 18px; padding-bottom: 40px; }

    .pricingTableHeader { text-align: center; }
    .pricingTableHeader .font-20 { padding-bottom: 18px; }
    .pricingTableHeader .hedDataBox { font-size: 16px; }
    .pricingTableData { font-size: 14px; }

    .videoInnerDarkSeprate { padding: 30px 0px; }

    .innerLeftFix-rightFull-container { right: unset; left: unset; padding-right: unset; padding-left: unset; margin-right: unset; margin-left: unset; width: 100%; max-width: 100% !important; padding-bottom: 0px; }

    .pricingTableMain { padding: 40px 0px 20px; }

    .tableDivTwoDataTitle { font-size: 16px; padding: 12px; }

    .tableDivTwoHeader .hedDataBox { font-size: 16px; padding: 12px; }

    .checkedListTwo ul li { font-size: 16px; padding: 2px 0px 0px 32px; }
    .checkedListTwo ul li:before { font-size: 20px; }

    .pt-05 { padding-top: 1.8rem; }
    
    .getBigestYelloPart p { font-size: 28px; }

    .blackIconText18Box h4 { font-size: 18px; padding-bottom: 16px; }
    .blackIconText18Box p { font-size: 16px; }
    
    .blackIconText22Box h4 { font-size: 18px; padding-bottom: 8px; }
    .blackIconText22Box p { font-size: 16px; }
    
    .wordpressToolkitBox h4 { font-size: 20px; }
    
    .wp-pricingPackageBox ul li { font-size: 16px; }
    .wp-pricingPackageBox { padding: 0px 15px 80px 15px; }
    .wp-pricingPackageFooter { bottom: 30px; }
    
    .plesk-wp-powerdby-cloudm { padding-bottom: 35px; }
    
    .wordpressToolkitBox h4 { font-size: 18px; }
    
    .howSpamFilteringWorks-pointsTitle h4 { font-size: 20px; line-height: 34px; }
    

    /*---- Website Security Page ----*/
    .protectedVulnerabilities { padding: 40px 0px; }
    .protectedVulnerabilitiesDataBox { background-size: 24px; padding-left: 32px; margin: 20px; font-size: 16px; }
    
    .stepOneTwoThree { width: 100%; margin-top: 20px; }
    .stepOneTwoThreeBox { font-size: 18px; padding-top: 18px; }
    
    .myTableThree table th, .myTableThree table td { padding: 15px 10px; }
    
    .pricingTableMobile .priceTd { width: 40px; }
    
    .faqAboutWaf h2 { font-size: 40px; }
    .faqAboutWaf h2.font55 { font-size: 35px; }
    .faqAboutWaf .card-header a { font-size: 22px; }
    .faqAboutWaf .card-body { padding: 20px 0px 40px; }
    .faqAboutWaf .card-body p { font-size: 18px; }
    
    .waffle-server { padding: 20px 0px; }
    
    .traditionalVsCloudmatikaTag { padding: 15px; }
    .traditionalVsCloudmatikaTag h5 { font-size: 15px; }
    
    .wafApplianceProsConsPros, .wafApplianceProsConsCons { min-height: 330px; }
    .wafApplianceProsConsTit h3 { font-size: 16px; }
    
    .termsAndConditionsTitle h1 { font-size: 34px; }
    .customeTabThree .nav-pills .nav-link { font-size: 18px; }
    .termsAndConditions h3.font-25 { font-size: 20px !important; }
    .termsAndConditions h2.font-28 { font-size: 26px !important; }
    
    /*----17-03-2020----*/
    .coronaSlider h1 { font-size: 35px !important; padding-bottom: 10px !important; }
    .coronaSlider h1 .light { right: -14px; }
    .coronaSlider h4 { font-size: 22px !important; }
    .coronaSlider p { font-size: 18px !important; }
    .coronaSlider .btn { margin-top: 0px !important; }
    /*----17-03-2020 End----*/

    /*---- Cloud Backup Page ----*/
    /*.cloudbackupPricelistNew.bestSeller-active .bestSellerLabe{ left: -46px; top: 42px; width: 115px; }*/
    .cloudbackupPricelistNew.bestSeller-active .bestSellerLabe{ left: -54px; top: 31px; width: 130px; }
    .cloudbackupPricelistCol2 .price{ padding-bottom: 6px; }

    
    /*---- Virtual Data Center New ----*/
    .specifictionPartBoxLeft{ padding: 20px; font-size: 16px; }
    .specifictionPartBoxRight p { font-size: 16px; }
    .specifictionPartBoxRight { padding: 8px 20px 8px 0px; }

    .period-selector{ margin-top: 20px; }

    .virtualMachinePartTitle h3 { font-size: 30px; margin-bottom: 20px; }
    .virtualMachinePartTitle h3 small { font-size: 22px; }

    .virtualMachineBox h3 { font-size: 24px; margin-bottom: 12px; }

    .checkedListThree ul li { font-size: 18px; }
    .checkedListThree ul li:before { top: 6px; font-size: 16px; margin-left: -22px; }


    /*Calc 991*/
    .kalkulatorFormBox .form-control{ margin-left: 0px; }   
    .newCalculateDataTableBox { padding: 20px 10px; } 
    .newCalculateDataTableBox h3 { font-size: 16px; }
    .newCalculateDataTableBoxPrice span { font-size: 25px; line-height: 25px; }
    .newCalculateDataTableBoxPrice sup { top: -8px; }
    #qsSlider #doller { font-size: 42px !important; }
    .sup-sub-data sup { top: -20px; }
    .pricetextData .font-20{ font-size: 18px !important; }


    /*---- Shared Hosting Page 991 ----*/
    .sharedHostingPriceHeader h3 { font-size: 18px; padding-bottom: 4px; }
    .sharedHostingPriceHeader .webHostingPrice { font-size: 35px; }
    .sharedHostingPriceHeader .webHostingPrice sup { font-size: 14px; }
    .sharedHostingPriceHeader .webHostingPrice sub { font-size: 14px; }
    .sharedHostingPriceData ul{ margin: 15px 0px; }
    .myTableFour table th, .myTableFour table td { padding: 15px 20px; }

    
    /*---- Cloud VPS Option Table 991 ----*/
    .optionData.firstCol{ padding: 15px !important; }


    /*---- Cloud Backup Page 991 ----*/
    .cloudbackupPricelistNew.topHed .cloudbackupPricelistCol1 h3 { font-size: 16px !important; }
    .cloudbackupPricelistNew.topHed .cloudbackupPricelistCol2 .price { font-size: 16px !important; }


    /*-------------- Zimbra 2020 (email-and-collaboration) Start --------------*/
    .zimbra2020-slider1 .commonSliderContain h1, .zimbra2020-slider2 .commonSliderContain h1{ font-size: 30px !important; }
    .zimbra2020-slider1 .normal-image img { height: 46px !important; }

    .zimbra2020-slider2 .money-bank { width: 70px !important; }

    .btn1, .btn01, .btn2, .btn02, .btn3, .btn4, .btn5, .btn05, .btn6, .btn-orange, .btn-red{ padding: 10px 20px; min-width: 160px; font-size: 15px; }
    .commonSliderContain h1 small { font-size: 18px !important; padding-top: 12px !important; }

    .zimbraPlanBox{ padding: 40px; }
    .zimbraPlanBox h3 { font-size: 22px; }
    .zimbraPlanBox img { margin: 30px 0px; }

    .zimbra2020:before { min-height: 150px; }

    .row30 { margin-left: -15px; margin-right: -15px; }
    .row30 > [class*="col-"] { padding-left: 15px; padding-right: 15px; }


    .pricingTableMain { padding: 40px 0px; }
    .pricingTableMain .secondTitle h2 { padding-bottom: 40px !important; }

    .commonSpaceThree { padding: 50px 0px; }
    .commonSpaceThree .secondTitle h2 { padding-bottom: 50px !important; }

    .faqAboutWaf h2.font-45 { font-size: 32px !important; }

    /*---- zimbra2020-slider3 ----*/
    .zimbra2020-slider3 .commonSliderContain h1 { font-size: 22px !important; padding-top: 30px; min-height: 130px; }
    .zimbraRotateTextPart { margin: 50px 0px 0px 0px; }
    .zimbraRotateTextPart h4 small { font-size: 18px !important; }
    .zimbraRotateTextPart h4 { font-size: 32px !important; }
    .zimbraRotateTextPart .normal-image { padding: 40px 0px 0px 20px !important; }
    .zimbraRotateTextPart .normal-image .btn-orange{ padding-left: 10px !important; padding-right: 10px !important; display: flex; align-items: center; justify-content: center; }
    /*---- zimbra2020-slider3 End ----*/

    /*-------------- Zimbra 2020 End --------------*/

    /*-------------- Data Center Start --------------*/
    .commonSpaceFour{ padding: 40px 0px; }
    .commonSpaceFour .secondTitle { padding-bottom: 40px !important; }

    .btn-skyBlue { font-size: 18px; padding: 14px 20px; min-width: 250px; }

    .roundIconComnBoxThree .font-20 { font-size: 18px !important; }
    .roundIconComnBoxThree p{ line-height: normal !important; font-size: 16px; padding: 10px 0px 0px; }

    #dataCenterCarousel .owl-dots .owl-dot span { width: 16px; height: 16px; }
    #dataCenterCarousel .owl-nav .owl-prev, #dataCenterCarousel .owl-nav .owl-next { margin: 0px 30px; font-size: 70px; }

    .dataCenter-SliderMain { padding: 0px 0px 45px 0px; }

    .dataCenter-table-head { font-size: 18px; }
    .dataCenter-table-data { font-size: 16px; }

    .lineTitle { padding: 40px 0px; }

    .produkCloudmatika .megaMenuImageBox h4, .produkCloudmatika .megaMenuImageBox p { color: #000000 !important; }

    .successNumberBox1{ padding: 25px 15px; }
    .successNumberBox1 h4 { font-size: 35px; }
    .successNumberBox1Image img { height: 70px; }
    /*-------------- Data Center End --------------*/

    /*-------------- Operation status Start --------------*/
    .operationStatusBox li{ font-size: 17px; }

    /*Details Page*/
    .operationStatusDetailsBox { padding: 60px; }
    /*-------------- Operation status End --------------*/
    

    /*------ Cloud Backup Plus Start ------*/
    .cyberProtectionFiveCol{  }
    .cyberProtectionFiveCol .col{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }

    .cyberProtectionSolution{ padding: 30px 5%; font-size: 22px; }

    .ShopPlatformsMain { margin-bottom: 40px; }

    .ShopPlatformsBoxMain{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
    
    .ShopPlatformsBoxCol1 { width: auto; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .ShopPlatformsBoxCol2{ width: auto; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .ShopPlatformsBoxCol3{ width: auto; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

    .ShopPlatformsBoxSpace{ margin: 0px 0px 25px; padding-right: 15px; padding-left: 15px; }

    .containWithDownArrowBox p { font-size: 16px; padding-bottom: 12px; }

    .cyberProteKeyFeatTabNav li{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; flex-basis: unset !important; width: 25%; margin-bottom: 15px; }
    .cyberProteTabDataBox { font-size: 16px; }

    .comonSmall-iconMedia .media-body h4 { font-size: 18px; padding-bottom: 15px; }
    .comonSmall-iconMedia .media-body p { font-size: 16px; }


    /*Chart*/
    .cyberProtChartMain { padding: 60px 0px; }
    .cyberProtChartHed{ font-size: 15px; padding: 10px; }
    .cyberProtPlanInfoBox{ padding: 25px; }
    .cyberProtPlanInfoBox h4 { font-size: 26px; padding-bottom: 12px; }
    .cyberProtPlanInfoBox p { font-size: 16px; }

    .detailCyberProtectionList{ margin-top: 50px; }

    /*------ Cloud Backup Plus End ------*/


    /*---- Home Page New Zoom Slider ----*/    
    .zoomSliderMain{ max-width: 530px; }
    .zoomSliderMain h3 { font-size: 26px !important; }
    .zoomSliderMain h4 { font-size: 20px !important; line-height: 1.3 !important; }
    .zoomSliderMain .media { margin-top: 10px; padding: 15px 0px; }
    .zoomSliderMain .media .media-body { font-size: 20px !important; }
    .zoomSliderMain .media img { width: 44px !important; }
    .zoomSliderMain .btn{ font-size: 18px; }
    .zoomSliderMainbSpace { margin-bottom: 30px; }
    /*---- Home Page New Zoom Slider End ----*/

    /*---- New Zimbra Slider ----*/
    .newZimbraSlider:before { position: unset; content: none; transform: none; background-color: transparent; }
    .male-superheroes img { max-height: 100px; }
    .female-superheroes img { max-height: 180px; }
    .newZimbraSliderDiscount { transform: none; background-color: #f15c23; padding: 10px 10px 10px 120px; text-align: left; }

    .newZimbraSliderDiscount p { line-height: normal; }
    .newZimbraSliderDiscount p span { font-size: 50px; line-height: 50px; }

    .newZimbraSliderFooter div{ display: none; }

    /*---- New Zimbra Slider End ----*/


    /*---- 404 Page ----*/
    .pageNotFound h1 { font-size: 55px; margin-top: 0px; }
    .pageNotFound p { font-size: 25px; }
    .pageNotFound .btn { margin-top: 0px; font-size: 18px; }


    /*---- Foundation Page ----*/
    .foundationBanner h1{ font-size: 50px !important; }
    .foundationBanner h2{ font-size: 40px !important; }


    /*---- Filebox Plane New Design ----*/
    .most-popular-gradient{ margin-left: 18px; }
    .fileBoxBtn { margin: 5px 2px; }
    /*---- Filebox Plane New Design End ----*/


    /*------ Thanks Page Start ------*/
    .thanksYes img { max-width: 100px; }
    .thanks h2 { font-size: 70px; }
    .thanks h3 { font-size: 36px; }
    /*------ Thanks Page End ------*/


    /*------ FileBox FSS ------*/
    .fss-free-trial{ top: 30px; align-items: flex-start; width: 120px; }
    .fss-free-trial img { width: 130px; }

    .titleLgTwo h3 { font-size: 34px; }
    .titleLgTwo p { font-size: 24px; }

    .fbakoNewSection4Box{ margin: 25px 0px; border-radius: 30px; padding: 25px 30px; }

    .fbakoNewTableMain { padding: 20px 0px 170px 0px; }

    .comnListSection.comnListTwo .media h5 .label{ font-size: 18px; margin-right: 15px; border-radius: 8px; }
    .comnListSection.comnListTwo .media h5 .label:after { bottom: -4px; font-size: 34px; }

    .cloudmatika-filebox-section { padding-top: 80px !important; }

    .comnListSection.comnListTwo .media-body p{ font-size: 18px !important; }

    .fbakoNewSection4BoxBody{ margin-top: 30px; }
    .fbakoNewSection4BoxBodyLabel{ font-size: 18px; margin-top: 10px; margin-bottom: 15px; }

    .filebox-fss-specification{ padding: 30px 15px; border-radius: 20px; }

    .filebox-fss-free-trial-box{ margin-bottom: 80px; }

    .fbakoNewFAQ .card .card-header .btn-header-link{ padding: 20px 50px; font-size: 20px; }
    .fbakoNewFAQ .card .card-body { padding: 20px 50px; }
    .fbakoNewFAQ .number { font-size: 24px; }
    .fbakoNewFAQ ul li { font-size: 18px; }
    .fbakoNewFAQ .card .card-header .btn-header-link:after{ font-size: 26px !important; }

    .comnListSection.comnListTwo .comnListTwoImage { width: 150px; }
    .comnListSection.comnListTwo .media-body { margin-left: 35px; }

    .fbakoNewTableData { padding: 10px; }
    .fbakoNewTableBox { font-size: 16px; }

    .filebox-fss-free-trial-box{ margin-top: 30px; }
    .filebox-fss-free-trial .orangeBtn { margin-top: -25px !important; }

    /*------ FileBox FSS End ------*/


    /*---- FileBox New Offer 100vh Banner Start ----*/
    .fileBox-fullHeight-contain { padding: 80px 0px 50px 0px; }
    /*.fullHeight-banner .data-middle{ justify-content: center; }*/
    .fileboxSuperDealBanner{ background-image: none !important; background-color: #d6d2d3; }    
    /*---- FileBox New Offer 100vh Banner End ----*/


    /*100 VH Banner Css*/
    .fileBox-fullHeight-banner{ height: calc(100vh - 184px); }
    .fullHeight-banner { height: calc(100vh - 184px); }
    /*100 VH Banner Css End*/


    /*---- Help Slider ----*/
    .helpSlider{ text-align: left; }
    .helpSlider h4{ padding-top: 0px; }
    /*---- Help Slider End ----*/


    /*---- Mobile Payment Banner Start ----*/
    .mobilePaymentBanner .btn { margin: 15px 0px 20px 0px; font-size: 18px; }
    /*---- Mobile Payment Banner End ----*/


    /*---- About Cloudmatika Start ----*/
    .aboutCM-menu .nav-item .nav-link { font-size: 18px; padding-left: 18px !important; padding-right: 18px !important; }

    .space-120 { padding: 60px 0px; }



    .title40 { font-size: 30px; padding-bottom: 20px; }
    .title55 { font-size: 35px; padding-bottom: 20px; }

    .aboutCM-round-title{ margin-bottom: 25px; }    

    .aboutCM-vissionBox, .aboutCM-missionBox { padding: 40px 30px; }

    .aboutCM-brandLogo{ padding: 10px; margin: 10px; }
    .aboutCM-brandLogo img { max-width: 180px; }

    .aboutCM-customersLogo { padding: 5px; margin: 5px 10px; }
    .aboutCM-customersLogo img { max-width: 140px; }

    .aboutCM-managementBoxImage { width: 210px; height: 210px; box-shadow: 6px 6px 0px #00496d; margin: 0px auto 35px; }


    .aboutCM-ourValue-chart:before { width: 129px; }
    .aboutCM-ourValue-chart:after { height: 26px; }

    .aboutCM-management:before { width: 130px; }
    .aboutCM-management:after { height: 90px; }

    /*---- About Cloudmatika End ----*/

    
    /*-- High Technology Slider Start --*/
    /*.highTechnologySliderLogo{ padding-top: 10px; }
    .highTechnologySlider h3 { font-size: 26px; padding: 10px 0px 10px; }
    .highTechnologySliderLeft h4 { font-size: 15px; }
    .highTechnologySliderLeftLabel{ font-size: 13px; margin: 8px 0px; padding: 4px 10px; }
    .highTechnologySliderLeft .btn2{ font-size: 16px !important; }*/
    /*-- High Technology Slider End --*/


    /*---- Filebox Plane New Design ----*/
    
    .fileBoxPlanDesignTitle{ height: 100px; }
    .fileBoxPlanDesignBox h3 { font-size: 28px; }
    .fileBoxPlanDesignBox h3 small { font-size: 20px; }

    .filebox-pc { font-size: 18px; }

    .fileBoxPlanList{ padding: 30px 10px 0px; }
    .fileBoxPlanList li { font-size: 18px; padding: 0px 0px 20px 36px; background-size: 22px; }

    .filebox-price-label{ font-size: 18px; }
    /*---- Filebox Plane New Design End ----*/


    /*---- Filebox 77 Off Start ----*/
    /*.filebox-77offBanner .container{ max-width: 668px; }
    .filebox-77offData{ margin-left: 120px; max-width: 276px; }
    .filebox77offBanner { max-width: 310px; }
    .filebox-77offData h1 { font-size: 30px; }
    .filebox-77offData h1 small { font-size: 14px; letter-spacing: 0.7px; }*/
    /*---- Filebox 77 Off End ----*/

    /*---- Webinar Security and Risk Start ----*/
    /*.webinar-securityandrisk-main { max-width: 540px; padding: 20px; }
    .webinar-securityandrisk-main .font-20 { font-size: 16px !important; }
    .webinar-securityandrisk-main .barcode-webinar { max-width: 90px; }
    .webinar-securityandrisk-time { display: inline-block; border-left: solid 1px #14234c; padding-left: 8px; margin-left: 5px; }
    .webinar-securityandrisk-title small{ padding-top: 5px; }*/
    /*---- Webinar Security and Risk End ----*/


    /*-- Form Three Note --*/
    .formThreeNote{ display: table; }
    .formThreeNote-leftBtn{ flex-basis: unset; }
    .formThreeNote-right{ flex-grow: unset; padding-left: 0px; }
    /*-- Form Three Note End --*/
    

    /*------ Landing Style ------*/
    .landing-product h1 { font-size: 106px; }
    .landing-product h1 small { font-size: 26px; /*letter-spacing: 4px;*/ }

    .landg-header-main br{ display: none; }

    .sliderWebMobile.landing-product h1{ font-size: 106px !important; }
    .sliderWebMobile.landing-product h1 small{ font-size: 26px !important; letter-spacing: 2px !important; }
    .sliderWebMobile.landing-product br{ display: none; }

    .sliderWebMobile.cyberProtection .font-35{ font-size: 24px !important; }
    .sliderWebMobile.cyberProtection h1{ font-size: 40px !important; }
    .sliderWebMobile.cyberProtection .btn{ font-size: 18px !important; }
    .sliderWebMobile.cyberProtection br{ display: none; }

    /*------ Landing Style End ------*/


    /*Webinar Banner*/
    .webinar-persons{ padding-bottom: 0px; margin-bottom: 5px; border-bottom: solid 2px #f04e23; }
    .webinar-persons .persons{ max-width: 80px; }
    .freeWebinarBtn { padding: 6px 15px; font-size: 16px; width: 160px; }
    .styleBtn{ border: solid 3px #ff5027; padding: 10px 10px; }
    .webinar-joinandearn-logo { margin-bottom: 5px; }
    .webinar-joinandearn-logo img { max-height: 22px; margin-right: 10px; }
    .webinar-joinandearn-col{ padding-top: 40px; }
    .webinar-joinandearn-col p { padding-bottom: 10px; }
    .webinar-joinandearn-col.first { padding-top: 40px !important; }
    .webinar-joinandearn-col .font-13, .webinar-joinandearn-col .font-12 { font-size: 9px !important; }
    .webinar-joinandearn-col .font-16 { font-size: 10px !important; }
    .webinar-joinandearn-col .font-22 { font-size: 12px !important; }
    .webinar-joinandearn-col .font-28 { font-size: 14px !important; }
    .webinar-joinandearn-col .font-26 { font-size: 14px; }
    .webinar-joinandearn-col .font-56 { font-size: 18px !important; }
    /*Webinar Banner End*/

    
    /*Zimbra Webinar Landing*/
    .zimbra-webinar .landg-logo-acronis{ max-width: 200px; }    
    /*Zimbra Webinar Landing End*/

    /*Mail Buster Slider*/
    .mailBuster h1 { font-size: 36px !important; }
    .mailBuster h1 small{ font-size: 24px !important; }
    /*Mail Buster Slider End*/


}/*991 End*/

@media only screen and (max-width : 800px) {
    .optionDataMainPart{ width: 100%; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .optionDataScroll{ min-width: 800px; }
}

@media only screen and (max-width : 767px) {
    
    body { font-size: 14px; }

    .font-20 { font-size: 18px !important; }
    .font-30 { font-size: 22px !important; }
    .font-32 { font-size: 24px !important; }
    .font-35 { font-size: 26px !important; }
    .font-38 { font-size: 28px !important; }
    .font-45, .font-46 { font-size: 32px !important; }


    /*new*/
    .font-42 { font-size: 30px !important; }
    .font-50 { font-size: 34px !important; }
    .font-56 { font-size: 38px !important; }
    .font-64 { font-size: 40px !important; }
    .font-70 { font-size: 50px !important; }
    .font-90 { font-size: 60px !important; }

    .secondTitle h2 { font-size: 24px; }
    .secondTitle h2 br{ display: none; }

    .mediaDark .media { display: table; width: 100%; }

    .btn1, .btn01, .btn2, .btn02, .btn3, .btn4, .btn5, .btn05, .btn6 { padding: 8px 20px; min-width: 160px; font-size: 14px; }

    .mainSlider .carousel-item img, .newZimbraSliderImage { min-height: 300px; }
    .mainSlider .carousel-control-prev-icon, .mainSlider .carousel-control-next-icon { width: 30px; height: 30px; }

    .mainSlider .sliderTextBox h1 { font-size: 35px; padding-bottom: 0px; }

    .newsSeprateTextBox1 { padding: 13px 12px; }

    .comnListSection .media { display: table; width: 86%; margin-right: auto; margin-left: auto; }
    .comnListSection .media-body { margin-left: 0px; text-align: center; padding: 20px 0px 0px; }
    .comnListSectionImage { margin-right: auto; margin-left: auto; }

    .newsSeprateBoxImage img { height: 170px; }
    
    .myBreadcrumb { padding: 0px 0px 12px; }
    
    .innerMainTitle h1, .commonSliderContain h1 { font-size: 32px !important; }
    .innerMainTitle h1 small, .commonSliderContain h1 small { font-size: 16px !important; padding-top: 6px !important; }

    .mediaDark .media-body h2 { font-size: 24px; }
    .mediaDark .media-body p.font-22 { font-size: 16px !important; }
    
    .smallIconAndTextPart { padding: 15px 0px; }
    .smallIconAndTextPart .vdivide [class*='col-']:not(:first-child):after { background: transparent; width: unset; content: unset; display: unset; position: unset; }
    
    .smallIconAndTextWrapper { border-top: 0px; }
    .smallIconAndTextWrapper:first-child { margin-bottom: -2px; }
    .smallIconAndTextWrapper .row { border: solid 1px #e9edf0; }
    
    .smallIconAndText { border: solid 1px #e9edf0; }
    
    .remoteLgPart h3 { font-size: 22px; padding: 10px 0px; }
    .remoteLgPartRight p br { display: none; }
    
    .blogDetailPage .font-45 { font-size: 28px !important; }
    .blogDetailPage .font-20 { font-size: 16px !important; }
    
    .kalkulatorBox h4 { font-size: 20px; padding-bottom: 10px; }
    .kalkulatorCloudPart .font-22 { font-size: 20px !important; }
    /*.kalkulatorProgressPart{ padding: 20px; border-radius: 8px 8px 0px 0px; }*/
    .kalkulatorFormBox { border-radius: 0px 0px 8px 8px; padding: 20px; }

    .ourContactsMain { padding: 15px 0px; }
    .ourContactsBox { margin: 0px !important; max-width: 100%; }
    
    .alertBlue { width: 100%; }
    .contactRightPart { padding: 40px 0px 0px 0px; }
    
    .profileDownloadLogoBox { padding: 10px 0px; }
    .profileDownloadLogoBoxImage { height: 100%; }
    .profileDownloadList { padding: 30px 0px; }
    .profileDownloadList h1 { padding-bottom: 8px !important; }
    .profileDownloadProdukBox { margin-bottom: 15px; margin-top: 10px; }
    
    .successNumberBoxMain { padding: 15px 0px; }
    .successNumberBox h4 { font-size: 45px; }
    .successNumberBox h5 { font-size: 22px; }
    
    .roundColorProgressBarMain .col05 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .roundIconComnBoxOneMain .col05 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    
    /*--- Filebox Page ---*/
    .specificationsBox { padding: 0px; }
    .specificationsBox li { padding-top: 10px; padding-bottom: 10px; }
    .specificationsBox li .label { padding-bottom: 3px; }
    .specificationsBox li .data { text-align: left; }
    
    .iconTitleContainBox { padding: 25px 0px; }
    .iconTitleContainBoxImage { margin-bottom: 15px; }
    .iconTitleContainBox h4 { font-size: 20px; }
    .iconTitleContainBoxOne p { font-size: 18px; }
    
    .fileboxPackBox { margin: 10px 0px; }
    .fileboxPackBanner { padding: 50px 0px 0px 0px; }
    
    .stepOneDepartment { margin-top: 0px; padding: 40px; }
    .stepOneDepartment:before, .stepOneGetAccess:before { -moz-transform: skewY(0deg); -webkit-transform: skewY(0deg); -o-transform: skewY(0deg); -ms-transform: skewY(0deg); transform: skewY(0deg); border-radius: 20px; }
    
    .stepWhyFileSharingBox { padding: 15px 15px 30px 0px; }
    
    .stepWhyFileSharingBoxFooter { padding: 30px 0px 0px 0px; }
    
    .stepWhyFileSharingTwoBoxSeparator { min-height: 46px; }

    .stepOneGetAccess { margin-top: 20px; }
    .stepOneGetAccess h4.textright { text-align: center; }
    .stepOneGetAccess h4 br { display: none; }

    .stepOneMain h4 { padding-bottom: 20px; text-align: center; }
    
    .progressBarLeftBox, .progressBarRightBox { padding: 15px 0px 20px; }
    
    .stepWhyFileSharing { padding: 0px 0px 30px; }
    
    .largeSepTitle { padding-bottom: 0px; }
    .largeSepTitle span { display: none; }
    .largeSepTitle h2:before, .largeSepTitle h2:after { position: static; content: unset; }
    .largeSepTitle h2 { font-size: 28px; padding-bottom: 30px; }
    .largeSepTitle h2 br { display: none; }
    
    .stepWhyFileSharingBox h3 { max-width: 100%; position: unset !important; padding: 15px; border-radius: 20px; margin-bottom: 15px; }
    
    .progressCircleMain { padding: 0px 0px 30px 0px; }
    .progress-circle { -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
    
    .progressOneData:last-child { padding-bottom: 0px; }
    .stepWhyFileSharingBox:last-child { padding: 15px 0px 0px 0px !important; }
    
    /*---- Number ----*/
    .stepWhyFileSharingBox h3 span { margin-right: 15px; }
    
    .stepWhyFileSharingBox:first-child h3 { padding: 15px !important; left: 0px !important; }
    .stepWhyFileSharingBox:first-child h3 span { left: 0px !important; top: 0px !important; right: auto !important; }
    
    .stepWhyFileSharingBox h3:nth-child(odd) { padding: 15px; left: auto; right: 20px; }
    .stepWhyFileSharingBox h3 span:nth-child(odd) { left: 0px !important; top: 0px !important; right: auto !important; position: unset; }
    
    .stepWhyFileSharingBox:nth-child(even) h3 { left: 0px; right: auto; padding: 15px; }
    .stepWhyFileSharingBox:nth-child(even) h3 span { left: 0px !important; top: 0px !important; right: auto !important; position: unset; }
    
    .stepUseFileSharing { padding: 20px 0px 0px; }
    
    .stepCaseStudy { margin: 20px 0px; }
    .stepCaseStudymain .col09 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    
    .stepCaseStudyFooter .media { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    
    .stepWorkersThreeBox { border-radius: 20px 20px 0px 20px; padding: 25px 15px; }
    /*--- Filebox Page End ---*/

    .listBullet { text-align: left; }
    
    .iconText-main a { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; }
    
    .dockerTwoBox { padding: 20px; }
    .dockerTwoBoxmain h4 { font-size: 18px; padding-bottom: 12px; }
    
    .whiteDotedBox { padding: 25px 20px; }
    .whiteDotedBox:before { left: 5px; right: 5px; top: 5px; bottom: 5px; }
    .whiteDotedBoxImage { margin-bottom: 22px; }
    .whiteDotedBox h4 { font-size: 18px; padding-bottom: 18px; }
    .whiteDotedBox ul li { font-size: 16px; }
    
    .arrowListingBox h4 { font-size: 16px; padding-bottom: 8px; }
    .arrowListingBox { padding: 0px; }

    .spamExpertsFeatures h4 { font-size: 17px !important; }
    .spamFilteringStepsMain:before, .spamFilteringStepsMain:after, .spamFilteringSteps:before { content: none; position: unset; }
    
    .spamFilteringSteps { margin: 0px 0px 40px; padding: 50px 10px 20px; }
    
    .howSpamFilteringWorksPointsBox { text-align: center !important; }
    .howSpamFilteringWorksPointsIcon { margin-left: auto !important; margin-right: auto !important; margin-bottom: 15px; }
    .howSpamFilteringWorksPointsBox h4 { font-size: 18px; padding-bottom: 8px; }
    
    .commonSpaceOne { padding: 40px 0px; }
    
    .comnListSection.smallOne { }
    .comnListSection.smallOne .media { width: 100%; }
    .comnListSection.smallOne .media-body { margin-left: 0px !important; }
    
    .disasterRecoveryPage-contact { text-align: left; }
    .disasterRecoveryPage-contact .textright { text-align: left; }
    
    .seprateLargeTextOrLine { padding-top: 40px; font-size: 22px; } 
    
    .whyCloudmatikaBox h3 { font-size: 18px; }
    
    .formThree .form-group { margin-bottom: 20px; }
    .formThree .frmThreeLabel { font-size: 14px; margin-bottom: 4px; }
    
    .zimbraFourPointBox { padding: 30px; }
    .zimbraFourPointBox h4 { font-size: 18px; padding-bottom: 10px; }
    .zimbraEmailChart { width: 80%; }
    .zimbraEmailData h3 { font-size: 28px; padding-bottom: 10px; }
    
    .pricingTableLabel { padding-bottom: 15px; text-align: left; }
    .pricingTableDataList .textcenter { text-align: left; }
    
    .videoInnerDarkSeprate { padding: 25px 0px; }
    
    .pricingTableMain { padding: 30px 0px 10px; }
    
    .whyCloudmatikaBoxImage { }
    .whyCloudmatikaBoxImage img { width: 100%; }
    
    .tableDivTwoHeader .hedDataBox { font-size: 14px; }
    .tableDivTwoContAll { padding: 0px 10px; }
    
    .blackIconText18Main { padding: 35px 0px; }
    .blackIconText18Box { padding: 20px 0px; }
    .blackIconText18BoxIcon { margin-bottom: 15px; }
    .blackIconText18Box h4 { padding-bottom: 10px; font-size: 18px; }
    
    .comnListSection .media h5 { font-size: 20px; }
    .comnListSection .media-body .font-18 { font-size: 16px !important; }
    .comnListSection.smallOne .media-body .font-18 { font-size: 16px !important; }
    
    .howWeWorksBox { padding: 62px 15px 30px 15px; }
    .howWeWorksBox h4 { font-size: 18px; padding: 0px 0px 18px; }
    .howWeWorksBox p { font-size: 16px; }
    
    .innerNavOne .nav-item .nav-link { padding-left: 20px; padding-right: 20px; font-size: 16px; }
    
    .getBigestYelloPart { padding: 40px 0px; }    
    .getBigestYelloPart p { font-size: 22px; padding-bottom: 25px; }

    .myTableTwo table th, .myTableTwo table td { padding: 15px; }

    .myTableTwo table { font-size: 16px; }
    .myTableTwo thead .font-25 { font-size: 18px !important; }
    
    .wp-pricingPackageBox h5 { font-size: 13px; }
    .wp-pricingPackageBox h4 { font-size: 18px; padding-bottom: 20px; margin-bottom: 5px; }
    .wp-pricingPackageBox ul li { padding: 0px 0px 12px; margin: 0px 0px 12px; }
    
    .wp-pricingPackageFooter .btn { min-width: auto; }
    .wp-pricingPackageBox ul li { font-size: 16px; }
    
    .plesk-wp-powerdby-cloudm { display: table; }
    .plesk-wp-powerdby-cloudm span { padding: 0px 0px 25px; }
    .plesk-wp-powerdby-cloudm span:last-child { padding: 0px; }
    
    .commonSpace { padding: 40px 0px; }
    
    .plesk-wp-powerdby-cloudm { padding-bottom: 25px; }
    #deployWordpressStepCarousel .owl-dots { padding-top: 30px; }
    .deployWordpressStepImage { margin-top: 25px; }
    
    #deployWordpressStepCarousel .owl-dots .owl-dot.active { box-shadow: 0px 0px 0px 2px #fff; }
    
    .blackIconText22Box { text-align: center; padding: 20px 0px; }
    .blackIconText22BoxIcon { justify-content: center; }
    
    /*---- Website Security Page ----*/
    .myTableThree table { font-size: 14px; }
    .pricingTableMobile .priceTd { width: 30px; }
    .myTableThree table thead tr th.font-25 { font-size: 17px !important; }
    
    .oneMonthFreeTrial .textright { text-align: center; }
    
    .common-seprateTitleButton h3 { font-size: 25px; padding-bottom: 8px; }
    
    .oneMonthFreeTrial .media .media-body h5 { font-size: 22px; }
    .oneMonthFreeTrial .media .media-body p { font-size: 16px; }
    
    .getStartedFiveMinutes { background-position: center center; text-align: center; min-height: 280px; margin-bottom: 30px; }
    .getStartedFiveMinutes h3 { font-size: 24px; padding-bottom: 10px; }
    .stepOneTwoThreeMain { padding-top: 20px; }
    
    .stepOneTwoThreeBox { font-size: 15px; }
    
    .faqAboutWaf h2 { font-size: 28px; }
    .faqAboutWaf h2.font55 { font-size: 25px; }
    .faqAboutWaf .card-header a { font-size: 18px; }
    .faqAboutWaf .card-body p { font-size: 15px; line-height: 26px; }
    
    .traditionalVsCloudmatikaBox { min-height: 100%; text-align: center; }
    .traditionalVsCloudmatikaTag { background-color: transparent; border: 0px; padding: 0px 0px 15px 0px; }
    
    .faqAboutWafTechnologyLeft { padding-bottom: 40px; }
    .faqAboutWafTechnology { padding: 40px 0px 0px; }
    
    .commnIconTextImg { height: 80px; margin-bottom: 12px; }
    .cloudBasedWaf ul li { padding: 15px; }
    
    .wafApplianceProsCons .row.lineBlack [class*="col-"]:not(:first-child)::after { position: static; content: none; }
    
    .wafApplianceProsCons { border-top: 0px; }
    .wafApplianceProsConsTit { border-top: solid 1px #052334; }
    .wafApplianceProsConsPros, .wafApplianceProsConsCons { min-height: auto; }
    
    .termsAndConditionsTitle h1 { font-size: 30px; }
    .customeTabThree .nav-pills { padding: 0px 0px 40px; }
    .customeTabThree .nav-pills .nav-link { font-size: 16px; padding: 12px 18px; }
    
    .termsAndConditions h2.font-28 { font-size: 24px !important; }
    .termsAndConditions h3.font-20 { font-size: 18px !important; }
    
    /*----17-03-2020----*/
    .coronaSliderMain .carousel-caption { left: 80px !important; }
    .coronaSlider h1 { margin: 0px; left: -40px; }
    /*----17-03-2020 End----*/

    /*---- Cloud Backup Page ----*/
    .cloudbackupPricelistNew{ padding: 30px 20px 20px 20px; text-align: center; }
    .cloudbackupPricelistCol2 .price{ text-align: center; padding-bottom: 0px; }
    .cloudbackupPricelistCol2 { padding-top: 18px; }
    .cloudbackupPricelistCol2 .btn{ margin-top: 10px; }

    .cloudbackupPricelistNew.bestSeller-active .bestSellerLabe{ left: 0px; top: 0px; width: auto; transform: unset; padding: 0px 12px; height: 30px; line-height: 30px; display: block; }
    

    /*---- Virtual Data Center New ----*/
    .specifictionPartBox{ margin-bottom: 3px; }
    .specifictionPartBoxLeft{ min-height: 100%; padding: 15px; }
    .specifictionPartBoxRight { padding: 15px; }

    /*Calc*/
    .priceProgressbarLeft{ padding: 30px; border-radius: 4px 4px 0px 0px; border-top: solid 5px #4382a5; border-left: 0px;  }
    .priceProgressbarRight:before { position: unset; content: none; }


    /*---- Cloud VPS Option Table 767 ----*/
    .optionDataHeader .optionData { font-size: 16px; }
    .optionData { padding: 14px 10px; }
    .optionData.firstCol { font-size: 16px !important; }

    /*---- Cloud Backup Page 767 ----*/
    .cloudbackupPricelistNew.topHed { display: none; }
    .cloudbackupPricelistCol2 label{ display: block; width: 100%; padding: 10px 0px 0px 0px; margin: 0px; }
    

    /*-------------- Zimbra 2020 (email-and-collaboration) Start --------------*/
    .featuresZimbraBox{ padding: 20px !important; text-align: center !important; }

    .zimbra2020:before { min-height: 100px; }

    .zimbraPlanBox{ border-radius: 40px; }
    .zimbraPlanBox .textleft{ text-align: center; }
    .zimbraPlanBox img { margin: 25px 0px; }

    .allDevice-zimbra { padding-bottom: 40px; }

    .commonSpaceNew { padding: 45px 0px; }
    .commonSpaceNew .secondTitle h2 { padding-bottom: 35px !important; }
    .commonSpaceNew .secondTitle p.font-24 { font-size: 18px !important; }

    .commonSpaceThree { padding: 40px 0px; }
    .commonSpaceThree .secondTitle h2 { padding-bottom: 40px !important; }

    .pricingTableMain { padding: 30px 0px; }
    .pricingTableMain .secondTitle h2 { padding-bottom: 30px !important; }


    .whyCloudmatikaAllPart { padding: 40px 0px; }    
    .whyCloudmatikaAllPart .secondTitle h2 { padding-bottom: 40px; }

    .row30 { margin-left: -15px; margin-right: -15px; }
    .row30 > [class*="col-"] { padding-left: 15px; padding-right: 15px; }
    
    .faqAboutWaf h2.font-45 { font-size: 26px !important; }
    /*-------------- Zimbra 2020 End --------------*/    

    /*-------------- Data Center Start --------------*/
    .commonSpaceFour { padding: 30px 0px; }
    .commonSpaceFour .secondTitle { padding-bottom: 30px !important; }

    .dataCenter-table-data{ padding: 10px 15px; }

    .certificateLogo { padding: 0px; }
    .certificateLogoImage{ text-align: center; }

    .certificateLogo .col05 { max-width: 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; }

    /*-------------- Data Center End --------------*/

    .commonSpaceFive .secondTitle h2 small { padding-top: 25px !important; font-size: 20px !important; }
    .commonSpaceFive .secondTitle h1 small { padding-top: 25px !important; font-size: 20px !important; }

    /*-------------- Operation status Start --------------*/
    .operationStatusMain{ padding: 40px 0px; }
    .operationStatusMain .commonSpaceFive .secondTitle h2{ padding-bottom: 0px !important; }
    .operationStatusBox h3 { font-size: 18px; padding: 0px 0px 20px 0px; }

    /*Details Page*/
    .operationStatusDetailsBox { padding: 50px; }
    .operationStatusDetailsBox p { font-size: 16px; }
    /*-------------- Operation status End --------------*/

    /*------ Zimbra Email Slider Start ------*/
    .zimbra2020-slider3 .commonSliderContain h1{ padding-top: 0px !important; font-size: 18px !important; min-height: unset; }
    .zimbra2020-slider3 .zimbraRotateTextPart{ display: none !important; }    
    /*------ Zimbra Email Slider End ------*/
    
    /*------ Cloud Backup Plus Start ------*/
    .containWithDownArrow{ text-align: center; padding: 40px 0px 20px 0px; }
    .containWithDownArrow .titleLg h3 { font-size: 30px; padding-bottom: 40px; }
    .containWithDownArrow .bluedownArrow { padding: 30px 0px 0px; }
    .containWithDownArrow .bluedownArrow img{ width: 80px; }
    .containWithDownArrowBox{ padding-top: 30px; }
    .cyberProtectionFiveCol li { font-size: 16px; margin-bottom: 25px; }
    .cyberProtectionFiveCol li .yesIcon { font-size: 22px; }
    .cyberProteKeyFeatTab .tab-content { padding-top: 20px; }
    .cyberProteKeyFeatTabNav li{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; flex-basis: unset !important; width: 33.333333%; margin-bottom: 15px; }
    .cyberProteTabDataBox{ padding: 15px 0px; }
    .cyberProteTabDataBox h3 { font-size: 25px; padding-bottom: 10px; }
    .comonSmall-iconMedia { margin-top: 25px; margin-bottom: 25px; }
    .cyberProtectionSolution { padding: 20px 5%; font-size: 18px; }

    /*Chart*/
    .cyberProtChartMain { padding: 20px 0px 60px; }
    .cyberProtChartHeadMain{ display: none; }
    .cyberProtChartLeft { padding: 15px 0px; }
    .cyberProtChartRight{ padding: 15px; }
    .cyberProtPlanInfoBox { padding: 20px; }
    .cyberProtPlanInfoBox h4 { font-size: 22px; padding-bottom: 8px; }
    .standardChart, .advancedChart, .disasterRecoveryChart{ text-align: left; font-size: 16px; }
    .standardChart span, .advancedChart span, .disasterRecoveryChart span { display: unset; margin-left: 5px; }

    .detailCyberProtectionList{ margin-top: 40px; }

    .cyberProteKeyFeatTabNav .nav-item{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-top: 15px; margin-bottom: 15px; }
    /*------ Cloud Backup Plus End ------*/

    /*---- Home Page New Zoom Slider ----*/    
    .zoomSliderMain{ max-width: 300px; }
    .zoomSliderMain h3 { font-size: 20px !important; }
    .zoomSliderMain h4 { font-size: 16px !important; line-height: 1.2 !important; }
    .zoomSliderMain .media{ display: none; }
    /*---- Home Page New Zoom Slider End ----*/

    /*---- New Zimbra Slider ----*/
    .newZimbraSlider .row{ align-items: center; }
    .newZimbraSlider h1 { padding: 10px 0px 0px 0px; text-align: center; font-size: 26px !important; }
    .newZimbraSlider h1 small{ padding-top: 5px !important; }
    .newZimbraSliderDiscount { padding: 5px; text-align: center; max-width: 160px; margin: 0px auto; }    
    .newZimbraSliderDiscount p { font-size: 18px; }
    .newZimbraSliderDiscount p span { font-size: 40px; line-height: 40px; }
    /*---- New Zimbra Slider End ----*/

    /*---- 404 Page ----*/
    .pageNotFound h1 { font-size: 45px; }
    .pageNotFound p { font-size: 20px; }

    /*---- Foundation Page ----*/
    .foundationBanner h1{ font-size: 40px !important; }
    .foundationBanner h2{ font-size: 30px !important; }

    .zoomSliderMain h4 br{ display: none; }
    .mainSlider .sliderTextBox.top{ -ms-flex-align: center !important; align-items: center !important; }


    /*---- Filebox Plane New Design ----*/
    /*.most-popular-gradient{ margin-left: 18px; margin-right: 10px; }*/
    .most-popular-gradient{ margin-left: auto; margin-right: auto; }

    .fileboxPlaneTab ul.nav { padding-bottom: 20px; }
    .fileboxPlaneTab ul.nav .nav-item{ /*width: 50%;*/ width: 230px; max-width: 100%; flex-grow: unset; flex-basis: unset; margin-bottom: 20px; margin-top: 20px;  }
    .fileboxPlaneTab ul.nav .nav-item a.nav-link { margin: 0px; font-size: 18px !important; padding: 15px 25px !important; }
    .fileBoxPlanDesignBox{ max-width: 500px; }
    .fileBoxPlanDesignBox h3 { font-size: 24px; }
    .most-popular-label { left: -30px; top: -30px; max-width: 140px; }
    /*---- Filebox Plane New Design End ----*/

	
    /*------ Thanks Page Start ------*/
    .thanksYes img { max-width: 90px; }
    .thanks h2 { font-size: 60px; }
    .thanks h3 { font-size: 32px; }
    .thanks h4 { font-size: 24px; }
    .thanksBack-btn{ padding-top: 40px; }
    /*------ Thanks Page End ------*/


    /*---- FileBox Super Deal Banner Start ----*/
    .fileboxSuperDeal .commonSliderContain{ text-align: left !important; }
    /*---- FileBox Super Deal Banner End ----*/


    /*---- FileBox New Offer 100vh Banner Start ----*/
    .fileBox-fullHeight-contain { padding: 160px 0px 50px 0px; }
    .fileBox-fullHeight-contain .fileBox-new-offer img { max-width: 50px; }
    .fileBox-fullHeight-contain h1{ font-size: 32px; padding-bottom: 15px; }
    .fileBox-fullHeight-contain h4{ font-size: 120px; line-height: 120px; }
    .fileBox-fullHeight-contain p{ font-size: 26px; padding-bottom: 25px; }
    .fileBox-fullHeight-contain small{ font-size: 20px; padding-top: 40px; }
    /*.fileBox-fullHeight-contain small span { font-size: 18px; }*/
    .fileBox-fullHeight-contain .btn3{ font-size: 20px !important; }
    /*---- FileBox New Offer 100vh Banner End ----*/


    /*---- Header Language Dropdown Start ----*/
    .lang-switcher{ font-size: 14px; }
    /*---- Header Language Dropdown End ----*/
    

    /*------ FileBox FSS ------*/
    /*.fileBox-fullHeight-contain h5{ font-size: 28px; }*/

    .fss-free-trial { top: 10px; }
    .fss-free-trial img { width: 120px; }

    .titleLgTwo h3 { font-size: 28px; }

    .comnListSection.comnListTwo .media{ width: 100%; }
    .comnListSection.comnListTwo .comnListTwoImage { width: 100%; text-align: center; }
    .comnListSection.comnListTwo .media-body { margin-left: 0px; padding: 40px 30px 0px; }

    .cloudmatika-filebox { top: -160px; max-width: 250px; }

    .fbakoNewTableMain { padding: 20px 0px 130px 0px; }

    .titleLgTwo h3 { font-size: 28px; }
    .titleLgTwo p { font-size: 20px; }

    .fbakoNewSection4Box { margin: 20px 0px; border-radius: 24px; padding: 20px; }
    .fbakoNewSection4Box .media-left{ max-width: 120px; }
    .fbakoNewSection4Box .media-body { padding-left: 20px; }
    .fbakoNewSection4Box .media-body h4 { font-size: 22px; }

    .filebox-fss-specification{ margin: 15px 0px; }
    
    .filebox-fss-free-trial-box { border-radius: 20px; padding: 25px 40px; margin-bottom: 60px; }
    .filebox-fss-free-trial-box p { font-size: 22px; }

    .fbakoNew-faqTitle{ font-size: 30px; padding: 18px 20px; }
    .fbakoNewFAQ .card .card-header .btn-header-link { padding: 20px; }
    .fbakoNewFAQ .card .card-body { padding: 20px; }
    .fbakoNewFAQ .number { font-size: 22px; padding-right: 5px; }
    /*------ FileBox FSS End ------*/


    /*---- Help Slider ----*/
    .helpSliderMain{ left: 20px !important; }
    .helpSlider h4 { font-size: 14px !important; padding-bottom: 5px; padding-top: 10px; }
    .helpSlider h3 { font-size: 21px !important; }
    .helpSlider h3 small { font-size: 16px !important; padding-top: 5px !important; }
    .helpSlider p.font-18 { font-size: 14px !important; }
    .helpSlider .font-22 { font-size: 14px !important; }
    /*---- Help Slider End ----*/


    /*---- Mobile Payment Banner Start ----*/
    .mobilePaymentBanner h1 { font-size: 24px !important; line-height: normal !important; }
    .mobilePaymentBanner h1 small { font-size: 16px !important; padding-top: 0px !important; }
    .mobilePaymentBanner .btn { font-size: 16px; }
    /*---- Mobile Payment Banner End ----*/


    /*---- About Cloudmatika Start ----*/
    .aboutCM-menu .nav-item .nav-link { padding-left: 12px !important; padding-right: 12px !important; font-size: 14px; }

    .space-120 { padding: 45px 0px; }

    

    .title40 { font-size: 28px; padding-bottom: 16px; }
    .title55 { font-size: 32px; padding-bottom: 16px; }

    .aboutCM-managementBoxImage{ margin: 0px auto 25px; }

    .manyMore { font-size: 18px; padding-top: 20px; }
    /*---- About Cloudmatika End ----*/


    /*-- High Technology Slider Start --*/
    /*.highTechnologySliderLogo { padding-top: 5px; }
    .highTechnologySliderLogo .image-simple{ height: 30px !important; margin: 0px 8px; }
    .highTechnologySliderLogo .image-simple.acronis { height: 16px !important; }
    .highTechnologySlider h3 { font-size: 16px; padding: 0px 0px 5px; }
    .highTechnologySliderLeft h4 { font-size: 13px; }
    .highTechnologySliderLeft h4 img{ max-width: 40px; }
    .highTechnologySliderLeftLabel { font-size: 12px; margin: 2px 0px; padding: 2px 10px; }
    .highTechnologySliderLeft .btn2 { font-size: 14px !important; padding: 4px 15px; }*/
    /*-- High Technology Slider End --*/

    .zimbra2020-slider1 .commonSliderContain h3, .zimbra2020-slider2 .commonSliderContain h3{ font-size: 22px !important; }
    .zimbra2020-slider1 .commonSliderContain h3 small { font-size: 16px !important; padding-top: 5px !important; }
    .zimbra2020-slider1 .commonSliderContain .btn2{ margin-top: 10px !important; padding: 5px 20px !important; min-width: unset; }


    /*-- Sliders Web Mob --*/
    .sliderWeb{ min-height: 300px !important; display: flex; align-items: center; flex-wrap: wrap; }

    .innerMainTitleBanner{ min-height: 300px !important; }
    .innerMainTitle { padding: 30px 0px; padding-right: 20px; }
    /*-- Sliders Web Mob End --*/

    .commonSlider { left: 20px !important; right: 20px !important; }
    /*-- Sliders Web Mob End --*/

    .moreSecure-title{ max-width: unset; margin-bottom: 20px; }


    /*---- Filebox 77 Off Start ----*/
    /*.filebox-77offMain { padding-left: 120px; width: 100%; }
    .filebox-77offData { text-align: center; padding-top: 15px; margin: 0px auto; max-width: 100%; }
    .filebox-77offData h1 br{ display: none; }
    .filebox-77offDataBtn{ justify-content: center; margin: 0px auto; max-width: 360px; padding: 10px 0px 0px 0px; }
    .filebox-77offDataBtn .btn2{ min-width: auto; }
    .filebox-77offDataBtn .font-10{ padding-left: 10px; }
    .filebox77offBanner { max-width: 260px; position: unset; margin: 0px auto; }
    .filebox-77offData h1 { font-size: 25px; }
    .filebox-77offData h1 small{ padding-left: 0px; font-size: 14px; }
    .filebox-77offData .letterSpace { letter-spacing: unset; }*/
    /*---- Filebox 77 Off End ----*/

    /*---- Webinar Security and Risk Start ----*/
    /*.webinar-securityandrisk-banner{ background-image: url("images/webinar-security-and-risk-management.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; }
    .webinar-securityandrisk-banner:before{ content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgba(255, 255, 255, 0.8); }
    .webinar-securityandrisk-main{ padding: 15px 20px; margin: 0px auto; border: 0px; position: relative; background-color: transparent; }
    .webinar-securityandrisk-main:after { content: unset; position: unset; right: unset; top: unset; width: unset; height: unset; background-image: unset; }
    .webinar-securityandrisk-title { font-size: 24px; padding-bottom: 12px; }
    .webinar-securityandrisk-title small { font-size: 18px; }*/
    /*---- Webinar Security and Risk End ----*/


    /*------ Landing Style ------*/
    .landing-product h1{ margin-bottom: 0px; }
    .landing-product h1 small{ position: unset; display: table; margin-left: auto; margin-right: auto; padding: 0px 2px 2px 8px; }


    .sliderWebMobile.landing-product .font-38 { font-size: 24px !important; }
    .sliderWebMobile.landing-product br { display: block; }
    .sliderWebMobile.landing-product h1{ font-size: 80px !important; text-align: left !important; }
    .sliderWebMobile.landing-product h1 small{ font-size: 22px !important; letter-spacing: 1px !important; margin: 0px; padding: 0px; }

    .sliderWebMobile.cyberProtection h1{ font-size: 30px !important; text-align: left !important; }
    .sliderWebMobile.cyberProtection br { display: block; }
    .sliderWebMobile.cyberProtection .font-35 { font-size: 18px !important; }
    /*------ Landing Style End ------*/

    /*Webinar Banner*/
    .webinar-persons .persons{ max-width: 50px; }
    .webinar-joinandearn-col p { padding-bottom: 5px; }
    .webinar-joinandearn-col .font-22 { font-size: 9px !important; }
    .webinar-joinandearn .row{ align-items: unset; }
    .webinar-joinandearn-col { padding-top: 60px; }
    .webinar-joinandearn-col.first { padding-top: 35px !important; }
    .styleBtn.font-22 { font-size: 12px !important; }
    /*Webinar Banner End*/

    /*Mail Buster Slider*/
    .mailBuster h1 { text-align: left !important; font-size: 26px !important; }
    .mailBuster h1 small{ font-size: 18px !important; display: flex !important; max-width: 280px !important; }
    .mailBuster h1 small img { max-width: 70px !important; margin-left: 15px !important; }
    /*Mail Buster Slider End*/
    

    /*Zimbra Webinar Landing*/
    .zimbra-webinar .landg-logo-acronis{ max-width: 180px; }
    /*Zimbra Webinar Landing End*/


}/*767 End*/


@media screen and (max-width: 700px) {
    /*---- VPC Table ----*/
    .vpc-table{ display: none; }
    .vpc-table-div{ display: block; text-align: center; font-size: 16px; margin-bottom: 30px; }
    .vpc-table-div:last-child{ margin-bottom: 0px; }
    .vpc-div-mainicon{  }
    .vpc-div-title{ background-color: #052334; color: #ffffff; padding: 12px; font-size: 18px; margin: 10px 0px; }
    .vpc-table-icon{ display: flex; font-weight: 500; }
    .vpc-table-icon span{ width: 34px; margin-right: 10px; display: inline-block; text-align: center; }
    .vpc-div-data{ text-align: left; padding-top: 10px; padding-bottom: 10px; position: relative; }
    .vpc-div-data:before{ border-bottom: solid 1px #eeeeee; position: absolute; left: 15px; right: 15px; bottom: 0px; content: ""; width: calc(100% - 30px); height: 1px; }
    .vpc-div-data p{ margin: 0px; padding: 0px; }
}/*700 End*/


@media only screen and (max-width : 575px) {

	.font-18 { font-size: 15px !important; }
    .font-20 { font-size: 15px !important; }
	.font-22 { font-size: 18px !important; }
    .font-24 { font-size: 16px !important; }
    .font-25, .font-26 { font-size: 18px !important; }
    .font-28 { font-size: 20px !important; }
	.font-30 { font-size: 22px !important; }
    .font-32 { font-size: 24px !important; }
    .font-35 { font-size: 26px !important; }
    .font-38 { font-size: 26px !important; }
    .font-45, .font-46 { font-size: 30px !important; }


    /*new*/
    .font-42 { font-size: 28px !important; }
    .font-50 { font-size: 32px !important; }
    .font-56 { font-size: 35px !important; }
    .font-64 { font-size: 36px !important; }
    .font-70 { font-size: 44px !important; }
    .font-90 { font-size: 50px !important; }

    
    /*h1 { font-size: 22px; }
    h1 small { font-size: 16px; padding-top: 8px; }*/

    .secondTitle h2 { font-size: 22px; }
    .secondTitle h2 small{ font-size: 16px; padding-top: 8px; }

    /*---- Footer ----*/
    .footerBox { font-size: 15px; }
    .footerBox h3 { position: relative; padding: 18px 0px 20px; }
    .footerBox h3:before { position: absolute; left: 0px; right: 0px; top: 0px; width: 40px; height: 3px; background-color: rgba(255, 255, 255); content: ""; margin: 0px auto; }
    .footerBox li { padding: 0px 0px 12px; font-size: 16px; }
    .footerSocial .mr-3 { margin-right: 10px !important; }
    .footerSocial img { width: 100px; }
    .footerSocial ul { display: block; padding: 0px 0px 30px 0px; }
    .copyRight, .copyRight .light { font-size: 13px; font-weight: 500 !important; }
    .copyRight .font-15 { font-size: 13px !important; font-weight: 500 !important; }

    .serchMain .form-control { font-size: 18px; height: 50px; padding-left: 15px; padding-right: 15px; }
    
    .brandLogoSection { padding: 30px 0px; }
    
    .brandLogoBox { }
    .brandLogoBox img { }
    
    .needHelpSection h1 { font-size: 20px; }
    
    .newsSeprateBoxImage img { height: 100%; }
    .newsSeprateBox { padding: 10px 0px; }
    
    .comnListSection .media { width: 100%; padding: 30px 0px; }
    .comnListSection .media h5 { padding: 0px 0px 10px 0px; font-size: 20px; }
    
    .customeTabOne .nav-pills { padding: 0px; }
    .customeTabOne .nav-pills .nav-link { margin: 10px 15px; font-size: 14px; }
    
    /*.innerMainTitle { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; padding: 35px 0px 15px; }
    .innerMainTitle h1 { font-size: 26px; }
    .myBreadcrumb .breadcrumb { justify-content: center; }
    .innerMainTitleBannerImage { display: none; }*/
    
    .mediaDark .media { display: table; width: 100%; }
    .mediaDark .media-body h2 { font-size: 22px; }
    .mediaDarkImage { width: 100%; margin-top: 30px; }

    .iconText-main { margin: 10px 0px !important; }
    .iconText-main a { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0px; }
    .iconText-main span { padding: 15px; }
    
    
    
    .darkBoxesOne { padding: 25px; text-align: center; }
    
    .remoteLgPart h3 { font-size: 18px; }
    .remoteLgPartLeft { padding: 0px 15px; }
    .remoteLgPartRight { padding: 30px 0px 0px; }
    
    .boxImageFrameMain { padding: 20px 0px; }
    
    .teamBox { text-align: center; }
    .socialGray ul { justify-content: center; }
    
    .smSeprate1 { margin: 10px auto 20px; }
    .blogDetailPage .font-45 { font-size: 22px !important; }
    .upsiteTechnology { padding: 20px 0px 10px; }
    
    .formOne { padding: 15px 0px 0px; }
    .formOne .form-group { margin-bottom: 15px; }
    .formTextLine { padding: 15px 0px; }
    
    .socialBlack ul li { padding: 0px 5px; }
    
    .oneLineSmallIconText div { padding-left: 0px; text-align: left; margin: 8px 0px; }
    
    .kalkulatorBoxMain { padding: 10px 0px 15px; }
    .kalkulatorBoxMain .my-3 { margin-top: 5px !important; margin-bottom: 5px !important; }
    .kalkulatorCloudPart .font-22 { font-size: 16px !important; }
    .kalkulatorBox { padding: 30px 10px 20px; }
    .kalkulatorBox h4 { font-size: 18px; }
    .kalkulatorBox p { font-size: 16px; }
    .kalkulatorBox p small { font-size: 14px; }
    /*.kalkulatorProgressPart { padding: 10px 20px 20px; }*/
    /*.kalkulatorProgressBar h4 { font-size: 15px; }*/

    .sup-sub-data { font-size: 32px; }
    
    .ourContactsBox { padding: 20px 10px; }
    
    .alertBlue { font-size: 14px; padding: 12px 15px; }
    .formTwo .form-group { margin-bottom: 18px; }
    .formTwo .frmTwoLabel { margin-bottom: 6px; }
    
    .profileDownloadListmain { padding: 5px 0px 20px; }
    .profileDownloadList { padding: 25px 0px; }
    
    .roundColorProgressBar .c100 > span { font-size: 22px; }
    
    /*--- Filebox Page ---*/

    .bannerStatic img { height: 260px; }
    .bannerStaticBox { left: 15px; right: 15px; }
    .bannerStaticBox h3 { font-size: 20px; }

    .fileboxPackMain { padding: 30px 0px; }
    .fileboxPackBanner { padding: 0px; }
    
    .fileboxPackBox .offerLabel { position: unset; margin-bottom: 15px; }
    .fileboxPackBox.largeBox { padding: 30px 25px; }
    
    .specificationsBox { margin: 15px 0px; }
    
    .largeSepTitle h2 { font-size: 22px; }
    .stepOneDepartment, .stepOneGetAccess { padding: 20px 15px; }
    .stepOneDepartment:before, .stepOneGetAccess:before { border-radius: 10px; }
    
    .progressOne .progress .progress-bar { font-size: 18px; }
    .progressDataText { font-size: 14px; }
    .progressOneData { padding: 0px 0px 20px; }
    
    .stepCaseStudymain .col09 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    
    .fileboxPackBox { margin: 5px 0px; }
    
    .stepWhyFileSharingBox h3 { display: table; text-align: center; font-size: 16px; border-radius: 10px; min-height: 100%; width: 100%; }
    .stepWhyFileSharingBox h3 span { width: 44px; height: 44px; line-height: 44px; font-size: 28px; margin: 0px auto; margin-top: -20px; margin-bottom: 15px; }
    .stepWhyFileSharingBox:first-child h3 span { left: 0px !important; top: 0px !important; right: 0px !important; }
    .stepWhyFileSharingBox h3 span:nth-child(odd) { left: 0px !important; top: 0px !important; right: 0px !important; position: unset; }
    .stepWhyFileSharingBox:nth-child(even) h3 span { left: 0px !important; top: 0px !important; right: 0px !important; position: unset; }
    .stepCaseStudyFooter .media { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .stepWorkersThreeBoxMain h2 { font-size: 22px; padding-bottom: 10px; }
    .stepCaseStudyFooter { margin: 10px 0px; }
    .stepWorkersThreeBoxMain .font-25 { font-size: 16px !important; }
    .roundIconComnBoxOne p { padding: 10px 0px 0px; min-height: 56px; }
    
    .stepCaseStudy { margin: 0px 0px 30px; }
    /*--- Filebox Page End ---*/

    .dockerTwoBox { padding: 30px; }

    .supportBanner { padding: 30px 0px 0px; }
    .supportBanner h1 { font-size: 22px; padding-bottom: 16px; }
    .supportBanner p { font-size: 16px; }
    .arrowListingBox h4 { padding-bottom: 4px; }

    .spamExpertsFeatures { text-align: center; }

    .whyEmailSecurity .col { flex: 0 0 100%; max-width: 100%; }
    .whyEmailSecurityBox { padding: 30px; }

    .how-spam-filtering-works-data-center { padding: 15px; border-radius: 10px; }
    .spamFilteringStepsMain { margin: 70px 0px 10px; }
    .howSpamFilteringWorksPointsBox h4 { font-size: 16px; padding-bottom: 7px; }

    .innerNavOne .nav-item .nav-link { padding-left: 15px; padding-right: 15px; }
    .innerNavOne { /*padding: 0px 10px 10px;*/ padding: 10px; }

    .whyCloudmatikaBox { }
    .whyCloudmatikaBox img { width: 100%; }

    .disasterRecoveryPage-contact .textright { text-align: center; }
    
    .imageRight .media .font-18 { font-size: 16px !important; }
    .seprateLargeTextOrLine { padding-top: 30px; font-size: 18px; width: 100%; }
    .iconTitleContainBox { padding: 20px 0px; }
    
    .supportedSystemPartAll { padding: 30px 0px 10px; }
    
    .commonSpaceTwo { padding: 25px 0px; }  
    
    .zimbraFourPointBoxMain:nth-last-child(-n+2) .zimbraFourPointBox { border-bottom: 0px; }
    .zimbraFourPointBoxMain:nth-child(odd) .zimbraFourPointBox { border: 0px; text-align: center; }
    .zimbraFourPointBoxMain:nth-child(odd) .zimbraFourPointBox .zimbraFourPointBoxImage { justify-content: center; }
    .zimbraFourPointBoxImage { justify-content: center; }
    .zimbraFourPointBox { text-align: center; border: 0px; padding: 25px 0px; }
    .zimbraFourPointBox h4 { font-size: 16px; }
    .zimbraFourPointBoxMain { border-bottom: dashed 1px #048fdf; }
    .zimbraFourPointBoxMain:last-child { border-bottom: 0px; }
    .zimbraEmailChart { width: 100%; }
    .zimbraEmailChartImage { margin-top: 0px; margin-bottom: 15px; }
    
    .zimbraEmailData { padding: 40px 0px 0px; margin-bottom: 35px; }
    .zimbraEmailData:before { width: 190px; }
    .zimbraEmailData p { font-size: 16px; padding-bottom: 30px; }
    .zimbraEmailData h3 { font-size: 24px; }
    
    .pricingTableLabel { padding-bottom: 10px; }
    .pricingTableDataList { padding: 10px; }
    
    .videoInnerDarkSeprate { padding: 20px 0px; }
    
    .pricingTableDataTitle { font-size: 15px; }
    
    .pricingTable { display: block; width: 100%; overflow-x: auto; }
    .pricingTableMobile { min-width: 575px; }
    .pricingTableDataList .textcenter { text-align: center; }
    .pricingTableHeader .hedDataBox { font-size: 15px; }
    
    ul.contact-redIcon-list li { font-size: 14px; font-weight: 400; }
    ul.contact-redIcon-list li span img { width: 26px; height: 26px; }
    
    .blackIconText18Box { padding: 15px 0px; }
    
    .innerNavOne .nav-item .nav-link { font-size: 15px; }
    
    .blackIconText18BoxIcon1 { margin-bottom: 10px; }
    
    .getBigestYelloPart { padding: 30px 0px; }
    .getBigestYelloPart p { font-size: 18px; padding-bottom: 20px; }
    
    .wp-pricingPackageBox { padding: 0px 15px 35px 15px; }
    .wp-pricingPackageFooter { position: unset; bottom: unset; }
    .wp-pricingPackageBox ul { padding: 20px 0px 20px; }
    
    .wordpressToolkitBoxImage { height: 80px; margin-bottom: 4px; }
    .wordpressToolkitBoxImage img { object-fit: cover; height: 70px; }
    .wordpressToolkitBox h4 { font-size: 16px; }
    .percent50 { font-size: 22px; padding-top: 5px; }
    
    .pleskHostingPoint { padding: 30px 0px 0px; }
    .ourGreatPartnerPlesk .plesk { width: 100px; }
    
    .ourGreatPartnerPlesk:before { height: 80%; }
    .blackIconText22Box { padding: 15px 0px; }
    
    .roundcubeLogo { width: 70%; }
    
    .howSpamFilteringWorks-pointsTitle { padding-top: 20px; }
    .howSpamFilteringWorks-pointsTitle h4 { font-size: 18px; }
    
    .stepOneTwoThree { margin-top: 0px; }
    .stepOneTwoThree img { display: none; }
    .stepOneTwoThreeBox { padding-bottom: 10px; }
    .stepOneTwoThreeBox span { display: block; width: 100%; padding-bottom: 4px; font-weight: normal; }
    
    .traditionalVsCloudmatika { padding: 0px 0px 40px; }
    .faqAboutWaf .card-body p { padding-bottom: 10px; }
    
    .faqAboutWaf .card-header { padding: 0px 0px 10px; }
    .faqAboutWaf .card-header a { font-size: 15px; }
    
    .wafApplianceProsConsTit { display: table; width: 100%; text-align: center; }
    .wafApplianceProsConsTit h3 { padding-bottom: 8px; }
    .wafApplianceProsConsTitRating { margin-left: 0px; }
    .wafApplianceProsConsPros, .wafApplianceProsConsCons { padding: 15px; }
    
    .oneMonthFreeTrial .media { display: table; width: 100%; text-align: center; }
    .oneMonthFreeTrial .media .media-body { padding-left: 0px; padding-top: 15px; padding-bottom: 10px; }
    .blackIconText22Box h4.font20 { font-size: 18px; padding-bottom: 8px; }
    
    .common-seprateTitleButton h3 { font-size: 22px; padding-bottom: 5px; }
    .oneMonthFreeTrial .media .media-body h5 { font-size: 20px; padding-bottom: 5px; }
    
    .termsAndConditionsTitle { margin-bottom: 30px; }
    .termsAndConditionsTitle h1 { font-size: 26px; }
    
    /*----17-03-2020----*/
    .coronaSliderMain .carousel-caption { left: 50px !important; }
    .coronaSlider h1 { width: 270px; font-size: 22px !important; padding-bottom: 0px !important; line-height: normal !important; }
    .coronaSlider h1 .light { right: 24px; }
    .coronaSlider h1 small { font-size: 10px !important; width: 100%; }
    /*----17-03-2020 End----*/

    /*---- Cloud Backup Page ----*/
    .cloudbackupPricelistNew { padding: 20px; }
    .cloudbackupPricelistNew.bestSeller-active .bestSellerLabe{ position: relative; top: -20px; left: -20px; right: -20px; width: calc(100% + 40px); }


    /*---- Virtual Data Center New ----*/
    .specifictionPartBoxLeft{ font-size: 15px; }
    .specifictionPartBoxRight p { font-size: 14px; }
    .specifictionPart { padding-top: 5px; }

    .os-selector { margin-top: 20px; }

    .virtualMachinePartTitle h3 { font-size: 22px; margin-bottom: 10px; }
    .virtualMachinePartTitle h3 small { font-size: 16px; }

    .dotedBorderBox{ padding: 20px; }
    .dotedBorderBox p { width: 100%; }
    
    .mediaDark .media-body{ text-align: center !important; }

    .virtualMachineBox{ padding: 20px 15px; }
    .virtualMachineBox h3 { font-size: 20px; margin-bottom: 14px; }

    .checkedListThree ul li { font-size: 16px; }
    .checkedListThree ul li:before { font-size: 16px; top: 5px; margin-left: -22px; }

    /*Calc*/
    .priceProgressbarLeft { padding: 25px; }
    #qsSlider .title { font-size: 18px !important; }
    #qsSlider .slider { margin: 10px 0 42px !important; }

    .kalkulatorFormBox .form-control { margin-left: 0px; width: 100%; font-size: 16px; }

    /*---- Shared Hosting Page 575 ----*/
    .sharedHostingPriceData { padding: 15px; }
    .sharedHostingPriceData ul { margin: 10px 0px; }
    .sharedHostingPriceHeader .webHostingPrice { font-size: 42px; }
    .sharedHostingPriceHeader .webHostingPrice sup { font-size: 16px; top: -18px; }
    .sharedHostingPriceHeader .webHostingPrice sub { font-size: 16px; }

    .myTableFour table { font-size: 16px; }
    .myTableFour table th, .myTableFour table td { padding: 12px 15px; }
    .myTableFour table th{ line-height: normal; }
    .sharedHosting-PricingTable { border: dashed 1px #fff; }

    /*---- Cloud VPS Option Table 575 ----*/
    .optionData.firstCol { font-size: 14px !important; }
    .optionDataHeader .optionData { font-size: 14px; }
    .optionDataContain .optionData { font-size: 14px; }
    .optionData { padding: 12px 10px; }
    .optionData.firstCol { padding: 12px !important; }


    /*-------------- Zimbra 2020 (email-and-collaboration) Start --------------*/

    .zimbra2020:before { min-height: 60px; }
    .featuresZimbraBox{ border-radius: 12px 40px 12px 12px; }

    .zimbraPlanBox{ padding: 25px; border-radius: 30px; }
    .zimbraPlanBox h3 { font-size: 20px; }
    .zimbraPlanBox p { font-size: 16px; }
    .zimbraPlanBox img { margin: 20px 0px; }

    .secondTitle .font-25 { font-size: 20px !important; }


    .commonSpaceNew { padding: 35px 0px; }
    .commonSpaceNew .secondTitle h2 { padding-bottom: 25px !important; }
    .commonSpaceNew .secondTitle p.font-24 { font-size: 16px !important; }

    .commonSpaceThree { padding: 35px 0px; }
    .commonSpaceThree .secondTitle h2 { padding-bottom: 35px !important; }


    .whyCloudmatikaAllPart { padding: 35px 0px; }
    .whyCloudmatikaAllPart .secondTitle h2 { padding-bottom: 35px; }

    .faqAboutWaf h2.font-45 { font-size: 22px !important; }
    .faqAboutWaf h2.font55 { font-size: 22px; }

    /*-------------- Zimbra 2020 End --------------*/    

    /*-------------- Data Center Start --------------*/
    .btn-skyBlue { font-size: 16px; padding: 12px 20px; min-width: 200px; }
    
    #dataCenterCarousel .owl-nav .owl-prev, #dataCenterCarousel .owl-nav .owl-next { margin: 0px 15px; font-size: 50px; }
    #dataCenterCarousel .owl-dots .owl-dot span { width: 12px; height: 12px; margin-left: 5px; margin-right: 5px;}

    .dataCenter-SliderMain { padding: 0px 0px 30px 0px; }

    .lineTitle { padding: 20px 0px; }
    .lineTitle h3 span{ padding: 8px 15px; font-size: 16px; }

    /*-------------- Data Center End --------------*/

    .commonSpaceFive { padding: 40px 0px; }

    /*-------------- Operation status Start --------------*/
    .operationStatusBox li{ padding: 15px 38px 15px 15px; border-radius: 10px; font-size: 16px; }
    .operationStatusBox li .icon{ right: 15px; }
    .operationStatusBox li h5 { font-size: 14px; }

    /*Details Page*/
    .operationStatusDetailsBox { padding: 20px; }
    .operationStatusDetailsBox p { font-size: 15px; }
    /*-------------- Operation status End --------------*/

    /*---- VPC Table ----*/
    .vpc-table-icon { align-items: center; margin-bottom: 7px; }
    .vpc-table-icon span { width: 24px; margin-right: 5px; }
    .vpc-table-div { font-size: 14px; }
    .vpc-div-title { padding: 8px; font-size: 16px; }
    

    /*------ Zimbra Email Slider Start ------*/
    .zimbra2020-slider3{ left: 15px !important; right: 15px !important; }
    .zimbra2020-slider3 .commonSliderContain h1{ font-size: 12px !important; }    
    /*------ Zimbra Email Slider End ------*/


    /*---- Home Page New Zoom Slider ----*/ 
    .zoomSliderMain { max-width: 180px; }
    .zoomSliderMain h4 { font-size: 12px !important; line-height: 1 !important; } 
    .mainSlider .sliderTextBox h1{ font-size: 20px !important; }
    /*---- Home Page New Zoom Slider End ----*/
    
    /*------ Cloud Backup Plus Start ------*/
    .containWithDownArrow .titleLg h3 { font-size: 25px; padding-bottom: 30px; }
    .cyberProtectionSolution { padding: 20px 0px; font-size: 16px; }

    .cyberProtectionFiveCol .col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .cyberProtectionFiveCol h4{ font-size: 18px; min-height: auto; margin-bottom: 20px; padding: 13px; }
    .cyberProtectionFiveCol li{ margin-bottom: 20px; }
    .cyberProtectionFiveCol li br{ display: none; }

    .cyberProteKeyFeatTabNav li{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; flex-basis: unset !important; width: 50%; margin-bottom: 15px; }

    .ShopPlatformsBoxCol1 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .ShopPlatformsBoxCol2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .ShopPlatformsBoxCol3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .ShopPlatformsBoxCol3 .row12{ margin-left: -5px; margin-right: -5px; }
    .row12 > [class*="col-"] { padding-left: 5px; padding-right: 5px; }
    .ShopPlatformsMain { margin-bottom: 25px; }

    /*Chart*/
    .cyberProtChart h3 { font-size: 16px; }
    .cyberProtPlanInfoBox h4 { font-size: 20px; padding-bottom: 6px; }
    .standardChart, .advancedChart, .disasterRecoveryChart { text-align: left; font-size: 15px; }
    .cyberProtChartLeft { padding: 15px 0px 10px; }

    .cyberProteKeyFeatTabNav .nav-item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-top: 10px; margin-bottom: 10px; }
    /*------ Cloud Backup Plus End ------*/

    /*---- New Zimbra Slider ----*/
    .newZimbraSliderDiscount{ display: none; }
    .male-superheroes{ right: -30px; }
    .female-superheroes { left: -30px; }
    .female-superheroes img { max-height: 60px; }
    .male-superheroes img { max-height: 40px; }
    .newZimbraSlider h1{ font-size: 20px !important; }
    .newZimbraSlider h1 small { font-size: 15px !important; }
    /*---- New Zimbra Slider End ----*/


    /*---- 404 Page ----*/
    .pageNotFoundImage { width: 80%; }
    .pageNotFound h1 { font-size: 40px; }
    .pageNotFound p { font-size: 18px; }
    .pageNotFound .btn { font-size: 16px; }
    
    /*---- Foundation Page ----*/
    .foundationBanner h1{ font-size: 26px !important; }
    .foundationBanner h2{ font-size: 20px !important; }


    /*---- Filebox Plane New Design ----*/    
    .fileBoxPlanDesignTitle { height: 80px; margin: -30px -15px 35px -15px; }
    .fileBoxPlanDesignTitle:before { bottom: -10px; width: 20px; height: 20px; }
    .most-popular-label { left: -19px; top: -19px; max-width: 100px; }
    .most-popular-gradient:after { top: -5px; left: -5px; bottom: -5px; right: -5px; }

    .fileBoxPlanList { padding: 30px 0px 0px; }
    .fileBoxPlanList li { font-size: 16px; padding: 0px 0px 18px 30px; background-size: 20px; }
    .fileBoxPlanDesignBox { max-width: unset; margin-left: 10px; margin-right: 10px; padding: 30px 15px; }
    .fileBoxPlanDesignBox h3 { font-size: 22px; }
    .fileBoxPlanDesignBox h3 small { font-size: 20px; }
    .filebox-price-label{ font-size: 18px; padding: 10px 20px; margin: 15px 0px 10px; }
    .filebox-price-label small { font-size: 14px; }
    .fileboxPlaneTab ul.nav .nav-item a.nav-link{ padding: 12px 12px; min-width: unset; }
    .most-popular:after { max-width: 120px; font-size: 12px; top: -34px; }

    .filebox-pc{ margin-top: 15px; }
    .filebox-pc img { max-width: 60px; }
    /*---- Filebox Plane New Design End ----*/


    /*------ Thanks Page Start ------*/
    .thanks { padding: 80px 0px; }
    .thanksYes img { max-width: 80px; }
    .thanks h2 { font-size: 48px; }
    .thanks h3 { font-size: 28px; }
    .thanks h4 { font-size: 22px; }
    .thanksBack-btn{ padding-top: 35px; }
    /*------ Thanks Page End ------*/
    

    /*---- FileBox New Offer 100vh Banner Start ----*/
    .fileBox-fullHeight-contain { padding: 80px 0px 50px 0px; } 
    .fileBox-fullHeight-contain h4 { font-size: 74px; line-height: 74px; padding-bottom: 10px; }
    .fileBox-fullHeight-contain h1{ font-size: 26px; padding-bottom: 15px; }
    .fileBox-fullHeight-contain p { font-size: 22px; padding-bottom: 20px; }
    .fileBox-fullHeight-contain small { font-size: 18px; padding-top: 20px; }
    /*.fileBox-fullHeight-contain small span { font-size: 16px; }*/
    /*---- FileBox New Offer 100vh Banner End ----*/


    /*------ FileBox FSS ------*/
    .fss-free-trial { top: auto; left: 0px; right: 0px; position: absolute; bottom: -70px; margin: 0px auto; }
    .fileBox-fullHeight-contain h5 { font-size: 20px; }

    .comnListSection.comnListTwo .media-body{ padding: 30px 0px 0px; }
    .comnListSection.comnListTwo .media h5 .label { font-size: 16px; margin-right: 10px; border-radius: 6px; }

    .comnListSection.comnListTwo .comnListTwoImage img { max-width: 140px; }
    
    .titleLgTwo { padding-bottom: 20px; }
    .titleLgTwo h3 { font-size: 26px; }
    .titleLgTwo p { font-size: 18px; }

    .cloudmatika-filebox { top: -140px; max-width: 210px; }

    .fbakoNewSection4Box .media{ display: table; width: 100%; }
    .fbakoNewSection4Box .media-left{ margin: 0px auto; }
    .fbakoNewSection4Box .media-body { padding: 20px 0px 0px 0px; text-align: center; }

    .fbakoNewbtn2{ margin: 0 auto; }

    .fbakoNewSection4Box{ border-radius: 20px; padding: 15px; }
    .fbakoNewSection4Box .media-body h4 { font-size: 20px; }

    .fbakoNewSection4BoxBodyLabel { font-size: 16px; padding: 10px 15px; margin-bottom: 10px; }
    .fbakoNewSection4BoxBody p{ font-size: 16px; }

    .filebox-fss-specification{ margin: 0px 0px 20px; }
    .filebox-fss-specification ul li{ padding: 6px 0px; }

    .filebox-fss-free-trial .orangeBtn { margin-top: 0px !important; font-size: 18px; padding: 7px 15px; }

    .filebox-fss-free-trial-box { border-radius: 18px; padding: 20px; margin-bottom: 50px; }
    .filebox-fss-free-trial-box p { font-size: 18px; }
    
    .fbakoNewFAQ .card .card-header .btn-header-link { padding: 15px 45px 15px 15px; position: relative; }
    .fbakoNewFAQ .card .card-header .btn-header-link:after { font-size: 20px !important; position: absolute; right: 15px; top: 15px; }

    .fbakoNewFAQ .card .card-body { padding: 15px; }
    .fbakoNewFAQ ul li { font-size: 16px; }

    .fbakoNewFAQ .card .card-header .btn-header-link { font-size: 16px; }
    .fbakoNewFAQ .number { font-size: 18px; }

    .fbakoNew-faqTitle { font-size: 24px; padding: 15px; }

    /*------ FileBox FSS End ------*/


    /*100 VH Banner Css*/
    .fileBox-fullHeight-banner{ height: calc(100vh - 170px); }
    .fullHeight-banner { height: calc(100vh - 170px); }

    .fullHeight-banner img{ height: auto !important; }
    /*100 VH Banner Css End*/


    /*---- Help Slider ----*/
    .helpSliderMain{ background-color: #dfe3ea; position: unset; padding: 10px 0px !important; }
    .helpSlider { text-align: center; padding-right: 0px; }
    /*---- Help Slider End ----*/


    /*---- Mobile Payment Banner Start ----*/
    /*.mobilePaymentBannerMain{ left: 25px !important; right: 25px !important; background-image: url(../images/mobile-payment-bannerbg.jpg); background-size: cover; position: unset; 
        min-height: 200px; display: flex; align-items: center; justify-content: center; 
    }*/

    .mobilePaymentBannerMain{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#196191+0,4381a6+100 */
		background: #196191; /* Old browsers */
		background: -moz-linear-gradient(top,  #196191 0%, #4381a6 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #196191 0%,#4381a6 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #196191 0%,#4381a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#196191', endColorstr='#4381a6',GradientType=0 ); /* IE6-9 */
    }
    .mobilePaymentBanner { text-align: center; }
    .mobilePaymentBanner br{ display: none; }
    .mobilePaymentBanner h3{ padding-bottom: 10px; font-size: 18px !important; }
    .mobilePaymentBanner h3 small{ font-size: 14px !important; }
    .mobilePaymentBannerImage img{ max-width: 250px !important; display: block; margin: 0px auto; margin-top: 15px !important; }
    .mobilePaymentBanner .btn { margin: 5px 0px; }
    /*---- Mobile Payment Banner End ----*/
    

    /*---- About Cloudmatika Start ----*/
    .space-120 { padding: 40px 0px; }

    
    .aboutCM-vissionBox { padding: 30px 25px; border-radius: 0px 0px 0px 20px; }
    .aboutCM-missionBox { padding: 30px 25px; border-radius: 0px 0px 20px 0px; }

    .title40 { font-size: 22px; padding-bottom: 12px; }
    .title55 { font-size: 26px; padding-bottom: 12px; }

    .aboutCM-seeDetails{ font-size: 20px; margin-top: 10px; padding: 10px 35px; }

    .aboutCM-ourValue-chart:before { width: 79px; height: 60px; }
    .aboutCM-ourValue-chart:after { height: 16px; }

    .aboutCM-management { padding-top: 75px !important; }
    .aboutCM-management:before { width: 80px; height: 60px; }
    .aboutCM-management:after { height: 55px; }
    .aboutCM-managementBoxImage { margin: 0px auto 20px; }

    .aboutCM-round-title{ padding: 10px 15px; margin-bottom: 15px; }    

    .aboutCM-brandLogo, .aboutCM-customersLogo { padding: 15px 10px; margin: 0px; }
    .aboutCM-brandLogo img, .aboutCM-customersLogo img { max-width: 110px; }

    .aboutCM-productsList li a { font-size: 18px; background-size: 38px; min-height: 40px; padding: 4px 0px 0px 50px; }    

    /*---- About Cloudmatika End ----*/
    

    /*-- High Technology Slider Start --*/
    /*.highTechnologySlider{ left: 25px !important; right: 25px !important; background-image: url(../images/highTechnologyBg.jpg); background-size: cover; position: unset; min-height: 200px; display: flex; align-items: center; justify-content: center; }
    .highTechnologySliderLeftLabel{ display: none; }
    .highTechnologySlider h3 { font-size: 14px; }*/
    /*-- High Technology Slider End --*/

    /*.zimbra2020-slider1{ left: 25px !important; right: 25px !important; background-image: url(../images/cyber-protection-banner.jpg); background-size: cover; position: unset; min-height: 200px; display: flex; align-items: center; justify-content: center; text-align: center !important; }*/
    .zimbra2020-slider1{ background-image: none; background-size: unset; position: unset; /*min-height: 200px; display: flex; align-items: center; justify-content: center; text-align: center !important;*/ }
    .zimbra2020-slider1 .commonSliderContain h1, .zimbra2020-slider2 .commonSliderContain h1 { font-size: 20px !important; }
    .zimbra2020-slider1 .commonSliderContain h1 small { font-size: 14px !important; }

    /*---- New Mobile Text Banners ----*/

    /*-- Sliders Web Mob --*/
    /*.sliderMob{ display: block !important; visibility: visible !important; }
    .sliderMob img{ width: 100%; max-width: 100%; }
    .sliderWeb{ display: none !important; visibility: hidden !important; }*/

    .sliderWeb { height: 510px !important; }
    .sliderWeb .commonSlider{ width: 100% !important; left: 0px !important; right: 0px !important; position: unset; }
    .mainSlider .carousel-control-next, .mainSlider .carousel-control-prev{ z-index: 10; }

    .mob-carousel-image { max-width: 100% !important; height: 200px !important; text-align: center !important; margin: 0px auto auto !important; }
    .mob-carousel-image img{ width: auto !important; height: auto !important; margin: 0 auto !important; max-width: 100% !important; max-height: 100% !important; min-height: unset !important; object-fit: cover !important; object-position: center !important; }
    
    .mob-carousel-image.noSpace-touchBottom{ width: 100%; margin: auto 0px 0px 0px !important; height: auto !important; }
    .mob-carousel-image.noSpace-touchBottom img{ width: 100% !important; }

    .commonSliderContain { padding: 0px 0px 15px !important; }
    
    .innerMainTitle { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; padding: 0px 0px 15px; }
    .innerMainTitleBanner{ min-height: unset !important; display: flex; flex-wrap: wrap; height: 100%; align-content: center; }
    .innerMainTitleBannerImage { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; height: 200px; text-align: center; margin: 0px auto auto; }
    .innerMainTitleBannerImage img { width: auto; height: auto; margin: 0 auto; max-width: 100%; max-height: 100%; }
    
    .innerMainTitle h1, .commonSliderContain h1, .mainSlider .sliderTextBox h1 { font-size: 30px !important; }
    .innerMainTitle h1 small, .commonSliderContain h1 small{ font-size: 17px !important; padding-top: 6px !important; padding-bottom: 15px !important; line-height: 1.3; }
    .myBreadcrumb .breadcrumb{ justify-content: center; }
    .commonSliderContain{ padding: 15px 0px !important; }

    .mmb-1{ margin-bottom: .5rem !important; }
    .mmb-2{ margin-bottom: 1rem !important; }
    .mmb-3{ margin-bottom: 2rem !important; }
    .mmb-4{ margin-bottom: 3rem !important; }


    .percentage99-98{ width: 80px; margin: 10px auto 0px; }

    .dataCentersBg{ background-image: url(../images/mobile/data-center-mob.jpg); background-size: cover; }
    .foundationBanner{ align-items: center !important; }
    

    .btn1, .btn01, .btn2, .btn02, .btn3, .btn4, .btn5, .btn05, .btn6, .btn-orange, .btn-red, .btn-red1 { padding: 6px 20px; min-width: unset; font-size: 12px; }
    
    .mainSlider .carousel-caption{ text-align: center; }
    .zimbra2020-slider1 .commonSliderContain .btn2{ margin-top: 0px !important; }
	.male-superheroes, .female-superheroes, .newZimbraSliderImage{ display: none; }
	.normal-image{ align-items: center; justify-content: center; }
    /*-- Sliders Web Mob End --*/
    
    .moreSecure-title:before { position: unset; content: unset; }


    /*---- Filebox 77 Off Start ----*/
    /*.filebox-77offBanner{ background-color: #efefef; background-image: url("../images/filebox-77off-mob-redBg.png"); background-repeat: no-repeat; background-position: center bottom; background-size: 100%; }
    .filebox-77off-banner2{ display: none; }
    .filebox-77offMain { padding: 0px; }
    .filebox-77offData h1 { font-size: 32px; }
    .filebox-77offData h1 br { display: block; }
    .filebox-77offData h1 small { padding-bottom: 10px !important; }
    .filebox77offBanner{ display: none; max-width: unset; margin: unset; }*/
    /*---- Filebox 77 Off End ----*/


    /*---- Webinar Security and Risk Start ----*/
    /*.webinar-securityandrisk-banner .commonSlider{ height: 100%; }
    .webinar-securityandrisk-main{ border: 0px; max-width: 100%; position: relative; background-color: transparent; }
    .webinar-securityandrisk-main .font-18 { font-size: 14px !important; }
    .webinar-securityandrisk-title { font-size: 22px; padding-bottom: 10px; }
    .webinar-securityandrisk-title small { font-size: 16px; }
    .webinar-securityandrisk-time { display: block; border: 0px; padding-left: 0px; margin-left: 0px; }*/
    /*---- Webinar Security and Risk End ----*/


    /*---- Zimbra Landing ----*/
    ul.listBullet2 li:before { top: 8px; }
    /*---- Zimbra Landing End ----*/

    
    /*------ Landing Style ------*/
    .rounded16 { border-radius: 10px !important; }

    .landing-product h1 { font-size: 80px; }
    .landing-product h1 small { font-size: 24px; }

    .sliderWebMobile.landing-product h1 { padding: 0px 0px 15px !important; text-align: center !important; }
    .sliderWebMobile.landing-product h1 small{ margin: 0px auto; }
    .sliderWebMobile.landing-product br { display: none; }
    .sliderWebMobile.landing-product .font-38 { font-size: 20px !important; }

    .sliderWebMobile.cyberProtection h1 { font-size: 36px !important; line-height: 1.3 !important; text-align: center !important; }
    .sliderWebMobile.cyberProtection br { display: none; }
    .sliderWebMobile.cyberProtection .font-35 { font-size: 20px !important; }
    /*------ Landing Style End ------*/


    /*Webinar Banner*/
    .freeWebinarBtn { padding: 5px 10px; font-size: 14px; width: 140px; }
    .styleBtn { border: solid 2px #ff5027; padding: 8px 10px; }
    .webinar-joinandearn-logo { margin-bottom: 10px; }
    .webinar-joinandearn-logo img { max-height: 22px; }
    .webinar-joinandearn-col{ padding-top: 0px; }
    .webinar-joinandearn-col.first { padding-top: 5px !important; }
    .webinar-persons .persons { max-width: 40px; }
    .webinar-joinandearn-col .font-16 { font-size: 9px !important; }
    .webinar-joinandearn-col .font-26 { font-size: 12px !important; }
    .webinar-joinandearn-col .font-28 { font-size: 12px !important; }
    .webinar-joinandearn-col .font-56 { font-size: 20px !important; }
    .styleBtn.font-22 { font-size: 11px !important; }
    /*Webinar Banner End*/


    /*Mail Buster Slider*/
    .mailBuster h1 { text-align: center !important; font-size: 26px !important; }
    .mailBuster h1 br{ display: none; }
    .mailBuster h1 small{ font-size: 18px !important; display: table !important; max-width: 100% !important; width: 100%; }
    .mailBuster .percentage99-98{ max-width: 100px !important; }
    /*Mail Buster Slider End*/


    /*Zimbra Webinar Landing*/
    .zimbra-webinar .landg-logo-acronis{ max-width: 100%; }
    .zimbra-webinar .landg-logo-acronis img{ max-width: 200px; }
    .zimbra-webinar .radiusStyle .font-46 { font-size: 24px !important; }
    /*Zimbra Webinar Landing End*/


}/*575 End*/

@media only screen and (max-width : 480px) {
    .headerTop { text-align: center; }
    .headerTop li::before { top: 15px; }
    .headerTop ul { justify-content: center !important; }
    .headerTop li { padding: 5px 8px; font-weight: 500; font-size: 14px; }
    .topLanguage .form-control { font-weight: 500; font-size: 14px; }
    .roundColorProgressBarMain .col05 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .roundIconComnBoxOneMain .col05 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    
    /*Calc*/
    .priceProgressbarRight { padding: 20px; }

    /*-------------- Data Center Start --------------*/
    .technology-partner{  }
    .technology-partner .col{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

    .technologyPartnerLogo { padding: 20px 0px; }
    .technologyPartnerLogo img{ width: auto; height: 40px; }
    /*-------------- Data Center End --------------*/


    /*---- FileBox Super Deal Banner Start ----*/
    .fileboxSuperDeal { left: 20px !important; }
    .fileboxSuperDeal h3{ font-size: 26px !important; padding-bottom: 5px !important; }
    .fileboxSuperDeal h3 small{ font-size: 12px !important; padding: 0px !important; margin: 0px !important; }
    /*---- FileBox Super Deal Banner End ----*/

}


/*===================== CHris ================*/
.top-header { padding: 10px 0px; }
.top-header .navbar-brand { margin-right: 0px; }
.top-header-logo-holder { flex-basis: 260px; max-width: 260px; flex-grow: 0; margin-right: 50px; }
.top-header-right-col { flex-basis: 0; flex-grow: 1; }
.top-header-menu-link { text-decoration: none; padding: 0px 12px; }
.top-header-menu-link > * { font-size: 16px; color: #052334; opacity: 0.7; transition: all 0.3s; }
.top-header-menu-link > i { color: #10608f; margin-right: 5px; }
.top-header-menu-link > span { /*letter-spacing: -1px;*/ }
.top-header-menu-link-icon { padding: 0px 5px; }
.top-header-menu-link-icon.active img { opacity: 1 !important; }
.top-header-menu-link:hover > * { opacity: 1; transition: all 0.3s; }
.bottom-header { background: #1e3949; }
.bottom-header .navbar-nav { width: 100%; display: flex; justify-content: space-between; }
.bottom-header .navbar-nav > .nav-item { flex-basis: 0; /*flex-grow: 1;*/ text-align: center; position: static; }
.bottom-header .nav-link { font-size: 16px; text-decoration: none; color: rgba(255, 255, 255, 0.8); font-weight: 400; transition: all 0.3s; padding: 0px !important; }
.bottom-header .nav-link:hover { color: rgba(255, 255, 255); }
/*.bottom-header .nav-item:hover .nav-link span { font-weight: 600; }*/
.bottom-header .nav-link::after { display: none; }
.bottom-header .nav-link > span { display: table; width: auto; margin: 0px auto; position: relative; padding: 10px 0px; text-transform: uppercase; }
.bottom-header .nav-link > span::before { position: absolute; height: 5px; width: 100%; background: transparent; transition: all 0.3s; content: ""; bottom: 0; left: 0; }
.bottom-header .nav-item.show .nav-link>span::before, .bottom-header .nav-item:hover .nav-link>span::before { background: #ffd14a; transition: all 0.3s; }
.megaMenuImageBox:hover .imageOverlay, .imageOverlay { transition: all 0.25s; }
.bottom-header .nav-item.dropdown:hover .dropdown-menu { display: block; }
.bottom-header .dropdown-menu { border-radius: 0px 0px 50px 0px; }


@media only screen and (max-width : 1199px) {
    .top-header-logo-holder{ max-width: 180px; }
    .top-header-menu-link { padding: 0px 6px; }
}

@media only screen and (min-width : 992px) {
    .bottom-header .dropdown:hover .dropdown-menu { display: block; }
}



@media only screen and (max-width : 991px) {
    .bottom-header .navbar-toggler{ background: #4281a5; border-radius: 0px; padding: 8px; margin-left: auto; }
    .bottom-header .navbar-toggler .navbar-togglericon{ background-color: #ffffff; height: 2px; display: block; margin: 5px 0px; }

    .bottom-header .navbar{ margin-left: auto; margin-right: -15px; }

    .bottom-header .container{ display: flex; align-items: center; }

    .top-header-menu-link > *{ color: #ffffff; opacity: 1; }
    .top-header-menu-link > i { color: #ffffff; }

    .top-header-menu-ul li{ padding-right: 20px; }

    /*.bottom-header .nav-item:hover .nav-link span { font-weight: 500; }*/

    .bottom-header .navbar-nav > .nav-item{ text-align: left; }
    .bottom-header .nav-link > span{ margin: 0px; position: unset; padding: 0px; }
    .bottom-header .nav-link > span:before { position: unset; content: none; height: unset; width: unset; }

    .bottom-header .nav-link{ padding: 10px 18px !important; color: #ffffff; border: solid 1px transparent; border-bottom: solid 1px rgba(255, 255, 255, 0.1); font-size: 16px; font-weight: 500; }

    .bottom-header .nav-link:hover, .bottom-header .nav-link:focus { color: #ffffff !important; background-color: #4281a5 !important; border: solid 1px #4281a5 !important; }
    .bottom-header .nav-link.active { color: #ffffff !important; background-color: #4281a5 !important; border: solid 1px #ffd14a !important; }
}

@media only screen and (max-width : 575px) {
    .top-header-menu-link > span{ display: none; letter-spacing: unset; }
    .top-header-menu-link > i { margin-right: 0px; }
}