@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

/*
Copyright (c) 2016 omniXpress
------------------------------------------------------------------
[Master Default Stylesheet]
-------------------------------------------------------------------

[Table of contents]

1. body
2. body structure
3. header
4. campaign
5. authentication
6. deshboard
7. media uploader
8. setting
9. vendor shop
10. vendor select template
11. stats
12. billing and upgrades
13. updates
14. premium
15. blog

Editor start
	1. editor sidebar	 
	2. editor wrapper
	3. editor element	
 .
 .
 .
49. preview page
50. typography
51. components
52. responsive
 


 
-------------------------------------------------------------------*/

/***********************************************************************************
1. body start
***********************************************************************************/
body{
    background-color: #f1f3f5;	
	font-family: 'Raleway', sans-serif;
    color: #969696;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	text-rendering: optimizeLegibility !important; 
}
a {
	color: #00bcd4;
	text-decoration: none;
	cursor:pointer;
}
a:hover, a:focus {
	text-decoration: none;
}
a:focus {
	outline: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: 'Raleway', sans-serif;
	color:#515d6f; 
}


/* preloader start */
#hs_preloader {
	background-color: #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2147483647;
}
#hs_preloader #hs_status {
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	margin: -40px 0 0 -40px;
}
.clock{
	border-radius: 60px;
    border: 2px solid #b5b5b5;
    height: 50px;
    width: 50px;
    position: relative;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
}
.clock:after{
	content: "";
    position: absolute;
    background-color: #00bcd4;
    top: 4px;
    left: calc(50% - 1.5px);
    height: 20px;
    width: 3px;
    border-radius: 5px;
    -webkit-transform-origin: 50% 97%;
    transform-origin: 50% 97%;
    -webkit-animation: grdAiguille 2s linear infinite;
    animation: grdAiguille 2s linear infinite;
}

@-webkit-keyframes grdAiguille{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes grdAiguille{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

.clock:before{
	content: "";
    position: absolute;
    background-color: #00bcd4;
    top: 7px;
    left: calc(50% - 2px);
    height: 17px;
    width: 4px;
    border-radius: 5px;
    -webkit-transform-origin: 50% 97%;
    transform-origin: 50% 97%;
    -webkit-animation: ptAiguille 5s linear infinite;
    animation: ptAiguille 5s linear infinite;
}

@-webkit-keyframes ptAiguille{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes ptAiguille{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

/* preloader end */

/***********************************************************************************
1. body end
***********************************************************************************/


/***********************************************************************************
2. body structure start
***********************************************************************************/
.hs_page_wrapper{
/*	margin-left:300px;*/
	padding:40px;
	height:100%;
	min-height:100%;
	position:relative;
}
.hs_page_header{
	margin-bottom:40px;
    position: relative;
    z-index: 12;	
}
.hs_page_content{
	background-color:#ffffff;
	padding:30px;
    min-height: calc(100% - 70px);
    position: relative;	
}
/***********************************************************************************
2. body structure end
***********************************************************************************/

/***********************************************************************************
3. header start
***********************************************************************************/
.hs_sidebar_wrapper{
	position: fixed;
    left: 0;
    top: 93px;
    bottom: 0;
	width: 300px;
    background-color: #ffffff;
    min-height: 60px;
	z-index:999;
    -webkit-box-shadow: 0px 0px 100px -40px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 100px -40px rgba(0, 0, 0, 0.2);
	-webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
}
.hs_sidebar_wrapper.hs_custom_scrollbar{
	max-height:100%;
}

.hs_logo_wrapper{
	/*text-align:center;
	margin-top:30px;
	margin-bottom:10px;
	position: fixed;*/
    top: 0;
    left: 0;
    width: 300px;
	z-index:1000;
    background-color: #fff;
    margin: 0;
    padding: 34px 10px;
	text-align:center;
	backface-visibility:hidden;
	min-height: 93px;
}
.hs_logo_wrapper > a > img{
	max-width:200px;
}
.hs_navbar_avatar_wrapper{
	padding:20px;
	text-align:center;
	margin-bottom:30px;
}
.hs_navbar_avatar_wrapper > .avatar{
	width:100px;
	height:100px;
	line-height:100px;
	border-radius:100px;
	display:inline-block;
	position:relative;
	background-color:#00bcd4;
	color:#ffffff;
    font-size: 40px;
    font-weight: 300;	
}
.hs_navbar_avatar_wrapper.image_uploaded > .avatar{
	background-image: url(../images/user_image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: transparent;
}
.hs_navbar_avatar_wrapper.image_uploaded > .avatar > .avatar_initials{
	opacity:0;
	visibility:hidden;
}
.hs_navbar_avatar_wrapper > .avatar > .avatar_overlay{
	position: absolute;
    top: calc(100% - 30px);
    left: calc(100% - 30px);
    width: 25px;
    height: 25px;
    line-height: 28px;
    border-radius: 30px;
    font-size: 14px;
    color: #717171;
    background-color: #ffffff;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.hs_nav_wrapper{
	padding:15px;
}
.hs_nav_wrapper > ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.hs_nav_wrapper > ul > li{
	display:block;
	position:relative;
}
.hs_nav_wrapper > ul > li > a{
	color:#6f819b;
	display: block;
	font-size: 16px;
    padding: 10px;
	position:relative;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.hs_nav_wrapper > ul > li.active > a,
.hs_nav_wrapper > ul > li > a:hover{
	color:#00bcd4;
}
.hs_nav_wrapper > ul > li > a:before{
	content: "";
    position: absolute;
    left: -15px;
    top: 0;
    bottom: 0;
    width: 0px;
    height: 100%;
    background-color: #00bcd4;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
	-webkit-box-shadow: 4px 0px 10px -1px #00bcd4, 8px 0px 20px -1px #00bcd4;
    box-shadow: 4px 0px 10px -1px #00bcd4, 8px 0px 20px -1px #00bcd4;
}
.hs_nav_wrapper > ul > li.active > a:before,
.hs_nav_wrapper > ul > li > a:hover:before{
	width:5px;
}
.hs_nav_wrapper > ul > li > a > i{
	margin-right:8px;
}

.hs_nav_wrapper > ul > li > ul{
	display:none;
	list-style:none;
}
.hs_nav_wrapper > ul > li > ul > li{
	display:block;
	position:relative;
}
.hs_nav_wrapper > ul > li > ul > li > a{
	color:#6f819b;
	display: block;
    padding: 10px;
	font-size: 14px;
	position:relative;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.hs_nav_wrapper > ul > li > ul > li > a:before{
	content: "";
    position: absolute;
    left: -55px;
    top: 0;
    bottom: 0;
    width: 0px;
    height: 100%;
    background-color: #00bcd4;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-box-shadow: 4px 0px 10px -1px #00bcd4, 8px 0px 20px -1px #00bcd4;
    box-shadow: 4px 0px 10px -1px #00bcd4, 8px 0px 20px -1px #00bcd4;
}
.hs_nav_wrapper > ul > li > ul > li.active > a:before,
.hs_nav_wrapper > ul > li > ul > li > a:hover:before{
	width:5px;
}
.hs_nav_wrapper > ul > li > ul > li > a > i{
	margin-right:8px;
}
.hs_nav_wrapper > ul > li > ul > li.active > a,
.hs_nav_wrapper > ul > li > ul > li > a:hover{
	color:#00bcd4;
}

.hs_nav_wrapper > ul > li.hs_nav_dropdown:after{
	content:"\e64b";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
	position:absolute;
	top:13px;
	right:10px;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	display:block;
}
.hs_nav_wrapper .omni_update_notification{
    font-size: 19px;
    position: absolute;
    right: 10px;
    top: 13px;
    color: #F44336;	 
	-webkit-animation: omni_update_notification 0.1s infinite;
	-moz-animation: omni_update_notification 0.1s infinite;
	animation: omni_update_notification 0.1s infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
}
@-webkit-keyframes omni_update_notification{
	0%{-webkit-transform: rotate(10deg);}
	50%{-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(-10deg);}
}
@-moz-keyframes omni_update_notification{
	0%{-moz-transform: rotate(10deg);}
	50%{-moz-transform: rotate(0deg);}
	100%{-moz-transform: rotate(-10deg);}
}
@keyframes omni_update_notification{
	0%{transform: rotate(10deg);}
	50%{transform: rotate(0deg);}
	100%{transform: rotate(-10deg);}
}


.hs_notification .hs_dropdown_wrapper{
	min-width:300px;
}
.hs_notification .hs_dropdown_wrapper .hs_dropdown_title{
    font-size: 16px;
    color: #333333;
    font-weight: 500;	
	margin-bottom: 10px;
}
.hs_notification .hs_dropdown_wrapper .hs_dropdown_title > span{
    background-color: #f96868;
    color: #fff;
    padding: 2px 8px;
    float: right;
    border-radius: 20px;
    font-size: 12px;
    line-height: initial;
    cursor: pointer;
    margin-top: 4px;    
}
.hs_notification .hs_dropdown_wrapper > .hs_dropdown > ul > li{
	padding:15px 0;
	border-bottom:1px solid #f1f1f1;
}
.hs_notification .hs_dropdown_wrapper > .hs_dropdown > ul > li:last-child{
	border-bottom:none;
}
.hs_notification .hs_dropdown_wrapper > .hs_dropdown > ul > li .hs_icon{
	width: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.hs_notification .hs_dropdown_wrapper > .hs_dropdown > ul > li .hs_icon i{
	width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    border-radius: 30px;
    display: inline-block;
}
.hs_notification .hs_dropdown_wrapper > .hs_dropdown > ul > li.notification_order .hs_icon i{
	background-color: #00bcd4;
}
.hs_notification .hs_dropdown_wrapper > .hs_dropdown > ul > li.notification_task .hs_icon i{
	background-color: #4CAF50;
}
.hs_notification .hs_dropdown_wrapper > .hs_dropdown > ul > li.notification_setting .hs_icon i{
	background-color: #FF5722;
}
.hs_notification .hs_dropdown_wrapper > .hs_dropdown > ul > li.notification_event .hs_icon i{
	background-color: #3F51B5;
}

.hs_notification .hs_dropdown_wrapper > .hs_dropdown > ul > li .hs_detail{
	width: calc(100% - 34px);
    padding: 0 10px;
    display: inline-block;
}
.hs_notification .hs_dropdown_wrapper > .hs_dropdown > ul > li .hs_detail h5{
	margin: 0;
    font-size: 13px;
	color: #6f6f6f;
}
.hs_notification .hs_dropdown_wrapper > .hs_dropdown > ul > li .hs_detail p{
	margin: 0;
    font-size: 11px;
    line-height: initial;
}


/* menu toggle start */
.hs_menu_toggle{
	width: 40px;
    height: 40px;
    padding: 8px 9px;
    float: left;
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 8888;
    bottom: 10px;
    right: 10px;
    background-color: #00bcd4;
    border-radius: 50px;
	overflow:hidden;
}
.hs_menu_toggle > span{
	width: 20px;
    height: 3px;
    border-radius: 3px;
    display: block;
    margin: 4px auto;
    background-color: #ffffff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    position: relative;
}
.sidebar_open .hs_menu_toggle{
	background-color:#F44336;
}
.sidebar_open .hs_menu_toggle > span{
	background-color:#ffffff;
}
.sidebar_open .hs_menu_toggle > span:after{
	display:none;
}
.sidebar_open .hs_menu_toggle > span.top{
	width: 20px;
	-webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
    -webkit-transform-origin: 2px 5px;
    -moz-transform-origin: 2px 5px;
    transform-origin: 2px 5px;
}
.sidebar_open .hs_menu_toggle > span.center{
	opacity:0;
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	transform: translateX(50px); 
}
.sidebar_open .hs_menu_toggle > span.bottom{
	width: 20px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transform-origin: 1px -2px;
    -moz-transform-origin: 1px -2px;
    transform-origin: 1px -2px;
}
/* menu toggle end */

.hs_ad_banner{
	display:inline-block;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
}
.hs_ad_banner.mobile{
	display:none;
}

/***********************************************************************************
3. header end
***********************************************************************************/


/***********************************************************************************
4. campaign start
***********************************************************************************/
.hs_campaign_wrapper .hs_campaign_header{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:30px;
	position:relative;
	z-index:1;
}
.hs_campaign{
	margin-bottom: 30px;
    border: 1px dashed transparent;
    padding: 5px;
}
.hs_campaign.camp_select{
	border-color:#cccccc;
}
.hs_campaign .hs_camp_image{
	position:relative;
	border-radius: 8px;
}
.hs_campaign .hs_camp_image img{
	max-width:100%;
	border-radius: 8px;
}
.hs_campaign .hs_camp_image .hs_camp_overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.8);
	border-radius: 8px;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.hs_campaign:hover .hs_camp_image .hs_camp_overlay{
	opacity:1;
	visibility:visible;
}
.hs_campaign .hs_camp_detail{
	position:relative;
	padding-right:40px;
}
.hs_campaign .hs_camp_detail h3{
	margin: 10px auto;
    font-size: 17px;
    color: #737373;
    font-weight: 500;
	margin-bottom: 5px;
}
.hs_campaign .hs_camp_detail p{
    margin-bottom: 0;
    line-height: initial;
    font-size: 12px;
}
.hs_campaign .hs_camp_detail .hs_camp_option{
	position:absolute;
	top:0px;
	right:5px;
	width:35px;
	height:35px;
	line-height:35px;
	border-radius:35px;
	border:2px solid;
	color:#a0a0a0;
	text-align:center;
	cursor:pointer;
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateX(-10px);
	-moz-transform:translateX(-10px);
	transform:translateX(-10px);
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.hs_campaign:hover .hs_camp_detail .hs_camp_option{
	opacity:1;
	visibility:visible;
	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	transform:translateX(0px);
}
.hs_campaign .hs_camp_detail .hs_camp_option.download_option{
	right: 45px;
}

.hs_campaign > .hs_checkbox{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 35px;
    width: 19px;
    height: 19px;	
	opacity:0;
	visibility:hidden;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.hs_campaign.camp_select > .hs_checkbox{
	opacity:1;
	visibility:visible;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}

.hs_campaign .hs_camp_image .hs_camp_overlay .hs_camp_overlay_center{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	text-align:center;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
.hs_campaign .hs_camp_image .hs_camp_overlay .hs_camp_overlay_center .hs_btn{
	display:table;
	margin:10px auto;
	height: 25px;
    line-height: 25px;
    font-size: 13px;
    padding: 0 16px;
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	transform:translateY(-10px);
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.hs_campaign:hover .hs_camp_image .hs_camp_overlay .hs_camp_overlay_center .hs_btn{
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}
.hs_campaign:hover .hs_camp_image .hs_camp_overlay .hs_camp_overlay_center .hs_btn.view_template{
	-webkit-transition-delay: 0.05s;
	-moz-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hs_select_camp_wrapper{
	float:right;
}
.hs_select_camp_wrapper .hs_select_camp_btn{
	opacity:0;
	visibility:hidden;
}
.hs_select_camp_wrapper.open_option .hs_select_camp_btn .hs_btn{
	-webkit-animation: dropdownItemFadeLeft 0.2s ease-in-out;
	animation: dropdownItemFadeLeft 0.2s ease-in-out;
	-webkit-transform-origin: left left;
	transform-origin: left left;
	-webkit-transform-style: preserve-3D;
	transform-style: preserve-3D;
}
.hs_select_camp_wrapper.open_option .hs_select_camp_btn{
	opacity:1;
	visibility:visible;
}
.hs_select_camp_wrapper .hs_btn_default{
	margin-right:10px;
}
.hs_select_camp_wrapper .hs_checkbox{
	width:auto;
	float:right;
	margin-top:5px;
	margin-left:15px;
}
/***********************************************************************************
4. campaign end
***********************************************************************************/

/***********************************************************************************
5. authentication start
***********************************************************************************/
.auth_body{
	/* background-color:#00bcd4; */
	background-image:url("../images/bg/auth_bg.jpg");
}	
#hs_login_animation2,
#hs_login_animation{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.auth_body .hs_page_wrapper{
	margin-left:0;
}
.hs_site_wrapper{
	position: relative;
    height: 100%;
}
.hs_auth_wrapper{
	background-color:#ffffff;
	color:#6f819b;
	padding:50px;
	max-width:850px;
	width:100%;
	margin:0 auto;
	box-shadow: 0px 0px 20px rgba(4, 4, 4, 0.05);
	border-radius:10px;
	position:relative;
	top: 50%;    
    -webkit-transform: translate3d(0,calc(-50% - 1px),0px);
    -moz-transform: translate3d(0,calc(-50% - 1px),0px);
    transform: translate3d(0,calc(-50% - 1px),0px);
}
.hs_auth_wrapper.login{
	padding:49.5px;
}
.hs_auth_wrapper .hs_auth_form{
	text-align:center;
}
.hs_auth_wrapper .hs_auth_form .hs_auth_title{
	font-size:32px;
	color:#414c5b;
	margin:0;
	margin-bottom:15px;
}
.hs_auth_wrapper .hs_auth_form .hs_auth_title .hs_auth_subtitle{
	font-size:16px;
	color:#6f819b;
}
.hs_auth_wrapper .hs_auth_form .hs_input_wrapper .hs_btn{
	margin-top:20px;	
}
.hs_auth_wrapper .hs_auth_vector{
	text-align:center;
	line-height: 300px;
}
.hs_auth_wrapper .hs_auth_vector img{
	max-width:100%;
}

.hs_auth_effect{
	position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.hs_forgot_icon{
	position: absolute;
    top: 17px;
    right: 10px;
    color: #6f819b;
    font-weight: 500;
}

/***********************************************************************************
5. authentication end
***********************************************************************************/

/***********************************************************************************
6. deshboard start
***********************************************************************************/
.hs_dashboard_wrapper{
	padding:80px 50px;
}
.hs_welcome_wrapper{
	text-align:left;
	max-width: 500px;
    width: 100%;
}
.hs_welcome_wrapper > h3{
	margin: 20px 0;
    font-size: 50px;
    font-weight: 100;
}
.hs_welcome_wrapper > h3 > strong{
	color:#00bcd4;
}
.hs_welcome_wrapper > p{
    font-size: 16px;
    margin-bottom: 30px;	
}
.hs_welcome_wrapper > .hs_btn{
	margin-bottom:30px;
}
.hs_welcome_wrapper .hs_dashboard_widget{
	background-color:#f0f0f0;
	padding:15px;
	margin-bottom:30px;
	display:block;
}
.hs_welcome_wrapper .hs_dashboard_widget:before,
.hs_welcome_wrapper .hs_dashboard_widget:after{
	content:"";
	display:table;
	width:100%;
}
.hs_welcome_wrapper .hs_dashboard_widget > .icon{
	width:80px;
	height:70px;
	float:left;
	text-align:center;
}
.hs_welcome_wrapper .hs_dashboard_widget > .icon img{
	max-width:50px;
}
.hs_welcome_wrapper .hs_dashboard_widget > .detail{
	width:calc(100% - 80px);
	float:left;
	padding-left:10px;
}
.hs_welcome_wrapper .hs_dashboard_widget > .detail > h3{
	margin: 0;
    margin-bottom: 12px;
    font-size: 40px;
    font-weight: 100;
    line-height: inherit;
    color: #767676;
}
.hs_welcome_wrapper .hs_dashboard_widget > .detail > p{
    margin-bottom: 0;
    color: #00bcd4;
    font-weight: 500;
    font-size: 19px;	
}

.hs_webinar_wrapper{
	text-align:center;
}
.hs_webinar_wrapper > h3{
	font-size:20px;
	margin:0;
	margin-bottom:20px;
	font-weight: 400;
}
.hs_webinar_wrapper > a.hs_btn{
	height: auto;
    line-height: inherit;
    font-size: 20px;
    padding: 12px 40px;
    border-radius: 100px;
}
.hs_webinar_wrapper > a.hs_btn > span{
	display: block;
    font-size: 12px;
    color: #ebebeb;
    line-height: 15px;
}
/***********************************************************************************
6. deshboard end
***********************************************************************************/


/***********************************************************************************
7. media uploader start
***********************************************************************************/
.hs_media_uploader_wrapper{
	/* background-color:rgba(0,0,0,0.8); */
	position:relative;
	height:100%;
}
.hs_media_uploader_wrapper .hs_media_uploader_inner{
	position: absolute;
    top: 10%;
	max-width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 80%;
    min-height: 80%;	
	background-color: #ffffff;
    margin: 0 auto;
	border-radius: 6px;
	overflow: hidden;
	opacity:0;
}
.hs_site_loaded .hs_media_uploader_wrapper .hs_media_uploader_inner{
	opacity:1;
	-webkit-animation: avatar_overlay_anim 0.2s ease-in-out;
    animation: avatar_overlay_anim 0.2s ease-in-out;
	-webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform-style: preserve-3D;
    transform-style: preserve-3D;
}
.hs_media_uploader_wrapper .hs_media_uploader_inner .hsm_header{
	background-color: #00bcd4;
    padding: 16px 15px;
    border-radius: 6px 6px 0 0;
    
}
.hs_media_uploader_wrapper .hs_media_uploader_inner .hsm_header > h3{
	color: #fff;
    text-transform: capitalize;
    letter-spacing: inherit;
    font-size: 16px;
	margin: 0;
}
.hs_media_uploader_wrapper .hs_media_uploader_inner .hsm_header .hsm_popup_action{
	position: absolute;
    top: 13px;
    right: 15px;
}
.hs_media_uploader_wrapper .hs_media_uploader_inner .hsm_header .hsm_popup_action > a{
	width: 25px;
    height: 25px;
    line-height: 26px;
    text-align: center;
    color: #6f819b;
    background-color: #ffffff;
    border-radius: 30px;
    font-size: 12px;
    display: inline-block;
    opacity: 0.8;
    cursor: pointer;
}
.hs_media_uploader_wrapper .hs_media_uploader_inner .hsm_header .hsm_popup_action > a:hover{
	opacity: 1;
}

.hsm_body{
	height:calc(100% - 49px);
	position:relative;	
}
.hsm_body .hsm_tab_wrapper{
	display:flex;
    height: 100%;	
}
.hsm_body .hsm_tab_wrapper .hsm_tab_menu{
	width:200px;
	float:left;
	background-color:#ffffff;
	position: relative;
}
.hsm_body .hsm_tab_wrapper .hsm_tab_menu > ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.hsm_body .hsm_tab_wrapper .hsm_tab_menu > ul > li{
	display:block;
}
.hsm_body .hsm_tab_wrapper .hsm_tab_menu > ul > li > a{
	color: #6f819b;
    padding: 8px 15px;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.hsm_body .hsm_tab_wrapper .hsm_tab_menu > ul > li.active > a{
    background-color: #f0f0f0;	
}
.hsm_body .hsm_tab_wrapper .hsm_tab_menu .hsm_uploader_area{
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;	
}
.hsm_body .hsm_tab_wrapper .hsm_tab_content{
	width:calc(100% - 200px);
	float:left;
	background-color:#f0f0f0;
}
.hsm_body .hsm_tab_wrapper .hs_custom_scrollbar.hsm_pixabay_search, 
.hsm_body .hsm_tab_wrapper .hs_custom_scrollbar.hsm_image_list_scrollbar, 
.hsm_body .hsm_tab_wrapper .hs_custom_scrollbar.hsm_grabimage_scrollbar, 
.hsm_body .hsm_tab_wrapper .hs_custom_scrollbar.hsm_searchimage_scrollbar{
	height: calc(100% - 75px);	
	max-height: inherit;
}

.hsm_grabed_image .img-responsive{
	display:inline-block;
}

.hsm_uploader_area > .hsm_uploader{
	border: 2px dashed #d6d6d6;
    padding: 20px;
    text-align: center;
    position: relative;
	cursor:pointer;
}
.hs_media_uploader_inner.dropping .hsm_uploader_area > .hsm_uploader,
.hsm_uploader_area > .hsm_uploader:hover{
	border-color:#00bcd4; 
}
.hsm_uploader_area.dropping > .hsm_uploader{
	border-color:#00bcd4;
}
.hsm_uploader_area > .hsm_uploader > img{
	max-width: 50px;
    margin-bottom: 5px;
}
.hsm_uploader_area > .hsm_uploader > input{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
	cursor:pointer;
}
.hsm_uploader_area > .hsm_uploader > h3{
	font-size: 13px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.hsm_uploader_area > .hsm_uploader > p{
	font-size: 12px;
    line-height: initial;
}
.hsm_uploader_area.big_popup_overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(255,255,255,0.9);
	z-index:50;
	display:none;
	border-radius:4px;
}
.hs_media_uploader_inner.dropping .hsm_uploader_area.big_popup_overlay{
	display:block;
}
.hsm_uploader_area.big_popup_overlay > .hsm_uploader{
	height:100%;
    padding-top: calc(25% - 75px);	
	border-radius:4px;
	border:none;
}

.hsm_image_list_option{
	text-align:right;
	min-height:50px;
	padding:10px;
	clear:both;
	position:relative;
	z-index:10;
}

.hsm_image_list_option .hsm_image_list_view{
	display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
	vertical-align: middle;
}
.hsm_image_list_option .hsm_image_list_view > span{
	width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    cursor: pointer;
	font-size: 20px;
}
.hsm_image_list_option .hsm_image_list_view .hs_dropdown_wrapper{
	min-width: 115px;	
}
.hsm_image_list_option .hsm_image_list_view .hs_dropdown_wrapper > .hs_dropdown > ul > li > a{
	text-align:left;
    font-weight: 500;	
}
.hsm_image_list_option .hsm_image_list_view .hs_dropdown_wrapper > .hs_dropdown > ul > li > a > i{
	width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
}

.hsm_image_list_option .hsm_image_action{
	float: left;
    margin-top: 5px;
	display:none;
	-webkit-animation: dropdownItemFadeLeft 0.2s ease-in-out;
	animation: dropdownItemFadeLeft 0.2s ease-in-out;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform-style: preserve-3D;
	transform-style: preserve-3D;
}
.hsm_image_list_option .hsm_image_action .hs_btn{
	margin-bottom: 0;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-right: 10px;
    padding: 0 12px;	
}
.hsm_image_list_option.option_open .hsm_image_action{
	display:block;
}

.hsm_image_list_option .hsm_image_search{
	display:inline-block;
	vertical-align: middle;
}
.hsm_image_list_option .hsm_image_search .hs_input_wrapper{
	margin-bottom:0;
}
.hsm_image_list_option .hsm_image_search .hs_input_wrapper.hs_input_icon > .form-icon{
	height: 30px;
    line-height: 31px;
    width: 30px;
    font-size: 13px;
}
.hsm_image_list_option .hsm_image_search .hs_input_wrapper .form-control{
	height: 30px;
    padding-left: 30px;	
}


.hsm_image_list_wrapper > ul{
	list-style: none;
    padding:0;
    margin: 0;
    display: block;
	float:left;
	width:100%;
	padding-left:15px;
}
.hsm_image_list_wrapper > ul > li{
	overflow: hidden;
    display: inline-block;
    margin-bottom:15px;	
    padding-bottom: 0;
	-webkit-animation: dropdownItemFadeDown 0.2s ease-in-out;
	animation: dropdownItemFadeDown 0.2s ease-in-out;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform-style: preserve-3D;
	transform-style: preserve-3D;	
}
/*.hsm_image_list_wrapper.small_view > ul > li{
	width: 25%;
}*/
.hsm_image_list_wrapper.large_view > ul > li{
	width: 25%;
}
.hsm_image_list_wrapper > ul > li{
	padding-left:0;	
}

.hsm_image_list_wrapper.list_view > ul > li{
	width: 100%;
}
.hsm_image_list_wrapper.list_view > ul > li .hsm_image_wrapper .hsm_image{
	display:flex;
}
.hsm_image_list_wrapper.list_view > ul > li .hsm_image_wrapper .hsm_image img{
	width:100px;
	height:100px;
	float:left;
}
.hsm_image_list_wrapper.list_view > ul > li .hsm_image_wrapper .hsm_image .hsm_image_overlay{
	position:relative;
	opacity:1;
	visibility:visible;
	width:calc(100% - 100px);
	height:100px;
	float:left;
	background-color:transparent;
}
.hsm_image_list_wrapper.list_view > ul > li .hsm_image_wrapper .hsm_image .hsm_image_overlay .top_action{
	position:relative;
}
.hsm_image_list_wrapper.list_view > ul > li .hsm_image_wrapper .hsm_image .hsm_image_overlay .top_action h3{
    color: #6f819b;
    font-size: 16px;
    overflow: visible;	
}
.hsm_image_list_wrapper.list_view > ul > li .hsm_image_wrapper .hsm_image .hsm_image_overlay .bottom_action{
	left: auto;
}
.hsm_image_list_wrapper.list_view > ul > li .hsm_image_wrapper .hsm_image .hsm_image_overlay .bottom_action ul li a{
	color: #a5a5a5;
}


.hsm_image_wrapper{
	position:relative;
}
.hsm_image_wrapper .hsm_image {
	position: relative;
    max-width: 100%;
	/*width: 135px;
    height: 90px;
	text-align: center;
    display: table-cell;
    vertical-align: middle;*/
    background-color: rgba(0, 0, 0, 0.06);
}
.hsm_image_wrapper .hsm_image img{
	width:100%;
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-color:rgba(0,0,0,0.8);
	opacity:0;
	visibility:hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;	
}
.hsm_image_wrapper.active .hsm_image .hsm_image_overlay,
.hsm_image_wrapper:hover .hsm_image .hsm_image_overlay{
	opacity:1;
	visibility:visible; 
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay .top_action{
	position:absolute;
	top:0;
	left:0;
	right:0;
	padding: 10px;
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay .top_action  > h3{
	color: #ffffff;
    font-size: 13px;
    margin: 0;
    float: left;
    overflow: hidden;
    line-height: 16px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: calc(100% - 20px);
    white-space: nowrap;
}

.hsm_image_wrapper .hsm_image .hsm_image_overlay > .hs_checkbox{
	position: absolute;
    top: 0px;
    right: 0px;
    left: 0;
    bottom: 0;
	z-index: 1;
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay > .hs_checkbox > input{
	position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
	margin: 0;
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay > .hs_checkbox > label{
	width: 15px;
    height: 15px;
    padding: 0;
    float: right;	
	-webkit-transform: translate(-10px,10px);
	-moz-transform: translate(-10px,10px);
	transform: translate(-10px,10px);
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay > .hs_checkbox > label:before{
	top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid;
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay > .hs_checkbox > label:after{
	width: 15px;
    height: 15px;
    line-height: 15px;
	font-size: 9px;
	top: 0;
}

.hsm_image_wrapper .hsm_image .hsm_image_overlay .center_action{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	text-align:center;
	-webkit-transform:translate3d(0,calc(-50% + 1px),0);
	-moz-transform:translate3d(0,calc(-50% + 1px),0);
	transform:translate3d(0,calc(-50% + 1px),0);
	z-index:2;
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay .center_action a{
	color: #ffffff;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay .center_action a.hs_btn{
	width:auto;
	margin-bottom:0;
	opacity:1;	
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay .center_action a:hover{
	color: #00bcd4;
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay .center_action a.hs_btn:hover{
	color:#ffffff;
}

.hsm_image_wrapper .hsm_image .hsm_image_overlay .bottom_action{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index: 2;
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay .bottom_action ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	text-align:right;
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay .bottom_action ul li{
	display:inline-block;
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay .bottom_action ul li a{
	color: #ffffff;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.hsm_image_wrapper .hsm_image .hsm_image_overlay .bottom_action ul li a:hover{
	color:#00bcd4;
}
.hsm_image_wrapper.uploading{
	background-color: #ffffff;
}
.hsm_image_wrapper.uploading .hsm_image{
	opacity:0.5;
}
.hsm_image_wrapper.uploading > .hs_progress{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background-color: #d6d6d6;
    z-index: 1;
	overflow:hidden;
}
.hsm_image_wrapper.uploading > .hs_progress > span{
	height: 5px;
    background-color: #00bcd4;
    display: block;
	-webkit-transition: all 500ms cubic-bezier(0.775, 0.005, 0.350, 0.985); 
	-moz-transition: all 500ms cubic-bezier(0.775, 0.005, 0.350, 0.985); 
	-o-transition: all 500ms cubic-bezier(0.775, 0.005, 0.350, 0.985); 
	transition: all 500ms cubic-bezier(0.775, 0.005, 0.350, 0.985);
	-webkit-transition-timing-function: cubic-bezier(0.775, 0.005, 0.350, 0.985); 
	-moz-transition-timing-function: cubic-bezier(0.775, 0.005, 0.350, 0.985); 
	-o-transition-timing-function: cubic-bezier(0.775, 0.005, 0.350, 0.985); 
	transition-timing-function: cubic-bezier(0.775, 0.005, 0.350, 0.985);
}

.hsm_image_wrapper.uploading .hsm_image .hsm_image_overlay{
	opacity:0;
	visibility:hidden;
}
.hsm_image_wrapper.uploading.uploaded:after{
	content:"\e64c";
	font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    background-color: #8bc34a;
    color: #fff;
    border-radius: 30px;
	-webkit-animation: dropdownFadeCenter 0.2s ease-in-out;
	animation: dropdownFadeCenter 0.2s ease-in-out;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform-style: preserve-3D;
	transform-style: preserve-3D;
	
}
.hsm_image_wrapper.uploading.uploaded > .hs_progress > span{
	background-color: #8BC34A;
}

.hsm_image_wrapper.checked .hsm_image .hsm_image_overlay {
    opacity: 1;
    visibility: visible;
}

.hsm_grabimage{
	padding:20px;
	position: relative;
    height: 100%;
}
.hsm_grabimage > .row{
	position: relative;
    height: 100%;
}
.hsm_grabimage h3{
    font-size: 14px;
    margin: 0;
    margin-bottom: 10px;	
}
.hsm_grabimage .hs_input_wrapper .form-control{
    height: 35px;	
}

.hsm_searchimage{
	padding:20px;
	position: relative;
    height: 100%;
}
.hsm_searchimage > .row{
	height: 100%;
}
.hsm_searchimage h3{
    font-size: 14px;
    margin: 0;
    margin-bottom: 10px;	
}
.hsm_searchimage .hs_input_wrapper.hs_input_icon > .form-icon{ 
	width: 35px;
    height: 35px;
    line-height: 35px;	
}

.hsm_searchimage .hs_input_wrapper.hs_input_icon.searching > .form-icon:before{
	content: "\e607";
    -webkit-animation: rotate_loader 1s infinite;
    -moz-animation: rotate_loader 1s infinite;
    animation: rotate_loader 1s infinite;
    display: inline-block;
    animation-direction: alternate;
    width: 10px;
    height: 10px;
    transform-origin: 8.5px 17.5px;
    font-size: 17px;
    margin-right: 9px;	
}

@-webkit-keyframes rotate_loader{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotate_loader{
	0%{-moz-transform:rotate(0deg);}
	100%{-moz-transform:rotate(360deg);}
}
@keyframes rotate_loader{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

.hsm_searchimage .hs_input_wrapper.hs_input_icon .form-control{
    height: 35px;	
    padding-left: 35px;	
}
.hsm_searchimage .hsm_image_list_wrapper .hsm_image_wrapper .hs_add_image{
	font-size:30px;
}
.hsm_loadmore_loader{
	width:100%;
	clear:both;
	text-align:center;
	display:none;
}
.hsm_loadmore_loader > .clock{
	display:inline-block;
	top:auto;
	left:auto;
	margin:10px auto;
    margin-bottom: 0;	
}

.no_images{
	text-align:center;
	margin:100px auto;
}
.no_images > img{
	max-width: 50px;
    margin-bottom: 5px;
}
.no_images > p{
	color: #898989;
    font-size: 14px;
    line-height: 18px;
}
/***********************************************************************************
7. media uploader end
***********************************************************************************/

/***********************************************************************************
8. setting start
***********************************************************************************/
.hs_site_logo{
	padding: 40px 20px;
    background-color: #f2f2f2;
    min-height: 142px;
    text-align: center;
    position: relative;
}
.hs_site_logo > img{
	max-width:100%;
}
.hs_site_logo .remove_logo_icon{
	position:absolute;
	top:10px;
	right:10px;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
}
.hs_banner_image > .hs_progress{
	position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    height: 5px;
    background-color: #d6d6d6;
    z-index: 1;
	overflow:hidden;
	display:none;
}
.hs_banner_image > .hs_progress > span{
	height: 5px;
    background-color: #00bcd4;
    display: block;
	-webkit-transition: all 500ms cubic-bezier(0.775, 0.005, 0.350, 0.985); 
	-moz-transition: all 500ms cubic-bezier(0.775, 0.005, 0.350, 0.985); 
	-o-transition: all 500ms cubic-bezier(0.775, 0.005, 0.350, 0.985); 
	transition: all 500ms cubic-bezier(0.775, 0.005, 0.350, 0.985);
	-webkit-transition-timing-function: cubic-bezier(0.775, 0.005, 0.350, 0.985); 
	-moz-transition-timing-function: cubic-bezier(0.775, 0.005, 0.350, 0.985); 
	-o-transition-timing-function: cubic-bezier(0.775, 0.005, 0.350, 0.985); 
	transition-timing-function: cubic-bezier(0.775, 0.005, 0.350, 0.985);
}
.hs_banner_image .hs_site_logo{
	padding:15px;
	min-height:200px;
}
.hs_banner_image .hs_site_logo > img{
	max-height:170px;
}
.hs_banner_image.uploading > .hs_progress{
	display:block;
}
.hs_banner_image.uploading > .hs_progress > .hs_site_logo{
	opacity:0.5;
}

.hs_banner_image .hs_site_logo .remove_logo_icon{
	top: -10px;
    right: -10px;
    background-color: #F44336;
    border-radius: 50px;
    color: #fff;
    font-size: 10px;
    line-height: 22px;
	opacity:0;
	z-index:1;
}
.hs_banner_image:hover .hs_site_logo .remove_logo_icon{
	opacity:1;
}

.hs_banner_image .hs_site_logo:after{
	content: "\e656";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 190px;
    background-color: rgba(0, 0, 0, 0.70);
    color: #fff;
    font-size: 30px;
    cursor: move;
	opacity:0;
	visibility:hidden;
}
.hs_banner_image:hover .hs_site_logo:after{
	opacity:1;
	visibility:visible;
}

.hs_site_preference .hsm_uploader_area > .hsm_uploader{
	min-height: 88px;
    display: table;
    max-width: 175px;
    width: 100%;
    padding: 10px 10px;
}
.hs_site_preference .hsm_uploader_area > .hsm_uploader > img{
    max-width: 35px;
    margin-bottom: 10px;	
}
.hs_site_preference .hsm_uploader_area > .hsm_uploader > h3{
    font-size: 12px;
	text-transform: inherit;
}

.hs_site_preference .hs_input_wrapper{
	margin-bottom:30px;
}
.hs_site_preference .hs_input_wrapper .hse_color_picker_wrapper{
    float: none;
    display: inline-block;
    margin-left: 15px;	
}

.hs_social_setting > ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.hs_social_setting > ul > li{
	display: block;
    background-color: rgba(239, 239, 239, 0.3);
    vertical-align: top;
    padding: 10px;
    margin-bottom:10px;
}
.hs_social_setting > ul > li.active{
	background-color: #efefef;
}
.hs_social_setting > ul > li > .icon{
	width: 50px;
    height: 40px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.hs_social_setting > ul > li > .icon > img{
	width:40px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.4;
}
.hs_social_setting > ul > li.active > .icon > img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
	opacity: 1;
}
.hs_social_setting > ul > li > .option{
    width: calc(100% - 54px);
    display: inline-block;
}
.hs_social_setting > ul > li > .option .hs_switch{
	margin-top:8px;
}
.hs_social_setting > ul > li > .option .hs_input_wrapper{
	margin-bottom:0;
	margin-top:15px;
	display:none;
}


/* payment setting start */
.hs_payment{
	text-align:center;
	margin-bottom:30px;
}
.hs_payment > .image{
	background-color:#f1f1f1;
	padding:20%;
	position:relative;
}
.hs_payment > .image > img{
	max-width:100%;
}
.hs_payment > .image > .overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.8); 
	opacity:0;
	visibility:hidden;
}
.hs_payment:hover > .image > .overlay{
	opacity:1;
	visibility:visible;
}
.hs_payment > .image > .overlay > .hs_btn{
	margin-bottom: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(calc(-50% + 0.5px),calc(-50% + 0.5px),0);
    -moz-transform: translate3d(calc(-50% + 0.5px),calc(-50% + 0.5px),0);
    transform: translate3d(calc(-50% + 0.5px),calc(-50% + 0.5px),0);
}
.hs_payment > .image > .hs_switch{
	position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    height: 20px;
    line-height: initial;
}
.hs_payment > .image > .hs_switch > label{
	height: 20px; 
}
.hs_payment > h3{
	font-size:16px;
	margin:0;
	padding:15px;
}

.hs_payment.active > .image{
	box-shadow: 0px 0px 0px 2px #8bc34a;
}
.hs_payment.active > .image:after{
	content: "Connected";
    position: absolute;
    top: 10px;
    left: -10px;
    background-color: #8BC34A;
    color: #fff;
    padding: 0 10px;
    display: block;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 500;
}

/* payment setting end */

/* demo email template start */
.hs_demo_et_wrapper > h3{
	font-size: 14px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    float: left;	
	margin-bottom: 10px;
}
.hs_demo_et_wrapper > .hs_et_shortcode{
	float:right;
}

.hs_demo_et{
	padding: 100px 10px;
}
.et_wrapper{
	width:100%;
	max-width:500px;
	margin: 0px auto;
	}
.et_wrapper > div{
	padding:30px;
}	
.et_button{
	padding: 0px 25px; 
	text-decoration: none; 
	letter-spacing: 1px; 
	margin: 30px auto; 
	border: none; 
	display: inline-block; 
	height: 40px; 
	line-height: 38px; 
	font-weight: 500; 
	border-radius: 38px; 
	opacity: 1;
}
.et_wrapper > div.et_header{
	text-align:center;
	padding:20px;
}
.et_wrapper > div.et_footer{
	text-align:center;
	font-size: 12px;
	padding:20px;
}

/* demo email template end */

/* account start */
.hs_account_wrapper .hs_navbar_avatar_wrapper .avatar > .overlay{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../images/icon/photo-camera.svg);
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
	opacity:0;
}
.hs_account_wrapper .hs_navbar_avatar_wrapper .avatar:hover > .overlay{
	opacity:1;
}
.hs_account_wrapper .hs_navbar_avatar_wrapper .avatar > .overlay > input{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:0;
}
.hs_account_wrapper .hs_navbar_avatar_wrapper .avatar > .remove_avatar{
	position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: #F44336;
    color: #ffffff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    font-size: 10px;
    padding: 0;
    cursor: pointer;
	opacity:0;
	visibility:hidden;
}
.hs_account_wrapper .hs_navbar_avatar_wrapper .avatar:hover > .remove_avatar{
	opacity:1;
	visibility:visible;
}

#complete_shop_div,#complete_shop_upd_div,
.shop_list_select{
	margin-top:10px;
}
#complete_shop_div > label,
#complete_shop_upd_div > label,
.shop_list_select > label{
	display: block;
    font-weight: 400;
}
#complete_shop_div > select,
#complete_shop_upd_div > select,
.shop_list_select > select{
	width: 100%;
    background-color: #f1f1f1;
    border: none;
}
#complete_shop_div > select option,
#complete_shop_upd_div > select option,
.shop_list_select > select option{
	width: 100%;
    padding: 10px;
}



/* account end */

/* email setting start */
#templates_tab .hs_input_wrapper .hse_color_picker_wrapper{
	float:right;
	margin-left:0;	
}
/* email setting end */

.hs_campaign_content.unselected_template{
	padding: 20px;
    background-color: #ececec;
	margin:30px 0;
}
.hs_template_customize .hs_campaign{
	padding:0;
}

/* revenue setting start */
.hs_revenue_wrapper{
	
}
.hs_shop_url{
	padding: 20px;
    background-color: #f3f3f3;
    color: #252525;
    font-size: 16px;
	line-height: 35px;
    box-shadow: 0px 0px 0px 3px #ececec;
	margin-bottom:30px;
}
.hs_shop_url > span{
	margin-right: 15px;
}
.hs_shop_url > a{
	color: #00bcd4;
    text-decoration: underline;
    font-weight: 500;
}
.hs_shop_url > button{
	float: right;
    margin: 0;
    clear: both;
}

.hs_connect_domain{
	padding: 20px;
    background-color: #f9f9f9;
    color: #252525;
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 30px;
}
.hs_connect_domain > span{
	margin-right: 15px;
    float: left;	
}
.hs_connect_domain > span > a{
	color: #00bcd4;
    font-size: 12px;
    display: table;
    line-height: 0px;
}
.hs_connect_domain .conn_form{
	float: right;
}
.hs_connect_domain .form-control{
	height: 45px;
    font-size: 14px;
    color: #6f819b;
    border: none;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    border-radius: 0;
    display: inline-block;
    min-width: 250px;
    float: left;
    width: auto;
}
.hs_connect_domain .form-control:focus{
	border-color: #00bcd4;
}
.hs_connect_domain .hs_btn{
	margin: 0;
    display: inline-block;
    margin-left: 20px;
    float: left;
    margin-top: 5px;
}

.hs_shop_type .hs_radio{
	display:inline-block;
	margin-right:15px;
	text-align:center;
}
.hs_shop_type .hs_radio > input{
	opacity:0;
	visibility:hidden;
	position: absolute;
    top: -99999px;
}
.hs_shop_type .hs_radio > label{
	border: 2px solid #e8e8e8;
    padding: 30px;
    margin-bottom: 5px;
    cursor: pointer;
}
.hs_shop_type .hs_radio [type="radio"]:checked + label:after,
.hs_shop_type .hs_radio > label:before,
.hs_shop_type .hs_radio > label:after{
	display:none;
}
.hs_shop_type .hs_radio [type="radio"]:checked + label{
	border-color:#00bcd4;
}
.hs_shop_type .hs_radio > label > img{
	width:80px;
	height:80px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;	
}
.hs_shop_type .hs_radio [type="radio"]:checked + label > img{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    opacity: 1;
}

.hs_shop_itemlist_wrapper{
	margin-bottom: 30px;
}
.hs_shop_itemlist_wrapper span.help_text{
	font-size: 14px;
    color: #E57373;
    font-weight: 500;
}

.hs_shop_itemlist_header{
	padding: 0px 30px;
}

.hs_shop_item_list{
	max-height:400px;
	border: 1px solid #e0e0e0;
    padding: 15px; 
}
.hs_shop_item_list ul{
	display:block;
	margin-bottom: 0;
	padding: 15px;
}
.hs_shop_item_list ul li{
	display:block;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #e0e0e0;
}
.hs_shop_item_list ul li:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom:none;
}
.hs_shop_item_list ul li img{
	width:80px;
	height:67px;
}
.hs_shop_item_list ul li h3{
    font-size: 15px;
    text-align: left;	
}
.hs_shop_item_list ul li .hs_btn{
    margin-top:10px;
}
.hs_shop_item_list ul li .form-control{
    margin-top: 10px;
    height: 35px;
    font-size: 14px;
    color: #6f819b;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    border-radius: 0;
    display: inline-block;
    width: 100px;
}
.hs_shop_item_list ul li .form-control:focus{
	border-color: #00bcd4;
}
/* revenue setting end */

/* Subscription Plans setting start */
.hs_plan{
	background-color: #f9f9f9;	
}
.hs_plan .hs_section_heading{
	margin-bottom:0;
}
.hs_plan .hs_section_heading > a{
	display:block;
	padding: 15px;
	position:relative;
}
.hs_plan .hs_section_heading > a:after{
	content: "\e64b";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: calc(50% - 7.5px);
    right: 15px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #515d6f;
	transition:all 0.3s;
}
.hs_plan .hs_section_heading > a[aria-expanded="true"] h3{
	color: #00bcd4;
}
.hs_plan .hs_section_heading > a[aria-expanded="true"]:after{
	transform: rotateX(180deg);
	color: #00bcd4;
}
.hs_plan .hs_section_heading > a > h3{
	margin:0;
	font-size: 16px;
    text-transform: uppercase;
}
.hs_plan .hs_plan_content{
	padding: 15px;
}
.hs_input_wrapper.plan_duration_rg{
	margin-top: 30px;
}
.hs_input_wrapper.plan_duration_rg .hs_radio{
	display:inline-block;
    margin: 10px 0;
    margin-right: 10px;
}
.hs_plan.active{
	box-shadow: 0px 0px 0px 1px #dadada;
}
.hs_plan.active .hs_section_heading > h3{
	border-bottom: 8px solid #0dd1ea;
}
/* Subscription Plans setting end */

/* User Details start */
#hs_user_detail_popup .hs_input_wrapper{
	margin-bottom:10px;
}
#hs_user_detail_popup .hs_input_wrapper label{
	font-weight: 500;
    color: #6f819b;
    margin:0;
}
.purchase_detail_wrapper > ul{
	list-style:none;
	padding:0;
	display:block;
	margin:0;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ececec;
}
.purchase_detail_wrapper > ul:last-child{
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
}
.purchase_detail_wrapper > ul > li{
	float:left;
	font-size: 14px;
}
.purchase_detail_wrapper > ul > li span{
	display:inline-block;
}
.purchase_detail_wrapper > ul > li.count{
	width:30px;
}
.purchase_detail_wrapper > ul > li.product_name{
	width:calc(100% - 375px);
}
.purchase_detail_wrapper > ul > li.product_name > div{
	display:inline-block;
	margin-right: 15px;
}
.purchase_detail_wrapper > ul > li.product_name img{
	width:100px;
}
.purchase_detail_wrapper > ul > li.purchase_code{
	width:115px;
	text-align:center;
}
.purchase_detail_wrapper > ul > li.purchase_code > span{
	margin-top: 20px;
}
.purchase_detail_wrapper > ul > li.purchase_date{
	width:115px;
	text-align:center;
}
.purchase_detail_wrapper > ul > li.discounted{
	width:115px;
	text-align:center;
}
.purchase_detail_wrapper > ul > li.discounted span{
	margin-top: 20px;
}
.purchase_detail_wrapper > ul > li.purchase_date > span{
	margin-top: 20px;
}
.purchase_detail_wrapper > ul > li.action .hs_btn{
	margin-bottom:0;
}


.purchase_detail_wrapper > ul.pd_head > li{
	font-weight:500;
	color: #5d5d5d;
}
/* User Details end */

.hs_track_payment_btn{
	margin-bottom:20px;
}
.hs_track_payment_btn > a > i{
	-webkit-transform: rotateY(190deg) translate(3px,2px);
	-moz-transform: rotateY(190deg) translate(3px,2px);
	transform: rotateY(190deg) translate(3px,2px);
    display: inline-block;
    font-size: 21px;
}
.hs_tp_wrapper > .tp_body_wrapper{
	max-height:400px;
	overflow:auto; 
}
.hs_tp_wrapper > .tp_body_wrapper > ul,
.hs_tp_wrapper > ul{
	list-style: none;
    padding: 0;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ececec;
}
.hs_tp_wrapper > ul.tp_head{
	margin-bottom: 15px;
    padding-bottom: 15px;
}
.hs_tp_wrapper > ul.tp_head > li{
	font-weight: 500;
    color: #5d5d5d;
}
.hs_tp_wrapper > .tp_body_wrapper > ul:nth-last-child(2){
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
}
.hs_tp_wrapper .tp_body_wrapper > ul > li.tp_productDetails .ox_product_img img{
	width: 50px;
    margin-right: 10px;
	border-radius: 5px;
    height: 35px;
}
.hs_tp_wrapper > .tp_body_wrapper > ul > li,
.hs_tp_wrapper > ul > li{
	width: calc(20% - 7.5px);
	float:left;
	font-size: 14px;
}
.hs_tp_wrapper > .tp_body_wrapper > ul > li.tp_count,
.hs_tp_wrapper > ul > li.tp_count{
	width:30px;
}
.hs_tp_wrapper .tp_sd_div {
    padding: 15px;
    background-color: #f5f5f5;
    margin-bottom: 15px;
    display: none;
	position:relative;
}
.hs_tp_wrapper .tp_sd_div .tp_sd_div_close{
	position: absolute;
    width: 15px;
    height: 15px;
    line-height: 15px;
    right: 10px;
    top: 10px;
    cursor: pointer; 
}
.hs_tp_wrapper > .tp_body_wrapper .hs_input_wrapper .form-control{
    height: 35px;
    width: auto;	
} 
  
/***********************************************************************************
8. setting end
***********************************************************************************/

/***********************************************************************************
9. vendor shop start
***********************************************************************************/
.hsvs_header{
	position:fixed;
	left:0;
	right:0;
	top:0;
	background-color:#ffffff;
	z-index:999;
	box-shadow:0px 0px 8px rgba(0,0,0,0.18);
}
.hsvs_header .hsvs_logo{
	float:left;
    margin: 30px auto;	
}
.hsvs_header .hsvs_logo > a{
	display:inline-block;
}
.hsvs_header .hsvs_logo > a > img{
	max-width:150px;
	max-height:50px;
}
.hsvs_header .hsvs_right_header{
	float:right;
}
.hsvs_menu{
	float:left;
}
.hsvs_menu > ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.hsvs_menu > ul > li{
	float:left;
	padding-left:35px;
}
.hsvs_menu > ul > li > a{
	display:block;
	padding:32.5px 0px;
	color:#172025;
	font-size: 16px;
	position:relative;
}
.hsvs_menu > ul > li > a:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:3px;
	background-color:#48e0ff;
	display:block;
	opacity:0;
	visibility:hidden;
}
.hsvs_menu > ul > li > a.active:after,
.hsvs_menu > ul > li > a:hover:after{
	opacity:1;
	visibility:visible;
}
.hsvs_header_action{
	float: left;
    margin: 22px 0;
    margin-left: 30px;
}
.hsvs_header_action .hsvs_header_action_icon{
	width: 46px;
    height: 46px;
    float: left;
    margin-left: 10px;
    position: relative;
}
.hsvs_header_action .hsvs_header_action_icon > span{
	width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 46px;
	display:block;
    text-align: center;
    background-color: #48e0ff;
    color: #ffffff;
    cursor: pointer;
}


.hsvs_flash_wrapper{
	background-color:#48e0ff;
	min-height:845px;
}



/* shop list start */
.hs_shoplist_wrapper{
	
}
.hs_shop_list{
	margin-bottom:20px;
}
.hs_shop_list > .hs_shop_list_header{
	margin-bottom:10px;
}
.hs_shop_list > .hs_shop_list_header > ul{
	list-style:none;
	margin:0;
	padding:0 15px;
	display:block;
}
.hs_shop_list > .hs_shop_list_header > ul > li{
	float: left;
    font-size: 17px;
    font-weight: 500;
    color: #515d6f;
}
.hs_shop_list .slh_shop_name{
	width:30%;
}
.hs_shop_list .slh_template{
	width:10%;
	text-align:center;
}
.hs_shop_list .slh_revenue{
	width:10%;
	text-align:center;
}
.hs_shop_list .slh_user{
	width:10%;
	text-align:center;
}
.hs_shop_list .slh_action{
	width:40%;
	text-align:right;
}
.hs_shop_list.hs_product_list{
	margin-bottom:60px;
}
/*.hs_shop_list.hs_product_list .slh_shop_name{
	width:60%;
}
.hs_shop_list.hs_product_list .slh_action{
	width:10%;
}
.hs_shop_list.hs_product_list.hs_my_sites .slh_action{
	width:40%;
}*/

.hs_shop_list .slh_action .slh_action_dd{
	width: 40px;
    height: 40px;
	float: right;
    margin-top: 25px;
	margin-right:10px;
	position: relative;
}
.hs_shop_list .slh_action .slh_action_dd > i{
	width: 40px;
    height: 40px;
    line-height: 43px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    border-radius: 30px;
    background-color: #ffffff;
	display:block;
}
.hs_shop_list .slh_action .slh_action_dd:hover > i{
	color:#00bcd4;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.hs_shop_list .slh_action:hover .slh_action_dd{
	z-index:2;
}
.hs_shop_list .slh_action .slh_action_dd .hs_dropdown ul{
	text-align:left;
}
.hs_shop_list .slh_action .slh_action_dd .hs_dropdown_wrapper > .hs_dropdown > ul > li > a{
	font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}
.hs_shop_list .slh_action .slh_action_dd .hs_dropdown_wrapper > .hs_dropdown > ul > li > a > i{
	margin-right: 5px;
}


.hs_shop_list .slh_template .hs_shop_item_list.hs_custom_scrollbar{
	max-height:75px;
}


.action_btn{
	padding: 10px;
    color: #515d6f;
    background-color: #ffffff;
    display: inline-block;
    border-radius: 5px;
    font-weight: 500;
	text-align:center;
}
.action_btn > i{
    display: block;
    font-size: 16px;
    margin-bottom: 4px;	
}
.action_btn:hover{
	background-color: #00bcd4;
	color:#ffffff;
}

.hs_shop{
	background-color:#f1f1f1;
	padding:15px;
	margin-bottom:30px;
	position:relative; 
}
.hs_shop > div{
	float:left;
}
.hs_shop h3{
	margin: 0;
	margin-top:20px;
    font-size: 25px;
    font-weight: 300;
}
.hs_shop .add_new_temp{
    font-size: 10px;
    font-weight: 500;
    background-color: #97a2b3;
    padding: 5px;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    line-height: initial;
}
.hs_shop .add_new_temp:hover{
	background-color: #00bcd4;
}
.hs_shop .slh_template h3{
	/* margin-top:0; */
}
.hs_shop .hs_not_applicable{
	margin-top: 20px;
    font-size: 20px;
    font-weight: 300;
	color:#515d6f;
	display:block;
}
.hs_shop .shop_name{
	margin: 0;
    font-size: 20px;
    margin-top: 0px;
    font-weight: 500;
    letter-spacing: 1px;
}
.hs_shop .status{
	display: table;
    border-radius: 17px;
    padding: 2px 5px;
    margin-bottom: 0;
    margin-top: 5px;
    color: #ffffff;
    font-size: 10px;
	line-height: initial;
    letter-spacing: 0.5px;
}
.hs_shop .status.active{
	background-color: #4CAF50;
}
.hs_shop .status.inactive{	
	background-color: #ef5350;
}
.hs_shop .shop_dis{
	margin-bottom: 0;
    color: #828282;
    line-height: initial;
}
.hs_shop .shop_created_date{
	font-size: 10px;
}
.hs_shop .shop_created_date.modify_date{
	margin-left: 10px;
    color: #5f5f5f;
    font-weight: 500;
}
.hs_shop .shop_action{
	text-align: right;
}
.hs_shop_list.hs_product_list .hs_shop .shop_action{
	margin-top:28px; 
}
.hs_shop .shop_action .action_btn{
	margin-bottom: 0;
	margin-left: 5px;
	min-width: 75px;
}
.hs_shop .shop_action .action_btn:hover{
	background-color:#ffffff;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.hs_shop .shop_action .action_btn.view_stats{
    color: #607D8B;	
}
.hs_shop .shop_action .action_btn.view_shop{
    color: #FF9800;	
}
.hs_shop .shop_action .action_btn.manage_shop{
    color: #00bcd4;	
}
.hs_shop .shop_action .action_btn.settings_my_sites{
    color: #00bcd4;	
}
.hs_shop .shop_action .action_btn.clone_shop{
    color: #9575cd;	
}
.hs_shop .shop_action .action_btn.remove_shop{
	color: #F44336;
}
.hs_shop .shop_action .action_btn.ftp_upload{
	color: #b771d4;
}
.hs_shop .shop_action .action_btn.active{
    color: #8BC34A;	 
}
.hs_shop .shop_action .action_btn.inactive{
	color: #A1887F;
}
.hs_shop .shop_action .action_btn.hs_deleteshop_popup_link{
	color: #F44336;
}
.hs_shop .shop_action .action_btn.view_comment{
	color: #9E9E9E;
	position:relative;
}
.hs_shop .shop_action .action_btn.view_comment .comment_count{
	position: absolute;
    top: -6px;
    right: calc(100% - 8px);
    height: 16px;
    border-radius: 50px;
    padding: 0 5px;
    line-height: 17px;
    font-size: 11px;
    font-weight: 600;
    background-color: #00bcd4;
    color: #fff;
    display: block;
    font-family: sans-serif;
}

.hs_shop.affiliate_shop .affiliate_icon{
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:30px;
	border-top: 30px solid #FFA726;
    border-right: 30px solid transparent;
	display: block;
}
.hs_shop.affiliate_shop .affiliate_icon:after{
	content: "";
    width: 13px;
    height: 13px;
    background-image: url(../images/icon/crown.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: -27px;
    left: 2px;
    transform: rotate(-45deg);
}
/* shop list end */


/* product list start */
.hs_shop_list.hs_product_list .slh_shop_name > img{
	width: 140px;
    float: left;
}
.hs_shop_list.hs_product_list .slh_shop_name > .product_name{
	float: left;
    margin-left: 15px;
}
.hs_shop_list.hs_product_list .hs_shop .shop_name{
	margin: 0;
    font-size: 18px;
}
.hs_shop_list.hs_product_list .hs_shop .shop_name .shop_name_text{
	max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
	padding-bottom: 2px;
}

.hs_shop_list .hs_shop .shop_name .edit_shop_name{
	font-size: 15px;
    display: inline-block;
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    transform: translateY(1px);
    opacity: 0;
}
.hs_shop_list .hs_shop:hover .shop_name .edit_shop_name{
	opacity:1;
}

.hs_shop_list .hs_shop .shop_name .edit_shop_name.disc{
	-webkit-transform:none;
	-moz-transform:none; 
	transform:none;
}
.hs_shop_list .hs_shop .shop_name .edit_shop_name.name > i{
	width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 17px;
    background-color: #c7c7c7;
    color: #fff;
    font-size: 10px;
    text-align: center;
    display: block;
}
.hs_shop_list .hs_shop .shop_name .edit_shop_name.name > i:hover{
	background-color:#00bcd4;
}
.hs_shop_list .hs_shop .shop_name .edit_shop_name.disc .hs_help_icon{
	-webkit-transform: translate3d(0,-4px,0);
    -moz-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
    background-color: #c7c7c7;
    color: #ffffff;
    border: none;
    line-height: 20px;
}

.hs_shop_list.hs_product_list .hs_shop .shop_name .add_featured{
	opacity: 0;
    display: inline-block;
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    transform: translateY(-6px);
	margin-left: 5px;
    backface-visibility: hidden;
}
.hs_shop_list.hs_product_list .hs_shop:hover .shop_name .add_featured{
	opacity:1;
}
.hs_shop_list.hs_product_list .hs_shop .shop_name .add_featured .hs_switch input.hs_switch_toggle_round + label{
    min-width: 30px;
    height: 17px;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
}
.hs_shop_list.hs_product_list .hs_shop .shop_name .add_featured .hs_switch input.hs_switch_toggle_round + label:before{
	width: 30px;	
	height: 17px; 
}
.hs_shop_list.hs_product_list .hs_shop .shop_name .add_featured .hs_switch input.hs_switch_toggle_round + label:after{
    width: 10.5px;
    height: 10.5px;
	top: 3px;
}
.hs_shop_list.hs_product_list .hs_shop .shop_name .add_featured .hs_switch input.hs_switch_toggle_round:checked + label:after{
    margin-left: 13px;
}

.hs_shop_list.hs_product_list .hs_shop .shop_name .product_type{
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #969696;	
}
.hs_shop_list.hs_product_list .hs_shop h3,
.hs_shop_list.hs_product_list .hs_shop .slh_template h3{
	margin-top:33px;
}

.hs_shop_list.hs_product_list .hs_shop .hs_shop_itemlist_wrapper{
    margin-bottom: 0;	
	margin-top: 10px;
	}
.hs_shop_list.hs_product_list .hs_shop .hs_shop_itemlist_wrapper .hs_shop_item_list{
	padding:0;
	border:none;
}
.hs_shop_list.hs_product_list .hs_shop .hs_shop_itemlist_wrapper .hs_shop_item_list ul{
	padding:0;
}
.hs_shop_list.hs_product_list .hs_shop .hs_shop_itemlist_wrapper .hs_shop_item_list ul li .form-control{
	max-width: 70px;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.hs_page_content.hs_site_preference .hs_add_product .hs_input_wrapper{
	min-height:75px;
}
.hs_page_content.hs_site_preference .hs_shop_basicSetting .hs_input_wrapper{
	min-height:inherit;
}
.hs_page_content.hs_site_preference .hs_input_wrapper .hsu_add_product_plan .hs_checkbox{
	display:inline-block;
	margin:10px 10px 10px 0;
}

.hs_shop_list.hs_product_list .hs_shop{
	position:relative;
}
.hs_shop_list.hs_product_list .hs_shop.featured_added{
	box-shadow: 0px 0px 0px 1px #8bc34a;
}
.hs_shop_list.hs_product_list .hs_shop.featured_added:before{
	content: "Featured";
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #8BC34A;
    color: #fff;
    padding: 3px 8px;
    display: block;
    font-size: 12px;
    line-height: initial;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.hs_shop_list.hs_product_list .hs_shop .slh_action .shop_action .action_btn{
	min-width: inherit;
    width: 40px;
    height: 40px;
    line-height: 44px;
    padding: 0 10px;
    display: inline-block;
}
.hs_shop_list.hs_product_list .hs_shop .slh_action .shop_action .action_btn i{
	display:inline-block;
	margin-bottom:0;
}

/* product list end */

/* my sites list start */
.hs_shop_list.hs_product_list.hs_my_sites .slh_action{
	float:right;
}
/* my sites list end */


/* empty shop start */
.hs_shop_empty{
	text-align:center;
	margin: 40px auto;
}
.hs_shop_empty img{
	width:100%;
	max-width:400px;
}
.hs_shop_empty h3{
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 30px;	
}
/* empty shop end */

/* manage shop start */
.hs_tab_wrapper .manage_shop_tab.hs_tab > li > a{
    padding: 10px;	
	font-size: 12px;
}

.hs_ms_heading{
	margin-bottom:30px;
	position:relative;
}
.hs_ms_heading > h3{
	font-size: 18px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 3px;
}
.hs_ms_heading > p{
	font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}
.hs_ms_heading > p > i{
	margin-right:5px; 
}

.hs_ms_heading > h3 .hs_view_site{
	background-color: #4CAF50;
    color: #fff;
    padding: 10px 30px;
    font-size: 11px;
	float:right;
    display: inline-block;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: sans-serif;
    font-weight: 600;
	
}
.hs_ms_heading > h3 .hs_view_site:hover{
	background-color: #57c75b;
}

.hs_menu_option{
	width: 30px;
    height: 30px;
	text-align:center;
	display:none;
}
.hs_menu_option i{
	width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    display: block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}
.hs_menu_option i:focus,
.hs_menu_option i:hover{
	background-color:#f0f0f0;
}


.hs_shop_section{
	margin-bottom: 30px;
    border: 1px solid #e2e2e2;
    background-color: #fbfbfb;
    padding: 15px;
}
.hs_shop_section.panel{
	-webkit-box-shadow:none;
	box-shadow:none;
}
.hs_shop_section.panel .hs_shop_section_heading{
	margin-bottom:0;
	position:relative;
}
.hs_shop_section.panel .hs_shop_section_heading:after{
	content: "\e64b";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: calc(50% - 7.5px);
    right: 15px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #515d6f;
    transition: all 0.3s;
}
.hs_shop_section.panel .hs_shop_section_heading[aria-expanded="true"]:after {
    transform: rotateX(180deg);
    color: #00bcd4;
}
.hs_shop_section_heading{
	margin-bottom:30px;
	display:block;
    position: relative;
    z-index: 1; 	
}
.hs_shop_section_heading h3{
	margin: 0px;
    font-size: 25px;
    font-weight: 300;
    color: #646464;
    margin-bottom: 4px;
}
.hs_shop_section_heading p{
	margin: 0px;
    font-size: 13px;
    color: #9c9c9c;
    line-height: initial;
}

.hs_search_wrapper{
	float: left;
}
.hs_search_wrapper .hs_input_wrapper.hs_input_icon > .form-icon{
	left:auto;
	right:0;
	height: 35px;
    line-height: 35px;
}
.hs_search_wrapper .hs_input_wrapper.hs_input_icon .form-control{
    height: 35px;
	padding-left:12px;	
	padding-right:45px;	
}
.hs_page_content.hs_site_preference .hs_search_wrapper .hs_input_wrapper{
	min-height:inherit;
	margin-bottom: 0; 
}
/* manage shop end */

/* review list start */
.hs_review_list > ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.hs_review_list > ul > li{
	margin-bottom:20px;
	display:block;
	width:100%;
	float:left;
}
.hs_review_list > ul > li:last-child{
	margin-bottom:0;
}
.hs_review_list > ul > li > .hs_review > .icon{
	width:40px;
	float:left;
}
.hs_review_list > ul > li > .hs_review > .icon .avatar{
	width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-size: contain;
    display: block;
    border-radius: 40px;
}
.hs_review_list > ul > li > .hs_review > .icon .avatar .avatar_initials{
	width: 40px;
    height: 40px;
    background-color: #48e0ff;
    display: block;
    color: #fff;
    border-radius: 50px;
    font-weight: 500;
    font-size: 17px;
    text-transform: uppercase;
}
.hs_review_list > ul > li > .hs_review > .icon .avatar.added .avatar_initials{
	opacity:0;
	visibility:hidden;
}

.hs_review_list > ul > li > .hs_review > .detail{
	width: calc(100% - 55px);
    float: left;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
    margin-left: 15px;
}
.hs_review_list > ul > li:last-child > .hs_review > .detail{
	padding-bottom:0;
	border-bottom:none;
}

.hs_review_list > ul > li > .hs_review > .detail .name h3{
	margin:0;
	margin-bottom:5px;
	font-size: 16px;
}
.hs_review_list > ul > li > .hs_review > .detail .name p{
	margin:0;
	margin-bottom:5px;
	font-size: 12px;
}
.hs_review_list > ul > li > .hs_review > .detail .disc p{
	font-size: 13px;
    line-height: 16px;
}

.hs_review_list > ul > li > .hs_review > .detail .rating{
	text-align:right;
}
.hs_review_list > ul > li > .hs_review > .detail .rating > i{
	display:inline-block;
	margin-left:1px; 
}
.hs_review_list > ul > li > .hs_review > .detail .rating > i.active{
	color: #00bcd4;
}

.hs_review_list > ul > li > .hs_review > .detail .admin{
	color: #ffffff;
    background-color: #00bcd4;
    padding: 0px 10px;
    float: right;
    border-radius: 50px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}
/* review list end */


/* comment list start */
.hs_comment_list ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.hs_comment_list ul li{
	margin-bottom:20px;
	display:block;
	width:100%;
	float:left;
}
.hs_comment_list ul li:last-child{
	margin-bottom:0;
}
.hs_comment_list ul li .hs_comment:before,
.hs_comment_list ul li .hs_comment:after{
	content:"";
	display:table;
	width:100%;
}
.hs_comment_list ul li .hs_comment .icon{
	width:40px;
	float:left;
}
.hs_comment_list ul li .hs_comment .icon .avatar{
	width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-size: contain;
    display: block;
    border-radius: 40px;
}
.hs_comment_list ul li .hs_comment .icon .avatar .avatar_initials{
	width: 40px;
    height: 40px;
    background-color: #48e0ff;
    display: block;
    color: #fff;
    border-radius: 50px;
    font-weight: 500;
    font-size: 17px;
    text-transform: uppercase;
}
.hs_comment_list ul li .hs_comment .icon .avatar.added .avatar_initials{
	opacity:0;
	visibility:hidden;
}

.hs_comment_list ul .hs_comment .detail{
	width: calc(100% - 55px);
    float: left;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
    margin-left: 15px;
}
.hs_comment_list > ul > li > ul > li:last-child > .hs_comment > .detail,
.hs_comment_list > ul > li:last-child > .hs_comment > .detail{
	padding-bottom:0;
	border-bottom:none;
}

.hs_comment_list ul li .hs_comment .detail .name h3{
	margin:0;
	margin-bottom:5px;
	font-size: 16px;
}
.hs_comment_list ul li .hs_comment .detail .name p{
	margin:0;
	margin-bottom:5px;
	font-size: 12px;
}
.hs_comment_list ul li .hs_comment .detail .disc p{
	font-size: 13px;
    line-height: 16px;
}
.hs_comment_list ul li .hs_comment .detail .action{
	margin-top:20px;
}

.hs_comment_list ul li .hs_comment .detail .admin{
	color: #ffffff;
    background-color: #00bcd4;
    padding: 0px 10px;
    float: right;
    border-radius: 50px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}

.hs_comment_list ul li ul{
	padding-left: 55px;
    list-style: none;
    margin-top: 20px;
}
.hs_comment_list ul li ul li:first-child .hs_comment{
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;	
}
/* comment list end */


.hs_coupon_list ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.hs_coupon_list ul li{
    margin-bottom: 20px;
}
.hs_coupon_list ul li > .coupon{
	background-color: #f1f3f5;
    border: 1px dashed #c5c3c3;
    padding: 15px 25px;	
	position:relative;
	min-height:110px;
}
.hs_coupon_list ul li > .coupon.add{
	text-align: center;
    padding-top: 25px;
    display: block;
    text-decoration: none;
    border: none;
    background-color: #00bcd4;
    color: #ffffff;
}
.hs_coupon_list ul li > .coupon.add h3{
	color:#ffffff;
	margin-bottom: 10px;
}
.hs_coupon_list ul li > .coupon.add span{
	font-size: 17px;
}

.hs_coupon_list ul li > .coupon.expired{
	border-color: #F44336;
    background-color: rgba(244, 67, 54, 0.1);
}

.hs_coupon_list ul li .edit_action{
	position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
    border-radius: 20px;
    font-size: 11px;
	color: #ccc;
}
.hs_coupon_list ul li .edit_action:hover{
	color:#00bcd4;
}
.hs_coupon_list ul li label{
	font-weight: 400;
    color: #848484;
    font-size: 19px;
}
.hs_coupon_list ul li h3{
	margin: 0;
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: 500;
    font-size: 20px;
}
.hs_coupon_list ul li span{
    font-size: 12px;
    font-family: sans-serif;
    letter-spacing: 0.5px;	
}
.hs_coupon_list ul li.add_coupon{
	color: #ffffff;
    background-color: #0dd1ea;
	border:2px solid #0dd1ea; 
	text-align:center;
	cursor:pointer;
	padding:15px;
}
.hs_coupon_list ul li.add_coupon a{
	color:#ffffff;
	text-decoration:none;
}
.hs_coupon_list ul li.add_coupon h3{
	color:#ffffff;
}

.hs_coupon_list.coupon_checklist .coupon_checkbox{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	right:0;
	bottom:0;
	top:0;
	opacity: 0;
    cursor: pointer;
	z-index: 1;
}
.hs_coupon_list.coupon_checklist > ul > li .coupon_checkbox:checked ~ .coupon{
	border-color: #00bcd4;
    background-color: #00bcd4;
    color: #ffffff;
}
.hs_coupon_list.coupon_checklist > ul > li .coupon_checkbox:checked ~ .coupon h3,
.hs_coupon_list.coupon_checklist > ul > li .coupon_checkbox:checked ~ .coupon label{
	color: #ffffff;
}


.hs_product_table .hs_shop_list .hs_shop{
	border-bottom: 1px solid #ccc;
    background-color: transparent;
    padding: 20px 15px;	
	margin-bottom: 0;
}
.hs_product_table .hs_shop_list > .hs_shop_list_header{
	background-color: #f1f1f1;
    padding: 10px 0;
}

.hs_product_table .hs_shop_list.hs_product_list .slh_shop_name{
	width: 10%;
	padding-right: 10px;
}
.hs_product_table .hs_shop_list.hs_product_list .slh_shop_name > img{
	width: 80px;
	max-width: 100%;
}
.hs_product_table .hs_shop_list.hs_product_list .slh_title{
	width: 30%;
}
.hs_product_table .hs_shop_list.hs_product_list .slh_template{
	width: 10%;
}
.hs_product_table .hs_shop_list.hs_product_list .slh_revenue{
	width: 10%;
}
.hs_product_table .hs_shop_list.hs_product_list .slh_pid{
	width: 10%;
}
.hs_product_table .hs_shop_list.hs_product_list .slh_user{
	width: 20%;
}
.hs_product_table .hs_shop_list.hs_product_list .slh_action{
	width: 10%;
}

.hs_product_table .hs_shop_list.hs_product_list .hs_shop h3{
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    font-family: sans-serif;
    color: #848484;
    letter-spacing: 0.2px;	
}
.hs_product_table .hs_shop_list.hs_product_list .slh_action .hs_checkbox{
	float: right;
}
.hs_product_table .hs_shop_list.hs_product_list .slh_action .use_checkbox{
	-webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    transform: translateY(15px);
}

.hs_ms_menu{
	border: 1px solid #e2e2e2;
    background-color: #f3f3f3;
    margin-bottom: 30px;
    padding: 15px;
}
.hs_ms_menu > p{
	font-size: 16px;
    color: #5f5f5f;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #e4e4e4;
    padding: 10px;
}
.hs_language_content{
    border: 1px solid #e2e2e2;
    background-color: #f3f3f3;
    margin-bottom: 30px;
    padding: 15px 0;	
}

/***********************************************************************************
9. vendor shop end
***********************************************************************************/

/***********************************************************************************
10. vendor select template start
***********************************************************************************/
.hs_select_templates .hs_st_header{
	margin-bottom:15px;
}
.hs_select_templates .hs_st_header h3{
	margin: 0;
    float: left;
    font-size: 20px;
	margin-top: 7px;
}
.hs_select_templates .hs_st_header:after{
	content:"";
	display:block;
	clear:both;
}
.hs_select_templates .hs_st_header .hs_btn{
	float:right;
}

.hs_select_templates .hs_box_wrapper{
	margin-bottom:30px;
}
.hs_select_templates .hs_box_wrapper > h3{
	padding: 10px;
    margin: 0;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.5px;
}
.hs_select_templates .hs_box_wrapper .hs_box_image{
	border-radius: 8px;
}
.hs_select_templates .hs_box_wrapper .hs_box_image > img{
	border-radius: 8px;
}
.hs_select_templates .hs_box_wrapper .hs_box_image .hs_box_image_overlay{
	text-align: center;
    background-image: none;
    background-color: rgba(0, 0, 0, 0.56);
    opacity: 0;
	border-radius: 8px;
    visibility: hidden;
}
.hs_select_templates .hs_box_wrapper:hover .hs_box_image .hs_box_image_overlay{
	opacity:1;
	visibility:visible;
}
.hs_select_templates .hs_box_wrapper .hs_box_image .hs_box_image_overlay .center_action{
	opacity:0;
	-webkit-transform:translateY(calc(-50% - 10px));
	-moz-transform:translateY(calc(-50% - 10px));
	transform:translateY(calc(-50% - 10px));
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.hs_select_templates .hs_box_wrapper:hover .hs_box_image .hs_box_image_overlay .center_action{
	opacity:1;
	-webkit-transform:translateY(calc(-50% - 0px));
	-moz-transform:translateY(calc(-50% - 0px));
	transform:translateY(calc(-50% - 0px)); 
}
.hs_select_templates .hs_box_wrapper .hs_box_image .hs_box_image_overlay .hs_btn{
	margin: 5px;	
}

.hs_select_templates .hs_box_wrapper.selected .hs_box_image .hs_box_image_overlay{
	opacity:1;
	visibility:visible;
    background-color: rgba(0, 188, 212, 0.8);	
}
.hs_select_templates .hs_box_wrapper.selected .hs_box_image .hs_box_image_overlay .center_action:before{
	content:"\e64c";
	font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	width: 50px;
    height: 50px;
    line-height: 50px;
    border: 2px solid;
    border-radius: 50px;
    display: block;
    color: #fff;
    font-size: 30px;
    margin: 0px auto;
    margin-bottom: 20px;
	
}
.hs_select_templates .hs_box_wrapper.selected .hs_box_image .hs_box_image_overlay .center_action{
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}
.hs_select_templates .hs_box_wrapper.selected .hs_box_image .hs_box_image_overlay .hs_btn{
	background-color:#ffffff;
	color: #515d6f;
}

/***********************************************************************************
10. vendor select template end
***********************************************************************************/

/***********************************************************************************
11. stats start
***********************************************************************************/
.hs_statistics_wrapper .hs_filter_wrapper .hs_dropdown_wrapper .hs_dropdown.hs_custom_scrollbar > div{
	max-height:300px !important;
	height:100%;
	backface-visibility:hidden;
}
.hs_statistics_wrapper .hs_filter_wrapper .hs_dropdown_wrapper .hs_dropdown.hs_custom_scrollbar > div > div > ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;	
}
.hs_statistics_wrapper .hs_filter_wrapper .hs_dropdown_wrapper .hs_dropdown.hs_custom_scrollbar > div > div > ul > li{
	display: block;
    line-height: 25px;
    -webkit-animation: dropdownItemFadeDown 0.4s ease-in-out;
    animation: dropdownItemFadeDown 0.4s ease-in-out;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform-style: preserve-3D;
    transform-style: preserve-3D;
}
.hs_statistics_wrapper .hs_filter_wrapper .hs_dropdown_wrapper .hs_dropdown.hs_custom_scrollbar > div > div > ul > li  > a{
	display: block;
    padding: 10px;
    color: #6f819b;
}
.hs_statistics_wrapper .hs_filter_wrapper .hs_dropdown_wrapper .hs_dropdown.hs_custom_scrollbar > div > div > ul > li  > a:hover{
	color: #00bcd4;
}

.hs_statistics_wrapper .hs_states_box{
	background-color:#f3f3f3;
	padding:15px;
	margin-bottom:15px;
}
.hs_statistics_wrapper .hs_states_box > label{
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888888;
}
.hs_statistics_wrapper .hs_states_box > h3{
    margin: 20px 20px;
    font-size: 30px;
    font-weight: 300;
    color: #565656;	
    
}
.hs_statistics_wrapper .hs_states_box > h3 > i{
	font-size:20px;
}
.hs_statistics_wrapper .hs_states_box.users > h3{
	color: #9C27B0;
}
.hs_statistics_wrapper .hs_states_box.revenue > h3{
	color: #4CAF50;
}
.hs_statistics_wrapper .hs_states_box.products > h3{
	color: #00bcd4;	
}
.hs_statistics_wrapper .hs_states_box.subscribers > h3{
	color: #cc704f;
}

.hs_statistics_wrapper .hs_states_box > p{
    color: #868686;
    font-weight: 500;
    margin: 0;	
}

.hs_stats_data_box{
	background-color: #f3f3f3;
	margin-bottom:30px;
}
.hs_stats_data_box .hs_stats_box_header{
	padding: 25px;
    background-color: #ececec;
}
.hs_stats_data_box .hs_stats_box_header h3{
	font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888888;
	margin:0;
}
.hs_stats_data_box .hs_stats_box_body{
	padding:15px;
	min-height:200px;
}
.hs_stats_data ul{
	list-style:none;
	padding:0;
}
.hs_stats_data ul.hs_databox_header{
	margin-bottom:15px;
}
.hs_stats_data ul.hs_databox_header li{
	font-size:16px;
}
.hs_stats_data ul.hs_data_item{
	border-bottom: 1px solid #dedede;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.hs_stats_data ul:last-child{
	border-bottom:none;
}
.hs_stats_data ul li{
	padding:0;
}
.hs_stats_data ul li .thumb{
	width: 70px;
    height: 47px;
    float: left;
}
.hs_stats_data ul li .thumb img{
	max-width:70px;
}
.hs_stats_data ul li .name{
	float: left;
    padding: 9px 15px;
	color: #515d6f;
    font-size: 17px;
    font-weight: 500;
    max-width: calc(100% - 70px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hs_stats_data ul li .name:hover{
	color: #00bcd4;
}
.hs_stats_data ul li .price{
	font-size: 17px;
    line-height: 42px;
    color: #515d6f;
    font-weight: 500;
}

/***********************************************************************************
11. stats end
***********************************************************************************/

/***********************************************************************************
12. billing and upgrades start
***********************************************************************************/
.hs_billing_plan{
	background-color: #f1f1f1;
    padding: 30px 20px;
    text-align: center;
    margin-bottom: 20px;
}
.hs_billing_plan h3{
	font-size:18px;
	font-weight:400;
	margin:0;
	margin-bottom:15px;
}
.hs_billing_plan h3 > i{
	margin-right:5px;
}
.hs_billing_plan h1{
	font-size: 30px;
    font-weight: 100;
    margin: 0;
    margin-bottom: 10px;
    font-family: sans-serif;
}
.hs_billing_plan p{
	margin-bottom: 10px;
    font-size: 14px;
}
.hs_billing_plan .hs_btn{
	margin: 0;
    background-color: #bfbfbf;
}
.hs_billing_plan.active{
    background-color: #00bcd4;
    color: #ffffff; 
}
.hs_billing_plan.active h3,
.hs_billing_plan.active h1{
	color: #fff;
}
.hs_billing_plan.active .hs_btn{
	background-color:#ffffff;
	color: #00bcd4;
	pointer-events: none;
}
/***********************************************************************************
12. billing and upgrades end
***********************************************************************************/

/***********************************************************************************
13. updates start
***********************************************************************************/
.hs_update_wrapper{
    background-color: #f5f5f5;
    border: 1px solid #e8e8e8;
    padding: 15px;
    margin-bottom: 30px;
    font-family: sans-serif;
    letter-spacing: 0.5px;
    font-size: 14px;
    color: #5d5d5d;	
}
.hs_update_wrapper .hs_update_date{
	margin-bottom: 15px;
    text-decoration: underline;
}
.hs_update_note{
    font-size: 12px;
    color: #F44336;	
}
.hs_update_note span.ti-hand-point-right{
	margin-right:5px;
}
.hs_support_page .hs_faq_question{
	margin-bottom:15px;
	border-bottom:1px solid #e0e0e0;
	padding-bottom:15px;
}
.hs_support_page .hs_faq_question > .hs_title_medium{
	margin-bottom:0px;
	color:#515d6f;
	display:block;
}
.hs_support_page .hs_faq_question > p{
	margin-bottom:0px;
}

.hs_upcoming_template{
	margin-bottom:30px;
}
.hs_upcoming_template img{
	max-width: 100%;
    border-radius: 8px;
    border: 1px solid #dadada;
}
.hs_upcoming_template h3{
	text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    font-family: sans-serif;
    margin: 10px;
}
/***********************************************************************************
13. updates end
***********************************************************************************/

/***********************************************************************************
14. premium start
***********************************************************************************/
.hs_premium_wrapper .premium_cart{
	background-color: transparent;
    color: #4a4a4a;
    font-size: 20px;
    margin-bottom: 0;
    padding: 0;
    margin-right: 15px;
}
.hs_premium_wrapper .premium_cart span{
	position: absolute;
    top: 0;
    left: calc(100% - 2px);
    line-height: 13px;
    font-size: 11px;
    height: 13px;
    padding: 0 3px;
    background-color: #f00;
    color: #fff;
    border-radius: 20px;
}
.hs_premium_wrapper .premium_cart:focus,
.hs_premium_wrapper .premium_cart:hover{
	background-color:transparent;
	color: #4a4a4a;
}
.hs_box_wrapper.hs_premium_box .hs_box_image img {
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.15), 0px 15px 20px -10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.15), 0px 15px 20px -10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.15), 0px 15px 20px -10px rgba(0, 0, 0, 0.15);
	width:100%;
}
.hs_box_wrapper.hs_premium_box > h3{
	padding-bottom:0;
}
.hs_box_wrapper.hs_premium_box > p{
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #868686;	
}
/***********************************************************************************
14. premium end
***********************************************************************************/

/***********************************************************************************
15. blog start
***********************************************************************************/
.hs_blog_wrapper{
	
}
.hs_blog_list_head{
	color:#6f819b;
	text-decoration:none;
}
.hs_blog_list_head:after{
	content:"";
	display:table;
	width:100%;
}
.hs_blog_list_head .hs_blog_image{
	width:100px;
	float:left;
}
.hs_blog_list_head .hs_blog_image img{
	max-width:100%;
}
.hs_blog_list_head .hs_blog_content{
	width:calc(100% - 200px);
	float:left;
	padding:0 15px;
}
.hs_blog_list_head .hs_blog_content h3{
	margin:0;
	margin-bottom:15px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hs_blog_list_head .hs_blog_content p{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hs_blog_list_head .hs_blog_action{
	width: 100px;
    float: left;
    text-align: center;
    padding-top: 20px;
}

.hs_blog_body .hs_blog_full_content .meta_wrapper{
	float:left;
	margin-bottom: 15px;
}
.hs_blog_body .hs_blog_full_content h3{
	margin:0;
	margin-bottom:10px;
}
.hs_blog_body .hs_blog_full_content .meta > ul{
	list-style:none;
	padding:0;
	margin:0;
}
.hs_blog_body .hs_blog_full_content .meta > ul > li{
	display:inline-block;
	margin-right:15px;
}
.hs_blog_body .hs_blog_full_content .meta > ul > li > i{
	margin-right:5px;
}
.hs_blog_body .hs_blog_full_content .action{
	float:right;
	padding-top: 15px;
}


.hs_comment_wrapper{
	margin-bottom:15px;
}
.hs_comment_wrapper > ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.hs_comment_wrapper > ul > li{
	display:block;
}
.hs_comment{
	background-color:rgba(236, 236, 236, 0.56);
	position:relative;
	padding:15px;
	margin-bottom:15px;
}
.hs_comment:after{
	content:"";
	display:table;
	width:100%;
}
.hs_comment > .commenter_img{
	width:30px;
	height:30px;
	float:left;
}
.hs_comment > .commenter_img > img{
	display:none;
}
.hs_comment > .commenter_img > span{
	width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
	text-align:center;
    background-color: #00bcd4;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 50px;
}
.hs_comment > .commenter_img.has_image > img{
	width: 30px;
    height: 30px;
    border-radius: 30px;	
	display:block;
}
.hs_comment > .commenter_img.has_image > span{
	display:none;
}


.hs_comment > .comment_content{
	width:calc(100% - 30px);
	float:left;
	padding: 0 15px;
    padding-right: 100px;
}
.hs_comment > .comment_action{
    position: absolute;
    top: 10px;
    right: 10px;
}
.hs_comment > .comment_action > a{
	font-weight: 500;
    text-decoration: underline;
    margin: 0 3px;
}

.hs_comment_wrapper > ul > li > ul{
	list-style:none;
	margin:0;
	display:block;
}
.hs_comment_wrapper > ul > li ul > li{
	display:block;
}
/***********************************************************************************
15. blog end
***********************************************************************************/

/***********************************************************************************
***********************************************************************************
***********************************************************************************
***********************************************************************************
***********************************************************************************
Editor start
***********************************************************************************
***********************************************************************************
***********************************************************************************
***********************************************************************************
***********************************************************************************/


/***********************************************************************************
1. editor sidebar start
***********************************************************************************/
.hse_sidebar_widget{
	padding:15px;
	margin-bottom:30px;
}
.hse_sidebar_widget .main_title{
	font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
    margin-bottom: 19px;
    text-transform: uppercase;
}

.hse_sidebar_widget > ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.hse_sidebar_widget > ul > li{
	display: block;
    border: 3px solid rgba(204, 204, 204, 0.54);
    margin-bottom: 20px;
    border-radius: 5px;
	overflow:hidden;
	margin-right: 10px;
	cursor:pointer;
	position:relative;
}
.hse_sidebar_widget > ul > li > .overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	color:#ffffff;
	font-size:30px;
	border-radius: 3px;
	background-color:rgba(0,0,0,0.8);
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.hse_sidebar_widget > ul > li > .overlay > i{
	position:absolute;
	top:calc(50% - 15px);
	left:calc(50% - 15px);
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
}
.hse_sidebar_widget > ul > li:hover > .overlay{
	opacity:1;
	visibility:visible;
}
.hse_sidebar_widget > ul > li:hover{
	border-color:#0dd1ea;
}
.hse_sidebar_widget > ul > li > img{
	width: 100%;
    -webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}
.hse_sidebar_widget > ul > li:hover > img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	transform:scale(1.1);
}

.hse_sidebar_widget.hse_section .hs_temp_filter .main_title{
	font-size: inherit;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
    display: inline-block;
    margin-left: 5px;
	position:relative;
	z-index:1;
	cursor:pointer;
	text-transform:inherit;
}
.hse_sidebar_widget.hse_section .hs_temp_filter .main_title:after{
	content:"\e64b";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
	font-size: 10px;
}
.hse_sidebar_widget.hse_section .hs_temp_filter .main_title .hs_dropdown_wrapper{
	width: 150px;
    min-width: 150px;
}

.hse_sidebar_widget.hse_element_editor{
	position:fixed;
	top:20%;
	left:50%;
	width:300px;
	padding: 0;
	border-radius:6px;
	background-color:#ffffff;
	backface-visibility:hidden;
    -webkit-box-shadow: 0 0 18px 0 rgba(22, 45, 61, 0.27);
	box-shadow: 0 0 18px 0 rgba(22, 45, 61, 0.27);
	z-index:999;
	-webkit-animation: avatar_overlay_anim 0.2s ease-in-out;
	animation: avatar_overlay_anim 0.2s ease-in-out;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform-style: preserve-3D;
	transform-style: preserve-3D;
}
.hse_sidebar_widget.hse_element_editor .main_title{
    background-color: #00bcd4;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: inherit;
    padding: 16px 15px;
    border-radius: 6px 6px 0 0;	
	cursor: move;
    font-size: 16px;	
}
.hse_sidebar_widget.hse_element_editor .hse_element_editor_icon{
	position:absolute;
	top: 13px;
    right: 15px;
}
.hse_sidebar_widget.hse_element_editor .hse_element_editor_icon > span{
	width: 25px;
    height: 25px;
    line-height: 26px;
    text-align: center;
    color: #6f819b;
    background-color: #ffffff;
    border-radius: 30px;
    font-size: 12px;
    display: inline-block;
    opacity: 0.8;
	cursor:pointer;
}
.hse_sidebar_widget.hse_element_editor .hse_element_editor_icon > span:hover{
	opacity:1;
}

.hse_sidebar_widget.hse_element_editor .hse_element_editor_body{
	padding:20px 10px;
	max-height: 500px;
	min-height: 400px;
	backface-visibility:hidden;	
	padding-top:0;
	padding-right: 5px;
}
.hse_sidebar_widget.hse_element_editor .hse_element_editor_body.hs_custom_scrollbar .mCSB_inside>.mCSB_container{
    margin-right: 10px;	
}
.hse_sidebar_widget.hse_element_editor .hse_element_editor_body.hs_custom_scrollbar .mCSB_inside>.mCSB_scrollTools{
	width: 6px;
}

.hse_sidebar_widget.hse_element_editor .hse_el_section .hse_switch_wrapper .hs_switch input.hs_switch_toggle_round + label{
	height:20px;
}
.hse_sidebar_widget.hse_element_editor .hse_timer_editor_option{
    min-height: 450px;		
}

/* cropper start */
.hse_image_croper{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
    background-color: rgba(11, 11, 11, 0.8);	
	z-index:99999;
	text-align:center;
    display: none;	
	overflow:auto;
}
.hse_image_croper:before{
	content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
} 
.hse_image_croper .hse_image_croper_inner{
	position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    z-index: 1045;
	width:100%;
	max-width: 800px;
    /* max-height: 80%;	 */
    padding: 40px;
	background-color:#ffffff;	
    -webkit-animation: avatar_overlay_anim 0.2s ease-in-out;
    animation: avatar_overlay_anim 0.2s ease-in-out;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform-style: preserve-3D;
    transform-style: preserve-3D;	
}
.img-container,
.ig_image_croper .cropper-container {
    height: 500px;
	margin-bottom: 20px;
}
.popup_btn_wrapper .hs_btn {
    margin: 0 4px;
}
/* cropper end */

/***********************************************************************************
1. editor sidebar end
***********************************************************************************/

/***********************************************************************************
2. editor wrapper start
***********************************************************************************/
.hs_page_editor .hs_page_content{
	padding:80px 0px;
	background-color:transparent;
}
.hs_editor_wrapper{
	margin:0 auto;
}
.hs_editor_wrapper > ul{
	list-style:none;
	padding:0;
	margin:0;
	
	display: block;
    min-height: 200px;
    background-color: #ffffff;
    color: #76838f;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.hs_editor_wrapper > ul.no_item:before {
    content: "Drag and drop item here";
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    color: #828282;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}
.hs_editor_wrapper > ul > li{
	position:relative;
	width:100%;
	display:table;
	-webkit-animation: section_drop_animation 0.3s;
    -moz-animation: section_drop_animation 0.3s;
    animation: section_drop_animation 0.3s;
}
.hs_editor_wrapper > ul > .ui-sortable-helper{
	width:100%;
}
.hs_editor_wrapper > ul > .ui-sortable-helper  > div{
	width:100% !important;
}
.hs_editor_wrapper > ul > div > div .item_options{
	display:none;
}
.hs_editor_wrapper > ul > li > .item_options{
	position: absolute;
    right: 0;
    bottom: 100%;
    background-color: #6f819b;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.hs_editor_wrapper > ul > li:hover > .item_options {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}
.hs_editor_wrapper > ul > li > .item_options > ul{
	list-style: none;
    margin: 0;
    padding: 0;	
}
.hs_editor_wrapper > ul > li > .item_options > ul > li{
	float: left;
}
.hs_editor_wrapper > ul > li > .item_options > ul > li  > a{
	width:50px;
	height:50px;
	line-height:50px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;	
}
.hs_editor_wrapper > ul > li > .item_options > ul > li  > a:hover{
	background-color:#00bcd4;
}

.hs_editor_wrapper > ul > li > .html_data{
	position: relative; 
    z-index: 1;
}
.hs_editor_wrapper > ul.dropcellactive{
	box-shadow:0px 0px 0px 2px #00bcd4;
}

.hse_template_name{
	text-align:center;
}
.hse_template_name > label{
	color: #5f5f5f;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
}
.hse_template_name > h3{
	font-size: 18px;
    color: #00bcd4;
    margin: 0;
    font-weight: 400;
}

.highlight{
	background-color:#00bcd4;
	background-image: url('../images/icon/dropicon.svg');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:200px;
	-webkit-transition: all 300ms cubic-bezier(0.685, 0.01, 0.355, 0.995);
	-moz-transition: all 300ms cubic-bezier(0.685, 0.01, 0.355, 0.995);
	transition: all 300ms cubic-bezier(0.685, 0.01, 0.355, 0.995);
}

.hs_overlay_preloader{
	display:none;
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.90);
}
.hs_overlay_preloader .hs_op_inner{
	height: 100px;
    width: 300px;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 150px);
}
.hs_overlay_preloader .hs_op_inner{
	
}
.hs_overlay_preloader .hs_op_inner .clock{
	top: inherit;
    left: inherit;
    margin: 10px auto;	
}
.hs_overlay_preloader .hs_op_inner p{
	color: #616161;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 0 10px;
    letter-spacing: 0.8px;
}
/***********************************************************************************
2. editor wrapper end
***********************************************************************************/

/***********************************************************************************
3. editor element start
***********************************************************************************/
.ed_element_wrapper_timer,
.ed_element_wrapper_form,
.ed_element_wrapper_tab,
.ed_element_wrapper_map,
.ed_element_wrapper_box,
.ed_element_wrapper_slider,
.ed_element_wrapper{
	position:relative;
	border:1px dashed transparent;
	display: inherit;
	backface-visibility:hidden;
}

/*.ed_element_wrapper_box:before,
.ed_element_wrapper_slider:before,
.ed_element_wrapper:before,
.ed_element_wrapper_box:after,
.ed_element_wrapper_slider:after,
.ed_element_wrapper:after{
	content:"";
	display:table;
	width:100%;
}*/

.ed_element_wrapper_timer:hover,
.ed_element_wrapper_form:hover,
.ed_element_wrapper_tab:hover,
.ed_element_wrapper_map:hover,
.ed_element_wrapper_box:hover,
.ed_element_wrapper_slider:hover,
.ed_element_wrapper:hover{ 
	border:1px dashed #6f6f6f;
}
.ed_element_wrapper_timer .ed_element_option,
.ed_element_wrapper_form .ed_element_option,
.ed_element_wrapper_tab .ed_element_option,
.ed_element_wrapper_map .ed_element_option,
.ed_element_wrapper_box .ed_element_option,
.ed_element_wrapper_slider .ed_element_option,
.ed_element_wrapper .ed_element_option{
	position:absolute;
	top:0;
	right:0;
	display:none;
	width: 80px;
}

.ed_element_wrapper .ed_link ~ .ed_element_option,
.ed_element_wrapper_box > .ed_element_option{
	top:-20px;
	width:80px;
}

.ed_element_wrapper_timer:hover > .ed_element_option,
.ed_element_wrapper_form:hover > .ed_element_option,
.ed_element_wrapper_tab:hover > .ed_element_option,
.ed_element_wrapper_map:hover > .ed_element_option,
.ed_element_wrapper_box:hover > .ed_element_option,
.ed_element_wrapper_slider:hover > .ed_element_option,
.ed_element_wrapper:hover > .ed_element_option{
	display:block;
}
.ed_element_wrapper_timer .ed_element_option > a,
.ed_element_wrapper_form .ed_element_option > a,
.ed_element_wrapper_tab .ed_element_option > a,
.ed_element_wrapper_map .ed_element_option > a,
.ed_element_wrapper_box .ed_element_option > a,
.ed_element_wrapper_slider .ed_element_option > a,
.ed_element_wrapper .ed_element_option > a{
	width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #6f6f6f !important;
    color: #fff;
    float:right; 
    font-size: 10px;
    padding: 0;	
	margin:0;
	border-radius:0px;
}
.ed_element_wrapper_timer .ed_element_option > a:hover,
.ed_element_wrapper_form .ed_element_option > a:hover,
.ed_element_wrapper_tab .ed_element_option > a:hover,
.ed_element_wrapper_map .ed_element_option > a:hover,
.ed_element_wrapper_box .ed_element_option > a:hover,
.ed_element_wrapper_slider .ed_element_option > a:hover,
.ed_element_wrapper .ed_element_option > a:hover{
	background-color:#00bcd4 !important;
	color:#ffffff !important; 
}   

.ed_element_sorting:before,
.ed_element_sorting:after{
	content:"";
	display:table;
	width:100%;
}
.ed_element_sorting .ed_element_wrapper_box{
	backface-visibility:hidden;
}
.ed_element_wrapper_timer .ed_element_option .ed_element_move,
.ed_element_wrapper_box .ed_element_option .ed_element_move,
.ed_element_wrapper_form .ed_element_option .ed_element_move,
.ed_element_wrapper_map .ed_element_option .ed_element_move,
.ed_element_wrapper_tab .ed_element_option .ed_element_move,
.ed_element_wrapper_slider .ed_element_option .ed_element_move,
.ed_element_wrapper .ed_element_option .ed_element_move{
	display:none;
}
.ed_element_sorting .ed_element_wrapper_timer .ed_element_option .ed_element_move,
.ed_element_sorting .ed_element_wrapper_box .ed_element_option .ed_element_move,
.ed_element_sorting .ed_element_wrapper_form .ed_element_option .ed_element_move,
.ed_element_sorting .ed_element_wrapper_map .ed_element_option .ed_element_move,
.ed_element_sorting .ed_element_wrapper_tab .ed_element_option .ed_element_move,
.ed_element_sorting .ed_element_wrapper_slider .ed_element_option .ed_element_move,
.ed_element_sorting .ed_element_wrapper .ed_element_option .ed_element_move{
	display:block;
}
/*.ed_element_sorting .ed_element_wrapper_box .ed_element_option .ed_element_move{
	display:none;
}*/
/*.ed_element_sorting .ed_element_wrapper_box > .ed_element_option .ed_element_move,*/
.ed_element_sorting .ed_element_wrapper_box.ui-sortable-helper > .ed_element_option{
	display:block;
}

.ed_element_sorting.inner_sorting_disable .ed_element_wrapper_box .ed_element_wrapper .ed_element_option .ed_element_move,
.ed_element_sorting .ed_element_wrapper_slider .ed_element_wrapper .ed_element_option .ed_element_move{
	display:none;
}

.ed_element_sorting .ed_element_wrapper .ed_element_option{
	width:80px;
} 
[contenteditable="true"] {
    outline:none;
}

.hse_el_section{
	margin-bottom:25px;
}
.hse_el_section > .hs_input_wrapper > label,
.hse_el_section > label{
	font-weight: 400;
	font-size:14px;
	color: #949494;
}
.hse_el_section > .hs_input_wrapper .form-control:focus {
    border-color: #00bcd4 !important;
}

.hse_el_section .hse_text_editor{
	background-color:#f7f7f7;
}
.hse_el_section > .hse_input_wrapper{
	float:right;
}
.hse_el_section > .hse_input_wrapper.full{
	float:none;
}
.hse_el_section > .hse_input_wrapper.full > input{
	width:100%;
	max-width:100%;
}
.hse_el_section .hse_input_wrapper input{
	padding-left: 5px;
    max-width: 120px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
    outline: none;
	height:30px;
	font-size:14px;
}
.hse_el_section .hse_input_wrapper input:focus{
	border-color: #00bcd4;
}

.hse_el_section > .hse_select_wrapper{
	float:right;
}
.hse_el_section .hse_select_wrapper select{
	padding-left: 5px;
    max-width: 120px;
    border-radius: 3px;
    border: 1px solid #b9b9b9;
    outline: none;
	height:30px;
	font-size:14px;
}
.hse_el_section .hse_select_wrapper select:focus{
	border-color: #00bcd4;
}

.hse_el_section .hse_input_wrapper .hse_edit_icon{
	width:29px;
	height:29px;
	line-height:29px;
	text-align:center;
	background-color: #00bcd4;
	cursor:pointer;
}

.hse_el_section .hse_image_size{
	font-size: 16px; 
    margin-top: 0px;
    margin-left: 10px;
}
.hse_el_section .hse_image_thumb{
	cursor: pointer;
    background-color: #e2e2e2;
    padding: 15px;
    text-align: center;
	display:block; 
}
.hse_el_section .hse_image_thumb img{
	max-width:100%;
	max-height:150px;
}
.hse_el_section .hse_switch_wrapper{
	float:right;
}
.hse_el_section.hse_link{
	position:relative;
}
.hse_el_section.hse_link .hs_checkbox{
	position:absolute;
	top:0;
	right:0;
}
.hse_el_section.hse_link .hs_checkbox [type="checkbox"]:not(:checked) + label, 
.hse_el_section.hse_link .hs_checkbox [type="checkbox"]:checked + label{
	font-size: 12px;
    padding-left: 20px;	
}
.hse_el_section.hse_link .hs_checkbox [type="checkbox"]:not(:checked) + label:before, 
.hse_el_section.hse_link .hs_checkbox [type="checkbox"]:checked + label:before{
	width: 15px;
    height: 15px;
    border: 1px solid;
    top: 0px;
}
.hse_el_section.hse_link .hs_checkbox [type="checkbox"]:checked + label:after{
	width: 15px;
    height: 15px;
    top: 0px;
    font-size: 9px;
    line-height: 15px;
}


.hse_el_section .hse_filter_image_wrapper{
	list-style:none;
	padding:0;
	margin:0;
}
.hse_el_section .hse_filter_image_wrapper > li{
	width: calc(33.3333% - 10px);
    float: left;
    margin: 5px;
    text-align: center;
	cursor:pointer;
}
.hse_el_section .hse_filter_image_wrapper > li > .hse_filter_image{
	background-color: #efefef;
    padding: 10px;	
}
.hse_el_section .hse_filter_image_wrapper > li > .hse_filter_image > img{
	max-width: 100%;
}
.hse_el_section .hse_filter_image_wrapper > li > span{
	font-size: 12px;
}

.hse_el_section .hse_filter_image_wrapper > li.active > .hse_filter_image{
	box-shadow:0px 0px 0px 2px #00bcd4;
}
.hse_el_section .hse_filter_image_wrapper > li.active > span{
	color:#00bcd4;
}
.hse_el_section .form-control{
	height: 30px;
    font-size: 14px;
    color: #6f819b;
    border: 1px solid #b9b9b9;
    box-shadow: none;
	padding: 0px 12px;
}
.hse_el_section .form-control:focus{
	border-color: #00bcd4;
}

.hse_input_group_wrapper{
	background-color: #f7f7f7;
    display: block;
    padding: 10px;
	text-align: center;
	position:relative;
	z-index: 1;
	padding-bottom: 20px;
}
.hse_input_group_wrapper:before{
	content:"";
	position:absolute;
	top:50px;
	left:50px;
	right:50px;
	bottom:35px;
	border:1px solid #ccc;
    z-index: -1;	
}
.hse_input_group_wrapper .hse_input_group_inline .hse_input_wrapper{
	display: inline-block;
    margin-left: -3px;
}
.hse_input_group_wrapper .hse_input_group_inline.one .hse_input_wrapper{
	width: 100%;
}
.hse_input_group_wrapper .hse_input_group_inline.three .hse_input_wrapper{
	width: 32.333333%;
    margin: 12px 0px 12px -3px;
	background-color: #f7f7f7;
}
.hse_input_group_wrapper .hse_input_group_inline .hse_input_wrapper label{
	font-weight: 400;
    margin-bottom: 0;
    font-size: 12px;
    display: block;
}
.hse_input_group_wrapper .hse_input_group_inline .hse_input_wrapper input{
    max-width: 50px;
	text-align:center;
	padding: 0 5px;
}

.ed_slider{
	margin:50px 0;
}

.hse_sliderArrange{
	padding: 15px;
    background-color: #f1f1f1;
}
.hse_sliderArrange > ul{
	list-style:none;
	padding:0;
	margin:0;
	margin-bottom:15px;
}
.hse_sliderArrange > ul > li{
	display:block;
	margin-bottom: 10px;
	cursor:move;
}
.hse_sliderArrange > ul > li:last-child{
	margin-bottom:0;
}
.hse_sliderArrange > ul > li > .hse_tabs,
.hse_sliderArrange > ul > li > .hse_slide{
	background-color:#ffffff;
	padding:5px 10px;
    background-image: url(../images/icon/draggable_dots.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px center;
    padding-left: 25px;	
	cursor: move;
}
.hse_sliderArrange > ul > li > .hse_tabs:active,
.hse_sliderArrange > ul > li > .hse_slide:active{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.hse_sliderArrange > ul > li > .hse_tabs > span,
.hse_sliderArrange > ul > li > .hse_slide > span{
	font-size:15px;
}
.hse_sliderArrange > ul > li > .hse_tabs > .actions,
.hse_sliderArrange > ul > li > .hse_slide > .actions{
	float:right;
	clear:both;
	opacity:0;
	visibility:hidden;
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transform:translateX(-10px);
	-moz-transform:translateX(-10px);
	transform:translateX(-10px);
}
.hse_sliderArrange > ul > li:hover > .hse_tabs > .actions,
.hse_sliderArrange > ul > li:hover > .hse_slide > .actions{
	opacity:1;
	visibility:visible;
	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	transform:translateX(0px);
}
.hse_sliderArrange > ul > li > .hse_tabs > .actions > a,
.hse_sliderArrange > ul > li > .hse_slide > .actions > a{
	color: #b1b1b1;
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 13px;
    margin-left: 5px;
}
.hse_sliderArrange > ul > li > .hse_tabs > .actions > a:hover,
.hse_sliderArrange > ul > li > .hse_slide > .actions > a:hover{
	color: #00bcd4;
}

.hse_sliderArrange > .hse_add_tabs,
.hse_sliderArrange > .hse_add_slide{
	background-color: #00bcd4;
    padding: 5px 10px;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
}

.hse_sliderArrange.hse_form_field_list > ul > li > .hse_slide > input{
	font-size: 15px;
    border: 1px solid transparent;
    width: calc(100% - 50px);
    height: 25px;
    padding: 0 13px;
}
.hse_sliderArrange.hse_form_field_list > ul > li > .hse_slide:active{
	box-shadow:none;
}
.hse_sliderArrange.hse_form_field_list > ul > li > .hse_slide .actions{
	margin-top: 2px;
}
.hse_sliderArrange.hse_form_field_list > ul > li > .hse_slide .close_action{
	display:none;
	opacity: 1;
    visibility: visible;
    transform: none;
}
.hse_sliderArrange.hse_form_field_list > ul > li > .hse_slide.editing .close_action{
	display:block;
}
.hse_sliderArrange.hse_form_field_list > ul > li > .hse_slide.editing .edit_action{
	display:none;
}
.hse_sliderArrange.hse_form_field_list > ul > li > .hse_slide.editing > input{
	border-color:#e2e2e2;
}
/***********************************************************************************
3. editor element end
***********************************************************************************/

.ui-draggable-dragging{
	z-index:9999; 
}

/***********************************************************************************
***********************************************************************************
***********************************************************************************
***********************************************************************************
***********************************************************************************
Editor end
***********************************************************************************
***********************************************************************************
***********************************************************************************
***********************************************************************************
***********************************************************************************/



/***********************************************************************************
49. preview page start
***********************************************************************************/
.hs_preview_header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color: #00bcd4;
	min-height:60px;
}
.hs_preview_header .hs_preview_icon{
	display:table;
	margin:0 auto;
}
.hs_preview_header .hs_preview_icon > ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.hs_preview_header .hs_preview_icon > ul > li{
	float:left;
}
.hs_preview_header .hs_preview_icon > ul > li > a{
	color: #ffffff;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 30px;
    display: block;
}
.hs_preview_header .hs_preview_icon > ul > li.active > a,
.hs_preview_header .hs_preview_icon > ul > li > a:hover{
	background-color: rgba(255, 255, 255, 0.2);
}
.hs_preview_iframe{
	position:fixed;
	top:60px;
	left:0;
	right:0;
	bottom:0;
}
.hs_preview_iframe > div {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0px;
    overflow: hidden;
}
.hs_preview_iframe > div.tablet_view {
    width: 904px;
    margin: 0px auto;
    margin-top: 50px;
    background-image: url(../images/icon/tablet.svg);
    background-size: contain;
    background-repeat: no-repeat;
    max-height: 577px;
    padding: 14px 101px 3px 105px;
}

.hs_preview_iframe > div > iframe{
	border:none;
	width:100%;
	height:100%;
	background-color:#ffffff;
}
.hs_preview_iframe > div.mobile_view {
	width: 340px;
    margin: 0px auto;
    margin-top: 50px;
    background-image: url(../images/icon/iphone.svg);
    background-size: contain;
    background-repeat: no-repeat;
    max-height: 700px;
    padding: 83px 20px 0px 14px;
}

.hs_preview_header .closePreview{
	height: 35px;
    line-height: 35px;
    border-radius: 35px;
    padding: 0 20px;
    margin-bottom: 15px;
    background-color: #ffffff;
    color: #222222;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    position: relative;
    border: none;
    outline: none;
    opacity: 1;
	position: absolute;
    top: 13px;
    right: 20px;
} 

/***********************************************************************************
49. preview page end
***********************************************************************************/

/***********************************************************************************
50. typography start
***********************************************************************************/
.hs_btn{
	height:35px;
	line-height:35px;
	border-radius:35px;
	padding:0 20px;
	margin-bottom:15px;
	background-color:#00bcd4;
	color:#ffffff;
	display:inline-block;
	font-size:14px;
    font-weight: 500;
	letter-spacing: 0.5px;
	position:relative;
	border:none;
	outline:none;
	opacity:1;
}	
.hs_btn:focus,
.hs_btn:hover{
	color:#ffffff;
	background-color:#0dd1ea;
}
.hs_btn:active{
	top:auto;
}

.hs_btn.hs_btn_default{
	background-color:#6f819b;
}
.hs_btn.hs_btn_default:hover{
	background-color: #8d9eb7;
}
.hs_btn.hs_btn_danger{
	background-color:#F44336;
}
.hs_btn.hs_btn_danger:hover{
	background-color: #ef5350;
}

.hs_btn_lg{
	height:48px;
	line-height:48px;
	font-size:16px;
	padding:0 50px;
}

.hs_btn.btn_loader.btn_loading{
	pointer-events: none;
}
.btn_loader .fill {
	fill: none;
	stroke: #3bbdca;
	stroke-width: 4px;
	stroke-linecap: round;
	stroke-dasharray: 113.04;
	stroke-dashoffset: 90;
	-webkit-animation: rotate 0.6s linear infinite;
	animation: rotate 0.6s linear infinite;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}


.btn_loader .button-loader {
	width: 18px;
	height: 18px;
	vertical-align: bottom;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn_loader.btn_loading{
	color:transparent;
}
.btn_loader.btn_loading .button-loader{
	opacity:1;
}

.btn_loader .button-loader .path {
	fill: none;
	stroke: #fff;
	opacity: 0.3;
	stroke-width: 2px;
}

.btn_loader .button-loader .fill {
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-dasharray: 56.52;
	stroke-dashoffset: 42;
	-webkit-animation: rotate 0.75s linear infinite;
	animation: rotate 0.75s linear infinite;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}





.hs_checkbox {
	text-align: left;
}
/* Base for label styling */
.hs_checkbox [type="checkbox"]:not(:checked), .hs_checkbox [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
.hs_checkbox [type="checkbox"]:not(:checked) + label, .hs_checkbox [type="checkbox"]:checked + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	outline: none;
	font-weight:500;
	margin-bottom: 0;
}
/* checkbox aspect */
.hs_checkbox [type="checkbox"]:not(:checked) + label:before, .hs_checkbox [type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 19px;
	height: 19px;
	border:2px solid;
	border-radius: 3px;
	outline: none;
}
/* checked mark aspect */
.hs_checkbox [type="checkbox"]:not(:checked) + label:after{
	display:none;
} 
.hs_checkbox [type="checkbox"]:checked + label:after {
    content: "\e64c";
	font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#ffffff;
    width: 19px;
	height: 19px;
	line-height: 19px;
	text-align:center;
    display: inline-block;
    background-color: #00bcd4;
	border-radius: 3px;
    position: absolute;
    top: 3px;
    left: 0px;
}
/* checked mark aspect changes */
.hs_checkbox [type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.hs_checkbox [type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* disabled checkbox */
.hs_checkbox [type="checkbox"]:disabled:not(:checked) + label:before, .hs_checkbox [type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
.hs_checkbox [type="checkbox"]:disabled:checked + label:after {
	color: #999;
}
.hs_checkbox [type="checkbox"]:disabled + label {
	color: #aaa;
}



.hs_radio {
	text-align: left;
}
/* Base for label styling */
.hs_radio [type="radio"]:not(:checked), .hs_radio [type="radio"]:checked {
	position: absolute;
	left: -9999px;
}
.hs_radio [type="radio"]:not(:checked) + label, .hs_radio [type="radio"]:checked + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	outline: none;
	font-weight:500;
	margin-bottom: 0;
}
/* radio aspect */
.hs_radio [type="radio"]:not(:checked) + label:before, .hs_radio [type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 19px;
	height: 19px;
	border:2px solid;
	border-radius: 30px;
	outline: none;
}
/* checked mark aspect */
.hs_radio [type="radio"]:not(:checked) + label:after{
	display:none;
} 
.hs_radio [type="radio"]:checked + label:after {
	content: "";
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
    width: 11px;
    height: 11px;
    text-align: center;
    display: inline-block;
    background-color: #00bcd4;
    border-radius: 30px;
    position: absolute;
    top: 7px;
    left: 4px;
}
/* checked mark aspect changes */
.hs_radio [type="radio"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.hs_radio [type="radio"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* disabled radio */
.hs_radio [type="radio"]:disabled:not(:checked) + label:before, .hs_radio [type="radio"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
.hs_radio [type="radio"]:disabled:checked + label:after {
	color: #999;
}
.hs_radio [type="radio"]:disabled + label {
	color: #aaa;
}


.hs_input_wrapper{
	position:relative;
	margin-bottom:16px;
}
.hs_input_wrapper > label{
	font-weight: 400;
    color: #6f819b;
	min-height: 17px;
	display:block;
}
.hs_input_wrapper .form-control{
	height:45px;
	font-size:14px;
	color:#6f819b;
	border:none;
	border:1px solid #e6e6e6;
	box-shadow:none;
	border-radius:0;
}
.hs_input_wrapper textarea.form-control{
	height:auto;
	padding:15px;
}
.hs_input_wrapper .form-control:focus{
	border-color:#00bcd4;
}
.hs_input_wrapper.error .form-control{
	border-color:#F44336;
}
.hs_input_wrapper.error .form-icon{
	color:#F44336;
}
.hs_input_wrapper.success .form-control{
	border-color:#4CAF50;
}
.hs_input_wrapper.hs_input_icon .form-control{
	padding-left:45px;
}
.hs_input_wrapper.hs_input_icon > .form-icon{
	position:absolute;
	left:0;
	bottom:0;
	width:45px;
	height:45px;
	line-height:45px;
	text-align:center;
}

.auth_body .hs_input_wrapper{
	position:relative;
	margin-bottom:16px;
}
.auth_body .hs_input_wrapper input.form-control{
	height:60px;
	font-size:16px;
	color:#6f819b;
	border:none;
	border-bottom:1px solid #6f819b;
	box-shadow:none;
	border-radius:0;
	padding-left:70px;
}
.auth_body .hs_input_wrapper.error input.form-control{
	border-bottom-color:#F44336;
}
.auth_body .hs_input_wrapper.error .form-icon{
	color:#F44336;
}
.auth_body .hs_input_wrapper.success input.form-control{
	border-bottom-color:#4CAF50;
}
.auth_body .hs_input_wrapper > .form-icon{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
}
.hs_input_wrapper > .hs_helptext{
	font-size: 12px;
}


/* alert start */
.hs_alert_wrapper{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
	opacity:0;
	visibility:hidden;
}
.hs_alert_wrapper.alert_open{
	opacity:1;
	visibility:visible;
}
.hs_alert_wrapper > .hs_alert_close{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-color: rgba(0, 0, 0, 0.8);
	cursor: -webkit-zoom-out; 
}
.hs_alert_wrapper .hs_alert_inner{
	position: absolute;
    left: calc((100% - 600px) / 2);
    top: 0;
    width: 600px;
    background-color: #ffffff;
    margin: 0 auto;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0), 0px 0px 30px rgba(0, 0, 0, 0.25), 0px -10px 70px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
	-webkit-animation: dropdownItemFadeDown 0.2s ease-in-out;
	animation: dropdownItemFadeDown 0.2s ease-in-out;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform-style: preserve-3D;
	transform-style: preserve-3D;
	display:none;
}
.hs_alert_wrapper.alert_open .hs_alert_inner{
	display:block;
}
.hs_alert_wrapper .hs_alert_inner .hs_alert_header{
	color:#fff;
	padding: 30px;
    text-align: center;
}
.hs_alert_wrapper .hs_alert_inner .hs_alert_header > h3{
	color: #fff;
    margin: 0;
    font-weight: 300;
    font-size: 30px;
}
.hs_alert_wrapper .hs_alert_inner .hs_alert_header > .hs_alert_close{
    position: absolute;
    top: 8px;
    right: 10px;
    opacity: 0.8;	
	cursor:pointer;
}
.hs_alert_wrapper .hs_alert_inner .hs_alert_header > .hs_alert_close:hover{
	opacity:1;
}
.hs_alert_wrapper .hs_alert_inner .hs_alert_body{
	padding: 40px;
    text-align: center;
	font-size: 18px;
    color: #5a5f67;
    font-weight: 500;
}
.hs_alert_wrapper .hs_alert_inner .hs_alert_body > p{
	margin-bottom:0;
}
.hs_alert_wrapper .hs_alert_inner .hs_alert_footer{
	padding: 20px 10px;
    text-align: center;
    background-color: #f1f1f1;
}
.hs_alert_wrapper .hs_alert_inner .hs_alert_footer .hs_btn{
	margin:0 5px;
}


.hs_alert_wrapper.error .hs_alert_inner .hs_alert_header{
	background-color:#F44336;
}
.hs_alert_wrapper.success .hs_alert_inner .hs_alert_header{
	background-color: #4CAF50;
}
.hs_alert_wrapper.success .hs_alert_inner .hs_alert_header > h3 > i:before{
	content: "\e64c";
}
/* alert end */



/* margin padding start */
.margin-0{margin:0}.margin-3{margin:3px}.margin-5{margin:5px}.margin-10{margin:10px}.margin-15{margin:15px}.margin-20{margin:20px}.margin-25{margin:25px}.margin-30{margin:30px}.margin-35{margin:35px}.margin-40{margin:40px}.margin-45{margin:45px}.margin-50{margin:50px}.margin-60{margin:60px}.margin-70{margin:70px}.margin-80{margin:80px}.margin-vertical-0{margin-top:0;margin-bottom:0}.margin-vertical-3{margin-top:3px;margin-bottom:3px}.margin-vertical-5{margin-top:5px;margin-bottom:5px}.margin-vertical-10{margin-top:10px;margin-bottom:10px}.margin-vertical-15{margin-top:15px;margin-bottom:15px}.margin-vertical-20{margin-top:20px;margin-bottom:20px}.margin-vertical-25{margin-top:25px;margin-bottom:25px}.margin-vertical-30{margin-top:30px;margin-bottom:30px}.margin-vertical-35{margin-top:35px;margin-bottom:35px}.margin-vertical-40{margin-top:40px;margin-bottom:40px}.margin-vertical-45{margin-top:45px;margin-bottom:45px}.margin-vertical-50{margin-top:50px;margin-bottom:50px}.margin-vertical-60{margin-top:60px;margin-bottom:60px}.margin-vertical-70{margin-top:70px;margin-bottom:70px}.margin-vertical-80{margin-top:80px;margin-bottom:80px}.margin-horizontal-0{margin-right:0;margin-left:0}.margin-horizontal-3{margin-right:3px;margin-left:3px}.margin-horizontal-5{margin-right:5px;margin-left:5px}.margin-horizontal-10{margin-right:10px;margin-left:10px}.margin-horizontal-15{margin-right:15px;margin-left:15px}.margin-horizontal-20{margin-right:20px;margin-left:20px}.margin-horizontal-25{margin-right:25px;margin-left:25px}.margin-horizontal-30{margin-right:30px;margin-left:30px}.margin-horizontal-35{margin-right:35px;margin-left:35px}.margin-horizontal-40{margin-right:40px;margin-left:40px}.margin-horizontal-45{margin-right:45px;margin-left:45px}.margin-horizontal-50{margin-right:50px;margin-left:50px}.margin-horizontal-60{margin-right:60px;margin-left:60px}.margin-horizontal-70{margin-right:70px;margin-left:70px}.margin-horizontal-80{margin-right:80px;margin-left:80px}.margin-top-0{margin-top:0}.margin-top-3{margin-top:3px}.margin-top-5{margin-top:5px}.margin-top-10{margin-top:10px}.margin-top-15{margin-top:15px}.margin-top-20{margin-top:20px}.margin-top-25{margin-top:25px}.margin-top-30{margin-top:30px}.margin-top-35{margin-top:35px}.margin-top-40{margin-top:40px}.margin-top-45{margin-top:45px}.margin-top-50{margin-top:50px}.margin-top-60{margin-top:60px}.margin-top-70{margin-top:70px}.margin-top-80{margin-top:80px}.margin-bottom-0{margin-bottom:0}.margin-bottom-3{margin-bottom:3px}.margin-bottom-5{margin-bottom:5px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-15{margin-bottom:15px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-25{margin-bottom:25px}.margin-bottom-30{margin-bottom:30px}.margin-bottom-35{margin-bottom:35px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-45{margin-bottom:45px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-60{margin-bottom:60px}.margin-bottom-70{margin-bottom:70px}.margin-bottom-80{margin-bottom:80px}.margin-left-0{margin-left:0}.margin-left-3{margin-left:3px}.margin-left-5{margin-left:5px}.margin-left-10{margin-left:10px}.margin-left-15{margin-left:15px}.margin-left-20{margin-left:20px}.margin-left-25{margin-left:25px}.margin-left-30{margin-left:30px}.margin-left-35{margin-left:35px}.margin-left-40{margin-left:40px}.margin-left-45{margin-left:45px}.margin-left-50{margin-left:50px}.margin-left-60{margin-left:60px}.margin-left-70{margin-left:70px}.margin-left-80{margin-left:80px}.margin-right-0{margin-right:0}.margin-right-3{margin-right:3px}.margin-right-5{margin-right:5px}.margin-right-10{margin-right:10px}.margin-right-15{margin-right:15px}.margin-right-20{margin-right:20px}.margin-right-25{margin-right:25px}.margin-right-30{margin-right:30px}.margin-right-35{margin-right:35px}.margin-right-40{margin-right:40px}.margin-right-45{margin-right:45px}.margin-right-50{margin-right:50px}.margin-right-60{margin-right:60px}.margin-right-70{margin-right:70px}.margin-right-80{margin-right:80px}.padding-0{padding:0}.padding-3{padding:3px}.padding-5{padding:5px}.padding-10{padding:10px}.padding-15{padding:15px}.padding-20{padding:20px}.padding-25{padding:25px}.padding-30{padding:30px}.padding-35{padding:35px}.padding-40{padding:40px}.padding-45{padding:45px}.padding-50{padding:50px}.padding-60{padding:60px}.padding-70{padding:70px}.padding-80{padding:80px}.padding-vertical-0{padding-top:0;padding-bottom:0}.padding-vertical-3{padding-top:3px;padding-bottom:3px}.padding-vertical-5{padding-top:5px;padding-bottom:5px}.padding-vertical-10{padding-top:10px;padding-bottom:10px}.padding-vertical-15{padding-top:15px;padding-bottom:15px}.padding-vertical-20{padding-top:20px;padding-bottom:20px}.padding-vertical-25{padding-top:25px;padding-bottom:25px}.padding-vertical-30{padding-top:30px;padding-bottom:30px}.padding-vertical-35{padding-top:35px;padding-bottom:35px}.padding-vertical-40{padding-top:40px;padding-bottom:40px}.padding-vertical-45{padding-top:45px;padding-bottom:45px}.padding-vertical-50{padding-top:50px;padding-bottom:50px}.padding-vertical-60{padding-top:60px;padding-bottom:60px}.padding-vertical-70{padding-top:70px;padding-bottom:70px}.padding-vertical-80{padding-top:80px;padding-bottom:80px}.padding-horizontal-0{padding-right:0;padding-left:0}.padding-horizontal-3{padding-right:3px;padding-left:3px}.padding-horizontal-5{padding-right:5px;padding-left:5px}.padding-horizontal-10{padding-right:10px;padding-left:10px}.padding-horizontal-15{padding-right:15px;padding-left:15px}.padding-horizontal-20{padding-right:20px;padding-left:20px}.padding-horizontal-25{padding-right:25px;padding-left:25px}.padding-horizontal-30{padding-right:30px;padding-left:30px}.padding-horizontal-35{padding-right:35px;padding-left:35px}.padding-horizontal-40{padding-right:40px;padding-left:40px}.padding-horizontal-45{padding-right:45px;padding-left:45px}.padding-horizontal-50{padding-right:50px;padding-left:50px}.padding-horizontal-60{padding-right:60px;padding-left:60px}.padding-horizontal-70{padding-right:70px;padding-left:70px}.padding-horizontal-80{padding-right:80px;padding-left:80px}.padding-top-0{padding-top:0}.padding-top-3{padding-top:3px}.padding-top-5{padding-top:5px}.padding-top-10{padding-top:10px}.padding-top-15{padding-top:15px}.padding-top-20{padding-top:20px}.padding-top-25{padding-top:25px}.padding-top-30{padding-top:30px}.padding-top-35{padding-top:35px}.padding-top-40{padding-top:40px}.padding-top-45{padding-top:45px}.padding-top-50{padding-top:50px}.padding-top-60{padding-top:60px}.padding-top-70{padding-top:70px}.padding-top-80{padding-top:80px}.padding-bottom-0{padding-bottom:0}.padding-bottom-3{padding-bottom:3px}.padding-bottom-5{padding-bottom:5px}.padding-bottom-10{padding-bottom:10px}.padding-bottom-15{padding-bottom:15px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-25{padding-bottom:25px}.padding-bottom-30{padding-bottom:30px}.padding-bottom-35{padding-bottom:35px}.padding-bottom-40{padding-bottom:40px}.padding-bottom-45{padding-bottom:45px}.padding-bottom-50{padding-bottom:50px}.padding-bottom-60{padding-bottom:60px}.padding-bottom-70{padding-bottom:70px}.padding-bottom-75{padding-bottom:75px}.padding-bottom-80{padding-bottom:80px}.padding-left-0{padding-left:0}.padding-left-3{padding-left:3px}.padding-left-5{padding-left:5px}.padding-left-10{padding-left:10px}.padding-left-15{padding-left:15px}.padding-left-20{padding-left:20px}.padding-left-25{padding-left:25px}.padding-left-30{padding-left:30px}.padding-left-35{padding-left:35px}.padding-left-40{padding-left:40px}.padding-left-45{padding-left:45px}.padding-left-50{padding-left:50px}.padding-left-60{padding-left:60px}.padding-left-70{padding-left:70px}.padding-left-80{padding-left:80px}.padding-right-0{padding-right:0}.padding-right-3{padding-right:3px}.padding-right-5{padding-right:5px}.padding-right-10{padding-right:10px}.padding-right-15{padding-right:15px}.padding-right-20{padding-right:20px}.padding-right-25{padding-right:25px}.padding-right-30{padding-right:30px}.padding-right-35{padding-right:35px}.padding-right-40{padding-right:40px}.padding-right-45{padding-right:45px}.padding-right-50{padding-right:50px}.padding-right-60{padding-right:60px}.padding-right-70{padding-right:70px}.padding-right-80{padding-right:80px}@media (max-width:767px){.margin-xs-0{margin:0}.padding-xs-0{padding:0}}@media (min-width:768px){.margin-sm-0{margin:0}.padding-sm-0{padding:0}}@media (min-width:992px){.margin-md-0{margin:0}.padding-md-0{padding:0}}@media (min-width:1200px){.margin-lg-0{margin:0}.padding-lg-0{padding:0}}
/* margin padding end */
 
.hs_title_medium{
	font-size:16px;
	font-weight:500;
	margin:0;
	margin-bottom:20px;
}
.hs_title_medium .hs_sub_title_medium{
	font-size: 13px;
    display: block;
    margin: 5px 0;
    opacity: 0.7;
}

/* tooltip start */
.hs_help_icon{
	width: 20px;
    height: 20px;
    line-height: 19px;
    text-align: center;
	color: #6f819b;
    border: 1px solid;
    border-radius: 20px;
    font-size: 10px;
    display: inline-block;
	vertical-align: top;
    -webkit-transform: translate3d(0,3px,0);
    -moz-transform: translate3d(0,3px,0);
    transform: translate3d(0,3px,0);
    cursor: help;	
}
.tooltip{
	opacity:1 !important;
	display:table !important;
	-webkit-margin-top:-10px !important;
	margin-top:-10px !important;
	-webkit-animation: tooltip_anim 0.2s ease-in-out;
	animation: tooltip_anim 0.2s ease-in-out;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform-style: preserve-3D;
	transform-style: preserve-3D;
}
.tooltip.top .tooltip-arrow{
	border-top-color:#8d9eb7; 
}
.tooltip.right .tooltip-arrow{
	border-right-color:#8d9eb7; 
}
.tooltip-inner{
	opacity:1;
	background-color:#8d9eb7;
	color:#ffffff;
	max-width:200px;
	-webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.2);
}
/* tooltip end */

/* section heading start */
.hs_section_heading{
	margin-bottom:20px;
	position:relative;
}
.hs_section_heading > h3{
	font-size: 14px;
    margin: 0;
    border-bottom: 8px solid #00bcd4;
    padding-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.hs_section_heading > .hs_switch{
	position: absolute;
    top: -5px;
    right: 0;
}
/* section heading end */
 
/***********************************************************************************
50. typography end
***********************************************************************************/

/***********************************************************************************
51. components start
***********************************************************************************/
.hs_page_title{
	font-size:30px;
	margin:0;
	font-weight: 300;
}
.hs_page_title > .hse_goback{
	color: inherit;
    display: inline-block;
}
.hs_page_title > .hse_goback > i{
	display: inline-block;
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    transform: translateY(3px);
}
.hs_page_title > .hse_goback:hover{
	color:#00bcd4;
}

.hs_editor_body .hs_page_editor .hs_page_header{
	position: fixed;
    background-color: #fff;
    left: 300px;
    top: 0;
    right: 0;
    padding: 20px 40px;
    padding-bottom: 10px;
    backface-visibility: hidden;
}
.hs_editor_body .hs_page_editor .hs_page_content{
	margin-top: 30px;
}

.hs_page_action{
	float:right;	
}
.hs_page_action .hs_btn{
	margin-left:15px;
}
.hs_page_action > ul{
	list-style:none;
	padding:0;
	margin:0;
}
.hs_page_action > ul > li{
	float: left;
    margin-left: 10px;
    position: relative;
    padding: 0 10px;
}
.hs_page_action > ul > li:last-child{
	padding-right:0;
}
.hs_page_action > ul > li > a{
	color:#6f819b;
	font-size:16px;
	position:relative;
}
.hs_page_action > ul > li > a:hover{
	color: #00bcd4;
}

.hs_notification > a > span.count{
	position: absolute;
    left: calc(100% - 5px);
    top: -6px;
    line-height: 15px;
    display: block;
    font-size: 10px;
    background-color: #00bcd4;
    color: #ffffff;
    height: 15px;
    padding: 0 5px;
    border-radius: 15px;
}
.hs_logout > a > i{
	-webkit-transform: rotate(90deg) translateX(2px);
	-moz-transform: rotate(90deg) translateX(2px);
	transform: rotate(90deg) translateX(2px);
    display: inline-block;
    margin-left: 3px;
	backface-visibility:hidden;
}

.hs_dropdown_wrapper{
	position:absolute;
	min-width:200px;
	left:0;
	top:100%;
	padding-top:10px;
	display:none;
	-webkit-animation: dropdownFadeDown 0.2s ease-in-out;
	animation: dropdownFadeDown 0.2s ease-in-out;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform-style: preserve-3D;
	transform-style: preserve-3D;
}
.hs_dropdown_link:hover .hs_dropdown_wrapper{
	display:block;
}
.hs_dropdown_wrapper.hs_dropdown_right{
	left:auto;
	right:0;
}
.hs_dropdown_wrapper > .hs_dropdown{
	background-color:#ffffff;
	border-radius:6px;
	padding:15px;
	-webkit-box-shadow: 0px -3px 20px -1px rgba(0, 0, 0, 0.18);
    box-shadow: 0px -3px 20px -1px rgba(0, 0, 0, 0.18);
	-webkit-animation: dropdownFadeDown 0.2s ease-in-out;
	animation: dropdownFadeDown 0.2s ease-in-out;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform-style: preserve-3D;
	transform-style: preserve-3D;
	
	
}
.hs_dropdown_wrapper > .hs_dropdown:before{
	content:"";
	position:absolute;
	bottom:calc(100% - 0px);
	left:8px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #ffffff;
	-webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.2);
}
.hs_dropdown_wrapper.hs_dropdown_right > .hs_dropdown:before{
	left:auto;
	right:8px;
}
.hs_dropdown_wrapper > .hs_dropdown > ul{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.hs_dropdown_wrapper > .hs_dropdown > ul > li{
	display:block;
	line-height:25px;
	-webkit-animation: dropdownItemFadeDown 0.4s ease-in-out;
	animation: dropdownItemFadeDown 0.4s ease-in-out;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform-style: preserve-3D;
	transform-style: preserve-3D;
}
.hs_dropdown_wrapper > .hs_dropdown > ul > li > a{
	display:block;
	padding:10px;
	color: #6f819b;
    font-size: 14px;	
}
.hs_dropdown_wrapper > .hs_dropdown > ul > li.active > a,
.hs_dropdown_wrapper > .hs_dropdown > ul > li > a:hover{
	color: #00bcd4;
}



/* dropdown top right start */
.hs_dropdown_wrapper.top.right{
	top:auto;
	bottom:100%;
	left:auto;
	right:0;
	text-align: left;
	padding-top:0;
	padding-bottom:10px;
}
.hs_dropdown_wrapper.top.right > .hs_dropdown{
	-webkit-box-shadow: 5px 4px 20px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 4px 20px -5px rgba(0, 0, 0, 0.2);
	-webkit-animation: dropdownFadeUp 0.2s ease-in-out;
	animation: dropdownFadeUp 0.2s ease-in-out;
	-webkit-transform-origin: bottom left;
	transform-origin: 120px 350px ;
	-webkit-transform-style: preserve-3D;
	transform-style: preserve-3D;	
}
.hs_dropdown_wrapper.top.right > .hs_dropdown:before{
	top: calc(100% - 0px);
    right: 8px;
    left: auto;	
	border-top: 10px solid #ffffff;
	border-bottom: none;
}
.hs_dropdown_wrapper.top.right > .hs_dropdown > ul > li{
	-webkit-animation: dropdownItemFadeUp 0.3s ease-in-out;
	animation: dropdownItemFadeUp 0.3s ease-in-out;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform-style: preserve-3D;
	transform-style: preserve-3D;
}
/* dropdown top right end */



/* custom scrollbar start */
.hs_custom_scrollbar{
	clear:both;
    max-height:390px;
}
.hs_custom_scrollbar .mCSB_inside>.mCSB_container{
	margin-right:5px;
}
.hs_custom_scrollbar .mCSB_scrollTools .mCSB_draggerRail{
	width: 2px;
    background-color: rgba(0, 0, 0, 0.15);
}
.hs_custom_scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 4px;
	background-color: #00bcd4;
}
.hs_custom_scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active,
.hs_custom_scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{
	width:6px;
}
/* custom scrollbar end */


/* popup start */
.mfp-bg{
	background-color:#000000;
}
.hs_popup_image_anim .mfp-content{
    -webkit-animation: avatar_overlay_anim 0.2s ease-in-out;
    animation: avatar_overlay_anim 0.2s ease-in-out;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform-style: preserve-3D;
    transform-style: preserve-3D;	
}




.hs_popup_wrapper{
    background: #FFF;
    padding:30px;
    max-width: 650px;
    margin: 40px auto;
	display:none;
    position: relative;
	-webkit-animation: avatar_overlay_anim 0.2s ease-in-out;
	animation: avatar_overlay_anim 0.2s ease-in-out;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform-style: preserve-3D;
	transform-style: preserve-3D;
}
.hs_popup_wrapper.hs_popup_lg{
	max-width: 800px;
	padding:40px;
}
.mfp-wrap .hs_popup_wrapper{
	display:block;
}
.hs_popup_wrapper .hs_popup_icon{
	margin-bottom: 20px;
}
.hs_popup_wrapper .hs_popup_title{
	font-size: 30px;
    margin: 0;
    margin-bottom: 20px;
    font-weight: 300;
}
.hs_popup_wrapper .hs_popup_subtitle{
	margin-bottom:30px;
	letter-spacing: 0.5px;
}
.hs_popup_wrapper .hs_popup_actions .hs_btn{
	margin: 0px 5px;
    height: 45px;
    line-height: 45px;
    padding: 0 30px;
    font-size: 16px;
	position:relative;
	width: auto;
    /* color: #fff; */
}
#hs_mysites_settings_popup.hs_popup_wrapper .hs_popup_actions .hs_btn,
#hs_uplaod_popup.hs_popup_wrapper .hs_popup_actions .hs_btn,
#hs_shop_rename_popup.hs_popup_wrapper .hs_popup_actions .hs_btn,
#hs_delete_shop.hs_popup_wrapper .hs_popup_actions .hs_btn,
#hs_rename_template_popup.hs_popup_wrapper .hs_popup_actions .hs_btn,
#hs_delete_images.hs_popup_wrapper .hs_popup_actions .hs_btn,
#hs_delete_image.hs_popup_wrapper .hs_popup_actions .hs_btn{
	color: #fff;
}
#hs_uplaod_popup.hs_popup_wrapper .hs_popup_actions .hs_btn.btn_loading{
    color: transparent;	
}
#hs_mysites_settings_popup.hs_popup_wrapper .prev_favicon .prev_favicon_img{
	max-width: 35px;
    max-height: 35px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
}

#hs_edit_blog.hs_popup_wrapper .hsm_uploader_area > .hsm_uploader > img{ 
	max-width: 300px;
}

#hs_create_blog.hs_popup_wrapper .hsm_uploader_area > .hsm_uploader > img{ 
	max-width: 300px;
}

.hs_popup_wrapper img{
	max-width:100%;
}

#hs_uplaod_popup.hs_popup_wrapper .modal-subtitle{
	font-size: 12px;
    color: #F44336;
    font-family: sans-serif;
    line-height: initial;
    margin-bottom: 20px;
    font-weight: 200;
}

#hs_delete_section.hs_popup_wrapper{
	text-align: center;
}
#hs_delete_section.hs_popup_wrapper .hs_popup_actions .hs_btn{
	color:#ffffff;
}

#hs_create_new_site.hs_popup_wrapper .hs_popup_title{
	margin-top: 40px;
}

#hs_setting_popup.hs_popup_wrapper,
#hs_comment_popup.hs_popup_wrapper{
	min-height: 500px;
}


.hs_email_list.hs_custom_scrollbar{
	margin-bottom: 20px;
    max-height: 220px;
}
.hs_email_list ul{
	list-style: none;
    margin-bottom: 15px;
	padding-left: 5px;
}
.hs_email_list ul > li {
    display:block;
} 


/* media popup start */
.hs_media_body{
	background-color:transparent;
}
.hs_media_body #hs_preloader{
	background-color: rgba(255, 255, 255, 0);
}
.hs_popup_wrapper.hs_image_gallery_popup{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    max-width: 100%;
    background-color: transparent;
    padding: 0;	
}
.hs_popup_wrapper.hs_image_gallery_popup > iframe{
    width: 100%;
    height: 100%;
    border: none;	
}
.hs_popup_wrapper.hs_image_gallery_popup button.mfp-close{
	opacity:0;
	visibility:hidden;
}
.mfp-close-btn-in .hs_popup_wrapper.hs_image_gallery_popup .mfp-close{
	color:#ffffff;
}
/* media popup end */

/* template preview popup start */
.hs_media_body{
	background-color:transparent;
}
.hs_media_body #hs_preloader{
	background-color: rgba(255, 255, 255, 0);
}
.hs_popup_wrapper.hs_template_preview_popup{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    max-width: 100%;
    background-color: transparent;
    padding: 0;	
	z-index:99999;
}
.hs_popup_wrapper.hs_template_preview_popup > iframe{
    width: 100%;
    height: 100%;
    border: none;	
}
.hs_popup_wrapper.hs_template_preview_popup button.mfp-close{
	opacity:0;
	visibility:hidden;
}
.mfp-close-btn-in .hs_popup_wrapper.hs_template_preview_popup .mfp-close{
	color:#ffffff;
}
.hs_popup_wrapper.hs_template_preview_popup{
	
}
/* template preview popup end */



/* popup end */


.hs_view_wrapper{
	float:left;
	margin-right:30px;
}
.hs_view_wrapper .filter_title{
	display:inline-block;
	margin-left:5px;
    color: #333333;
	cursor:pointer;
	position:relative;
    font-weight: 500;	
}
.hs_view_wrapper .filter_title .hs_dropdown ul li a{
	font-weight: 300;
	white-space:norape;
}
.hs_view_wrapper .filter_title .hs_dropdown ul li a span{
	margin-right:10px;
	vertical-align:middle;
}
.hs_view_wrapper .filter_title .hs_dropdown ul li:nth-child(1) a{
	font-size:15px;
}
.hs_view_wrapper .filter_title .hs_dropdown ul li:nth-child(2) a{
	font-size:20px;
}
.hs_view_wrapper .filter_title .hs_dropdown ul li:nth-child(3) a{
	font-size:30px;
}

.hs_view_wrapper .filter_title:after {
    content: "\e64b";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
	color:inherit;
}


.hs_filter_wrapper{
	float:left;
}
.hs_filter_wrapper .filter_title{
	display:inline-block;
	margin-left:5px;
    color: #333333;
	cursor:pointer;
	position:relative;
    font-weight: 500;	
}
.hs_filter_wrapper .filter_title:after {
    content: "\e64b";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
	color:inherit;
}


/* iframe start */
.hs_iframe_wrapper{
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    -webkit-box-shadow: 1px 2px 10px rgba(0,0,0,.05);
    box-shadow: 1px 2px 10px rgba(0,0,0,.05);
	margin-bottom:30px;
}
.hs_iframe_wrapper > iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
}
/* iframe end */

/* color picker start */
.hse_color_picker_wrapper{
	float:right;
}
.hse_color_picker_wrapper .hs_colorpicker{
	/* padding-left: 5px; */
    /* max-width: 120px; */
    border-radius: 3px;
    border: 1px solid #b9b9b9;
	outline:none;
	/* padding-right: 30px; */
	font-size:12px;
	height: 26px;
	width: 26px;
    overflow: hidden;
    padding: 0px;
    color: transparent;
}
.hse_color_picker_wrapper .hs_colorpicker:focus{
	border-color:#00bcd4;
}
.hse_color_picker_wrapper .colorInputUi-clear{
	right: 25px;
	display:none !important;
}
.hse_color_picker_wrapper .colorInputUi-trigger{
	border: none;
    width: 16px;
    height: 16px;
    margin: 4px;
    background-image: none;
	top:0.5px;
}
.hse_color_picker_wrapper .colorInputUi-trigger:before{
	display:none;
}
.hse_color_picker_wrapper .colorInputUi-trigger > span{
	border-radius:3px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}
/* color picker end */

/* range slider start */
.hse_rangeSlider_wrapper{
	float: right;
}
.hse_rangeSlider_wrapper > span{
    font-family: sans-serif;
    float: left;
    font-size: 12px;
}
.hse_rangeSlider_wrapper .rangeslider__fill{
	background-color: #00bcd4;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.hse_rangeSlider_wrapper .rangeslider{
    width: 80px;
    height: 8px;	
    margin-top: 8px;	
	margin-right: 3px;
	margin-left: 8px;
    box-shadow: none;
    background-color: #cecece;
	float: right;
}
.hse_rangeSlider_wrapper .progress-bar{
    border-radius: 10px 0 0 10px;	
	box-shadow:none;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;
}
.hse_rangeSlider_wrapper .rangeslider__handle{
	width: 15px;
    height: 15px;
    top: -4px;
	background-image:none;
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
    border: none;	
    background-color: #ffffff;
}
.hse_rangeSlider_wrapper .rangeslider__handle:active{
	width: 18px;
    height: 18px;
    top: -5px;
    margin-left: -1px;
}
.hse_rangeSlider_wrapper .rangeslider__handle{
	background-color: #ffffff;	
}
.hse_rangeSlider_wrapper .rangeslider__handle:after{
	display:none;
}
/* range slider end */

/* switch start */
.hs_switch{
	display:inline-block;
	}
.hs_switch .hs_switch_toggle {
	position: absolute;
	margin-left: -9999px;
	visibility: hidden;
    margin: 0 auto;
}
.hs_switch .hs_switch_toggle + label {
	display: block;
	position: relative;
	cursor: pointer;
	outline: none;
	user-select: none;
	display:inline-block;
}
.hs_switch .hs_switch_toggle + label .hs_switch_label{
	padding-left: 40px;
    font-weight: 500;
    line-height: 22px;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;	
}
.hs_switch input.hs_switch_toggle_round + label {
	min-width: 35px;
	border-radius: 20px;
	margin:0 auto;
    -webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	-ms-transform: translateY(3px);
	-o-transform: translateY(3px);
	transform: translateY(3px);
}
.hs_switch input.hs_switch_toggle_round + label:before,
.hs_switch input.hs_switch_toggle_round + label:after {
	display:inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	content: "";
}
.hs_switch input.hs_switch_toggle_round + label:before {
	right: 0px;
	width: 35px;
	height: 20px;
	background-color: #c7c7c7;
	border-radius: 20px;
	transition: background 0.4s;
}
.hs_switch input.hs_switch_toggle_round + label:after {
    width: 14.5px;
    height: 14.5px;
    background-color: #fff;
    border-radius: 100%;
    transition: margin 0.4s;
    top: 2.6px;
    left: 2.5px;
}
.hs_switch input.hs_switch_toggle_round:checked + label:before {
	background-color: #00bcd4;
}
.hs_switch input.hs_switch_toggle_round:checked + label:after {
	margin-left: 15px;
}
.hs_switch .hs_help_icon{
	-webkit-transform: translate3d(0,1px,0);
    -moz-transform: translate3d(0,1px,0);
    transform: translate3d(0,1px,0);
}
/* switch end */

/* 404 page start */
.errorPage{
	background-color:#ffffff;
	overflow-x: hidden;
}
.hs_errorPage_wrapper{
	position:relative;
	height:100%;
}
.hs_errorPage_wrapper .hs_errorPage{
	max-width:800px;
	margin:0 auto;
	position:relative;
	top:20%;
	text-align:center;
}
.hs_errorPage_wrapper .hs_errorPage img{
	max-width:100%;
}
.hs_errorPage_wrapper .hs_errorPage_content{
	margin-top:30px;
}
.hs_errorPage_wrapper .hs_errorPage_content h1{
	margin: 0;
    font-size: 200px;
    font-weight: 900;
}
.hs_errorPage_wrapper .hs_errorPage_content h3{
	font-size: 40px;
    font-weight: 300;
    color: #172025;
    margin: 0;
    margin-bottom: 10px;
}
.hs_errorPage_wrapper .hs_errorPage_content p{
    font-size: 20px;
	margin-bottom:20px;	
}
/* 404 page end */

/* success page start */
.successPage{
	overflow-x: hidden;
	background-image:url('../images/successpage.jpg');
	background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.hs_successPage_wrapper{
	position:relative;
	height:100%;
}
.hs_successPage_wrapper .hs_successPage{
	max-width:800px;
	margin:0 auto;
	position:relative;
	top:10%;
	text-align:center;
}
.hs_successPage_wrapper .hs_successPage img{
	max-width:100%;
}
.hs_successPage_wrapper .hs_successPage_content h1{
	margin: 0;
    font-size: 200px;
    font-weight: 900;
}
.hs_successPage_wrapper .hs_successPage_content h3{
	font-size: 50px;
    font-weight: 100;
    color: #519a52;
    margin: 0;
    margin-bottom: 30px;
}
.hs_successPage_wrapper .hs_successPage_content p{
    font-size: 30px;
	margin-bottom:50px;	
	color:#172025;
	font-weight:300;
	line-height: initial;
}
/* success page end */

.hs_tab_wrapper{
	
}
.hs_tab_wrapper .hs_tab{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	position:relative;
	overflow:hidden;
}
.hs_tab_wrapper .hs_tab:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:2px;
	display:block;
	background-color:#e6e6e6;
}
.hs_tab_wrapper .hs_tab > li{
	display:inline-block;
	position:relative;
}
.hs_tab_wrapper .hs_tab > li > a{
	display: block;
    padding: 10px 20px;
    color: #6b6b6b;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.hs_tab_wrapper .hs_tab > li.active > a,
.hs_tab_wrapper .hs_tab > li > a:hover{
	color:#00bcd4;
}
.hs_tab_wrapper .hs_tab > li > a:after{
	content: "";
    position: absolute;
    bottom: 0px;
	left:0;
	right:0;
    height: 0px;
    background-color: #00bcd4;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    z-index:1;
}
.hs_tab_wrapper .hs_tab > li.active > a:after,
.hs_tab_wrapper .hs_tab > li:hover > a:after{
	height:2px;
}
.hs_tab_wrapper .hs_tab > li > a > i{
	display: block;
    text-align: center;
    font-size: 20px;
    margin-bottom: 6px;
}

.hs_tab_wrapper.tab_left_align{
	margin-top: 30px;
    border: 1px solid #e2e2e2;
    background-color: #fbfbfb;
    display: flex;	
}
.hs_tab_wrapper.tab_left_align .hs_tab{
	width:200px;
	float:left;
    background-color: #ffffff;	
}
.hs_tab_wrapper.tab_left_align .hs_tab_content{
	width:calc(100% - 200px);
	float:left;
	padding:30px;
}
.hs_tab_wrapper.tab_left_align .hs_tab > li{
	display:block;
}
.hs_tab_wrapper.tab_left_align .hs_tab > li.active > a, .hs_tab_wrapper.tab_left_align .hs_tab > li > a:hover {
    color: #00bcd4;
    background-color: #fbfbfb;
}

.hs_tab_content{
	padding:30px 0;
    -webkit-transition: all 500ms cubic-bezier(0.775, 0.005, 0.350, 0.985);
    -moz-transition: all 500ms cubic-bezier(0.775, 0.005, 0.350, 0.985);
    -o-transition: all 500ms cubic-bezier(0.775, 0.005, 0.350, 0.985);
    transition: all 500ms cubic-bezier(0.775, 0.005, 0.350, 0.985);
    -webkit-transition-timing-function: cubic-bezier(0.775, 0.005, 0.350, 0.985);
    -moz-transition-timing-function: cubic-bezier(0.775, 0.005, 0.350, 0.985);
    -o-transition-timing-function: cubic-bezier(0.775, 0.005, 0.350, 0.985);
    transition-timing-function: cubic-bezier(0.775, 0.005, 0.350, 0.985);	
}
.hs_tab_pane{
	display:none;
	backface-visibility:hidden;
	height: 100%;
    position: relative;
}
.hs_tab_pane.in{
	display:block;
}

.hs_box_wrapper{
	margin-bottom:20px;
}
.hs_box_wrapper .hs_box_image{
	position:relative;
	border-radius: 8px;
}
.hs_box_wrapper .hs_box_image img{
	max-width:100%;
	border-radius: 8px;
}
.hs_box_wrapper .hs_box_image .hs_box_image_overlay{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-color: rgba(0,0,0,0.8);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.hs_box_wrapper:hover .hs_box_image .hs_box_image_overlay{
    opacity: 1;
    visibility: visible;	
}

.hs_box_wrapper .hs_box_image .hs_box_image_overlay:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.hs_box_wrapper .hs_box_image .hs_box_image_overlay .center_action{
	position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hs_box_wrapper .hs_box_image .hs_box_image_overlay .center_action .hs_btn{
	display: table;
    margin: 10px auto;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    padding: 0 16px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.hs_box_wrapper:hover .hs_box_image .hs_box_image_overlay .center_action .hs_btn{
	opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}


.hs_box_wrapper .hs_box_image .hs_box_image_overlay .bottom_action{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:10px;
}
.hs_box_wrapper .hs_box_image .hs_box_image_overlay .bottom_action .hs_box_title{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:10px;
	
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.hs_box_wrapper:hover .hs_box_image .hs_box_image_overlay .bottom_action .hs_box_title{
	bottom:35px;	
}
.hs_box_wrapper .hs_box_image .hs_box_image_overlay .bottom_action .hs_box_title h3{
	font-size:20px;
	color:#ffffff;
	margin:0;
}
.hs_box_wrapper .hs_box_image .hs_box_image_overlay .bottom_action .hs_box_title label{
	color:#ffffff;
	font-weight:400;
}
.hs_box_wrapper .hs_box_image .hs_box_image_overlay .hs_btn{
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    padding: 0 16px;
    margin-bottom: 0;	
}
.hs_box_wrapper .hs_box_image .hs_box_image_overlay .bottom_action .hs_btn{
	opacity:0;
	visibility:hidden;
	margin-top:20px;
	position:relative;
	top:10px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.hs_box_wrapper:hover .hs_box_image .hs_box_image_overlay .bottom_action .hs_btn{
	opacity:1;
	visibility:visible;
	top:0px;
}
.hs_box_wrapper > h3 {
    padding: 10px;
    margin: 0;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.hs_box_wrapper.active .hs_box_image{
	box-shadow: 0px 0px 0px 2px #8bc34a;
}
.hs_box_wrapper.active .hs_box_image:after{
	content: "Selected";
    position: absolute;
    top: 10px;
    left: -10px;
    background-color: #8BC34A;
    color: #fff;
    padding: 0 10px;
    display: block;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 500;
}

/* stack animation start */
.hs_stack_animation > .hs_stack{
	display:none;
	-webkit-animation: stack_animation 0.2s;
	-moz-animation: stack_animation 0.2s;
	animation: stack_animation 0.2s;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform-origin: center;
	-webkit-transform-style: preserve-3D;
	-moz-transform-style: preserve-3D;
	transform-style: preserve-3D;
}
.hs_stack_animation > .hs_stack.first{
	display:block;
}
/* stack animation end */

/* datatable start */
.dataTables_wrapper .form-control{
	height:30px;
	font-size: 14px;
    color: #6f819b;
    border: none;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    border-radius: 0;
}
.dataTables_wrapper .form-control:focus{
	border-color: #00bcd4;
}
.dataTables_wrapper .hs_btn{
	margin-bottom:0;
}
table.dataTable thead > tr > th{
	font-weight:500;
}
/* datatable end */


/* pagination start */
.pagination{
	
}
.pagination > li > a, .pagination > li > span{
	border: 1px solid #e6e6e6;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color: #00bcd4;
    border-color: #00bcd4;
}
.pagination > li:first-child > a, .pagination > li:first-child > span{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* pagination end */

.hs_video_tutorial{
	background-color: #f1f1f1;
    padding: 20px;
    margin-bottom: 30px;
    max-height: 100%;
}
.hs_video_tutorial .hs_tab_wrapper{
	position:relative;
	margin-bottom:0px;
	display: flex;
}
.hs_video_tutorial .hs_tab_wrapper .hs_tab{
	width: 260px;
    float: left;
    z-index: 232;
    overflow: auto;
    padding: 10px;
    background-color: #e6e6e6;
}
.hs_video_tutorial .hs_tab_wrapper .hs_tab > li{
	display:block;
}
.hs_video_tutorial .hs_tab_wrapper .hs_tab > li > a{
	padding:10px;
	font-size: 13px;
    letter-spacing: inherit;
}
.hs_video_tutorial .hs_tab_wrapper .hs_tab:after{
	display:none;
}
.hs_video_tutorial .hs_tab_wrapper .hs_tab_content{
	width: calc(100% - 260px);
    float: left;
    padding: 0;
    padding-left: 20px;
	flex: 2.5;
}
.hs_video_tutorial .hs_tab_wrapper .hs_tab_content .hs_iframe_wrapper{
	margin-bottom: 0px;
}

/***********************************************************************************
51. components end
***********************************************************************************/

/***********************************************************************************
52. responsive start
***********************************************************************************/
@media (max-width: 1600px){
.hs_dashboard_wrapper .hs_iframe_wrapper{
	margin-top: 5%;
}
	
.hs_sidebar_wrapper,
.hs_logo_wrapper{
	width:350px;
}	
.hs_page_wrapper{
    padding: 40px 20px;	
/*	margin-left: 250px;*/
}
.hs_editor_body .hs_page_editor .hs_page_header{
	left: 250px;
}
.hs_navbar_avatar_wrapper > .avatar{
	width: 80px;
    height: 80px;
    line-height: 80px;
	font-size: 30px;
}
.hs_navbar_avatar_wrapper > .avatar > .avatar_overlay{
	top: calc(100% - 22px);
    left: calc(100% - 25px);
    width: 20px;
    height: 20px;
    line-height: 23px;
	font-size: 12px;
}
.hs_nav_wrapper > ul > li > a{
	font-size: 14px;
}
.hs_page_title{
	font-size: 25px;
}
.hs_page_content{
	padding: 20px;
}
.hs_tab_wrapper .manage_shop_tab.hs_tab > li > a{
	padding: 8px;
}
.hs_ms_heading{
	margin-bottom: 20px;
}
.hs_shop_list.hs_product_list .slh_shop_name > img{
	width: 100px;
}
.hs_shop_list.hs_product_list .hs_shop .shop_name{
	font-size: 15px;
}
.action_btn{
	padding: 7px 4px;
	font-size: 11px;
}
.hs_checkbox [type="checkbox"]:not(:checked) + label, .hs_checkbox [type="checkbox"]:checked + label{
	font-size: 13px;
}
.hs_shop h3{
	font-size: 20px;
}
.hs_shop .shop_action .action_btn{
	margin-left: 1px;
	min-width: 65px;
}

.hs_ad_banner {
    display: inline-block;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
}

.hs_video_tutorial .hs_tab_wrapper .hs_tab{
	max-height: 400px;
}
	
}

@media (max-width: 1400px){

.hs_tab_wrapper .manage_shop_tab.hs_tab > li > a{
	padding: 6px;
}

.hs_editor_body .hs_menu_toggle{
	display:block;		
}
.hs_editor_body .hs_nav_wrapper{
	margin-bottom:50px;
}

.hs_editor_body .hs_page_wrapper{
	margin-left:0;
	padding: 30px 15px;
    height: initial;	
}
.hs_editor_body .hs_page_editor .hs_page_header{
	left: 0px;
}
.hs_editor_body .hs_page_header .hs_page_title{
	font-size: 20px;
    font-weight: 400;
}
.hs_editor_body .hs_sidebar_wrapper,
.hs_editor_body .hs_logo_wrapper{
	left:-300px;	
	-webkit-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
}
.hs_editor_body.sidebar_open .hs_sidebar_wrapper,
.hs_editor_body.sidebar_open .hs_logo_wrapper{
	left:0px;	
}

.hse_sidebar_widget.hse_element_editor .hse_element_editor_body{
	max-height: 450px;
}

.hs_ad_banner {
    display: inline-block;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.hs_video_tutorial .hs_tab_wrapper .hs_tab{
	max-height: 340px;
}
	
}

@media (max-width: 1366px){
.hs_welcome_wrapper > h3{
	font-size: 40px;
}	
.hs_welcome_wrapper .hs_dashboard_widget > .detail > h3{
	font-size: 30px;
}	
.hs_welcome_wrapper .hs_dashboard_widget > .detail > p{
	font-size: 16px;
}
}

@media (max-width: 768px){
.hs_menu_toggle{
	display:block;		
}
.hs_nav_wrapper{
	margin-bottom:50px;
}

.hs_page_wrapper{
	margin-left:0;
	padding: 30px 15px;
    height: initial;	
}
.hs_page_header .hs_page_title{
	font-size: 20px;
    font-weight: 400;
}
.hs_sidebar_wrapper,
.hs_logo_wrapper{
	left:-300px;	
	-webkit-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
}
.sidebar_open .hs_sidebar_wrapper,
.sidebar_open .hs_logo_wrapper{
	left:0px;	
}

.hs_auth_wrapper{
	top:0px;
	margin:20px auto;
	-webkit-transform:none;
	-moz-transform:none;
	transform:none;
}
.hs_auth_wrapper.login {
    padding: 20px;
}
.hs_auth_effect{
	display:none;
}

.hs_shop_list > .hs_shop_list_header{
	display:none;
}


.hs_product_table .hs_shop_list.hs_product_list .slh_shop_name,
.hs_product_table .hs_shop_list.hs_product_list .slh_title,
.hs_product_table .hs_shop_list.hs_product_list .slh_template,
.hs_product_table .hs_shop_list.hs_product_list .slh_revenue,
.hs_product_table .hs_shop_list.hs_product_list .slh_pid,
.hs_product_table .hs_shop_list.hs_product_list .slh_user,
.hs_product_table .hs_shop_list.hs_product_list .slh_action,
.hs_shop_list .slh_action,
.hs_shop_list .slh_shop_name,
.hs_shop_list .slh_template,
.hs_shop_list .slh_revenue,
.hs_shop_list .slh_user,
.hs_shop > div{
	width: 100%;
    text-align: left;
    border-bottom: 1px solid #dadada;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 100px;
	position:relative;
}
.hs_shop > div:last-child{
	border:none;
	margin-bottom: 0px;
    padding-bottom: 0px;
}
.hs_shop .shop_action{
	text-align:left;
}
.hs_shop .hs_not_applicable,
.hs_shop_list.hs_product_list .hs_shop h3, 
.hs_shop_list.hs_product_list .hs_shop .slh_template h3,
.hs_shop h3{
	margin-top:0;
}
.hs_shop .shop_action .action_btn{
	margin-bottom:10px;
}

.hs_shop_list .hs_shop > div:before{
	content: "";
    float: left;
    font-size: 15px;
    font-weight: 500;
    color: #515d6f;
    position: absolute;
    left: 0;
    width: 90px;
    top: calc(50% - 4px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hs_shop_list div.slh_shop_name:before{
	content:"Shop Name";
}
.hs_shop_list div.slh_template:before{
	content:"Products";
}
.hs_shop_list div.slh_revenue:before{
	content:"Revenue";
}
.hs_shop_list div.slh_user:before{
	content:"Users";
}
.hs_shop_list div.slh_action:before{
	content:"Actions";
}

.hs_product_table .hs_shop_list.hs_product_list .hs_shop h3{
	margin-top: 0;
}
.hs_product_table .hs_shop_list.hs_product_list .slh_shop_name:before{
	content:"Product";
}
.hs_product_table .hs_shop_list.hs_product_list .slh_title:before{
	content:"Title";
}
.hs_product_table .hs_shop_list.hs_product_list .slh_template:before{
	content:"Category";
}
.hs_product_table .hs_shop_list.hs_product_list .slh_revenue:before{
	content:"Price";
}
.hs_product_table .hs_shop_list.hs_product_list .slh_pid:before{
	content:"Product ID";
}
.hs_product_table .hs_shop_list.hs_product_list .slh_user:before{
	content:"Live link";
}
.hs_product_table .hs_shop_list.hs_product_list .slh_action .use_checkbox{
	-webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    transform: translateY(5px);
}

.hs_shop_list.hs_product_list .slh_shop_name > .product_name{
	margin-left:0;
    margin-top: 10px;	
	width:100%;
}
.hs_shop_list.hs_product_list div.slh_shop_name:before{
	content:"Product";
}
.hs_shop_list.hs_product_list div.slh_template:before{
	content:"Plans";
}
.hs_shop_list.hs_product_list div.slh_revenue:before{
	content:"Revenue";
}
.hs_shop_list.hs_product_list div.slh_user:before{
	content:"Download";
}
.hs_shop_list.hs_product_list div.slh_action:before{
	content:"Actions";
}

.hs_tab_wrapper.tab_left_align{
	display:block;
}
.hs_tab_wrapper.tab_left_align .hs_tab_content,
.hs_tab_wrapper.tab_left_align .hs_tab{
	width:100%;
}

.hs_page_content.hs_site_preference .hs_tab_wrapper.tab_left_align > ul > li{
	display:inline-block;
}

.hs_menu_option{
	display:block;
}
.hs_site_preference > .hs_tab_wrapper > .hs_shoptab_menu_wrapper{
	width: 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
}
.hs_site_preference > .hs_tab_wrapper > .hs_shoptab_menu_wrapper > .hs_tab.manage_shop_tab{
    position: absolute;
	top: 30px;
    right: 0px;
    min-width: 200px;
    background-color: #fff;
    z-index: 111;
    border-radius: 5px;
	display:none;
    -webkit-box-shadow: 0px -3px 20px -1px rgba(0, 0, 0, 0.18);
    box-shadow: 0px -3px 20px -1px rgba(0, 0, 0, 0.18);
    -webkit-animation: dropdownFadeDown 0.2s ease-in-out;
    animation: dropdownFadeDown 0.2s ease-in-out;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform-style: preserve-3D;
    transform-style: preserve-3D;	
}
.hs_site_preference > .hs_tab_wrapper > .hs_shoptab_menu_wrapper > .hs_tab.manage_shop_tab > li{
	display: block;
    -webkit-animation: dropdownItemFadeDown 0.4s ease-in-out;
    animation: dropdownItemFadeDown 0.4s ease-in-out;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform-style: preserve-3D;
    transform-style: preserve-3D;	
}
.hs_site_preference > .hs_tab_wrapper > .hs_shoptab_menu_wrapper > .hs_tab.manage_shop_tab > li > a{
	padding: 6px 15px;
}
.hs_site_preference > .hs_tab_wrapper > .hs_shoptab_menu_wrapper > .hs_tab.manage_shop_tab > li > a > i{
	display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 16px;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    transform: translateY(2px);
}
.hs_site_preference > .hs_tab_wrapper > .hs_shoptab_menu_wrapper:hover > .hs_tab.manage_shop_tab{
	display:block;
}
.hs_tab_wrapper .hs_tab > li.active > a:after, .hs_tab_wrapper .hs_tab > li:hover > a:after{
	height: 0;
}

.hs_shop_list.hs_product_list .hs_shop .shop_name .add_featured,
.hs_shop_list.hs_product_list .hs_shop .shop_name .edit_product_name{
    opacity: 1;	
}

.hs_editor_body .hs_page_editor .hs_page_header{
	position: relative;
    margin-bottom: 0;
    padding: 20px;
	text-align: center;
}
.hs_editor_body .hs_page_header .hs_page_title{
	margin-bottom:15px;
}
.hs_editor_body .hs_page_header .hs_page_action{
	margin: 15px auto;
	float:none;
}
.hs_editor_body .hs_page_header .hs_filter_wrapper{
	float: none !important;
}
.hs_page_editor .hs_page_content{
	padding: 40px 0px;
}

.hs_preview_header{
	display:none;
}
.hs_preview_iframe{
	top:0;
}

.hs_video_tutorial .hs_tab_wrapper{
	display:block;
}
.hs_video_tutorial .hs_tab_wrapper .hs_tab{
	width: 100%;
	max-height: 200px;
    margin-bottom: 15px;
}
.hs_video_tutorial .hs_tab_wrapper .hs_tab_content{
	width: 100%;
	padding-left: 0;
	flex: inherit;
}
	
} 

@media (max-width: 600px){
.hs_alert_wrapper .hs_alert_inner{
	width:100%;
	left:0;
}
.hs_alert_wrapper .hs_alert_inner .hs_alert_body{
	padding: 20px;
    font-size: 16px;
}	

}
	
@media (max-width: 480px){
.auth_body .hs_input_wrapper > .form-icon{
	width: 45px;
    height: 45px;
    line-height: 47px;
}	
.hs_forgot_icon{
	top: 10px;
}
.hs_auth_wrapper .hs_auth_vector img {
    max-width: 140px;
}
.auth_body .hs_input_wrapper input.form-control{
	height: 45px;
	padding-left: 45px;
}	
.hs_welcome_wrapper .hs_dashboard_widget > .icon{
	width: 30px;
    height: 30px;
	margin-right: 10px;
}	
.hs_welcome_wrapper .hs_dashboard_widget > .detail{
	width: inherit;
    float: none;
    padding-left: 0;
}
.hs_welcome_wrapper .hs_dashboard_widget > .icon img{
	max-width: 30px;
}

.hs_page_header > .row > .col-sm-8{
	width:calc(100% - 126px);
	float:left;
	margin-top: 5px;
}
.hs_page_header .hs_page_title{
	font-size: 18px;	
}

.hs_shop_section_heading h3{
	font-size: 16px;
    font-weight: 400; 
}
.hs_shop_section_heading p{
	font-size: 12px;
}
.hs_shop_section.panel .hs_shop_section_heading:after{
	right: -5px;
    top: 0px;
    font-size: 12px;
}
.hs_site_logo{
	padding: 20px 20px;
	min-height: 60px;
	margin-bottom: 15px;
}
.hs_popup_wrapper.hs_popup_lg {
    padding: 20px 15px;
}
.hs_popup_wrapper .hs_popup_title{
	font-size: 22px;
}
.hs_popup_wrapper .hs_popup_actions{
	margin-bottom:20px;
}
#hs_create_new_site.hs_popup_wrapper .hs_popup_title{
	margin-top: 10px;
}
.hs_shop_section{
	margin-bottom:15px;
}
.hs_switch .hs_switch_toggle + label .hs_switch_label{
	font-size:12px;
}

.hs_tab_wrapper.tab_left_align .hs_tab_content{
	padding:15px;
}
.hs_shop_url{
	text-align:center;
}
.hs_shop_url > a{
	display:block;
	margin-bottom:10px;
}
.hs_shop_url > button{
	float:none;
}
.hs_connect_domain > span{
	margin-bottom:10px;
}
.hs_connect_domain .hs_btn{
	margin:10px auto;
}

.hs_shop_type{
	clear:both;
}
.hs_shop_type .hs_radio{
	width:50%;
	float:left;
	margin-right:0;
}
.hs_shop_section_heading .pull-left{
    width: 100%;
    text-align: center;	
}
.hs_search_wrapper{
	width: 100%;
    margin: 0;
}
.hs_shop_section_heading .pull-right div.hs_filter_wrapper:first-child{
	position:relative;
	z-index:1;
}
.hs_shop_section_heading .pull-right div.hs_filter_wrapper .hs_dropdown{
	text-align:left;
}
.hs_shop_section_heading .pull-right div.hs_filter_wrapper{
	width: 100%;
    text-align: center;
    margin-left: 0;
    margin: 10px auto;
}
.hs_shop_section_heading .pull-right > .hs_btn{
	margin: 0 auto;
    display: table;
}
.hs_shop_list > .hs_btn{
	margin: 20px auto;
    display: table;
    margin-top: 0;
	float:none !important;
}
.hs_ad_banner{
	-webkit-transform:none;
	-moz-transform:none;
	transform:none;
}
.hs_ad_banner.mobile{
	display:block;
	margin: 15px auto;
}
.hs_ad_banner.pc{
	display:none;
}

.hs_shop_list.hs_product_list .hs_shop .shop_action:before,
.hs_shop_list.hs_product_list .hs_shop .shop_action:after{
	content:"";
	display:table;
	width:100%;
}
.hs_shop_list.hs_product_list .hs_shop .slh_action .shop_action .action_btn{
	float: left;
    margin-right: 5px;
}
.hs_shop_list.hs_product_list .hs_shop .slh_action .shop_action .action_btn:nth-child(4){
	clear:left;
}
.hs_shop_list.hs_product_list .hs_shop .hs_shop_itemlist_wrapper{
	margin-top:0;
}

}

/***********************************************************************************
52. responsive end
***********************************************************************************/










	    /*
    DEMO STYLE
*/


body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
    left: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #7386D5;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#dismiss:hover {
    background: #fff;
    color: #7386D5;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li.active>a {
    color: #fff;
    background: #6d7fcc;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#sidebar ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

#sidebarCollapse {
    float: left;
    margin-left: 40px;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    right: 0;
}

.hs_logo_wrapper {
 /*   display: none; */
}

.hs_menu_toggle {
    display: none;
}

.hs_page_title {
    margin-left: 22px;   
    margin-top: 50px;
    margin-bottom: 25px;
}