.row.s32{margin-left:-16px;margin-right:-16px}.row.s32>div{padding-left:16px;padding-right:16px}.cp_wrapper{font-family:inter,sans-serif;position:relative;overflow:hidden}.cp_intro{padding:105px 0 45px;background-color:#e8eef8}.cp_intro p{font-size:18px;line-height:28px;color:#374046;margin:0 0 1em}.cp_intro-video{position:relative;float:right;width:45%;margin:0 0 46px 32px;z-index:0}.cp_intro-video:before{position:absolute;content:"";z-index:-1;width:184px;height:183px;background:url(/web-design/color-picker/wp-content/themes/colorpicker/assets/images/shape.png) no-repeat center;right:-91px;bottom:-44px}.cp_intro-video:after{position:absolute;content:"";z-index:-1;width:88px;height:88px;background-color:#ffd12d;right:59px;bottom:-29px}.cp_intro-video-tips{position:relative;width:135px;font-family:kalam,cursive;float:right;font-weight:400;font-size:24px;line-height:28px;text-align:center;color:#26b16d;-webkit-transform:rotate(-7deg);-moz-transform:rotate(-7deg);-ms-transform:rotate(-7deg);-o-transform:rotate(-7deg);transform:rotate(-7deg);margin-top:76px}.cp_intro-video-tips:before{position:absolute;right:16px;top:100%;width:61px;height:80px;background:url(/web-design/color-picker/wp-content/themes/colorpicker/assets/images/arrow-tips.png) no-repeat 0 0;content:""}.cp_intro-title{color:#222;font-family:inherit;font-weight:900px;letter-spacing:-1.44px;margin:0 0 18px}.cp_intro-share-title{font-family:inherit;margin:0 0 12px;font-size:15px;font-weight:800;color:#374046}.cp_intro-share{line-height:1;list-style:none;margin:0 0 37px;padding:0}.cp_intro-share li{display:inline-block;margin-right:6px;vertical-align:top}.cp_intro-share a{width:35px;height:35px;font-size:35px;color:#26b16d;display:block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-decoration:none}.cp_intro-share a:hover{color:#41d48c}.cp_intro-share a:focus{color:#0e9251}.cp_controls{padding:100px 0;background-color:#374046}.cp_panel{position:relative;overflow:hidden;margin-bottom:30px;background-color:#4b5359;background-color:rgba(255,255,255,.1);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.cp_panel-head{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:15px 40px;background-color:#222;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}.cp_panel-title{-ms-flex-positive:1;flex-grow:1;margin:0;color:#fff;font-weight:800;font-size:18px;line-height:26px;text-transform:uppercase;font-family:inherit}.cp_panel-act{font-family:inherit;font-weight:800;font-size:14px;line-height:22px;text-transform:uppercase;color:#f04d50;text-decoration:none}.cp_panel-act:hover{color:#f87476}.cp_panel-act:focus{color:#db2e31}.color_selector{padding:40px;position:relative;z-index:1}.color_selector .color_row{margin:0 -12px}.color_selector .color_row:after{content:"";display:block;clear:both}.color_selector .color_palette{float:left;padding:0 12px;width:55%}.color_selector .color_codes{float:left;padding:0 12px;width:45%}.color_codes .main_color{position:relative;height:178px;overflow:hidden;margin-bottom:25px;-webkit-border-radius:10px 10px 6px 6px;-moz-border-radius:10px 10px 6px 6px;border-radius:10px 10px 6px 6px}.color_codes .main_color_foot{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:absolute;left:0;bottom:0;height:48px;background-color:#6e7b81;width:100%}.color_codes .main_color_foot .copy_link,.color_codes .main_color_foot .main_color_tag{margin:0 10px;text-align:center;font-family:inherit;font-size:14px;line-height:30px;letter-spacing:-.28px;color:#a9b4bc;text-decoration:none;width:30px;height:30px}.color_codes .main_color_foot .copy_link:hover{color:#fff}.color_codes .main_color_foot input{padding:0;-ms-flex-positive:1;flex-grow:1;background-color:transparent;border:0;outline:0;text-align:center;font-size:18px;line-height:28px;color:#fff;font-family:inherit;font-weight:400}.color_codes .btn_save{text-decoration:none;background-color:#26b16d;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:10px;font-family:inherit;font-weight:700;font-size:16px;line-height:28px;text-align:center;color:#fff;display:block}.color_codes .btn_save i{margin-right:5px;font-size:14px}.color_codes .btn_save:hover{background-color:#41d48c}.color_codes .btn_save:focus{background-color:#0e9251}.saved_colors{padding:30px 40px 5px}.saved_colors ul{list-style:none;padding:0;margin:0 -15px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.saved_colors ul li{cursor:pointer;margin-bottom:30px;padding:0 15px;width:20%;position:relative;font-family:inherit;font-weight:400;font-size:14px;line-height:28px;text-align:center;color:#fff}.saved_colors ul li:before{content:"";padding-bottom:100%;display:block;background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.saved_colors ul li:after{content:"\e90d";font-family:cp-icomoon!important;width:100%;line-height:1;font-size:20px;position:absolute;top:50%;left:0;margin-top:-10px;text-align:center;color:#ced4da}.saved_colors ul li._addedd:after{display:none}.saved_colors ul li._addedd:before{background-color:transparent}.saved_colors ul li div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:absolute;left:15px;right:15px;top:0;height:100%}.saved_colors ul li .color_close_btn{position:absolute;right:2px;top:2px;background:url(https://www.webfx.com/wp-content/uploads/2023/03/remove.png) no-repeat center;font-size:14px;opacity:.5;color:#fff;text-decoration:none;width:14px;height:14px;display:block;text-indent:-99999px}.saved_colors ul li .color_close_btn:hover{opacity:1}.color-resutls{padding:30px 40px 5px}.color-resutls ul{list-style:none;padding:0;margin:0 -15px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.color-resutls ul li{cursor:pointer;margin-bottom:30px;padding:0 15px;width:20%;position:relative;font-family:inherit;font-weight:400;font-size:14px;line-height:28px;text-align:center;color:#fff}.color-resutls ul li:before{content:"";padding-bottom:100%;display:block}.color-resutls ul li div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:absolute;left:15px;right:15px;top:0;height:100%}#color_sheme_tab{border-bottom:1px solid #6e7b81;padding:0 30px}#color_sheme_tab ul{list-style:none;margin:0 -10px -1px;padding:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}#color_sheme_tab li{padding:0 10px}#color_sheme_tab a{font-weight:400;font-size:15px;line-height:20px;text-align:center;color:#a9b4bc;font-family:inherit;text-decoration:none;display:block;padding:10px 0;border-bottom:3px solid transparent}#color_sheme_tab a:hover{color:#84b9f5}#color_sheme_tab a.active{font-weight:700;color:#84b9f5;border-bottom-color:#84b9f5}section.color-picker .md-modal input{background:#6688c3}section.color-picker .md-modal .md-ol-list li{color:#fff}section.color-picker .md-modal mark{background:#3b5eaa;color:#fff}.cp_modal_menu{list-style:none;margin:45px -15px;padding:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.cp_modal_menu li{padding:0 15px;width:20%}.cp_modal_menu a{overflow:hidden;position:relative;color:#fff;display:block;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;text-decoration:none;font-weight:900;font-size:18px;line-height:22px;padding:16px 80px 16px 20px;background:#207de9;-webkit-box-shadow:0 0 10px rgba(0,0,0,.101961);-moz-box-shadow:0 0 10px rgba(0,0,0,.101961);box-shadow:0 0 10px rgba(0,0,0,.101961);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;min-height:100%}.cp_modal_menu a:hover{background-color:#26b16d}.cp_modal_menu a .card-img{z-index:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:80px;height:80px;line-height:80px;text-align:center;position:absolute;right:-11px;top:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.cp_modal_menu a .card-img:before{content:"";z-index:-1;transform:rotate(-15deg);width:100%;height:100%;background-color:#fff;background-color:rgba(255,255,255,.5);position:absolute;left:0;top:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}#color_codes_list{list-style:none;margin:0 -7px 15px;padding:0}#color_codes_list:after{content:"";display:block;clear:both}#color_codes_list li{margin-bottom:10px;float:left;width:50%;padding:0 7px}#color_codes_list div{position:relative;background:#6e7b81;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}#color_codes_list span{position:absolute;left:15px;top:11px;font-size:14px;line-height:28px;letter-spacing:-.28px;color:#a9b4bc;margin:0;font-family:inherit;font-weight:400}#color_codes_list input{height:48px;padding:10px 15px;width:100%;border:0;background-color:transparent;outline:0;position:relative;z-index:2;text-align:right;font-family:inherit;font-weight:400;font-size:18px;line-height:28px;color:#fff}.sp-container{border:0;background-color:transparent;display:block;overflow:visible}.sp-picker-container{border:0;padding:0;margin:0;width:100%;height:440px;float:none}.sp-top{margin:0}.sp-slider{height:40px;top:-5px;left:0;right:auto;border:0;opacity:1;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);border-radius:99px;width:9px}.sp-fill{padding-top:0;height:440px}.sp-dragger{width:15px;height:15px;border:2px solid #fff;background-color:transparent;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.sp-color{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;border:0;overflow:hidden;right:0;bottom:32px}.sp-hue{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;left:0;right:0;top:auto;bottom:0;height:32px;border:0;background:-moz-linear-gradient(left,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);background:-ms-linear-gradient(left,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);background:-o-linear-gradient(left,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);background:-webkit-linear-gradient(left,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);background:linear-gradient(to right,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%)}.awards-logos-section{margin-bottom:20px}body.is_md_showed{overflow:hidden}.md-modal{font-family:inter,sans-serif;position:fixed;top:0;left:0;width:100%;height:100%;z-index:50002;visibility:hidden;overflow:auto;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.md-show{visibility:visible}.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:50001;opacity:0;background:#222;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show~.md-overlay{opacity:.9;visibility:visible}.md-dialog{max-width:920px;color:#fff;min-height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 auto}.md-content{width:100%;overflow:hidden;color:#fff;background:#207de9;position:relative;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:30px 24px}.md-img{width:36%;float:left;position:relative;top:-13px;left:-15px}.md-img img{max-width:100%;height:auto;width:100%}.md-body{padding:32px 70px 32px 0;width:64%;float:left}.md-body.w100{width:100%;float:none;padding:32px}.md-body ol,.md-body ul,.md-body p{color:#fff;font-size:18px;line-height:28px;font-weight:400;font-family:inherit}.md-body p{margin:0 0 .5em}.md-body p:last-child{margin-bottom:0}.md-ol-list{padding:0 0 30px 20px;margin:0;list-style:decimal}.md-ol-list li{margin-bottom:8px}.md-body .small{font-size:90%}.md-input-shorcut{margin-bottom:6px;border:0;outline:0;padding:8px;height:auto;width:100%}.md-body .css_sample{font-size:90%}.md-body a{color:#ffd12d;-webkit-text-decoration-color:#ffd12d;text-decoration-color:#ffd12d}.md-title{color:#fff;margin:0 0 10px;font-weight:800;font-family:inherit}.md-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}.md-effect-14.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.md-effect-14 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}.md-show.md-effect-14 .md-content{-webkit-transform:translateY(0%) rotateX(0deg);-moz-transform:translateY(0%) rotateX(0deg);-ms-transform:translateY(0%) rotateX(0deg);transform:translateY(0%) rotateX(0deg);opacity:1}.md-close{background-color:transparent;padding:0;line-height:1;border:0;cursor:pointer;position:absolute;top:12px;right:12px;font-size:24px;color:#fff;opacity:.5}.md-close:hover{opacity:1}.css-example-content .md-title,.css-example-content .md-body p{color:inherit}ul#sample_colors{width:100%;display:block;padding:0;margin:0}ul#sample_colors li.color{border:1px solid #000;width:25px;height:25px;margin:5px;display:inline-block;cursor:pointer;padding:0!important}@media(max-width:1300px) and (min-width:1025px){.cp_panel-head{padding-left:24px;padding-right:24px}.cp_panel-title{font-size:14px}.cp_panel-act{font-size:12px}.color_selector{padding:24px}.color_selector .color_row{margin-left:-6px;margin-right:-6px}.color_selector .color_codes,.color_selector .color_palette{padding-left:6px;padding-right:6px}.color_codes .main_color_foot input{font-size:16px}#color_codes_list span{left:10px}#color_codes_list input{font-size:14px;padding-left:10px;padding-right:10px}.color-resutls,.saved_colors{padding:24px 24px 5px}.color-resutls ul,.saved_colors ul{margin-left:-5px;margin-right:-5px}.color-resutls ul li,.saved_colors ul li{padding-left:5px;padding-right:5px;margin-bottom:19px;font-size:12px}.color-resutls ul li div,.saved_colors ul li div{left:5px;right:5px}#color_sheme_tab{padding-left:24px;padding-right:24px}#color_sheme_tab a{font-size:13px;line-height:18px}.cp_modal_menu li{width:33.333333%;margin-bottom:20px;min-height:76px}}@media(max-width:1024px){.cp_intro{padding:48px 0}.cp_intro-video{float:none;width:auto;margin-left:auto;margin-bottom:10px}.cp_intro-video-tips{float:none;margin-top:30px;margin-bottom:42px}.cp_intro-video-tips:before{top:auto;left:100%;right:auto;margin-left:20px;bottom:0;transform:rotate(290deg)}.cp_controls{padding:48px 0}.cp_modal_menu li{width:33.333333%;margin-bottom:20px;min-height:76px}}@media(max-width:767px){.cp_modal_menu li{width:50%}}@media(max-width:660px){.cp_panel-head{padding-left:24px;padding-right:24px}.cp_panel-title{font-size:14px}.cp_panel-act{font-size:12px}.color_selector{padding:24px}.color_selector .color_row{margin-left:-6px;margin-right:-6px}.color_selector .color_codes,.color_selector .color_palette{padding-left:6px;padding-right:6px}.color_codes .main_color_foot input{font-size:16px}#color_codes_list span{left:10px}#color_codes_list input{font-size:14px;padding-left:10px;padding-right:10px}.color-resutls,.saved_colors{padding:24px 24px 5px}.color-resutls ul,.saved_colors ul{margin-left:-5px;margin-right:-5px}.color-resutls ul li,.saved_colors ul li{width:25%;padding-left:5px;padding-right:5px;margin-bottom:19px;font-size:12px}.color-resutls ul li div,.saved_colors ul li div{left:5px;right:5px}#color_sheme_tab{padding-left:24px;padding-right:24px}#color_sheme_tab a{font-size:13px;line-height:18px}.md-row{display:block}.md-body{float:none;width:auto;padding:24px}.md-img{float:none;width:auto;left:0;top:0;text-align:center}}@media(max-width:500px){.cp_panel-head{-ms-flex-wrap:wrap;flex-wrap:wrap}.color_codes .main_color_foot{height:40px}.color_codes .main_color_foot input{height:40px;font-size:14px}.color_codes .btn_save i{font-size:12px}.color_codes .btn_save{font-size:13px}.color_selector .color_palette{width:60%}.color_selector .color_codes{width:40%}#color_codes_list{margin-bottom:8px}#color_codes_list li{width:100%;margin-bottom:5px}#color_codes_list input{height:36px}#color_codes_list span{top:4px}.color_codes .main_color{height:124px;margin-bottom:14px}.cp_modal_menu li{width:100%}.color-resutls ul li,.saved_colors ul li{width:33.3333333%}}