@charset "utf-8";
/* CSS Document */
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

 @font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.0.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}
* {margin:0; padding:0; border:none; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#333; background:#ebebeb; min-width:320px;}
a {color:#4a6491; text-decoration:none;}
.top_bar {height:42px; background:#4a6491; color:#fff;}
.top_bar a {color:#fff;}
.inner_main {padding:0 15px;}
.logo {float:left; font-size:25px; text-transform:uppercase; font-weight:400; height:42px; line-height:42px; margin-left:-15px;}
.logo a {padding:0 15px; display:block;}
.logo a:hover, .logo a:focus {background:#5572a5;}
.social_icon {float:right; margin-top:7px;}
#designTool, #designToolSave {margin:0; padding:15px; background:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.1);}
#designTool h2 {color:#4a6491; margin-bottom:15px; text-align:left; font-size:24px;}
.sign-type-box {width: 33.333%; float: left; text-align: center; height:375px; overflow: visible; padding:30px;}
.sign-type-box + .sign-type-box {}
.sign-type-box:hover {cursor:pointer;}
#designTool .sign-type-box h2 {margin-bottom:0px; font-size:20px;}
.footer {background:#4a6491; padding:15px 0; color:#fff;}
.footer_left {text-align:center;}
.footer_right {text-align:center; padding-top:10px; color:rgba(255,255,255,0.5);}
.clear {clear:both;}
.sign-type-box img {max-width:100% !important; max-height:240px !important;}
#designTool.step_selectMaterial .sign-type-box h2 {margin-bottom:15px;}
#designTool.step_selectFixing .sign-type-box {height:400px;}
#designTool .top-panel {}
.options_box_outer {position:relative; height:40px; margin-bottom:15px;}
.options_box {position:absolute; right:160px; height:40px; top:0px; left:0;}
.options_box > li {float:left; width:50%; list-style:none; text-align:center; line-height:40px; font-size:20px; padding-right:10px;}
.liveSupport {position:absolute; right:0; top:0;}
#totalPriceBox {background:#3cb879; color:#fff; height:40px;}
#totalPriceBox .scrollToSubmit {cursor:pointer; border-bottom:2px solid #fff;}
#youtuber {background:#577dbf; color:#fff; cursor:pointer; height:40px;}
#youtuber br {display:none;}
#youtuber:hover, #youtuber:active {background:#5c8ad8;}
.med_text {font-size:16px; margin:0 0 10px; line-height:25px;}
#currency-units-toggle {border:1px solid #e1e1e1; border-bottom:none; background:#f6f6f6; padding:7px 15px; position:relative; margin-top:-44px; height:44px; font-size:12px;}
#currency-units-toggle select {border:1px solid #e1e1e1; height:30px; padding:0 6px; width:100px; background:#fff; font-size:12px;}
#currency-units-toggle .sep {border-left:1px solid #e1e1e1; margin:0 5px; display:inline-block;}
#designTool .view {width: 100%; height: 700px; float: left; background: #D7D8E8; position: relative; overflow: visible; margin-top:44px;}
#addtional-op > input[type="text"], input[type="text"], input[type="email"], input[type="password"], select  {border:1px solid #e1e1e1; background:#fff; padding:8px;}
#designTool .view .toolbar .btn {
    margin-top: 3px;
    margin-right: 3px;
    position: relative;
    padding: 14px 12px 14px 8px;
    cursor: pointer;
    float: left;
    list-style: none;
    font-family: inherit;
    border: none;
    background: #4A6491;
    font-weight: normal;
    color: #fff;
    box-shadow: none;
    border-radius: 0;
}
.optionsBottom > li {list-style:none; float:left; width:50%;}
.optionsBottom > li + li {}
.optionsBottom2 > li {list-style:none; width:50%; float:left;}
.optionsBottom2 > li + li {padding-left:20px;}
.optionsBottom2 {padding-top:6px; margin-top:6px;}
.wallFixlist > li {list-style:none; float:left; color:#fff; padding-right:10px;}
.wallFixlist > li:last-child {border-right:none;}
.wallFixlist > li .fixingNumInput, .wallFixlist > li input {margin-top:0px;}
.borderStyleBox select {float:none !important; margin:3px 0 0 !important;}
.colBorder1 > label {float:left !important; line-height:30px; width:65px !important;}
.borderStyleBox {margin-left:65px; padding-right:22px;}
.fixing-input-set > label {width:65px !important; float:left !important;}
.fixing-input-set > div {margin-left:65px;}
.colBorder1, .colBorder2 {width:50%; float:left;}
.border-input-set, .fixing-input-set {padding-top:4px; margin-top:8px; border-top:1px solid rgba(255,255,255,0.15);}
.fixing-input-set {margin-top:5px;}
.opt-borderStyle {padding-top:7px;}
#designTool .right-panel .top {padding-bottom:5px !important;}
.TextBox-panel {position:fixed; left:0; right:0; bottom:0; background:#333; padding:10px 15px;} 
.textOption {margin-right:78px;}
.textOption > li {list-style:none; float:left; width:50%;}
.textOption > li:first-child {padding-right:20px;}
.addSymbolBtn {position:absolute; right:15px; margin:0px !important;}
.displayNone {
	display: none;
}
#images-btn, #delete-btn, #save-btn, #create-btn, #help-btn {

	display:block; margin:0px !important; 
	text-align:center; 
	padding:6px 10px !important; 
	height:32px; 
	line-height:20px;
}

#delete-btn,
#save-btn {
	width:36% !important; 
}
#help-btn {
	width:28% !important; 
}
#images-btn, 
#create-btn {
	width:50% !important; 
}

#images-btn:hover, #delete-btn:hover, #save-btn:hover, #create-btn:hover, #help-btn:hover {background:#6490db !important;}
#designTool .view .toolbar {
    position:absolute;
    z-index:3;
    top:0px;
    left:0px;
    width:100%;
    height:32px;
    background: #4A6491;
    padding: 0 ;
}
.TextBox-panel input.add_char {
    width:80px;
    height:25px;
    float:left;
    font-family:Arial;
    font-size:12px; font-weight:bold;
    background:none;
    background-color:#3cb879;
    color:#fff;
    line-height:18px;
    padding:2px;
    margin-top:0;
    margin-right:4px;
    border-top:none;
    cursor:pointer;
}
#designTool .view .elementHolder {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 480px;
    margin-top: 32px;
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    overflow: auto;
}
#designTool .view .zoom {
    position:absolute;
    z-index:3;
    top: 75px;
    left:15px; right:15px;
    width:auto;
    text-shadow: 0 1px 0 #FFF;
}
#designTool .view .zoom .scale_text {
    display: block;
    float: left;
    padding-right: 10px;
    margin-top: -2px;
    width: 90px;
}
#designTool .view #zoom-slider {
    width:auto; margin-left:90px; margin-right: 25px; box-shadow:2px 2px 5px rgba(0,0,0,0.4); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.4); -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.4);
}
.fontSizeBox > label {float:left !important; width:60px !important; line-height:25px;}
.fontSizeBox {padding-right:22px; position:relative;}
.fontSizeInput .measure-unit {margin-top:8px !important;} 
.fontSizeBox > div {margin-left:60px;}
.fontSizeBox > div > input, .textInputInner input {margin-top:0px; width:40px !important; text-align: center;}
.textInputBox > label {float:left !important; width:35px !important; line-height:25px;}
.textOption  li.textBox1 {
	width: 130px;
	padding-right: 0;
}
.textOption  li.textBox2 input {
	width: 300px !important;
}

.textInputInner {margin-left:35px;}
.MyBottomPanel {
    background:#3a5585;
    width:100%;
    height:auto;
    z-index:999;
    clear: both; text-align:center;
}
.MyBottomPanel p {color: #FFFFFF;padding: 5px 15px; font-size:12px;}
#input-slider {
    position:absolute;
    z-index:1000;
    width:auto; left:15px !important; right:15px; top:-6px !important;
    display:none;
    box-shadow:2px 2px 5px rgba(0,0,0,0.4); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.4); -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.4);
}
#designTool .right-panel {
    width: 100%;
    text-align: center;
    float: right;
    height: auto;
    background-color: #4A6491; position:absolute; bottom:0; z-index:11;
}

#designTool .right-panel label {
    margin:0; padding:0;
    color: #fff; display:block; float:none; width:auto; text-align:left; font-size:12px; font-style:italic; float:left; margin-right: 5px; line-height: 2rem;

}



#designTool .right-panel .top, #designTool .right-panel .bottom  {
    width: 100%;
    padding:10px 15px;
    background: #fff;
}
#designTool .right-panel .bottom {padding:0px;}
.TextBox-panel input, .DesignElement-panel input {
    display:block;
    width:30%;
    float:left;
    border:none;
    margin-top:3px; height:25px; padding:0 6px; color:#666;
}
#fontfamily-chooser {
	left: 0!important;
}
.TextBox-panel select, .DesignElement-panel select {
    display:block;
    float:left;
    border:0;

    background:#fff;
color:#444;
}

.design-comment-box {
	background: #444 !important;
	color: #fff;
}
.pricing-subs.costs {
	margin-bottom: 0 !important;
}

.TextBox-panel .measure-unit, .DesignElement-panel .measure-unit {
    display: block;
    float: left;
    line-height: 20px;
    height: 20px;
    padding: 2px;
    color: #fff;
    margin-left: 2px;
    margin-top: 11px;
    font-size: 12px;
}
.widthOption > div, .heightOption > div {position:relative; padding-right:22px;}
.TextBox-panel .measure-unit, .DesignElement-panel .measure-unit {}
#font-color-input {

    cursor: pointer;

display: block;
width: 30%;
float: left;
border: none;
margin-top: 3px;
height: 25px;
padding: 0 6px;
color: #666;


}
#color-chooser {
    position:absolute;
    z-index:6000;
    width:175px;
    height:115px;
    background-color:#FFF; box-shadow:1px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.5); -moz-box-shadow:1px 2px 5px rgba(0,0,0,0.5);
    overflow:auto;
    display:none; margin:-117px 0px 0 0;
}

#color-chooser ul {
    padding:15px;
    padding-right:0;
    margin:0;
}
#color-chooser li {
    margin:0;
    padding:0;
    float:left;
    width:25px;
    height:25px;
    margin-right:5px;
    margin-bottom:5px;
    list-style:none;
    outline:1px solid #6e6e6e;
    border:1px solid #FFF;
    cursor:pointer;
}
#fontfamily-chooser {
    position:absolute;
    z-index:6000;
    width:220px;
    height:200px;
    background-color:#FFF; box-shadow:1px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.5); -moz-box-shadow:1px 2px 5px rgba(0,0,0,0.5);
    overflow:auto;
    display:none; margin-top:-202px;
}
#fontfamily-chooser ul {
    padding:10px;
    margin: 0;
}
#fontfamily-chooser li {
    margin:0;
    padding:0; height:30px;
    margin-bottom:6px;
    list-style:none;
    padding:4px 0;
    cursor:pointer;
}
#fontfamily-chooser li:hover {
    color:#EF7F25;
    list-style:square;
}
#designTool .bottom-panel {
    clear:both;
    padding:0;
    margin-top: 2rem;
    display: inline-block;
	width: 100%;
}
.checkoutOverviewBox h4 {text-align:left; margin-bottom:5px;}
#designElement {margin-left:0px !important;}
.checkoutPayBox {
    width: auto;
    margin: auto;
    padding: 0;
    padding-top: 15px; margin-top:15px; border-top:1px solid #e1e1e1;
}
#designPreview {
    margin-bottom: 30px;
    width: auto;
    height: auto; max-width:100%; overflow:hidden;
    position: relative;
}
#designPreviewSurface #designElement .shape-box img {max-width:100%;}
.design-comment-box {
    border:0;
    margin:0;
    padding:10px;
    outline:0; resize:none;
    width:100%;
    height:100px;
    font-family:Arial, sans-serif;
    font-size:16px;
}
.yourOrder {
	height: 40px;
}
.yourOrder.forceLi {font-size: 24px;

}
input.next-step-submit {
    background: none;
    background-color: #3CB879;
    border: none;
    color: #FFF;
    cursor: pointer;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    font-size: 1.2rem;
    font-weight: 700 !important;
    line-height: normal;
    margin: 0 0 0rem;
    padding: 1rem 1rem 1rem; display:block; width:100%;
}
.add_char_box {
    position:absolute;
    top:auto !important;
    left:0; bottom:8px !important;
    border:2px solid #CCC;
    background:#FFF;
    border-radius:10px;
    padding:10px;
    width:300px;
    height:300px;
    text-align:left;
    z-index:800;
    display:none;
}
input.next-step-submit:hover {
    background-color:#99a5e3;
}
ul.pricing-subs li .desc {
    width:340px;
    display:block;
    float:left;
    color:#CCC;
}

#addtional-op {}
#add_char_box .close {padding:2px 10px; float:right; background:#3cb879; color:#fff;}
#images-popup .body .tab-navi {
    padding: 4px;
    font-size: 15px;
    line-height: 28px;
    height: 38px;
    color: #fff;
    display: block;
    background: #A3A3A3;
    text-align: center;
    float: left;
    width: 140px;
    margin-top: 20px;
}
.order-info-form {
    border-top: 1px dashed #b5b5b5;
    display:none;
    padding: 0rem;
}
.order-info-form input[type="text"], .order-info-form input[type="email"], .order-info-form input[type="password"], .order-info-form select, #designToolSave input[type="text"], #designToolSave input[type="email"], #designToolSave input[type="password"], #designToolSave select {margin-bottom:10px; width:100%;}
.step_shippingAndHandling > form {background:#eee; padding:15px; line-height:20px; margin:15px 0 0;}
.step_shippingAndHandling > form p, #designToolSave p {margin-bottom:10px;}
@media screen and (max-width:890px) {
	.sign-type-box {padding:20px; height:350px;}
	#designTool .sign-type-box h2 {font-size:18px;}
	#designTool.step_selectMaterial .sign-type-box, #designTool.step_selectFixing .sign-type-box {height:280px;}
	#designTool.step_selectFixing .sign-type-box {height:380px;}
}
@media screen and (max-width:840px) {
	#designTool.step_selectMaterial .sign-type-box, #designTool.step_selectFixing .sign-type-box {width:50%; height:320px;}
	#designTool.step_selectFixing .sign-type-box {height:420px;}
.textOption  li.textBox2 input {
	width: 200px !important;
}	
}
@media screen and (max-width:740px) {
	.sign-type-box {height:320px;}
	#designTool .sign-type-box h2 {font-size:16px;}
	.options_box > li {font-size:15px;}	
}
@media screen and (max-width:690px) {
	.sign-type-box {float:none; width:auto; min-height:10px; height:auto;}
	#designTool .sign-type-box h2 {font-size:20px;}
	#designTool.step_selectMaterial .sign-type-box, #designTool.step_selectFixing .sign-type-box {width:50%; float:left; height:320px;}
	#designTool.step_selectFixing .sign-type-box {height:420px;}
	.add_char_box {left:auto !important;}
}
@media screen and (max-width:620px) {
	#youtuber br {display:block;}
	.options_box > li {line-height:normal; font-size:13px;}
	#totalPriceBox .scrollToSubmit {display:block; border:none; text-decoration:underline;}
	#totalPriceBox, #youtuber {padding:4px; font-weight:bold;}
.textOption  li.textBox2 input {
	width: 100px !important;
}
}
@media screen and (max-width:580px) {
	#designTool.step_selectMaterial .sign-type-box, #designTool.step_selectFixing .sign-type-box {width:auto; float:none; height:auto;}
	ul.pricing-subs li .desc {padding-right:10px; width:200px;}
}
@media screen and (max-width:520px) {
	#currency-units-toggle select {width:72px;}
	#images-btn, #delete-btn, #save-btn, #create-btn, #help-btn {font-size:12px; white-space:nowrap;}
	#designTool .view .elementHolder {/*height:280px;*/}
	#designTool .view {height:700px;}
	#designTool .view .elementHolder {
    	height: 355px;
    }
	#images-popup h1 {font-size:20px;}
	#images-popup .close, #message-popup .close, #help-popup .close {font-size:25px !important;}
	#images-popup .body .tab-navi {width:50% !important; height:32px; line-height:25px; font-size:13px;}
}
@media screen and (max-width:460px) {
	.liveSupport {position:static;}
	.options_box {position:static; height:auto;}
	.options_box > li {float:none; width:auto; padding:0px; font-size:18px; margin-top:5px;}
	.options_box_outer {height:auto; margin-bottom:0px;}
	#youtuber br {display:none;}
	#totalPriceBox .scrollToSubmit {display:inline-block;}
	#totalPriceBox, #youtuber {font-weight:normal; padding:9px;}
	.liveSupport {width:160px; margin:0 auto;}
	#youtuber, #totalPriceBox {height:auto; min-height:40px;}
}
@media screen and (max-width:439px) {
	#images-btn .fa, #delete-btn .fa, #save-btn .fa, #create-btn .fa, #help-btn .fa {display:block !important; font-size:13px;}
	#images-btn, #delete-btn, #save-btn, #create-btn, #help-btn {font-size:11px; height:40px;}
	#designTool .view .toolbar {height:40px;}
	input.next-step-submit {font-size:13px;}
	#designTool .view .zoom {top: 100px;}
}
@media screen and (max-width:419px) {
	#currency-units-toggle {font-size:10px;}
	#currency-units-toggle select {width:50px; padding:0 3px;}
	#currency-units-toggle .sep {display:none;}	
	#images-btn, #delete-btn, #save-btn, #create-btn, #help-btn {font-size:10px;}
	.optionsBottom > li {width:100%;}
	.fontSizeBox > label, .textInputBox > label {float:none !important; width:auto !important;}
	.fontSizeBox > div, .textInputInner {margin-left:0px;}
	.addSymbolBtn {bottom:8px;}
	.colBorder1, .colBorder2 {width:100%; float:none;}
	.borderStyleBox {padding-right:0px;}
	#addtional-op {width:auto !important;}
	#images-popup h1 {font-size:16px;}
}

@media screen and (max-width:380px) {
	#designTool h2 {font-size:20px; text-align:left;}
	#designTool .sign-type-box h2 {font-size:18px;} 
	.logo {font-size:20px;}
	.fa-2x {font-size:1.6em;}
	.social_icon {margin-top:12px;}
}
.top-panel h2 span {
	color: orange!important;
}

.pricing-subs.costs .forceLi {
	display: list-item !important;
	background: #3CB879;
	color: #FFF;
}
.pricing-subs.costs .forceLi, 
.pricing-subs.costs .forceLi .desc {
	color: #FFF;
}
.pricing-subs .fixing .included {
	display: inline-block;
}
.pricing-total, .additionalStones, .duplicateSidesChecker {
	display: list-item !important;
}

.duplicateSidesChecker  input {
}
.additionalStones {
	height: 45px;
}
.additionalStones input {
 width: 40px;
 text-align: center;
}
.additionalStones .desc {
	line-height: 30px;
}
.finalStep small {
    color: #777;
    font-weight: normal;
    font-size: 1rem;

}

.finalStep small a {
	color: #777;
	border-bottom: 1px dotted orange;
}
#create_textbox {
	color: white;
}

.checkoutPayBox .pricing-total {
	display: block !important;
}
.borderStyleBox {

}