.body_text_area{text-align:center;margin-top:20px}
.btn-view{background:#fff;color:#3b5998;font-size:14px;font-weight:500;border-radius:50px;padding:10px 20px;cursor:pointer;display:inline-block;transition:.4s all ease-in-out;border:1px solid #3c8ac9;margin-left:20px;transform:translateY(0%)}
.widows-app-btn .try-btn{padding:8px 32px!important}
.new-smily-icon{display:block;line-height:20px;text-align:center;margin:20px auto 15px;position:relative}
.new-smily-icon img{display:inline-block!important;width:30px;margin-right:10px}
.new-smily-icon a{margin:10px 0;position:relative;top:-10px}
.switch-toggle{display:block;min-height:1.875em;position:relative;padding:0!important;display:flex;flex-wrap:wrap;display:-webkit-flex}
.switch-toggle input[type=radio]{position:absolute;top:0!important}
.switch-toggle input{position:absolute;opacity:0}
.switch-toggle *{font-size:13px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.switch-toggle input:checked+a{color:#fff;background:#6baf3b}
.switch-toggle a{position:relative;z-index:2;width:149px;margin:0;text-align:center;font-weight:400;cursor:pointer;line-height:38px;border-right:1px solid #3c8ac9}
.pos_rel{position:relative}
#scroller_left{left:-5px}
#scroller_left,#scroller_right{display:none}
.scroller_arrows{position:absolute;background:#eee;padding:0 5px!important;line-height:38px;top:-8px;z-index:99}
.hidden{display:none;visibility:hidden}
#scroller_left img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg)}
.tabmenu{margin-bottom:0;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:15px;font-size:16px}
.tabmenu li{display:inline-block;padding-right:20px}
.sq.tabmenu li a{padding-left:0;background-position:0 10px;background-repeat:no-repeat}
.tabmenu a.active{color:#4d4d4d;border-bottom:3px solid #3c8ac9}
.tabmenu a{border-radius:0;background-color:transparent!important;padding:9px 12px;font-weight:400;padding-left:0}
.sq.tabmenu li a:hover .default_show,.sq.tabmenu li a.active .default_show,.pq.tabmenu li a:hover .default_show,.pq.tabmenu li a.active .default_show{opacity:1}
.sq.tabmenu li a img{margin-right:13px;vertical-align:text-top;opacity:1}
#scroller_right{right:-5px}
.my-please-wait {position: fixed;top: 42%;background: #000;width: 380px;text-align: center;margin: auto;color: #ffff;font-size: 20px;padding: 20px;z-index: 9999;left: 0;right: 0;display: none;border-radius: 4px;}
#overlay23 {display: none;height: 100%;left: 0;position: fixed;top: 0;transition: all .2s linear 0s;width: 100%;z-index: 111;background-color: rgba(0,0,0,.4);}
.first_load {width: 60px;height: 60px;margin: auto;top: calc( 50% - 60px);position: absolute;left: 0;right: 0;background: #000;padding: 10px;border-radius: 3px;text-align: center;}
# {position: fixed;background: rgba(0,0,0,.9);top: 20%;left: 0;right: 0;width: 590px;margin: auto;border-radius: 3px;padding: 8px;z-index: 999999;box-shadow: 1px 1px 5px 3px rgb(255 255 255 / 20%);display: none;}
.footerStartTrial{z-index:99999}
.switch-candy i{height:38px!important}
.icon-arrow{display:block;text-align:center}
.temp-lates{background:#ddd;color:#000;border-radius:5px}
.tabmenu.pq li{padding-right:20px}
.template_new_design .template-grid.last{margin-bottom: 0px;}
.grid-container{    padding-top: 50px;padding-bottom: 50px;}
.grid-content{width:95%;margin:auto}
.template_new_design{display:flex;flex-wrap:wrap;display:-webkit-flex}
.template_new_design>div:nth-of-type(3n+1){margin-left:0}
.quiz_create_scratch.template-grid{cursor:pointer}
.template-no:hover,.template-no:focus,.template-no{background:none!important}
.quiz_create_scratch{display:block;text-align:center;position:relative}
.content-holder h3{text-align:center}
.create-from-new{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:200px;height:85px}
.create-from-new p{font-size:18px;line-height:25px;color:#4d4d4d;font-weight:700}
.create-from-new .btn-blue{padding:8px 25px!important;margin-top:15px}
.template_new_design>div{width:31%;margin-left:2.4%;margin-bottom:2.4%;min-height:320px}
.image_data{position:relative}
.template-mask{display:none;position:absolute;top:40%;left:0;right:0;margin:auto;text-align:center}
a.surveyBtn.tpl_href{border-radius:3px}
a.surveyBtn.templatelink{background-color:#fff!important;color:#3b5998!important}
.content-holder{padding:10px 20px;background:#fff}
.template-grid,.content-holder{border-radius:6px;min-height:55px;border:1px solid #EEE}
.heading-text{font-size:16px;margin:8px 0}
.content-holder h3{font-size:18px;line-height:25px}
.question_text{font-size:12px;margin:8px 0}
.quiz_description{font-size:14px;margin-bottom:5px}
.quiz_description,.heading-text{display:none}
.bg-img-block{height:265px;background-size:cover!important;background-position:center!important}
.template-grid:hover .bg-img-block,.template-grid:focus .bg-img-block,.template-grid.focus .bg-img-block{opacity:.4}
.template-grid:hover .template-mask,.template-grid:focus .template-mask,.template-grid.focus .template-mask,.template-box.focus .template-mask{display:block}
.tabcontent{display:none}
.tab-active{display:block}
@media(max-width: 800px) {
#scroller_left,#scroller_right{display:block}
.tabmenu,.subtab{white-space:nowrap;overflow-x:auto;width:100%}
.tabmenu::-webkit-scrollbar{height:0;background-color:#ddd}
.tabmenu::-webkit-scrollbar-thumb{background-color:#ccc}
.tabmenu::-webkit-scrollbar-track{-webkit-box-shadow:none;background-color:transparent}
}
@media(max-width:767px) {
.template_new_design>div{width:100%;margin-bottom:5.4%;margin-left:0}
.container-fluid{padding:0}
.tabmenu{display:flex;padding-bottom:10px;overflow-x:auto;margin:auto;overflow-y:hidden}
.switch-candy{margin:auto;width:302px}
.switch-toggle a{width:100px}
.my-please-wait{width:350px;font-size:16px}
}
@media (min-width: 1800px ) {
.template-category .col-lg-4{width:25%}
}
@media (min-width: 2500px ) {
.template-category .col-lg-4{width:20%}
}

#slider{width:100%;position:relative;overflow:hidden;display:flex;flex-direction:row}
#slide{display:flex;flex-direction:row;transition:all .5s ease-in-out}
.content-card{height:30px;width:180px;display:inline-block;flex-direction:column;box-sizing:border-box;padding-right:-31px}
.alt .poster{background-color:#a4b3bf}
.content-card:first-child{margin-left:40px}
.content-card:last-child{margin-right:0}
.name{padding:10px 0 0;font-size:14px}
.title img{margin-right:13px;vertical-align:text-top;opacity:1}
#next-button{position:absolute;display:flex;justify-content:center;align-items:center;right:0;background:#1f77b2;height:30px;width:30px;border-radius:50%;opacity:.9;cursor:pointer;color:#fff;bottom:22px}
#next-button:hover{color:#1f77b2;background-color:#fff;border:1px solid #1f77b2}
#next-button::after{content:">";font-size:20px}
#previous-button{position:absolute;display:flex;justify-content:center;align-items:center;left:0;background:#1f77b2;height:30px;width:30px;border-radius:50%;opacity:.9;cursor:pointer;color:#fff;bottom:22px}
#previous-button:hover{color:#1f77b2;background-color:#fff;border:1px solid #1f77b2}
#previous-button::after{content:"<";font-size:20px}
.b1-heading,.btn-loader{text-align:center}
@media(max-width:767px) {
#next-button,#previous-button{bottom:8px}
#placer{display:none}
.content-card:first-child{margin-left:0}
}
@media(max-width: 480px) {
.quiz-toggle{width:100%!important;overflow-x:scroll;margin-left:0!important;margin-right:auto}
}