@import url(http://fonts.googleapis.com/css?family=Josefin+Slab:i,b,bi);
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}
html {margin:0px; padding:0px; height:100%;}
body {background:#fff; margin:0px; padding:0px; font-size:11px; height:100%; min-width:980px; width:100%; font-family: 'Open Sans', sans-serif; font-weight:400;}
textarea, input{font-family: 'Open Sans', sans-serif; font-weight:300;}
input:focus, select:focus, textarea:focus, button:focus{outline: none;}
.pos{position:absolute;}
.fl {float:left;position:relative;}
.fr {float:right;position:relative;}
a {text-decoration:none; outline:none; cursor:pointer;}
img{border:0px;}
.clear{clear:both ;overflow:hidden; height:0px; font-size:0px;}
ul{padding:0px; margin:0px; list-style:none;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
article, section, footer, header, figure, aside, hgroup, nav{display:block;}
#content-block{width:100%; position:relative; min-height:100%; overflow:hidden;}
#content-wrapper{width:100%; position:relative; margin:40px 0 33px 0; z-index:1;}
.bg-shadow{position:absolute; width:100%; height:100%; left:0; top:0; z-index:0;}
#content-wrapper h1{font-size:34px; line-height:34px; color:#3e3f42; text-transform:uppercase; font-weight:300; width:90%; left:5%; text-align:center; position:absolute; top:100px; letter-spacing:-1px;}

/*loader*/
.loader, .loader1{position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:5; background:#fff;}
.loader1 {position: relative;}
.loader-content{width:104px; height:104px; position:absolute; margin:-52px 0px 0px -52px; left:50%; top:50%;}
.loader-content div.inside{width:90px; height:90px; position:absolute; left:50%; top:50%; margin:-45px 0px 0px -45px; background:#fff; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -ms-border-radius:50px; z-index:2;}
.loader-content div.outside{width:104px; height:104px; position:absolute; left:0; top:0; background:#e7e7e7; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -ms-border-radius:70px;}
.loader-content img{position:absolute; left:50%; top:50%; width:70px; margin:-11px 0px 0px -35px; z-index:3;}
.loader-content img:first-child{margin:-52px 0px 0px -52px; width:104px; z-index:1;}

/*header*/
header{position:absolute; top:0; left:0; width:100%; height:40px; background:#454648; z-index:4;}
.log-block{position:absolute; right:0px; top:0px;}
.log-block li{float:left; background:url(../img/log-separator.png) left center no-repeat; position:relative;}
.log-block li a{font-size:14px; color:#a1a1a2; font-weight:700; text-transform:uppercase; line-height:40px; padding:0px 10px; display:block; letter-spacing:-1px; position:relative;}
.log-block li a:hover{color:#f8931d;}
.log-block li a.logged-in, .log-block li a.open-login{padding:0px 35px; background:url(../img/logged-in-bg.png) right center no-repeat;}
.log-block li a img{position:absolute; left:9px; top:10px;}
.log-drop{position:absolute; top:100%; background:#161616; background:rgba(22,22,22,0.9); width:100%; display:none; left:1px; padding:5px 0;}
.log-drop a{font-size:12px;}
.log-drop a span{color:#f8931d; margin-left: 29px;}
.log-block li a.exit-design{padding:0 32px 0 12px; background:url(../img/di-exit.png) right center no-repeat;}
#logo{position:absolute; left:5px; top:1px;}
#logo img{display:block;}
.di-steps{position:absolute; left:150px; top:0;}
.di-steps li{float:left;}
.di-steps li a{float:left; line-height:14px; font-size:14px; color:#b5b5b5; text-transform:uppercase; position:relative; height:35px; padding:5px 7px 0 7px;}
.di-steps li a:first-child, .di-steps li li:first-child a:first-child{padding-left:30px;}
.di-steps li:first-child li a{padding-left:7px;}
.di-steps li a b{font-weight:700;}
.di-steps li a span{font-size:32px; line-height:37px; position:absolute; width:30px; text-align:center; left:0; top:0; font-weight:700;}
.di-steps li li{background:#c37c2a;}
.di-steps li li a{color:#313133;}
.di-steps li a.active, .di-steps li a:hover{background:#f8931d; color:#313133;}

/*footer*/
footer{position:fixed; left:0; bottom:0; width:100%; background:#fff; height:35px; line-height:35px; z-index:3; -webkit-box-shadow: 0px -2px 5px 0px rgba(94, 94, 94, 0.77); -moz-box-shadow:    0px -2px 5px 0px rgba(94, 94, 94, 0.77); box-shadow:         0px -2px 5px 0px rgba(94, 94, 94, 0.77);}
footer .right{float:right;}
footer .left{float:left; padding-left:5px;}
footer .right a{float:right; font-size:13px; line-height:15px; margin-top:10px; color:#989898; font-weight:600; text-transform:uppercase; letter-spacing:-1px; padding:0 12px;}
footer .right a:first-child{color:#2f2f2f; border-left:1px #989898 solid;}
footer .right a:first-child:hover, footer .right a:hover{color:#f8931d;}
.footer-entry{float:left; font-size:13px; color:#222324; text-transform:uppercase; letter-spacing:-0.5px; padding:0 5px; position:relative;}
.footer-entry.spine, .footer-entry.paper, .footer-entry b{font-weight:700;}
.drop-title{cursor:pointer; padding-right:18px; background:url(../img/footer-arrow.png) right center no-repeat; position:relative; z-index:1;}
.drop-bg{background:#161616; background:rgba(22,22,22,0.9); position:absolute; left:0; bottom:0; width:0%; height:100%;}
.footer-entry:hover .drop-title{color:#717171;}
.footer-entry:hover .drop-bg{width:100%;}
.drop-up{position:absolute; left:0px; bottom:35px; background:#161616; background:rgba(22,22,22,0.9); padding:5px 0; display:none; min-width:100%;}
.drop-up a{color:#fff; font-weight:700; font-size:13px; line-height:18px; padding:2px 5px; display:block;}
.drop-up a:hover, .drop-up a.active{color:#F8931D;}

/*binder slider*/
.binder-slider{width:100%; height:0px; position:absolute; left:0; top:50%;}
.binder-slider-out{width:940px; margin:0 auto; overflow:hidden; height:675px; top:50%; margin-top:-305px; position:relative;}
.binder-slider-in{position:relative; height:1px; width:100000px; top:50%;}
.binder-slider-entry{width:120px; float:left; cursor:pointer; position:relative; top:50%; margin-top:-90px; height:180px;}
.binder-slider-entry.scaled{transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}

/*.binder-slider-entry:nth-child(2){transition-delay:300ms; -moz-transition-delay:300ms; -webkit-transition-delay:300ms;}
.binder-slider-entry:nth-child(3){transition-delay:600ms; -moz-transition-delay:600ms; -webkit-transition-delay:600ms;}
.binder-slider-entry:nth-child(4){transition-delay:900ms; -moz-transition-delay:900ms; -webkit-transition-delay:900ms;}
.binder-slider-entry:nth-child(5){transition-delay:1200ms; -moz-transition-delay:1200ms; -webkit-transition-delay:1200ms;}
.binder-slider-entry:nth-child(6){transition-delay:1500ms; -moz-transition-delay:1500ms; -webkit-transition-delay:1500ms;}
.binder-slider-entry:nth-child(7){transition-delay:1800ms; -moz-transition-delay:1800ms; -webkit-transition-delay:1800ms;}
.binder-slider-entry:nth-child(8){transition-delay:2100ms; -moz-transition-delay:2100ms; -webkit-transition-delay:2100ms;}*/

.binder-slider-entry span.image-block{width:120px; height:155px; display:block; text-align:center; position:relative;}
.binder-slider-entry.active{width:220px; height:380px; top:50%; z-index:1; margin-top:-210px; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.binder-slider-entry.active span.image-block{width:220px; height:350px; display:block;}
.binder-slider-entry span img{width:80%; position:absolute; left:10%; bottom:0; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.binder-slider-entry.active span img{width:100%; left:0;}
.image-block-title{width:95%; padding:0 3% 0 2%; text-align:center; font-size:10px; color:#8a8a8a; text-transform:uppercase; display:block; position:relative;}
.image-block-title b{color:#2e2e2e; font-weight:700; font-size:12px;}
.ellipse{-moz-border-radius: 50% / 50%; -webkit-border-radius: 50% / 50%; border-radius: 50% / 50%; background:#f8931d; position:absolute; width:120%; left:-10%; height:40%; bottom:-10%; transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0);}
.binder-slider-entry.active .ellipse{width:140%; left:-20%;}
.binder-slider-entry.active .ellipse, .binder-slider-entry:hover .ellipse{transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.binder-slider-entry.active .image-block-title, .binder-slider-entry:hover .image-block-title{color:#2e2e2e;}
.binder-slider-entry.active .image-block-title{transform:scale(1.5); -moz-transform:scale(1.5); -webkit-transform:scale(1.5);}
.arrow-left{position:absolute; left:0; top:50%; margin-top:-234px; cursor:pointer; -webkit-backface-visibility:hidden;}
.arrow-right{position:absolute; right:0; top:50%; margin-top:-234px; cursor:pointer; -webkit-backface-visibility:hidden;}
.prev-button{background:url(../img/prev-button.png) left top no-repeat; padding-left:70px; height:27px; position:absolute; left:5%; bottom:70px; cursor:pointer; font-size:14px; color:#5c5c5c; text-align:left; text-transform:uppercase; line-height:14px;}
.next-button{background:url(../img/next-button.png) right top no-repeat; padding-right:70px; height:27px; position:absolute; right:5%; bottom:70px; cursor:pointer; font-size:14px; color:#5c5c5c; text-align:right; text-transform:uppercase; line-height:14px;}
.prev-button b, .next-button b{display:block;}
.code-form{position:absolute; top:75px; right:5%; z-index:1;}
.code-form label{color:#2F2F2F;display:block; font-size:16px;}
.code-form label span{color:#EE3B33;}
.code-form input{ border:none; }
.code-form input[type=text]{background:url(../img/top-banner-input-border.png) repeat-x; color:#2f2f2f; height:44px; line-height:44px; width:115px; font-size:16px;}
.code-form input[type=submit]{margin-top: 15px; margin-bottom: 15px; font-size: 21px; line-height: 35px; font-weight: 600; margin-left: 25px; cursor: pointer; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}
.pink-button, .little-button{font-size:12px; color:#fff; font-weight:400; text-transform:uppercase; background:#ee3b33; display:inline-block; line-height:24px; padding:0px 10px; font-family: 'Roboto', sans-serif;}
.pink-button:hover, .pink-button.active, .little-button:hover, .little-button.active{color:#ee3b33; background:#222121;}
.little-button{font-size:12px; line-height:24px;}

/*selection panel*/
.selection-panel{padding-top:120px;}
.selection-image{height:380px; width:100%; position:relative;}
.selection-image div{text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; /*display:none;*/ backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.selection-image div{-moz-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; -webkit-transition:all 400ms ease-out; transition:all 400ms ease-out; -ms-transition:all 400ms ease-out;}
.selection-image div {transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); opacity:0;}
.selection-image div.active { z-index: 1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); opacity:1;}
.selection-image div img{height:100%; width:auto; max-width:100%;}
.selection-clouds{text-align:center; font-size:0; padding-top:50px; padding-bottom:100px;}
.selection-clouds a{display:inline-block; position:relative; font-size:40px; color:#494949; text-transform:uppercase; font-weight:300; text-transform:uppercase; line-height:57px; min-width:127px; text-align:center;}
.paper-select .selection-clouds a{line-height:86px; min-width:194px;}
.selection-clouds a span{position:relative;}
.selection-clouds a .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:#f8931d; border-radius:200px / 90px; -moz-border-radius:200px / 90px; -webkit-border-radius:200px / 90px; transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0);}
.selection-clouds a:hover .bg, .selection-clouds a.active .bg{transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.selection-clouds a:hover, .selection-clouds a.active{color:#fff;}

/*binder canvas*/
.canvas{background:url(../img/bg-patters.png);}
.bottom-line{height:2px; background:#f8931d; width:100%; left:0; bottom:35px; position:absolute; z-index:3;}
.top-line{height:4px; background:#f8931d; width:100%; left:0; top:40px; position:absolute; z-index:3;}
.book{overflow:hidden; position:relative; background:#fff; margin:10px 0 10px 10px;}
.book-template, .shade-template{position:absolute; width:100%; height:100%; left:0; top:0;}
.book-template img{position:absolute; right:0; bottom:0; height:100%; width: 100%;}
.book-content{height:100%; left:0; position:absolute; top:0; width:100%;}
.spine-divider{position:absolute; height:100%; width:10px; background:url(../img/spine-bg.png); top:0; left:170px; z-index:0; margin-left: -10px;}
.canvas-border{display:none; position:absolute; width:100%; height:100%; left:0; top:0;}
.canvas-border div{position:absolute; background:#fff;}
.canvas-border .top{width:100%; left:0; top:0; height:4px;}
.canvas-border .right{height:100%; right:0; top:0; width:4px;}
.canvas-border .bottom{width:100%; left:0; bottom:0; height:4px;}
.canvas-border .left{height:100%; left:0; bottom:0; width:4px;}

/*binder right panel*/
.binder-panel{position:absolute; left:100%; top:0; height:100%; background:#494949; width:940px; margin-left:-39px; box-shadow:0px 0px 8px rgba(0,0,0,0.7); -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.7); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.7); z-index:100;}
.enter-panel{width:39px; height:100%; position:absolute; left:0; top:0; cursor:pointer;}
.enter-panel span{width:27px; height:41px; background:url(../img/enter-bg.png) 0 0 no-repeat; position:absolute; left:50%; top:50%; margin:-20px 0 0 -16px;}
.enter-panel.active span{background-position:0 -41px;}
.options-panel{width:121px; position:absolute; left:39px; height:100%; top:0;}
.options-panel a{margin:0 10px; display:block; padding:7px 3px; font-size:12px; line-height:12px; color:#a7a7a7; font-weight:600; text-transform:uppercase; letter-spacing:-0.5px; position:relative;}
.options-panel a:first-child{margin-top:15px;}
.options-panel a:hover, .options-panel a.active{background:#ff8800; color:#494949;}
.options-separator{background:#717171; height:1px; margin:10px;}
.commands-panel{width:780px; position:absolute; left:160px; top:0; height:100%;}
.commands-block{width:320px; padding:0 10px; height:100%; display:none;}
.binder-layer-click{position:absolute; left:0; top:0; width:100%; height:100%;}

/*background selection*/
.backgrounds-overflow{width:760px; height:90%; overflow:hidden; margin-top:15px;}
.bg-item{width:140px; height:140px; float:left; cursor:pointer; position:relative; margin:3px; box-shadow:3px 3px 5px rgba(0,0,0,0.55);  -moz-box-shadow:3px 3px 5px rgba(0,0,0,0.55);  -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.55);}
.bg-item div{position:absolute; left:0; top:0; background:url(../img/bg-thumbnail-active.png); width:140px; height:140px; opacity:0; }
.bg-item.active div, .bg-item:hover div{opacity:1;}
.bg-item .close{background:url(../img/bg-close.png); width:27px; height:27px; position:absolute; top:5px; right:5px; opacity:0;}
.bg-item.active .close{opacity:1;}
.bg-item .bg-select{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/transparent.png);}
#content-block .jspDrag{background:url(../img/scrollbar.png); width:15px; height:61px; left:2px;}
#content-block .jspVerticalBar{width:19px;}
#content-block .jspTrack{background:#3a3a3a;}
.scroller-shadow{background:url(../img/scroller-bottom-shadow.png); height:39px; width:100%; margin-top:-39px; position:relative; left:-20px;}
.upload-link{font-size:12px; color:#a7a7a7; line-height:12px; font-weight:600; text-transform:uppercase; margin-top:10px; cursor:pointer; float:left; position:relative;}
.upload-link:hover{color:#F8931D;}
.background-drop-down{float:right; font-size:12px; color:#d3d3d3; text-transform:uppercase; font-weight:600; line-height:16px; margin-top:10px; margin-right:35px;}
.background-drop-down .text{float:left; padding-right:5px;}
.background-drop-down .drop{float:left; width:125px; height:16px; position:relative;}
.background-drop-down .drop-title{padding:0 20px 0 5px; width:100px; background:url(../img/background-arrow.png) right top no-repeat #242424;}
.background-drop-down .drop-down{position:absolute; right:0; bottom:16px; width:100%; background:#242424; display:none;}
.background-drop-down .drop-down a{padding:0 5px; display:block;}
.background-drop-down .drop-down a:hover, .background-drop-down .drop-down a.active{color:#f8931d;}

/*text panel*/
.com-entry{min-height:45px; line-height:45px; position:relative; background:#424242; margin-bottom:12px;}
.com-entry-wrapper{position:absolute; left:0; top:0; width:100%; background:#424242;}
.com-entry.active .com-entry-wrapper{background:#252628;}
.com-entry-top{font-size:21px; text-transform:uppercase; color:#686868; font-weight:800; letter-spacing:-1px; padding:0 12px; cursor:pointer; position:relative; white-space:nowrap; overflow:hidden; height:45px;}
.com-entry-top .color{float:right; height:23px; width:41px; border:2px #252628 solid; background:#fff; margin: 10px 32px 0 5px;}
.com-entry-top div.title{float:left; margin-right:10px;}
.com-entry-top div.title-data{margin-right:25px; overflow:hidden;}
.com-entry-top div.title-data div{white-space:nowrap; color:#ccc;}
.com-entry.active .com-entry-top{color:#33feff;}
.com-entry-top span{width:16px; height:10px; background:url(../img/colorpicker-arrow.png); width:16px; height:10px; position:absolute; top:50%; margin-top:-5px; right:15px;}
.com-entry.active .com-entry-top span{background-position:0 -10px;}
.com-entry-bottom{position:relative; width:100%; left:0; display:none;}
.hex-code{text-align:right; padding-right:20px;}
.hex-code span{float:right; line-height:27px; font-size:14px; color:#A7A7A7; text-transform:uppercase; padding-right:5px;}
.hex-code input{float:right; -webkit-box-shadow: inset 1px 2px 2px #000; -moz-box-shadow: inset 1px 2px 2px #000; box-shadow: inset 1px 2px 2px #000; width: 76px; height: 27px; border:none; background:#515153; padding:0 10px; color:#A7A7A7; font-weight:700; line-height:27px; font-size:16px; text-align:center; letter-spacing:2px;}
.hex-selector{padding:20px;}
.hex-selector a{float:left; width:17px; height:17px; border:1px solid; border-top-color:#57565b; border-left-color:#57565b; border-bottom-color:#030303; border-right-color:#030303; margin:0 1px 1px 0;}
.hex-selector a:hover{border-color:#ff8800; transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}
.drop-down-a-wrapper{padding:10px 0; overflow:auto; max-height:300px;}
.drop-down-a-wrapper a{font-size:25px; line-height:27px; padding:5px 12px; display:block; color:#878787;}
.drop-down-a-wrapper a:hover{color:#ff8800;}
.formatting-wrapper{float:left; padding:0 9px;}
.formatting-icon{float:left; width:26px; height:26px; margin:9px 5px 0 5px;}
.formatting-icon:first-child{margin-left:12px;}
.formatting-wrapper .formatting-icon:first-child{margin-left:5px;}
.formatting-icon img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity:0.5;}
.formatting-icon.active img, .move-front img, .move-back img, .zoom-plus img, .zoom-minus img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;}
.add-block{line-height:27px; padding:0 7px; background:#252628; font-size:12px; color:#a7a7a7; text-transform:uppercase; font-weight:600; float:left; margin:17px 0 12px 0; cursor:pointer; position:relative;}
.add-block:hover{color:#ff8800;}
.add-block .active-text{display:none;}
.add-block.active .active-text{display:block;}
.add-block.active .default-text{display:none;}
.small-drop-down{width:45px; height:27px; float:left; position:relative; font-weight:600; font-size:12px; line-height:12px; letter-spacing:-0.5px;}
.small-drop-down-wrapper{position:absolute; left:0; top:0; width:100%;}
.small-drop-down-top{width:45px; height:27px; position:relative; background:#252628; cursor:pointer;}
.small-drop-down-top span{display:block; text-align:center; font-size:10px; line-height:10px; color:#a7a7a7; text-transform:uppercase; color:#666768; line-height:13px;}
.small-drop-down-top div{color:#a7a7a7; padding-right:11px; line-height:11px; text-align:center; background:url(../img/drop-down-small-bg.png) 35px center no-repeat;}
.small-drop-down-bottom{margin-top:1px; background:#252628; padding:5px 0; display:none;}
.small-drop-down-bottom a{color:#a7a7a7; padding:6px 8px; display:block;}
.small-drop-down-bottom a:hover{color:#ff8800;}
.com-entry .small-drop-down{margin:10px 0 0 5px;}

/*uploaded images*/
.uploaded-images-top{font-size:24px; text-transform:uppercase; color:#686868; font-weight:800; letter-spacing:-1px; padding:0 12px; cursor:pointer; position:relative; white-space:nowrap; overflow:hidden; height:45px;}
.uploaded-images-bottom{padding:7px 7px 14px 7px;}
.uploaded-images-bottom div{background:#3b3b3b; line-height:18px; position:relative; margin:3px 0; font-size:14px; color:#878787; font-weight:400;}
.uploaded-images-bottom div.active{background:#282828; cursor:pointer;}
.uploaded-images-bottom div b{font-weight:800; width:20px; display:inline-block; text-align:center;}
.uploaded-images-bottom div span.close{width:14px; height:14px; background:url(../img/bg-close-small.png); position:absolute; top:2px; right:2px; cursor:pointer; display:none;}
.uploaded-images-bottom div.active span.close{display:block;}
.supported-formats{font-size:12px; color:#a7a7a7; text-transform:uppercase; line-height:12px; font-weight:400;}
.supported-formats div{font-size:18px; line-height:18px; font-weight:800; padding-top:5px;}
.supported-formats div b{font-weight:600; color:#343434;}

.added-image{position:absolute; left:0px; top:0px;}
.highlighted-image.added-image img{cursor:move;}
.added-image img{border:1px transparent solid;}
.highlighted-image.added-image img{display:block; border:1px #252628 solid;}
.added-image img:hover{border:1px #252628 solid;}
.added-image .rotate-wrapper{width:auto; height:auto;}

#content-block .added-image .ui-resizable-handle{display:none!important;}
#content-block .added-image.highlighted-image .ui-resizable-handle{display:block!important;}

.added-image .close{background:url(../img/bg-close-small.png); width:14px; height:14px; position:absolute; top:0; right:0; cursor:pointer; display:none;}
.added-image.highlighted-image .close{display:block;}

/*drawing line*/
.book-layer{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/transparent.png); cursor:crosshair; display:none;}

.line{width:1px; height:1px; position:absolute!important; z-index:0;}
.line-description{font-size:9px; text-transform:uppercase; font-weight:bold; color:#111; line-height:10px; width:90px; margin-left:5px; float:left; display:none;}
.drawing{cursor:crosshair;}
.line-controls{position:absolute; right:-2px; top:-19px; display:none;}
.move-line{width:17px; height:17px; background:url(../img/move-line.png) no-repeat 1px 1px; display:block; float:left; cursor:pointer; padding:1px;}
.remove-line{width:14px; height:14px; background:url(../img/bg-close-small.png); display:block; float:left; cursor:pointer;}
.highlighted-line .line-controls{display:block;}
.line-bg{background:none; border:1px transparent solid;}
.highlighted-line .line-bg{position:absolute; border:1px solid #252628;}
.line .line-bg:hover{position:absolute; border:1px solid #252628;}
.line .canvas{position:absolute; width:100%; height:100%; left:0px; top:0px; background-image:none;}
.highlighted-line .rotate-wrapper{cursor:move;}
.draw-resize{position:absolute; width:14px; height:14px; background:#ee3b33; background:rgba(238, 59, 51, 0.5); top:50%; left:50%; margin-top:-7px; margin-left:-7px; display:none;}
.highlighted-line .draw-resize{display:block;}
#content-block .line .ui-resizable-handle{display:none;}
#content-block .line.highlighted-line .ui-resizable-handle{display:block;}

/*.line.direction-1 .line-controls{left:0px; right:auto; top:50%; bottom:auto; margin-left:0px; margin-top:-7px;}*/
.line.direction-1 .line-bg{left:0px; right:auto; top:50%; bottom:auto; width:100%; height:38px; margin-top:-20px; margin-left:auto;}

.line.direction-2 .line-controls{left:50%; right:auto; top:auto; bottom:0px; margin-left:-7px; margin-top:0px;}
.line.direction-2 .line-bg{left:50%; right:auto; top:auto; bottom:0px; width:30px; height:100%; margin-top:autol; margin-left:-16px;}

.line.direction-3 .line-controls{left:50%; right:auto; top:0px; bottom:auto; margin-left:-7px; margin-top:0px;}
.line.direction-3 .line-bg{left:50%; right:auto; top:0px; bottom:auto; width:30px; height:100%; margin-top:auto; margin-left:-16px;}

.line.direction-4 .line-controls{left:auto; right:0px; top:50%; bottom:auto; margin-left:0px; margin-top:-7px;}
.line.direction-4 .line-bg{left:auto; right:0px; top:50%; bottom:auto; width:100%; height:30px; margin-top:-16px; margin-left:auto;}

#content-block .line .ui-resizable-handle{display:none!important;}
#content-block .line.highlighted-line.rotate-0-deg .ui-resizable-handle{display:block!important;}

.line-custom-handler{width:8px; height:8px; background:#F8931D; position:absolute; top:50%; margin-top:-4px; right:-2px; cursor:e-resize; display:none;}
.rotate-90-deg .line-custom-handler, .rotate-270-deg .line-custom-handler{cursor:n-resize;}
.highlighted-line .line-custom-handler{display:block;}

.direction-3 .line-custom-handler{width:8px; height:8px; background:#F8931D; position:absolute; bottom:-2px; margin-left:-4px; left:50%; cursor:n-resize; top:auto;}
.direction-3.rotate-90-deg .line-custom-handler, .direction-3 .rotate-270-deg .line-custom-handler{cursor:e-resize;}

.direction-3, .add-line-ie{display:none;}

/*text edition*/
.text-block{position:absolute!important; font-size:30px; font-family:'Ubuntu Mono'; line-height:30px; color:#494949; /*width:335px;*/ pointer-events: none;}
.text-block .text{border:1px transparent solid; padding:10px 20px; pointer-events: all;}
.text-block.highlighted .text{border:1px #252628 solid; cursor:move;}
.text-block .text:hover{border:1px #252628 solid;}
#content-block .text-block .ui-resizable-handle{display:none!important;}
#content-block .text-block.highlighted .ui-resizable-handle{display:block!important;}
.text-block .close{background:url(../img/bg-close-small.png); width:14px; height:14px; position:absolute; top:0; right:0; cursor:pointer; display:none;}
.text-block.highlighted .close{display:block;}
.text-editor{width:294px; height:200px; z-index:1; border:3px #F8931D solid; padding:5px 10px; background:#fff; color:#494949; font-size:30px; line-height:35px; display:none; position:relative;}

/*popup*/
.popup{background:#fff; background:rgba(255,255,255,0.9); position:fixed; left:0; top:0; width:100%; height:100%; z-index:2; display:none;}
.popup-content{width:760px; border:1px #f8931d solid; padding:35px; position:absolute; left:50%; top:50%; margin:-100px 0 0 -415px; background:#fff;}
.popup-content h3{font-size:46px; line-height:46px; color:#3e3f42; font-weight:700; text-transform:uppercase; letter-spacing:-3px; padding-bottom:30px; font-weight:700;}
.popup-content h3 span{font-weight:400; font-size:20px; line-height:25px; display:block; letter-spacing:0px; padding-top:5px;}
.popup-content .input-block{width:375px; background:#e6e6e6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; height:41px; margin-bottom:35px; border:1px transparent solid; position:relative; float:none;}
.popup-content .input-block.fl{float:left;}
.popup-content .input-block.fr{float:right;}
.popup-content .input-label{float:left; padding-left:10px; font-size:11px; color:#8b8b8b; text-transform:uppercase; line-height:41px;}
.popup-content .input-triangle{background:url(../img/input-triangle.png); width:20px; height:41px; float:right;}
.popup-content .input-block.active-field .input-triangle{background-position:0px -41px;}
.popup-content .input-block input{float:right; width:230px; color:#8b8b8b; font-size:20px; font-weight:400; background:none; height:41px; line-height:41px; border:none; padding:0px; border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; -ms-border-radius:0px 3px 3px 0px;}
.popup-content .input-block.active-field input{background:#3e3f42; color:#fff;}
.popup-left{float:left; width:375px; font-size:13px; color:#4a4a4a; font-weight:400; text-transform:uppercase;}
.popup-left a{color:#f8931d;}
.popup-left a:hover{color:#111;}
.popup-right{float:right; width:375px;}
.orange-button{font-size:21px; color:#fff; font-weight:700; background:#f8931d; line-height:35px; padding:0 10px; text-transform:uppercase; letter-spacing:-1px;}
input.orange-button{border: none; margin: 0 20px 0 0;}
.input-block:not(.disabled).error .errorMessage,.input-block.disabled .hover-notice-for-disabled,.textarea-block:not(.disabled).error .errorMessage,.textarea-block.disabled .hover-notice-for-disabled {position:absolute;bottom:-15px;color:red;}
.textarea-block:not(.disabled).error .errorMessage,.textarea-block.disabled .hover-notice-for-disabled{bottom:10px;}
.input-block.disabled *{opacity:0.8;cursor:not-allowed;}
.input-block .hover-notice-for-disabled{display:none;}
.input-block.disabled:hover .hover-notice-for-disabled{display:block;}
.input-block.disabled .errorMessage,.input-block:not(.error) .errorMessage{display:none!important;}
.orange-button:hover{background:#3e3f42;}
.close-button{background:url(../img/di-close-button.png); width:20px; height:20px; position:absolute; top:15px; right:15px;}
.confirm-buttons .orange-button{margin-right:20px; min-width:80px; text-align:center;}
.popup-layer{position:absolute; width:100%; height:100%; left:0; top:0;}

/*sign up*/
.drop-down-triangle{background:url(../img/drop-down-triangle.png); width:64px; height:41px; position:absolute; top:0px; right:0px;}
.drop-down-layer{position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; background:url(../img/transparent.png); cursor:pointer;}
.drop-down input{margin-right:64px; width:166px!important;}
.drop-down-block{position:absolute; left:0px; top:43px; width:100%; background:#e6e6e6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; max-height:150px; overflow:auto; -webkit-overflow-scrolling: touch; display:none;}
.drop-down-block a{padding:5px 7px; color:#8B8B8B; font-size:18px; line-height:18px; text-transform:uppercase; display:block;}
.drop-down-block a:hover{background:#3e3f42; color:#fff;}
.input-block .checkbox{float:right; width:134px; height:41px; cursor:pointer; margin-left:-21px; position:relative;}
.input-block .checkbox input{position:absolute; top:50px; display:none;}
.input-block .checkbox span{font-size:16px; color:#636363; text-transform:uppercase; font-weight:400; text-align:center; display:block; line-height:41px;}
.input-block .checkbox.active{background:url(../img/checkbox-bg.png);}
.input-block:not(.disabled).error,.textarea-block:not(.disabled).error{border-color:red;background:#dbc9c9;}

.form-block{padding-bottom:30px; width:760px; margin:0px auto; margin-top:50px; position:relative; min-height:380px;}
.form-block h3{font-size:46px; color:#3e3f42; font-weight:700; font-family: 'Roboto',sans-serif; line-height:46px; letter-spacing:-2px; padding-bottom:30px; padding-top:40px;}
.form-block h6{font-size:11px; color:#252628; text-transform:uppercase; font-weight:400; line-height:11px; padding-bottom:30px;}
.form-column{width:375px;}
.input-block{width:100%; background:#e6e6e6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; height:41px; margin-bottom:24px; float:left; border:1px transparent solid; position:relative;}
.input-label{float:left; padding-left:17px; font-size:18px; color:#8b8b8b; text-transform:uppercase; line-height:41px;}
.mandatory .input-label{background:url(../img/mandatory.png) 7px 5px no-repeat;}
.small-titles .input-label{font-size:11px; padding-left:7px; letter-spacing:-0.5px;}
.input-triangle{background:url(../img/input-triangle.png); width:20px; height:41px; float:right;}
.input-block.active-field .input-triangle{background-position:0px -41px;}
.input-block input{float:right; width:230px; color:#8b8b8b; font-size:20px; font-weight:400; background:none; height:41px; line-height:41px; border:none; padding:0px; border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; -ms-border-radius:0px 3px 3px 0px;}
.input-block.active-field input{background:#3e3f42; color:#fff;}
.form-block a.orange-button{float:right; border:none; font-size: 21px; font-weight:600; line-height:35px; cursor:pointer; padding:0px 5px;}

/*preview*/
.preview-canvas{position:absolute; width:90%; height:80%; left:5%; top:7%; /*background:#fff; border:3px #cfcfcf solid;*/ margin:-3px 0 0 -3px; border-radius:5px; -webkit-border-radius:5px;}
.binder-preview{width:auto; max-width:auto; height:100%; left:50%; position:absolute;}
.paper-limit{left:50%; margin-right:-3px; height:100%; padding:30px 0; width:3px; background:url(../img/preview-description-bg.png); position:absolute; top:-30px;}
.spine-limit{right:20%; margin-right:300px; height:100%; width:10px; background:url(../img/spine-bg.png); position:absolute; top:0;}
.paper-limit span, .spine-limit span{font-size:12px; line-height:14px; color:#b8b8b8; text-transform:uppercase; position:absolute; white-space:nowrap; left:5px; bottom:10px; font-weight:600;}
.paper-limit span{color:#666;}
.spine-limit span{bottom:-20px; left:10px;}
.spine-limit .top{height:30px; width:3px; background:url(../img/preview-description-bg.png); position:absolute; top:-30px; left:4px;}
.spine-limit .bottom{height:30px; width:3px; background:url(../img/preview-description-bg.png); position:absolute; bottom:-30px; left:4px;}
.preview-top{position:absolute; right:5%; top:3%;}
.preview-top span, .preview-top a{float:right; font-size:13px; color:#c8c8c8; text-transform:uppercase; font-weight:600; line-height:27px; padding:0 4px;}
.preview-top a{color:#fff;}
.preview-top a:hover, .preview-top a.active{background:#f8931d;}
.preview-print{position:absolute; right:5%; bottom:5%; text-transform:uppercase; color:#fff; font-weight:700; font-size:30px; letter-spacing:-2px;}
.preview-print:hover{color:#f8931d;}

/*css transitions*/
.com-entry-top, .com-entry-wrapper, .drop-bg{-moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; -transition:all 300ms ease-out; -ms-transition:all 300ms ease-out;}

.background-drop-down .drop-down a, .orange-button, .popup-left a, .selection-clouds a, .drop-up a, .ellipse, footer a, .log-block li a, .di-steps li a, .selection-clouds a .bg, .drop-title, .options-panel a, .bg-item div, .drop-down-a-wrapper a, .add-block, .small-drop-down-bottom a, .hex-selector a, .add-image, .bg-item .close, .preview-top a, .preview-print, .upload-link, .undo, .redo{-moz-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out;}

.binder-slider-entry, .image-block{-moz-transition:all 500ms ease-out; -o-transition:all 500ms ease-out; -webkit-transition:all 500ms ease-out; transition:all 500ms ease-out; -ms-transition:all 500ms ease-out;}

/*responsive and changes*/
@media screen and (min-width: 1030px) and (max-width: 1300px) {
	.binder-slider-entry{margin-left:5px; margin-right:5px;}
	.binder-slider-out{width:1010px;}

	.binder-slider-entry span img{width:90%; left:5%;}
	.binder-slider-entry.active span img{width:110%; left:-5%;}
	.binder-slider-entry.active .ellipse, .binder-slider-entry:hover .ellipse{transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
}

@media screen and (min-width: 1300px) and (max-width: 1590px) {
	.binder-slider-entry{margin-left:25px; margin-right:25px;}
	.binder-slider-out{width:1290px;}

	.binder-slider-entry span img{width:100%; left:0%;}
	.binder-slider-entry.active span img{width:120%; left:-10%;}
	.binder-slider-entry.active .ellipse, .binder-slider-entry:hover .ellipse{transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}
}

@media screen and (min-width: 1590px) and (max-width: 1700px) {
	.binder-slider-entry{margin-left:45px; margin-right:45px;}
	.binder-slider-out{width:1570px;}

	.binder-slider-entry span img{width:110%; left:-5%;}
	.binder-slider-entry.active span img{width:130%; left:-15%;}
	.binder-slider-entry.active .ellipse, .binder-slider-entry:hover .ellipse{transform:scale(1.3); -moz-transform:scale(1.3); -webkit-transform:scale(1.3);}
	.binder-slider-in{top:55%;}
}

@media screen and (min-width: 1700px) {
	.binder-slider-entry{margin-left:54px; margin-right:54px;}
	.binder-slider-out{width:1696px;}

	.binder-slider-entry span img{width:120%; left:-10%;}
	.binder-slider-entry.active span img{width:140%; left:-20%;}
	.binder-slider-entry.active .ellipse, .binder-slider-entry:hover .ellipse{transform:scale(1.4); -moz-transform:scale(1.4); -webkit-transform:scale(1.4);}
	.binder-slider-in{top:55%;}

}

/*rotate classes*/
.rotate-0-deg .rotate-wrapper, .added-image.rotate-0-deg .ui-wrapper, .text-block.rotate-0-deg .text{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);*/
}
.rotate-90-deg .rotate-wrapper, .added-image.rotate-90-deg .ui-wrapper, .text-block.rotate-90-deg .text{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);*/
    transform-origin:left top;
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
}
.rotate-180-deg .rotate-wrapper, .added-image.rotate-180-deg .ui-wrapper, .text-block.rotate-180-deg .text{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);*/
}
.rotate-270-deg .rotate-wrapper, .added-image.rotate-270-deg .ui-wrapper, .text-block.rotate-270-deg .text{
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
    transform-origin:left top;
    -ms-transform-origin:left top;
    -webkit-transform-origin:left top;
}
/*.rotate-90-deg .ui-resizable-handle, .rotate-180-deg .ui-resizable-handle, .rotate-270-deg .ui-resizable-handle{display:none!important;}*/
.rotate-wrapper{position:absolute; left:0; top:0; width:100%; height:100%;}

.test{position:absolute!important; left:100px; top:200px; background:#CCC; font-size:30px;}
.test span{display:block; background:#999;}

.image-test{position:absolute!important; left:0; top:0;}
.image-test span{display:block;}
#content-block .ui-resizable-handle{background:#F8931D; background-image:none; width:8px; height:8px; z-index:0!important;}
#content-block .ui-resizable-ne{top:-4px; right:-4px;}
#content-block .ui-resizable-se{bottom:-4px; right:-4px;}
#content-block .ui-resizable-sw{left:-4px; bottom:-4px;}
#content-block .ui-resizable-nw{left:-4px; top:-4px;}

#content-block .rotate-90-deg .ui-resizable-ne{top:-4px; bottom:auto; left:-4px; right:auto;}
#content-block .rotate-90-deg .ui-resizable-se{top:-4px; right:-4px;}
#content-block .rotate-90-deg .ui-resizable-sw{right:-4px; left:auto; botton:-4px; top:auto;}
#content-block .rotate-90-deg .ui-resizable-nw{left:-4px; top:auto; bottom:-4px;}

#content-block .rotate-270-deg .ui-resizable-ne{bottom:-4px; top:auto; right:-4px;}
#content-block .rotate-270-deg .ui-resizable-se{bottom:-4px; left:-4px; right:auto;}
#content-block .rotate-270-deg .ui-resizable-sw{left:-4px; top:-4px; bottom:auto;}
#content-block .rotate-270-deg .ui-resizable-nw{right:-4px; left:auto; top:-4px;}

#content-block .rotate-180-deg .ui-resizable-ne{bottom:-4px; top:auto; left:-4px; right:auto;}
#content-block .rotate-180-deg .ui-resizable-se{top:-4px; bottom:auto; left:-4px; right:auto;}
#content-block .rotate-180-deg .ui-resizable-sw{right:-4px; left:auto; top:-4px; bottom:auto;}
#content-block .rotate-180-deg .ui-resizable-nw{right:-4px; left:auto; bottom:-4px; top:auto;}

#content-block .ui-resizable-n{left:50%; margin-left:-4px; top:0;}
#content-block .ui-resizable-s{left:50%; margin-left:-4px; bottom:0;}
#content-block .ui-resizable-e{top:50%; margin-top:-4px; right:0;}
#content-block .ui-resizable-w{top:50%; margin-top:-4px; left:0;}
#content-block .ui-wrapper{overflow:visible!important;}
.ui-tooltip{background:#fff!important; background:rgba(255, 255, 255, 0.8)!important; font-size:11px!important; text-transform:uppercase!important;}
.commands-click{position:absolute; background:url(../img/transparent.png); left:0; top:0; width:100%; height:100%;}

/*CHANGES*/
.text-block .edit{position:absolute; display:none; width:100%; height:100%; right:0; top:0;}
.text-block.editable .edit{right:0; bottom:auto; top:-30px; margin:0; width:auto; height:auto;}
.text-block.highlighted .edit{display:block;}
.text-block.highlighted.editable .text{border-color:#F8931D;}
.text-block .edit div{line-height:25px; font-size:14px; text-transform:uppercase; font-family:'Open Sans',sans-serif; font-weight:bold; cursor:pointer; font-style:normal; color:#494949; background:#F8931D; padding:0 10px;}
.text-block .edit:hover div{color:#fff;}
.text-block .edit .apply-icon{display:none;}
.text-block .edit .edit-icon{display:none;}
.text-block.editable .edit .apply-icon{display:block;}
.text-block.editable .edit .edit-icon{display:none;}
.text-block.editable{opacity:1!important;}
.text-block.editable .text{cursor:text;}

.undo, .redo{float:left; width:24px; height:24px; margin-left:10px; cursor:pointer; opacity:0.25;}
.undo.active:hover, .redo.active:hover{opacity:1;}
.undo{background:url(../img/arrow-undo.png);}
.redo{background:url(../img/arrow-redo.png);}
.undo.active, .redo.active {opacity:0.6;}
.custom-handler{width:8px; height:8px; background:#F8931D; right:-4px; bottom:-4px; position:absolute; display:none; cursor:ne-resize;}
.text-block.highlighted.rotate-270-deg .custom-handler, .text-block.highlighted.rotate-90-deg .custom-handler{display:block;}
#content-block .text-block.highlighted.rotate-270-deg .ui-resizable-handle, #content-block .text-block.highlighted.rotate-90-deg .ui-resizable-handle{display:none!important;}
.ui-draggable{opacity:1!important;}

.upload-background-form .add-block.remove {display: none;}
.upload-background-form.active .add-block {display: none;}
.upload-background-form.active .add-block.remove {display: block;}
.upload-background-form.active input[type=file] {display: none;}

.text-block > div > span {overflow: hidden; display: block;}
.text-block > div > span:focus {overflow-y: scroll!important;}
.loader .loader-content .caption {position: absolute; top: 120px; font-size: 14px; text-align: center; width: 200px; margin-left: -100px; left: 50%; color: #2f2f2f; text-transform: uppercase; font-weight: 600;}

/*CHANGES*/
.text-block .edit{position:absolute; display:none; width:100%; height:100%; right:0; top:0;}
.text-block.editable .edit{right:0; bottom:auto; top:-30px; margin:0; width:auto; height:auto;}
.text-block.highlighted .edit{display:block;}
.text-block.highlighted.editable .text{border-color:#F8931D;}
.text-block .edit div{line-height:25px; font-size:14px; text-transform:uppercase; font-family:'Open Sans',sans-serif; font-weight:bold; cursor:pointer; font-style:normal; color:#494949; background:#F8931D; padding:0 10px;}
.text-block .edit:hover div{color:#fff;}
.text-block .edit .apply-icon{display:none;}
.text-block .edit .edit-icon{display:none;}
.text-block.editable .edit .apply-icon{display:block;}
.text-block.editable .edit .edit-icon{display:none;}
.text-block.editable{opacity:1!important;}
.text-block.editable .text{cursor:text;}

.undo, .redo{float:left; width:24px; height:24px; margin-left:10px; cursor:pointer; opacity:0.5;}
.undo:hover, .redo:hover{opacity:1;}
.undo{background:url(../img/arrow-undo.png);}
.redo{background:url(../img/arrow-redo.png);}
.custom-handler{width:8px; height:8px; background:#F8931D; right:-4px; bottom:-4px; position:absolute; display:none; cursor:ne-resize;}
.text-block.highlighted.rotate-270-deg .custom-handler, .text-block.highlighted.rotate-90-deg .custom-handler{display:block;}
#content-block .text-block.highlighted.rotate-270-deg .ui-resizable-handle, #content-block .text-block.highlighted.rotate-90-deg .ui-resizable-handle{display:none!important;}
.ui-draggable{opacity:1!important;}

.text-block.highlighted.editable{position: fixed!important; margin:50px 0 0 10px;}

/*new styles*/
.ie-ellipse{display: none;}
.text-block>div.text>span{line-height: normal!important;}

/*additional video popup*/
.video-player {background: #000; height:100%; left:-100%; position:fixed; top: 40px; width:100%; z-index:4; transform-origin:100% 50% 0px;
    transform:perspective(500px) rotateY(-90deg); -moz-transform-origin:100% 50% 0px; -webkit-transform:rotateY(-90deg); -webkit-transform-origin:100% 50% 0px; -moz-transition:all 1000ms ease-out; -o-transition:all 1000ms ease-out; -webkit-transition:all 1000ms ease-out; -transition:all 1000ms ease-out; -ms-transition:all 1000ms ease-out;}
.video-player.visible{transform: perspective(500px) rotateY(0deg); -moz-transform: perspective(500px) rotateY(0deg); -webkit-transform: perspective(500px) rotateY(0deg); left:0;}
.video-player iframe {height:100%; width:100%;}
.video-player a.close {background:url(../img/close-button.png); height:36px; width:36px; position:absolute; right:50px; top:50px;}
.video-header{position:absolute; left:0; top:-90px; background:#fff; width:100%; height:90px;}
.open-video-tooltip{position: absolute; padding: 7px 15px; width: 140px; top: 100%; margin-top: 20px; left: 50%; margin-left: -85px; background: #e54236; font-size: 12px; line-height: 16px; color: #fff; font-weight: 400; text-transform: uppercase; text-align: center; border-radius: 5px;}
.open-video-tooltip span{width: 12px; height: 12px; background: url(../img/video-tooltip-triangle.png); position: absolute; top: -12px; left: 50%; margin-left: -6px;}

/**/
.preview-button-wrapper{margin-bottom: 15px; margin-left: 11px;}
.preview-button-wrapper .title{display: block; font-size: 12px; line-height: 12px; color: #a7a7a7; font-weight: 600; text-transform: uppercase; letter-spacing: -0.5px;}
.preview-button{width: 100px; height: 100px; background: #979797; margin-bottom: 5px; cursor: pointer; position: relative; overflow: hidden;}
.preview-button img{max-width: 100%; max-height: 100%; margin: 0 auto; display: block;}
.preview-button img.saved-label{position: absolute; right: -12px; bottom: -12px; display: none;}
.preview-button.saved img.saved-label{display: block;}
.preview-button .frame{position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 4px #ff8800 solid; opacity: 0; visibility: hidden; transition: all .3s; -webkit-transition: all .3s;}
.preview-button:hover .frame, .preview-button.active .frame{opacity: 1; visibility: visible;}

.spine-divider.dashed-lines {background-image: url(../img/project-file-folder-tab-design-small.png); left:0px; margin-left: 0px; width: 100%; }

#designTabImage {position:absolute; bottom:0px; left: 50%;}