body{
    font-size: 1.1rem;
    font-family: 'Poppins', sans-serif;
}
.cce-main-body.container-fluid{
    padding-left: 0px;
    padding-right: 0px;
}

.ReVueStarted .cce-main-lt-content{
    background-image: url(../../../../images/ReVue/videoBG.jpg);
    background-size: cover;
}
.ReVueStarted .cce-main-lt-content{
    padding-top:5%;
    padding-bottom:7%
}
.startedHeaderContainer{
    display:flex;align-items:center
}
.headerContent{
    top: 104px;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
}
.preWrap{
    white-space:pre-wrap
}
.mainHeader{
    font-weight: bold;
    font-size: 40px;
    line-height:50px
}
.subHeader{
    font-size:36px;
    font-weight:bold;
    line-height:44px
}
.contentFamily{
    font-size:16px;
    line-height:normal;
 
}
.btnStyle1{
    text-decoration:none;
}
.btnStyle1 span{
    border: solid 1px #ff6a00;
    font-size: 18px;
    max-width: 360px;
    width:100%;
    line-height: normal;
    padding:10px;
    vertical-align: middle;
    text-align: center;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    border-radius: 10px;
    background-color: #ff6a00;
    text-decoration: none !important;
}
.btnStyle1 span:hover {
    background-color: #fff;
    color: #ff6a00 !important;
}
.cursor-default{
    cursor:default;
}
.navBarStyle {
    width: 30%;
    background: #EAEAEA;
    float: left;
    /* margin-left: 5.3%; */
    /* position: absolute; */
    /* top: 37px; */
    height: calc(100vh - 72px);
    max-height:100%;
    /*border: solid 1px #d7d6d6;*/
    padding-bottom:30px
}
.securitySection span::before{
    content:"";
  font-size:20px;
  position: relative;
  left: -15px;
  top: 40%;
}



.arrow_box {
    border-left: 5px solid #AD1723;
    padding-left: 15px;
    padding-top:8px;
    color:#AD1723;
    font-weight:bold;
    position:relative;
    min-height:40px;
    font-size:18px;
    line-height:24px
}
.arrow_box:before {
   content: ' ';
       position: absolute;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8px solid #AD1723;
    top: calc(50% - 7px);
    left: 0px;
}

.bullet_checkBox {
    background-image: url(../../../../assets/images/ensuite360/Tick-image.png);
    display: block;
    background-repeat: no-repeat;
    padding-left: 36px;
    margin: 0 0 15px;
    text-align: left !important;
    background-position: 0 6px;
    margin-left: 22px;
    padding-top: 6px;
    margin-top: 7px;
    font-size:18px;
      line-height:24px;
    font-weight:600
}



.timeline{
    position:relative
}
.timeline:before {
    position: absolute;
    /* left: 50%; */
     /*top: 55px;
    bottom:30px;*/
       top: 0;
    bottom:0;
    content: ' ';
    display: block;
    width: 3px;
    /*height: calc(100% - 60px);*/
    
    background: rgb(255,106,0);
    background: -moz-linear-gradient(top, rgba(255,106,0) 0%, rgb(255,106,0) 8%, rgb(255,106,0) 92%, rgba(255,106,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
    background: -webkit-linear-gradient(top, rgba(255,106,0) 0%, rgb(255,106,0) 8%, rgb(255,106,0) 92%, rgba(255,106,0) 100%);
    background: -o-linear-gradient(top, rgba(255,106,0) 0%, rgb(255,106,0) 8%, rgb(255,106,0) 92%, rgba(255,106,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,106,0) 0%, rgb(255,106,0) 8%, rgb(255,106,0) 92%, rgba(255,106,0) 100%);
    background: linear-gradient(to bottom, rgba(255,106,0) 0%, rgb(255,106,0) 8%, rgb(255,106,0) 92%, rgba(255,106,0) 100%);
    z-index: 5;
}
.timeline li{
        position: relative;
    list-style: none;
    /* margin-top: 30px; */
    margin-bottom: 50px;
}
.timeline li:last-child a{
     position:absolute
    /*padding-bottom: 100px;*/
}
/*.timeline li:before{
    position: absolute;
    top: 15px;
    right: -40px;
    content: ' ';
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -10px;
    background: #fff;
    border-radius: 10px;
    border: 4px solid rgb(255,80,80);
    z-index: 10;
    left:-6px
}*/
.timeline{
    padding-left: 30%;
    /*padding-top: 50px;*/
      margin-top: 50px;
    /*padding-bottom: 20px;*/
}
.timeline li>span{
    position: absolute;
    top: -2px;
    right: -40px;
    content: ' ';
    display: block;
    width: 30px;
    height: 30px;
    /* margin-top: -10px; */
    background: #ff6a00;
    border-radius: 50%;
    border: 4px solid #ff6a00;
    z-index: 10;
    left: -13px;
    color: white;
    line-height: 24px;
    text-align: center;
    -webkit-text-stroke: 0.5px black;
    font-size: 23px;
    font-weight: bold;
    -moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0.4));
    -webkit-box-shadow:0 0 7px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0,0.4)
}
    .timeline li.active > span {
        -webkit-text-stroke: 1.5px black;
        width: 50px;
        height: 50px;
        left: -23px;
        vertical-align: middle;
        line-height: 50px;
        font-size: 31px;
        top: -6px;
        backface-visibility:hidden;
        transition:width .1s ease-in-out, height .1s ease-in-out,font-size .1s .1s ease-in-out,left .1s ease-in-out;
        
    }
    .timeline li.active a{
        cursor:default
    }
    .timeline li > a {
        margin-left:65px;
        display:inline-block;
        text-decoration:none;
        color:#000;
        font-weight:bold;
        margin-right:20px;
        font-size:17px
    }
    .timeline li > a span{
        font-style:italic;
        font-weight:normal
    }
    .timeline li.active > a{
        font-size:25px
    }

    .timeline li:not(.active) > a:hover{
        color:#ff6a00
    }

    .height100vh {
    min-height: calc(100vh - 71px);
}
.checkPoint {
    width: 0;
    height: 0;
    border: 0;
    background: #c4c5d7;
    outline: 0;
    padding: 0;
    margin: 0;
    line-height: 0;
}
.divRightContent {
    display: table;
    float:right;
    width: calc(100% - 30.01%);
    padding-bottom:40px;
    border:solid 1px #707070;
        padding-left: 30px;
    padding-right: 30px;
}
.rightContent{
    text-align:left;
    padding-top:15px;
    padding-bottom:20px;
        font-size: 20px;
    line-height: 33px;
}
.sectionContent{
    padding-top:80px
}
.sectionDesc {
    width: 100%;
    float: right;
    padding-top:40px;
    padding-bottom:40px;
    text-align:center;
}
.divRightContent img{
    width:100%;
    max-width:1150px;
    border:solid 1px #707070
}
.divRightContentWrapper{
    max-width:1150px;
    margin:0 auto;
    text-align:center
}
.stickyLeftBar {
    position: fixed !important;
    top: 72px !important;
    overflow:auto
}

.stickyReVue {
    text-decoration: underline;
    color: #00B0F0;
}


    .stickyReVue.stick {
        position: fixed;
        z-index: 10000;
        top: 50%;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        backface-visibility: hidden;
        transform-origin: 49% 41%;
        right: -36px;
        transition: right 0.9s ease-out 0s;
        background-color: #ff6a00;
        color: #fff;
        border: solid 1px #ff6a00;
        padding: 10px;
        border-radius: 5px;
        text-decoration: none;
    }

     /*   .stickyReVue.stick:hover {
            border: solid 1px #ff6a00;
            color: #ff6a00;
            background: #fff;
        }



        .stickyReVue.stick:hover {
            border: solid 1px #ff6a00 !important;
            color: #ff6a00 !important;
            background: #fff !important;
        }*/

    .stickyReVue.stickAnimation {
        -webkit-animation: mymoveToRight 0.4s ease-in-out;
        animation: mymoveToRight 0.4s ease-in-out;
    }

    .stickyReVue.stick a {
        border-radius: 0px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 15px 20px;
        font-size: 1.4em;
    }

.floatingBtn.stickyReVue.stick {
  top: 30%;
    width: 134px;
    height: auto;
    right: -44px;
    line-height: normal !important;
    font-size: 11px;
    padding: 3px 10px;
} 
@-webkit-keyframes mymoveToRight {
  from {top: 10%;right:25%;opacity:0.5}
  to {top: 40%;right: -43px;opacity:1}
}

@keyframes mymoveToRight {
  from {top: 10%;right: 25%;opacity:0.5}
  to {top: 40%;right: -43px;opacity:1}
}
.ImgContent{
    max-width: 600px; text-align: center; margin: 0 auto
}
/********************************* header styles *****************************/
.cce-header .nav-link{
    color: white;
    font-weight: 400;
    font-size: 15px;
}
.navbar.fixed-top{
    position: fixed;
    margin-bottom: 0px;
} 
.cce-header .navbar-inverse{
    background: transparent;
    border-color: transparent;
}

.cce-header .navbar-toggle{
    border: none;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
    background: transparent;
}
 #myNavbar.whitebg_temp{
    background-color: white !important;
}
 #myNavbar.whitebg_temp svg{
    fill: black;
}
 #myNavbar.whitebg_temp .navbar-collapse li a{
    color: black !important;
}
 #myNavbar.whitebg_temp .navbar-collapse li a:hover{
    color: #f42e14 !important;
}
 #myNavbar.whitebg_temp .navbar-collapse li a:hover svg{
    fill: #f42e14;
}
  #myNavbar.whitebg_temp .nav.navbar-nav a:hover:after{
    background-color: #f42e14;
}
 #myNavbar.whitebg_temp .navbar-collapse li .dropdown-content a{
    color: #d2d2d2 !important;
    justify-content: flex-start;
}
 #myNavbar.whitebg_temp .navbar-collapse li .dropdown-content a:hover{
    color: #fff !important;
    font-weight:600;
}
.whitebg.navbar-inverse .navbar-toggle .icon-bar{
    background-color: black;
}
.whitebg .navbar-inverse .navbar-nav>li>.nav-link,#myNavbar.whitebg_temp li>.nav-link{
    color: black !important;
}
.navbar-inverse .navbar-nav>li>a{
    color: white;
}
.navbar-collapse .navbar-nav>li>.nav-link{
    padding-top:2px; /*padding-bottom:6px;
   transition:none*/
}
.navbar .navbar-nav {
    margin: 7.5px -15px;
}
.navbar-nav>li{
    padding: 0 7px;
}
.flex-g{
    flex-grow: 1;
}
.cce-header .navbar-brand img{
    width: 160px;
    height: auto;
    margin-top: 8px;
}
.cce-header .navbar-brand{
    padding: 0px;
     height: auto;
    display: flex;
    align-items: center;
}
.cce-header .container.container-fluid{
    padding: 10px 0px;
}
.cce-header .navbar{
    transition: all linear 0.2s;
}
.cce-header .navbar.whitebg{
    background-color: white;
     -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
}
.cce-header .navbar.whitebg .nav-item .nav-link:not(.highLightBG),.cce-header .navbar.whitebg_temp .nav-item .nav-link:not(.highLightBG){
    color: black;
}
.cce-header .navbar .nav-item .nav-link:hover, .cce-header .navbar.whitebg .nav-item .nav-link:hover,.cce-header .navbar.whitebg_temp .nav-item .nav-link:hover{
    background-color: transparent;
}
.cce-header .header_svg{
    fill: white;
    transform: scale(0.8);
    margin-right: 3px;
}
.cce-header .whitebg .header_svg{
    fill: black;
}
.cce-header .header_svg.svg_product, .cce-header .header_svg.svg_store{
    margin-right: 5px;
}
.cce-header .header_svg.svg_user{
    transform: scale(0.6);
     margin-top: 0px;
}
.cce-header .navbar .nav-item .nav-link{
    display: flex;justify-content: center;
    align-items: center;
    min-height:53px
} 
.nav-item .nav-link::after{
    position: absolute;
    width: 0px;
    height: 1px;
    background-color: white;
    content: ' ';
    display: block;
    bottom: 10px;
    display: flex;
    justify-content: center;
    text-align: center;
    transition: all linear 0.3s;
}
.cce-header .navbar .nav-item .nav-link:hover:after{
   width: 90%;
}
.cce-header .navbar.whitebg .nav-item .nav-link:hover:after{
    background-color: #f42e14;
    height: 2px;
}
.navbar-nav{
    flex-direction: row;
}
.cce-header .navbar.whitebg .nav-item .nav-link:hover{
    color: #f42e14;
}
.cce-header .navbar.whitebg .nav-item .nav-link:hover svg{
    fill: #f42e14;
}
.highLightBG{
    background-color:#778399 !important;
    font-weight:600 !important;
    color:#fff
}
#myNavbar .dropdown-content,#myNavbar .dropdown-content-sub {
    display: none;
    position: absolute;
    background: rgba(33, 57, 106, 0.8);
    min-width: 222px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    /*padding-bottom: 10px;*/
    top: 40px;
  }
 #myNavbar .dropdown-content-sub{
    left: 220px;
    top: 0px;
     min-width: 318px;
}
  #myNavbar .dropdown-content a {
    padding: 8px 10px;
    text-decoration: none;
    display: block;
    justify-content: flex-start !important;
   
    font-size: 16px;
    font-weight: 300;
  }
  #myNavbar .dropdown-content a:not(.highLightBG){
       color: #ece9e9 !important;
  }
  #myNavbar .dropdown-content a:first-child{
      padding-top: 15px;
  }
  #myNavbar.whitebg .navbar-collapse li .dropdown-content a, #myNavbar.whitebg_temp .navbar-collapse li .dropdown-content a{
      color: #d2d2d2 !important;
      justify-content: flex-start;
  }
  #myNavbar .dropdown-content a:hover, #myNavbar.whitebg .navbar-collapse li .dropdown-content a:hover, #myNavbar.whitebg_temp .navbar-collapse li .dropdown-content a:hover{
      color: #fff !important;
      font-weight: 400;
  }
  #myNavbar .nav.navbar-nav .dropdown-content a::after{
      content: '';
      display: none;
  }
  .nav-item a::after{
      border: none !important;
  }
  .hr-L{
      width: calc(100% - 20px);
      height: 2px;
      background: white;
      margin: 6px 10px;
  }
  
  /* #myNavbar .dropdown-content a:hover {background-color: ;} */
  
  #myNavbar .dropdown:hover .dropdown-content {
    display: block;
  }
   #myNavbar .dropdown-sub:hover .dropdown-content-sub {
    display: block;
  }
.dropdown-arrow-sub {
    display:block;
   
    top:-2px;
    right:20px;
}
  .dropdown-arrow,.dropdown-arrow-sub{
     display: none;
     font-size: 24px;
     transform: rotate(0deg);
     transition: all  linear 0.2s;
  }
  .dropdown-arrow.dropdown_rotate,.dropdown-arrow-sub.dropdown_rotate{
      transform: rotate(45deg);
  }
  .dropdown > a{
      float: left;
  }
  .dropdown-content > a{
      clear: both;
  }
  @media screen and (max-width: 1300px){
      .navbar-collapse .navbar-nav>li>a{
   padding-bottom:6px;
}
    .dropdown-arrow,.dropdown-arrow-sub{
        display: inline-block;
    color: black;
    margin-left: 10px;
    padding-top: 7px;
    position: absolute;
    }
    .navbar .navbar-nav{
        margin:0
    }
    .dropdown-sub>a{
        margin-right:40px;
    }
    .dropdown-arrow-sub {
        color:white
    }
    #myNavbar .dropdown-content {
  display: none;
  height: 0;
  overflow: hidden;
  position: relative;
  background: rgba(33, 57, 106, 0.8);
  min-width: 260px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding-bottom: 0px;
  transition:all linear 0.2s;
 /* margin-left: -185px;*/
  margin-bottom: 10px;
  float: left;
}
    #myNavbar .dropdown-content.showDD{
       height: auto;
        display: block !important;
        clear:both;
        top:0px
    }
    #myNavbar .dropdown-content-sub.showDD{
      position:static;
      display:block !important;
    }
    #myNavbar .dropdown:hover .dropdown-content,#myNavbar .dropdown:hover .dropdown-content-sub {
  display: none;
}
    #myNavbar .dropdown-content{
       
    }
    .cce-header .navbar .nav-item a:hover:after{
        background:transparent !important;
        height:0px;
        transition:none !important;
        content:none
    }
  }

/****************************************** end of header style **********************/

/******************************************* Back to top button ************************/
.back-to-top-link{
    cursor:pointer;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
#back-to-top{
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 30px;
    right: 30px;
    /* z-index: 9999; */
    background: rgba(67,78,97,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin: 0;
    border: 1px solid rgb(199, 194, 194);
    display: none;
}
/******************************************* @media queries ***********************************/

/******************************************* old styles ***************************************/

/************************************ Main title css ******************************************/
.cce-layout-title{
    margin-top: 0px;
    color: white;
    font-weight: 700;
    font-size: 66px;
    text-align: center;
    position: relative;
}
.cce-main-lt-content{
    padding-top: 17%;
    padding-bottom: 17%;
}
.cce-layout-title::before, .cce-layout-title::after{
    content: ' ';
    display: block;
    position: absolute;
    width: 1px;
    height: 81px;
    background-color: white;
    left: calc(50% + 51px);
    top: -74px;
    transform: rotate(37deg);
}
.cce-layout-title::after{
    left: calc(50% - 50px);
    top: auto;
    bottom: -75px;
    transform: rotate(37deg);
}
.cce-pl-title h3::before{
    content: ' ';
    display: block;
    position: absolute;
    top: -16px;
    width: 70px;
    height: 6px;
    background-color: #0070c0;
}
.cce-pl-title h3{
    font-size: 38px;
    line-height: 40px;
    font-weight: 700;
    position: relative;
    color: black;
}
/*p{
    font-size: 13px;
    font-weight: 400;
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
}*/
/********************************* floating button styles **************************************/
.cce-download-btn a{
    color: white;
    background: #0070c0;
    display: inline-block;
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 30px;
    text-decoration: none;
    border: solid 2px transparent;
    transition: all linear 0.2s;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}
.cce-download-btn a span svg {
    fill: white;
    height: 20px;
    width: 20px;
    margin-left: 12px;
}
.cce-download-btn a:hover {
    color: #0070c0;
    background: white;
    border: solid 2px #0070c0;
}
.cce-download-btn a:hover svg{
    fill: #0070c0;
}
.cce-floating-btn{
    position: fixed;
    top: 40%;
    z-index: 9999;
    right: -102px;
    transform: rotate(270deg);
    display: none;
}
.cce-floating-btn .cce-download-btn a{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
/************************************ main title css ends **************************************/
  .w50{
      width: 50%;
  }
  .home-text-sec-h{
      background-color: #fff;
  }
  .text-sec-h{
      display: flex;
  }

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
    margin-left: 0px !important;
    margin-top:3px
}
/**************    footer css ***************/
.footer-logo-div{
    display: flex;
    align-items: center;
    padding: 20px 0px;
    border-bottom: 1px white solid;
}
.footer-social-logo{
    display: flex;
}
.footer-social-logo .footer-social-icon{
    margin-left: 5px;
    margin-right: 5px;
}
.footer-social-logo .footer-social-icon i{
    color: white;
    font-size: 18px;
    background-color: transparent;
    background: transparent;
} 
.footer-logo img{
    max-width: 160px;
}
/* .footer-content-sec{
    display: flex;
} */
.footer-content-sec h3, .footer-content-sec p{
    color: white;
}
.footer-content-sec h3{
    font-size: 20px;
    margin-bottom: 24px;
    font-weight: 300;
    margin-top: 24px;
    letter-spacing: 1px;
    color: white;
}
.footer-content-sec h3 a{
    color: white;
}
.footer-content-sec p{
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 2px;
    text-align: left;
}

#cce-er-msg, #cce-er-msg2, #cce-ssmg{
    visibility: hidden;
}
.cce-footer{
    background-color: #263758;padding-bottom: 30px;
}
.cce-newsletter-input{
    display: flex;
    margin-top: 22px;
    max-width: 90%;
}
.footer-content-sec .cce-newsletter-input input[type="text"]{
      background: white;
    color: black;
    width: 100%;
    padding: 14px 15px;
    display: flex;
    max-width: 290px;
    border: none;
    font-size: 15px;
    border-radius: 20px;
}
.footer-content-sec input:focus{
    outline: none;
}
.cce-form-recaptcha>div{
    padding: 0px;
    /* margin-top: 8px; */
}
#cce-recaptcha{
    padding: 13px 30px;
    font-size: 14px;
}
.cce-footer-link-list li a{
    color: white;
    font-size: 14px;
    font-weight: 300;
    display: block;
    margin-bottom: 8px;
    letter-spacing: 1px;
}
.cce-footer-link-list{
    color: white;
}

.footer-content-sec input[type="text"]::placeholder{
     font-size: 15px;
    font-weight: 300;
}
.footer-content-sec input[type="button"],.footer-content-sec input[type="submit"] {
    background: #0070c0;
    border: none;
    color: #ffffff;
    border-radius: 20px;
    padding: 9px 24px;
    font-weight: 600;
    margin-top: 3px;
}
.footer-site-info{
    background-color: #E3E4E8;
    color: white;
    font-size: 15px;
    font-weight: 600;
    padding: 25px 20px 25px 20px;
}
.f-newlttr-sec a{
    color: white;
    text-decoration: underline;
} 
.copyright-bar{
    text-align: center;
    color: #434E61;
}
#BasedivError{
    padding-left: 0px;
    margin: 2px 0px;
    font-weight: 300;
    font-size: 12px;
}
.cce-footer-subscribe, .cce-footer-tfs{
    text-align: center;
}
.cce-footer-subscribe
{
	position:relative
}
.cce-footer-captcha-ref{
    cursor: pointer;
    max-width: 24px;
    margin-left: 3px;
}
.rotateProgress {
    visibility: hidden;
    height: 16px;
    width: 15px;
    animation: rotate 1.5s infinite linear;
    border: 2px solid;
    border-right-color: transparent;
    border-radius: 50%;
    visibility: hidden;
    display: inline-block;
    box-sizing: content-box;
    color: grey;
    margin-top: 11px;
    margin-left: 5px;
}
@keyframes rotate{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@media only screen and (min-width: 1300px){
    .container{
        max-width: 1380px !important;
        width: 100%;
    }
    .cce-header .nav-link{
        font-size:14px
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1419px){
    
    .cce-header .nav-link{
        font-size:13px
    }
}

@media only screen and (min-width: 1420px){
    
    .cce-header .nav-link{
        font-size:15px
    }
}

@media only screen and (max-width: 1300px){
    .cce-form-recaptcha{
        flex-direction: column;
        align-items:flex-start
    }
    .cce-recaptcha-input{
        text-align:left
    }
    #cce-recaptcha{
        max-width: 130px;
    }
    .cce-img-captcha{
        display: flex;
        align-items: center;
    }
    .cce-recaptcha-input {
        width: 100%;
    }
    .cce-header span.nav-link{
        padding-bottom:0 !important;
    }
    .cce-header .navbar .nav-item .nav-link{
        display:inline-flex
    }
   
}

@media only screen and (max-width: 1300px){
    .cce-header .navbar-brand img{
        margin-top: 6px;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
        border-width: 0px;
        border-color: transparent;
    }
    .cce-header .navbar-nav{
        padding-left: 24px;
    }
    .cce-header .navbar .nav-item .nav-link{
        justify-content: flex-start;
        color: black;
    }
    .cce-header .navbar.whitebg .nav-item a::after
    {
        display: none;
    }
    #myNavbar.collapse, #myNavbar.collapse:not(.show){
        display: none;
    }
    .navbar-toggle{
        display: block;
    }
    .navbar-collapse.collapse{
        display: none !important;
        background: transparent;
    }
    .navbar-collapse.collapse.in, .navbar-collapse.collapse.show{
        display: block !important;
    }
    .navbar-collapse{
        width: 100%;
    }
    .cce-header .navbar-header{
        width: 100%;
    }
    #myNavbar .navbar-right{
        float: left !important;
        background: #eee;
        width: 100%;
    }
    .navbar-nav{
        flex-direction: column;
    }
    .cce-header .header_svg{
        color: black;
        fill: black;
    }
    .navbar-collapse.collapse.in{
        position: fixed;
    overflow: auto !important;
    height:280px !important;
    top: 54px;
    width: 90%;
    padding: 0;
    margin: 0;
    background:#eee
    } 
}
@media only screen and (min-width: 1500px){
    .container{
        max-width: 1300px !important;
        width: 100%;
    }
   
}
@media only screen and (min-width: 1800px){
    .container{
        max-width: 1300px !important;
        width: 100%;
    }
}

@media screen and (max-width: 991.78px){
    .versatileBG{
        padding-top:40px;
        padding-bottom:40px
    }
    .MobileMax300{
        max-width:300px !important
    }
    .navbar-nav{
        flex-direction: column;
        
    }
    .cce-header .navbar-nav{
        padding-left: 24px;
    }
    .navbar-inverse .navbar-nav>li>a{
        color: black;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
        margin-left: 0px;
        margin-right: 0px;
    }
    .img{
        width:80%;
        margin:0 auto
    }
    .startedHeaderContainer{
    display:block;
    padding-top:30px;
        padding-bottom:30px
}
}
@media screen and (max-width: 768px){
    .h1Header{
        font-size:25px !important;
            -webkit-text-stroke: 1px #00fff7 !important
    }
    .ImpactImg {
        margin-top:-20px !important
    }
    #myNavbar .dropdown-content{
      min-width:200px !important; 
    }
    .divRightContent {
        width: calc(100% - 30.04%);
    }
    .ReVueStarted .cce-main-lt-content{
        padding-top:15%;
    }
    .subHeader {
    font-size: 28px;
    line-height: 35px;
}
   .mainHeader {
    font-size: 30px;
    line-height: 40px;
} 
    .cce-header .header_svg{
        fill: black;
    }
    .cce-header .navbar .nav-item .nav-link:hover{
        color: black;
    }
    .cce-layout-title{
        font-size: 34px;
    }
    .cce-layout-title::before, .cce-layout-title::after{
        height: 50px;
        top: -52px;
    }
    .cce-layout-title::after{
        bottom: -52px;
        top: auto;
    }
    .cce-layout-title::after{
        left: calc(50% - 36px);
    }
    .cce-layout-title::before{
        left: calc(50% + 36px);
    }
    #back-to-top{
        right: 14px;
    }
    
}

@media all and (max-width: 310px){
    .footer-content-sec input[type="text"]{
        width: 150px;
    }
    .navbar-header .navbar-toggle {
        margin: 0;
        margin-top: 18px;
        padding: 0;
    }
    .footer-logo-div{
        flex-direction: column;
    }
    .footer-social-logo{
        margin-top: 28px;
    }
    .dropdown-arrow{
        margin-left:4px !important
    }
   
}
@media all and (max-width: 450px) {
    .navbar-collapse.collapse.in{
        top:61px;
    }
    .dropdown-arrow, .dropdown-arrow-sub{
        padding-top:0px;
        font-size:19px
    }
    .cce-header .navbar .nav-item .nav-link{
        min-height:auto !important
    }
    #myNavbar .dropdown-content {
        margin-left: 0px !important;
    }
     .cce-header .navbar-nav{
        padding-left:0px !important
    }
      .navbar-collapse{
        padding: 0
    }
    .navbar-collapse .nav.navbar-nav {
        margin: 0;
    }
    .cce-header .navbar-toggle{
        margin-right: 0px;
    }
    .navbar.navbar-inverse > .container-fluid{
        padding: 0px;
    } 
    .navbar-collapse .navbar-nav>li>a,#myNavbar .dropdown-content a{
        font-size: 12px;
    }
    .dropdown-arrow{
        padding-top:1px
    }
  /*  #myNavbar .dropdown-content.showDD{
        height:275px
    }
   */
}
.none
{
	display:none;
}
.noneimp
{
	display:none !important
}
.cce-form-recaptcha{
    display: flex;
    margin-top: 2px;
    /* margin-bottom:10px; */
    max-width: 90%;
}
.cce-nwesltr-er-or-ssm #cce-er-msg p{
    font-size: 12px;
    margin-bottom: 0px;
}
.cce-recaptcha-input input{
    width: 100%;
}
.cce-img-captcha .captcha_code{
    max-width: 100px;
}
.cce-img-captcha .captcha_load{
    max-width: 24px;
}
#cce-recaptcha {
    padding: 11px 13px;
    font-size: 14px;
    background: transparent;
    border: oldlace;
    padding-left: 0px;
    padding-bottom: 4px;
    color: white;
    border-bottom: 2px solid white;
}
#cce-recaptcha::placeholder{
    color: white;
}
.SubScribeButton
{
	font-size:1.2em
}
.BaseThx
{
    margin-top: 3px;
    visibility: hidden;
	border: 0;
    background: transparent;
    color: white;
}
.pointer{cursor:pointer}
.footer.cce-footer .rotateProgress{
    position: absolute;
    bottom: 6px;
    left: calc(50% + 50px);
}
.collapsing {
  /*transition: none !important;*/
}
@media only screen and (max-height: 480px) {
    .navbar-collapse.collapse.in {
        height: 200px !important;
        overflow: scroll !important;
        background: #eee;
    }
  
}
@media all and (max-width:1500px){
     .timeline li.active > a{
        font-size:22px
    }
    .timeline {
        padding-left: 20%;
    }
}
@media (max-width: 991px){
    .timeline li > a {
        font-size: 13px;
        margin-left:40px;
    }
    .timeline li.active > a {
        font-size: 16px;
    }
    .timeline li {
        margin-bottom:30px
    }
    timeline {
        padding-left: 18%;
    }
}
@media (max-width: 600px) {
    #floatingNavBar{display:none !important}
    .divRightContent{
        width: calc(100% - 32px);
    margin-left: 15px;
    margin-right: 15px;
    float:none
    }
    .rightContent{
        font-size: 16px;
    line-height: 29px;
    }
    .sectionContent {
    padding-top: 40px;
}
    .sectionDesc {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.whiteBG {
    background-color: #fff;
    padding-bottom: 35px;
    padding-top: 35px;
}

.Customrow {
    padding-right: 95px;
    padding-left: 95px;
    margin: 0 auto;
}
.textLeft{
    text-align:left !important
}
.spacer35 {
    height: 15px;
    width: 100%;
}

.contentFamilyOld{
   color: #6e6c6c!important;
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: justify!important;
}
.contentFamily_small {
    font-size: 0.8em;
}
.contentFamily_bold{
    font-weight:bold
}
.heading4 {
    color: #6e6c6c;
    font-size: 1.4em;
    padding-bottom: 25px;
    text-align: left!important;
    font-weight: 400!important;
}
.cce-img-captcha {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}
.spacer10 {
    height: 10px;
    width: auto;
}
.textCenter {
    text-align: center;
}
.imgZoom:hover {
    -webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.07) translateZ(0);
    -o-transform: scale(1.07) translateZ(0);
    -ms-transform: scale(1.07) translateZ(0);
    transform: scale(1.07) translateZ(0);
}
.padLeft16 {
    padding-left: 16px;
}
.rowOld {
    padding-right: 95px;
    padding-left: 95px;
    margin: 0 auto;
}
.textRight {
    text-align: right;
}
.margin0auto{
    margin:0 auto
}
.white{color:white !important}
.heading2 {
    font-family: FrutigerNeueLTW1G-Medium,Tahoma;
    color: #276497;
    font-size: 1.5em;
    padding-bottom: 25px;
    text-align: left!important;
    font-weight: 400!important;
    padding-top: 0;
    line-height: normal;
}
.heading16 {
    font-family: FrutigerNeueLTW1G-Medium,Tahoma;
    color: #276497;
    font-size: 1.6em;
    text-align: left!important;
    font-weight: 500!important;
    padding-top: 0;
}
.split50 {
    width: 50%;
    float: left;
}
.clear{
    clear:both
}
@media all and (min-width: 50px) and (max-width: 747px) {
    .navbar-collapse.collapse.in{
        height:auto !important
    }
    .rowOld {
        padding-right: 15px;
        padding-left: 15px;
    }
}
.CommentName{
    font-size:1.2em
}
.cce-header span.nav-link::after{
    content:none
}

.cce-header span.nav-link{
    padding-bottom:15px
}
.s1padding{
    padding-top:65px;
}
.rowNew {
    max-width:1350px!important;
    padding-right: 95px;
    padding-left: 95px;
    margin: 0 auto;
}
.BG360{
    background-image: url(../../../../assets/images/ensuite360/BGV1.jpg);
    background-size: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #003885;
}
.BGPadding{
    padding-top:50px;padding-bottom:50px
}
.hColor{
color:#003386;
}
.bgColor1{
     background-color:#6E070B;
}
.bgColor2{
    background-color:#B8202F
}
.h1Header{
    font-size: 47px;
    font-weight: bold;
    text-shadow: 2px 0px 8px #00fff7;
    -webkit-text-stroke: 2px #00fff7;
    color: #003386 !important;
}

.h2Header{
    font-size: 15px;
    color: #fff !important;
    text-align:center;
    line-height:24px;
    padding-bottom:30px
}

.ImgTagText360{
    color:#00fff7;
     margin:0 auto;
    margin-top: 29px;
    text-align:center;
    font-size:17px;
    max-width:1000px;
   
}
.ImpactImg{
    width:100%;max-width:940px;margin-top:-68px
}
.txtHeading{
    font-size:50px;
    font-weight:bold;
    line-height:normal;
    margin:0
}
.txtHeading img{
    vertical-align:bottom;
    max-width:117px
}
.txtSubHead{
    margin:0;
    font-size:34px;
    line-height:38px
}
.imgSizing{
    max-width:600px;
    width:100%
}
.imgSizing1{
  max-width:540px;
  width:100%
}
.imgSizing2{
  max-width:430px;
  width:100%
}
.imgSizing3{
  max-width:340px;
  width:100%
}
.btn360{
  cursor:pointer;
  color:white;
  font-size:18px;
  text-decoration:none;
    padding:0px 0 0px 15px;
    display:inline-block;
    position:relative;
      border-top-right-radius:12px;
  border-bottom-right-radius:12px;
   border-top-left-radius:10px;
  border-bottom-left-radius:10px
}
.btn360:hover{
    text-decoration:none;
    color:white;
    opacity:0.9
}
.btn360arrow {
    cursor: pointer;
    display: inline-block;
    height: 65px;
    margin-left: 24px;
    margin-right: 0px;
    position: relative;
    line-height: 2.5em;
    padding-left: 0em;
    padding-right: 1.5em;
    color: #fff;
    vertical-align: middle;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  
}

.btn360arrow:after {
      content: "";
    position: absolute;
    border-bottom: 33px solid transparent;
    border-top: 33px solid transparent;
    border-right: 19px solid #B8202F;
    height: 0px;
    width: 0px;
    right: 0;
    top: 0;
    left: -18px;
}
.btn360 .buttonName{
    padding:17px;
    display:inline-block
}
/*.btn360arrow:hover, .btn360arrow:active {
  background: yellow;
  color: black;
}
.btn360arrow:hover:after, .btn360arrow:active:after {
    border-right: 20px solid yellow;
}*/
.btnRequestTrial{
          padding-top: 0;
    padding-bottom: 80px;
    margin-top: 38px;
}
.btnRequestTrial a{
    padding:15px 20px;border:solid 1px white;border-radius:5px;color:white;text-decoration:none
}
    .btnRequestTrial a:hover{
        border:solid 1px #00fff7;
        color:#00fff7
    }

.btnPriceSubmit a{
    background-color:white;

}
.btnPriceSubmit .btn360{color:#B8202F}

.btnPriceSubmit{
    position:relative
}
.btnPriceSubmit .btn360arrow {
    height:50px;
    margin-left:32px
}
    .btnPriceSubmit .btn360arrow:after {
        border-bottom: 25px solid transparent;
    border-top: 25px solid transparent;
    }
    .btnPriceSubmit .long-arrow-right{
            margin: 21px auto;
    margin-left: 15px;
    }

.long-arrow-right{
         display: block;
    margin: 30px auto;
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #fff;
    border-left: 1.5px solid #fff;
    margin-left: 15px;
}
.long-arrow-right{
 transform: rotate(135deg);
}


.long-arrow-right::after{
     content: "";
    display: block;
    width: 1px;
    height: 12px;
    background-color: #fff;
    transform: rotate(-45deg) translate(4px, 2px);
}

.partition{
    width: 50%;
    display: flex;
}
.divEnSuite360Main{
       border-top-left-radius:5px;
    border-bottom-left-radius:5px
}
.divEnSuite360{
    padding:30px;
    color:white;
    font-size:18px;
    font-weight:300;
 
}
.bgHalf{
    width:100%;
    display:flex;
    margin-bottom:-100px;
}
.divItems{
    width:33.3%;
    display:inline-block;
    height:100%;
    padding-top:28px;
    border:solid 0.1px rgba(256,256,256,0.5);
    cursor:pointer
}
.divItems:hover{
    transform: scale(1.1);
    -moz-background-size: 100% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform-origin: bottom;
    transition:all 0.3s ease-in-out;
    background-color:#B8202F;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.itemContent{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}
.itemHead{
    color:white;
    font-weight:bold;
    font-size:16px;
    padding:0;
    margin:0
}
.itemImg1{
    max-width:70px;
    display:block;
    padding-top:15px;
    padding-bottom:10px
}

.itemImg2{
    max-width:30px
}
.BgCommon1{
    background-color:#F4F4F6
}
.BgCommon2{
    background-color:#E5E5E5
}
.linearBG{ background-image: linear-gradient(to right,#E5E5E5 70%, #F4F4F6 30%);}
.darkBG1{ background-color:#E5E5E5;}
.ViewPoints{
    right:0;
    background-image:url(../../../../assets/images/ensuite360/BgStripV1.png);background-repeat:no-repeat;background-size:100% 100%;
        padding: 30px 20px 20px 20px;
    margin-top: 20px;
}
#setLeft{
     border-top-left-radius:10px;
    border-bottom-left-radius:10px
}
#setRight{
    border-top-right-radius:10px;
    border-bottom-right-radius:10px
}
.securityBG{
background-image:url(../../../../assets/images/ensuite360/EnSuite_360_BG.jpg);background-repeat:no-repeat;background-size:cover;
background-position:center
}
.translationBG{
background-image:url(../../../../assets/images/ensuite360/bg-image3.jpg);background-repeat:no-repeat;background-size:12%;
background-position:right
}
.collaborateBG{
        background-image:url(../../../../assets/images/ensuite360/Collaborate_bg1.jpg);background-repeat:no-repeat;background-size:cover;
background-position:top
}
.macroBG{
        background-image:url(../../../../assets/images/ensuite360/MacroBG.jpg);background-repeat:no-repeat;background-size:cover;
background-position:bottom
}
.versatileBG{
        background-image:url(../../../../assets/images/ensuite360/Versatile-to-Grow-bg.png);background-repeat:no-repeat;background-size:contain;background-position:left;
background-color:white
}
.shareBG{
     background-image:url(../../../../assets/images/ensuite360/share-bg.jpg);background-repeat:no-repeat;background-size:cover;
background-position:top
}
.connectBG{
    
        background-image:url(../../../../assets/images/ensuite360/connect-bg.jpg);background-repeat:no-repeat;background-size:cover;
background-position:top
}
.secureBG{
background-image:url(../../../../assets/images/ensuite360/Collaborate_bg.jpg);background-repeat:no-repeat;background-size:cover;
background-position:top
}

.ht60{
    height:60px
}
.bulletHighlight{
    margin-top:-90px
}
.bulletBG{
    display:flex;flex-direction:row;max-width:800px
}
.bulletBGXL{
    max-width:1000px
}
.bulletDesign div {
    margin: 0 0 18px;
}
.bg3{
     background-image: url(../../../../assets/images/ensuite360/Banner_bg.jpg);
    background-size: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bulletDesign > div {
    background-image: url(../../../../assets/images/ensuite360/Bullet-poin-white.png);
    padding-left: 33px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: top left;
}

.bulletDesignimg1 > div {
    background-image: url(../../../../assets/images/ensuite360/Bullet-poin-red.png);
}
.formatsBG{
background-image: url(../../../../assets/images/ensuite360/Bg3.png);
    background-size: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top:-50px;
}
.formatsHead{
    padding:30px 20px
}
.securesplit100{
    width:100%;
    flex-grow:1;
    align-items:stretch
}
.securesplit50{
    width:50%;
    display:flex;
    flex-direction:column
    }

.securesplit25{
    width:25%;
    display:flex;
    background:white
}
.secureSubHead{
    background-color:rgba(40,40,67,0.7);
    font-size:18px;
    padding:10px;color:white
}
.secureSection1>div:nth-child(2),.secureSection2>div:nth-child(even){
    background-color:#6E070B
}

.secureSection1>div:nth-child(3),.secureSection2>div:nth-child(odd){
    background-color:#B8202F
}
.secureBox{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:column;
    padding:30px;
    text-align:center;
    height:100%
}
.secureBox div:nth-child(1){
    padding-bottom:20px;
}
.secureBox img{
    max-width:100px
}

.subhead3{
    color:#AD1722;
    font-size:22px;
    line-height:normal;
    padding:0;
    margin:0;
    font-weight:bold;
    padding-bottom:15px;
}
 .benefitsBG{
            padding-left:10px
        }
.benefitsBG .benifitsBullet{
    background: linear-gradient(117deg, white 22%, #003386 19%);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    border-radius:10px
}
.benifitsBullet{
    margin:15px 0;
    display:flex;
    align-items:center;
    min-height:105px
}
    .benifitsBullet > div:nth-child(1) {
        min-width:120px;
        padding-left:15px
    }
    .benifitsBullet > div:nth-child(2) {
        padding:15px 20px;
        color:white;
        font-weight:300
    }
    .benifitsBullet img{
        max-width:50px;
    }


  .ensuiteFormatSection #responsive-example-table tr:nth-child(odd) {
  background-color: #DDD9D8;
}
  .ensuiteFormatSection #responsive-example-table tr:nth-child(even) {
  background-color: #ECEAEB;
}
    .ensuiteFormatSection #responsive-example-table tr th {
    background-color: #B8202F;
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    border-right: solid 1px #fff;
    width: 25%;
    padding: 15px;
}
    .ensuiteFormatSection #responsive-example-table tr td {
    border: 0px;
    border-left: solid 9px #F3F3F5;
    border-top: solid 7px #F3F3F5;
    padding:15px 10px;
    text-align:center;
}
.ensuiteFormatSection #responsive-example-table tr td:nth-child(1) {
     border-left:0
}
.tblLeftRadius{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.tblRightRadius{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border:0 !important
}
.ensuiteNoteSection{
    background-color:#F4F4F6;
    padding:15px 35px;
    font-style:italic;
    font-size:13px
}

.ens-input-group {
  width: 100%;
  font-size: 16px;
  max-width: 400px;
  padding-top: 20px;
  position: relative;
  margin-bottom: 15px;
}
.ens-input-group input {
  width: 100%;
  color: white;
  border: none;
  outline: none;
  padding: 5px 0;
  line-height: 1;
  font-size: 16px;
  border-bottom: solid 1px white;
  background-color: transparent;
  -webkit-transition: box-shadow 0.2s ease-in;
  -moz-transition: box-shadow 0.2s ease-in;
  -ms-transition: box-shadow 0.2s ease-in;
  -o-transition: box-shadow 0.2s ease-in;
  transition: box-shadow 0.2s ease-in;
}
.ens-input-group input + label {
    font-weight:normal;
    font-size:14px;
  left: 0;
  top: 25px;
  position: absolute;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.ens-input-group input:focus {
  box-shadow: 0 1px 0 0 white;
}
.ens-input-group input:focus + label, .ens-input-group input.active + label {
  font-size: 12px;
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
}
.priceForm{
    margin-left:-29px
}
.ensPriceLeft{
    display:flex;flex-direction:row;
}
.ensPriceLeftText{
    width: 45%
}
.pricingBG{
    background-color: white;
    padding: 40px 0px 40px 40px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 2px 1px 20px #dfdfdf
}
.ensPriceLeftMaxText{
    max-width:380px
}
.ensPriceLeftMaxText1{
    max-width:280px
}
.ensPriceLeftImg{
    position:relative;width: 52%;
}
.ensPriceLeftImg img{
    position:absolute;right: 10px;max-width: 300px;top: 30%;
}
.ensPriceRightForm{
    background-color:#0046B6;padding:20px 41px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px

}
.btnRequestTrial a:hover,.btnRequestTrialHover{
     box-shadow: 0 0 10px 3px #00fff7;
}

.ensPriceRightForm .rotateProgress{
    position:absolute;
        color: white;
        bottom:13px;
}
.clearBoth{
    clear:both
}
.ensPriceRightForm .errorInput{
    border-bottom-color:orange
}
.ensPriceRightForm #divError{
    color:orange
}
#divensPriceThx{
    display:none;
    text-align:center;
    padding:50px 
}
.transparentWhitebg{
    background:transparent !important
}

.cce-header .navbar.transparentWhitebg .nav-item .nav-link:not(.highLightBG), .cce-header .navbar.transparentWhitebg .nav-item .nav-link:not(.highLightBG)
{
color:black
}
.cce-header .transparentWhitebg .header_svg{
    fill:black
}
.ensuite360{
        max-width: 125px;
    margin-bottom: 9px;
}
.floatingAnimation{
     animation-name: floating;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.ensClick{
    color:#008BCF;
    font-weight:700;
    text-decoration:underline;
    cursor:pointer
}

.ensMarginFix{
    margin-top:-102px
}
.ensuite360Main .stickyDiv {
    position: fixed;
    top: 42%;
    z-index: 99999;
    right: 0px;
    margin: 0px;
   visibility:hidden
}
.ensuite360Main .stickyDiv  a:hover{
    text-decoration-color:#6E070B;
    text-underline-position: under
}
.ensuite360Main .stickAnimation {
    -webkit-animation: ensmoveToRight 0.4s ease-in-out;
    animation: ensmoveToRight 0.4s ease-in-out;
    visibility:visible
}
.ensuite360Main .stickyIcon img{
    max-width:40px
}
.ensuite360Main .stickyText {
    display: block;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #6E070B;
    padding: 3px;
    margin: 0px;
        background-color: rgba(255,255,255,0.5);
}
@keyframes ensmoveToRight {
    from {
        top: 10%;
        right: 25%;
        opacity: 0.5;
    }

    to {
        top: 40%;
        right: -43px;
        opacity: 1;
    }
}
.ensuite360Main .catia-form-recaptcha {
    margin-left:-15px
}
.versatileRoot {
        text-align: center;
   margin-top: -60px;
    margin-bottom: -42px;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative
}
.versatileSection{
     display: inline-flex;align-items:center;justify-content:center;background-color:#AA1622;padding:0px 40px;border-radius:75px
}
.versatileBlock{
   margin: 15px 25px
}
.versatileImg{
    background-color: white; border-radius: 50%; padding: 10px; display: inline-block; color: white
}
.versatileImg img{
    max-width:50px
}
.versatileContent{
    display:inline-block;color:white;padding-left:15px;font-weight:bold
}
.versatileSection .versatileBlock:not(:first-child):before{
    content:" ";
        border-left: solid 1px #ff0008;
       padding: 25px;
}
.md40{
    margin-top:40px
}
@media all and (min-width:10px) and (max-width:1300px) {
     .rowNew{
        padding-left:40px;
        padding-right:40px
    }
}
@media all and (min-width:10px) and (max-width:991px) {
  
    .ensuite360Main .stickyDiv {
        display:none
    }
  .ensuite360Main .container,.ensuite360Main .container-fluid{
      padding-left:0;
      padding-right:0;
      width:auto;
      max-width:100%
  }
    .rowNew{
        padding-left:16px;
        padding-right:16px
    }
    .dBlockMobile {
        display: block;
    }
    .flexColReverse{
        flex-direction:column-reverse
    }
    .flexCol{
        flex-direction:column
    }
    .divItems {
        width: 33.33%;
            padding-bottom: 26px;
            min-height:197px
    }
    .partition{
        width:100%
    }
    .BG360 .imgSizing{
        max-width:400px
    }
    .textCenterMobile{
        text-align:center
    }
    .linearBG {
    background-color: #E5E5E5;
    background-image: none;
}
    .bulletHighlight {
    margin-top: -48px;
}
    .ViewPoints {
        max-width:80%;
        border-radius:10px;
            margin:0  auto !important;
    }
    .bulletBG{
        flex-direction:column
    }
    #setRight #setLeftText{margin-left:auto !important}
    .secureSection1,.secureSection2{
        display:block !important
    }
    .secureSection1 .securesplit50{
        width:100%
    }
     .securesplit25{
        width:50%;
        min-height: 314px;
        float:left
    }
     .secureSection2 .securesplit25:nth-child(3){
         background-color:#6E070B
     }
     .secureSection2 .securesplit25:nth-child(4){
         background-color:#B8202F
     }
        .benefitsBG .benifitsBullet {
        background: linear-gradient(117deg, white 101px, #003386 9%);
    }
        .benefitsBG{
            padding-left:0px
        }
        .priceForm {
     margin-left: 0px;
}.ensPriceRightForm{
     border-radius:10px
 }
 .ensuiteFormatSection #responsive-example-table tr th{
     font-size:1em
 }
  .ensuiteFormatSection #responsive-example-table tr td{
     font-size:0.7em
 }
    .ensPriceLeftImg img {
        right: 10%;
    top: -9%;
    }
.ensuite-input{
    max-width:600px;
    margin:0 auto
}
    .ens-input-group {
        max-width:100%
    }
}
@media all and (min-width:10px) and (max-width:650px) {
    .securesplit25 {
          min-height: 350px;
    }
    .benefitsBG .benifitsBullet {
       background: linear-gradient(to right, white 76px, #003386 9%);
    }
    .benifitsBullet > div:nth-child(1) {
        min-width:77px
    }
    .ensPriceLeftText,.ensPriceLeftImg {
    width: 100%;
}
    .ensPriceLeft{
        padding:20px;
flex-direction:column
    }
    .ensPriceLeftImg img{
        position:static
    }
    .priceForm {
        margin-top:-30px
    }
}
@media all and (min-width:10px) and (max-width:620px) {
    .securesplit25 {
        width: 100%;
       min-height: auto !important;
    }
     .secureSection2 .securesplit25:nth-child(1){
         background-color:#6E070B
     }
     .secureSection2 .securesplit25:nth-child(2){
         background-color:#B8202F
     }
     .txtSubHead{
    font-size:25px;
    line-height:32px
}
 
}

@media all and (min-width:10px) and (max-width:400px){
    .ensuiteFormatSection #responsive-example-table tr th {
    font-size: 0.8em;
}
    .ensuiteFormatSection #responsive-example-table tr td {
        border: 0px;
        border-left: solid 2px #F3F3F5;
        border-top: solid 3px #F3F3F5;
        padding: 8px 1px;
    }
  
    .btnRequestTrial a {
        padding: 8px 11px;
        font-size:14px
    }
    .btn360 .buttonName {
    padding: 4px;
}
    .btn360 {
        font-size:12px;
        padding:0px 0 0px 10px
    }
    .btnPriceSubmit .btn360arrow{
        margin-left:25px
    }
    .ensPriceRightForm{
            padding: 20px 30px;
    }
    .benifitsBullet{
        display: flex;
    flex-direction: column;
    }
    .benefitsBG .benifitsBullet {
    background: #003386;
}
    .benifitsBullet > div:nth-child(1) {
        min-width: 77px;
        background: white;
        border-radius: 50%;
        padding: 20px;
        margin-top: 20px;
    }
}

@media all and (min-width:10px) and (max-width:280px) {
    .ensuiteFormatSection #responsive-example-table tr td {
        font-size: 0.5em;
    }
}
   @keyframes floating {
                0% {
                    transform: translateY(0)
                }

                20% {
                    transform: translateY(2px)
                }

                40% {
                    transform: translateY(-2px)
                }

                60% {
                    transform: translateY(2px)
                }

                80% {
                    transform: translateY(-2px)
                }

                100% {
                    transform: translateY(0)
                }
            }
@media all and (min-width:851px) and (max-width:991px) {
      .h2Header{
        font-size:16px
    }
    .btnRequestTrial {
        margin-top:42px !important
    }
    .ImgTagText360{
         /*margin-top:-107px !important;*/
          font-size:16px
    }
}
@media all and (min-width:10px) and (max-width:850px) {
    .h2Header,.ImgTagText360{
        font-size:14px
    }
    .ImgTagText360 {
        /*margin-top: -80px;*/
    }
}

@media all and (min-width:10px) and (max-width:600px) {

    .ImgTagText360 {
        /*margin-top: -40px;*/
    }
}

@media all and (min-width:10px) and (max-width:1200px) {
    .versatileRoot {
        margin-top: -20px;
        margin-bottom: 30px;
    }
}

@media all and (min-width:10px) and (max-width:1050px) {
    .versatileImg img {
       max-width:30px
    }
}

@media all and (min-width:10px) and (max-width:870px) {
    .versatileBlock {
    margin: 10px;
}
    .versatileSection .versatileBlock:not(:first-child):before {
        padding:9px
    }
}
@media all and (min-width:10px) and (max-width:700px) {
    .versatileBlock {
    margin: 4px;
        position: relative;
        padding: 15px;
}
    .versatileSection .versatileBlock:not(:first-child):before {
       content: " ";
        height: 45%;
        width: 1px;
        position: absolute;
        left: 0;
        top: 30px;
        bottom: 0;
    }
     .versatileContent{
         display:block;
        padding-left:0
    }
       /*.versatileBlock:not(:first-child){
        border-left:solid 1px #ff0008
    }*/
}

@media all and (min-width:10px) and (max-width:650px) {
    .versatileSection{
        display:block
    }
   .versatileSection .versatileBlock:not(:first-child):before{
       content:none
   }
   .versatileBlock:not(:last-child) {
       border-bottom:solid 1px rgba(255,0,8,0.5);
   }
   .versatileSection{
       border-radius:10px;
       padding:0px 20px
   }
   
}