#customize-info .preview-notice .panel-title {
    margin: 15px 0;
}
#customize-info .preview-notice .update-to-pro {
    padding: 13px 0 8px 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    color: #8c8c8c;
    display: block;
    background: red;
}
#customize-info .preview-notice .update-to-pro:hover {
    background: #282828;
    color: #fff;
}
#customize-info .preview-notice .update-desc {
    text-align: center;
}


li#customize-control-ink_underline label,
li#customize-control-link_underline_hover label {
    float: left;
    margin: 0 35px 0 0;
}
#customize-control-header_layout label {
        line-height: 85px;
        position: relative;
}
#accordion-section-ospersonality_general_settings .accordion-section-title:before{
    content: "\f0ad";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px;
}
#accordion-panel-ospersonality_header .accordion-section-title:before{
    content: "\f1dc";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px;
}
#accordion-section-header_image .accordion-section-title:before{
    content: "\f1c5";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px;
}
#accordion-section-ospersonality_header_settings .accordion-section-title:before{
    content: "\f013";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
}
#accordion-section-ospersonality_social_settings .accordion-section-title:before{
    content: "\f099";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px;
}
#accordion-section-ospersonality_typography .accordion-section-title:before{
    content: "\f031";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px;
}
#accordion-section-ospersonality_menu_settings .accordion-section-title:before{
    content: "\f085";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px;
}
#accordion-panel-nav_menus .accordion-section-title:before{
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px;
}
#accordion-section-ospersonality_footer_settings .accordion-section-title:before{
    content: "\f149";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px 13px;
}
#accordion-section-ospersonality_page_settings .accordion-section-title:before{
    content: "\f149";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px;
}
#accordion-panel-widgets .accordion-section-title:before{
    content: "\f03c";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px 9px;
}
#accordion-section-static_front_page .accordion-section-title:before{
    content: "\f00b";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px 9px;
}
#accordion-section-ospersonality_home_settings .accordion-section-title:before{
    content: "\f015";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;;
    padding: 10px;
}
#accordion-section-colors .accordion-section-title:before{
    content: "\f1fc";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px;
}
#accordion-section-title_tagline .accordion-section-title:before{
    content: "\f268";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px;
}
#customize-info .accordion-section-title {
    background: #282828 !important;
}
#customize-info .accordion-section-title span {
    color: white;
}
.customize-section-description-container .customize-section-title,
.customize-section-description-container .customize-section-title .customize-section-back,
#customize-footer-actions,
.customize-controls-close,
#customize-header-actions,
#customize-info {
    border: none !important;
}
#customize-footer-actions,
.customize-controls-close {
    background: #282828 !important;
}
#customize-controls,
#customize-controls .wp-full-overlay-sidebar-content {
    background: url(../images/classy_fabric.png) repeat;
}
#customize-controls ul li .accordion-section-title {
    background: url(../images/classy_fabric.png) repeat;
    color: #8c8c8c;
    text-transform: uppercase;
    border-bottom: 1px solid #282828;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 10px 20px 14px;
}
#customize-controls ul li .accordion-section-title:after {
    top: 20px;
    font-size: 20px;
}
#customize-controls ul li .accordion-section-title:hover,
#customize-controls ul li .accordion-section-title:focus {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}
.customize-section-description-container .customize-section-title {
    background: #282828 !important;
    color: #8c8c8c;
}
.customize-section-description-container .customize-section-title span {
    color: #fff !important;
}
.customize-section-description-container .customize-section-title .customize-section-back {
    background: url(../images/classy_fabric.png) repeat;
     color: #fff !important;
}


#customize-controls ul li .accordion-section-content {
    background: url(../images/classy_fabric.png) repeat;
    color: #8c8c8c;;
}
#customize-controls ul li .accordion-section-content .customize-section-description {
    color: #8c8c8c;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    background-color: #fff;
    border-radius: 0px;
}
#customize-controls ul li .accordion-section-content select,
#customize-controls ul li .accordion-section-content input,
#customize-controls ul li textarea {
    border-radius: 0px;
    border: none;
}
#customize-controls ul li .accordion-section-content .wp-picker-container a {
    border-radius: 0px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
#customize-controls ul li .accordion-section-content .wp-picker-container a .wp-picker-default {
    border-radius: 0px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
#customize-controls ul li .wp-picker-container a.wp-color-result {
    border-radius: 0px !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.iris-picker .iris-square, 
.iris-picker .iris-slider, 
.iris-picker .iris-square-inner, 
.iris-picker .iris-palette {
  -webkit-border-radius: 0px !important;
          border-radius: 0px !important;
}

#customize-controls ul li .accordion-section-content .customize-control-title {
    width: 100%;
    //border-top: 1px solid #fff;
    padding: 15px 0 0 0;
}
#slider-result {
    height: 20px;
    margin: 5px;
    display: inline-block;
    width: 30px;
}


#slider-range,
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.45px 0;
}
#slider-range:focus,
input[type=range]:focus {
  outline: none;
}
#slider-range::-webkit-slider-runnable-track,
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10.1px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 0px;
  border: 1.9px solid #76808c;
}
#slider-range::-webkit-slider-thumb,
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0.6px 0.6px 3.2px #000000, 0px 0px 0.6px #0d0d0d;
  border: 7.1px solid rgba(34, 34, 34, 0.85);
  height: 25px;
  width: 25px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9.35px;
}
#slider-range:focus::-webkit-slider-runnable-track,
input[type=range]:focus::-webkit-slider-runnable-track {
  //background: #ffffff;
}
#slider-range::-moz-range-track,
input[type=range]::-moz-range-track {
  width: 100%;
  height: 10.1px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 0px;
  border: 1.9px solid #76808c;
}
#slider-range::-moz-range-thumb,
input[type=range]::-moz-range-thumb {
  box-shadow: 0.6px 0.6px 3.2px #000000, 0px 0px 0.6px #0d0d0d;
  border: 7.1px solid rgba(34, 34, 34, 0.47);
  height: 25px;
  width: 25px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
}
#slider-range::-ms-track,
input[type=range]::-ms-track {
  width: 100%;
  height: 10.1px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
#slider-range::-ms-fill-lower,
input[type=range]::-ms-fill-lower {
  background: #fcfcfc;
  border: 1.9px solid #76808c;
  border-radius: 0px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
#slider-range::-ms-fill-upper,
input[type=range]::-ms-fill-upper {
  background: #ffffff;
  border: 1.9px solid #76808c;
  border-radius: 0px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
#slider-range::-ms-thumb,
input[type=range]::-ms-thumb {
  box-shadow: 0.6px 0.6px 3.2px #000000, 0px 0px 0.6px #0d0d0d;
  border: 7.1px solid rgba(34, 34, 34, 0.47);
  height: 25px;
  width: 25px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
  height: 10.1px;
}
#slider-range:focus::-ms-fill-lower,
input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
#slider-range:focus::-ms-fill-upper,
input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}


.accordion-section-content input[type="radio"]:before {
    border-radius: 0 !important;
    width: 10px !important;
    height: 10px !important;
    margin: 3px !important;
}
.accordion-section-content input[type="radio"] {
    border-radius: 0 !important;
        width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 1px !important;
}

output[name="level"] {
    color:red;
}
.panel-title {
    text-align: center;
}
#customize-control-content_show,
#customize-control-home_blog_title,
#customize-control-shop_show,
#customize-control-any_section_show {
    padding: 20px 0 0 0;
    border-top: 1px solid #999;
}
.customize-control-title {
    font-weight: 400;
    color: #fff;
}

body:not(.ready) #customize-save-button-wrapper .save {
  visibility: visible !important;
}