.melogosvg img {
    display: block !important;
    width: 170px;
    height: 42px;
    margin-top: 3px;
}
.itomlogosvg img{
    width: 80px;
}
.headerinner.fixed .prdLogo img, .headerinner.fixed .prdLogo.newcodelogo svg{
    bottom: 4px;
}
.book-con .custom-btndownload {
    background: #d81d1d;
    padding: 10px 25px;
    border: 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
    outline: 0;
    cursor: pointer;
    position: absolute;
    margin-top: 0px !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-block;
    left: 50%;
    bottom: 0;
    min-width: 140px;
    margin-left: -90px;
}

.error{
    position: absolute;
    width: 100%;
    left: 57px;
    right: 9px;
    forced-color-adjust: 14px;
    font-size: 12px;
    color: #ce2828;
    top: -17px;
    display:none;
}
.dropbtn {
  background-color: #fff;
  color: black;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 253px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
left: 14px;
}


.dropdown-content ul li a {
    font-size: 15px;
}

.main-menu {
    padding: 30px 0px 0 0 !important;
    position: absolute;
    z-index: 999999;
    right: 0px;
    top: 0px;
    width: 35%;
    }


.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {background-color: #fff;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: white;}
#btmscroll h1 {font-size:25px;}
.pad-left1 {padding-left:5%;}
.book-con {text-align:center; position: relative;}
.book-con > img {width:330px;display:block;margin:0 auto;}
.book-con > input {background:#d81d1d;padding:10px 25px;border:0;color:#fff;font-size:20px;text-align:center;outline:0;cursor:pointer;position:relative;margin-top:-65px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.book-con > input:hover {background:#ef2d2d;border-radius:20px;}
#download-form {display:none;}
.foot-copy {background:#f9f9f9;} .main-title {margin-top:0;}
.pro-menu#MEmobile {display:none !important;} .pad1 {padding:20px 0;}
.sec-pTB {padding:40px 0;} .sec-pTB1 {padding:30px 0;}
.banner {background: #0b3090;position: relative;z-index: 1;padding: 10px 0;}
.banner .flex-row:before, .banner .flex-row:after {
content: '';display: table;clear: both;}
.flex-row {
display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;flex-wrap: wrap;
}
.flex-row .col:nth-child(1) {width: 69%;}
.flex-row .col:nth-child(2) {width: 30%;}
.banner-con {text-align: left;padding: 3px 25px;position: relative;
  animation: bannerCon 1.8s ease-in;
margin-right: 35px;
}
@-webkit-keyframes bannerCon {
0% {top: -50px;}100% {top:0;}
}
@keyframes bannerCon {
0% {top: -50px;}100% {top:0;}
}
.fnt-bld {
font: 27px/1.1 'zoho_puvi_extrablack', sans-serif;
}

.banner-con h2, .banner-con h1, .banner-con p {color: #fff;}
.banner-con h1 {font-size: 38px;margin: 0;line-height: 45px;margin-bottom:30px !important;}
.banner-con h2 {margin-top: 0;margin-bottom: 15px;font-size: 16px;}
.banner-con p {line-height: 40px;font-size: 16px;}
.banner-con h1 > span {color: #5425aa;font-weight: bold;font-size: 35px;}
.bannerImg {max-width: 280px;width: 100%;}





@media(max-width:1024px) {
.icon-section .icon-grid {width:28% !important;}
}

@media(max-width:768px) {
.flex-row .col {width: 100% !important;}
.div-img {margin-top:20px;}
.div-img img {width:70%;}
.banner-con {align-content: center;text-align:center;}
}

@media(max-width:650px) {
.icon-section .icon-grid {width:95% !important;}
}

/* ====== sprite css ======*/


a{text-decoration: none !important;}
#scroll{display: block !important;}
#topsec-rhs, .fr {display: none;}
#commonHeader{min-height: 40px;}


.dropdown-content ul {
    padding: 10px 0px;
}






ol, ul {
list-style: none;
}
.main-menu li {
display: inline-block;
padding: 0 15px 0px 15px;
}
.main-menu li:hover a, .main-menu li.active a {
color: #000;
text-decoration: none;
display: inline-block;
}
.main-menu li:hover a, .main-menu li.active a {
text-decoration: none;
}
.main-menu li a, .tfaq-menu {
color: #333;
font-size: 16px;
display: block;
padding: 0px 5px;
border-bottom: 3px solid transparent;
width: 100%;
margin: 8px 0px;
}
/* end css*/


.heading-menu, #scroll{display: none;}
h1,h3,h4,h5,h5,p{margin: 0px !important;}
p{line-height: 26px !important;}
.div-row {position: relative;}

.landing-page-bg {background-repeat: no-repeat;background-position: -80% center; background-attachment: scroll;background-size: cover;border-bottom: 1px solid #ddd; 
    background:#083090 }  

    /* .landing-page-bg {background-repeat: no-repeat;background-position: -80% center; background-attachment: scroll;background-size: cover;min-height: 510px;border-bottom: 1px solid #ddd; 
        background:#330F60 url(../itom/images/security-banner-bg2.svg) no-repeat ;}  */
  
.div-row .content-sec {max-width: 1400px;margin: 0 auto;padding: 0 10px;}
.content-sec .col-left{float:left;} 
.display-table {display: table;}
.custom-container {width:100%;position: relative; display: block;}
.col-left {width:100%;float: left;}

.container {max-width: 1200px;width: 95%;margin: 0 auto;transition: all 0.2s ease-in 0s;}
.row::after {content: "";clear: both;display: table;}
.row {display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: normal;width:100%;justify-content: center;}
.row .cell, .row1 .cell {width:29%;display:flex;margin:10px;-webkit-box-shadow:0 0 5px 0px #f0eded;box-shadow:0 0 5px 0px #f0eded;background:#fff;}
.sec-pTB {padding:60px 0 !important;} .sec-pTB1 {padding:30px 0;}
.banner-cover {background: #faecd6;position: relative;z-index: 1;padding: 50px 0;    animation: anim 2s ease-in-out;
    transition: all .5s ease-in-out;opacity: 1;display: table-cell; vertical-align: middle;}

.banner .custom-row{width:100%}
.banner-cover .custom-row{justify-content: left;}
.banner-cover .flex-row:before, .banner .flex-row:after {content: '';display: table;clear: both;}
.custom-row .col:nth-child(1) {width: 69%; display: table;}
.custom-row .col:nth-child(2) {width: 31%; display: table;}


.banner {
    display: flex;
    align-items: center;
    justify-content: center;
    
}
  
  
  
/* @-webkit-keyframes bannerCon {
0% {left: -50px;}100% {left:0;}
}
@keyframes bannerCon {
0% {left: -50px;}100% {left:0;}
}  */
  
.lnk {color: #8D38BA;}
.div-img {text-align: center;position: relative;  }
.div-img img:nth-child(2){position: relative;}
.anim-bg {position:absolute;z-index:0;}
img{max-width: 100%;} 


.display-table{display: table; min-height: 500px;}


/*============ Custom dropdown ============*/  

.custom-dropdown-icon {position: absolute;right: -6px;top: 5px;transition: all 500ms ease;width: 20px;height: 30px;;}
.custom-dropdown-icon::before {content: '';width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #585656;position: absolute;top: 17px;right: 0}
.custom-dropdown-icon::after {content: '';width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;position: absolute;top: 16px;right: 2px}

  
/*============ End ============*/  


/* ================= form style ================*/  


.custom-row::after {content: "";clear: both;display: table;}
.custom-row {display: flex; flex-wrap: wrap;align-items: normal;width: 100%; justify-content: center; }
.custom-row .grid50 , .custom-row .grid30{padding: 0px 15px;}
.custom-row .grid60 {width: 60%; position: relative;}
.custom-row .grid50 {width: 44%; position: relative;}
.custom-row .grid30 {width: 30%;}
.custom-row .grid{width: 100%}

  
/* ================= form style ================*/
  
.form-con{position:relative;background:#fff;width:310px;animation:formAnim 1s ease-in-out; border-radius: 6px;padding: 25px;text-align: center;display: flex;align-items: center;justify-content: center; }
.fixed-form {width: 310px;transition: all .5s ease-in-out;box-shadow: 0px 0px 10px #c3c3c3;margin: 0 auto;right: 0;animation: formAnim 0.3s ease-in-out;position:relative;}
@keyframes formAnim {
  0% {top:50px;}
  to {top:0;}
}

  
.form-title h2{text-align:center;margin-bottom: 15px !important;font-size: 16px; font-weight: 700;line-height: 24px;}
.form-con h2, .form-con p { margin: 0; color: #ec1e1e;}
.form-con p {font-size: 12px;line-height: 20px;padding: 15px 0;}
.form-con .input-row {padding: 5px 0; }
.form-con .input-row input, .input-row select {width: 100%;border: solid 1px #ddd;padding: 5px 10px;outline: none;height: 40px;box-sizing: border-box;background: #fff;font-size: 13px;transition: all .3s ease-in-out;}
/*.form-con .input-row input:hover, .form-con .input-row select:hover {box-shadow: 0 0 10px 0 #ddd;-webkit-box-shadow: 0 0 10px 0 #ddd}*/
.form-con .input-row input[type="submit"] {background:#ce2828;color: #fff;margin-top: 10px;font-size: 15px;font-weight: 700;}
.form-con .input-row textarea{width: 93%;resize: none;height: 60px;padding: 5px 10px;font: 400 13.3333px Arial; border: solid 1px #ddd;}
.form-con .input-row textarea:focus{outline:none;}  
.btn-div a {position: relative;background: #ec1131;color: #fff;padding: 10px 15px;border-radius: 6px;text-decoration: none;margin: 25px 15px;display: inline-block;}
  
.btn-div a:link, .btn-div a:visited {transition: all .5s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.btn-div a:hover {box-shadow: 0 5px 10px 0 #8a8a8a;-webkit-box-shadow: 0 5px 10px 0 #8a8a8a;}
.dwn-priv {margin-top: 0 !important;color: #737373 !important;}
.dwn-priv a {color: #124cb7;}
    

/* @-webkit-keyframes formAnim {0%{left:0px;} 100%{left:100px;}}
@keyframes formAnim {0%{left:0px;} 100%{left:100px;}} */
    
.sec-pTB {padding:60px 0 !important;} .sec-pTB1 {padding:30px 0;}









/*=========== icon list section css ============*/  
  
.listed-section {margin-top: 20px;} 
.icon-listed ul {list-style: none;margin: 0; padding: 0;margin-bottom:28px;border: 1px solid #d2d8e8;border-left-width: 5px;border-left-color: #9eafda;border-radius: 6px;} 
.icon-listed li { list-style: none;display: block; position: relative; padding-left: 40px;line-height:40px;border-bottom:1px solid #f7f7f7;}
.icon-listed ul li span {height: 22px; width: 20px;text-align: center; line-height: 20px; font-size: 18px;padding-left: 2px;position: absolute;display: inline-block;top: 10px;left: 7px;}
.icon-listed ul li span:after { content: '';display: block; width: 4px;height: 10px;border: solid #adadad;border-width: 0 3px 3px 0;transform: rotate(45deg);position: absolute;left: 8px;top: 3px;}
    
.listed-section .custom-row{width:100%;}

.button-div {display: flex;align-items: center;justify-content: center;margin: 60px 0px 0px;} 
.free-btn {background: #484f8c; color: #fff;margin-top: 10px;font-size: 16px;font-weight: 700; padding: 10px 30px; border-radius: 50px;margin: 0px 25px; border-radius: 4px;border: 2px solid transparent;transition: all .3s;} 
a.free-btn:hover {border: 2px solid #3c448a;background: #3c448a; color: #fff;text-decoration: none !important;transition: all .3s;} 
.cont-box {border:1px solid #ffc86c;border-left-width:5px;padding:15px;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;}  
/* .listed-section  .cont-box{padding: 30px; box-shadow: 0 2px 28px -14px rgba(160,158,158,.75)} */

.ulTB {background:#fff;margin-top:30px;}
.ulTB li{display:inline-block;margin:20px 12px;width:9%;height:60px;-webkit-box-shadow:0 0 14px 0px #EDF1F6;box-shadow:0 0 14px 0px #EDF1F6;vertical-align:top;padding:10px;} .fntlg{font-size:35px;color:#fff;font-weight:500;} .fnt20{font-size:20px;} 
.ulTB > li > img {width: 70px;position: relative;}
.ulTB > li:nth-child(1) > img {top:10px;width: 50px;}
.ulTB > li:nth-child(2) > img {top:20px}
.ulTB > li:nth-child(3) > img {top:10px;width: 43px;}
.ulTB > li:nth-child(4) > img {top:19px;}
.ulTB > li:nth-child(5) > img {top:10px;width: 43px;}
.ulTB > li:nth-child(6) > img {top:19px;}
.ulTB > li:nth-child(7) > img {top:19px;}
.ulTB > li:nth-child(8) > img {top:19px;}
.ulTB > li:nth-child(9) > img {top:19px;}


/* ================= icon section css ================*/

.icon-section {display: flex;flex-wrap: wrap;align-items: normal;width: 100%;justify-content: center;}
.icon-section .icon-grid {width: 30% ;display: flex;margin: 15px 15px;}
.bg-box {padding: 15px 15px; position: relative;box-shadow: 0 0 14px 0px #edf1f7;background: #fff; text-align: left;width:100%;border-radius:6px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.bg-box:hover {-webkit-box-shadow:0 0 5px 5px #d7e0ec;box-shadow: 0 0 25px 5px #d7e0ec;}
/*.bg-box:before {content:'';position:absolute;background:#ddd;width:100%;height:2px;left:0;bottom:0;}*/
.bg-box h2{font-size: 20px;margin:10px 0;position:relative;} .bg-box h2:before {content:'';position:absolute;background:#dcdcdc;height:1px;width:50px;bottom:-1px}


.icon-wrapper {
    margin: 0 auto;
    display: block;
}

.icon-wrapper img{max-width: 70%;width:40px;}

/*.icon-section .content:hover .icon-wrapper{
    border: 1px solid #d4ddf3;
   box-shadow: 0 0 25px #e8e8e8;
    transition: all .5s;}*/
/*.icon-section .content:hover span img{transform: scale(1.2); transition: all .5s;}*/

.icon-section .content:hover span, .icon-section .content:hover h2{text-decoration: none !important;}

.icon-section  .max span{font-size: 16px;}

.gif-section{ background: #f7faff;}

.content span{color:#333;}
.content a{display:block; height:100%}





/* ================= Media query css ================*/


@media (max-width:560px){
    .fixed-form{width:unset;}
    .icon-section .icon-grid{width:100%;}
.main-menu {width:100% !important;top:97px;background:#fff;text-align:center;padding:0 !important;}
.banner {top:30px;}
}


@media (max-width:767px){
.pad-left1 {padding-left:0;}
    .custom-row .grid60, .custom-row .grid30{width: 98%;}
    .fixed-form{margin: 0 auto;}
    .col-left {width: 100%;}
    .icon-section .icon-grid{width:100%;}
    .banner-con h1 {
        font-weight: 700;
        font-size: 32px;
        line-height: 38px;
    }
    .custom-row .grid50{width:100%;}
    .banner{min-height: auto;}
    .fixed-form{    position: unset;}

}


@media screen and (max-width: 1024px) {
.main-menu li a, .tfaq-menu{font-size:16px;}
.main-menu{width: inherit;}
.col-left{width:100% !important;}
.fixed-form{margin: 0 auto 30px;}
.landing-page-bg{min-height: auto;}
.custom-row .col:nth-child(1), .custom-row .col:nth-child(2){min-height: auto; width:100%;}
.banner{ padding: 45px 15px;}
.custom-row .grid50

}





@media (min-width: 1200px){
    .container {max-width: 1170px !important;}  
    .div-row .content-sec {max-width: 1170px !important;} 
   
        
    }
        
    @media screen and (max-width: 1400px){
    .col-left { width: 100%;}
    .container {max-width:95%;}
        
    }   
        
        
    @media (min-width: 1401px){
    
    .container {max-width: 1315px !important;}
    .div-row .content-sec {max-width: 1390px !important;}
    .col-left {width: 100%;}  
        
    }
        
@media (max-width: 1500px){
    .main-menu{width: 40%}
    }
    @media (max-width: 1140px){
    .main-menu{width: 46%}
    }
     @media (max-width: 960px){
    .main-menu{width: 64%}
    }
       @media (max-width: 700px){
    .main-menu{width: 74%}     
    }