.l-form{
  background-color: #d1e6f2;
padding: 10px;
    height: 100vh;
overflow-y: scroll;
margin-bottom: 50px;
    position: fixed;
left: 0;
}
.form-content{
padding: 10px;}

.cms .fixed-top {
position: inherit;

}
.cms .col-lg-push-4 {
left: 0;
}
.l-form form{
width: 100%;
margin: 0px auto;
border: 1px solid #a1d2f0;
padding: 10px;
background-color: #a1d2f0;
}
.wireframe{
overflow: auto;
width: 100%;
border: 1px solid #a1d2f0;
padding: 10px;
background-color: #a1d2f0;
}
.l-form .form-control {

height: auto;
}
.selected-box{
    border: 2px solid #da0707;
}
.selected-sec{
       border: 2px solid #2c90eb !important;
}
.back{
padding: 6px 12px 5px;
color: #fff;
display: inline-block;
line-height: 20px;
font-size: 20px;
background-color: #205281;
}
.back:hover{

color: #fff;

}
.cms-head{
background-color: #3798b7;
width: 100%;
display: flex;
align-items: center;
}
.cms-header{
    justify-content: space-between;
}
.cms-head h3{
color: #fff;
margin: 0px;
font-size: 18px;
padding-left: 10px;
}
.pd-0{
padding: 0px !important;
}
.wire .unselect{
width:46%;
margin:5px;
float: left;
}
.wire .unselect img{
width:100%;
height: 80px;

}
.mce-statusbar {
display: none!important;
}
.image-block .col-lg-12 .image-div {
width:100%;
height: 400px;
}
.image-block .col-lg-6 .image-div {
width:100%;
height: 300px;
}
.image-block .col-lg-4 .image-div {
width:100%;
height: 200px;
}
.image-block .col-lg-3 .image-div {
width:100%;
height: 150px;
}
.b6 .col-lg-5 .image-div {
width:100%;
height: 200px;
}
.b6 .col-lg-7 .image-div {
width:100%;
height: 350px;
}
.image-div img{
width:auto;
max-width:100%;
height:100%;
margin:0px auto;
}
.add-menu{
color: #3798b7 !important;
background-color: #fff !important;
border-color: #3798b7 !important;
font-size: 12px !important;
line-height: 16px !important;
padding: 3px 5px 0px !important;
}
.pg-head{
display: flex;
align-items: center;
justify-content: space-between;
background-color: #3798b7;
padding: 6px;
margin-bottom: 10px;
}
.pg-head h2{
margin: 0px;
color: #fff;
font-weight: 400;
font-size: 18px;
}
.edit-menu {
color: #2493f8;
text-decoration: none;
font-size: 14px;
}
.view-menu {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    padding-right: 2px;
    }
.delete-menu.danger {
    text-decoration: none;
    font-size: 14px;
    padding-left: 2px;
}
.cms-tbl th,.cms-tbl td {

background-color: #f8f8f8 !important;
}

.hidden {
    display: none;
}

/*cropper js*/

body {
font-family: Arial, Helvetica, sans-serif;
width: 1024px;
margin: 0 auto;
}
/*input[type="file"] {
display: none;
}*/
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0 5px 0;
}
.header h2 {
margin: 0;
}
.header a {
text-decoration: none;
color: black;
}
.content {
display: flex;
justify-content: space-between;
padding: 10px 0px;
}
.cropper-area {
width: 64%;
}
.actions {
margin-top: 1rem;
}
.actions a {
display: inline-block;
padding: 5px 15px;
background: #0062CC;
color: white;
text-decoration: none;
border-radius: 3px;
margin-right: 2px;
margin-bottom: 5px;
}
.actions a:hover {

background: #0062CC;
color: white;

}
textarea {
width: 100%;
height: 100px;
}
.preview-area {
width: 35%;
}
.preview-area p {
font-size: 1.25rem;
margin: 0;
margin-bottom: 1rem;
}
.preview-area p:last-of-type {
margin-top: 1rem;
}
.preview {
width: 100%;
height: calc(372px * (9 / 16));
overflow: hidden;
border: 1px solid #c0c0c0;
}
.preview1 {
width: 100%;
height: calc(372px * (9 / 16));
overflow: hidden;
border: 1px solid #c0c0c0;
}
.crop-placeholder {
width: 100%;
height: 200px;
background: #ccc;
}
.cropped-image img {
max-width: 100%;
}
.md-head{
display:block !important;
}
.md-head h2{
float: left;
margin: 0px;
}
.md-head .close {
margin-top: 4px !important;

}
.img-cropper{
width: 100%;
min-height: 350px;
border: 1px solid #c0c0c0;
}
.cropper-container{
min-height: 350px !important;
}
.m-t-60{
    margin-top: 60px;
}

.vc-chrome {
    position: absolute;
}
.chrome-color {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #787878;
}
.section_page {
    padding: 40px  0px;
}


/*new menu design */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 20px;
  }
  
  
  .sidenav .closebtn {
         position: absolute;
      top: -2px;
      right: 10px;
      font-size: 30px;
      text-decoration: none;
      color: #fff;
      z-index: 9;
  }
  .desk-menu-icn{
    font-size: 20px;
    cursor: pointer;
    border: 1px solid #d0d0d0;
    padding: 3px 8px 0px;
    border-radius: 4px;
    background-color: #ffffff;
    color: #626262;
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 9px;
    }
    .desk-menu-icon{
    font-size: 20px;
    cursor: pointer;
    border: 1px solid #d0d0d0;
    padding: 3px 8px 0px;
    border-radius: 4px;
    background-color: #ffffff;
    color: #626262;
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 9px;
    }
  .desk-nav {
          padding-left: 0rem;
      list-style: none;
  }
  .desk-nav li {
        padding: 2px 10px;
      margin-bottom: 5px;
  }
  .desk-nav li a {
      text-decoration: none;
      position: relative;
      display: block;
      padding: 2px 10px;
      color: #fff!important;
      font-size: 16px;
      font-weight: 300;
  }
  .desk-nav .loginbutotn {
      background: #f3f9ed!important;
      border: 1px solid #8DC352!important;
      color: #8DC352!important;
      font-weight: 400!important;
      margin-right: 0px;
      line-height: 20px!important;
      padding: 4px 5px 8px !important;
      width: 125px;
  }
  .desk-nav .signupbutton {
     background: #e9f4fe!important;
      border: 1px solid #2493F8!important;
      line-height: 20px!important;
      color: #2493F8!important;
      font-weight: 400!important;
      margin-right: 0px;
     
      padding: 4px 5px 8px !important;
      width: 125px;
  }

  .mob-nav li a {
    text-decoration: none;
    position: relative;
    display: block;
    padding: 2px 10px;
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 300;
  }

  .mob-nav {
    display: none;
  }

  .openSidenav {
    width:360px;
  }
  button.navbar-toggler {
    display: none;
}

/*api*/

  #a2i-widget-container .site-wrapper-inner {
    display: table-cell;
    vertical-align: top;
    background-image: none !important;
    background-color: #fff;
}

.a2i-c {
    overflow: auto;
}

.cms-fdr {
    align-items: center;
    flex-direction: row;
}


/*mobile responsive manu */
@media (min-width: 678px) {
    .lesssidenav {
        display: none;
    }
    
    .desk-menu-icn {
        display: none;
    }

}
@media (max-width: 678px) {
    #home-menu-edit
    {
        display: none;
    }
    .lesssidenav {
        position: absolute;
        /*display: none;*/
        z-index: 1;
        right: 0px;
        background-color: #000;
        top: 50px;
        padding: 10px;
        width: 100%;
    }
    .mobile-nav {
        list-style: none;
        padding-left: 0px;
    }
    .mobile-nav li{
        /*text-align: center;*/
        padding: 2px;
    }
    .mobile-nav li a{       
       text-decoration: none;
        position: relative;
        display: block;
        padding: 2px 10px;
        color: #fff!important;
        font-size: 16px;
        font-weight: 300;
    }
    .b6 .col-lg-7 .image-div {
        height: auto;
    }
    .b6 .col-lg-5 .image-div {
        height: auto;
    }
}

/* Icon listing css */
.selectBox {
    border: 1px solid #ccc;
   position: relative;
  
}
.selectBoxvalue {
    padding: 6px 10px;
    cursor: pointer;
    display: block;
    background-color: #fff;
    border-radius: 6px;
}
.selectBox:after {
 position: absolute;
 right: 12px;
 top: 50%;
 transform: translateY(-50%) rotate(0deg);
 transition: all 0.2s ease-in-out;
 content: url("/layout/angle_down.svg");
}
.selectBox .dropdown-menu {
 transition: all 0.5s ease-in-out;
 
 display: none;
     top: 25px;
   width: 100%;
   z-index: 1;
   overflow-y: auto;
  
 
}

.selectBox.show {
 background-color: #fff;
}

.selectBox.show .dropdown-menu {
 transition: all 0.3s ease-in-out;
 visibility: visible;
 opacity: 1;
 z-index: 1;
 transform: translateY(0);
}
.selectBox .dropdown-menu .list-icons a{
    text-decoration: none;
    width: 40px;
    height: 40px;
    display: flex;
    font-size: 20px;
    float: left;
    clear: inherit;
    justify-content: center;
    align-items: center;
}
.list-icons{
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
    padding: 0px 15px;
}


.search {
    width: 97%;
   position: relative;
   margin: 5px auto 10px;
 
}

.searchTerm {
        width: 100%;
   border: 1px solid #d6d6d6;
   padding: 4px 8px;
   outline: none;
   border-radius: 20px;
   font-size: 12px;
       color: #000;
}



.searchButton {
     background: transparent;
   text-align: center;
   color: #707070;
   border-radius: 0 5px 5px 0;
   cursor: pointer;
   font-size: 14px;
   border: 0px;
   font-weight: 500;
   position: absolute;
   right: 5px;
   top: 5px;
}

/*menu dropdown */

.notification{
    display: flex;
justify-content: flex-start;
align-items: center;}
.icon{
       width: 35px;
height: 35px;
border-radius: 50%;
border: 1px solid #b5d3fe;
background-color: #e7f1ff;
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
font-size: 14px;}

.notification .content h4{
      font-size: 14px;
margin: 0px;
font-weight: 600;
}
.notification .content p{
        font-size: 12px;
margin: 0px;
font-weight: 600;
}


.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    right: 0px;
    left: auto;
}

.sub-dropdown{
    list-style:none;}
 .sub-dropdown-menu{
 list-style:none;
     padding-left: 10px;
     display:none;
 }
     .sub-dropdown .dropdown-toggle::after {
     display: inline-block;
     margin-left: 0.255em;
     vertical-align: 0.255em;
     content: "";
     border-top: 0.3em solid;
     border-right: 0.3em solid transparent;
     border-bottom: 0;
     border-left: 0.3em solid transparent;
 }

 .image-block {
    margin-bottom: 30px;
}

.unselect tbody, .unselect td {
    font-weight: 300 !important;
    /*border: 1px solid #a5a2a2;*/
    padding: 5px 10px!important;
}

.price-box, .price-box h1, .price-box h2, .price-box h3, .price-box h4, .price-box h5, .price-box h6 {
    word-break: break-word;
}

.price-height {
    height: 100%;
    padding-bottom: 30px;
}

@media (max-width: 678px) {
    /*.block1 .image-div img {
        height: 200px !important;
        object-fit: contain;
        width: 100%;
    }*/

}

/*------Comparison table css------*/

.main {
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
    
}
.price-table {
    width: 100%;
    border-collapse: collapse;
    border: 0 none;
}
/*.price-table tr:not(:last-child) {
     border-bottom: 1px solid rgba(0, 0, 0, 0.03); 
}*/
.price-table tr td {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    padding: 8px 24px;
    font-size: 14px;
}
.price-table tr td:first-child {
    border-left: 0 none;
}
.price-table tr td:not(:first-child) {
    text-align: center;
}
/*.price-table tr:nth-child(even) {
    background-color: #FFFFFF;
}*/

.price-table .fa-check {
    color: #4CAF50;
}
.price-table .fa-times {
    color: #c22a1f;
}

.image-div {
    margin-bottom: 10px;
}

/* Highlighted column */
.classic {
    background-color: rgb(181 179 189 / 25%);
}


/**/

.price-table tr.price-table-head td {
    font-size: 16px;
    font-weight: 600;
   
}
.price-table tr.price-table-head {
    background-color: #686868;
    color: #FFFFFF;
}

.price-hd{
background-color:#eee;
font-weight: 600;}
/*------End Comparison table css------*/
@media (max-width: 678px) {
    .block1 h2{
        font-size: calc(1.35rem + 0.30vw) !important;
    }
    .block7 .image-div img {
        /*height: 200px !important;*/
        object-fit: contain;
        width: 100%;
    }
    .block8 h3{
        font-size: calc(1.25rem + 0.30vw) !important;
    }
    .block8 .para {
        font-size: 1rem !important;
        font-weight: 300;
    }
   
    .section-heading {
        font-size: 1.8rem !important;
        line-height: 2rem;
        margin-bottom: 0px;
    }
    .sub-head {
        font-size: calc(1.26rem + 0.12vw) !important;
    }
    .block9 .section-heading {
        font-size: 1.3rem !important;
        line-height: 2rem;
        margin-bottom: 0px;
    }
    .block9 .lead {
        font-size: 1.125rem !important;
        font-weight: 300;
    }
    .block10 p {
        font-size: 1rem !important;
        font-weight: 300;
    }
    .block10 h3{
        font-size: calc(1.25rem + 0.30vw) !important;
    }
    .section_page {
        padding: 20px 0px;
    }
    
    .block12 h3 {
        font-size: calc(1.1rem + 0.30vw);
    }
    .block12 h4 {
        font-size: calc(1rem + 0.30vw);
    }
    .paddingv {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .block2 .image-div img {
        height: 200px !important;
        object-fit: contain;
        width: 100%;
    }
    .block3 .image-div img {
        /*height: 200px !important;*/
        object-fit: contain;
        width: 100%;
    }
    .block4 .image-div img {
        /*height: 200px !important;*/
        object-fit: contain;
        width: 100%;
    }
    .block5 .image-div img {
        /*height: 200px !important;*/
        object-fit: contain;
        width: 100%;
    }
    .block6 .image-div img {
        /*height: 200px !important;*/
        object-fit: contain;
        /*width: 100%;*/
    }
    .block8 .image-div img {
        /*height: 200px !important;*/
        object-fit: contain;
        width: 100%;
    }
    .block9 .image-div img {
        height: 200px !important;
        object-fit: contain;
        width: 100%;
    }
    .block10 .image-div img {
        height: 200px !important;
        object-fit: contain;
        width: 100%;
    }
    .block11 .image-div img {
        height: 200px !important;
        object-fit: contain;
        width: 100%;
    }
    .block12 .image-div img {
        height: 200px !important;
        object-fit: contain;
        width: 100%;
    }
    .block13 .image-div img {
        /*height: 200px !important;*/
        object-fit: contain;
        width: 100%;
    }
    .block14 .image-div img {
        height: 200px !important;
        object-fit: contain;
        width: 100%;
    }
    .block15 .image-div img {
        height: 200px !important;
        object-fit: contain;
        width: 100%;
    }
    .block16 .image-div img {
        /*height: 200px !important;*/
        object-fit: contain;
        width: 100%;
    }
    .block17 .image-div img {
        /*height: 200px !important;*/
        object-fit: contain;
        width: 100%;
    }
    
}

.higlight {
    border: 1px solid #b51625;
}


/* blogs */

.c-card {
     
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    flex: none;
    margin-bottom: 20px;
    margin-right: 20px;
    /*position: relative;*/
    overflow: hidden;
    box-shadow: 3px 3px 32px rgba(0,0,0,.12);
}
.c-categorytag {
      color: #00B8B0;
    background-color:#e5f7f7;
    border-radius: 20px;
    margin-bottom: 0;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 700;
    line-height: 14px;
    text-decoration: none;
    
}

.c-textxs {
         color: #0d1536;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    display: block;
    line-height: 20px;
    margin: 5px 0px;
}
.c-textdes {
    color: #99999a;
    font-size: 13px;
    line-height: 20px;
}


.c-button {
        color: #00B8B0;
    background-color: #e5f7f7;
    border: 1px solid #00B8B0;
    font-size: 14px;
        font-weight: 400;
    padding: 4px 10px;
    border-radius: 4px;
    text-decoration: none;
}
.c-button:hover {
        color: #00B8B0;
   
}
.card-img{
    text-align: center;
    height: 155px;
    padding: 5px;
}
.card-img img{
    height: 150px;
    object-fit: contain;
    max-width: 100%;
}

    .navecation ul li{
        list-style:none;
        float:left;
        padding-right:10px;
        margin-bottom:10px;
         width: 33.33%;
         /*height: 200px;*/
      }
      .navecation ul li a{
        text-decoration:none;
        color:#222;
        display:block;
        
            border: 2px solid #000;
      }
      .navecation ul li a.active{
       
            border: 2px solid #d90000;
      
      }
       .navecation ul li a img {
        height: 250px;
        object-fit: contain;
         width:100%;
      }

.postimgshow {
    padding-left: 0px;
}
.postimgshow li {
    width: 100%!important;
}
.postimgshow li img {
    width: 100%;
    height: 300px;
    object-fit: contain;
}

.c-body {
    padding: 15px;
}

.c-ctag {
    color: #000000;
    background-color: #e6e6e6;
    border-radius: 4px;
    margin-bottom: 0;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
    border: 1px solid #a4a4a4;
    margin-right: 5px;
    margin-bottom: 5px;
}
.popover__title {
    font-size: 12px;
       margin: 0px;
    color: rgb(228, 68, 68);
    
  }
  
  .popover__wrapper {
    position: relative;
   
    display: inline-block;
  }
  .popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    
    transform: translate(0, 20px);
    background-color: #f4f4f4;
    padding: 10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: 200px;
      right: -95px;
      top: 16px;
  }
  .popover__content:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 10px);
    top: -10px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #f4f4f4 transparent;
    transition-duration: 0.3s;
    transition-property: transform;
  }
  .popover__wrapper:hover .popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, 10px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
  }
  .popover__message {
    text-align: center;
      margin: 0px;
  }

  .close_readmore {
    float: right;
    border: 2px solid #cbc7c7;
    background: #e4e3e3;
    font-size: 30px;
    width: 30px;
    height: 30px;
    padding: 0px;
    border-radius: 15px;
    line-height: 30px;
  }

 /* .price-table tbody tr td {
    border-left: 1px solid rgb(0 0 0 / 20%);
    border-bottom: 1px solid rgb(0 0 0 / 20%);
	border-top: 1px solid rgb(0 0 0 / 20%);
    
}
.price-table tr:not(:last-child) {
    border-bottom: 1px solid rgb(0 0 0 / 20%);
}*/
.price-table tbody tr td {
    border-left: 1px solid rgb(0 0 0 / 20%);
    
}

tbody{
    border-bottom: 1px solid rgb(0 0 0 / 20%);
	border-top: 1px solid rgb(0 0 0 / 20%);
}

.price-table > thead > tr > td {
    background-color: #686868;
    /*color: #FFFFFF;*/
}
.border-none{
border:0px !important;}
.text-right{
text-align:right !important;}
.price-table > thead > tr > td:first-child{
  position: sticky;
  left: 0;
      z-index: 1;
    background-color: #686868;
}
.price-table tr > td:first-child {
  position: sticky;
  left: 0;
      z-index: 1;
    background-color: #fff;
}
.popover-info{
font-size: 12px;
    margin: 0px;
    color: rgb(228, 68, 68);}
/*tbody{
    border-bottom: 1px solid rgb(0 0 0 / 20%);
	border-top: 1px solid rgb(0 0 0 / 20%);
}*/
.vs__selected {
    display: flex!important;
}

.pcolumns-1 {
    width:50%;
}
.pcolumns-2 {
    width:33.3%;
}
.pcolumns-3 {
    width:25%;
}
.pcolumns-4 {
    width:20%;
}
.pcolumns-5 {
    width:16.6%;
}