.text-left{text-align:left}
 .l_38{line-height:38px;}
 .m_r_3 li{width:16.66%;text-align:center;}
.m_r_3 .breadcrumb-item+.breadcrumb-item::before{content:unset !important;}
.m_t_3{margin-top:3%;font-weight: bolder;}
.topnav{z-index:999}
.ads_preview{display:flex;width:250px;}
.layout_sec ul li{display:inline-block;margin:0px 15px 15px;}
.cust_txt{display:inline-block;position:relative;top:-14px;}
.productNav li{display:inline-block;padding:10px 12px;}
.productNav li a{font-size:18px;}
.loader{position:fixed;height:100%;width:100%;text-align:center;background:#0000008a;z-index:90;left:0px;top:0px;bottom:0px;}
.sk-cube-grid{width:60px;height:60px;margin:27% auto;}
.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:white;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;}
.sk-cube-grid .sk-cube1{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.sk-cube-grid .sk-cube2{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-cube-grid .sk-cube3{-webkit-animation-delay:0.4s;animation-delay:0.4s;}
.sk-cube-grid .sk-cube4{-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.sk-cube-grid .sk-cube5{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.sk-cube-grid .sk-cube6{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s;}
.sk-cube-grid .sk-cube8{-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.sk-cube-grid .sk-cube9{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
@-webkit-keyframes sk-cubeGridScaleDelay{0%, 70%, 100%{-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1);}
 35%{-webkit-transform:scale3D(0, 0, 1);transform:scale3D(0, 0, 1);}
}
@keyframes sk-cubeGridScaleDelay{0%, 70%, 100%{-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1);}
 35%{-webkit-transform:scale3D(0, 0, 1);transform:scale3D(0, 0, 1);}
 }
.layoutUl img{width:250px;}
.alertDiv{position:fixed;bottom:12px;right:10px;background:#da3610;color:#ffffff;display:none;padding:10px 59px;z-index:9999999;}
.alertDiv a{color: white;text-decoration: underline !important;}
.text-white .breadcrumb-item a{color:white;}
.m_b_25{margin-bottom:25px;}
 .m_b_10{margin-bottom:10px;}
.title_lcr{background:#ebebeb;padding:15px 10px;text-align:center;text-transform:uppercase;font-size:16px;color:#54adf8;}
.white{color:white}
.editDiv{width:auto !important;display:inline-block;}
.syndi_ul li{display:inline-block;text-align:center;}
.syndi_ul{margin:0 auto;display:table !important;text-align:center;}
.syndi_ul li img{height:15px;}
.Follow_us_r li{display:inline-block;border-bottom:unset !important;padding:9px 0px !important;margin-right:4px;}
.Follow_us_r li a{display:block;width:30px;height:30px;border-radius:100%;text-align:center;color:#fff;line-height:30px;font-size:16px;}
.Follow_us_r li a.ti-facebook,a.ti-facebook-messenger{background:#2d5f9a;}
.Follow_us_r li a.ti-twitter,a.ti-skype{background:#00c3f3;}
.Follow_us_r li a.ti-pinterest{background:#be1e2d;}
.Follow_us_r li a.ti-linkedin{background:#0072af;}
.ti-reddit{background:#e02222;}
.Follow_us_r .ti-search{background:#1a73e8;}
a.ti-google-plus{background:red}
 a.ti-whatsapp{background:#10e810;}
 a.ti-info{background:black}
 a.ti-wordpress{background:#00adff}
.Follow_us_r .ti-pencil{background:black;}
.product_row li{padding-right:2%;}
#productDiv .img-fluid,.img-contain{object-fit:contain;height:200px !important;}
.alertDiv,.alertsaveDiv,.alertaddImage,.alertUploadimage{position:fixed;bottom:12px;right:10px;background:#098df4;color:#ffffff;display:none;padding:10px 59px;z-index:9999999;}
.p_10{padding:10px;}
.m_auto{margin:0 auto;}
.nav-tabs-custom .nav-item .yt::after{background:#ee434c !important }
.nav-tabs-custom .nav-item .vm::after{background:#20b9eb !important }
.nav-tabs-custom .nav-item .dm::after{background:#ffe535 !important }
.nav-tabs-custom .nav-item .bg::after{background:#f87f14 !important }
.nav-tabs-custom .nav-item .pd::after{background:#8dc63f !important }
.nav-tabs-custom{background:#f8f8fa;}
.twrap_synd{border-bottom:#cccccc 1px solid;padding-bottom:20px;}
.hz_t_line_yt{display:inline-block;width:284px;border-bottom:#ee434c 2px solid;}
.hz_t_line_prod{display:inline-block;width:305px;border-bottom:#8dc63f 2px solid;}
.hz_t_line_vm{display:inline-block;width:260px;border-bottom:#20b9eb 2px solid;}
.hz_t_line_dm{display:inline-block;width:331px;border-bottom:#ffe535 2px solid;}
.hz_t_line_bg{display:inline-block;width:198px;border-bottom:#f87f14 2px solid;}
.frm_synd{padding-top:35px;}
.w_100,.select2-container{width:100% !important;}
a{text-decoration:none !important;}
.m_t_14{margin-top:14%;}
.m_t_16{margin-top:16%;}

.filterlabel:before, .filterlabel:after{content:"";position:relative;display:inline-block;width:42%;height:1px;vertical-align:middle;background:#cccccc;}
.filterlabel:before{left:-.5em;margin:0 0 0 -50%;}
.filterlabel:after{left:.5em;margin:0 -50% 0 0;}
.figure{position:relative;display: block !important;}
.figure .overlay{position:absolute;height:100%;width:100%;background: #00000054;color: white;font-size: 50px;} .overlay i{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
 .p_0{padding:0 !important;}
 .ul_action{display:contents;}
 .ul_action li{display:inline-block;width:30.66%;}
.gray{width:32px;height:32px;line-height:32px;color:#383636;display:inline-block;background:#e0d8d8;border-radius:100%;text-align:center;}
.gray img{height:18px;}
.fill_color{background:#7134eb!important;}
.h_250{height:250px !important;width:100%}
.card.youtube{border-top: 3px solid #ee434c} .card.dailymotion{border-top: 3px solid #ffe535} .card.vimeo{border-top: 3px solid #20b9eb} .card.blog{border-top: 3px solid #f87f14 }
.notice_ul{display: inline-block;}
.notice_ul li{width: 19%;}
.box_25{height: 20px; width: 20px;background: red;float: left;margin-right: 4%;} .box_25.youtube{background: #ee434c} .box_25.vimeo{background: #20b9eb} .box_25.dailymotion{background: #ffe535} .box_25.blogs{background: #f87f14}

/* Pagination */
ul.tsc_pagination li a{border:solid 1px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:6px 9px 6px 9px;}
ul.tsc_pagination li{padding-bottom:1px;}
ul.tsc_pagination{margin:4px 0;padding:0px;overflow:hidden;font:12px 'Tahoma';list-style-type:none;}
ul.tsc_pagination li{float:left;margin:0px;padding:0px;margin-left:5px;}
ul.tsc_pagination li a{color:black;display:block;text-decoration:none;padding:7px 10px 7px 10px;}
ul.tsc_pagination li a img{border:none;}
ul.tsc_pagination li a{color:#0A7EC5;border-color:#8DC5E6;background:#F8FCFF;}
ul.tsc_pagination li a:hover,ul.tsc_pagination li a.current{text-shadow:0px 1px #388DBE;border-color:#3390CA;color:white;background:linear-gradient(135deg, rgba(0,141,193,1) 1%,rgba(93,184,225,1) 100%);background:moz-linear-gradient(-45deg, rgba(0,141,193,1) 1%, rgba(93,184,225,1) 100%);background:webkit-linear-gradient(-45deg, rgba(0,141,193,1) 1%,rgba(93,184,225,1) 100%);}

/* End Pagination */


.jQWCP-wWidget{width: 300px !important;height: 197px !important;margin-top: -18% !important;}


.btn-primary,.btn-info {
    color: #fff;
    background-color: #7134eb !important;
    border-color: #7134eb !important;
}


/* VIralpost Css */


.tempalte_main_wrap{ position:relative; width:100%;  margin:0 auto;} .temp_overlay{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; } .cent_template{ padding:0px 15px; width:100%; letter-spacing:1px;} .img-responsive{ display:inline-block;} 
.descrip_temp{ font-size:18px;}
/*.temp_heading_1{    font-family: 'Pacifico', cursive;}*/
.temp_heading_1{ font-size:40px; font-family: 'Pacifico', cursive !important; color:#ffffff; margin-bottom:15px;} 
.flowerstore_logo a{ display:block; position:relative;}
.temp_overlay .flowerstore_logo img{ max-width:202px;display: inline-block;} 
.temp_overlay h1{ font-size:25px;}
.temp_heading_1 > p,.temp_heading_1 > h1,.temp_heading_1 > h2,.temp_heading_1 > h3,.temp_heading_1 > h4 {font-family: 'Pacifico', cursive !important;}



.gray_color{ color:#a1a1a1;} .bluecolor{ color:#7391f6;}
.temp_heading_2{ font-family: 'Pacifico', cursive; color:#f49ac1; } 

.temp_heading_2 > p,.temp_heading_2 > h1,.temp_heading_2 > h2,.temp_heading_2 > h3,.temp_heading_2 > h4 {font-family: 'Pacifico', cursive !important;}

.temp_heading_3{ font-family: 'Roboto Slab', serif; font-weight:700; color:#fda843; margin-bottom:0px;} 
.temp_heading_3 > p,.temp_heading_3 > h1,.temp_heading_3 > h2,.temp_heading_3 > h3,.temp_heading_3 > h4 {font-family: 'Roboto Slab', serif !important; font-weight:700 !important; color:#fda843 !important; margin-bottom:0px !important;}

.temp_heading_4{ font-family: 'Montserrat', sans-serif; font-weight:200;  color:#fff; margin-bottom:0px;}
.temp_heading_4 > p,.temp_heading_4 > h1,.temp_heading_4 > h2,.temp_heading_4 > h3,.temp_heading_4 > h4 {font-family: 'Montserrat', sans-serif !important;  font-weight:200 !important;  color:#fff !important;; margin-bottom:0px;}

.temp_heading_5{ font-family: 'Montserrat', sans-serif; font-weight:200; color:#a1a1a1; margin-bottom:0px;}
.temp_heading_5 > p,.temp_heading_5 > h1,.temp_heading_5 > h2,.temp_heading_5 > h3,.temp_heading_5 > h4 {font-family: 'Montserrat', sans-serif !important; font-weight:200 !important; color:#a1a1a1 !important; margin-bottom:0px;}

.temp_heading_6{ font-family: 'Montserrat', sans-serif; font-weight:200; color:#ffffff; margin-bottom:0px;}
.temp_heading_6 > p,.temp_heading_6 > h1,.temp_heading_6 > h2,.temp_heading_6 > h3,.temp_heading_6 > h4 {font-family: 'Montserrat', sans-serif !important; font-weight:200 !important; color:#ffffff !important; margin-bottom:0px;}

.temp_heading_7{ font-family: 'Merriweather', serif; font-weight:400; color:#ffffff; margin-bottom:0px; line-height:38px; margin-top:15px;} 
.temp_heading_7 > p,.temp_heading_7 > h1,.temp_heading_7 > h2,.temp_heading_7 > h3,.temp_heading_7 > h4 {font-family: 'Merriweather', serif !important; font-weight:400 !important; color:#ffffff !important; margin-bottom:0px; line-height:38px; margin-top:15px;}

.temp_heading_8{ font-family: 'Montserrat', sans-serif; font-weight:500; color:#7391f6; margin-bottom:0px;} 
.temp_heading_8 > p,.temp_heading_8 > h1,.temp_heading_8 > h2,.temp_heading_8 > h3,.temp_heading_8 > h4 {font-family: 'Montserrat', sans-serif !important; font-weight:500 !important; color:#7391f6 !important; margin-bottom:0px;}

.temp_heading_9{ font-family: 'Merriweather', serif; font-weight:400; color:#fff; margin-bottom:0px;} 
.temp_heading_9 > p,.temp_heading_9 > h1,.temp_heading_9 > h2,.temp_heading_9 > h3,.temp_heading_9 > h4 {font-family: 'Merriweather', serif !important; font-weight:400 !important; color:#fff !important; margin-bottom:0px;}

.temp_heading_10{ font-family: 'Paytone One', sans-serif; font-weight:400; color:#fff; margin-bottom:0px;} 
.temp_heading_10 > p,.temp_heading_10 > h1,.temp_heading_10 > h2,.temp_heading_10 > h3,.temp_heading_10 > h4 {font-family: 'Paytone One', sans-serif !important; font-weight:400 !important; color:#fff !important; margin-bottom:0px;}

.temp_heading_11{ font-family: 'Lora', serif; font-weight:400; font-style:italic; color:#fff; margin-bottom:0px;}
.temp_heading_11 > p,.temp_heading_11 > h1,.temp_heading_11 > h2,.temp_heading_11 > h3,.temp_heading_11 > h4 {font-family: 'Lora', serif !important; font-weight:400 !important; font-style:italic !important; color:#fff !important; margin-bottom:0px;}

.temp_heading_12{ font-family: 'Shrikhand', cursive; color:#fff; margin-bottom:0px;} 
.temp_heading_12 > p,.temp_heading_12 > h1,.temp_heading_12 > h2,.temp_heading_12 > h3,.temp_heading_12 > h4 {font-family: 'Shrikhand', cursive !important; color:#fff !important; margin-bottom:0px;}



#temp8 .temp_overlay{ display:block; top:48px;}  #temp10 .temp_overlay{ display:block; top:48px;} 


#wpwrap
{
  overflow-x: hidden !important; 
}
.editorclass > *
{
  cursor: pointer;
}
.flowerstore_logo img:hover,
.editorclass > *:hover
{
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  border: #e1e1e1 2px dashed;
  /*width: 90%;*/

}


.white{color: white}

.editDiv{
      width: auto !important;
    display: inline-block;
}



/* End Viral post Css */

/* Support and tutorials button */

.vidsumotut {
  position: fixed;
  right: -70px;
  padding: 12px;
  letter-spacing: 1px;
  font-size: 14px;
  cursor: pointer;
  /*background: rgb(93,184,225);
  background: -moz-linear-gradient(-45deg, rgba(93,184,225,1) 0%, rgba(0,141,193,1) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(93,184,225,1) 0%,rgba(0,141,193,1) 100%);
  background: linear-gradient(135deg, rgba(93,184,225,1) 0%,rgba(0,141,193,1) 100%);*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db8e1', endColorstr='#008dc1',GradientType=1 );
  border-radius: 0px 5px 5px 0px;
  border: none;
  box-shadow: none;
  color: #fff;
  font-weight: bold;
  z-index: 9999;
  transform: rotate(270deg);
  margin-top: 15%;
 /*background: linear-gradient(135deg, rgba(93,184,225,1) 0%,rgba(0,141,193,1) 100%);*/
}

/* CSS for manage bar table*/
.table-responsive {
  margin: 30px 0;
}
.table-wrapper {
  min-width: 1000px;
  background: #fff;
  padding: 20px;
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.table-title {
  padding-bottom: 10px;
  margin: 0 0 10px;
  min-width: 100%;
}
.table-title h2 {
  margin: 8px 0 0;
  font-size: 22px;
}
.search-box {
  position: relative;        
  float: right;
}
.search-box input {
  height: 34px;
  border-radius: 20px;
  padding-left: 35px;
  border-color: #ddd;
  box-shadow: none;
}
.search-box input:focus {
  border-color: #3FBAE4;
}
.search-box i {
  color: #a0a5b1;
  position: absolute;
  font-size: 19px;
  top: 8px;
  left: 10px;
}
table.table tr th, table.table tr td {
  border-color: #e9e9e9;
}
table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fcfcfc;
}
table.table-striped.table-hover tbody tr:hover {
  background: #f5f5f5;
}
table.table th i {
  font-size: 13px;
  margin: 0 5px;
  cursor: pointer;
}
table.table th {
  text-align: center;
}
table.table td:last-child {
  /*width: 220px;*/
  text-align: center;
}
table.table td:nth-child(2), table.table td:nth-child(3) {
  padding-left: 10px;
}

table.table td:first-child {
  /*width: 160px;*/
  text-align: center;
}

table.table td a {
  color: #a0a5b1;
  display: inline-block;
  margin: 0 5px;
}
table.table td a.view {
  color: #03A9F4;
}
table.table td a.edit {
  color: #03A9F4;
}
table.table td a.delete {
  color: #E34724;
}
table.table td i {
  font-size: 19px;
}    
.pagination {
  float: right;
  margin: 0 0 5px;
}
.pagination li a {
  border: none;
  font-size: 95%;
  width: 35px;
  height: 35px;
  color: #999;
  margin: 0 2px;
  line-height: 35px;
  border-radius: 35px !important;
  text-align: center;
  padding: 0;
}
.pagination li a:hover {
  color: #666;
}	
.pagination li.active a {
  background: #03A9F4;
}
.pagination li.active a:hover {        
  background: #0397d6;
}
.pagination li.disabled i {
  color: #ccc;
}
.pagination li i {
  font-size: 16px;
  padding-top: 6px
}
.hint-text {
  float: left;
  margin-top: 6px;
  font-size: 95%;
}    

/*end of css for manage bar table*/

/* CSS for create bar menu*/

.nav-item{ margin-left: 30px;}
.nav-pills .nav-link {  border-color: #9196e6;}
/* .tab-content{ margin-left: 30px; margin-top: 50px; } */
.copytext{  margin-bottom: 14px;  float: right;  margin-right: 20px; }
.codearea{ border-radius: 10px; font-size: 18px; background-color: #ebebeb; padding: 15px; width: 100%; color:#817c76; }

/*--- stickybar bar css -----*/
.hs_stickybar_wrapper{
  font-family: "Poppins", sans-serif ;
  -webkit-animation: stickybar_anim 0.3s;
  -moz-animation: stickybar_anim 0.3s;
  animation: stickybar_anim 0.3s;
  transition: all 0.3s;
}
@keyframes stickybar_anim{
  0%{
      transform:translateY(100%);
  }
  100%{
      transform:translateY(0%);
  }
}
@keyframes stickybar_anim_top{
  0%{
      transform:translateY(-100%);
  }
  100%{
      transform:translateY(0%);
  }
}
.sticky-Top.hs_stickybar_wrapper{
  -webkit-animation: stickybar_anim_top 0.3s;
  -moz-animation: stickybar_anim_top 0.3s;
  animation: stickybar_anim_top 0.3s;
}
.stickybar_close .hs_stickybar_wrapper{
  -webkit-transform:translateY(-100%);
  -moz-transform:translateY(-100%);
  -ms-transform:translateY(-100%);
  transform:translateY(-100%);
}
.stickybar_close .hs_stickybar_wrapper.sticky-Bottom {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.hs_stickybar_wrapper > .hs_stickybar_inner{
  padding: 10px 50px;
  min-height: 80px;
  color: #ffffff;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  box-shadow: 0px 0px 40px 0px rgba(255, 52, 150, 0.3);
  background-image: -webkit-linear-gradient( 0, rgb(215,215,215) 0%, #00ceff 0%, #33d8ff 100%);
}
.hssb_stickybar_toggle{
  position:absolute;
  top: 100%;
  left:30px;
  border-left:30px solid transparent;
  border-right:30px solid transparent;
  cursor:pointer;
}
.sticky-Bottom .hssb_stickybar_toggle{
  top: auto;
  bottom: 100%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hs_stickybar_content {
  text-align: right;
  display: flex;
  align-items: center;
}
.hs_stickybar_content h3 {
  font-size:20px;
  margin: 0;
  font-weight: bold;
}
.hs_stickybar_wrapper.sticky_top{
  bottom: inherit;
  top: 0;
}
.bar_close{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.hs_stickybar_wrapper.sticky_top .hssb_stickybar_toggle{
  top: 100%;
  bottom: inherit;
  border-top: 30px solid #ff4234;
  border-bottom: none;
}
.hs_stickybar_wrapper.sticky_top .hssb_stickybar_toggle > span{
  top: -20px;
}
.stickybar_close .hs_stickybar_wrapper.sticky_top{
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.stickybar_close .hs_stickybar_wrapper.sticky_top .hssb_stickybar_toggle > span:nth-child(1) {
  -webkit-transform: rotate(-45deg) translate(5px,3px);
  -moz-transform: rotate(-45deg) translate(5px,3px);
  -ms-transform: rotate(-45deg) translate(5px,3px);
  transform: rotate(-45deg) translate(5px,3px);
}
.stickybar_close .hs_stickybar_wrapper.sticky_top .hssb_stickybar_toggle > span:nth-child(2){
  -webkit-transform: rotate(45deg) translate(-4px,2px);
  -moz-transform: rotate(45deg) translate(-4px,2px);
  -ms-transform: rotate(45deg) translate(-4px,2px);
  transform: rotate(45deg) translate(-4px,2px);
}
.hs_stickybar_action{
  display: flex;
  flex-grow: 0.2;
  justify-content: flex-end;
  align-items: center;
}
.hs_stickybar_action p{
  margin:0;
}
.hs_stickybar_action p span {
  font-size: 25px;
  font-weight: 700;
}
.hs_stickybar_timer > .ce-countdown{
  display:flex;
  flex-wrap:wrap;
}
.hs_stickybar_timer > .ce-countdown > .ce-col{
  color: #ffffff;
  font-size: 30px;
  font-weight: 900;
  width: 80px;
  text-align: center;
  line-height: initial;
  background: rgba(255,255,255,0.15);
  margin: 0 2px;
  border-radius: 10px;
  padding: 3px 0 8px;
}
.hs_stickybar_timer > .ce-countdown > .ce-col > span[class*='-label']{
  display: block;
  font-size: 14px;
  font-weight: 600;
}
.hssb_stickybar_toggle > span{
  width: 15px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 3px;
  display: block;
  position: absolute;
  bottom: 18px;
  left: -8px;
}
.hssb_stickybar_toggle > span:nth-child(1){
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.hssb_stickybar_toggle > span:nth-child(2){
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
.stickybar_close .hs_stickybar_wrapper .hssb_stickybar_toggle > span:nth-child(1){
  -webkit-transform: rotate(135deg) translate(-4px,-4px);
  -moz-transform: rrotate(135deg) translate(-4px,-4px);
  -ms-transform: rotate(135deg) translate(-4px,-4px);
  transform: rotate(135deg) translate(-4px,-4px);
}
.stickybar_close .hs_stickybar_wrapper .hssb_stickybar_toggle > span:nth-child(2){
  -webkit-transform: rotate(-135deg) translate(3px,-3px);
  -moz-transform: rotate(-135deg) translate(3px,-3px);
  -ms-transform: rotate(-135deg) translate(3px,-3px);
  transform: rotate(-135deg) translate(3px,-3px);
}
.hs_stick_btn{
  display: inline-block;
  padding: 15px 35px;
  background-color: #FFEB3B;
  border-radius: 50px;
  color: #292929;
  font-size: 20px;
  margin-left: 30px;
}
.hs_stick_btn:hover, .hs_stick_btn:focus{
  color: #292929;
}
.mj_btn_shadow {
  height: 60px;
  line-height: 60px;
  font-size: 22px;
  display: inline-block;
  min-width: 180px;
  font-weight: 600;
  padding: 0px 20px;
  border-radius: 50px;
  border: none;
  text-transform: capitalize;
  cursor: pointer;
  margin-left: 1em;
  text-align: center;
}
.hs_stickybar_wrapper .mj_btn_shadow{
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  background-image: -webkit-linear-gradient( -90deg, rgb(215,215,215) 0%, #f133ba 0%, #e82586 100%);
  box-shadow: 0px 22px 50px 0px rgba(134, 42, 218, 0.1);
  color: #ffffff;
}
.mj_btn {
  text-decoration: none;
}
@media(max-width:1440px){
  .hs_stickybar_content h3{
      font-size: 18px;
  }
  .hs_stickybar_action p span{
      font-size: 20px;
  }
}
@media(max-width:1280px){
  .hs_stickybar_action{
      margin-top: 15px;
      justify-content: center;
  }
  .hs_stickybar_wrapper > .hs_stickybar_inner{
      justify-content: center;
  }
  .mj_btn_shadow{
      height: 50px;
      line-height: 50px;
      font-size: 22px;
  }
}
@media(max-width:767px){
  .hs_stickybar_timer > .ce-countdown > .ce-col {
      width: 60px;
      font-size: 20px;
  }
  .hs_stickybar_wrapper > .hs_stickybar_inner {
      padding: 5px 15px;
  }
  .hs_stickybar_timer > .ce-countdown > .ce-col > span[class*='-label'] {
      font-size: 10px;
  }
  .hs_stickybar_wrapper .mj_btn_shadow {
      display: none;
  }
  .hs_stickybar_action {
      margin-top: 5px;
  }
}
@media(max-width:480px){
  .mj_btn_shadow{
      height: 40px;
      line-height: 40px;
      font-size: 18px;
      margin-top: 10px;
  }
  .hs_stickybar_content{
      max-width: 100%;
      justify-content: center;
      text-align: center;
      /* new */
      display: block;
  }
  .hs_stickybar_timer > .ce-countdown > .ce-col{
      font-size: 25px;
      width: 65px;
  }
  .hs_stickybar_action{
      justify-content: center;
      flex-direction: column;
      text-align: center;

      /* new */
      margin: 10px auto;
  }

  /* new */
  .sp_white_color{
    margin: 10px auto;
  }

  .hs_stickybar_timer{
     margin-top: -30px;
  }

  .hs_stickybar_action{
    display: block;
  }

}
/* stickybar css end */
                  

/* Start of CSS for mobile preview section */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
body {
  font-family: 'Open Sans', sans-serif;
  background-color: #FFFAF6;
}
/*Basic Phone styling*/

.phone {
  border: 40px solid #ddd;
  border-width: 55px 7px;
  border-radius: 40px;
  margin: 0px auto;
  overflow: hidden;
  transition: all 0.5s ease;
  max-height: 600px;
}

.phone iframe {
  border: 0;
  width: 100%;
  height: 100%;
}
/*Different Perspectives*/

.phone.view_1 {
  transform: rotateX(50deg) rotateY(0deg) rotateZ(-50deg);
  box-shadow: -3px 3px 0 #BBB, -6px 6px 0 #BBB, -9px 9px 0 #BBB, -12px 12px 0 #BBB, -14px 10px 20px #666;
}

.phone.view_2 {
  transform: rotateX(0deg) rotateY(-60deg) rotateZ(0deg);
  box-shadow: 5px 1px 0 #BBB, 9px 2px 0 #BBB, 12px 3px 0 #BBB, 15px 4px 0 #BBB, 0 7px 20px #999;
}

.phone.view_3 {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  box-shadow: 0px 3px 0 #BBB, 0px 4px 0 #BBB, 0px 5px 0 #BBB, 0px 7px 0 #BBB, 0px 10px 20px #666;
}
/*Controls*/

#controls {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 0.9em;
  color: #333;
}

#controls div {
  margin: 10px;
}

#controls div label {
  width: 120px;
  display: block;
  float: left;
}

#views {
  /* position: absolute;
  top: 20px;
  right: 20px; */
  width: 200px;
  height: 38px;
    /* margin-top: 28px; */
}

#views button {
  /* width: 198px;
  border: 1px solid #bbb;
  background-color: #fff;
  height: 40px;
  margin: 10px 0;
  color: #666;
  transition: all 0.2s; */
  box-shadow: none;
}

#views button:hover {
  color: #444;
  background-color: #eee;
}

#frame_1{
  /* zoom: 0.75; */
  -moz-transform: scale(0.7);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.7);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.7);
  -webkit-transform-origin: 0 0;
}

@media (max-width:900px) {
  #wrapper {
    transform: scale(0.8, 0.8);
  }
}

@media (max-width:700px) {
  #wrapper {
    transform: scale(0.6, 0.6);
  }
}

@media (max-width:500px) {
  #wrapper {
    transform: scale(0.4, 0.4);
  }
}


/* End of CSS for mobile preview section */



/* new */

.editContent p{
  margin-bottom: 0px;
}