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:100%; width:100%; font-family: 'Open Sans', sans-serif; font-weight:300;}
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;}
.center{width:950px; margin:0px auto; position:relative;}

/*buttons*/
.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;}

/*news*/
.news-block{background:#282828; padding:80px 0px 85px 0px; position:relative; margin-bottom:80px;}
.news{float:left; width:350px;}
.facebook-title{padding-left:30px; background:url(../img/facebook-title-logo.png) left top no-repeat; font-weight:300; text-transform:uppercase; margin-bottom:40px; padding-top:1px;}
.facebook-title .title{font-size:14px; color:#eaeaea; display:block; line-height:14px; position:relative; top:-2px; text-transform:lowercase;}
.facebook-title .title a{text-decoration:underline; color:#eaeaea;}
.facebook-title .title a:hover{text-decoration:none;}
.facebook-title .date{font-size:11px; color:#8f8f8f; line-height:10px; position:relative; top:-4px;}
.news .left{float:left; width:145px;}
.news .left img{display:block;width: 145px;}
.facebook-thumbnail{margin-bottom:25px;}
.facebook-likes{margin-bottom:18px;}
.news .right{margin-left:155px; font-size:12px; color:#eaeaea; font-weight:400; padding-bottom:15px;}
.testimonials{float:left; width:460px;}
.testimonials .left{text-align:center; width:115px; float:left;}
/*.testimonials .left a{display:inline-block; position:relative; margin-top:25px;}
.testimonials .left a:first-child{margin-top:0px;}
.testimonials .left a img{position:relative; opacity:1;}
.testimonials .left a img:first-child{position:absolute; left:0px; top:0px; opacity:0;}
.testimonials .left a:hover img, .testimonials .left a.active img{opacity:0;}
.testimonials .left a:hover img:first-child, .testimonials .left a.active img:first-child{opacity:1;}*/
.testimonials .left a{width:16px; height:16px; display:inline-block; background:#585858; position:relative; margin-bottom:5px;}
.testimonials .left a span{position:absolute; left:0; top:0; width:inherit; height:inherit;}
.testimonials .left a.active, .testimonials .left a:hover{background:#EE3B33;}
.testimonials .left{padding-top:64px;}

.testimonials .right{margin-left:115px;}
.testimonials h3{font-size:30px; color:#eaeaea; font-weight:300; text-transform:uppercase; line-height:30px; padding-bottom:30px; letter-spacing:-1px;}
.testimonials-out{overflow:hidden; width:345px; position:relative; height:150px;}
.testimonials-in{}
.testimonials-entry{position:absolute; left:0; top:0; width:100%; display:none;}
.testimonials-entry:first-child{display:block;}
.testimonials-entry .text{font-size:12px; color:#eaeaea; font-weight:400; line-height:18px; padding-bottom:12px;}
.testimonials-entry .name{font-size:12px; color:#8a8a8a; text-transform:uppercase; font-weight:400; line-height:14px; padding-bottom:28px;}
.top-shape{position:absolute; left:0px; bottom:100%; margin-bottom:-1px; width:100%;}
.bottom-shape{position:absolute; left:0px; top:100%; margin-top:-1px; width:100%;}
.bottom-shape-1 {position: absolute;left: 0;top: 0; width: 100%;}

/*wtb block*/
.wtb-block{background:#333; padding:35px 0px 110px 0px; position:relative;}
.wtb-block h3{width:100%; font-size:16px; color:#9b9b9b; text-transform:uppercase; font-weight:400; padding-bottom:40px; font-family: 'Roboto', sans-serif;}
.wtb-block .right h3{text-align:right;}
.wtb-block .left{float:left; width:40%;}
.wtb-block .left a{float:left; margin-right:15px;}
.wtb-block a{position:relative;}
.wtb-block a img{position:relative; opacity:1;}
.wtb-block a img:first-child{position:absolute; left:0px; top:0px; opacity:0;}
.wtb-block a:hover img, .wtb-block a.active img{opacity:0;}
.wtb-block a:hover img:first-child, .wtb-block a.active img:first-child{opacity:1;}
.wtb-block .right{float:right; width:40%;}
.wtb-block .right a{float:right; margin-left:15px;}
.wtb-block .center-link{font-size:24px; color:#fff; text-transform:uppercase; width:77px; border-bottom:10px #ee3b33 solid; position:absolute; left:50%; margin-left:-33px; top:50%; margin-top:0px; letter-spacing:-1px; line-height:20px; padding-bottom:5px;}
.blocks-separator{width:100%; height:120px;}

/*wqb block*/
.wqb-block{background:#eaeaea; padding-bottom:75px; padding-top:180px;}
.binder-banner-entry{position:relative; display:none;}
.binder-banner-entry:first-child{display:block;}
.binder-list{float:left;}
.binder-list h3{font-size:38px; color:#454545; text-transform:uppercase; text-transform:uppercase; font-weight:300; line-height:38px; padding:0px 0px 25px 105px;}
.binder-list h3 b{font-weight:800;}
.binder-list ul{width:690px;}
.binder-list ul li{min-height:54px; position:relative; padding-left:105px; overflow:hidden; margin-bottom:10px; cursor:pointer;}
.binder-list ul li img{position:absolute; left:0px; top:0px; height:100%; opacity:0;}
.binder-list ul li.active img{opacity:1;}
.binder-list ul li>span{font-size:23px; color:#454545; font-weight:300; line-height:54px; position:absolute; top:0px; left:35px; width:65px; text-align:center;}
.binder-list ul li.active>span{font-size:42px; color:#ee3b33; font-weight:800;}
.binder-list ul li a{font-size:16px; color:#6c6c6c; line-height:18px; display:block; width:440px; padding:9px 0px; position:relative;}
.binder-list ul li.active a{color:#353535;}
.binder-list .pink-button{margin:20px 0px 0px 105px;}
.binder-block{position:absolute; right:20px; top:20px;}
.binder-banner{display:block;}
.binder-banner-dot{position:absolute; width:29px; height:29px;}
.binder-banner-dot.active{z-index:1;}
.binder-banner-dot .dot{position:absolute; left:0px; top:0px; background:#000; background:rgba(0,0,0,0.7); width:29px; height:29px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -ms-border-radius:30px;}
.binder-banner-dot.active .dot{width:52px; height:52px; background:#ee3b33; left:-11px; top:-11px;}
.binder-banner-dot span{font-size:23px; color:#d5d5d5; line-height:29px; width:29px; display:block; text-align:center; position:relative; font-family: 'Roboto', sans-serif; cursor:pointer;}
.binder-banner-dot .dot-image{width:205px; height:205px; border-radius:150px; -moz-border-radius:150px; -webkit-border-radius:150px; -ms-border-radius:150px; border:2px rgba(0,0,0,0.5) solid; transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0); position:absolute; margin:10px; left:0px; top:0px;}
.binder-banner-dot.active .dot-image{transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
.binder-banners-switcher{position:absolute; left:0px; top:-100px; font-size:14px; line-height:16px; color:#454545; text-transform:uppercase; font-weight:300;}
.binder-banners-switcher img{max-width:90px; height:auto; vertical-align:middle; position:relative; top:-7px;}
.switch-entry{padding-left:27px; position:relative; cursor:pointer;}
.switch-entry span{width:16px; height:16px; background:#cfcfcf; left:0px; top:0px; position:absolute;}
.switch-entry.active span{background:#ee3b33;}

/*hiw block*/
.hiw-block{background:#333; padding-bottom:80px; padding-top:100px; position:relative;}
.hiw-images-wrapper{width:430px; height:365px; float:left;}
.hiw-images-wrapper img{position:absolute; left:0px; top:0px; display:none;}
.hiw-images-wrapper img:first-child{display:block;}
.hiw-numbers-wrapper{position:absolute; top:0px; left:405px; height:350px; overflow:hidden;}
.hiw-numbers-in{position:relative;}
.hiw-numbers-entry{font-size:350px; line-height:350px; color:#646464; font-weight:300; height:350px; text-align:center;}
.hiw-info-wrapper{width:360px; float:right; padding-top:50px;}
.hiw-header{line-height:40px; padding-bottom:28px;}
.hiw-header h3{font-size:33px; color:#fff; text-transform:uppercase; font-weight:300; float:left; letter-spacing:-2px; margin-right:5px;}
.hiw-point{font-size:36px; color:#ee3b33; width:40px; height:40px; float:left; text-align:center; position:relative; cursor:pointer;}
.hiw-point:hover{color:#fff;}
.hiw-point span{position:relative; display:block;}
.hiw-point div{position:absolute; width:0px; height:0px; background:#ee3b33; left:50%; top:50%; margin:0px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px;}
.hiw-point.active{color:#fff;}
.hiw-point.active div{width:40px; height:40px; margin:-20px 0px 0px -20px;}
.hiw-info-out{height:135px; width:360px; overflow:hidden; position:relative;}
.hiw-info-entry{font-size:14px; color:#fff; text-transform:uppercase; line-height:25px; width:360px; position:absolute; left:0px; top:0px; display:none;}
.hiw-info-entry:first-child{display:block;}
.hiw-info-entry h4{font-size:36px; font-weight:300; color:#fff; font-size:27px; line-height:27px; text-transform:none; padding-bottom:10px;}
.hiw-info-entry h4 b{font-weight:800;}
.hiw-info-wrapper .pink-button{margin:0px 23px 10px 0px;}

/*top banner*/
.top-banner{position:relative; overflow:hidden;}
.top-banner-out{height:580px; overflow:hidden;}
.top-banner-in{position:relative;}
.top-banner-entry{height:580px; position:relative; overflow:hidden;}
.man-image{position:absolute; bottom:0px; width:100%; height:420px; display:none; text-align:center;}
.man-image img{width:auto; height:100%;}
.man-image:first-child{display:block;}
.over-png{z-index:2; display:none;}
.man-image:first-child .over-png{display:block;}
.top-banner-shape{position:absolute; left:0; bottom:0px; width:100%;}
.top-banner-people{position:absolute; left:0px; top:0px; width:100%; height:100%;}
.top-banner-info{position:absolute; left:0px; top:100px; z-index:1; display:none;}
.top-banner-info label{font-size:16px; color:#2f2f2f; display:block;}
.top-banner-info label span{color:#ee3b33;}
.top-banner-info input{background:url(../img/top-banner-input-border.png) repeat-x; height:44px; line-height:44px; width:115px; border:none; font-size:16px; color:#2f2f2f;}
.top-banner-info h2{font-size: 48px; color: #454545; font-weight: 300; text-transform: uppercase; line-height: 48px; letter-spacing: -1px; margin-top:10px;}
.top-banner-info h2 b{font-weight: 700;}
.top-banner-info .pink-button{margin-top:15px; margin-bottom:15px; font-size:21px; line-height: 35px; font-weight: 600;}
.top-banner-controls{position: absolute; right: 0; top: 290px; z-index: 1;}
.top-banner-controls a{width: 16px; height: 16px; background: #585858; display: block; margin-bottom: 10px; position:relative;}
.top-banner-controls a span{position:absolute; width:100%; height:100%; left:0px; top:0px;}
.top-banner-controls a.active, .top-banner-controls a:hover{background: #ee3b33;}

/*binder types*/
.binder-types-block{height:320px; background:#fff; text-align:center; position:relative;}
.bestselling-block .binder-types-block {background: transparent;}
.types-wrapper{display:inline-block; position:relative; padding-bottom:20px; margin:30px 1px 0px 1px;}
.types-wrapper a{float:left; position:relative; height:140px; padding:0px 6px;}
.types-wrapper a img{display:inline-block; position:relative; height:100px; width:auto; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;}
.types-wrapper a span:first-child{position:absolute; left:0px; top:0px; width:100%;}
.types-wrapper a:hover img, .types-wrapper a.active img{opacity:0;}
.types-wrapper a:hover span:first-child img, .types-wrapper a.active span:first-child img{opacity:1;}
.types-wrapper a span{font-size:10px; text-transform:uppercase; color:#333; line-height:12px; position:absolute; left:0px; bottom:0px; width:100%; text-align:center;}
/*.types-wrapper a:hover span.text{transform:scale(1.4); -moz-transform:scale(1.4); -webkit-transform:scale(1.4); -ms-transform:scale(1.4);}*/
.types-wrapper a.active span.text, .types-wrapper a:hover span.text{color:#ee3b33;}
.types-wrapper a.active span.text b, .types-wrapper a:hover span.text b{background:#ee3b33; color:#fff;}
.types-wrapper a span b{font-weight:800; display:inline-block; white-space:nowrap; padding:0px 5px;}
.types-label{position:absolute; width:100%; bottom:0px; left:0px; font-size:10px; color:#565656; font-weight:800; text-transform:uppercase; width:100%;}
.types-label .left{background:url(../img/types-angle-left.png); width:14px; height:12px; position:absolute; left:0px; top:0px;}
.types-label .right{background:url(../img/types-angle-right.png); width:14px; height:12px; position:absolute; right:0px; top:0px;}
.types-label .repeat{margin:0px 14px; display:block; background:url(../img/types-angle-repeat.png) repeat-x; height:12px;}
.types-label .repeat span{position:relative; top:20px;}
.types-wrapper a .image-wrapper{display:block; position:relative;}

/*icons block*/
.icons-block{background:#eaeaea; padding:67px 0px;}
.icon-entry{float:left; margin-left:55px; width:280px;}
.icon-entry:first-child{margin-left:0px;}
.icon-entry img{float:left; margin-right:12px;}
.icon-entry div{height:112px; display:table-cell; vertical-align:middle; font-size:15px; color:#252628; letter-spacing:-1px;}
.icon-entry div h3{font-weight:300; text-transform:uppercase; display:block;}
.icon-entry div b{font-weight:700; text-transform:uppercase; display:block;}
.start-designing-block{padding:48px 0px 80px 0px;text-align:center;}
.start-designing-block a{font-size:20px; line-height:34px; letter-spacing:-1px;}

/*binders compare block*/
.binders-compare-block{background:#e2e2e2; padding:22px 0px 45px 0px; position:relative;}
.binders-compare-entry{width:450px; padding-left:40px; float:left; font-size:18px; line-height:20px; color:#2f2f2f;}
.binders-compare-entry:first-child{padding-left:10px;}
.binders-compare-entry h3{font-size:36px; font-weight:300; color:#252628; line-height:36px; padding-bottom:20px; letter-spacing:-1px;}
.binders-compare-entry h3 b{font-weight:700;}
.binders-compare-entry li{padding:0px 0px 14px 30px; background:url(../img/binders-compare-list.png) 3px 4px no-repeat;}

/*compare banner*/
.compare-banner{}
.compare-banner h3{font-size:40px; color:#3e3f42; line-height:40px; font-weight:300; letter-spacing:-2px; padding:35px 0px 15px 0px;}
.compare-banner h3 b{font-weight:700;}
.compare-banner-content{height:auto!important; padding-top:20px; padding-bottom: 40px; overflow:hidden; position:relative;}
.compare-banner-entry{float:left; width:475px; text-align:center; position:relative;}
.compare-banner-entry img{display:inline-block; height:389px; width:auto;}
.play-video{position:absolute; width:74px; height:74px; left:50%; top:50%; margin:-37px 0px 0px -37px; cursor:pointer;}
.play-video span{width:74px; height:74px; position:absolute; left:0px; top:0px;}
.play-video .bg{border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -ms-border-radius:50px; background:#333; background:rgba(0,0,0,0.1);}
.play-video:hover .bg{background:rgba(0,0,0,0.2);}
.play-video .triangle{background:url(../img/play-button.png);}

/*binders landing*/
.binders-wrapper{padding-bottom:70px;}
.binders-wrapper h3{font-size:46px; line-height:46px; color:#3e3f42; font-weight:300; letter-spacing:-2px; margin-right:350px; padding-top:45px; padding-bottom:10px;}
.binders-wrapper h3 b{font-weight:700;}
.binders-table{width:100%; display:table;}
.binders-row{display:table-row;}
.binders-cell{display:table-cell; text-align:center; height:360px; position: relative;}
.binders-cell:hover{z-index: 2;}
.binders-entry{position:relative; transform: translate3d(0, 0, 0); text-align:center; /*-webkit-backface-visibility:hidden; -webkit-transform:translateZ(0);*/ }
.binders-cell img{margin-bottom:25px; display: block; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.binders-title{display:block; text-align:center; font-family: 'Roboto', sans-serif; font-weight:700; font-size:16px; color:#2e2e2e; line-height:16px; text-transform:uppercase; padding:0px 10px;}
.binders-title span{font-size:12px; color:#8a8a8a; font-weight:400;}
.table-buttons{position:absolute; transform: translate3d(0, 0, 0); left:0px; top:180px; width:100%; transition: opasity 0.3s linear; opacity:0; z-index:1;}
.binders-entry:hover .table-buttons{opacity:1;}
.binders-entry:hover{z-index:0;}
.table-buttons a{line-height:23px; padding:0px 14px; position:absolute; left:50%; background:#ee3b33; font-size:12px; text-transform:uppercase; color:#fff; font-family: 'Roboto', sans-serif; margin-left:4px; white-space:nowrap;}
.table-buttons a:first-child{left:auto; right:50%; margin-left:0px; margin-right:4px;}
.table-buttons a span{background:url(../img/button-triangle.png); width:12px; height:17px; left:-4px; top:50%; margin-top:-8px; position:absolute; opacity:0;}
.table-buttons a:hover{background:#222121; color:#ee3b33;}
.table-buttons a:hover span{opacity:1;}
.binders-filter{position:absolute; top:55px; right:0;}
.binders-filter .title{font-size:12px; color:#434242; text-transform:uppercase; float:left; line-height:24px; font-family: 'Roboto', sans-serif; margin-right:18px;}
.binder-drop-button{line-height:24px; text-transform:uppercase; width:140px; padding:0px 10px 0px 16px; background:#ee3b33; float:left; font-size:12px; color:#fff; font-family: 'Roboto', sans-serif; position:relative;}
.binder-drop-button:before{background:url(../img/button-triangle-dark.png); width:12px; height:18px; position:absolute; left:-4px; top:50%; margin-top:-9px; content: "";}
.binder-drop-block{width:154px; position:absolute; right:0px; top:24px; border:1px #f3f3f3 solid; z-index:2; padding:7px 0px; display:none; background:#fff;}
.binder-drop-block a{font-size:11px; line-height:11px; display:block; color:#252628; font-family: 'Roboto', sans-serif; text-transform:uppercase; margin:0px 10px 0px 16px; padding:7px 0px;}
.binder-drop-block a:hover{color:#ee3b33;}
.binders-image{display:block; width:100%; position:relative; text-align:center;}
.table-buttons a.delete-design{top:30px;margin-left:-33px;}

/*binder detail*/
.detail-block{margin-bottom:50px; position:relative; padding-bottom:50px; margin-top:77px;}
.threesixty{float:left; margin-bottom:10px;}
.threesixty{cursor: url(../img/cursor.png), auto;}
.binder-detail-info{width:540px; float:right; font-size:14px; color:#2f2f2f; line-height:24px; position:relative; z-index:2; font-weight:400; min-height: 400px; }
.binder-detail-info h1{font-size:38px; line-height:38px; color:#3e3f42; font-weight:300; letter-spacing:-3px; padding-bottom:15px;}
.binder-detail-info b{font-weight:700;}
.binder-detail-info p, .binder-detail-info ul, .binder-detail-info ol{padding-bottom:20px;}
.detail-icon-entry{margin-bottom:3px;}
.detail-icon-entry img{float:left; margin-right:15px;}
.detail-icon-entry div{height:72px; display:table-cell; vertical-align:middle; text-transform:uppercase;}
.binder-detail-info table{font-size:12px; color:#2a2a2a; line-height:14px; border-spacing:0; border-collapse:collapse; width:100%; margin:35px 0px; table-layout: fixed;}
.binder-detail-info table th{text-align:left; font-size:11px; color:#2a2a2a; text-transform:uppercase; font-weight:700; padding:5px;}
.binder-detail-info table td{border-bottom:1px #9a9b9c solid; padding:8px 5px; cursor:pointer;}
.binder-detail-info table td .little-button span{white-space:nowrap;}
.binder-detail-info tr:hover td, .binder-detail-info tr.active td{background:#e5e5e5; font-weight:700;}
.binder-detail-info table .dot{width:15px; height:15px; border:1px #d1d1d1 solid; display:inline-block; vertical-align:middle; border-radius:10px; -webkit-border-radius:10px;}
.binder-detail-info table .dot.white{background:#fff;}
.binder-detail-info table .dot.grey{background:#d1d1d1;}
.binder-detail-info table .dot.black{background:#000; border-color:#000;}
.binder-detail-info table .dot.navy{background:navy; border-color:navy;}
.binder-detail-info table .dot.red{background:red; border-color:red;}
.binder-detail-info table .dot.green{background:green; border-color:green;}
.binder-detail-info table .dot.Royal.Blue{background:RoyalBlue; border-color:RoyalBlue;}
.detail-block-shadow{position:absolute; left:0px; bottom:0px; width:100%; z-index:1;}
.binder-detail-info .pink-button.fr{font-size:20px; line-height:35px; padding:0 20px; letter-spacing:-1px;}
.detail-product-image{float:left; height:auto;}
.detail-block-left{float:left; width:410px; text-align:center;}
.open-close{}
.open-close .open{}
.open-close .close{display:none;}
.open-close.active .open{display:none;}
.open-close.active .close{display:block;}
.filtration{text-transform:uppercase; margin-top:35px; padding-left:5px;}
.filtration span{line-height:24px; float:left; color:#2A2A2A; font-weight:700; margin-right:10px; font-size:14px;}
.filtration a{font-size:12px; line-height:24px; color:#EE3B33; background:#fff; float:left; padding:0 10px;}
.filtration a:hover{background:#EE3B33; color:#fff;}
.filtration a.active{background:#222121; color:#EE3B33;}

/*where to buy logos*/
.wtb-logos-block{text-align:center; margin:20px 0px 85px 0px;}
.wtb-logos-block h3{font-size:46px; line-height:46px; color:#3e3f42; font-family: 'Roboto', sans-serif; font-weight:700; width:750px; margin:0px auto; padding-bottom:30px; letter-spacing:-2px;}
.wtb-logos-block h4{font-size:16px; line-height:22px; color:#3b3b3b; font-weight:300; width:750px; margin:0px auto; padding-bottom:10px;}
.wtb-logos-column{width:360px; padding:0 55px;}
.wtb-logos-column img{display:block; height:90px;}
@media only screen and (min-width: 1500px){
    .wtb-logos-column img{height:100px;}
}

/*where to buy changes*/
.wtb-logos-column{padding:0; width:100%; text-align:center; max-width: 1500px; margin: 0 auto;}
.wtb-logos-column a{display:inline-block; margin-bottom: 50px;}
.filtration-center{text-align:center;}
.filtration-center .filtration{display:inline-block; margin-bottom:20px;}

/*tutorial block*/
.tutorial-block{padding-top:50px;}
.tutorial-block h3{font-size:46px; line-height:46px; color:#3e3f42; font-weight:700; font-family: 'Roboto',sans-serif; letter-spacing:-2px; text-align:center; padding-bottom:40px;}
.tutorials-switcher{text-align:center; padding-bottom:45px;}
.tutorials-switcher a{background:none; color:#454648; font-family: 'Roboto',sans-serif; font-size: 12px; line-height: 23px; padding: 0 14px; text-transform: uppercase; white-space: nowrap; display:inline-block; position:relative; margin:0px 15px;}
.tutorials-switcher a span{background:url(../img/button-triangle.png); width:12px; height:17px; position:absolute; left:-4px; top:50%; margin-top:-9px; opacity:0;}
.tutorials-switcher a:hover span, .tutorials-switcher a.active span{opacity:1;}
.tutorials-switcher a:hover, .tutorials-switcher a.active{background:#222121; color:#ee3b33;}
.tutorial-video{height:610px; width:100%; position:relative;}
.tutorial-video iframe{width:100%; height:100%; position:absolute; left:0; top:0;}
.tutorial-block .start-designing-block{text-align:center;}

/*contact*/
.form-block{padding-bottom:110px; width:760px; margin:0px auto; margin-top:50px; position:relative; min-height:380px;}
.form-block h3{font-size:46px; color:#3e3f42; font-weight:normal; line-height:46px; letter-spacing:-2px; padding-bottom:30px;}
.form-block h6{font-size:11px; color:#252628; text-transform:uppercase; font-weight:400; line-height:11px; padding-bottom:20px;}
.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-block.error,.textarea-block.error{border-color:red;background:#dbc9c9;}
.input-block.error .errorMessage,.input-block.disabled .hover-notice-for-disabled,.textarea-block.error .errorMessage,.textarea-block.disabled .hover-notice-for-disabled {position:absolute;bottom:-15px;color:red;}
.textarea-block.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:hover .errorMessage{display:none!important;}
.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 .pink-button{-webkit-appearance: none;border-radius:0;float:right; border:none; font-size: 21px; font-weight:600; line-height:35px; cursor:pointer; padding:0px 5px;}
.textarea-block{margin-bottom:24px; border:1px transparent solid; background:#e6e6e6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px;}
.textarea-block textarea{width:345px; padding:5px 15px; font-size:18px; color:#8b8b8b; border:none; height:96px; background:none;}
.textarea-block.active-field{background:#3e3f42;}
.textarea-block.active-field textarea{color:#fff;}
.contact-socials{margin-top:15px;}
.contact-socials span{font-size:11px; line-height:12px; color:#252628; text-transform:uppercase; display:block; padding-bottom:10px; font-weight:400;}
.contact-socials a{width:48px; height:48px; background:#848484; float:left; margin-right:7px;}
.contact-socials a.icon-youtube:hover{background:#e22c28;}
.contact-socials a.icon-facebook:hover{background:#3b589c;}
.contact-socials a.icon-twitter:hover{background:#00aced;}
.error-class{border:1px #EE3B33 solid;}
.forgot-password{font-size:13px; color:#f8931d; text-transform:uppercase; font-weight:400; line-height:11px; margin-top:10px; display:inline-block;}
.forgot-password:hover{color:#EE3B33;}
.form-text{font-size:13px; color:#252628; text-transform:uppercase; font-weight:400; line-height:11px;}
.form-text a.pink-button{margin-left:10px; float:none; display:inline-block;}

/*popup block*/
.popup-wrapper{background:url(../img/thank-you-popup.png); width:727px; height:283px; position:fixed; left:50%; top:50%; margin:-142px 0px 0px -363px; z-index:2; display:none;}
.popup-wrapper h3{position:absolute; width:687px; left:20px; top:120px; font-size:32px; color:#fff; text-transform:uppercase; line-height:38px; font-weight:400; text-align:center;}
.popup-wrapper .close{background:url(../img/close-popup-button.png); position:absolute; top:40px; right:25px; cursor:pointer; width:13px; height:13px;}

/*drop down*/
.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;}
.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);}

.drop-down select{display:none;}

/*simple text block*/
.simple-text-block{font-size:14px; color:#252525; line-height:21px; margin-bottom:90px; margin-top:50px;}
.simple-text-block h1{font-weight:700; font-size:46px; line-height:46px; color:#3e3f42; font-family: 'Roboto',sans-serif; letter-spacing:-1px; margin-bottom:25px;}
.simple-text-block h3{font-weight:600; margin-bottom:21px; text-transform:uppercase; font-size:18px; padding-left:14px; margin-left:-14px; background:url(../img/simple-text-header-side.png) left 4px no-repeat;}
.simple-text-block p, .simple-text-block ul, .simple-text-block ol, .simple-text-block img{margin-bottom:21px;}
.simple-text-block img{max-width:100%; height:auto;}
.simple-text-block li{padding-left:33px; background:url(../img/binders-compare-list.png) 10px 5px no-repeat;}
.padding-wrapper{padding:0px 20px;}

/*site map*/
.simple-text-block h3 a{display:block; color:#252525; border-bottom:1px #ccc solid; padding-bottom:4px;}
.simple-text-block h3 a:hover{color:#EE3B33;}
.sitemap-list{float:left; margin-right:35px; margin-top:-20px;}
.sitemap-list li{padding-left:0px; background:none;}
.sitemap-list li a{font-size:12px; color:#252525; text-transform:uppercase; font-weight:600;}
.sitemap-list a:hover{color:#EE3B33;}

/*user account*/
.user-account-enter-block{width:720px; margin:0px auto; padding-bottom:120px;}
.user-account-enter-block h3{text-align:center; font-size:46px; color:#3e3f42; font-weight:700; letter-spacing:-1px; line-height:46px; margin:35px 0px 75px 0px; font-family: 'Roboto',sans-serif;}
.enter-entry{float:left; width:240px; text-align:center;}
.enter-entry img{display:inline-block;}
.enter-entry .pink-button{margin-top:20px; font-size:21px; font-weight:600; line-height:35px;}

/*my designs*/
.my-designs-block{padding-top:35px;}
.my-designs-block h3{font-size:40px; color:#3e3f42; font-weight:700; letter-spacing:-1px; line-height:40px; margin-bottom:35px; font-family: 'Roboto',sans-serif; padding-left:14px; background:url(../img/my-designs-header-side.png) left 7px no-repeat;}
.my-design-entry{float:left; width:175px; margin:0px 30px; height:340px; position:relative; -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0);}
.my-design-entry img{display:block; margin-bottom:10px; background-color: #fff; box-shadow: 0px 0px 1px 1px grey;}
.my-design-entry div{font-size:12px; line-height:21px; color:#8a8a8a; font-family: 'Roboto',sans-serif; text-transform:uppercase;}
.my-design-entry div b{font-weight:700; color:#2e2e2e; font-size:16px;}
.my-design-entry div span{color:#3e3f42;}
.user-account-menu{width:100%; text-align:center; font-size:0px; margin-bottom:40px;}
.user-account-menu li{display:inline-block;}
.user-account-menu li a{display:block; font-size:13px; color:#4a4a4a; text-transform:uppercase; line-height:37px; background:#e6e6e6; padding:0px 7px;}
.user-account-menu li a:hover, .user-account-menu li a.active{background:#ee3b33; color:#fff;}
.my-design-entry .table-buttons{top:110px;}
.my-design-entry:hover .table-buttons{opacity:1;}

/*my profile*/
.my-profile-block{width:530px; margin:0px auto 300px auto; padding-top:10px;}
.myprofile-column{width:240px; float:left;}
.myprofile-column:first-child{margin-left:50px;}
.my-profile-entry{font-size:14px; color:#636363; font-weight:700; text-transform:uppercase; line-height:16px; width:100%; float:left; margin-bottom:15px;}
.my-profile-entry div{float:left;}
.my-profile-entry span{color:#3e3f42;}
.pink-button.edit-fields, .pink-button.save-fields{float:right; font-size:21px; font-weight:600; line-height:35px;}

/*loader*/
.loader{position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:5; background:#fff;}
.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:#c6c6c6; 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;}

/*video popup*/
.video-player {background:white; height:100%; left:-100%; position:fixed; bottom:0%; 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;}
.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;}

/*share slide*/
.share-slide{position:fixed; left:0; top:50%; margin-top:-40px; z-index:1; width: 26px;}
.share-slide-content{height:78px; position:relative; border-top:1px #d6d6d6 solid; border-bottom:1px #d6d6d6 solid; background:#fff; background:rgba(255,255,255,0.9); overflow:hidden;}
.share-slide-content .share-wrapper{margin:40px 5px 0px 5px; width:500px; float:left;}
.share-slide-button{background:url(../img/share-button.png); width:26px; height:80px; position:absolute; right:0px; top:0px; cursor:pointer;}

/*header*/
header.center{height:90px; position:relative; z-index:1; width:100%; background:#fff;}
nav{position:absolute; left:180px; top:20px;}
nav li{float:left; position:relative; overflow:hidden;}
nav a{font-size:13px; color:#4a4a4a; font-weight:400; text-transform:uppercase; display:block; line-height:47px; padding:0px 8px; position:relative; letter-spacing:-1px;}
nav a:hover, nav a.active{color:#fff; background:#EE3B33;}
#logo{position:absolute; left:20px; top:15px;}
.log-block{position:absolute; right:0px; top:23px;}
.log-block li{float:left; background:url(../img/log-separator.png) left center no-repeat #454648; position:relative;}
.log-block li:first-child{background:none; background-color:#454648;}
.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:#fff;}
.log-block li a.log-in{padding:0px 35px; background:url(../img/log-in-bg.png) right center no-repeat;}
.log-block li a.logged-in{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; padding-left:1px; top:100%; background:#454648; width:100%; display:none;}

/*footer*/
footer{padding-bottom:45px;}
.footer-article{font-size:12px; color:#3b3b3b; text-align:justify; line-height:16px; padding-bottom:60px;}
.footer-line{padding-bottom:80px;}
.footer-1{float:left; width:130px;}
.footer-1 img{}
.footer-2{float:left;}
.footer-2 ul{float:left; width:165px;margin-right: 50px;}
.footer-2 ul li{padding-bottom:6px;}
.footer-2 ul li a{font-size:10px; color:#545454; text-transform:uppercase; line-height:18px; display:inline-block; padding:0px 3px;}
.footer-2 ul li b{color:#545454; text-transform:uppercase; line-height:18px; display:inline-block; padding:0px 3px;}
.footer-2 ul li a:hover{background:#ee3b33; color:#fff;}
.footer-3{float:right; width:160px;}
.footer-3 ul{}
.footer-3 ul li{text-align:right;}
.footer-3 ul li a{font-size:18px; color:#313131; text-transform:uppercase; line-height:11px; display:inline-block;}
.footer-3 ul li:nth-child(2n) a{color:#737373;}
.footer-3 ul li a:hover{color:#ee3b33;}
.footer-bottom{color:#3f3f3f; text-transform:uppercase; font-size:10px; line-height:20px;}
.footer-bottom a{color:#3f3f3f;}
.footer-bottom a:hover{color:#ee3b33;}
.bottom-menu{float:left;}
.bottom-menu li{float:left; margin-right:10px;}
.bottom-menu li a{}
.share-wrapper{float:right; margin-right:0px;}
.share-wrapper .title{float:left; line-height:20px; margin-right:10px;}
.share-wrapper a{float:left; height:20px; overflow:hidden; margin:0px 5px;}
.share-wrapper a img{display:block; position:relative;}
.share-wrapper a:hover img{margin-top:-20px;}
.back-to-top{float:right; font-size:11px; color:#353535; text-transform:uppercase; font-weight:400; position:relative;}
.back-to-top span{background:url(../img/back-to-top.png); width:19px; height:7px; position:absolute; left:50%; margin-left:-10px; top:-15px;}
.back-to-top:hover{color:#ee3b33;}
.back-to-top:hover span{top:-10px;}

/*css transitions*/
.video-player{-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;}

.types-wrapper a span b, footer a, .pink-button, .back-to-top span, .wtb-block .center-link, .binder-list ul li img, .binder-list ul li span, .binder-list ul li a, .binder-banner-dot .dot, .binder-banner-dot .dot-image, .hiw-point, .hiw-point div, nav a, nav span, .top-banner-controls a, .play-video .bg, .table-buttons a, .table-buttons a span, .table-buttons, .binder-drop-block a, .log-block li a, .tutorials-switcher a, .tutorials-switcher a span, .contact-socials a, .forgot-password, .drop-down-block a, .simple-text-block h3 a, ul.sitemap-list a, .user-account-menu li a, .my-design-entry a, .types-wrapper a img, .little-button, .filtration a{-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;}

.class4{transition-delay:0.1s; -moz-transition-delay:0.1s; -webkit-transition-delay:0.1s; -ms-transition-delay:0.1s;}

/*responsive and changes*/
@media screen and (min-width: 1030px) and (max-width: 1300px) {
    /*.scalable-products{transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}*/
    .types-wrapper a {height:155px;}
    .scalable-products{width:1045px;}
    .types-wrapper a img{height:112px;}
    .types-wrapper a span.text, .types-label{font-size:11px; line-height:13px;}

    .top-banner .center, .binders-wrapper .center{width:1050px;}
    .man-image{height:440px;}
}

@media screen and (min-width: 1300px) and (max-width: 1590px) {
    /*.scalable-products{transform:scale(1.3); -moz-transform:scale(1.3); -webkit-transform:scale(1.3); margin-top:20px;}
    .binder-types-block{height:380px;}*/
    .types-wrapper a {height:186px;}
    .scalable-products{width:1235px;}
    .types-wrapper a img{height:136px;}
    .binder-types-block{height:380px;}
    .types-wrapper a span.text, .types-label{font-size:13px; line-height:15px;}

    .top-banner .center, .binders-wrapper .center{width:1150px;}
    .man-image{height:480px;}
}

@media screen and (min-width: 1590px) and (max-width: 1700px) {
    /*.scalable-products{transform:scale(1.5); -moz-transform:scale(1.5); -webkit-transform:scale(1.5); margin-top:20px;}
    .binder-types-block{height:380px;}*/
    .types-wrapper a {height:225px;}
    .scalable-products{width:1455px;}
    .types-wrapper a img{height:166px;}
    .binder-types-block{height:380px;}
    .types-wrapper a span.text, .types-label{font-size:15px; line-height:17px;}

    .top-banner .center, .binders-wrapper .center{width:1250px;}
    .man-image{height:520px;}
}

@media screen and (min-width: 1700px) {
    /*.scalable-products{transform:scale(1.7); -moz-transform:scale(1.7); -webkit-transform:scale(1.7); margin-top:50px;}
    .binder-types-block{height:400px;}*/
    .types-wrapper a {height:255px;}
    .scalable-products{width:1630px;}
    .types-wrapper a img{height:188px;}
    .binder-types-block{height:400px;}
    .types-wrapper a span.text, .types-label{font-size:17px; line-height:19px;}

    .top-banner .center, .binders-wrapper .center{width:1350px;}
    .man-image{height:560px;}
}

.scalable-products *{-webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateZ(0);}
.binder-types-controls{position:absolute; width:100%; left:0px; bottom:50px; height:16px; text-align:center; display:none; z-index:1;}
.binder-types-controls a{width:16px; height:16px; background:#585858; display:inline-block; margin:0px 5px; display:none;}
.binder-types-controls a.active{background:#EE3B33;}
.responsive-footer-button{display:none; height:35px; line-height:35px; background:#e0e0e0; text-align:center; cursor:pointer; color:#313131; font-size:16px; text-transform:uppercase;}
.responsive-footer-button span{display:inline-block; line-height:35px; padding-right:20px; background:url(../img/footer-button-bg.png) right center no-repeat;}
.responsive-footer-button.active span{background:url(../img/footer-button-bg-active.png) right center no-repeat;}
.responsive-menu{position:fixed; width:260px; right:-260px; top:0; background:#1a1a1a; z-index:4; height:100%; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -o-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: auto;}
.responsive-menu ul{padding:0px 10px;}
.responsive-menu ul li a{display:block; color:#fff; text-transform:uppercase; font-size:25px; line-height:25px; padding:18px 0px; text-align:right;}
.responsive-nav-links{margin-top:30px;}
.responsive-nav-links a{font-weight:700; text-align:right; color:#d2d2d2; text-transform:uppercase; font-size:35px; line-height:35px; display:block; letter-spacing:-2px; margin:0px 10px 30px 10px;}
.responsive-top-menu{display:none; background:url(../img/top-menu-icon.png) 0px 0px no-repeat; width:33px; height:32px; position:absolute; right:10px; top:50%; margin-top:-16px; cursor:pointer;}
.responsive-top-menu.active{background-position:0px -32px;}
.responsive-title{display:none;}
.responsive-link{position:absolute; width:100%; height:100%; left:0; top:0;}
.share-wrapper{position:relative;}
.share-wrapper .pink-button{display:block; text-align:center;}
.responsive-share{position:absolute; left:0; bottom:100%; background:#EE3B33; width:100%; height:48px; display:none;}
.responsive-share a{width:48px; height:48px; margin:0;}
.responsive-share a img{margin-top:0!important; display:block;}
.share-wrapper.responsive{display:none;}
.share-wrapper.responsive .pink-button{cursor:pointer;}

.binders-cell, .binders-row, .binders-table{display: block;}
.binders-cell{float:left; width:20%;}
@media only screen and (min-width: 981px){
	.binders-cell{width:16.6%;}
	.binders-cell:nth-child(1), .binders-cell:nth-child(2), .binders-cell:nth-child(3), .binders-cell:nth-child(4), .binders-cell:nth-child(5){width: 20%;}
}
@media only screen and (max-width: 980px){
    .binders-cell{width:25%;}
}
@media only screen and (max-width: 800px){
    .binders-cell{width:33%;}
}
@media only screen and (max-width: 650px){
    .binders-cell{width:50%;}
}
@media only screen and (max-width: 450px){
    .binders-cell{width:100%;}
}

@media only screen and (max-width: 980px){
    .center{width:90%;}
    nav{display:none;}
    .log-block{display:none;}
    header.center{position:fixed; height:65px; z-index:3; left:0; top:0;}
    #content-block{padding-top:65px;}
    #logo{left:10px; top:10px;}
    #logo img{height:50px;}
    .top-banner{margin-top:-65px;}
    .top-banner-people{opacity:0;}
    .top-banner-info{width:100%; text-align:center;}
    .top-banner-out{height:480px;}
    .top-banner-shape, .top-shape, .bottom-shape, .bottom-shape-1{width:980px; left:50%; margin-left:-490px;}
    .share-slide{display:none;}
    .top-banner-info form, .top-banner-info h2{text-align:left;}

    .center.scalable-products{width:950px;}
    .binder-types-controls{display:block;}

    .hiw-images-wrapper, .hiw-numbers-entry{display:none;}
    .hiw-info-wrapper, .hiw-info-out, .hiw-info-entry{width:100%;}
    .pink-button{font-size:15px; font-weight:600; line-height:32px;}
    table .pink-button{font-size:12px; font-weight:400; line-height:24px; margin-bottom:0!important;}
    .hiw-info-entry .pink-button{margin-top:15px;}
    .hiw-block{padding-bottom:0; padding-top:20px;}

    .binder-block{display:none;}
    .binder-list{width:100%;}
    .binder-list h3{padding-left:45px;}
    .binder-list ul{width:auto;}
    .binder-list ul li a{width:auto; padding-right:10px;}
    .binder-list ul li.active span{font-size:23px; color:#454545; font-weight:300;}
    .binder-list ul li.active img{opacity:0;}
    .binder-list ul li span{width:35px; left:0;}
    .binder-list ul li{padding-left:45px;}
    .binder-list .pink-button{display:block; margin-left:0; text-align:center;}
    .wqb-block{padding-top:160px;}
    .binder-banners-switcher{top:-85px;}

    .wtb-block .left a, .wtb-block .right a{float:none; margin:0 0 10px 0; display:inline-block;}
    .wtb-block h3{white-space:nowrap; font-size:13px;}
    .wtb-block .left, .wtb-block .right{width:100px; text-align:center;}
    .wtb-block .center{width:95%;}
    .wtb-block .center-link{top:-15px;}
    .wtb-block{padding-bottom:85px;}
    .news-block{margin-top:-20px;}

    .news-block{padding-bottom:30px; padding-top:40px;}
    .news, .testimonials, .testimonials-out{width:100%;}
    .testimonials-out{overflow:visible; height:150px;}
    .testimonials h3{font-size:23px; line-height:25px; padding-bottom:10px;}
    .testimonials .left br{display:none;}
    .testimonials .left{float:none; width:auto;}
    .testimonials .right{margin-left:0; margin-top:10px;}
    .testimonials .left a{margin:15px 7px 0px 7px;}
    .testimonials .left a:first-child{margin-left:0px; margin-top:15px;}
    .testimonials .left a:last-child{margin-right:0px;}
    .news-block .pink-button{display:block; text-align:center;}
    .news{padding-bottom:20px;}
    .facebook-title{margin-bottom:20px;}

    .footer-1{display:none;}
    .footer-article{padding-bottom:30px;}
    .footer-2, .footer-2 ul{width:100%; text-align:center;}
    .responsive-footer-button{display:block;}
    .footer-2{margin-top:10px; display:none;}
    .footer-2.responsive-opened{display:block;}
    .footer-3{width:100%; margin-top:30px;}
    .footer-line{padding-bottom:30px;}
    .footer-3 ul li{text-align:center;}
    .back-to-top{display:none;}
    footer .share-wrapper{width:100%; margin-right:0; text-align:center;}
    footer .share-wrapper a, footer .share-wrapper .title{float:none; display:inline-block;}
    footer .share-wrapper .title{position:relative; top:-7px;}
    .bottom-menu{width:100%; text-align:center; padding:2px 0 10px 0;}
    .bottom-menu li{display:inline-block; margin:0px 5px; float:none;}

    .responsive-top-menu{display:block;}

    .video-header{display:none;}

    .compare-banner h3{padding-top:15px;}
    .compare-banner-entry{width:50%;}
    .compare-banner-entry img{height:250px;}
    .compare-banner-content{height:290px;}
    .play-video{transform:scale(0.7); -moz-transform:scale(0.7); -webkit-transform:scale(0.7); -ms-transform:scale(0.7);}
    .binders-compare-entry, .binders-compare-entry:first-child{float:none; width:auto; padding-left:0; margin-top:20px;}
    .icon-entry{float:none; width:auto; margin:20px 0 0 0 ;}
    .icon-entry:first-child{margin-top:0;}
    .icons-block{padding:30px 0;}
    .start-designing-block a{display:block; text-align:center;}

    .binders-table, .binders-row, .binders-cell{display:block; font-size:0px;}
    .binders-cell{/*width:50%;*/ display:inline-block; min-width:0px;}
    .table-buttons a, .table-buttons a:first-child{position:relative; display:block; left:auto; right:auto; margin:10px 0;}
    .binders-wrapper h3{margin-right:0; padding-top:10px;}
    .binders-filter{position:relative; top:0;}
    .responsive-centering{display:inline-block; position:relative;}
    .binders-filter{text-align:center; margin:20px 0 5px 0;}

    .detail-block-left{width:100%; float:none; min-height:1px;}
    .threesixty{float:none; width:100%;}
    .detail-product-image{float:none;}
    .binder-detail-info{float:none; width:100%;}
    .binder-detail-info table th{vertical-align:top;}
    .binder-detail-info .pink-button{margin:0 0 10px 0; display:block; text-align:center; float:none;}
    .detail-product-image{max-width:100%;}

    .wtb-logos-block h3{width:auto;}
    .wtb-logos-block h4{width:auto;}
    /*.wtb-logos-column{width:50%; overflow:hidden; padding:0;}*/
    .wtb-logos-column a{width:50%; float:left;}
    .wtb-logos-column img{width:100%; height:auto;}
    .wtb-logos-block{margin-top:30px;}
    .wtb-logos-block h3{font-size:40px; line-height:40px;}

    .tutorial-block h3{font-size:40px; line-height:40px; padding-bottom:30px;}
    .tutorial-video{height:310px;}
    .tutorials-switcher a{margin-top:10px;}
    .tutorial-block{padding-top:30px;}

    .form-block{margin-top:30px; padding-bottom:70px; width:90%;}
    .form-block h3{font-size:40px; line-height:40px; padding-bottom:30px;}
    .form-column{width:100%;}
    .textarea-block textarea{width:90%; padding-left:5%; padding-right:5%;}
    .input-label{padding-left:5%;}
    .input-block input{width:50%;}
    .popup-wrapper{width:90%; background:#ee3b33; left:5%; margin-left:0; height:auto;}
    .popup-wrapper h3{position:relative; padding:25px 5% 10px 5%; left:auto; top:auto; width:auto; font-size:24px; line-height:30px;}
    .popup-wrapper .close{top:10px; right:10px;}
    .form-block a.pink-button{float:left; clear:both; display:block; width:100%; text-align:center; padding:0; margin:0;}
    .forgot-password{margin:0 0 10px 0;}

    .user-account-enter-block{width:90%; padding-bottom:30px;}
    .user-account-enter-block h3{margin-bottom:30px; font-size:40px; line-height:40px;}
    .enter-entry{float:none; width:100%;}
    .enter-entry img{display:none;}
    .enter-entry .pink-button{margin-top:10px; text-align:center; display:block;}

    .drop-down .input-label, .checkbox-block .input-label{display:none;}
    .responsive-title{display:block; background:none; height:auto; margin-bottom:0; margin-top:-10px; padding-bottom:5px;}
    .small-titles .responsive-title .input-label{line-height:15px;}
    .small-titles .responsive-title.mandatory .input-label{padding-top:10px;}
    .checkbox-block{height:auto; text-align:center;}
    .input-block .checkbox{margin:0; display:inline-block; float:none;}

    .my-profile-block{width:100%; margin-bottom:80px;}
    .myprofile-column:first-child{margin-left:0;}
    .pink-button.edit-fields, .pink-button.save-fields{float:left;}
    .user-account-menu li a{font-size:11px; padding:0 5px;}

    .my-design-entry{width:40%; padding:0 5%; margin:0;}
    .my-design-entry img{max-width:100%;}
    .my-design-entry .table-buttons{top:30%; margin-top:-40px; text-align:center;}

    .simple-text-block{margin-top:30px;}
    .simple-text-block h1{font-size:40px; line-height:40px;}

    .detail-block{margin-top:0;}
    #contact-thank-you{position:fixed!important;}

    .swipe-out{width:100%; height:240px; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -o-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: auto;}
    .responsive-link{display:block;}
    .table-buttons{display:none;}
    /*.binders-cell{width:250px; float:left;}
    .binders-table{float:left; width:1250px;}
    .binders-swipe{-webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -o-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: auto; width:100%;}
    .binders-swipe-in{width:2500px;}*/
    .form-text span{display:inline-block; margin:10px 0;}
    .pink-button.edit-fields, .pink-button.save-fields{width:100%; text-align:center; padding:0;}
    footer .desktop-alert{display:none;}
    .responsive-menu-layer{position:fixed; width:100000px; height:100%; top:0; right:0px; background:#fff; display:none; z-index:2;}
    .share-wrapper.responsive{display:block;}
    .share-wrapper.desktop{display:none;}
    .testimonials .left{padding-top:0px;}

    .floating-360{top:0!important;}
    .binder-detail-info table, .detail-product-wrapper{margin-top:10px;}
}

@media only screen and (max-width: 500px){
    .top-banner-info h2{font-size:28px; line-height:32px;}
    .top-banner-info .pink-button{font-size:17px; line-height:28px;}
    .top-banner-controls{top:105px; display: none;}
    .top-banner-out{height:380px;}

    .hiw-header h3{width:100%; margin-right:0;}

    /*.binders-cell{height:260px;}
    .binders-cell img{height:150px;}*/
    .table-buttons{top:70px;}
    .binders-wrapper h3{font-size:40px; line-height:40px;}

    .my-design-entry{height:300px;}

    /*.binders-cell{width:150px; float:left;}
    .binders-table{float:left; width:750px;}
    .binders-swipe-in{width:1500px;}*/

    .binder-detail-info table th{padding:2px; font-size:10px;}
    .binder-detail-info table td{padding:5px 2px; font-size:11px;}
    .binder-detail-info table td .little-button span{display:none;}
    .binder-detail-info table td .little-button:after{content: "buy"; }
}

/*chrome corrections*/
.form-block h6, .tutorials-switcher a, nav, .binders-compare-entry, .icon-entry div, .footer-article, .footer-2 ul li a, .share-wrapper .title, .wtb-logos-block h4, .wtb-logos-block h4, .forgot-password, .form-text, .user-account-menu, .small-titles .input-label{-webkit-text-stroke-width: 0.2px;}
.bottom-menu{font-weight:400;}
.why-shade{position:absolute; left:0; bottom:0; width:100%; height:100%;}

/*detail page changes*/
.threesixty img, .threesixty{width:400px; height:560px; overflow:hidden;}
.threesixty{left:50%; margin-left:-200px; position:relative;}
.floating-360{position:relative;}
.loader-3d{width:45px; height:45px; position:absolute; left:50%; top:50%; margin:-22px 0 0 -22px;}
.detail-product-wrapper{width:400px; position:relative; max-width:100%;}
.detail-product-wrapper img{position: relative; max-width: 100%; display:none;}
.detail-product-wrapper img:first-child{display:block; position:relative;}
.where-to-buy{display:none;}

#reset-password-form .input-label{font-size: 11px;padding-left: 7px;letter-spacing: -0.5px;}


body.site.binders .binders-cell.hide{display: none;opacity:0; visibility: hidden;}
body.site.binders .binders-cell{
    opacity:1;
    visibility: visible;
    -moz-transition:visibility 0s linear 0.2s,opacity 0.2s linear;
    -o-transition:visibility 0s linear 0.2s,opacity 0.2s linear;
    -webkit-transition:visibility 0s linear 0.2s,opacity 0.2s linear;
    -transition:visibility 0s linear 0.2s,opacity 0.2s linear;
    -ms-transition:visibility 0s linear 0.2s,opacity 0.2s linear;
}

.pink-button.back-to-design {background: #454648; font-size: 16px; width: 315px; text-align: center;}
.no-items-found {margin-top: 35px; margin-left: 5px; margin-bottom: 35px; display: none;}
.input-block.loading input{background:url(../img/form-input-loader.gif) left center no-repeat ;}


.input-block.drop-down .input-triangle{float:left;margin-left:73px;}

.input-block .select2-container{width:100%;position: absolute;top: 0;left: 0;height: 100%;z-index:1;}
.input-block .select2-container>a{height:100%;background:none;border:none;box-shadow:none;filter:none!important;}
.input-block .select2-container>a>span.select2-chosen{margin-right:64px;float:right; width: 166px; 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 .select2-container>a>span.select2-arrow{display:none;}
.select2-drop-mask{z-index:1!important;}
.select2-drop{border:none!important;background:#e6e6e6!important;z-index:2!important;margin-top:2px!important;box-shadow:none!important; border-radius:3px!important; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px;}
.select2-drop .select2-search{top: -43px;position: absolute;width: 230px;height: 41px;right: 4px;}
.select2-drop .select2-search input[type=text]{width: 166px;margin-right:64px;color: #8b8b8b;font-family: 'Open Sans', sans-serif;font-size: 20px;font-weight: 400;background: none!important;height: 41px;line-height: 41px;border: none;padding: 0px;}
.select2-drop ul.select2-results{margin:0;padding:0;max-height:150px;border-radius:3px!important;}
.select2-drop ul.select2-results li{padding:5px 7px; color:#8B8B8B; font-size:18px; line-height:18px; text-transform:uppercase; display:block;-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;}
.select2-drop ul.select2-results li:hover,.select2-drop ul.select2-results li.select2-highlighted{background:#3e3f42; color:#fff;}
.select2-drop ul.select2-results li>div{padding:0;}
.select2-drop ul.select2-results .select2-match{text-decoration:none;}
.input-block .select2-container.select2-container-disabled .select2-choice {background-color:transparent;border:none;}
.ui-tooltip{background:#fff!important; background:rgba(255, 255, 255, 0.8)!important; font-size:11px!important; text-transform:uppercase!important;}
.ui-tooltip-content{padding-left: 8px;}

/*.code-form {position: absolute; top:320px; z-index: 1;}
.code-form label{font-size:16px; color:#2f2f2f; display:block;}
.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;}*/
.code-form input[type=submit]{cursor: pointer; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}
.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;}


ul.ui-autocomplete{overflow-x: hidden;overflow-y: auto;z-index:1;width:372px;background:#e6e6e6;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px;}
ul.ui-autocomplete li{padding:5px 7px; color:#8B8B8B; font-size:18px; line-height:18px; text-transform:uppercase; display:block;-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;}
ul.ui-autocomplete li:first-child{-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
ul.ui-autocomplete li:hover{background:#3e3f42; color:#fff;}
ul.ui-autocomplete li>a{display:block;padding:0;margin:0;}
.input-block.active-field input.ui-autocomplete-loading{background:url(../img/form-input-loader-focused.gif) 90% center no-repeat #3e3f42;}
.ui-helper-hidden-accessible{display:none;}
span.brand {text-transform: none!important;}
span.brand sup {font-size: 50%; position: relative; top: -0.3em;}


/*seo added changes css*/
/**/
.simple-text-block h2{font-weight: 700; font-size: 35px; line-height: 35px; margin-bottom: 25px;}
.simple-text-block h4{font-weight: 600; font-size: 18px; margin-bottom: 21px;}
.simple-text-block h5{font-weight: 600; font-size: 14px; margin-bottom: 21px; text-transform: uppercase; background: url(../img/simple-text-header-side.png) no-repeat left 3px; padding-left: 14px; margin-left: -14px;}
.simple-text-block h6{font-weight: 600; font-size: 12px; margin-bottom: 21px;}
.simple-text-block a{color: #ee3b33; font-weight:600;}
.simple-text-block a:hover{color: #555;}
.simple-text-block b{font-weight: 600;}
.simple-text-block img{max-width: 100%; height: auto; display: block; margin: 0 auto 21px auto;}
.simple-text-block ol li{background: none; padding-left: 0;}

/**/
.top-banner-info .pink-button{margin-top: 0; margin-bottom: 5px;}
.top-banner-info h1, .top-banner-info h2{font-size: 48px; color: #454545; font-weight: 300; text-transform: uppercase; line-height: 48px; letter-spacing: -1px; margin-top:10px; margin-bottom: 10px;}
.top-banner-info h1 b, .top-banner-info h2 b{font-weight: 700;}
.top-banner-info p{color: #454545; font-size: 28px; line-height: 28px; font-weight: 300; letter-spacing: -1px; margin-bottom: 10px;}
.top-banner-info p b{font-weight: 700;}
.pink-button.type-1{background: #454547; position:relative; margin-left: 18px; padding-left: 28px;}
.pink-button.type-1:before{content: ""; border:3px #f03a2f solid; height:29px; width:29px; left:-18px; top:0; background:url(../img/_triangle-icon.png) 8px center no-repeat #454547; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute;}
.pink-button.type-1:hover{color:#ee3b33; background:#222121;}

/**/
.quick-code{width: 185px; position: absolute; right: 45px; top: 80px; z-index: 2;}
.quick-code label{line-height: 40px; display: block; background: #ed382d; font-size: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: -1px; color: #fff; text-align: center;}
.quick-code label span{width: 20px; height: 20px; border: 1px #fff solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; line-height: 20px; margin-left: 5px;}
.quick-code input{border: none;}
.quick-code input[type="text"]{background: url(../img/top-banner-input-border.png) repeat-x; color: #7b7b7b; font-size: 16px; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; height: 44px; line-height: 44px; width: 175px; padding: 0 5px; border: none; text-align: center;}
.quick-code input[type="submit"]{cursor: pointer; margin-top: 5px;}

@media only screen and (max-width: 980px){
    .top-banner-info h1, .top-banner-info h2{text-align: left; font-size: 35px; line-height: 35px; text-align: center;}
    .top-banner-info{top: 125px;}
    .quick-code{right: 0%; width:100%; text-align: center;}
    .quick-code label{display: none;}
    .top-banner-controls{top: 200px;}
    .quick-code input[type="submit"]{display: inline-block; margin-top: 3px; margin-left: 5px;}
}
@media only screen and (max-width: 500px){
    .top-banner-info h1, .top-banner-info h2{font-size: 24px; line-height: 24px; margin-top: 20px; margin-bottom: 20px;}
    .pink-button.type-1:before{display: none;}
    .pink-button.type-1{padding: 0 10px; margin-left: 0;}
    .top-banner-info p{display: none;}
    .top-banner-controls{top: 148px;}
}

/**/
.new-title{color: #fff; font-size: 33px; line-height: 43px; font-weight: 300; letter-spacing: -1px; margin-right: 5px; text-align: center; margin-bottom: 40px; padding: 0 10px;}
.new-title.type-1{color: #3e3f42;}
.new-title b{font-weight: 700;}
.hiw-images-wrapper{position: relative;}
.hiw-numbers-wrapper{top: auto; bottom: 20px;}
.wtb-block .center-link{top: auto; bottom: 0;}
@media only screen and (max-width: 980px){
    .hiw-info-wrapper{padding-top: 0px;}
}
@media only screen and (max-width: 500px){
	.new-title{padding: 0; margin-right: 0; font-size: 27px; line-height: 32px; text-align: left; margin-bottom: 28px;}
}

/**/
.header-article{text-align: center; color: #9a9a9a; font-size: 24px; line-height: 30px; font-weight: 400; padding-bottom: 40px; letter-spacing: -1px;}
.header-article b{font-weight: 700;}
.header-article-title{font-size: 40px; line-height: 40px; color: #3e3f42; letter-spacing: -2px; font-weight: 300; margin-bottom: 20px;}
.header-article-title b{font-weight: 700;}
@media only screen and (max-width: 500px){
    .header-article{font-size: 18px; line-height: 23px;}
}

/**/
.binders-wrapper .header-article{margin-right: 300px; text-align: left; padding-bottom: 20px; padding-top: 20px;}
.binders-filter{top: 25px;}
.binders-swipe{min-height: 700px;}
.binders-row{height: 700px; display: table-cell; vertical-align: middle; text-align: center; font-size: 0;}
.binders-cell{display: inline-block; float: none; vertical-align: top;}
@media only screen and (max-width: 980px){
    .binders-wrapper .header-article{margin-right: 0;}
    .binders-filter{top: 0;}
}

/**/
.wtb-title{font-size:46px; line-height:46px; color:#3e3f42; font-family: 'Roboto', sans-serif; font-weight:700; width:auto; margin:0px auto; padding-bottom:30px; letter-spacing:-2px;}
.wtb-block h3{text-decoration: underline;}

/**/
.detail-block{margin-top: 0;}
.breadcrumbs-line{min-height: 40px; margin-bottom: 30px;}
.breadcrumbs{float: left; padding-top: 14px; padding-bottom: 14px;}
.breadcrumbs a{font-size: 13px; color: #3e3f42; font-weight: 800; text-transform:uppercase; float: left; line-height: 13px; text-decoration: underline; background: url(../img/_breadcrumbs-bg.png) right 4px no-repeat; padding-right: 14px; margin-right: 6px;}
.breadcrumbs a:hover{text-decoration: none;}
.breadcrumbs a:last-child{background: none; padding-right: 0;}
.binders-navigation-links{float: right; padding-top: 0px; max-width: 760px}
.binders-navigation-links a{font-size: 13px; color: #000; display: inline-block; vertical-align: top; text-align: left; line-height: 18px; padding:0 5px;}
.binders-navigation-links a:hover{text-decoration: underline;}
@media only screen and (max-width: 980px){
    .binders-navigation-links{display: none;}
}

/**/
.bestselling-block{position: relative; overflow: hidden; text-align: center; padding-bottom: 50px;}
.best-selling-bg{position: absolute; width: 100%; left: 0; top: 0;}
.bestselling-block .binders-cell{min-width: 24%;}

/**/
.tutorial-switcher{}
.switch-links{float: left; width: 500px; margin-left: -30px;}
.switch-links .binder-list ul{width: 100%;}
.switch-links .binder-list ul li a{width: auto; padding-right: 10px;}
.switch-image{width: 480px; position: relative; float: right;}
.switch-image img{display: none; width: 100%;}
.switch-image img:first-child{display: block;}
.tutorial-block .start-designing-block{padding-bottom: 48px; z-index: 1;}
.design-tutorials-binders{padding-bottom: 40px; padding-top: 80px;}
@media only screen and (max-width: 980px){
    .switch-links{width: 100%; margin-left: 0;}
    .switch-image{width: 100%;}
    .design-tutorials-binders{padding-top: 10px;}
    .switch-links .binder-list ul{text-align: center; padding-top: 20px;}
    .switch-links .binder-list ul li{padding: 0; display: inline-block;}
    .switch-links .binder-list ul li a{display: none;}
    .switch-links .binder-list ul li img{display: none;}
    .switch-links .binder-list ul li span{width: 54px; height: 54px; display: block; position: relative; top: 0; left: 0;}
    .switch-links .binder-list ul li.active span{background: #d9d9d9; color: #ee3b33; font-weight: 800; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
}
@media only screen and (max-width: 500px){
    .switch-links .binder-list ul li span{width: 35px; height: 35px; line-height:35px;}
}

/**/
.customize-buttons{text-align: center; background: red; padding: 80px 0 50px 0; margin-top: -80px; background: #fff; position: relative; overflow: hidden; margin-bottom: 30px; width: 100%;}
.srat-designing-bg{position:absolute; left: 0; bottom: 0; width: 100%;}
.news-block{z-index: 1;}
.customize-buttons h3{font-size: 33px; line-height:33px; padding-bottom: 15px; color: #454545; font-weight: 400; letter-spacing: -1px;}
.customize-buttons .pink-button{font-size: 21px; line-height: 35px; font-weight: 600; margin: 0 3px 5px 3px;}
.pink-button.type-2{background: #474749;}
.pink-button.type-2:hover{background: #222121;}
@media only screen and (max-width: 500px){
    .customize-buttons .pink-button{margin: 0 0 5px 0; display: block;}
}

/**/
.button-top{width: 39px; height: 39px; position: fixed; right: 10px; bottom: 10px; background: #3e3f42; cursor: pointer; -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; display: none; z-index: 5;}
.button-top:hover{background: #ee3b33;}
.button-top img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
@media only screen and (max-width: 500px){
    .button-top{display: none!important;}
}

/**/
.binders-title b, .binders-title span{-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;}
.binders-cell{height: 300px; margin-bottom: 20px;}
.binders-title{font-size: 17px; line-height: 19px; font-family: 'Open Sans', sans-serif; color: #333; width: 98%; padding: 0; left: 1%; bottom: 0; position: absolute;}
.binders-title b{font-weight: 800; display: inline-block; padding: 0 10px; padding-bottom: 2px;}
.binders-cell:hover .binders-title b{background: #ee3b33; color: #fff;}
.binders-title span{display: block; font-weight: 300; font-size: 17px; line-height: 19px; color: #333;}
.binders-cell:hover .binders-title span{color: #ee3b33;}
.binders-entry{height: inherit;}
.binders-cell img{margin-bottom: 0; height: 245px;}
.binders-cell .table-buttons{text-align: center;}
.binders-cell .table-buttons a{min-width: 100px;}

/**/
.quick-code label{background: none; font-size: 16px; color: #2f2f2f; font-weight:300; text-align: left; text-transform: none; line-height: 30px;}
.quick-code input[type="text"]{background-color: transparent; color: #2f2f2f; font-style: normal; font-family: "Open Sans", sans-serif;}
.quick-code label span{border: none; color: #ee3b33;}
#content-block .country-title{color: #fff; font-weight: 700; font-size: 33px; line-height: 33px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 2px solid #fff; padding-bottom: 5px; float: none; display: inline-block;}
#content-block .country-title:hover{border-bottom: 2px solid #ee3b33;}
.wtb-block .left, .wtb-block .right{text-align: center;}
@media only screen and (max-width: 980px){
	#content-block .country-title{font-size: 24px; line-height: 24px;}
}

/**/
.best-selling-bg{position: absolute; width: 100%; left: 0; top: 0;}
.bestselling-block{padding-top: 100px;}
.detail-product-wrapper{float: left;}

/**/
@media only screen and (max-width: 980px){
    .detail-product-wrapper{float: none; top: 0!important;}
}
@media only screen and (max-width: 500px){
    .hiw-info-wrapper .pink-button{display: block; text-align: center; margin-right: 0;}
    .wtb-block .center-link{bottom: auto; top: 0;}
    .binder-list h3{font-size: 33px; line-height: 33px; padding-left: 0;}
    .wqb-block{padding-top: 100px;}
    .binder-banners-switcher{top: -30px;}
}

body.mailchimp>div.content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height:100%;
}

body.mailchimp>div.content>div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin:0 auto;
    width:55%;
    text-align:center;
}

body.mailchimp>div.content>div h1{
    margin-top: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #3f3f40;
}

body.mailchimp>div.content>div p{
    color:#404040;
    font-seize:14px;
    margin-top:7px;
}

/*new facebook slider*/
.fb-custom-post{color: #eaeaea; font-size: 12px; font-weight: 400; line-height: 18px;}
.fb-custom-icon{width: 80px; float: left;}
.fb-custom-icon img{display: block; width: 100%; height: auto; display: block; margin-top: 5px;}
.fb-post-content{margin-left: 100px;}
.fb-custom-title{text-transform: uppercase; font-size:14px; font-weight:700;}
.fb-custom-date{font-size: 10px; line-height: 10px;  color: #757575; padding-bottom: 5px;}
.fb-custom-post{padding-bottom: 10px;}
.fb-custom-link a{display: inline-block!important;}
@media only screen and (max-width: 450px){
	.testimonials.facebook{margin-bottom: 20px;}
}

/*new footer additions*/
footer{padding-bottom: 0;}
.footer-bottom{padding-bottom: 5px; border-bottom: 1px #f6f6f6 solid;}
.footer-copyright{font-size: 10px; line-height: 40px; color: #999; text-transform: uppercase;}
.copyright-text{float: left;}
.footer-copyright .logos{float: right;}
.footer-copyright .logos img{float: left; margin: 10px 0 0 10px;}
@media only screen and (max-width: 980px){
	.copyright-text, .footer-copyright .logos{width: 100%; text-align: center;}
	.footer-copyright .logos{height: 40px;}
	.footer-copyright .logos img{float: none; display: inline-block; vertical-align: top;}
}

/**/
.responsive-tagline-detail{font-size:38px; line-height:38px; color:#3e3f42; font-weight:300; letter-spacing:-3px; padding-bottom:15px; display: none;}
.responsive-tagline-detail b{font-weight:700;}
.preview-frame{display: inline-block; max-width: 100%;}
.preview-frame.closed{display: none;}
.simple-mobile-preview{display: none; padding-bottom: 20px;}
@media only screen and (max-width: 980px){
	.responsive-tagline-detail{display: block;}
	.binder-detail-info h1{display: none;}
	.breadcrumbs-line{display: none;}
	.floating-360{display: none;}
	.simple-mobile-preview{display: block;}
	.quick-code{display: none;}
}
@media only screen and (max-width: 500px){
	.top-banner-in{top: 0!important;}
	.top-banner-info{display: none!important;}
	.top-banner-info:nth-child(2n){display: block!important;}
}

.video-player{top: 90px; height: auto;}
#content-block header{position: fixed; width: 100%; left: 0; top: 0; z-index: 4;}
#content-block{padding-top: 90px;}
@media only screen and (max-width: 980px){
    .video-player{top: 65px; height: auto;}
    #content-block{padding-top: 65px;}
}

/**/
.simple-preview-image{display: block; max-width: 100%; height: auto; margin: 0 auto;}
.simple-preview-image+.threesixty{display: none;}
.binder-types-block{height: auto!important; padding-bottom: 100px;}
.binder-types-controls{position: relative; top: auto; bottom: auto; margin-top: 30px;}
.header-drop-down-title{padding-right: 25px;}
.header-drop-down-title:after{width: 10px; height: 6px; position: absolute; right: 10px; top: 50%; margin-top: -3px; content: ""; background: url(../img/header-drop-down-icon.png);}
li:hover .header-drop-down-title:after, .header-drop-down-title.active:after{background-position: 0 -6px;}
nav li a{letter-spacing: 0; padding: 0 15px;}
nav li:hover > a{color: #fff; background: #EE3B33;}
nav li{overflow: visible;}
.header-drop-down-content{position: absolute; left: 0; top: 100%; width: 200px; background: #454648; opacity: 0; visibility: hidden; transition: all .3s; -webkit-transition: all .3s;}
nav li:hover .header-drop-down-content{opacity: 1; visibility: visible;}
.header-drop-down-content a{color: #fff; border-bottom: 1px #6a6b6d solid;}
.header-drop-down-content a:last-child{border: none;}
.responsive-menu ul li .submenu-wrapper a{padding: 5px 0; font-size: 18px; line-height: 24px;}

.folder-white {background-color: #ffffff;}
.folder-black {background-color: #3c3c3c;}
.folder-red {background-color: #f9616d;}
.folder-green {background-color: #29a78d;}
.folder-blue {background-color: #55649e;}


@media only screen and (max-width: 980px){
    .center.scalable-products {
        width: 1050px;
    }
}
.responsive-menu ul li a.active{color: #EE3B33;}
.footer-3 ul li a{line-height: 15px;}
.footer-3 ul li{margin-bottom: 2px;}

div:not(.form-column) .drop-down input{width: 450px;box-sizing: border-box;-webkit-box-sizing: border-box;margin-right: 0;padding-right: 64px;padding-left: 10px;}
@media only screen and (max-width: 980px){
    div:not(.form-column) .drop-down input{width: 100%;}
}

.new-title{margin-bottom: 0px; padding-bottom: 40px;}

@media only screen and (max-width: 980px){
    .input-block .select2-container>a>span.select2-chosen{width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 64px; margin: 0;}
}