.dashboard_tabs_wrapper {
    width: 100%;
    border-bottom: 1px solid #d8d7d7;
    display: flex;
    flex-direction: row;
    position: relative;
}
.dashboard_tab {
    font-size: 18px;
    padding: 2px 35px;
    width: fit-content;
    color: #8f8f8f;
    cursor: pointer;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.dashboard_tab:hover {
    color: #000;
    background-color: #f6eefb;
}
.dashboard_tab.ss_selected {
    border-bottom: 1px solid #6e23a6;
    color: #6e23a6;
}
.dashboard_tab.selected:hover {
    background-color: #fff;
}
.ss_tab_wrapper {
    display: none !important;
}
.ss_tab_wrapper.ss_tab_active {
    display: block !important;
}
.ss_page_link {
    color: #6e23a6 !important;
}
.ss_page_link:hover {
    color: #fa5304 !important;
}

.gsp_link_info_active {
    font-size: 22px !important;
    color: green !important;
}
.gsp_link_info_plg_v {
    font-size: 18px !important;
    color: #8d2cd0 !important;
    border-bottom: 1px dotted #8d2cd0;
}

/*.gsp_com_f_l esr {
    color: #09800980;
}*/

/*#toplevel_page_gspeech .wp-submenu li:last-child a {
    color: #d3a3f8 !important;
}*/

.gsp_dashboard_wrapper * {
    line-height: 1;
}

.gsp_link_content_activate,
.gsp_link_content_login {
    color: green !important;
    font-size: 18px !important;
}

.gsp_link_content_logout {
    color: #c74545 !important;
    font-size: 18px !important;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.gsp_link_content_logout:hover {
    color: #fc1919 !important;
}

.gsp_input_cw_wrapper {
    margin-bottom: 0px;
    margin-top: 9px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.gsp_input_cw_val {
    font-size: 12px;
    color: #878887;

    transition: 0.4s ease-out;
    cursor: pointer;
}
.gsp_input_cw_val:hover {
    color: #333;
    text-decoration: underline;
}

.gsp_input_forgot_wrapper {
    margin-bottom: 10px;
    margin-top: 9px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.gsp_forgot_link {
    font-size: 12px;
    color: #632692;
    text-decoration: none;

    transition: 0.4s ease-out;
    cursor: pointer;
}
.gsp_forgot_link:hover {
    color: #333;
    text-decoration: underline;
}

.gsp_login_email,
.gsp_link_info b {
    margin-right: 3px;
    margin-left: 3px;
}
.gsp_usage_info_title b,
.gsp_link_info b {
    color: #c96d0e;
    text-shadow: 1px 1px #f7ef4575;
}

.gsp_ov_v {
    overflow: visible !important;
}

.gsp_gspeech_info_inner .title_holder_vertical,
.gsp_gspeech_info_inner .title_holder_vertical:hover {
    border-bottom: 0px !important;
}

.gsp_usage_info_title {
    width: 640px !important;
    margin: 16px 0px -9px 0;
    color: #676767;
    font-size: 15px;
}

.gsp_usage_info_title_vor {
    margin: 16px 0px -9px 0;
    width: 640px !important;
    color: #676767;
    font-size: 15px;
}


.gsp_info_intro_links_ul_ul2 {
    margin: 10px 0 0 0;
    display: flex;
}
.gsp_info_intro_links_ul {
    margin: 10px 0 0 0;
    display: flex;
}
.gsp_info_intro_links_ul li {
    border: 1px solid #8250ad;
    border-radius: 5px;
    overflow: hidden;
    list-style: none;
    width: 135px;
    height: 40px;
    display: flex;
    margin-right: 10px;
    transition: 0.4s ease-out;
}
.gsp_info_intro_links_ul li:hover {
    transform: scale(1.05, 1.1);
    border: 1px solid #008000;
}
.gsp_info_intro_links_ul li:hover a{
    color: #008000;
}
.gsp_info_intro_links_ul li a {
    font-size: 15px;
    text-decoration: none;
    width: 100%;
    height: 100%;
    color: #8250ad;
    background-color: #ffffff30;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s ease-out;
}
.gsp_info_intro_links_ul li:hover a {
    background-color: #ffffff;
}
.gsp_info_intro_links_ul .gsp_link_icon {
    color: #8250ad;
    height: 16px;
    width: 16px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    transition: 0.4s ease-out;
}
.gsp_link_info_demos .gsp_link_icon {
    width: 14px;
    height: 14px;
}
.gsp_link_info_reviews .gsp_link_icon {
    width: 20px;
    height: 20px;
}
.gsp_link_info_contact .gsp_link_icon {
    width: 20px;
    height: 20px;
}
.gsp_link_info_contact .gsp_link_icon_holder_2 {
    width: 20px;
    height: 20px;
}
.gsp_link_icon svg {
    width: 100%;
    height: auto;
}
.gsp_info_intro_links_ul li:hover .gsp_link_icon {
    transform: scale(1.3, 1.3);
    color: #008000;
}


.gsp_login_email {
    color: #8250ad;
    text-decoration: underline;
    font-size: 18px;
}

.gsp_shortcode_html {
    flex-shrink: 0;
    white-space: nowrap;
    resize: none;
    height: 34px;
    width: 270px;
    padding: 8px;
    background-color: #e5e5e5;
    color: #333;
    margin-left: 6px;
    margin-right: 4px;
}
.gsp_shortcode_html_1 {
    flex-shrink: 0;
    white-space: nowrap;
    resize: none;
    height: 34px;
    width: 270px;
    padding: 8px;
    background-color: #e5e5e530;
    color: #333;
    margin-left: 6px;
    margin-right: 4px;
}
.gsp_shortcode_html_1_inner {
    flex-shrink: 0;
    white-space: nowrap;
    resize: none;
    height: 34px;
    width: 270px;
    padding: 8px;
    background-color: #e5e5e530;
    color: #333;
    margin-left: 6px;
    margin-right: 4px;
}

.gsp_info_sep {
    margin: 0 12px;
    color: #a2a2a2;
    height: 14px;
    width: 14px;
    display: flex;
    transition: 0.4s ease-out;
}

.wpgs_slider .ui-slider-handle {
    border: 1px solid #0b7fff !important;
    border-radius: 50% !important;
}      

.ss_dash_loader {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);

    transition: 0.4s ease-out;
}

.gsp_gspeech_info_inner {
    width: 100%;
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: #fdfdfd;
    height: fit-content;
    position: relative;
    overflow: hidden;
    margin: 10px 0;
}
.gsp_gspeech_info_inner_bg {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.45;

    background-image: url("../images/gray8.png");
    background-repeat: repeat;
    z-index: 7;

    transition: 0.4s ease-out;
}
.gsp_gspeech_info_inner:hover .gsp_gspeech_info_inner_bg {
    opacity: 0.75;
    background-position: 15px 15px;
}
.gsp_gspeech_info_inner_c {
    /*box-sizing: content-box !important;*/
    padding: 20px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
}
.gsp_data_title {
    text-transform: uppercase;
    font-size: 18px;
    color: #724498;
}

.gsp_info_ul {
    margin: 20px 0 0 0;
}

.gsp_info_ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;

    color: #6b6b6b;
    font-size: 14px;
}

.gsp_info_ul_added_style_v8 {
    white-space: nowrap;
    text-decoration: none;
    color: #545454;
    padding: 0;
    height: 38px;
    display: inline-flex;
    align-items: center;
    margin-left: 0px;
    outline: none !important;
    box-shadow: none !important;
    transition: 0.4s ease-out;
}

.gsp_info_ul li a,
.gsp_info_ul li .gsp_list_link_style {
    white-space: nowrap;
    text-decoration: none;
    color: #545454;
    padding: 0;
    height: 38px;
    display: inline-flex;
    align-items: center;
    margin-left: 0px;
    outline: none !important;
    box-shadow: none !important;
    transition: 0.4s ease-out;
}
.gsp_info_ul li a:focus,
.gsp_info_ul li a:hover,
.gsp_info_ul li a:visited {
    outline: none !important;
    box-shadow: none !important;
}
.gsp_info_ul li:hover a,
.gsp_info_ul li:hover .gsp_list_link_style {
    margin-left: 7px;
}
.gsp_link_info {
    color: #6b6b6b;
    display: inline-flex;
    font-size: 14px;
    line-height: 1.5;
    align-items: center;
}
.gsp_link_content {
    transform: translateY(2px);
    padding-bottom: 3px;
    display: inline-flex;
    border-bottom: 1px dotted #545454;
    font-size: 16px;
    color: #545454;

    transition: 0.4s ease-out;
}


.gsp_link_icon {
    color: #a1a0a2;
    height: 24px;
    width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
    transition: 0.4s ease-out;
    transform: scale(1,1);
}
.gsp_com_usage .gsp_link_icon,
.gsp_com_f_l .gsp_link_icon {
    color: #09800980;

}
.gsp_link_list_2 .gsp_link_icon {
    margin-right: 22px;
    margin-left: 2px;
    width: 18px;
    height: 18px;
}

.gsp_info_ul a:hover .gsp_link_content,
.gsp_info_ul .gsp_list_link_style:hover .gsp_link_content {
    color: #7122a8;
    border-bottom: 1px solid #7122a8;
}
.gsp_info_ul a:hover .gsp_link_icon,
.gsp_info_ul .gsp_list_link_style:hover .gsp_link_icon {
    color: #7122a8;
    transform: scale(1.1,1.1);
}
.gsp_info_ul li:hover .gsp_info_sep {
    color: #7122a8;
    transform: scale(1.45,1.45);
}




.gsp_v_i {
    display: inline-block;
    border-bottom: 1px dotted #969595;
    transform: translateY(4px);
    margin-left: 9px !important;
    color: #696868;
    font-size: 14px;
}

.gsp_magic_wrapper {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: row;

    margin: 0;
    padding-top: 13px;

    background-color: #d8d8d8;
    border-radius: 7px;
    border: 1px solid #cecece;

    min-height: 800px;

    transition: 0.4s ease-out;
}
.ss_bg_ff {
    background-color: #fff !important;
}
.ss_hidden {
    display: none !important;
}
.ss_flex {
    display: flex !important;
}

.gsp_gspeech_info_wrapper {
    margin: 0 20px 0 20px;

    height: 100%;
    min-height: 600px;

    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
    z-index: 11;
}

.gsp_videos_wrapper {
    min-width: 350px;
    flex-grow: 0;
    margin: 0 20px 30px 0;
    width: 40%;
    height: 100%;
    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    z-index: 10;
}
.ss_video_item_3 {
    margin-top: 20px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    /*overflow: hidden;*/
    height: fit-content;
    justify-content: center;
    width: 100%;
}

.ss_video_item_holder {
    display: flex;
    overflow: hidden;
    height: 480px;
    width: 100%;
    background-color: #000;

    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.ss_video_title {
    width: 100%;
    color: #5e5e5e;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    font-size: 16px;
}
.ss_title_green {
    /*color: #4d942b !important;*/
}
.ss_title_violet {
    /*color: #9364b6 !important;*/
}
.ss_title_orange {
    /*color: #ac7030 !important;*/
}
.ss_video_gb_1 {
    background-image: url("../images/gsp_video_bg_1.png");
} 
.ss_video_gb_2 {
    background-image: url("../images/gsp_video_bg_2.png");
} 
.ss_video_gb_3 {
    background-image: url("../images/gsp_video_bg_3.png");
} 



.ss_audio_url_holder a {
    text-decoration: underline;
    color: #8643b7;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.ss_audio_url_holder a:hover {
    color: #e6560f;
}

.ss_graph_wrapper input {
    font-size: 10px !important;
    background-color: #fff !important;
    color: #999 !important;
    border: 1px solid #bdbdbd !important;
    padding: 0 !important;
    height: 16px !important;
    min-height: 16px !important;
}

/*audio*/
#gsp_player_loading {
    color: #5e367b;
    font-size: 18px;
    margin: 5px 0 15px;
}
#ss_audio_content {
    width: 400px;
    height: 200px;
}
#ss_dash_audio_player {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 50%;
}
.graph_container1_wrapper {
    width: 100%;
    height: 300px;
    position: relative;
}
.graph_container2_wrapper {
    width: 33%;
    height: 300px;
    position: relative;
}
.graph_container3_wrapper {
    width: 33%;
    height: 300px;
    position: relative;
}
.graph_container4_wrapper {
    width: 33%;
    height: 300px;
    position: relative;
}
.graph_no_data_wrapper {
    position: absolute;
    color: #999;
    font-size: 24px;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
}
.ss_graphs_wrapper {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    height: 300px;
    width: 100%;
}
.ss_graph_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.ss_chart_link_hider {
    position: absolute;
    background-color: #fff;
    width: 88px;
    height: 15px;
    right: 0;
    bottom: 0;
    z-index: 11;
}
.ss_graph_wrapper span,
.ss_graph_wrapper input {
    display: inline-block;
}

.graph_wrapper_3 {
    margin-top: 35px;
    width: 100%;
    height: 300px;
    position: relative;
}
.downloads_graphs_wrapper {
    margin-top: 25px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    height: 300px;
    width: 100%;
}
.graph_wrapper_1,
.graph_wrapper_2 {
    width: 50%;
    height: 100%;
    position: relative;
}
.ss_graph_wrapper input {
    background-color: #fff !important;
}

/*widget*/
#ss_template_blocks_wrapper {
    margin: 7px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.ss_tmp_block {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    border: 2px solid #ededed;
    margin-right: 11px;
    margin-bottom: 5px;

    cursor: pointer;
    transition: 400ms ease-out;
}
.ss_tmp_selected {
    border: 2px solid #7d32b6 !important;
}
.ss_tmp_block:hover {
    transform: scale(1.1,1.1);
    border: 2px solid #999;
}
.ss_tmp_block_1 {
    background: linear-gradient(#73afe0 0%, #0b3c63 100%);
}
.ss_tmp_block_2 {
    background: linear-gradient(#d73838 25%, #540808 100%);
}
.ss_tmp_block_3 {
    background: linear-gradient(#429f2a 0%, #0b2c03 100%);
}
.ss_tmp_block_4 {
    background: linear-gradient(180deg, #f55e12 48%, #af4c1a);
}
.ss_tmp_block_5 {
    background: linear-gradient(180deg, #fada4a 48%, #d6bb40 100%);
}
.ss_tmp_block_6 {
    background: linear-gradient(#b536cb 0%, #3a0643 100%);
}
.ss_tmp_block_7 {
    background: linear-gradient(#555353 0%, #111010 100%);
}
.ss_tmp_block_8 {
    background: linear-gradient(#cccccc 0%, #393939 100%);
}
.ss_tmp_block_9 {
    background: linear-gradient(180deg, #f6f6f6 48%, #b9b9b9 100%);
}
.ss_tmp_block_10 {
    background: linear-gradient(#00a6b7 25%, #003b3d 100%);
}
.ss_tmp_block_11 {
    background: linear-gradient(180deg, #7929b5 48%, #340d4e 100%);
}
.ss_tmp_block_12 {
    background: linear-gradient(#946f66 15%, #351f1a 100%);
}
.ss_tmp_block_13 {
    background: linear-gradient(#4b7082 15%, #1c262b 100%);
}
.ss_tmp_block_14 {
    background: linear-gradient(#6eae40 15%, #1a3d0c 100%);
}
.ss_tmp_block_15 {
    background: linear-gradient(#e2734a 25%, #582b1b 100%);
}
.ss_tmp_block_16 {
    background: linear-gradient(#2525ba 25%, #00002c 100%);
}

/*bg carousel*/
.ss_bg_blocks_wrapper {
    margin: 7px 0;
    width: 800px;
}
.ss_carousel_wrapper {
    width: 100%;
    height: 100px;
    background-color: #c8a4e2;
    display: flex;
    flex-direction: row;
    border-radius: 6px;
}
.ss_carousel_arrow_left,
.ss_carousel_arrow_right
 {
    box-shadow: inset 0 0 4px 0px #3f0766;
    font-weight: bold;
    border-radius: 6px;
    width: 35px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7d3caf;
    color: #fefefe;
    cursor: pointer;
    transition: all 0.4s ease-out;
}
.ss_carousel_arrow_left svg,
.ss_carousel_arrow_right svg
 {
    display: flex;
    width: 30px;
    height: 30px;
    transition: all 0.4s ease-out;
}
.ss_carousel_arrow_left:hover,
.ss_carousel_arrow_right:hover {
    transform: scale(1.05,1.05);
}
.ss_carousel_arrow_left:hover svg,
.ss_carousel_arrow_right:hover svg{
    transform: scale(1.25,1.25);
}
.ss_carousel_arrow_left {
    margin-right: 5px;
}
.ss_carousel_arrow_right {
    margin-left: 5px;
}
.ss_carousel_inner {
    margin: 0 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: calc(100% - 80px);
    overflow: hidden;
    height: 100%;
    align-items: center;
}
.ss_carousel_inner_row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    transition: transform 0.6s ease-out;
}

.ss_carousel_item {
    width: 85px;
    height: 85px;
    border-radius: 12px;
    border: 1px solid #a374c6;
    overflow: hidden;
    background-color: #fff;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.ss_carousel_item:hover {
    border: 1px solid #fff;
    background-color: #f6f6af;
}
.ss_carousel_item:hover .ss_car_item_inner {
    box-shadow: 0 0 4px 2px #7e3caf;
    width: 90%;
    height: 90%;
}
.ss_carousel_selected {
    border: 1px solid #fff;
    cursor: default !important;
    background-color: #7d30b5 !important;
}
.ss_carousel_selected .ss_car_item_inner {
    width: 90%;
    height: 90%
}

.ss_car_item_inner {
    box-shadow: 0 0 2px 1px #7e3caf;
    width: 80%;
    height: 80%;
    border-radius: 12px !important;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.ss_car_item_inner div {
    width: 100%;
    height: 100%;
}

.ss_arrow_disabled {
    cursor: default !important;
    color: #000 !important;
}

.ss_arrow_disabled:hover {
    transform: scale(1,1) !important;
}
.ss_arrow_disabled:hover svg {
    transform: scale(1,1) !important;
}

.ss_no_prevew {
    font-size: 14px;
    margin: 15px;
    color: #777;
}


.ss_block_w_1 {
    width: 165px !important;
}
.ss_block_w_2 {
    width: 125px !important;
}


.ss_opts_hidden {
    display: none !important;
}
.ss_dash_page_type_0 .ss_opts_visible_0 {
    display: block !important;
}
.ss_dash_page_type_1 .ss_opts_visible_1 {
    display: block !important;
}
.ss_dash_page_type_2 .ss_opts_visible_2 {
    display: block !important;
}
.ss_dash_page_type_3 .ss_opts_visible_3 {
    display: block !important;
}
.ss_dash_page_type_4 .ss_opts_visible_4 {
    display: block !important;
}
.ss_dash_page_type_5 .ss_opts_visible_5 {
    display: block !important;
}

/*add new widget*/
#add_new_website_wrapper {
    color: #111;
    left: 50%;
    top: 50%;
    position: absolute;
    width: 450px;
    height: 171px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transform: translate(-50%, -50%);
}
.add_new_title {
    font-size: 28px;
    text-align: center;
}
.add_new_content {
    font-size: 18px;
    text-align: center;
}
.add_new_title_popup {
    font-size: 28px;
    text-align: left;
}
.add_new_content_popup {
    font-size: 16px;
    text-align: left;
    margin: 10px 0 15px 0;
    line-height: 1;
    color: #555;
}

.add_new_website_popup_wrapper {
    border-radius: 10px;
    background-color: #fff;
    position: fixed;
    width: 500px;
    box-shadow: 0 0 3px 1px #00000029;
    /*height: 330px;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1002;
    color: #111;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);

    display: none;
    opacity: 0;
}
.add_new_website_popup_wrapper.vis {
    display: block;
}
.add_new_website_popup_wrapper.z_index_low {
    z-index: 999;
}
.add_new_website_popup_wrapper.visible {
    opacity: 1;
    display: block;
}
.add_new_widget_popup_wrapper {
    border-radius: 10px;
    background-color: #fff;
    position: fixed;
    width: 500px;
    box-shadow: 0 0 3px 1px #00000029;
    /*height: 330px;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1002;
    color: #111;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);

    display: none;
    opacity: 0;
}
.add_new_widget_popup_wrapper.vis {
    display: block;
}
.add_new_widget_popup_wrapper.z_index_low {
    z-index: 999;
}
.add_new_widget_popup_wrapper.visible {
    opacity: 1;
    display: block;
}
#add_new_website_popup_inner {
    width: 100%;
    height: 100%;
    padding: 25px;
    position: relative;

    display: flex;
    flex-direction: column;
}
#add_new_widget_popup_inner {
    width: 100%;
    height: 100%;
    padding: 25px;
    position: relative;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
}
#close_add_new_wrapper {
    position: absolute;
    right: 12px;
    top: 7px;
    width: 22px;
    height: 22px;
    color: #bdbdbd;
    cursor: pointer;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
#close_add_new_wrapper:hover {
    color: #9843d9;
    transform: scale(1.1,1.1);
}
#close_add_new_widget_wrapper {
    position: absolute;
    right: 12px;
    top: 7px;
    width: 22px;
    height: 22px;
    color: #bdbdbd;
    cursor: pointer;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
#close_add_new_widget_wrapper:hover {
    color: #9843d9;
    transform: scale(1.1,1.1);
}
.input_holder {
    width: 100%;
    margin-bottom: 10px;
}
.add_new_website_popup_wrapper .items_select_filter_wrapper,
.add_new_widget_popup_wrapper .items_select_filter_wrapper {
    margin-left: 0;
    width: 100%;
}
/*end add new widget*/
.add_new_widget_title {
    width: 100%;
    background-color: #fff !important;
    color: #444 !important;
    border: 1px solid #bdbdbd !important;
    box-shadow: none !important;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.add_new_widget_title:hover,
.add_new_widget_title:focus {
    box-shadow: none !important;
    border: 1px solid #6e23a6 !important;

}
.add_new_widget_title.error {
    border: 1px solid #e82b2b !important;
}

.gsp_readonly {
    cursor: default !important;
}

.dashboard_header_1 {
    padding: 0 25px;
    justify-content: space-between;
    display: flex;
    height: 80px;
    align-items: center;
    margin-top: -18px;
    flex-direction: row;
}
.gsp_dash_b {
    display: flex;
    flex-direction: row;
}
.add_shortcode_widgets_event_holder {
    background-color: green !important;
    color: white !important;
    margin-right: 15px;
}




.website_title {
    color: #3e3e3e;
    margin: 20px 0 5px 0px;
    font-size: 28px;
}
.dashboard_header_2 {
    margin-top: 30px;
    margin-bottom: 15px;
}
.dashboard_header_3 {
    margin-top: 10px;
    margin-bottom: 15px;
}
.dashboard_title_inner {
    background-color: #5e367b;
    text-shadow: 0 1px 2px #000000bd;
    text-transform: uppercase;
    padding: 10px 15px;
    width: 100%;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.dashboard_title {
    font-size: 24px;
    color: #000;
    display: flex;
}
.website_name_wrapper {
    margin-left: 8px;
}
.dashboard_subtitle {
    margin-top: 15px;
    font-size: 16px;
    color: #888;    
}
.plan_title {
    color: #a435f8;
}
.dashboard_button {
    color: #fff !important;
    font-size: 16px;
    cursor: pointer;
    background-color: #6e23a6;
    width: 200px;
    height: 47px;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 6px;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.dashboard_button:hover {
    background-color: #3e0f61;
}
.dashboard_button_1_self_size {
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    background-color: #6e23a6;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 6px;
    padding: 8px 32px;
    width: fit-content;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.dashboard_button_1_self_size:hover {
    background-color: #3e0f61;
}
.dashboard_button_2_self_size {
    color: rgb(148, 58, 252);
    font-size: 16px;
    cursor: pointer;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 6px;
    padding: 8px 32px;
    width: fit-content;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.dashboard_button_2_self_size:hover {
    background-color: #6e23a6;
    color: #fff;
}
#add_popup_buttons_holder {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 10px;
}
#add_popup_buttons_holder .dashboard_button_2_self_size {
    margin-right: 8px;
}

.dashboard_tabs_wrapper {
    width: 100%;
    border-bottom: 1px solid #d8d7d7;
    display: flex;
    flex-direction: row;
    position: relative;
}
.dashboard_tab {
    font-size: 18px;
    padding: 2px 35px;
    color: #8f8f8f;
    cursor: pointer;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.dashboard_tab:hover {
    color: #000;
    background-color: #f6eefb;
}
.dashboard_tab.ss_selected {
    border-bottom: 1px solid #6e23a6;
    color: #6e23a6;
}
.dashboard_tab.selected:hover {
    background-color: #fff;
}
.ss_tab_wrapper {
    display: none !important;
}
.ss_tab_wrapper.ss_tab_active {
    display: block !important;
}
.ss_page_link {
    color: #6e23a6 !important;
}
.ss_page_link:hover {
    color: #fa5304 !important;
}

.gsp_register_wrapper {
    width: 450px !important;
}
.gsp_terms_holder {
    display: flex;
    margin-bottom: 5px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 30px;
    margin-top: 12px;
}
.gsp_terms_holder 
#gsp_agree_terms {
    
}
.ss_label_link {
    text-decoration: none;
    transition: 0.4s ease-out;
    color: #631b9a;
}
.ss_label_link:hover {
    color: #f50;
    text-decoration: underline;
}
.gsp_terms_holder .ss_checkbox_label {
    color: #777;
    font-size: 14px;
}

.gsp_widget_id_title {
    margin: 10px 0 33px 0;
    font-size: 20px;
    color: #561d82;
}
.ss_checkbox_wrapper.gsp_error {
    border: 2px solid #db0707 !important;
}

 /*users*/
#items_wrapper {
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}
#items_wrapper_overlay {
    z-index: 330;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #e3e3e321;
    display: none;
}
.items_wrapper_overlay_visible {
    display: block !important;
}
.items_header {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.items_count {
    font-size: 15px;
}
.items_options {
    display: flex;
    position: relative;
}

.search_items_wrapper {
    width: 250px;
    height: 35px;
    border: 1px solid #b4b4b4;
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.search_items_wrapper:hover {
    border: 1px solid #777;
    background-color: #f2f2f2;
}
.search_items_wrapper_focused {
    border: 1px solid #a435f8 !important;
}
.search_items_wrapper_focused .search_icon_holder {
    color: #a435f8;
}
.search_icon_holder {
    width: 18px;
    height: 18px;
    display: block;
    color: #7e7e7e;
    margin-left: 10px;
    cursor: pointer;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.search_icon_pasive {
    cursor: default;
    color: #c3c2c2;
}
input.search_input {
    display: flex;
    flex-grow: 1;
    height: 80%;
    border: none !important;
    outline: none !important;
    padding: 0;
    color: #333;
    margin-left: 7px;
    background-color: transparent !important;
}
.search_input::placeholder {
    color: #7e7e7e;
}
.search_input:hover,
.search_input:focus {
    border: none;
    outline: none;
    box-shadow: none !important;
}
.reset_search {
    cursor: pointer;
    margin-right: 7px;
    margin-left: 5px;
    height: 22px;
    color: #c2c2c2;
    width: 22px;
    display: none;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.reset_search_visible {
    display: flex;
}
.reset_search:hover {
    color: #7e7e7e;
}

.gsp_left_link {
    color: #585858;
    align-items: center;
    display: flex;
    width: 100%;
    text-decoration: none;
    transition: 0.4s ease-out;
    height: 100%;
}
.gsp_left_link:hover {
    color: rgb(124 34 191) !important;
}

/*ss checkbox*/
.ss_checkbox_wrapper {
    width: 22px;
    height: 22px;
    border: 2px solid #ededed;
    border-radius: 3px;
    margin-right: 10px;

    position: relative;
    transition: 0.3s ease-out;
    cursor: pointer;
}
.ss_checkbox_wrapper:hover,
.ss_checkbox_wrapper.ss_ch_hovered,
.ss_checkbox_wrapper.ss_checked {
    border: 2px solid #8b44c1;
}
.ss_checkbox_wrapper.ss_checked .ss_checkbox_bg{
    background-color: #8b44c1;
}
.ss_checkbox_ripple {
    width: 18px;
    height: 18px;
    z-index: 2;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #8b44c1;
}
.ss_checkbox_wrapper.ss_checked .ss_checkbox_ripple{
    animation: ss_ripple 700ms forwards ease-out;
}
.ss_checkbox_wrapper.ss_apply_ripple .ss_checkbox_ripple{
    animation: ss_ripple_off 700ms forwards ease-out;
}
.ss_checkbox_bg {
    width: 18px;
    height: 18px;
    z-index: 3;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fff;
    transition: 0.3s ease-out;
}
.ss_checkbox_line1 {
    border-radius: 0px;
    transform-origin: left;
    transform: rotate(42.5deg) scale(0,1);
    position: absolute;
    background-color: #fff;
    height: 2px;
    width: 8px;
    top: 7px;
    left: 1px;
    z-index: 4;

    transition: 150ms ease-in-out;
    transition: 150ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.ss_checked .ss_checkbox_line1 {
    transform: rotate(42.5deg) scale(1,1);
}
.ss_checkbox_line2 {
    transform-origin: left;
    transform: rotate(314deg) scale(0,1);
    position: absolute;
    background-color: #fff;
    height: 2px;
    width: 15px;
    top: 13px;
    left: 6px;
    transition: 150ms ease-in-out;
    transition: 150ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition-delay: 150ms;
    z-index: 4;
}
.ss_checked .ss_checkbox_line2 {
    transform: rotate(314deg) scale(1,1);
}
.ss_tr_d_150 {
    transition-delay: 150ms !important;
}
.ss_tr_d_0 {
    transition-delay: 0ms !important;
}
.ss_checkbox_label {
    cursor: pointer;
}
/*end ss checkbox*/
/*upgrade info*/
.ss_upgrade_info {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    right: 38px;
    height: 34px;
}
.ss_locked_icon {
    width: 22px;
    height: 22px;
    background-color: #444;
    border-radius: 50%;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*remove to show*/
}
.ss_upgrade_info_top a,
.ss_upgrade_info a {
    display: inline-block;
    margin-right: 5px;
    color: #b27adc;
    transition: 0.4s ease-out;
    text-shadow: 1px 1px transparent;
}
.ss_upgrade_info_top a:hover,
.ss_upgrade_info a:hover {
    color: #c96d0e;
    text-shadow: 1px 1px #f7ef4575;
}
.ss_locked_icon_inner {
    width: 18px;
    position: absolute;
    right: -32px;
    top: 50%;
    transform: translateY(-50%);
    cursor: not-allowed;
    height: 18px;
    background-color: #aca8a8;
    transition: 0.3s ease-out;
    display: none;
}
.ss_locked_icon_inner:hover {
    background-color: #868282;
}
.ss_locked_icon_inner img {
    width: 10px;
    height: 10px;
}
.ss_user_plan_0 .ss_upgrade_info,
.ss_user_plan_0 .ss_locked_icon_inner {
    display: flex;
}

.ss_upgrade_info_top {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    font-size: 13px;
    color: #4c4b4b;
    right: 15px;
    top: -109px;
    height: 34px;
}

/*Characters info*/

.gsp_chars_counter_wrapper {
    width: 300px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    background-color: #fff;
}

.gsp_chars_counter {
    height: fit-content;
    margin: 25px auto;
    width: 90%;
    border: 1px solid #bdbcbc;
    border-radius: 5px;
    padding: 12px;
    background-color: #fff;
}
.gsp_chars_count_title {
    color: #555;
    font-size: 15px;
    margin-bottom: 15px;
}
.gsp_chars_plan_info {
    color: #555;
    margin-top: 13px;
    font-size: 14px;
}
.gsp_chars_plan_title {
    color: #8d33d0;
}
.gsp_chars_count_val {
    color: #8d33d0;
    font-size: 28px;
    margin-bottom: 15px;
}
.gsp_chars_per_m {
    margin-top: -2px;
    color: #999;
    font-size: 15px;
    margin-bottom: 15px;
}
.gsp_chars_count_progress__wrapper {
    width: 100%;
    height: 20px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    background-color: #f2dfff;
}
.gsp_chars_count_progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 55%;
    background: linear-gradient(270deg, rgb(242 0 7) 0%, rgb(155 79 242) 100%);

    transition: 4s ease-out;
}
.gsp_chars_block_upgrade {
    border-radius: 9px;
    margin-top: 10px;
    border: 1px solid #8d33d0;
    color: #8d33d0;
    font-size: 16px;
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s ease-out;
    cursor: pointer;
}
.gsp_chars_block_upgrade:hover {
    background-color: #8d33d0;
    color: #fff;
}
.gsp_month_data {
    color: #777;
    display: inline-block;
    font-size: 13px;
    margin-left: 3px;
}
.gsp_chars_stat {
    height: fit-content;
    margin: 0px auto;
    width: 90%;
    border: 1px solid #bdbcbc;
    border-radius: 5px;
    padding: 12px;
    background-color: #fff;
}
.gsp_upgrade_wrapper {
    height: fit-content;
    margin: 20px auto 0;
    width: 90%;
    border: 1px solid #bdbcbc;
    border-radius: 5px;
    padding: 12px 25px;
    background-color: #fff;
}
.gsp_upg_link {
    font-size: 15px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5e367b;
    border-radius: 8px;
    color: #fff;
    width: 100%;
    height: 40px;
    transition: 0.4s ease-out;
    border: 1px solid  #5e367b;
}
.gsp_upg_link:hover {
    background-color: #fff;
    color: #5e367b;
}
.gsp_upg_link img {
    margin-left: 8px;
}
.gsp_upg_ul {
    margin: 22px 0 0 5px;
}
.gsp_upg_ul li {
    padding-bottom: 7px;
    text-decoration: underline;
    margin-bottom: 8px !important;
    border-bottom: 1px dotted #5e367b;
    font-size: 15px;
}
.gsp_icon_checked {
    margin-right: 6px;
    height: 22px;
    color: #09800980;
    width: 22px;
    transition: 0.4s ease-out;
}
.gsp_upg_ul li:hover .gsp_icon_checked {
    color: #048a04;
}
.gsp_icon_checked svg {
    width: 100%;
    height: 100%;
    display: flex;
}
.gsp_upg_ul .title_holder_vertical {
    border-bottom: none;
}
.gsp_upg_ul .title_holder_vertical:hover {
    border-bottom: none;
}
.gsp_upg_ul .gs_title_vertical {
    border-bottom: none;
    right: initial !important;
    left: -116px !important;
}
.gsp_com_f_t {
    margin-top: 5px;
    font-size: 20px;
    color: #4e4e4e;
}



.gsp_chars_stat_title {
    color: #555;
    font-size: 16px;
    margin-bottom: 15px;
}
.gsp_chars_stat_line {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    height: 25px;
    width: 100%;
}
.gsp_stat_line_title {
    display: flex;
    width: auto;
    color: #777;
}
.gsp_stat_line_val {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    flex-shrink: 0;
    color: #8d33d0;
}

.gsp_dashboard_wrapper {
    width: 100%;
    height: 100%;
    position: relative;

    transition: 0.4s ease-out;
}

#gsp_dash_main_wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
}
#gsp_chars_stat_wrapper {
    width: 300px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    background-color: #fff;
}
#dashboard_content {
    padding: 15px;
    flex-grow: 1;
    background-color: #f1f1f1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    border-radius: 6px;
}

.opts_block_wrapper_row {
    display: flex;
    flex-direction: row;
    margin-top: 3px;
}
.opts_block_wrapper_row .opts_block {
    flex-basis: 155px;
}

.dashboard_content {
    padding: 15px;
    flex-grow: 1;
    background-color: #f1f1f1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    border-radius: 6px;
}

/*START Dash css*/
.ss_buttons_holder {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
    height: 85px;
}

.inner_options_wrapper {
    background-color: #f9f9f9;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    padding: 15px;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.ss_options_group_1 {
    display: flex;
    background-color: #fff;
    margin: 7px;
    border-radius: 7px;
    border: 1px solid #d2d2d2;
    flex-direction: column;
    width: 100%;
    padding: 20px;
}
.ss_slider_element_wrapper {
    width: 30%;
    margin-top: -15px;
    min-width: 350px;
    position: relative;
}
.opts_block {
    margin-top: 15px;
    position: relative;
}
.opts_block .items_select_filter_wrapper {
    margin-left: 0px;
}
.opts_block .gs_checkbox_wrapper {
    margin-bottom: 0px;
}
.ss_voice_preview_wrapper,
.ss_voice_preview_widget_wrapper {
    width: 250px;
}
.ss_option_info {
    margin-top: 8px;
    color: #777;
    font-size: 14px;
}

.opts_hor_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 7px;
}
.opts_hor_wrapper .opts_block {
    display: flex;
    width: fit-content;
    margin-left: 45px;
    flex-direction: column;
}
.opts_hor_wrapper .opts_block:first-child {
    margin-left: 0px;
}

.ss_opt_w_1 {
    width: 140px;
}
.ss_opt_w_1 .opts_input {
    width: 90% !important;
}

.opts_block_label {
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    width: fit-content;
    position: relative;
    z-index: 130;
}
.questions_icon {
    margin-left: 5px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: #e6560f6e;
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.title_holder_vertical:hover .questions_icon {
    background-color: #e6560f;
}

.ss_rht_player_preview {
    height: 60px;
    width: 100%;
    position: relative;
}
.ss_rht_player_preview .ssplayer_rht.ssplayer_display_none {
    display: block !important;
}
.ss_opacity_1 {
    opacity: 1 !important
}
.ss_rht_player_preview .ssplayer_rht {
    top: 0 !important;
    left: 25px !important;
}

.opts_input,
.opts_input:hover,
.opts_input:focus {
    box-shadow: none !important;
}
textarea.opts_input.ss_textarea_dynamic_height {
    height: 35px;
    padding-top: 0 !important;
    line-height: 33px;
    border: 1px solid #b4b4b4 !important;
    border-radius: 7px;
    resize: none;

    transition: 400ms ease-out;
}
textarea.opts_input.ss_textarea_dynamic_height.ss_textarea_active {
    height: 120px;
    line-height: 20px;
    padding-top: 12px !important;
    border: 1px solid #9a52cf !important;
}


#dashboard_content .opts_input,
.dashboard_content .opts_input,
.opts_input {
    background-color: #fff !important;
    border: 1px solid #b4b4b4 !important;
    border-radius: 3px;
    padding: 0 10px;
    width: 50%;
    color: #7e7e7e !important;
    transition: 400ms ease-out;
}
.opts_input:hover {
    border: 1px solid #222 !important;
}
.opts_input:focus {
    border: 1px solid #a435f8 !important;
}
textarea.opts_input {
    padding: 12px !important;
}
#dashboard_content .opts_input.ss_error,
.items_select_filter_wrapper.ss_error {
    border: 1px solid #e82b2b !important;
}
.ss_options_group_1 .items_select_filter_wrapper {
    width: 30%;
    min-width: 350px;
}
.ss_options_group_1 .gsp_short_inp {
    width: 30% !important;
    min-width: 350px;
}

#wbs_plan {
    z-index: 102;
}
#lng_sel_type_0,#lng_sel_type_1 {
    z-index: 101;
}
#wbs_voice {
    z-index: 100;
}
.opts_title {
    padding: 7px 10px;
    width: 100%;
    font-size: 18px;
    margin: 0px 0 10px 0;
    color: #5d5d5d;
    background-color: #e6e6e6;
    border-radius: 5px;
    height: fit-content;
}
.ss_premium_icon {
    position: absolute;
    color: #ffcc00;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    transition: 0.3s ease-out;
}
.ss_machine_icon {
    position: absolute;
    color: #7b7777;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    transition: 0.3s ease-out;
}
.ss_premium_txt {
    position: absolute;
    font-size: 12px;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c5a86;
    transition: 0.3s ease-out;
}
.li_selected .ss_premium_txt {
    color: #6c5a86 !important;
}
.ss_machine_txt {
    position: absolute;
    font-size: 12px;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    color: #7b7777;
    transition: 0.3s ease-out;
}
.li_selected .ss_machine_txt,
.li_selected .ss_machine_icon {
    color: #7b7777 !important;
}
.search_li:hover .ss_machine_txt,
.search_li:hover .ss_premium_txt,
.search_li:hover .ss_machine_icon {
    color: #ededed;
}
.ss_disabled:hover .ss_premium_txt {
    color: #6c5a86;
}
ul.items_select_ul .ss_disabled {
    background-color: rgb(236 236 236) !important;
    color: rgb(119 118 118) !important;
    text-shadow: none !important;
    cursor: not-allowed !important;
}
ul.items_select_ul .ss_disabled:hover {
    background-color: rgb(224 224 224) !important;
}

.play_voice_preview {
    margin-left: -5px;
    width: 25px !important;
    height: 25px;
    border-radius: 50%;
    background-color: transparent;
    color: #c3b6d8;
    padding: 7px;
    display: flex !important;
    align-items: center;
    margin-right: 7px;
    cursor: pointer;
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.play_voice_preview:hover {
    background: linear-gradient(rgb(177 112 252) 0%, rgb(255 44 51) 100%);
    color: #fff;
}
.play_visible .icon_play {
    display: inline-block;
}
.play_visible .icon_stop {
    display: none;
}
.stop_visible .icon_play {
    display: none;
}
.stop_visible .icon_stop {
    display: inline-block;
}


.ss_title_colored1 {
    color: #22c688;
}


#dashboard_content .opts_input.ss_disabled,
.opts_input.ss_disabled {
    background-color: #e5e5e5 !important;
}



/*END dashboard css*/

/* gs checkbox */

.gs_checkbox_wrapper {
    margin: 0px 0 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #9a9a;
    height: 30px
}

.gs_checkbox_title {
    font-size: 15px;
    color: #757575;
}
.gs_checkbox_title span {
    border-bottom: 1px dotted #a4a2a299;
    color: #757575;
    line-height: 1.4;
}
.title_holder_vertical {
    display: flex;
    position: relative;
    cursor: help;
    width: fit-content;
    border-bottom: 1px dotted #b1afaf;
    line-height: 1.3;
    transition: all 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.title_holder_vertical:hover {
    border-bottom: 1px dotted #000;
}
.gs_title_vertical {
    background-color: #212020;

    padding: 9px 11px;
    border-radius: 5px;
    height: fit-content;
    color: #fff !important;
    top: 0;
    right: -116px;
    width: 250px;
    font-size: 13px;
    position: absolute;
    cursor: default;
    z-index: 1000;

    opacity: 0;
    visibility: hidden;

    transform: translateX(0%) translateY(-100%) translateY(-18px);
    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
    line-height: 1.5;
}
.gs_title_vertical::before {
    top: 100%;
    content: "";
    position: absolute;
    left: 50%;
    transform-origin: 0% 0%;
    transform: rotate(45deg) translate(-50%, -50%);
    background-color: #212020;
    width: 10px;
    height: 10px;
    display: block;
}
.gs_title_vertical.visible {
    transform: translateX(0%) translateY(-100%) translateY(-8px);
    opacity: 1;
    visibility: visible;
}
.title_v_subtitle {
    margin-bottom: 2px;
    display: inline-block;
    border-bottom: 1px dotted #c496f8 !important;
    color: #c496f8 !important;
    font-weight: bold;
    margin-right: 1px;
    font-size: 14px;
}
.title_holder_horizontal {

}
.gs_switcher {
    margin: 0 20px;
    height: 100%;
    width: 30px;
    position: relative;

    cursor: pointer;
}
.gs_switcher_button {
    background-color: #e6560e;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 11;

    transform: translateX(-50%) translateY(-50%);
    
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.gs_switcher_button_on .gs_switcher_button {
    left: 100%;
}
.gs_switcher_bar {
    background-color: #dedede;
    width: 100%;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    border-radius: 9px;
    transform: translateY(-50%);
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.gs_switcher:hover .gs_switcher_button {
    transform: translateX(-50%) translateY(-50%) scale(1.1,1.1);
    background-color: #f50;
}
.gs_switcher:hover .gs_switcher_bar {
    background-color: #c5c2c2;
}
/*gs mono swicther*/
.gs_mono_checkbox_wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
    cursor: pointer;
}
.gs_mono_checkbox_wrapper.ss_disabled {
    cursor: not-allowed !important;
}
.gs_mono_switcher {
    background-color: #aca8a8;
    margin-right: 5px;
    border-radius: 13px;
    height: 24px;
    width: 45px;
    position: relative;
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.gs_mono_switcher_button {
    background-color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 13px;
    z-index: 11;
    transform: translateX(-50%) translateY(-50%);
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.gs_mono_switcher_button_on .gs_mono_switcher_button {
    left: 33px;
}
.gs_mono_checkbox_wrapper:hover .gs_mono_switcher {
    background-color: #868282;
}
.gs_mono_checkbox_wrapper:hover .gs_mono_label_0 {
    color: #868282;
}
.gs_mono_switcher_button_on .gs_mono_switcher {
    background-color: #8b44c1 !important;
}
.gs_mono_checkbox {
    display: none !important;
}
.gs_mono_label {
    font-size: 13px;
    text-transform: uppercase;
}
.gs_mono_label_0 {
    color: #aca8a8;
    display: flex;
}
.gs_mono_label_1 {
    color: #8b44c1;
    display: none;
}
.gs_mono_switcher_button_on .gs_mono_label_0 {
    display: none;
}
.gs_mono_switcher_button_on .gs_mono_label_1 {
    display: flex;
}
/*end mono checkbox*/


.gsp_slider_element {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.gsp_slider_wrapper {
    width: 100%;
    height: 18px;
    border-radius: 12px;
    opacity: 1;
    position: relative;

    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);

    border: none;
    box-sizing: border-box;
}

.gsp_slider_wrapper_hidden {
    opacity: 0 !important;
}

.gsp_slider_bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #dcdcdc;
    border-radius: 12px;
}
.gsp_slider_bar_active {
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 100%;
    background-color: #4f1f73;
    border-radius: 12px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.gsp_slider_bar_percents {
    top: 0px;
    position: absolute;
    bottom: 0px;
    /* height: 100%; */
    z-index: 10;
    width: 100%;
}
.gsp_slider_z_index_low {
    z-index: 9 !important;
}
.gsp_slider_bar_button {
    position: absolute;
    border-radius: 50%;
    background-color: #f50;
    width: 18px;
    height: 18px;
    transform: translateX(-50%);
    top: 0;
    left: 100%;
    cursor: default;
    box-shadow: 0 0 4px 0px #0000004f;
    z-index: 11;
    border: none;
    
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.gsp_slider_bar_button.gsp_slider_z_index_low {
    /*transform: scale(1.2,1.2) translateX(-50%) translateY(50%);*/
    cursor: default;
}


.gsp_label_wrapper {
    display: flex;
    width: 100%;

    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.gsp_demo_label_small {
    display: flex;

    flex-grow: 1;
    font-size: 12px;
    width: initial;
}
.gsp_value_label {
    transform: translate(-3px, -4px);
    font-size: 11px;
    color: #4f1f73;
    display: flex;
    flex-grow: 0;
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    text-align: center;
    outline: none;
    width: 45px;
    height: auto;
    border-radius: 4px;
    border: 1px solid #4f1f732e;
    padding: 2px 0px;
    box-shadow: 1px 1px 2px 0px #4f1f7347;
}
.gsp_label_reset_icon {
    width: 24px;
    height: 16px;
    display: flex;
    flex-grow: 0;
    color: #4f1f73c7;
    font-size: 11px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-right: 5px;
    transform: translate(-3px, -4px);
    border-radius: 3px;
    border: 1px solid #4f1f732e;
    box-shadow: 1px 1px 2px 0px #4f1f7347;
    background-color: #fff;
    
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ss_slider_element_wrapper .gsp_label_reset_icon {
    background-color: #fff !important;
    border: 1px solid #4f1f732e !important;

}
.ss_slider_element_wrapper .gsp_slider_bar {
    background-color: #dcdcdc !important;
}
.ss_slider_element_wrapper .gsp_slider_bar_active {
    background-color: #ffc9ad !important;
}
.ss_slider_element_wrapper .gsp_slider_wrapper {
}
.ss_slider_element_wrapper .gsp_slider_bar_button {
    background-color: #ffc9ad !important;
}
.ss_slider_element_wrapper .gsp_label_reset_icon {
    color: #747474 !important;
}
.ss_slider_element_wrapper label {
    display: flex;
    flex-grow: 1;
}
.ss_slider_element_wrapper.gsp_option_disabled .gsp_option_disable_wrapper {
    display: block;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    bottom: -5px;
    background-color: #dfdfdf6b;
    z-index: 12;
    cursor: not-allowed;
}

.gsp_label_reset_icon svg {
    width: 50%;
    height: auto;
}
.gsp_label_reset_icon:hover {
    color: #f50;
    border: 1px solid #4f1f738a;
    box-shadow: 1px 1px 2px 0px #4f1f73b8;
}
.gsp_label_reset_icon.gsp_reset_disabled {
    cursor: default !important;
    color: #a7a7a7 !important;

}
.gsp_label_reset_icon.gsp_reset_disabled:hover {
    color: #a7a7a7;
    border: 1px solid #4f1f732e;
    box-shadow: 1px 1px 2px 0px #4f1f7347;
}


#gsp_slider_speed .gsp_value_label,
#gsp_w_slider_speed .gsp_value_label {
    width: 47px;
    height: 20px;
    min-height: 20px;
}
#gsp_slider_pitch .gsp_value_label,
#gsp_w_slider_pitch .gsp_value_label {
    width: 47px;
    height: 20px;
    min-height: 20px;
}
.gsp_value_label:focus,
.gsp_value_label:active {
    outline: none;
    color: #f50;

    border: 1px solid #4f1f738a;
    box-shadow: 1px 1px 2px 0px #4f1f73b8;
}

/*ss languages*/
#ss_translation_options {
    display: flex;
    flex-wrap: wrap;
}
#ss_w_translation_options {
    display: flex;
    flex-wrap: wrap;
}
.ss_translation_item {
    display: flex;
    width: 100%;
    flex-direction: column;
    font-size: 14px;
    margin-bottom: 5px;
}
.ss_tr_line1 {
    height: 30px;
    display: flex;
    align-items: center;
}
.ss_tr_line2 {
    display: block;
    height: 0px;
    transition: 300ms ease-out;
    overflow: hidden;
}
.ss_tr_line2_v {
    height: 35px !important;
}
.ss_tr_line2 .items_select_filter_wrapper {
    width: 90% !important;
    margin-left: 31px;
    min-width: initial !important;
}
.ss_display_none {
    display: none !important;
}
.ss_ov_h {
    overflow: hidden !important;
}
.ss_ov_v {
    overflow: visible !important;
}

.ss_langs_opt {
    width: 25%;
    min-width: 330px;
    margin-top: 15px;
}





/*END slider*/

.gsp_login_wrapper {
    box-sizing: border-box;
    border-radius: 7px;
    padding: 50px 40px 15px 40px;
    width: 350px;
    background-color: #fff;
    margin: 50px auto 100px;
    display: flex;
    flex-direction: column;
    color: #333;
    box-shadow: 0 0 3px 1px #00000029;
}
.gsp_login_title {
    text-align: center;
    margin-bottom: 12px;
    font-size: 26px;
}
.gsp_login_subtitle {
    font-size: 16px;
    color: #999;
    text-align: center;
    margin-bottom: 20px;
}
.gsp_login_input {
    width: 100%;
    height: 35px;
    cursor: default;
    margin-bottom: 7px;
    background-color: #e4e4e4 !important;
    color: #3d3c3c !important;
    text-align: center !important;
    border: none !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}
.gsp_login_input::placeholder {
    color: #999999 !important;
}

.ss_buttons_holder .gsp_login_button {
    max-width: 250px;
}
.gsp_login_button {
    width: 100%;
    max-width: 400px;
    margin-top: 10px;
    border-radius: 12px;
    background-color: #561d81;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    transition: 0.4s ease-out;
}
.gsp_login_button.ss_red_button {
    background-color: #930201;
}
.gsp_login_button.ss_red_button:hover {
    background-color: #5d0403;
}
.gsp_login_button:hover {
    background-color: #2e0d47;
}
#gsp_tabs_wrapper {
    width: 100%;
    border-bottom: 1px solid #b9b8b8;
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 30px;
}
.gsp_tab {
    height: 40px;
    font-size: 18px;
    margin-right: 5px;
    padding: 0px;
    color: #8f8f8f;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
    /*transform: translateY(1px);*/
    border-bottom: 1px solid transparent;
    text-decoration: none;
    box-shadow: none !important;

    display: flex;
    align-items: center;
}
.gsp_tab_selected {
    color: #561d82;
    background-color: #ffffff;
    border-bottom: 1px solid #902fda;
}
.gsp_tab:hover {
    color: #561d82;
    border-bottom: 1px solid #902fda;
}

.gsp_tab_old_basic {
    position: absolute;
    right: 0px;
    bottom: 0;
    padding: 7px 0;
    width: 190px;
    text-align: center;
    background-color: #f0f0f1;
}
.gsp_tab_old_basic_pos_2 {
    right: 150px !important;
}
.gsp_hidden {
    display: none !important;
}
.gsp_tab_old_styles {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 7px 0;
    width: 150px;
    text-align: center;
}
.gsp_tab_sign_out {
    font-size: 15px;
    position: absolute;
    right: 0;
    top: -60px;
    color: #646464;
    background-color: #fff;
}

.gsp_dash_title {
    color: #4a4a4a;
    font-size: 22px;
    margin: 25px 0 0px 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.gsp_dash_title span {
    margin-left: 9px;
}
.gsp_dash_title img {
    overflow: hidden;
    border-radius: 5px;
    width: 64px;
    height: auto;
}

.gsp_tab_c {
    display: none;
    position: relative;
}
.gsp_tab_active {
    display: block !important;
    /*height: 100%;*/
}

.gsp_error,
.gsp_input.gsp_error,
input.gsp_input.gsp_error {
    border: 1px solid #db0707 !important;
}

.gsp_tab_c_old_basic,
.gsp_tab_c_old_styles {
    margin: 30px;
    border-radius: 7px;
    border: 1px solid #cfcfcf;
    padding: 30px;
    background-color: #fff;
}



#gsp_data {
    display: none;
}

.gsp_left_m_c {
    display: none;
}
.gsp_left_m_c_active {
    display: block !important;
}

.gsp_tab_website_settings {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.ss_cloud_icon {
    justify-content: center;
    left: 15px;    
    align-items: center;
    display: flex;

    position: absolute;
    width: 26px;
    height: 26px;
    margin-right: 11px;
}
.ss_video_icon {
    justify-content: center;
    align-items: center;
    display: flex;
    left: 15px;
    top: 1px;
    position: absolute;
    width: 20px;
    height: 30px;
    margin-right: 11px;
}

.ss_video_icon img {
    height: 24px;
}
.ss_top_menu_icon {
    color: #929292;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    margin-right: 7px;

    transition: 0.4s ease-out;
}
.gsp_tab:hover .ss_top_menu_icon,
.gsp_tab_selected .ss_top_menu_icon {
    color: #6f4196;
}
.ss_top_menu_icon svg {
    display: flex;
    width: 100%;
}
.gsp_tab span {
    display: inline-block;
    margin-right: 15px;
}
.gsp_tab_faq .ss_top_menu_icon {
    width: 20px;
    height: 20px;
}




.gsp_tab_video_demo {
    /*width: 200px;*/
}

.items_wrapper {
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #fff;
    border: 1px solid #e0e0e0;

    min-height: 550px;
}
.items_wrapper_overlay {
    z-index: 330;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #e3e3e321;
    display: none;
}
.items_wrapper_overlay_visible {
    display: block !important;
}
.items_header {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.items_count {
    font-size: 15px;
}
.items_options {
    display: flex;
    position: relative;
}
.item_item {
    align-items: center;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    flex-direction: row;
    padding: 16px 20px;
    cursor: pointer;
}
.item_item:hover {
    background-color: #f6ebff;
}

.items_pagination {
    color: #999;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    width: 100%;
    position: relative;
}
.items_pagination_itms_holder {
    margin: 0 15px;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 1px;
    flex-basis: 100%;
    flex-flow: wrap;
}
.p_hid {
    display: none;
}
.itms_p_i {
    font-size: 13px;
    margin-right: 3px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8731c8;
    cursor: pointer;
    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
    border-radius: 5px;
}
.itms_p_i:hover {
    background-color: #cecece;
    color: #ffffff;
}
.itms_p_sel {
    cursor: default;
    background-color: #8731c8;
    color: #fff;
}
.itms_p_sel:hover {
    background-color: #8731c8;
}
.itms_pages_limit {
    width: 70px !important;
}


.items_body {
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    color: #999;
    font-size: 13px;
}
.items_body_header {
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    flex-direction: row;
    padding: 12px 20px
}
.item_row_item {
    font-size: 14px;
    color: #5e646e;
    margin-right: 7px;
    position: relative;
    display: flex;
}
.itm_l {
    border-radius: 5px;
    position: absolute;
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: 5px;
    background-color: #eeeeee;
    z-index: 1;
    display: none;

    animation: loading_color 2000ms cubic-bezier(0.42, -0.09, 0.13, 0.83) normal infinite;
}
.itm_c {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.itm_c_nl {
    display: none;
}
.itm_c a, .itm_c span {
/*    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}
.itm_c_hidden {
    visibility: hidden;
}
.itm_l_visible {
    display: block !important;
}
.item_row_item_4 .itm_l {
    right: -10px;
}

.item_row_item_h {
    margin-right: 7px;
    display: flex;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.item_row_item_150 {
    width: 150px;
}
.item_row_item_220 {
    width: 220px;
}
.item_row_item_130 {
    width: 130px;
}
.item_row_item_1 {
    width: 200px;
}
.item_row_item_2 {
    flex-grow: 1;
    width: 1px;
}
.item_row_item_3 {
    width: 90px;
}
.item_row_item_3_0 {
    width: 150px;
}

.item_row_item_4 {
    justify-content: flex-end;
    width: 50px;
    display: flex;
}
.item_row_item_4_0 {
    justify-content: flex-end;
    width: 60px;
    display: flex;
}
.itm_has_ord {
    display: flex;
    cursor: pointer;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.itm_has_ord:hover {
    color: #000;
}
.item_t {
    display: flex;
    height: 100%;
    align-items: center;
}
.itm_ord_active .item_t {
    color: #000;
}

.item_t_order {
    margin-left: 3px;
    display: flex;
    height: 100%;
    align-items: center;
    color: rgb(153 153 153);
}
.item_ord_desc path:nth-child(2) {
    color: #000;
}
.item_ord_asc path:nth-child(1) {
    color: #000;
}


.refresh_login_wrapper {
    padding: 30px 0px 25px !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.gsp_tab_c_website_settings.gsp_tab_active {
    display: flex !important;
    flex-direction: row;
    height: 100%;
    background-color: #fff;
}
.gsp_dash_col_1 {
    display: flex;
    flex-direction: column;
    width: 260px;
    flex-shrink: 0;
    height: 100%;
    border-right: 1px solid #bbb;
    min-height: 800px;
    padding-top: 25px;
}
.gsp_dash_col_2 {
    display: flex;
    flex-direction: column;
    height: 100%;
    /*min-height: 800px;*/
    flex-grow: 1;

    padding: 25px 0;
}

.gsp_left_menu {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
    color: #555;
    padding-left: 25px;
    font-size: 16px;
    cursor: pointer;

    transition: 0.3s ease-out;
}
.gsp_left_menu:hover {
    color: rgb(124 34 191) !important;
    background-color: #f5e8ff;
}
.gsp_left_menu_dummy {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
    color: #555;
    padding-left: 25px;
    font-size: 16px;
    cursor: pointer;

    transition: 0.3s ease-out;
}
.gsp_left_menu_dummy:hover {
    color: rgb(124 34 191) !important;
    background-color: #f5e8ff;
}
.gsp_left_m_selected {
    color: rgb(124 34 191) !important;
    background-color: #f5e8ff;
}

/*messages, overlay. loading*/
.ss_message_container {
    background-color: #fff;
    box-shadow: 0px 4px 14px 1px #433d4769;
    border: 1px solid #656565;
    border-radius: 10px;
    z-index: 1003;
    width: 450px;

    position: fixed;
    top: 70px;
    left: 50%;
    transform: translateX(-50%) translateY(-30px);
    opacity: 0;
    overflow: hidden;
    display: none;
    /*display: flex;*/
    flex-direction: column;
    visibility: visible !important;

    transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.ss_message_container.ssvis {
    display: flex;
}
.ss_message_container.sscomfirm-block  {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.ss_message_container.ss_error,
.ss_message_container.gsp_error {
    border: 1px solid #f51c1c;
    background-color: #ffefef;
}
.ss_message_container.ss_error .ss_message_title,
.ss_message_container.gsp_error .ss_message_title {
    color: #f51c1c;
}
.ss_message_container.ss_error .ss_message_close,
.ss_message_container.ss_error .gsp_message_close {
    color: #888888;
}
.ss_message_container.ss_success,
.ss_message_container.gsp_success {
    border: 1px solid #307e3b;
    background-color: #eafbed;
}
.ss_message_container.ss_success .ss_message_title,
.ss_message_container.gsp_success .ss_message_title {
    color: #358343;
}

.gsp_sign_out_button_wrapper {
    width: 200px;
    margin: 50px auto;
}
.gsp_submit_button {
    width: 200px;
    margin: 25px 0 15px 5px;
}

.gsp_title_sub_1 {
    color: #51d751;
    display: inline-block;
}
.gsp_title_sub_code {
    margin-top: 15px;
    color: #f38e24;
    display: block;
    font-style: italic;
}
.gsp_title_sub_path {
    margin-top: 5px;
    color: #43e006;
    display: block;
    font-style: italic;
}
.gsp_title_sub_path_inline {
    color: #43e006;
    display: inline;
    font-style: italic;
}
a.gsp_title_sub_link {
    width: fit-content;
    height: auto !important;
    text-shadow: 0 1px 5px #000000db !important;
    border-radius: 5px;
    background-color: #1e797e;
    color: #ffffff !important;
    display: block !important;
    text-decoration: none !important;
    transition: 0.4s ease-out !important;
    padding: 7px 29px !important;
    margin: 3px 0 7px 0 !important;
    box-shadow: 0 0 3px 1px #ffffff47 !important;
    border: 1px solid #052324 !important;
}
.gsp_title_sub_link:hover {
    background-color: #561d82;
    color: #fff;
    box-shadow: 0 0 3px 0px #ffffff;
}

.ss_disabled {
    cursor: not-allowed !important;
}


.comfirm-sub-title {
    font-size: 14px;
    color: #7b8898;
    padding-bottom: 20px;
    text-align: center;
}
.comfirm-buttons-wrapper {
    display: flex;
    height: 32px;
    flex-direction: row;
    justify-content: center;
}
.ss-comfirm-button-1 {
    align-items: center;
    font-size: 12px;
    border-radius: 4px;
    background-color: #6b7986;
    color: #fff;
    padding: 0px 20px;
    margin: 0 8px;
    cursor: pointer;
    height: 100%;
    display: flex;
    text-shadow: 0px 2px 1px rgba(6, 6, 6, 0.14);
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ss-comfirm-button-2 {
    align-items: center;
    font-size: 12px;
    border-radius: 4px;
    background-color: #51b82d;
    color: #fff;
    padding: 0px 20px;
    margin: 0 8px;
    cursor: pointer;
    height: 100%;
    display: flex;
    text-shadow: 0px 2px 1px rgba(6, 6, 6, 0.14);
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ss-comfirm-button-1:hover,
.ss-comfirm-button-2:hover {
    background-color: #000 !important;
}
.ss-comfirm-button-2.cmf-red {
    background-color: #c54633;
}
.ss-comfirm-button-2.cmf-blue {
    background-color: #1999e3;
}
.ss-comfirm-button-2.cmf-green {
    background-color: #5cba3c;
}
.ss_message_container.ss_visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0px);
    display: flex;
}
.ss_message_title {
    width: 100%;
    /*height: 45px;*/
    font-size: 16px;
    color: #4e4e4e;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    padding: 10px 35px 10px 35px;

    box-sizing: border-box;
    line-height: 18px;
}
.sscomfirm-block .ss_message_title {
    font-size: 17px;
    color: #686f75;
    background-color: #e2e2e2;
    border-bottom: 1px solid #c3c3c3;
}
.sscomfirm-block .ss_message_close {
    top: 1px;
    color: #a9a9a9;
    right: 7px;
    font-size: 25px;
}
.ss_message_body {
    padding-bottom: 7px;
}
.message-body {
    display: none;
}
.sscomfirm-block .message-body {
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
}
.ss_message_title small {
    text-decoration: underline;
    font-size: 13px;
    color: #797979;
}
.ss_message_container.ss_error .ss_message_title {
    color: #f51c1c;
}
.ss_message_container.ss_success .ss_message_title {
    color: #49906d;
}
.ss_message_close {
    position: absolute;
    top: 3px;
    right: 5px;
    color: #bdbdbd;
    width: 22px;
    height: 22px;
    cursor: pointer;

    transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.ss_message_close:hover {
    transform: scale(1.1,1.1);
    color: #4f1f73e8;
}
.ss_body_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    background-color: rgb(15 20 38 / 50%);
    opacity: 0;
    display: none;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.ss_body_overlay.ssvis {
    display: block;
}
.ss_body_overlay.ss_visible {
    display: block;
    opacity: 1;
}
#ss_page_loading {
    position: fixed;
    z-index: -1;
    top: 25%;
    left: 50%;
    
    transform: translateX(-50%) translateY(-15px);
    width: 120px;
    height: auto;
    opacity: 0;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
    display: block !important;
}
#ss_page_loading.ss_visible {
    z-index: 1004;
    opacity: 1;
    transform: translateX(-50%) translateY(0px);
}
#ss_page_loading img {
    width: 100%;
    height: auto;
}
/*END messages. overlay, loading*/

.gsp_opts_holder {
    border: 1px solid #c8c8c8;
    border-radius: 7px;
    width: 50%;
    background-color: #fff;
    margin: 15px 0 10px 5px;
    padding: 15px
}
.gsp_opts_title {
    font-size: 16px;
    color: #474747;
    margin-bottom: 3px;
    margin-top: 10px;
}
.gsp_opts_holder .gsp_input {
    width: 500px;
}



.speaker_preview {
max-height: 60px;
background-color: rgb(252, 255, 218);
padding: 22px 25px;
border: 1px solid #e6db55;
border-radius: 4px;
position: relative;
}
.sound_container_pro {
    display: inline-block;
    position: relative;
    z-index: 9999;
    cursor: pointer;
}
.sound_container_pro.size_1 {
    width: 32px;
    height: 32px;
    left: 7px;
    top: -7px;
}
.sound_container_pro.size_0 {
    width: 16px;
    height: 16px;
    left: 5px;
    top: 0px;
}
.next_speaker,.next_tooltip {
color: rgb(128, 69, 15);
padding: 2px 0;
text-align: center;
border-radius: 4px;
width: 38px;
font-size: 12px;
position: absolute;
left: 0px;
top: -7px;
cursor: pointer;
border: 1px solid #e6db55;
background-color: rgb(252, 255, 218);

}
.next_speaker:hover,.next_tooltip:hover {
    text-decoration: underline;
    background-color: rgb(253, 234, 194);
    border-radius: 6px;
    border: 1px solid rgb(230, 149, 85);
}
.prev_speaker,.prev_tooltip {
color: rgb(128, 69, 15);
padding: 2px 0;
text-align: center;
border-radius: 4px;
width: 38px;
font-size: 12px;
position: absolute;
left: 0px;
bottom: -4px;
cursor: pointer;
border: 1px solid #e6db55;
background-color: rgb(252, 255, 218);
}
.prev_speaker:hover,.prev_tooltip:hover {
    text-decoration: underline;
    background-color: rgb(253, 234, 194);
    border-radius: 6px;
    border: 1px solid rgb(230, 149, 85);
}
select {
    cursor: pointer;
padding: 2px;
border: 1px solid rgb(177, 171, 171);
border-radius: 8px;
color: #333;
font-size: 12px;
}
select:hover,select:focus {
background-color: rgb(252, 255, 218);
border: 1px solid #e6db55;
}

input,textarea {
cursor: pointer;
padding: 2px;
border: 1px solid rgb(177, 171, 171);
border-radius: 8px;
color: #333;
font-size: 12px;
}
input:hover,input:focus,textarea:hover,textarea:focus {
background-color: rgb(252, 255, 218);
border: 1px solid #e6db55;
}
.old_p {
    margin: 12px 2px;
}
.wpgs_slider {
    width: 353px;
}

.purchase_block{
    position: relative;
    padding: 10px;
    margin: 10px 0 17px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    color:#111;

    font-weight: bold;
    font-size: 14px;
    text-align: center;

    border: 1px solid #DFDFDF;
    background-color: #EFEFEF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#EFEFEF"); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#EFEFEF)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fff,  #EFEFEF); /* for firefox 3.6+ */
}
.purchase_block_txt {
    color:#333;
    margin-bottom: 6px;
    text-shadow: 1px 1px 0px #fff;
}

#scf_buy_pro{
border: 1px solid #F3C3BA;
text-decoration: none;
display: inline-block;
font-weight: bold;
cursor: pointer;
background-color: #FD2600;
padding: 12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color: #fff;
font-size: 16px;
text-shadow: 1px 1px 0px #000;
background: -webkit-gradient(linear, left top, left bottom, from(#FD2600), to(#961600));
background: -moz-linear-gradient(top,  #FD2600,  #961600); /* for firefox 3.6+ */

box-shadow: 2px 2px 5px rgba(158, 20, 1, 0.4);
}
#scf_buy_pro:hover{
box-shadow: 2px 2px 6px rgba(158, 20, 1, 0.65);
text-shadow: 1px 1px 1px #000;
}


.buy_pro {
    white-space: nowrap;
    text-shadow: 0px 0px 22px rgba(255, 226, 10, 0.74);
    top: 61px;
    right: 4px;
    position: absolute;
    color: rgb(240, 12, 12);
    display: block;
    font-weight: normal;
    font-size: 17px;
}
.pro_img {
    width: 140px;
    display: block;
}
.pro_wrapper {
    position: absolute;
    right: 21px;
    top: 11px;
}

/***********************************************SPEAKERS***********************************************************************************/
.sound_container_pro.speaker_1.size_0 {
    background: transparent url("../images/16/speaker1.png") left top no-repeat;
}
.sound_container_pro.speaker_1.size_1 {
    background: transparent url("../images/32/speaker1.png") left top no-repeat;
}

.sound_container_pro.speaker_2.size_0 {
    background: transparent url("../images/16/speaker2.png") left top no-repeat;
}
.sound_container_pro.speaker_2.size_1 {
    background: transparent url("../images/32/speaker2.png") left top no-repeat;
}

.sound_container_pro.speaker_3.size_0 {
    background: transparent url("../images/16/speaker3.png") left top no-repeat;
}
.sound_container_pro.speaker_3.size_1 {
    background: transparent url("../images/32/speaker3.png") left top no-repeat;
}

.sound_container_pro.speaker_4.size_0 {
    background: transparent url("../images/16/speaker4.png") left top no-repeat;
}
.sound_container_pro.speaker_4.size_1 {
    background: transparent url("../images/32/speaker4.png") left top no-repeat;
}

.sound_container_pro.speaker_5.size_0 {
    background: transparent url("../images/16/speaker5.png") left top no-repeat;
}
.sound_container_pro.speaker_5.size_1 {
    background: transparent url("../images/32/speaker5.png") left top no-repeat;
}

.sound_container_pro.speaker_6.size_0 {
    background: transparent url("../images/16/speaker6.png") left top no-repeat;
}
.sound_container_pro.speaker_6.size_1 {
    background: transparent url("../images/32/speaker6.png") left top no-repeat;
}

.sound_container_pro.speaker_7.size_0 {
    background: transparent url("../images/16/speaker7.png") left top no-repeat;
}
.sound_container_pro.speaker_7.size_1 {
    background: transparent url("../images/32/speaker7.png") left top no-repeat;
}

.sound_container_pro.speaker_8.size_0 {
    background: transparent url("../images/16/speaker8.png") left top no-repeat;
}
.sound_container_pro.speaker_8.size_1 {
    background: transparent url("../images/32/speaker8.png") left top no-repeat;
}

.sound_container_pro.speaker_9.size_0 {
    background: transparent url("../images/16/speaker9.png") left top no-repeat;
}
.sound_container_pro.speaker_9.size_1 {
    background: transparent url("../images/32/speaker9.png") left top no-repeat;
}

.sound_container_pro.speaker_10.size_0 {
    background: transparent url("../images/16/speaker10.png") left top no-repeat;
}
.sound_container_pro.speaker_10.size_1 {
    background: transparent url("../images/32/speaker10.png") left top no-repeat;
}

.sound_container_pro.speaker_11.size_0 {
    background: transparent url("../images/16/speaker11.png") left top no-repeat;
}
.sound_container_pro.speaker_11.size_1 {
    background: transparent url("../images/32/speaker11.png") left top no-repeat;
}

.sound_container_pro.speaker_12.size_0 {
    background: transparent url("../images/16/speaker12.png") left top no-repeat;
}
.sound_container_pro.speaker_12.size_1 {
    background: transparent url("../images/32/speaker12.png") left top no-repeat;
}

.sound_container_pro.speaker_13.size_0 {
    background: transparent url("../images/16/speaker13.png") left top no-repeat;
}
.sound_container_pro.speaker_13.size_1 {
    background: transparent url("../images/32/speaker13.png") left top no-repeat;
}

.sound_container_pro.speaker_14.size_0 {
    background: transparent url("../images/16/speaker14.png") left top no-repeat;
}
.sound_container_pro.speaker_14.size_1 {
    background: transparent url("../images/32/speaker14.png") left top no-repeat;
}

.sound_container_pro.speaker_15.size_0 {
    background: transparent url("../images/16/speaker15.png") left top no-repeat;
}
.sound_container_pro.speaker_15.size_1 {
    background: transparent url("../images/32/speaker15.png") left top no-repeat;
}

.sound_container_pro.speaker_16.size_0 {
    background: transparent url("../images/16/speaker16.png") left top no-repeat;
}
.sound_container_pro.speaker_16.size_1 {
    background: transparent url("../images/32/speaker16.png") left top no-repeat;
}

.sound_container_pro.speaker_17.size_0 {
    background: transparent url("../images/16/speaker17.png") left top no-repeat;
}
.sound_container_pro.speaker_17.size_1 {
    background: transparent url("../images/32/speaker17.png") left top no-repeat;
}

.sound_container_pro.speaker_18.size_0 {
    background: transparent url("../images/16/speaker18.png") left top no-repeat;
}
.sound_container_pro.speaker_18.size_1 {
    background: transparent url("../images/32/speaker18.png") left top no-repeat;
}

.sound_container_pro.speaker_19.size_0 {
    background: transparent url("../images/16/speaker19.png") left top no-repeat;
}
.sound_container_pro.speaker_19.size_1 {
    background: transparent url("../images/32/speaker19.png") left top no-repeat;
}

.sound_container_pro.speaker_20.size_0 {
    background: transparent url("../images/16/speaker20.png") left top no-repeat;
}
.sound_container_pro.speaker_20.size_1 {
    background: transparent url("../images/32/speaker20.png") left top no-repeat;
}

.sound_container_pro.speaker_21.size_0 {
    background: transparent url("../images/16/speaker21.png") left top no-repeat;
}
.sound_container_pro.speaker_21.size_1 {
    background: transparent url("../images/32/speaker21.png") left top no-repeat;
}

.sound_container_pro.speaker_22.size_0 {
    background: transparent url("../images/16/speaker22.png") left top no-repeat;
}
.sound_container_pro.speaker_22.size_1 {
    background: transparent url("../images/32/speaker22.png") left top no-repeat;
}

.sound_container_pro.speaker_23.size_0 {
    background: transparent url("../images/16/speaker23.png") left top no-repeat;
}
.sound_container_pro.speaker_23.size_1 {
    background: transparent url("../images/32/speaker23.png") left top no-repeat;
}

.sound_container_pro.speaker_24.size_0 {
    background: transparent url("../images/16/speaker24.png") left top no-repeat;
}
.sound_container_pro.speaker_24.size_1 {
    background: transparent url("../images/32/speaker24.png") left top no-repeat;
}

.sound_container_pro.speaker_25.size_0 {
    background: transparent url("../images/16/speaker25.png") left top no-repeat;
}
.sound_container_pro.speaker_25.size_1 {
    background: transparent url("../images/32/speaker25.png") left top no-repeat;
}

.sound_container_pro.speaker_26.size_0 {
    background: transparent url("../images/16/speaker26.png") left top no-repeat;
}
.sound_container_pro.speaker_26.size_1 {
    background: transparent url("../images/32/speaker26.png") left top no-repeat;
}

.sound_container_pro.speaker_27.size_0 {
    background: transparent url("../images/16/speaker27.png") left top no-repeat;
}
.sound_container_pro.speaker_27.size_1 {
    background: transparent url("../images/32/speaker27.png") left top no-repeat;
}

.sound_container_pro.speaker_28.size_0 {
    background: transparent url("../images/16/speaker28.png") left top no-repeat;
}
.sound_container_pro.speaker_28.size_1 {
    background: transparent url("../images/32/speaker28.png") left top no-repeat;
}

.sound_container_pro.speaker_29.size_0 {
    background: transparent url("../images/16/speaker29.png") left top no-repeat;
}
.sound_container_pro.speaker_29.size_1 {
    background: transparent url("../images/32/speaker29.png") left top no-repeat;
}

.sound_container_pro.speaker_30.size_0 {
    background: transparent url("../images/16/speaker30.png") left top no-repeat;
}
.sound_container_pro.speaker_30.size_1 {
    background: transparent url("../images/32/speaker30.png") left top no-repeat;
}

.sound_container_pro.speaker_31.size_0 {
    background: transparent url("../images/16/speaker31.png") left top no-repeat;
}
.sound_container_pro.speaker_31.size_1 {
    background: transparent url("../images/32/speaker31.png") left top no-repeat;
}

.sound_container_pro.speaker_32.size_0 {
    background: transparent url("../images/16/speaker32.png") left top no-repeat;
}
.sound_container_pro.speaker_32.size_1 {
    background: transparent url("../images/32/speaker32.png") left top no-repeat;
}

.sound_container_pro.speaker_33.size_0 {
    background: transparent url("../images/16/speaker33.png") left top no-repeat;
}
.sound_container_pro.speaker_33.size_1 {
    background: transparent url("../images/32/speaker33.png") left top no-repeat;
}

.sound_container_pro.speaker_34.size_0 {
    background: transparent url("../images/16/speaker34.png") left top no-repeat;
}
.sound_container_pro.speaker_34.size_1 {
    background: transparent url("../images/32/speaker34.png") left top no-repeat;
}

.sound_container_pro.speaker_35.size_0 {
    background: transparent url("../images/16/speaker35.png") left top no-repeat;
}
.sound_container_pro.speaker_35.size_1 {
    background: transparent url("../images/32/speaker35.png") left top no-repeat;
}

.sound_container_pro.speaker_36.size_0 {
    background: transparent url("../images/16/speaker36.png") left top no-repeat;
}
.sound_container_pro.speaker_36.size_1 {
    background: transparent url("../images/32/speaker36.png") left top no-repeat;
}

.sound_container_pro.speaker_37.size_0 {
    background: transparent url("../images/16/speaker37.png") left top no-repeat;
}
.sound_container_pro.speaker_37.size_1 {
    background: transparent url("../images/32/speaker37.png") left top no-repeat;
}

.sound_container_pro.speaker_38.size_0 {
    background: transparent url("../images/16/speaker38.png") left top no-repeat;
}
.sound_container_pro.speaker_38.size_1 {
    background: transparent url("../images/32/speaker38.png") left top no-repeat;
}

.sound_container_pro.speaker_39.size_0 {
    background: transparent url("../images/16/speaker39.png") left top no-repeat;
}
.sound_container_pro.speaker_39.size_1 {
    background: transparent url("../images/32/speaker39.png") left top no-repeat;
}

.sound_container_pro.speaker_40.size_0 {
    background: transparent url("../images/16/speaker40.png") left top no-repeat;
}
.sound_container_pro.speaker_40.size_1 {
    background: transparent url("../images/32/speaker40.png") left top no-repeat;
}

.sexy_tooltip_title {
    position: absolute;
    display: block;
    z-index: 9997;
    top: 2px;
    left: 50%;
    margin-left: -32px;
    opacity: 0.95;
}

.ui-accordion-content {
    overflow: visible !important;
}

.buy_pro {
    white-space: nowrap;
    text-shadow: 0px 0px 22px rgba(255, 226, 10, 0.74);
    top: 61px;
    right: 4px;
    position: absolute;
    color: rgb(240, 12, 12);
    display: block;
    font-weight: normal;
    font-size: 17px;
}
.pro_img {
    width: 140px;
    display: block;
}
.pro_wrapper {
    position: absolute;
    right: 21px;
    top: 3px;
}
.ext_title_wrapper {
    padding: 25px 0 0 7px;
}
.ext_title_wrapper a{
    font-size: 25px;
    text-decoration: none;
}
.ext_title_wrapper img{
    margin-bottom: -6px;
}
.ext_info_wrapper {
    position: relative;
    height: 87px;
}

/*gspeech dashboard*/
.gsp_input_holder .items_select_filter_wrapper {
    width: 100%;
}
.gsp_dashboard_wrapper * {
    box-sizing: border-box;
}

.gsp_dashboard_wrapper ul,
.gsp_dashboard_wrapper li {
    margin-bottom: 0;
}

.gsp_input {
    border: 1px solid #b4b4b4 !important;
    background-color: #fff !important;
    border-radius: 4px !important;
    color: #2b2b2b !important;
    margin-bottom: 12px !important;

    display: flex;
    align-items: center;
    height: 35px;
    font-size: 13px;

    transition: 0.3s ease-out;

    box-shadow: none !important;
    cursor: default !important;
}
.gsp_input:hover {
    border: 1px solid #777 !important;
    background-color: #f2f2f2 !important;
}
.gsp_input:focus {
    border: 1px solid #a435f8 !important;
    background-color: #f2f2f2 !important;
}
.gsp_input::placeholder {
    color: #7f7f7f !important;
}

#gsp_create_website_button {
    margin-top: 22px;
}
.gsp_add_website_wrapper {
    width: 450px;
}
.gsp_add_website_wrapper .gsp_login_subtitle {
    margin-bottom: 28px;
}

/*SS select*/
.items_select_filter_wrapper {
    margin-left: 0px;
    width: 180px;
    height: 35px;
    border: 1px solid #b4b4b4;
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    z-index: 100;

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.items_options .items_select_filter_wrapper {
    margin-left: 10px;
}
.items_select_filter_wrapper.ss_disabled {
    cursor: not-allowed !important;
    background-color: #e0e0e0;
}
.items_select_filter_wrapper.ss_disabled .items_select_filter {
    cursor: not-allowed !important;
    background-color: #e0e0e0;
}
.items_select_filter_wrapper.isfw_opened {
    border: 1px solid #a435f8 !important;
}
.items_select_filter_wrapper:hover {
    border: 1px solid #777;
    background-color: #f2f2f2;
}
.items_select_filter_wrapper_focused {
    border: 1px solid #a435f8 !important;
}
.items_select_filter {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    cursor: pointer;
}
.items_select_filter_content {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    padding-right: 30px;
    color: #7e7e7e;
    padding-left: 10px;
    user-select: none;
}
.items_select_filter_content span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.items_select_filter_icon_wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 40px;
}

.items_select_filter_icon_holder {
    width: 8px;
    height: 8px;
    transform-style: preserve-3d;
}
.items_select_filter_icon_inner {
    transform: rotateX(0deg);
    transition: all 300ms ease;
}
.items_select_filter_icon {
    color: #ababab;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transform: rotate(90deg);

    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.isfi_opened .items_select_filter_icon {
    color: #a435f8 !important;
}
.isfi_opened .items_select_filter_icon_inner {
    transform: rotateX(180deg);
}

#lng_sel_type_0 {

}

 /*ss select*/
.items_select_ul_wrapper {
    width: 100%;
    height: auto;
    /*overflow: auto;*/
    
    position: absolute;
    top: calc(100% + 4px);
    z-index: 10;
    
    right: 0;
    left: 0;
    perspective: 300px;
    display: none;
}
.isfw_opened .items_select_ul_wrapper {
    display: block;
}
.isfw_opened {
    z-index: 200 !important;
}
.items_select_ul_holder {
    width: 100%;
    height: auto;
    transform-style: preserve-3d;
}
.items_select_ul_inner {
    border: 1px solid #c5c5c5;
    width: 100%;
    height: auto;
    max-height: 210px;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
    box-shadow: rgb(0 0 0 / 32%) 0px 0px 30px 0px;
    border-radius: 4px;
    background-color: #fff;
    overflow: auto;

    transform: rotateX(90deg);
    opacity: 0;
}
.isuw_opened .items_select_ul_inner {
    transform: rotateX(0deg);
    opacity: 1;
}
.items_select_ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.items_select_ul li {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    font-size: 13px;
    padding: 0 17px;
    user-select: none;
    cursor: pointer;
    color: rgb(77 77 77);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    height: 35px;
}
.li_h {
    display: none !important;
}
.items_select_ul li span {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.items_select_ul .ss_ul_li_act {
    background-color: #e0e0e0;
    color: rgb(77 77 77);
    text-shadow: none;
}
.items_select_ul li:hover {
    background-color: rgb(119 41 176);
    color: #fff;
    text-shadow: 1px 1px 3px #00000052;
}
.items_select_ul .li_selected {
    background-color: rgb(234 222 255) !important;
    color: rgb(77 77 77) !important;
    text-shadow: none !important;
    cursor: default;
}
.items_select_filter_wrapper .li_search_input {
    padding-right: 23px;
    height: calc(100% - 10px);
    width: calc(100% - 5px);
    top: 1px;
    position: absolute;
    font-size: 14px;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 4px;
    left: 1px;
    color: #7e7e7e !important;
    background-color: #fff !important;
    display: none;
}
.items_select_filter_wrapper .li_search_input::placeholder {
    color: #bcbcbc !important;
}
.items_select_filter_wrapper.isfw_closing .li_search_input {
    display: none !important;
}
.items_select_filter_wrapper.isfw_opened .li_search_input {
    display: block !important;
}
.items_select_filter_wrapper:hover .li_search_input{
    background-color: #f2f2f2 !important;
}
.li_search:hover {
    background-color: #fff !important;
    text-shadow: none !important;
}
.li_search_icon_holder {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: #a435f8;
}

/*FAQ*/
.gsp-title h2,.gsp-title h1 {
    position: relative;
    display: block;
    font-size: 32px;
    /* line-height: 48px; */
    color: #4a4a4a;
    font-weight: 500;
    padding-bottom: 28px;
    margin-bottom: 20px;
}

.gsp-title h2:before,.gsp-title h1:before {
    position: absolute;
    content: '';
    background: #c0bec1;
    width: 170px;
    height: 2px;
    left: 0;
    bottom: 0;
}

.gsp-title h2:after,.gsp-title h1:after {
    border-top-left-radius: 7px;
    position: absolute;
    content: '';
    background: #7835ae;
    width: 88px;
    height: 3px;
    left: 0;
    bottom: 0;
    transition: all 500ms ease;
    -webkit-mask-image: linear-gradient(-75deg,rgba(244,55,55,0.6) 50%,#f43737 50%,rgba(0,0,0,1) 70%);
    mask-image: linear-gradient(-75deg,rgba(244,55,55,0.6) 50%,#f43737 50%,rgba(0,0,0,1) 70%);
    -webkit-mask-size: 200%;
    mask-size: 200%;
    animation: gsp-shine 3s infinite;
}

.gsp_faq_wrapper {
    width: calc(100% - 15px);
    display: flex;
    justify-content: center;
}
.gsp_faq_inner {
    margin-top: 15px;
    width: 100%;
    max-width: 1200px;
    height: auto;
    background-color: #fff;
    padding: 10px 25px 25px 25px;
    border-radius: 10px
}

#toplevel_page_gspeech .wp-submenu li.current .gsp_submenu_gspeech_upgrade {
    text-shadow: 0 0 2px #050101;
    color: #a45bdc !important;
}

/*FAQ*/
.gsp_faq_items_wrapper {
    margin-top: 40px;
    margin-bottom: 25px;
    width: 100%;
    list-style: none;
}
.gsp_faq_item {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px !important;
    position: relative;
    list-style: none;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
    transition: all 0.4s ease-out;
    border-radius: 7px;
}
.gsp_faq_item.gsp_faq_opened,
.gsp_faq_item:hover {
    box-shadow: 0 0 15px 1px rgba(0,0,0,.25);
}
.gsp_faq_header {
    position: relative;
    cursor: pointer;

}
.gsp_faq_title {
    font-size: 18px;
    color: #737373;
    padding: 15px 20px;
    transition: all 0.4s ease-out;
}
.gsp_faq_opened .gsp_faq_title,
.gsp_faq_header:hover .gsp_faq_title {
    color: #6f4197;
}
.gsp_faq_icon {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 20px;
    top: 20px;
}
.gsp_faq_icon_bar_1 {
    height: 2px;
    background-color: #6f4197;
    width: 100%;
    top: 50%;
    left: 0;
    position: absolute;
    z-index: 9;
    transform: translateY(-50%);
    transition: all 0.4s ease-out;
}
.gsp_faq_icon_bar_2 {
    top: 50%;
    height: 100%;
    background-color: #6f4197;
    width: 2px;
    bottom: 0;
    left: 50%;
    position: absolute;
    z-index: 9;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.4s ease-out;
}
.gsp_faq_opened .gsp_faq_icon_bar_2 {
    height: 0;
}
.gsp_faq_opened .gsp_faq_icon_bar_1,
.gsp_faq_opened .gsp_faq_icon_bar_2 {
    background-color: #aeaaaa;
}
.gsp_faq_body {
    overflow: hidden;
    height: 0;
    transition: all 0.4s ease-out;
    position: relative;
    width: 100%;
}
.gsp_faq_body_inner {
    color: #737070;
    font-size: 15px;
    padding: 10px 25px 25px 25px;
    line-height: 1.5;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.gsp_faq_body_inner b {
    color: #6f4198;
}
.gsp_faq_body_inner a {
    transition: all 0.4s ease-out;
    color: #6f4198;
    border-bottom: 1px dotted #bd9ddb;
    text-decoration: none;
}
.gsp_faq_body_inner a:hover {
    color: #e76a0f;
    border-bottom: 1px solid #bd9ddb;
}

.gsp_faq_opened .gsp_faq_body {
    /*height: fit-content;*/
}

.gsp_faq_subtitle {
    padding-bottom: 2px;
    border-bottom: 1px dotted #bd9ddb;
    width: fit-content;
    color: #6f4198;
    font-size: 18px;
    margin: 20px 0 11px 
}
.gsp_faq_inner_ul {
    margin-top: 20px !important;
    margin-bottom: 15px !important;

}
.gsp_faq_inner_ul li {
    color: #764b9e;
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 5px 
}
.gsp_faq_inner_ul li span {
    color: #737070;
}
/*END FAQ*/


.gsp_upgrade_wrapper {
    width: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gspeech_packages_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 120px;
    width: 100%;

    background-color: #fff;
}
.plans_holder .gspeech_packages_wrapper {
    margin-bottom: 10px;
}
.gsp_package_wrapper {
    width: calc((100%) / 5);
    min-width: 202px;
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.gsp_package_wrapper:hover {
    transform: scale(1.01,1.01);
    box-shadow: 0 0 2px 0px #0006;
    z-index: 2;
}
.gsp_package_business:hover {
    transform: scale(1,1);
    box-shadow: none;
}
.gsp_package_business {
    border-bottom: 1px solid #dedede;
}
.gsp_package_wrapper_inner {
    /*border-right: 1px solid #fff;*/
}
.gsp_package_title {
    margin: 0 !important;
    width: 100%;
    color: #222;
    font-size: 16px;
    text-align: center;
    padding-top: 25px;
    height: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #4f1f73 !important;
    text-shadow: none !important;
}
.gsp_package_price {
    width: 100%;
    color: #222;
    font-size: 15px;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    height: 100px;
    display: flex;
    border-bottom: 1px solid #d1cccc30;
    text-transform: uppercase;
}
.gsp_package_price_inner {
    justify-content: center;
    display: flex;
    align-items: center;
}
.price_span_c {
    font-size: 22px;
    margin-right: 7px;
    margin-top: 3px;
}
.price_span_1 {
    font-size: 55px;
}
.price_span_2_v {
    display: block;
}
.price_span_2_v span {
    display: block;
    transform: translateY(5px);
}
.price_span_2 {
    font-size: 16px;
    padding-left: 5px;
    text-align: left;
}
.price_span_3 {
    font-size: 16px;
    padding-left: 5px;
    padding-top: 7px;
    text-align: left;
}

.days_trial_block {
    color: #fff;
    text-align: center;
    font-size: 28px;
    margin-top: 50px;
}
.plans_holder .days_trial_block {
    color: #222;
    margin-top: -10px;
    text-shadow: none !important;
}
.plans_holder .package_header {
    background-color: #f8f0ff;
    border-right: 1px solid #e5dee9;
}
.plans_holder .gsp_package_business .package_header {
    border-right: 1px solid #ffebb7 !important;
    background-color: #e6b20f21;
}
.change_plan {
    margin: 50px 0 55px;
    display: flex;
    justify-content: center;
    color: #9a9a;
}
.plans_holder .change_plan {
    color: #8b8686;
}

.plan_title_monthly {
    font-size: 15px;
    text-transform: uppercase;
}
.plan_title_yearly {
    font-size: 15px;
    text-transform: uppercase;
}
.plan_title_yearly span {
    display: block;
    text-align: center;
}
.m11 {
    text-transform: initial;
    font-size: 12px;
}
.plan_switcher {
    margin: 0 20px;
    height: 25px;
    width: 33px;
    margin: 0 20px;
    position: relative;

    cursor: pointer;
}
.plan_switcher_button {
    background-color: #e6560e;
    /*background: linear-gradient(180deg, #e65e1a 48%, #d2500e);*/
    border-radius: 50%;
    /* background-color: #d75311; */
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;

    transform: translateX(-50%);
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.plan_switcher_button_on .plan_switcher_button {
    left: 100%;
}
.plan_switcher_bar {
    background-color: #dedede;
    width: 100%;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    border-radius: 9px;
    transform: translateY(-50%);
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.plan_switcher:hover .plan_switcher_button {
    transform: translateX(-50%) scale(1.1,1.1);

    background-color: #f50;
}
.plan_switcher:hover .plan_switcher_bar {
    background-color: #c5c2c2;
}

.icon_hidden,
.txt_hidden {
    display: none !important;
}

/*switcher_small*/
.switcher_small {
    height: 25px;
    width: 33px;
    margin: 0 10px;
    position: relative;

    cursor: pointer;
}
.switcher_small_button {
    background-color: #e6560e;
    border-radius: 50%;
    margin-left: 7px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 11;

    transform: translateX(-50%) translateY(-50%);
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.switcher_small_button_on .switcher_small_button {
    left: 100%;
    margin-left: -7px;
}
.switcher_small_bar {
    background-color: #bbbbbb;
    width: 100%;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    border-radius: 9px;
    transform: translateY(-50%);
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.switcher_small:hover .switcher_small_button {
    transform: translateX(-50%) translateY(-50%) scale(1.1,1.1);

    background-color: #f50;
}
.switcher_small:hover .switcher_small_bar {
    background-color: #a7a6a6;
}

.gsp_package_price_inner_y {
    display: none;
}

.yearly_plans .gsp_package_price_inner {
    display: none;
}
.yearly_plans .gsp_package_price_inner_y {
    display: flex;
}

.package_header {
    background-color: #d6d6d6;
    box-sizing: content-box;
    border-right: 1px solid #e8e8e8;

    position: relative;

}
.header_toggler {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 20px;
    display: none;
    align-items: center;
    justify-content: center;
    height: 20px;
    color: #4f1f73;
    cursor: pointer;
    
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header_toggler:hover {
    transform: translateY(-50%) rotate(180deg);

    color: #f50;
}
.header_toggler_opened {
    transform: translateY(-50%) rotate(45deg) !important;

    color: #4f1f73 !important;
}
.package_body {
    
    
    
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}


.gsp_package_business .package_header {
    background-color: #f3f3f3;
}
.pricing_table_row {
    padding: 20px 0px;
    border-right: 1px solid #dedede;
    box-sizing: content-box;
}


.pricing_table_row_1 {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}
.pricing_table_row_2 {
    border-bottom: 1px solid #dedede;
}


.gsp_package_free .gsp_package_title,
.gsp_package_free .icon_holder_p {
    color: #717171 !important;
}
.gsp_package_free .product_button {
    background-color: transparent;
    color: #717171;
    border: 2px solid #717171;
    cursor: default !important;
}
.gsp_package_free .product_button:hover {
    background-color: #717171;
    color: #fff;
}
.gsp_package_personal .product_button {
    background-color: transparent;
    color: #1184b4;
    border: 2px solid #1184b4;
}
.gsp_package_personal .product_button:hover {
    background-color: #1184b4;
    color: #fff;
}
.gsp_package_pro .product_button {
    background-color: transparent;
    color: #18b715;
    border: 2px solid #18b715;
}
.gsp_package_pro .product_button:hover {
    background-color: #18b715;
    color: #fff;
}
.gsp_package_business .product_button {
    background-color: transparent;
    color: #dd4a1a;
    border: 2px solid #dd4a1a;
}
.gsp_package_business .product_button:hover {
    background-color: #dd4a1a;
    color: #fff;
}
.gsp_package_enterprise .product_button {
    background-color: transparent;
    color: #7f30be;
    border: 2px solid #7f30be;
}
.gsp_package_enterprise .product_button:hover {
    background-color: #7f30be;
    color: #fff;
}


.gsp_package_personal .gsp_package_title,
.gsp_package_personal .icon_holder_p {
    color: #1184b4 !important;
}

.gsp_package_pro .gsp_package_title,
.gsp_package_pro .icon_holder_p {
    color: #18b715 !important;
}

.gsp_package_business .gsp_package_title,
.gsp_package_business .icon_holder_p {
    color: #dd4a1a !important;
}

.gsp_package_enterprise .gsp_package_title,
.gsp_package_enterprise .icon_holder_p {
    color: #7f30be !important;
}


.pack_divider {
    height: 20px;
    position: relative;
    width: 100%;
}
.pack_line {
    background-color: #ccc9c9;
    height: 1px;
    width: calc(100%);
    margin-left: 0px;
    position: absolute;
    top: 50%;
    left: 0;
}


.icon_ai_voice {
    margin-top: -3px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 6px;
    color: #eaba0d;
}
.icon_ai_voice svg {
    width: 100%;
    height: 100%;
}
.icon_mach_voice {
    margin-top: -4px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 6px;
    color: #868686;
}
.icon_mach_voice svg {
    width: 100%;
    height: 100%;
}
.icon_holder_p {
    margin-top: 0px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 7px;
    color: #868686;
}
.icon_holder_p svg {
    width: 100%;
    height: 100%;
}
.button_info {
    color: #777;
    font-size: 13px;
    margin-top: 5px;
    position: absolute;
    display: none;
}

.gsp_tab_upgrade:hover,
.gsp_tab_upgrade:active,
.gsp_tab_upgrade:visited,
.gsp_tab_upgrade {
    outline: none !important;
}

.pp_button {
    width: 400px;
    margin: 0 auto;
    /*display: none;*/
}
.sub_title {
    padding-top: 30px;
    margin-bottom: 55px !important;
}

.product_button {
    max-width: 220px;
    width: 75%;
    display: block;

    font-size: 13px;
    margin: 0 auto;
    text-align: center;
    background-color: #7928b7;
    color: #fff;
    border-radius: 6px;
    padding: 10px 0;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.product_button.active {
    cursor: default;
    background-color: #989898;
}
.product_button.active:hover {
    background-color: #989898;
}
.product_button_2 {
    max-width: 220px;
    width: 100%;
    display: block;

    border: 1px solid #4f1f73;
    font-size: 13px;
    margin: 0 auto;
    text-align: center;
    background-color: #f7f7f7;
    color: #4f1f73;
    border-radius: 6px;
    padding: 10px 0;
    cursor: pointer;
    text-transform: uppercase;
    
    
    
    
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.product_button:hover {
    background-color: #551684;
    color: #fff;
}

.feature_ul {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    display: flex;
    list-style: none;
    margin: 0;
}
.feature_ul li {
    align-items: center;
    justify-content: center;
    padding-left: 12px;
    display: flex;
    text-align: center;
    margin: 8px 0;
}
.feature_icon_no {
    color: #d83636;
    font-size: 12px;
    margin-right: 5px;
    width: 14px;
    height: 14px;
    display: inline-block;
}
.feature_icon_yes {
    color: #0f820f;
    font-size: 12px;
    margin-right: 5px;
    width: 14px;
    height: 14px;
    display: inline-block;
}
.feature_text {
    font-size: 14px;
    color: #373737;
}

.gsp_package_business .package_header {
    padding-top: 20px;
    margin-top: -20px;
}
.gsp_package_pro .package_header {
    border-right: 1px solid #dedede;
}
.gsp_package_business .package_header {
    border-right: 1px solid #dedede;
}
.gsp_package_wrapper_inner {
    background-color: #f3f3f3;

    perspective: 600px;
}
.gsp_package_business .gsp_package_wrapper_inner {
    background-color: #fff;
}

.features_block_wrapper {
    margin: 0 0 20px 0;
}
.features_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.features_block_wrapper h1 {
    text-align: center;
    font-size: 23px;
    margin: 17px 0 17px 0;
    color: #4f1f73;
}
.feature_block h2 {
    text-align: center;
    font-size: 21px;
    margin: 0 0 15px 0;
    color: #4f1f73;
}

.feature_block {
    box-shadow: 1px 1px 0px 0px #0000001f;
    width: 25%;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    padding: 12px;
    margin-bottom: 10px;
    color: #111;
    font-size: 14px;
    text-align: justify;
}

.features_block_wrapper_2 {

}
.features_block_wrapper_2 h1{
    text-align: center;
    color: #f5f5f5;
    margin: 0px 0 45px 0;
    font-size: 28px;
    text-shadow: 1px 1px 0px #000;
    letter-spacing: 1.1px;
}
.features_block_2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.feature_block_2 h3 {
    text-align: center;
    font-size: 16px;
    margin: 0 0 7px 0;
    color: #fff;
    text-transform: uppercase;
}

.feature_block_2 {
    width: 19%;
    margin: 0 10px 50px 10px;
    color: #999;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
}
.feature_icon {
    width: 45px;
    height: 45px;
    margin: 0 auto 25px;
    color: #a5491b;
    font-size: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    
    
    
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.feature_icon svg {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.feature_block_2:hover .feature_icon {
    color: #f50;

    transform: scale(1.12, 1.12);
}
.feature_block_2 {
    transform: scale(1, 1);

    
    
    
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.feature_block_2:hover {
    transform: scale(1.02, 1.02);
}

.options_block_holder {
    display: flex;
    flex-direction: row;
}
.options_block_item_2 {
    width: 50%;
    padding-right: 15px;
}
.options_block_item_1 {
    width: 100%;
    padding-right: 15px;
}
.options_block_item_right_al {
    display: flex;
    justify-content: flex-end;
}
.link_button_green {
    text-transform: uppercase;
    text-align: center;
    background-color: #137013;
    color: #fff;
    display: block;
    margin-top: 42px;
    padding: 8px 0;
    font-size: 13px;
    border-radius: 18px;
    width: 180px;
    cursor: pointer;
}
.link_button_green:hover {
    color: #fff;
    background-color: #004400;
}
.link_button_red {
    text-transform: uppercase;
    text-align: center;
    background-color: #930202;
    color: #fff;
    display: block;
    margin-top: 42px;
    padding: 8px 0;
    font-size: 13px;
    border-radius: 18px;
    width: 180px;
    cursor: pointer;
}
.link_button_red:hover {
    color: #fff;
    background-color: #6c0000;
}

@keyframes ss_ripple {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(3,3);
  }
}
@keyframes ss_ripple_off {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(3,3);
  }
}

@keyframes gsp-shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}