/*--content-ul--elements--*/
.content-ul li{
    padding-bottom: 1em;
        font-family: 'Varela', sans-serif;
}

.content-ul ul{
    padding-bottom: 0;
}

/*--vertical-middle--elements--*/

.li-back ul li {
    background: url(img/li-bak.png) no-repeat;
    list-style: none;
    padding-left: 20px;
    padding-bottom: 9px;
    background-position: 0 6px;
}

.li-back.grey ul li {
    background: url(img/li-grey.png) no-repeat;
    background-position: 0 6px;
}

.ds-vertical-align, .middle-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}

.et-search-form, .et_mobile_menu, .footer-widget li:before, .nav li ul, blockquote {
    border-color: #E4007C;
}

.h3-content h3{
        margin-top:20px;
}

/*--for mobile order column--*/
@media all and (max-width: 767px) {
/*** wrap row in a flex box ***/
.custom_row, .main-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile, .row-1 {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile, .row-2 {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile, .row-3 {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile, .row-4 {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

@media all and (min-width: 600px) {
    .col-cont-2 ul{
          column-count: 2;
    }
}