/**/
.ui-slider {position: relative; text-align: left}
.ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default}
.ui-slider .ui-slider-range {position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0}
ul.font_nav li a.current {border-bottom: 1px solid #ccc}
ul li.red_title a,li.red_title,h1.red_title {color: red; text-align: center; margin: 0px}
.edit_alert {display: none; height: 45px; left: 50%; margin-left: -148px; padding-bottom: 12px; position: absolute; text-align: center; top: -61px; width: 320px; z-index: 150;}
.edit_alert.old_browser {left: 177px; background-position: 287px -267px}
.edit_alert p {margin: 0; background: red; padding: 10px 13px 8px; width: 300px; color: #fff; line-height: 19px}
.edit_alert.old_browser p {width: 600px}
.font_block {position: relative; margin: 0; text-align: center}
.specimen .font_loader,.content_wrapper .font_loader {z-index: 150}
.bot .font_block,.bot .content_wrapper {visibility: visible !important}
.bot .font_loader { display: none !important}
.control_bar {border: 1px solid #ddd; position: absolute; width: 740px; background: #fff; top: 0px; right: 0; height: 31px; display: block; z-index: 3; margin-top: -30px; display: none;}/* opacity: 0; */
.font_block: first-child h1 span {background: #fff; padding: 0px 10px 0px 10px}
.cb_font,.cb_fontvar {display: block; float: left; margin: 0px 0px 3px 3px; position: relative; text-align: left}
.cb_font a.cb_current_font:hover, .cb_fontvar a.cb_current_fontvar:hover {background-color: #219E18; color: #fff;}
.cb_font a,.cb_fontvar a {text-decoration: none; padding: 9px 6px 5px 6px; line-height: 100%; border: 1px solid #eee; display: inline-block; width: 180px; background: #F4F4F4 ; color: #333}
.cb_font ul,.cb_fontvar ul {background: #fff; margin: 0; padding: 0px; list-style-type: none; border: 1px solid #ddd; border-top: 1px solid red}
.cb_font ul,.cb_fontvar ul {position: absolute; top: 29px; display: none; width: 192px}
.cb_font ul li a,.cb_fontvar ul li a,.font_inuse_taglist li a {border: none; border-bottom: 1px solid #fff; background: white; color: #666}
.cb_font ul li a:hover,.cb_fontvar ul li a:hover,.font_inuse_taglist li a {border: none; color: red; border-bottom: 1px solid #ddd}
.cb_font ul li: last-child a:hover,.cb_fontvar ul li: last-child a:hover { border-bottom: 1px solid #fff}
/*.cb_fontsize {width: 170px; float: left;}*/
/*span.small_letters {float: left; top: 4px; position: relative}*/
span.big_letters {position: relative;}
.font_scale {float: left; margin: 0 0 0 25px; color: #333; padding-top: 5px; cursor: pointer;}
.rem_font_block {display: block; float: left; margin: 0px 0 0 25px; width: 41px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; height: 31px;}
.rem_font_block.disabled {opacity: 0.0; cursor: default;}
.add_font_block {display: block; float: left; margin: 0px 0 0 0px; width: 40px; height: 31px;}
.test_text {margin: 0; padding: 0px; line-height: 120%; word-wrap: break-word; display: inline-block; outline: none; width: 100%; padding: 10px;}
.test_text.test_text--small {display: none}
.test_text * {font-weight: normal !important; font-style: normal !important; display: inline}
.test_text a {color: #222}
.test_text a:hover {color: #f00; border-bottom: 1px solid white}
.font_block_heading {font-weight: normal; line-height: 100%; padding: 0px; margin: 45px 0px 5px 0px; color: #888; min-height: 20px; height: auto !important; height: 20px}
.custom_fonts .font_block_heading {margin: 0px; min-height: 0px}
.custom_fonts .bottom_arrows {bottom: 0px}
.font_block_heading a {color: #888; position: relative}
.test_text a {transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s}
.small_button.red {color: red}
.buy_licence_details,.buy_licence_details a.small_button {color: #888}	.font_block_hea	ding .small_button {border-bottom: none}
.fixed_specimen .font_block_heading {position: relative; z-index: 10}
.custom_fonts .font_block_heading {background: url(../images/sprite.png) repeat-x left -167px; margin-left: 80px; margin-right: 80px}
.custom_fonts .font_block_heading span {padding: 0px 10px 0px 10px; background: white}
body.home .sub_nav {display: none}
.next_font,.previous_font {position: fixed; top: 45%; height: 40px; outline: none; z-index: 200; width: 40px}
.next_font {right: 0}
.previous_font {left: 0px}
.on_top {width: 40px; height: 40px; background: #222 url(images/sprite.png) no-repeat left top; position: relative; z-index: 100; display: block}
.next_font .on_top {background-position: 5px -46px; padding-right: 5px}
.previous_font .on_top {background-position: 2px -5px}
.slide_out {position: absolute; z-index: 50; height: 40px; line-height: 40px; top: 0; white-space: nowrap; display: block; color: #222;}/*background: 1px solid #eee; */
.next_font .slide_out {left: 0; padding: 0 20px 0px 15px}
.previous_font .slide_out {right: 0; padding-right: 15px; padding-left: 20px}
p.add_font_block_wrapper {text-align: center}
.mod_alert {margin: 30px 10px -20px 10px; border: 1px solid red}
.mod_alert p {margin: 0; padding: 12px 50px 12px 50px; color: #333}
.mod_alert p a {color: red}
a.ma_close {right: 10px; top: 60px; height: 40px; width: 40px; background: url(../images/sprite.png) no-repeat -60px -409px; overflow: hidden; text-indent: -999em; display: block; float: right}
.save_container {height: auto; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 2; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0px; max-width: 100%; line-height: 0;}/*overflow: hidden!important; */
.save_container_inner {width: 1000px; margin: 0 auto}
.save_container p {line-height: 50px; margin: 0; float: left; transform: skew(10deg);}
a.close_save_container {color: hsl(0, 0%, 20%); float: right; font-family: "Traverse60"; font-size: 30px; height: 48px; line-height: 50px; margin-right: 10px; position: relative; text-align: right; width: 40px; transform: skew(10deg); font-weight: bold; border-bottom: none;}
.share_wrapper {float: left;}
a.save {color: #008300; border-bottom: 1px solid #ccc}
a.save:hover {color: #000; border-bottom: 1px solid #888}
input.share_link {background-color: #fff; display: inline-block; line-height: 14px; padding: 4px 7px 4px 7px; border: 1px solid #efefef; color: #f00; margin-top: 11px; width: 520px}
input.share_link: focus {outline: none}
.woff_support .loading .font_listing {visibility: hidden}
.bot .loading .font_listing {visibility: visible !important}
.font_loader {width: 260px; position: absolute; left: 50%; top: 120px; margin-left: -120px; text-align: center; display: none; color: #333}
.loading .font_loader {display: block; visibility: visible}
.bot .loading .font_loader {display: none}
ul.font_listing {list-style-type: none; margin: 0; padding: 10px 0px 25px 0px}
ul.font_listing.img_replacement li {line-height: 0%}
ul.font_listing a {text-decoration: none; font-size: 38px; display: inline-block; width: 550px; border-top: 1px solid #313131; line-height: 42px; padding: 10px 0px 10px 0px}
ul.font_listing.img_replacement li a {line-height: 0; padding: 0}
.font_listing_page {margin: 0px; background: #222; padding-top: 30px; width: 100%}
ul.font_listing.img_replacement img {display: inline-block}
ul.font_listing li: first-child a {border-top: none}
.cust_fonts_list ul.font_listing a {padding: 0}
.cust_fonts_list ul.font_listing img {vertical-align: middle}
ul.font_listing li {text-align: center; margin: 0px}
.custom_fonts .font_block: first-child h1 { margin-top: 20px}
.custom_fonts .font_nav {padding-bottom: 25px}
.custom_fonts .mod_alert {margin: 0 5px}
li.font_list_wrapper {position: relative}
.font_inuse_taglist {position: absolute; top: 30px; background: white; width: 220px; text-align: left; padding-left: 5px; left: -10px}
.font_inuse_taglist ul li,.font_inuse_taglist ul li: first-child {border-bottom: none; display: block; padding: 0px 0px 7px 5px; line-height: 120%}
.font_inuse_taglist li a {text-decoration: none; color: #666}
ul.custom_font_listing {background: #222; list-style-type: none; text-align: center; padding: 0; margin: -20px 0 0}
.custom_fonts .content_wrapper,.old_browser_img {text-align: center}
.hide {position: absolute !important; top: -9999em !important}
.hidden {display: none}
#overlay {display: none}
span.small {color: #aaa}
h3 span.small {float: right; font-weight: normal; font-size: 16px}
.strike-through {position: relative; display: inline}
.strike-through: after {content: ""; border-bottom: 2px solid #000; width: 104%; position: absolute; top: 50%; left: -2%}
.strike-through.grey-out: after {border-bottom: 3px solid #dedede}
.grey-out {color: #cfcfcf}
.form_error {display: none}
.form_error.eway {display: block; color: #888; margin-top: 10px}
.error p {margin-bottom: 0px; color: #f00}
.error label,.error label a {color: #f00}
.error .form_input_group label,.error .form_input_group label a {color: #000}
.left_error .form_error {padding-left: 0}
.all-slider {float: left; position: relative;}
.property-title {border-bottom: 1px solid #21a119; padding: 0 8px 10px;}
.font-slider {display: none; position: absolute; background: rgba(255, 255, 255, 0.85); border: 0; left: 0; right: 0;}
#columns-1 {-webkit-column-count: 1!important; -moz-column-count: 1!important; column-count: 1!important;}
#columns-2 {-webkit-column-count: 2!important; -moz-column-count: 2!important; column-count: 2!important;}
#columns-3 {-webkit-column-count: 3!important; -moz-column-count: 3!important; column-count: 3!important;}
#columns-4 {-webkit-column-count: 4!important; -moz-column-count: 4!important; column-count: 4!important;}
.test_text {background-color: transparent;}
.font-slider {height: 40px; line-height: 23px;}
.cb_fontsize { margin: 0 10px; padding: 13px 0; width: 190px; float: left;}
.for-color {border: 1px solid #CCCCCC;}
.back-color {border: 1px solid #21a119;}
.t-class .property-title {border: medium none; padding: 0;}
.colorpick {background: hsl(0, 0%, 97%); float: left; position: absolute; right: 0; width: 230px; padding: 15px;}
.property-title {padding-bottom: 7px;}
.bg-color {background-color: #eeeeee;}
.fnt-sz:hover,.fnt-led:hover,.fnt-sp:hover,.fnt-col:hover {background-color: #21a119; color: #fff;}
.fnt-sz .font-slider,.fnt-led .font-slider,.fnt-sp .font-slider,.fnt-col .font-slider,.t-class .colorpick {display: none;}
.font_scale .property-title {font-family: "TraverseLight30"; font-size: 18px; padding-bottom: 0;}/*font-weight: bold; */
.font_block .bg-color {padding: 10px 0 20px 0;}
.font_block .free-tag {z-index: 2;}

@media only screen and (max-width: 1130px) {
.font_page_container,.save_container_inner,.contenteditable {width: 100%;}
.content_wrapper {width: 100%}
.content_inner {margin: 0px auto 0px auto; width: 92%}
.previous_font,.next_font {display: none}
.font_pages {width: 100%; margin: 0px auto 0px auto}
.custom_fonts .font_block_heading {margin-left: 0; margin-right: 0}
ul.font_listing.img_replacement li a img {max-width: 350px}
p.date {text-align: center}
.test_text,.font_block {padding-top: 0px}
.font_pages .font_block: first-child {margin-top: 0px}
.font_page {padding-bottom: 20px}
.font_listing {margin: 0px 15px 0px 15px}
.custom_fonts .bottom_arrows {bottom: -20px}
.save_container {border-right: none; border-left: none}
}

@media only screen and (max-width: 900px) {
.just_added {display: none}
ul.font_listing a,ul.font_listing.img_replacement li a {width: 95%; font-size: 30px; padding: 5px 0px 5px 0px}
}

.prev-main { float: left; margin: 0; padding: 40px 0 0px; width: 100%;}
.content_inner {float: left; position: relative; width: 100%;} 
.font_block_heading,.font_block_heading a {float: left; width: 100%; text-align: left; font-size: 14px; font-family: "Traverse60"; color: #21a119; position: relative; border-bottom: none;}
.font_block_heading,.font_block_heading a:hover {color: rgba(0, 0, 0, 0.75);}
.font_block_heading .new-tag {position: absolute; top: -20px; left: -20px;}
.test_text {float: left; text-align: left; color: #000; margin-bottom: 0;}
.t-class {display: inline-block; float: left; width: 30px; line-height: 29px; font-family: "Traverse60"; font-size: 15px; color: #21a119; border: 1px solid #cccccc; background: rgba(255,255,255,0.40); cursor: pointer; font-weight: bold;}
.t-class.t-class2 {border-left: 0;}
.t-class.t-class-active {border: 1px solid #21a119; color: #fff; background: rgba(33,161,25,0.7);}
.font_block {float: left; width: 100%; overflow: visible!important;}
.font_block_heading {margin-top: 0; margin-bottom: 0px;}
.control_bar {background: none; border: 0; height: 30px; width: 800px;}
.control_bar_inner {background: rgba(255, 255, 255, 0.75); border: 0; height: 30px; float: right; width: auto; box-shadow:-5px 0px 20px 0px rgba(0, 120, 0, 0.1);}
.add_remove_blocks {float: right;}
.cb_font, .cb_fontvar {margin-bottom: 0; margin-left: 0; margin-right: 10px; box-shadow: none;}
.cb_font a, .cb_fontvar a {background: none; border: none; border-bottom: 1px solid #21a119; padding-bottom: 0px; width: 170px; padding-left: 10px;}
.cb_font a.cb_current_font, .cb_fontvar a.cb_current_fontvar {height: 30px; line-height: 30px; overflow: hidden; margin-top: 0; padding-top: 0; font-size: 12px;}
.cb_font ul, .cb_fontvar ul {width: 170px;}
.prev-main ul li:before {padding: 0; margin: 0; content: ""; height: 0; width: 0;}
.prev-main ul li {padding: 0; margin: 0;}
.cb_fontlist ul li { padding: 0; margin: 0; float: left;}
.cb_fontlist ul li:before {content: "";}
.cb_fontlist ul li a:hover {color: #21a119; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: rgba(255, 255, 255, 0.9);}
.cb_font ul, .cb_fontvar ul {background: none; border: none;}
.cb_font ul li, .cb_fontvar ul li, .font_inuse_taglist li {top: 1px; border-top: 1px solid rgba(255, 255, 255, 0); border-bottom: 1px solid rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0.85);}
.cb_font ul li:hover, .cb_fontvar ul li:hover, .font_inuse_taglist li:hover {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: rgba(255,255,255,.96);}
.cb_font ul li a, .cb_fontvar ul li a, .font_inuse_taglist li a {padding: 5px 10px; font-size: 12px; font-family: "Traverse60"; color: #3a3738; line-height: 18px; background: none; border: none;}
.cb_font ul li a:hover, .cb_fontvar ul li a:hover, .font_inuse_taglist li a:hover {color: #21a119; border: none;}
.cb_font ul, .cb_fontvar ul, .font_inuse_taglist {border: none;}
.font_scale {margin-right: 10px;}
span.small_letters {font-size: 12px; font-family: "Traverse60"; color: #3a3738; cursor: pointer; padding-left: 10px; float: left; top: 4px; position: relative}
span.big_letters {font-size: 14px; font-family: "Traverse60"; color: #3a3738; top: 4px; cursor: pointer; padding-right: 5px; float: left;}
.ui-widget-content {border: none; height: 1px; background: #605d5e; margin-top: 2px;}
.ui-slider .ui-slider-handle {background: #fff url("../images/font-size.png") no-repeat scroll left top; border-radius: 0; height: 25px; top: -15px; width: 16px; border: none; margin-left: -5px;}
.ui-slider .ui-slider-handle: : before {content: "⬛"; font-family: 'motainterface'; font-size: 18px; color: #21a119;}
.ui-slider .ui-slider-handle {background: none !important;}
.cb_fontsize .ui-slider .ui-slider-handle,.cb_hsb_slider .ui-slider .ui-slider-handle {top: -11px; position: relative; cursor: ew-resize;}
.cb_hsb_slider.ui-slider .ui-slider-handle {top: -13px; margin-left: -8px;}
input.hsb-selected {background: #21a119!important; color: hsl(0, 0%, 100%);}
.font_scale {margin-left: 0;}
.cb_fontsize_ind,.cb_line_ind,.cb_spacing_ind,.cb_column_ind {top: 20px; background: none; padding: 0; font-size: 10px; font-family: "Traverse60"; color: #3a3738; text-transform: uppercase; position: absolute; line-height: 12px; left: 0;}
.rem_font_block, .add_font_block {background: none; border: none; line-height: 30px; font-size: 18px; color: #3a3738; font-family: "Traverse60"; width: 30px; margin-left: 0; font-weight: bold;}
.rem_font_block:hover, .add_font_block:hover {background: #eeeeee;}
a.rem_font_block:hover, a.add_font_block:hover {background: none;}
.edit_main {float: left; width: 100%; position: relative; padding: 0; margin: 0 0 50px; overflow: hidden;}
.edit_me_btn {position: absolute; left: 50%; top: 50%; width: 135px; height: 40px; margin: -20px 0 0;}
.edit_me_btn a {float: left; width: 100%; line-height: 60px;}
.edit_me_btn a {background: rgba(33, 161, 25, .75); color: #ffffff; display: inline-block; font-size: 16px; margin: 0; transform: skew(-10deg); -webkit-transform: skew(-10deg); font-family: "Traverse60"; font-weight: bold; border-bottom: none; cursor: default;}
.edit_me_btn a span {display: block; transform: skew(10deg); -webkit-transform: skew(10deg); width: 100%; text-align: center;}
.edit_me_btn a i {margin: 0 0 0 10px;}
.edit_me_btn a:hover {background: rgba(33, 161, 25, .92); color: #fff;}/*background: #3a3738; */
.edit_me_btn a:active {background: rgba(0, 0, 0, .75);}/*background: #3a3738; */
.loading .font_block {visibility: hidden;}
.font_loader > img {height: auto; width: 40px;}
a.share_wrapper {color: hsl(116, 73%, 36%);}
a.share_wrapper:hover {color: #3a3738;}
.font_block:last-child .bg-color {padding-bottom: 50px;}
.font-single .font_block:last-child .bg-color {padding-bottom: 50px}
.font-single .font_block .bg-color {background: #fff;}
.font-single .prev-main h3 { position: relative; z-index: 1; margin: 24px 0 0 0; font-family: 'TraverseThin80', 'Traverse60', sans-serif; font-weight: normal;}
.font-single .font_block_heading .font_name {font-weight: 700;}
.specimen .font_block:nth-child(2) .bg-color {padding-top: 60px;}
.specimen .font_block:nth-child(2) {margin-top: -40px;}
.font-single .specimen .font_block:nth-child(2) .bg-color {padding-top: 115px; margin-top: -15px;}
.font-single .specimen .font_block:nth-child(2) {margin-top: -86px;}

/* New Colorpicker Style */
.colorbox-cont {left: auto !important; right: 90px !important; background: rgba(255, 255, 255, 0.8); width: 190px!important; padding: 5px;}
.colorbox-cont.back {right: 60px!important;}
.box-item.selected-color {border: 1px solid #fff;}
.color-hsb {float: left; text-align: left; width: 100%;}
.color-hsb input {background: #fff; border: medium none; border-radius: 0; float: left; height: 30px; width: 30px; font-family: "TraverseLight30"; font-size: 20px; text-align: center;}
.color-hsb label {float: left; font-size: 14px; line-height: 30px; text-align: center; width: 30px; text-transform: uppercase;}
.hsb-slider {float: left; width: 100%;}
.cb_hsb {display: inline-block; float: left; height: 30px; margin: 0 12px; padding: 11px 0; vertical-align: middle; width: 118px;}
.footer {float: left; width: 100%; height: 0; font-family: "TraverseLight30"; font-size: 0px;}
.controle_bar_close {display: none;}
.test_text.dire-right { direction: rtl; text-align: right; unicode-bidi: bidi-override;}
.save-con-white-back { background: #fff none repeat scroll 0 0; float: right; height: 100%; position: absolute; right: 0; width: 25px; z-index: 1; display: none; opacity: 0.95}

@media only screen and (max-width: 960px) {
.font-single .specimen .font_block:nth-child(2) {margin-top: -78px;}
}

@media only screen and (min-width: 767px) and (max-width: 930px) {
.control_bar {width: 665px;} 
.cb_fontsize {width: 187px;}
.cb_font a, .cb_fontvar a {width: 115px;}
.cb_font ul li, .cb_fontvar ul li, .font_inuse_taglist li {background: rgba(255, 255, 255, 0.94);}
.share_wrapper span {float: left; line-height: 29px; margin: 0 2% 5px; width: 96%;}
.cb_font, .cb_fontvar {margin-right: 6px;}
.font_scale {margin-right: 6px;}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
.control_bar {width: 100%; height: auto; top: 90px; position: fixed;} 
.control_bar_inner {height: auto; background: rgba(255, 255, 255, 0.94); padding: 5px 2%; width: 100%;} 
.cb_font {margin-right: 4%;} 
.cb_fontvar {margin-right: 0;}
.cb_font a, .cb_fontvar a {width: 116px; padding-left: 4px;}
.font_scale {margin-right: 13px;}
.cb_fontsize {width: 190px;}
.add_remove_blocks {bottom: 5px; position: absolute; right: calc(2% + 30px);}
.cb_font ul, .cb_fontvar ul {width: 100%; z-index: 111;}
.cb_font ul li, .cb_fontvar ul li, .font_inuse_taglist li {background: rgba(255, 255, 255, 0.94);}
.cb_font, .cb_fontvar {margin-bottom: 5px; width: calc(48% - 50px);}
.cb_font a.cb_current_font, .cb_fontvar ul li a, .cb_fontvar a.cb_current_fontvar {width: 100%;}
.cb_font a.cb_current_font, .cb_fontvar a.cb_current_fontvar {font-size: 16px; letter-spacing: .25px; padding: 0 0 0 9px; text-transform: uppercase;}
.cb_font a, .cb_fontvar a, .cb_font ul li a, .cb_fontvar ul li a, .font_inuse_taglist li a {font-size: 16px; width: 100%; font-family: 'TraverseLight30', 'Traverse60'; line-height: 95%; text-transform: uppercase;}
.cb_font ul li a, .cb_fontvar ul li a, .font_inuse_taglist li a {padding: 0 4px 0 6px;}
span.big_letters {font-size: 16px; padding-right: 0; font-weight: bold;}
span.small_letters {font-size: 11px; padding-left: 10px; font-weight: bold;}
.edit_me_btn {width: 100px; margin: -25px 0 0;}
.edit_me_btn a {font-size: 14px; line-height: 36px;}
.share_wrapper span {float: left; line-height: 25px; margin: 0 1% 5px; width: 100%;} 
.cb_fontsize {width: calc(100% - 94px);}
.font_scale {margin-bottom: 6px; margin-right: 3%; width: 22.7%;}
.font_scale:last-child {margin-right: 0}
.colorpick {width: 256px;}
.property-title {padding: 0 4px 10px;}
.font-slider {z-index: 99; top: 41px; background: rgba(255, 255, 255, 0.94); width: calc(105% + 101px); left: -2.5%;}
.all-slider {width: calc( 100% - 100px);}
a.close_save_container {position: absolute !important; right: 12px; top: -1px; line-height: 140%; height: auto;}
.share_wrapper {padding: 0 20px 0 0; max-width: 100%;}
.save-con {margin-right: 0; width: auto;}
.colorbox-cont {top: 35px!important; right: calc(2% + 54px)!important;}
.colorbox-cont.back { right: calc(2% + 30px)!important; top: 35px!important;}
.t-class {position: absolute;}
.t-class.for-color {right: calc(2% + 60px);}
.t-class.t-class2.t-class-active.back-color { right: calc(2% + 30px);}
.cb_fontsize {margin: 0 20px;}
.controle_bar_close {color: #21a119; font-size: 11px; border: 1px solid #ccc; margin: -13px auto auto; float: right; width: 70px; position: absolute; right: -20px; top: 50%; display: inline-block; cursor: pointer; transform: rotate(-90deg); background-color: rgba(255, 255, 255, 0.4); line-height: 22px; right: -18px;}
.cb_fontsize_ind,.cb_line_ind,.cb_spacing_ind,.cb_column_ind {top: 13px; font-size: 12px;}
.colorbox-cont {background: rgba(255, 255, 255, 0.94);}
.cb_hsb {width: 130px;}
.cb_hsb_slider.ui-slider .ui-slider-handle {top: -10px;}
.share_wrapper p span {font-size: 14px; line-height: 100%; font-family: 'TraverseLight30';}

/* Font Single page changes */
.font-single .font_block .title-fonts { height: 0;}
.save-con-white-back {display: block;}
.save_container p {line-height: 140%; padding: 10px 15px 10px 0;}
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
	.save-con {width: 95%;}
}

@media only screen and (min-width: 0px) and (max-width: 360px) {
.font_scale .property-title {font-size: 13px; line-height: 24px;}
}