.blog-sec1 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 70px 0 70px 0; position: relative;  }
.blog-sec1:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.blog-sec1-box1{width: 100%; height: auto; float: left; display: block; }
.blog-sec1 h2{width: 100%; height: auto;  font-size: 28px; font-weight: 600; color: #050505; line-height:32px; padding: 0px 0px 0px 0; }
.blog-sec2 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 0px 0 70px 0; position: relative;  }
.blog-sec2:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.blog-sec2-box1{width: 100%; height: auto; float: left; display: block; }
.blog-sec2-box1-left{width: 70%; height: auto; float: left; display: block; }
.categories-box{width: 100%; height: auto; float: left; display: block; position: relative; padding-bottom: 30px; margin-bottom: 30px;}
.categories-box h2{width: 100%; height: auto;  font-size: 22px; font-weight: 600; line-height: 28px; color: #3f3f3f; line-height:35px; padding: 0px 0px 10px 0; margin-bottom: 15px; border-bottom: 1px solid #ED168C; }
.blog-slider-box1{ margin-left: -25px; margin-right: -25px; }
.blog-slider{ }
.blog-slider li{ padding: 25px 25px; position: relative;}
.blog-slider li a{ width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1; }
.blog-slider li a aside{ width: 100%; height: auto; float: left; background: #fff; border-radius: 5px;-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16); padding-bottom: 40px; position: relative; display: block; overflow: hidden;  }
.blog-slider li a:hover aside{-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26);
-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26);
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26);}
.blog-slider li a aside figure{width: 100%; height: auto; float: left; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.blog-slider li a aside figure img{width: 100%; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.blog-slider li a aside article{width: 100%; height: auto; float: left; display: block; margin-top:0px; padding: 30px 30px;  }
.blog-slider li a aside article h3{width: 100%; min-height: 44px; float: left; display: block;  font-size: 18px; font-weight: 400; color: #ED228A;  line-height:22px; padding: 0px 0px 0px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.blog-slider li a aside article h4{width: 100%; height: auto; float: left; display: block;  font-size: 14px; font-weight: 400; color: #636363;  line-height:24px; padding: 0px 0px 5px 0;}
.blog-slider li a aside article h5{width: auto; height: auto; float: left; display: inline-block;  font-size: 14px; font-weight: 300; color: #636363;  line-height:24px; padding: 10px 20px 0px 25px; position: relative; }
.blog-slider li a aside article h5 i{ position: absolute; left: 0; top: 9px; width: 25px; height: 25px; font-size: 14px; font-weight: 700; color: #ED228A;  line-height:30px; }
.blog-slider li a aside article h5 strong{font-weight: 600; }
.blog-slider li a aside article h6{width: auto; height: auto; float: left; display: inline-block;  font-size: 14px; font-weight: 300; color: #636363;  line-height:24px; padding: 10px 0px 0px 25px; position: relative; }
.blog-slider li a aside article h6 i{ position: absolute; left: 0; top: 7px; width: 25px; height: 25px; font-size: 17px; font-weight: 700; color: #ED228A;  line-height:30px; }
.blog-slider li a aside article h6 strong{font-weight: 600; }
.blog-slider li a aside small{ position: absolute; right: 0; bottom: 0px; width: auto; height: auto; padding: 10px 30px; background: #e33861; cursor: pointer;  border-bottom-right-radius: 5px; font-size: 14px; font-weight: 600; color: #fff;  line-height:20px;  background-image: linear-gradient(0, #000, #000); background-size: 0; transition: .8s;background-repeat: no-repeat;  display: inline-block; padding-left: 35px; }
.blog-slider li a:hover aside small{background-size: 100%; -webkit-box-shadow: 0px 10px 9px -3px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 10px 9px -3px rgba(0,0,0,0.14);  box-shadow: 0px 10px 9px -3px rgba(0, 0, 0, 0.14); color: #fff;}
.blog-slider li a aside small i { position: absolute; top: 50%;left: 22px; font-size: 12px; color: #fff;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: -webkit-transform .4s;  transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s,-webkit-transform .4s; -webkit-transform-origin: center; -ms-transform-origin: center;transform-origin: center}
.blog-slider li a:hover aside small i{ -webkit-transform: translate(-50%,-50%) rotate(1turn);
    -ms-transform: translate(-50%,-50%) rotate(1turn);
    transform: translate(-50%,-50%) rotate(1turn)}
ul.blog-details-list-social li:after {
  display: none;
}
.blog-sec1 h2 {
  font-size: 22px;
  font-weight: normal;
  text-align: center;
}

.blog-slider li a aside:before {
  box-sizing: border-box;
  transform: translateX(100%);
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;border-radius: 4px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;z-index: 22;
}
.blog-slider li a aside:after {
  box-sizing: border-box;
  transform: translateX(-100%);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;border-radius: 4px;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
}
/* .blog-slider li a:hover aside{
  color: inherit;
  text-decoration: none;
} */
.blog-slider li a:hover aside:before {
  transition: 0.1s transform linear, 0.5s height linear 0.1s;
  transform: translateX(0);
  height: 100%;
  border-color: #e33861 ;
}
.blog-slider li a:hover aside:after {
  transition: 0.1s transform linear 0.2s, 0.5s height linear 0.3s;
  transform: translateX(0);
  height: 100%;
  border-color: #e33861;
}



.blog-slider .blog-ps_prev, .blog-slider .blog-ps_next {position: absolute; bottom: -25px;  z-index: 5; width:20px; height:20px; font-size: 0px; cursor: pointer;  }
.blog-slider .blog-ps_prev {left: 25px; background: url(../images/blog-arrow5.png) no-repeat 3px 4px; display: block; border: 1px solid #ED228A; border-radius: 2px; }
.blog-slider .blog-ps_next {background: url(../images/blog-arrow5.png)no-repeat -13px 4px; display: block; left:52px; border: 1px solid #ED228A; border-radius: 2px;}
.blog-slider .blog-ps_prev.slick-disabled { border: 1px solid #a3a3a3; background: url(../images/blog-arrow5.png) no-repeat 3px -11px; }
.blog-slider .blog-ps_next.slick-disabled { border: 1px solid #a3a3a3; background: url(../images/blog-arrow5.png) no-repeat -13px -11px; }



/* ++++++++ BLOG GRID START+++++++++++++ */
.blog-grid-box1{ margin-left: -5px; margin-right: -5px; }
.blog-slider{width: 100%; height: auto; float: left;  display: block; }
.blog-grid {width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; }
.blog-grid li{ width: 33.333%; height: auto; float: left; padding: 5px 5px; position: relative;}
.blog-grid li a{ width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1; }
.blog-grid li a aside{ width: 100%; height: 100%; float: left; background: #fff; border-radius: 5px;-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16); padding-bottom: 40px; position: relative; display: block; overflow: hidden;  }
.blog-grid li a:hover aside{-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26);
-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26);
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26);}
.blog-grid li a aside figure{width: 100%; height: auto; float: left; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.blog-grid li a aside figure img{width: 100%; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.blog-grid li a aside article{width: 100%; height: auto; float: left; display: block; margin-top:0px; padding: 30px 30px;  }
.blog-grid li a aside article h3{width: 100%; height: auto; float: left; display: block;  font-size: 18px; font-weight: 400; color: #ED228A;  line-height:24px; padding: 0px 0px 0px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.blog-grid li a aside article h4{width: 100%; height: auto; float: left; display: block;  font-size: 14px; font-weight: 400; color: #636363;  line-height:24px; padding: 0px 0px 5px 0;}
.blog-grid li a aside article h5{width: auto; height: auto; float: left; display: inline-block;  font-size: 14px; font-weight: 300; color: #636363;  line-height:24px; padding: 10px 20px 0px 25px; position: relative; }
.blog-grid li a aside article h5 i{ position: absolute; left: 0; top: 9px; width: 25px; height: 25px; font-size: 14px; font-weight: 700; color: #ED228A;  line-height:30px; }
.blog-grid li a aside article h5 strong{font-weight: 600; }
.blog-grid li a aside article h6{width: auto; height: auto; float: left; display: inline-block;  font-size: 14px; font-weight: 300; color: #636363;  line-height:24px; padding: 10px 0px 0px 25px; position: relative; }
.blog-grid li a aside article h6 i{ position: absolute; left: 0; top: 7px; width: 25px; height: 25px; font-size: 17px; font-weight: 700; color: #ED228A;  line-height:30px; }
.blog-grid li a aside article h6 strong{font-weight: 600; }
.blog-grid li a aside small{ position: absolute; right: 0; bottom: 0px; width: auto; height: auto; padding: 10px 30px; background: #e33861; cursor: pointer;  border-bottom-right-radius: 5px; font-size: 14px; font-weight: 600; color: #fff;  line-height:20px;  background-image: linear-gradient(0, #000, #000); background-size: 0; transition: .8s;background-repeat: no-repeat;  display: inline-block; padding-left: 35px; }
.blog-grid li a:hover aside small{background-size: 100%; -webkit-box-shadow: 0px 10px 9px -3px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 10px 9px -3px rgba(0,0,0,0.14);  box-shadow: 0px 10px 9px -3px rgba(0, 0, 0, 0.14); color: #fff;}
.blog-grid li a aside small i { position: absolute; top: 50%;left: 22px; font-size: 12px; color: #fff;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: -webkit-transform .4s;  transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s,-webkit-transform .4s; -webkit-transform-origin: center; -ms-transform-origin: center;transform-origin: center}
.blog-grid li a:hover aside small i{ -webkit-transform: translate(-50%,-50%) rotate(1turn);
    -ms-transform: translate(-50%,-50%) rotate(1turn);
    transform: translate(-50%,-50%) rotate(1turn)}



.blog-grid li a aside:before {
  box-sizing: border-box;
  transform: translateX(100%);
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;border-radius: 4px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;z-index: 22;
}
.blog-grid li a aside:after {
  box-sizing: border-box;
  transform: translateX(-100%);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;border-radius: 4px;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
}
/* .blog-grid li a:hover aside{
  color: inherit;
  text-decoration: none;
} */
.blog-grid li a:hover aside:before {
  transition: 0.1s transform linear, 0.5s height linear 0.1s;
  transform: translateX(0);
  height: 100%;
  border-color: #e33861 ;
}
.blog-grid li a:hover aside:after {
  transition: 0.1s transform linear 0.2s, 0.5s height linear 0.3s;
  transform: translateX(0);
  height: 100%;
  border-color: #e33861;
}

/* ++++++++ BLOG GRID END+++++++++++++ */







.blog-sec2-box1-right{width: 30%; height: auto; float: left; display: block; padding-left: 50px; position: sticky;  top: 120px; }
.Search-box{width: 100%; height: auto; float: left; display: block; position: relative; }
.search {
  width: 100%;
  position: relative;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: 1px solid #AEAEAE;
 
  padding: 5px;
  height: 60px;
  border-radius:30px;
  outline: none;
  color: #000; font-size: 18px; padding-left: 25px;
}

.searchTerm:focus{
  color: #e33861;
}

.searchButton {
  position: absolute; right: 1px; top: 1px;
  width: 58px;
  height: 58px;
  border: 0px solid #00B4CC;
  background: #fff;
  text-align: center; border-radius: 50%;
  color: #e33861;
 
  cursor: pointer;
  font-size: 25px;
}

.right-blogcategories{ width: 100%; height: auto ; float: left; display: block; margin: 20px 0; }
.right-blogcategories h2{width: 100%; height: auto; float: left; display: block;  font-size: 22px; font-weight: 600; color: #3f3f3f;  line-height:28px; padding: 0px 0px 20px 0;  }

.right-blogcategories ul{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.right-blogcategories ul li{width: 100%; height: auto; float: left; display: block; }

.right-blogcategories ul li a{width: 100%; height: auto; float: left; display: block;padding: 0px 0px 10px 20px;  font-size: 18px; font-weight: 600; color: #454545;  line-height:24px; position: relative;  border-bottom: 1px solid #d2d2d2; margin-bottom: 10px;  transition: .4s;}
.right-blogcategories ul li:last-child a{border-bottom: 0px solid #d2d2d2; margin-bottom: 0px;}
.right-blogcategories ul li a:hover{ color: #fabedf;  border-bottom: 1px solid #fabedf; }
.right-blogcategories ul li a.active{ color: #fabedf;  border-bottom: 1px solid #fabedf; }
.right-blogcategories ul li:last-child a:hover{  border-bottom: 0px solid #fabedf; }
.right-blogcategories ul li a:after{content:'';  position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../images/blog-arrow5.png) no-repeat -18px 10px; display: block; }


.right-blog-social{ width: 100%; height: auto ; float: left; display: block; margin: 20px 0; }
.right-blog-social h2{width: 100%; height: auto; float: left; display: block;  font-size: 22px; font-weight: 600; color: #3f3f3f;  line-height:28px; padding: 0px 0px 20px 0;  }
.right-blog-social ul{width: 100%; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; margin-top: 0px; padding: 0;}
.right-blog-social ul li{width:auto; float: left; display:inline-block;     padding: 0 10px 0px 10px; font-size: 20px; font-weight: 400; color: #fff; line-height: 20px; }
.right-blog-social ul li a{ color: #3f3f3f; transition: 0.4s;}
.right-blog-social ul li a:hover{color: #E33861;}



 
.blog-details-sec1 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 30px 0 70px 0; position: relative;  }
.gap30{width: 100%; height: 30px; float: left; display: block;}
.blog-details-sec1:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.blog-details-sec1-box1{width: 100%; height: auto; float: left; display: block;}
.blog-details-box1-left{width: 70%; height: auto; float: left; display: block; }
.blog-details-con{width: 100%; height: auto; float: left; display: block;}
.blog-details-con figure{width: 100%; height: auto; float: left; display: block; margin-bottom: 20px;}
.blog-details-con figure img{width: 100%; }
.blog-details-con h2{width: 100%; height: auto; float: left; display: block;  font-size: 22px; font-weight: 400; color: #050505;  line-height:28px; padding: 20px 0px 10px 0;  }
.blog-details-con h2:first-child{padding: 0px 0px 10px 0;  }
.blog-details-con p{width: 100%; height: auto; float: left; display: block;  font-size: 16px; font-weight: 400; color: #050505;  line-height:22px; padding: 0px 0px 20px 0;  }
.blog-details-con p a{font-size: 16px; font-weight: 600; color: #050505;  line-height:22px;     transition: .4s;}
.blog-details-con p a:hover{color: #e33861;}
.blog-details-con h3{width: 100%; height: auto; float: left; display: block;  font-size:22px; font-weight: 400; color: #050505;  line-height:28px; padding: 0px 0px 10px 0;  }
.blog-details-list1{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; margin-bottom: 20px;}
.blog-details-list1 li{width: 100%; height: auto; float: left; display: block;  padding: 10px 0px 10px 40px; position: relative;  font-size: 16px; font-weight: 400; color: #050505;  line-height:22px; }
.blog-details-list1 li strong{ font-weight: 600;}
.blog-details-list1 li span{ position: absolute; left: 0; top: 5px; width: 30px; height: 30px; font-size:20px; font-weight: 400; color: #050505;  line-height:36px;  }

.blog-details-list2{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; margin-bottom: 20px;}
.blog-details-list2 li{width: 100%; height: auto; float: left; display: block;  padding: 10px 0px 10px 20px; position: relative;  font-size: 16px; font-weight: 400; color: #050505;  line-height:22px; }
.blog-details-list2 li strong{ font-weight: 600;}
.blog-details-list2 li strong a{font-size: 16px;  color: #050505;  line-height:22px;}
.blog-details-list2 li strong a:hover{ color: #e33861;}
.blog-details-list2 li a{font-size: 16px;  color: #050505;  line-height:22px;}
.blog-details-list2 li a:hover{ color: #e33861;}
.blog-details-con a{font-size: 16px;  color: #050505;  line-height:22px;}
.blog-details-con a:hover{ color: #e33861;}
.blog-details-list2 li::after{ content: ''; position: absolute; left: 0; top:17px; width: 10px; height: 10px; background: #e33861; border-radius: 50%; font-size:20px; font-weight: 400; color: #050505;  line-height:36px;  }

.blog-details-con h4{width: 100%; height: auto; float: left; display: block;  font-size:18px; font-weight: 600; color: #050505;  line-height:22px; padding: 0px 0px 20px 0;  }


.blog-details-list-social{width: 100%; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; margin-top: 0px; padding: 0; margin-bottom: 20px;}
.blog-details-list-social li{width:auto; float: left; display:inline-block;     padding: 0 10px 0px 10px; font-size: 20px; font-weight: 400; color: #fff; line-height: 20px; }
.blog-details-list-social li a{width: 52px; height: 52px; background: #fff; border-radius: 50%;    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px; display: table;  color: #3f3f3f; transition: 0.4s;}
.blog-details-list-social li a i{ display: table-cell; vertical-align: middle; text-align: center;}
.blog-details-list-social li a:hover{color: #E33861;}

.from-main2{   } 
.from-main2 ul{margin-left: -10px; margin-right: -10px;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0; }
.from-main2 ul li{ height: auto; float: left; display: block; padding: 5px 10px;}
.row3{width: 33.3333%;}
.row4{width: 33.3333%;}
.row5{width: 33.3333%;}
.row1{width: 100%;}
.row2{width: 50%;}



/****  floating-Lable style start ****/
.floating-label { 
  position:relative; 
  margin-bottom:10px; 
}
.floating-input , .floating-select {
  font-size:14px; color: #000;
  padding:8px 15px;
  display:block;
  width:100%;
  height:46px!important;
  background-color: transparent;
  border:none;
  border: 1px solid #ACACC0!important;   background: transparent;
  -webkit-appearance: none; 
}


.floating-select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 7px),
    calc(100% - 15px) calc(1em + 7px),
    calc(100% - 2.5em) 0.9em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

/*.floating-select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}*/
#main{padding-left: 0px !important; padding-right: 0px !important; padding-top: 0 !important}
.fusion-row{max-width: 100% !important;}




.floating-input:focus , .floating-select:focus {
     outline:none;
     border:1px solid #E10178!important; 
}

.floating-label label {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:12px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all; padding: 0 10px;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  top:-13px;
  font-size:13px;
  color:#999;
	background: #ffff; padding: 0 10px; 
}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:-18px;
  font-size:13px;
  color:#999;background: #ffff; padding: 0 10px; 
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-textarea {
   min-height:100px;
   max-height: 260px; padding: 8px 15px; 
  /* overflow:hidden;
  overflow-x: hidden;*/ resize: none; 
}

/* highlighter */
.highlight {
  position:absolute;
  height:50%; 
  width:100%; 
  bottom:-20px; 
  left:20px;
  pointer-events:none; font-size: 12px; font-style: italic; color: #FF0004;
  opacity:0.5;
}

/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {from { background:transparent; } to 	{ width:0; background:transparent; }}
@-moz-keyframes inputHighlighter {from { background:transparent; } to 	{ width:0; background:transparent; }}
@keyframes inputHighlighter {	from { background:transparent; } to 	{ width:0; background:transparent; }}

.radioBtn{ position:relative; display:inline-block !important; padding-left:26px; margin-right:20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer;} 
.radioBtn span{ display:inline-block !important; z-index: 1;}
.radioBtn span:before{content:''; position:absolute; top:0; left:0; height:21px; width:21px; background:url(../images/radioBtn.png) no-repeat 0 100%;}
.radioBtn input{ position:absolute; opacity:0; cursor: pointer; left:0; top:0; z-index: 2;}
.radioBtn input:checked ~ span:before { background:url(../images/radioBtn.png) no-repeat 0 0;}
.submit-box2 { width: auto; height: auto; display: inline-block;  margin: 20px auto 0; float: right;}
.submit-box2 input[type='submit'] {width: 100%;height: 44px; background: #e33861;border: 0px solid #c2c2c2;border-radius: 4px; color: #FFF; font-size: 12px; font-weight: 400; text-transform: uppercase;cursor: pointer; background-image: linear-gradient(0, #dc1d51, #dc1d51); background-size: 0; transition: .8s; background-repeat: no-repeat; padding: 0 100px;}
.submit-box2 input[type='submit']:hover { background-size: 100%;color: #fff;}
.likes{ width: 50px; height: 50px; display: block; float: left;  margin-bottom: 20px; }
.likes a{ width: 50px; height: 50px; display: block; float: left;  background: url( ../images/like-dislike.png) no-repeat left top;  }
.likes a.active{ width: 50px; height: 50px; display: block; float: left;  background: url( ../images/like-dislike.png) no-repeat -85px top;  }
.dislikes{ width: 50px; height: 50px; display: block; float: left;  margin-bottom: 20px; margin-left: 30px; margin-top: 15px; }
.dislikes a{ width: 50px; height: 50px; display: block; float: left;  background: url( ../images/like-dislike.png) no-repeat -174px top;  }
.dislikes a.active{ width: 50px; height: 50px; display: block; float: left;  background: url( ../images/like-dislike.png) no-repeat -263px top;  }

.blog-viewmore2{ width:auto; height: auto;  float: right; display: block; margin-top: 5px; margin-right: 25px;}
.blog-viewmore2 a{padding: 0 20px; background: #fff; border: 1px solid #E33861; font-size: 15px; font-weight: 400; color: #E33861; line-height: 30px; text-transform: uppercase; display: block; border-radius: 4px;  background-image: linear-gradient(0, #E33861, #E33861);
    background-size: 0;
    transition: .8s;
    position: relative;
    background-repeat: no-repeat; }
.blog-viewmore2 a:hover{ background-size: 100%; color: #fff; -webkit-box-shadow: 0px 10px 9px -3px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 10px 9px -3px rgba(0,0,0,0.14);
    box-shadow: 0px 10px 9px -3px rgba(0, 0, 0, 0.14);}

@media screen and (max-width: 1300px) {
  .blog-sec1 { padding: 30px 0 30px 0;}
.blog-sec1 h2 {  font-size: 28px; line-height: 36px;}
.blog-slider-box1 {margin-left: -10px; margin-right: -10px;}
.blog-slider li { padding: 10px 10px;}
.blog-grid li{ width: 50%; height: auto;}
.blog-grid li a aside article {padding: 15px 15px;}
.blog-viewmore2{ margin-right: 10px;}
}


@media screen and (max-width: 850px) {
  .blog-sec2-box1-left{width: 100%; }
.blog-sec2-box1-right{width: 100%;padding-left: 0px; }
.blog-details-box1-left {  width: 100%; margin-bottom: 30px;}
}