#breadcrumb span{text-transform:none}
.header-fixed #Help+ul{right:0;left:auto}
.second_row{margin-top:30px}
.tabmenu{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:15px;font-size:16px}
.tabmenu li{display:inline-block;padding-right:40px}
.tabmenu a{border-radius:0;background-color:transparent!important;padding:9px 12px;font-weight:400}
.tabmenu a.active{color:#4d4d4d;border-bottom:3px solid #1870D5}
.tabmenu a.active_tab{color:#4d4d4d;border:1px solid #ddd;padding-bottom:12px;border-bottom:none;background:#fff!important}
.tabmenu.subtab{border-bottom:none}
.hidden_hover{display:none}
.nav.navbar a[href="/quiz-school/templates/s/"]{background:none}
.sq.tabmenu li a{padding-left:0;background-position:0 10px;background-repeat:no-repeat}
.sq.tabmenu li a img{margin-right:13px;vertical-align:text-top;opacity:.4}
.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}
.pq.tabmenu li a{padding-left:0;background-position:0 10px;background-repeat:no-repeat}
.pq.tabmenu li a img{margin-right:13px;vertical-align:text-top;opacity:.4}
.subtab li a{position:relative}
.subtab li a:before{content:"";position:absolute;top:4px;left:0;bottom:0;width:25px;height:25px;opacity:.2;background-repeat:no-repeat}
.subtab.sq.business li#business-featured a:before{background-image:url(../images/templates/featured-color.svg);top:6px}
.subtab.sq.business li#hr a:before{background-image:url(../images/templates/hr.svg)}
.subtab.sq.business li#marketing a:before{background-image:url(../images/templates/marketing.svg);top:7px}
.subtab.sq.business li#skill a:before{background-image:url(../images/templates/skill-assessment.svg);top:6px}
.subtab.sq.business li#training a:before{background-image:url(../images/templates/training.svg);top:7px}
.subtab.sq.business li#compliance a:before{background-image:url(../images/templates/compliance.svg);top:6px}
.subtab.sq.business li#healthcare a:before{background-image:url(../images/templates/healthcare.svg);top:6px}
.subtab.pq.lead-generation li#lead-generation-featured a:before{background-image:url(../images/templates/featured-color.svg?v=1);top:6px}
.subtab.pq.lead-generation li#career a:before{background-image:url(../images/templates/career.svg?v=1);top:8px}
.subtab.pq.lead-generation li#finance a:before{background-image:url(../images/templates/finance.svg?v=1);top:7px}
.subtab.pq.lead-generation li#health-fitness a:before{background-image:url(../images/templates/health-fitness.svg?v=1);top:8px}
.subtab.pq.lead-generation li#insurance a:before{background-image:url(../images/templates/insurance.svg?v=1);top:5px}
.subtab.pq.lead-generation li#love-relationships a:before{background-image:url(../images/templates/love-relationships.svg?v=1);top:7px}
.subtab.pq.lead-generation li#real-estate a:before{background-image:url(../images/templates/real-estate.svg?v=1);top:6px}
#lead-generation img{width:18px;margin-right:10px;top:-2px;position:relative}
.subtab.sq.fun li#fun-featured a:before{background-image:url(../images/templates/featured-color.svg);top:6px}
.subtab.sq.fun li#music a:before{background-image:url(../images/templates/music-sq.svg);top:6px}
.subtab.sq.fun li#movie a:before{background-image:url(../images/templates/movie-sq.svg);top:6px}
.subtab.sq.sports li#sports-featured a:before{background-image:url(../images/templates/featured-color.svg);top:6px}
.subtab.sq.sports li#soccer a:before{background-image:url(../images/templates/soccer-sq.svg);top:6px}
.subtab.sq.sports li#tennis a:before{background-image:url(../images/templates/tennis-sq.svg);top:6px}
.subtab.sq.sports li#olympics a:before{background-image:url(../images/templates/olympics-sq.svg);top:6px}
.subtab.sq.sports li#nba a:before{background-image:url(../images/templates/nba-sq.svg);top:14px}
.subtab.sq.sports li#nfl a:before{background-image:url(../images/templates/nfl-sq.svg);top:6px}
.subtab.sq.sports li#mlb a:before{background-image:url(../images/templates/mlb-sq.svg);top:13px}
.subtab.sq.holiday li#holiday-featured a:before{background-image:url(../images/templates/featured-color.svg);top:6px}
.subtab.sq.holiday li#halloween a:before{background-image:url(../images/templates/halloween-sq.svg);top:6px}
.subtab.sq.holiday li#easter a:before{background-image:url(../images/templates/easter-sq.svg);top:6px}
.subtab.sq.holiday li#christmas a:before{background-image:url(../images/templates/christmas-sq.svg?v=1);top:6px}
.subtab.sq.education li#education-featured a:before{background-image:url(../images/templates/featured-color.svg);top:6px}
.subtab.sq.education li#history a:before{background-image:url(../images/templates/history-sq.svg?v=1);top:6px}
.subtab.sq.education li#science a:before{background-image:url(../images/templates/science-sq.svg);top:6px}
.subtab.sq.education li#geography a:before{background-image:url(../images/templates/geography-sq.svg);top:6px}
.subtab.sq.education li#english-vocabulary-grammar a:before{background-image:url(../images/templates/english-vocabulary-grammar-sq.svg?v=1);top:6px}
.subtab.sq.education li#math a:before{background-image:url(../images/templates/math-sq.svg?v=1);top:6px}
.subtab.sq.education li#career a:before{background-image:url(../images/templates/career-sq.svg?v=1);top:6px}
.subtab.sq.education li#general-knowledge a:before{background-image:url(../images/templates/general-knowledge-sq.svg?v=1);top:6px}
.subtab li:hover a:before,.subtab li.active a:before{opacity:1!important}
#tryit-now{float:right;border:1px solid #1870D5;padding:4px 8px;border-radius:2px;font-size:14px;transition:.4s all ease-in-out;display:none;margin-top:-4px}
#tryit-now:hover{background:#1870D5}
#tryit-now:hover a{color:#fff}
#tryit-now a{padding:0}
.subtab{border-bottom:1px solid #ddd;display:inline-block}
.subtab li:first-child{margin-left:auto!important}
ul.subtab li{margin:0 20px;list-style:none;text-align:center;border-radius:3px;display:inline-block}
ul.subtab li:last-child{margin-right:auto}

ul.subtab li a{color:#3b5998;margin:0;font-size:14px;line-height:20px;text-transform:capitalize;display:block;transition:.15s ease-in-out;white-space:nowrap;padding:9px 12px 6px 30px}
ul.subtab li.active a{border-bottom:3px solid #1870D5;color:#4d4d4d}
.subtab li a:hover{color:#4d4d4d}
ul.subtab::-webkit-scrollbar{height:0;background-color:#ddd;width:0}
ul.subtab::-moz-scrollbar{height:0;background-color:#ddd;width:0}
.switch-plan{margin:0 0 15px;width:100%}
.switch-plan>span{font-size:14px;color:#4c4c4c;font-family:roboto,sans-serif;display:inline-block;margin:5px 6px 0;vertical-align:top}
.switch-plan > span:first-child{margin-left:0}
.switch-plan > span:last-child{margin-right:0}
.onoffswitch{left:0;margin:0 auto;text-align:left;right:0;width:60px;-moz-user-select:none;-ms-user-select:none;display:inline-block;user-select:none}
.onoffswitch,input.switch:empty~label{position:relative;-webkit-user-select:none;user-select:none}
.onoffswitch-checkbox{display:none}
.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border-radius:20px}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}
.onoffswitch-inner:before{padding-left:10px;color:#FFF}
.onoffswitch-inner:after,.onoffswitch-inner:before{display:block;float:left;width:50%;height:30px;padding:0;line-height:30px;font-size:14px;font-family:Trebuchet,Arial,sans-serif;font-weight:700;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";background-color:#d9d9d9}
.onoffswitch-switch{background:#2f9c03;border-radius:50%;bottom:0;display:block;height:21px;width:21px;margin:4.4px 0;position:absolute;top:0;right:36px;-moz-transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:3px}
.quiz-toggle{margin-bottom: 35px; -webkit-overflow-scrolling: touch;}
.switch-toggle {display: block;min-height: 1.875em;position: relative;padding: 0 !important;display: flex;flex-wrap: wrap;display: -webkit-flex;}
.switch-candy {height: 40px;border-radius: 3px;color: #fff;font-weight: bold;text-align: center;width: 770px;}
.switch-toggle * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.switch-toggle * {font-size: 13px;}
.switch-toggle input {position: absolute;opacity: 0;}
.switch-toggle input[type=radio] {position: absolute;top: 0px!important;}
.switch-toggle label, .switch-toggle > span {line-height: 1.875em;vertical-align: middle;}
.switch-candy label {color: #3b5998;-webkit-transition: color 0.2s ease-out;-moz-transition: color 0.2s ease-out;transition: color 0.2s ease-out; cursor: pointer;}
.switch-toggle a {position: relative;z-index: 2;width: 150px;margin: 0;text-align: center;font-weight: normal;cursor: pointer;line-height: 38px;border: 1px solid #1870D5;border-right: 0;background-color:rgba(0,0,0,0.01)}
.switch-candy a:nth-of-type(1){border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.switch-candy a:nth-of-type(4){border-right: 1px solid #1870D5;border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
.switch-toggle i {display: block;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.switch-toggle i {position: absolute;top: 0;left: 0;padding: 0;z-index: 1;width: 150px;height: 100%;border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.quiz-toggle .switch-candy i {background-color: #6BAF3B;height: 40px !important;}
.switch-toggle input + label:hover {color:#4d4d4d;}
.switch-toggle input:checked + a {color:#fff;}
.switch-toggle input:checked + label:hover {color:#fff;}
.switch-toggle input#personality_quizzes:checked~i{left: 150px;}
.switch-toggle input#assessment_library:checked~i{left: 300px;}
.switch-toggle input#question_bank:checked~i {left: 450px;}
.switch-toggle input#create_with_ai:checked~i {left: 600px;width: 170px;border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
#secondary_tabs{display: none;}
a.create_with_ai{width: 170px;}
.my-overlay{position: fixed;left: 0;right: 0;width: 100%;background: rgba(0,0,0,0.5);top: 0;height: 100%;z-index: 9999;display:none;cursor: wait;}
.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;}
.template-heading{color: #737373;text-align: center;margin: 12px 0;font-size: 18px;font-weight: normal;margin-top: 45px;}
.template_block{width:100%;display:table;border:1px solid #edeaea;border-radius:4px;margin-top:4px;margin-bottom:8px;transition:.6s ease-in-out;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#E8E8E8)";-moz-box-shadow:0 1px 2px 1px #E8E8E8;-webkit-box-shadow:0 1px 2px 1px #E8E8E8;box-shadow:0 1px 2px 1px #E8E8E8;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color=#E8E8E8);background-position: center center;background-repeat: no-repeat;background-size: cover;}
.template_block:hover .template-content .web-form-template{opacity:0.4;}
.template_block:hover .template-content .title-head h4{font-weight:bold;text-align:left;opacity:0.4;}
.template_block:hover .template-mask{transition:.2s ease;opacity:1;display:block !important;}
.template_block:hover{border:1px solid #ccc;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#BABABA)";-moz-box-shadow:0 0 15px 1px #BABABA;-webkit-box-shadow:0 0 15px 1px #BABABA;box-shadow:0 0 15px 1px #BABABA;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color=#BABABA);background-color:rgba(256,256,256,0.7);background-size:cover;}
.template_block .template-mask{position:absolute;top:50%;left:0%;width:100%;transition:.2s ease;opacity:0;text-align:center;}
.template-content{width:100%;display:table;padding:40px 0 50px 0;transition:.4s ease-in-out;backface-visibility:hidden;}
.template-content {padding: 0;height: 300px;position:relative;}
.web-form-template {height: auto;padding: 20px 30px 20px 30px;}
.template_block .template-mask h4{transition:.2s ease;font-weight:bold;padding-top:15px;text-align:center;padding-bottom:30px;font-size:20px;opacity:0;}
.template-mask .surveyBtn{color:#fff!important;background-color:#1870D5!important;border: 1px solid #1870D5!important;background-image:none;font-size:14px;border-radius:2px;cursor:pointer!important;text-decoration:none;margin-left:auto;margin-right:auto;display:table;padding:8px 15px;transition: 0.4s all ease-in-out;}
.template_block h4{font-size:15px;margin-bottom:25px;color:#737373;font-weight:normal;margin-top:0px;text-align:left;}
.template_block table{margin-left:auto;margin-right:auto;}
.template_block table tr.first-row td{font-size:12px;}
.template_block table tr.first-row td:last-child{text-align:right;}
.template_block table tr.second-row td{width:35px;height:35px;border:1px solid #ddd;text-align:center;line-height:35px;}
.template_block .template-content .content.plus-sign img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.template_block .template-content .content.plus-sign{height:300px;}
.template-mask.viewTemplateButton a {display: inline-block;margin-right: 10px;}
.template-mask.viewTemplateButton a:last-child {display: inline-block;margin: 0px;border-radius: 50px; }
.quiz_create_scratch .template-mask.viewTemplateButton a{display: inline-block;padding: 8px 25px;}
.quiz_create_scratch .template-mask.viewTemplateButton a:hover{background: #0A53A8 !important;border-color: #0A53A8 !important;}
a.surveyBtn.tpl_href{border-radius: 50px;}
a.surveyBtn.tpl_href:hover {background: #0A53A8!important;border-color: #0A53A8!important;color:#fff !important;}
a.surveyBtn.templatelink{background-color: #fff!important;color: #3b5998!important;}
a.surveyBtn.templatelink:hover{background: #1870D5!important;color: #fff!important;}
.search-tops input#textSearch {width: 74%!important;}
#qsearchForm{width: 710px;margin: auto;}
.copy-quiz-text{margin-top: 20px;text-align: left;width: 632px;margin-left: auto;margin-right: auto;}
.copyq{float:none;display: inline-block;margin-left: auto;}
.copyq-templates * {float: left;}
.copyq-templates a {line-height: 28px;margin-left: 10px;}
.search-tops{margin:0 0 30px 0;}
.sales_cont{background-image:url(https://www.proprofs.com/quiz-school/theme/img/pot.jpg?id=5a293362acf3e)}
.cert_cont{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1452023/2598882269.jpg?v=5a0414d436b81)}
.secure_qz{background-image:url(https://www.proprofs.com/quiz-school/theme/img/workplace.jpg?id=5a293393a6f64)}
.love-based{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1452023/4665653174.jpg?v=5a37ac3e4392c)}
.personality_qz{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1/10525454790.jpg?v=5a02f19778e76)}
.edu_geo{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1/4755894878.jpg?v=5a03de844ff43)}
.edu_french{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1/2232910218.jpg?v=5a03f0c0c1ed4)}
.edu_geomtry{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1/5707581529.jpg?v=5a03f16904601)}
.fun_hero{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1/6060391706.jpg?v=5a03f48595985)}
.adva_temp{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1/1530592402.jpg?v=5a03fc476dc85)}
.fun_romantic{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1/3906457252.jpg?v=5a03ffe39b916)}
.fun_funny{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1/7919370739.jpg?v=5a03f96829c84)}
.edu_guiter{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1/6990747608.jpg?v=5a03f75a54e1d)}
.edu_minn{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1/3810312815.jpg?v=5a03f3fd011fd)}
.example_1{background-image:url(https://www.proprofs.com/quiz-school/theme/img/office.jpg?id=5a2925540a3cb)}
.example_2{background-image:url(https://www.proprofs.com/quiz-school/theme/img/mountains.jpg?id=5a2925795113d)}
.example_3{background-image:url(https://www.proprofs.com/quiz-school/theme/img/art.jpg?id=5a29259440057)}
.example_4{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1/8330157625.jpg?v=5a28c342d6f86)}
.relationship_1{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1452023/7924379558.jpg?v=5a39057b4ad22)}
.relationship_2{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1452023/10672036566.jpg?v=5a390595dbdb9)}
.relationship_3{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1452023/3683834970.jpg?v=5a3905ac5bfae)}
.relationship_4{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1452023/4766136469.jpg?v=5a3905bfacef9)}
.relationship_5{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1452023/4406838014.jpg?v=5a3905dc533f5)}
.relationship_6{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1452023/1356530362.jpg?v=5a3905f025431)}
.relationship_7{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1452023/6858566225.jpg?v=5a390600eae62)}
.relationship_8{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1452023/6273560873.jpg?v=5a39061aa8c25)}
.relationship_9{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1452023/10656591313.jpg?v=5a39062b4f925)}
.relationship_10{background-image:url(https://proprofs-cdn.s3.amazonaws.com/images/QM/user_images/1452023/9628247039.jpg?v=5a39064695881)}
.lifestyle_1{background-image:url(https://media.proprofs.com/images/QM/user_images/1452023/1854294731.jpg?v=5a3ce9ba8740c)}
.lifestyle_2{background-image:url(https://media.proprofs.com/images/QM/user_images/1452023/4127372118.jpg?v=5a3ce9ceda429)}
.lifestyle_3{background-image:url(https://media.proprofs.com/images/QM/user_images/1452023/4485566337.jpg?v=5a3ce9e1bcba6)}
.lifestyle_4{background-image:url(https://media.proprofs.com/images/QM/user_images/1452023/2477766095.jpg?v=5a3ce9efddd5e)}
.lifestyle_5{background-image:url(https://media.proprofs.com/images/QM/user_images/1452023/9144990876.jpg?v=5a3cec2a7a290)}
.lifestyle_6{background-image:url(https://media.proprofs.com/images/QM/user_images/1452023/4479273946.jpg?v=5a3cea2a6ec3b)}
.lifestyle_7{background-image:url(https://media.proprofs.com/images/QM/user_images/1452023/2502767918.jpg?v=5a3cea3d69634)}
.lifestyle_8{background-image:url(https://media.proprofs.com/images/QM/user_images/1452023/2152286285.jpg?v=5a3ceb30211b2)}
.quiz_count{font-size:12px}
.quiz_text{font-size:14px;line-height:21px;margin-top:25px}
.input_text{height:20px;padding:0;padding-left:6px;color:#4d4d4d!important;border:1px solid #cdcdcd;width:66px;pointer-events:none;font-size:8px}
.input_text.large{width:173px;display:block}
.input_text.large.small{width:105px}
select.input_text.large.small{height:15px}
.submit_text{height:20px;margin-top:6px;pointer-events:none;font-size:9px;line-height:16px;text-align:center;width:66px;border-radius:2px;color:#fff;display:inline-block;padding:3px 12px 4px;background:#4a8cf8}
.submit_text.small{margin-top:0!important;width:45px;height:15px;font-size:10px;line-height:12px;padding:2px 8px!important}
.black_text{color:#4d4d4d}
.white_text{color:#fff}
.white_text h3{font-size:25px;line-height:35px}
.btn_black{background:#000!important}
.inner_quiz_img{width:145px;display:block;margin:10px 0}
h3.heading_text{font-size:18px;line-height:25px;font-weight:600}
.border-black{border-color:#000}
.bg-xpos-right{background-position-x:right}
.btn_green{background:#06a398!important;color:#FFF!important}
.btn_green1{background:#0a971c!important;color:#FFF!important}
.btn_red{background:#f11!important;color:#FFF!important}
.btn_yell{background:#ffd214!important;color:#FFF!important}
.inpt_area,.inpt_area+div{display:none}
.body_text_area{width:100%;margin:auto;margin-top:-20px;margin-bottom:20px;padding:0 10px}
.body_text_area p{font-size:16px}
.img-border{border:1px solid #aaa;padding-bottom:10px}
.img-text a{text-align:center;font-weight:700;padding:10px;font-size:18px}
.template-mask .templatelink:hover{background:#0A53A8!important;border-color:#0A53A8!important}
#scroller_left,#scroller_right{display:none}
.scroller_arrows{position:absolute;background:#eee;padding:20px 0!important;top:-20px;z-index:99;text-align:center;width:23px;height:52px;line-height:0}
.pos_rel{position:relative}
#scroller_left{left:-15px}
#scroller_left img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg)}
#scroller_right{right:-15px}
#import_template_resp{position:fixed;background:#000000e6;top:20%;left:0;right:0;width:590px;margin:auto;border-radius:3px;padding:8px;z-index:999999;box-shadow:1px 1px 5px 3px #fff3;display:none}
#overlay23{display:none;height:100%;left:0;position:fixed;top:0;transition:all .2s linear 0s;width:100%;z-index:111;background-color:#0006}
.first_load{width:75px;height:75px;margin:auto;top:calc(50% - 60px);position:absolute;left:0;right:0;background:#fff;padding:10px;border-radius:3px;text-align:center}
@media (min-width:1200px) {
#content{margin:0 auto;margin-bottom:25px}
.container11{width:94%!important}
.navbar-inner{padding:23px 20px!important}
.forlargescreen{margin-left:33.5%}
.grey-bg{padding:0 20px!important}
}
@media (min-width:1500px) {
#content{margin:0 auto}
.template_block h4{padding-right:30px;padding-left:30px}
}
@media (min-width:1200px) and (max-width:1300px) {
.switch-toggle i{left:-1px}
}
@media (min-width:990px) and (max-width:1200px) {
.template-content{height:350px}
.template_block .template-content .content.plus-sign{height:349px}
}
@media (min-width:1024px) {
#tryit-now{display:block}
}
@media (min-width:801px) and (max-width:1250px) {
.tabmenu li{padding-right:5px}
.tabmenu li a img{margin-right:8px!important}
ul.subtab li{margin-right:10px!important}
ul.subtab li a{padding:9px 10px 6px 30px}
}
@media (min-width:1024px) and (max-width:1250px) {
.tabmenu li{padding-right:20px}
}
@media (min-width:801px) and (max-width:1023px) {
ul.subtab li{margin-right:0!important}
ul.subtab li a{padding-right:6px!important}
}
@media (min-width:801px) and (max-width:950px) {
ul.subtab li{margin-right:0!important;margin-left:10px!important}
ul.subtab li a{padding-right:0!important;padding-left:28px!important}
.tabmenu a{padding:9px 10px!important;padding-left:0!important}
.pq.tabmenu li a{font-size:15px!important}
}
@media (min-width:801px) and (max-width:875px) {
.tabmenu li{padding-right:0!important}
.tabmenu a{padding:9px 5px!important;padding-left:0!important}
}
@media (min-width:599px) and (max-width:1024px) {
.template-content{height:350px}
.template_block .template-content .content.plus-sign{height:349px}
}
@media (min-width:768px) and (max-width:1024px) {
#content{width:100%!important;margin:0 auto}
.container11{width:96%!important}
#head-thank{font-size:40px}
}
@media (max-width:767px) {
.heading{font-size:27px!important}
#content{width:100%!important;margin:0 auto}
.copy-quiz-text{width:95%}
.copyq{margin-left:0}
#qsearchForm{width:100%}
.template-heading{margin:25px 0 5px}
#import_template_resp{width:100%}
}
@media (max-width:460px) {
.search-tops input#textSearch{width:70%!important}
}
@media (min-width:768px) and (max-width:1200px) {
.web-form-template{padding:50px 30px 20px}
h3.heading_text{font-size:20px}
.quiz_text{font-size:15px;margin-top:15px}
}
@media (min-width:1920px) and (max-width:2600px) {
.template-content{height:400px}
}
@media (min-width:480px) and (max-width:480px) {
.search-tops input#textSearch{width:67%!important}
}
@media(max-width:480px) {
.quiz-toggle{width:100%!important;overflow-x:scroll;margin-left:0!important}
.quiz-toggle::-webkit-scrollbar{height:0;background-color:#ddd}
.web-form-template{padding:35px 20px 20px}
.template-content,.template_block .template-content .content.plus-sign{height:250px}
.col-xs-12{padding:0 5px!important}
#qsearchForm{width:100%}
.copy-quiz-text{width:91%}
.subtab{height:40px}
ul.subtab li{margin:0 5px}
.switch-plan{text-align:center}
.quiz-toggle{margin-left:auto;margin-right:auto;width:300px}
.my-please-wait{width:100%}
.tabmenu{padding-bottom:12px}
}
@media(max-width:380px) {
.copy-quiz-text{width:93%}
}
@media(max-width:320px) {
.copy-quiz-text{width:98%}
}
html:has(.sidebar-show){overflow:hidden !important;}
#responsive-viewport::before{content:""; position: absolute; top: 50px; border-top: 1px solid #eee; width: 100%; left: 0px;} 
#tab-view::before{content:""; position: absolute; background-image:url('/quiz-school/images/tab_device_light_verson.svg?v=5'); width:0px; height:0px; display:none;} 
#mob-view::before{content:""; position: absolute; background-image:url('/quiz-school/images/mobile_icon.svg?v=5'); width:0px; height:0px; display:none;}
#overlay2 {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, 0.4);}
#sidebar {position: fixed;height: 100%;width: 1024px;top: 0;right: -100%;background: #fff;box-shadow: -5px 0 5px -3px rgb(204, 204, 204);z-index: 999999;transition: right 0.75s ease !important; overflow: auto;}
.sidebar-show {right: 0 !important;transition: right 0.75s ease !important;}
#close-sidebar {position: absolute;right: 15px;top: 15px;cursor: pointer;z-index: 111;}
#sidebar .widows-app-btn {top: 18px;position: absolute;z-index: 111111;margin: 0;text-align: right;width: auto;right: 80px;}
.widows-app-btn {display: table;margin: 30px 0px 40px;text-align: center;width: 100%;}
#sidebar .widows-app-btn .btn-blue {padding: 10px 17px;line-height: 1;}
.widows-app-btn .btn-blue {border: 0 none;border-radius: 50px;color: rgb(255, 255, 255);font-family: Roboto, sans-serif;line-height: 20px;outline: 0 none;padding: 15px 20px;text-align: center;text-transform: capitalize;}
#sidebar .viewportOptions {margin-top: 10px; margin-left:10px; display: inline-block;}
#sidebar .viewportOptions span {/* background: url(../images/templates/responsive_system_icon_Sprite.png) no-repeat; */display: inline-block;width: 40px;height: 35px;background-position:center !important; cursor: pointer;}
#sidebar .viewportOptions span#mob-view {-webkit-mask-image: url('../images/templates/mobile_icon.svg?v=0.1'); mask-image: url('../images/templates/mobile_icon.svg?v=0.1'); -webkit-mask-size: 85%; mask-size: 85%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color:#D6D6D6; width:20px; height:33px; margin-right:5px;}
#sidebar .viewportOptions span#mob-view.active, #sidebar .viewportOptions span#mob-view:hover {background-color:#1870D5;}
#sidebar .viewportOptions span#tab-view {-webkit-mask-image: url('../images/templates/tab_icon.svg?v=0.1'); mask-image: url('../images/templates/tab_icon.svg?v=0.1'); -webkit-mask-size: 85%; mask-size: 85%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color:#D6D6D6;}
#sidebar .viewportOptions span#tab-view.active, #sidebar .viewportOptions span#tab-view:hover {background-color:#1870D5;}
#sidebar .viewportOptions span#desk-view {-webkit-mask-image: url('../images/templates/laptop_icon.svg?v=0.1'); mask-image: url('../images/templates/laptop_icon.svg?v=0.1'); -webkit-mask-size: 85%; mask-size: 85%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color:#D6D6D6;}
#sidebar .viewportOptions span#desk-view.active, #sidebar .viewportOptions span#desk-view:hover {background-color:#1870D5;}
#responsive-viewport {width: 100%;margin-top: 5px;}
#responsive-viewport.desk-view iframe.example-template {width: 100%;height: 560px;}
#responsive-viewport.tab-view {background: url("/quiz-school/images/tab_device_light_verson.svg?v=5") no-repeat center; height: 765px;width:558px; margin:auto;}
#responsive-viewport.tab-view iframe.example-template {margin-top: 62px; margin-left: 6.5%; width: 485px; height: 640px; border-radius:10px;}
#responsive-viewport.mob-view {background: url("/quiz-school/images/mobile_device.svg?v=5") no-repeat center;height: 751px; width:374px; margin:auto;}
#responsive-viewport.mob-view iframe.example-template {margin-top: 19px;margin-left: 5.1%;width: 325px;height: 702px; border-radius:30px;}
#m_main-wrapper{width:85% !important;}
@media(min-width:768px) and (max-width:992px) {
#sidebar{width:560px;right:-100%}
#responsive-viewport.tab-view{background-size:535px 695px}
#responsive-viewport.tab-view iframe.example-template{margin-left:52px;width:460px;height:555px}
#responsive-viewport.mob-view iframe.example-template{margin-left:125px}
}
@media(min-width:993px) and (max-width:1199px) {
#responsive-viewport{margin-top:5px}
}
@media(max-width:767px) {
#sidebar{width:100%;right:-102%}
#sidebar .viewportOptions{display:none}
#responsive-viewport.desk-view iframe.example-template{position:absolute;padding:0 5px;height:calc(100% - 20px)}
}
@media(max-width:480px) {
.widows-app-btn .btn-blue,.widows-app-btn .view-template{display:block;width:70%;margin:0 auto 10px;padding:15px;line-height:1}
#sidebar .widows-app-btn .btn-blue{width:auto}
ul.subtab li:first-child,.tabmenu li:first-child a{margin-left:5px}
}
@media(max-width:800px) {
.tabmenu,.subtab{white-space:nowrap;overflow-x:auto;width:100%}
.tabmenu li{padding-right:10px}
.tabmenu::-webkit-scrollbar-track{-webkit-box-shadow:none;background-color:transparent}
.tabmenu::-webkit-scrollbar{height:0;background-color:#ddd}
.tabmenu::-moz-scrollbar{height:1px;background-color:#ddd}
.tabmenu::-webkit-scrollbar-thumb{background-color:#ccc}
#scroller_left,#scroller_right{display:block}
}
@media(max-width: 1100px) {
#content .body_text_area{width:100%!important;margin-top:auto}
}
.font-eight{font-size:10px;display:block;line-height:15px}
h3.font-twl{font-size:12px;display:block}
.font-fourteen{font-size:14px;line-height:12px;line-height:20px}
.small-inputs input{margin-top:0;height:15px;font-size:7px;margin-bottom:2px;width:51px}	
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left;}.col-xs-12{width:100%;}.col-xs-11{width:91.66666667%;}.col-xs-10{width:83.33333333%;}.col-xs-9{width:75%;}.col-xs-8{width:66.66666667%;}.col-xs-7{width:58.33333333%;}.col-xs-6{width:50%;}.col-xs-5{width:41.66666667%;}.col-xs-4{width:33.33333333%;}.col-xs-3{width:25%;}.col-xs-2{width:16.66666667%;}.col-xs-1{width:8.33333333%;}.col-xs-pull-12{right:100%;}.col-xs-pull-11{right:91.66666667%;}.col-xs-pull-10{right:83.33333333%;}.col-xs-pull-9{right:75%;}.col-xs-pull-8{right:66.66666667%;}.col-xs-pull-7{right:58.33333333%;}.col-xs-pull-6{right:50%;}.col-xs-pull-5{right:41.66666667%;}.col-xs-pull-4{right:33.33333333%;}.col-xs-pull-3{right:25%;}.col-xs-pull-2{right:16.66666667%;}.col-xs-pull-1{right:8.33333333%;}.col-xs-pull-0{right:auto;}.col-xs-push-12{left:100%;}.col-xs-push-11{left:91.66666667%;}.col-xs-push-10{left:83.33333333%;}.col-xs-push-9{left:75%;}.col-xs-push-8{left:66.66666667%;}.col-xs-push-7{left:58.33333333%;}.col-xs-push-6{left:50%;}.col-xs-push-5{left:41.66666667%;}.col-xs-push-4{left:33.33333333%;}.col-xs-push-3{left:25%;}.col-xs-push-2{left:16.66666667%;}.col-xs-push-1{left:8.33333333%;}.col-xs-push-0{left:auto;}.col-xs-offset-12{margin-left:100%;}.col-xs-offset-11{margin-left:91.66666667%;}.col-xs-offset-10{margin-left:83.33333333%;}.col-xs-offset-9{margin-left:75%;}.col-xs-offset-8{margin-left:66.66666667%;}.col-xs-offset-7{margin-left:58.33333333%;}.col-xs-offset-6{margin-left:50%;}.col-xs-offset-5{margin-left:41.66666667%;}.col-xs-offset-4{margin-left:33.33333333%;}.col-xs-offset-3{margin-left:25%;}.col-xs-offset-2{margin-left:16.66666667%;}.col-xs-offset-1{margin-left:8.33333333%;}.col-xs-offset-0{margin-left:0%;}@media (min-width: 768px) {.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left;}.col-sm-12{width:100%;}.col-sm-11{width:91.66666667%;}.col-sm-10{width:83.33333333%;}.col-sm-9{width:75%;}.col-sm-8{width:66.66666667%;}.col-sm-7{width:58.33333333%;}.col-sm-6{width:50%;}.col-sm-5{width:41.66666667%;}.col-sm-4{width:33.33333333%;}.col-sm-3{width:25%;}.col-sm-2{width:16.66666667%;}.col-sm-1{width:8.33333333%;}.col-sm-pull-12{right:100%;}.col-sm-pull-11{right:91.66666667%;}.col-sm-pull-10{right:83.33333333%;}.col-sm-pull-9{right:75%;}.col-sm-pull-8{right:66.66666667%;}.col-sm-pull-7{right:58.33333333%;}.col-sm-pull-6{right:50%;}.col-sm-pull-5{right:41.66666667%;}.col-sm-pull-4{right:33.33333333%;}.col-sm-pull-3{right:25%;}.col-sm-pull-2{right:16.66666667%;}.col-sm-pull-1{right:8.33333333%;}.col-sm-pull-0{right:auto;}.col-sm-push-12{left:100%;}.col-sm-push-11{left:91.66666667%;}.col-sm-push-10{left:83.33333333%;}.col-sm-push-9{left:75%;}.col-sm-push-8{left:66.66666667%;}.col-sm-push-7{left:58.33333333%;}.col-sm-push-6{left:50%;}.col-sm-push-5{left:41.66666667%;}.col-sm-push-4{left:33.33333333%;}.col-sm-push-3{left:25%;}.col-sm-push-2{left:16.66666667%;}.col-sm-push-1{left:8.33333333%;}.col-sm-push-0{left:auto;}.col-sm-offset-12{margin-left:100%;}.col-sm-offset-11{margin-left:91.66666667%;}.col-sm-offset-10{margin-left:83.33333333%;}.col-sm-offset-9{margin-left:75%;}.col-sm-offset-8{margin-left:66.66666667%;}.col-sm-offset-7{margin-left:58.33333333%;}.col-sm-offset-6{margin-left:50%;}.col-sm-offset-5{margin-left:41.66666667%;}.col-sm-offset-4{margin-left:33.33333333%;}.col-sm-offset-3{margin-left:25%;}.col-sm-offset-2{margin-left:16.66666667%;}.col-sm-offset-1{margin-left:8.33333333%;}.col-sm-offset-0{margin-left:0%;}}@media (min-width: 992px) {.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left;}.col-md-12{width:100%;}.col-md-11{width:91.66666667%;}.col-md-10{width:83.33333333%;}.col-md-9{width:75%;}.col-md-8{width:66.66666667%;}.col-md-7{width:58.33333333%;}.col-md-6{width:50%;}.col-md-5{width:41.66666667%;}.col-md-4{width:33.33333333%;}.col-md-3{width:25%;}.col-md-2{width:16.66666667%;}.col-md-1{width:8.33333333%;}.col-md-pull-12{right:100%;}.col-md-pull-11{right:91.66666667%;}.col-md-pull-10{right:83.33333333%;}.col-md-pull-9{right:75%;}.col-md-pull-8{right:66.66666667%;}.col-md-pull-7{right:58.33333333%;}.col-md-pull-6{right:50%;}.col-md-pull-5{right:41.66666667%;}.col-md-pull-4{right:33.33333333%;}.col-md-pull-3{right:25%;}.col-md-pull-2{right:16.66666667%;}.col-md-pull-1{right:8.33333333%;}.col-md-pull-0{right:auto;}.col-md-push-12{left:100%;}.col-md-push-11{left:91.66666667%;}.col-md-push-10{left:83.33333333%;}.col-md-push-9{left:75%;}.col-md-push-8{left:66.66666667%;}.col-md-push-7{left:58.33333333%;}.col-md-push-6{left:50%;}.col-md-push-5{left:41.66666667%;}.col-md-push-4{left:33.33333333%;}.col-md-push-3{left:25%;}.col-md-push-2{left:16.66666667%;}.col-md-push-1{left:8.33333333%;}.col-md-push-0{left:auto;}.col-md-offset-12{margin-left:100%;}.col-md-offset-11{margin-left:91.66666667%;}.col-md-offset-10{margin-left:83.33333333%;}.col-md-offset-9{margin-left:75%;}.col-md-offset-8{margin-left:66.66666667%;}.col-md-offset-7{margin-left:58.33333333%;}.col-md-offset-6{margin-left:50%;}.col-md-offset-5{margin-left:41.66666667%;}.col-md-offset-4{margin-left:33.33333333%;}.col-md-offset-3{margin-left:25%;}.col-md-offset-2{margin-left:16.66666667%;}.col-md-offset-1{margin-left:8.33333333%;}.col-md-offset-0{margin-left:0%;}}@media (min-width: 1200px) {.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left;}.col-lg-12{width:100%;}.col-lg-11{width:91.66666667%;}.col-lg-10{width:83.33333333%;}.col-lg-9{width:75%;}.col-lg-8{width:66.66666667%;}.col-lg-7{width:58.33333333%;}.col-lg-6{width:50%;}.col-lg-5{width:41.66666667%;}.col-lg-4{width:33.33333333%;}.col-lg-3{width:25%;}.col-lg-2{width:16.66666667%;}.col-lg-1{width:8.33333333%;}.col-lg-pull-12{right:100%;}.col-lg-pull-11{right:91.66666667%;}.col-lg-pull-10{right:83.33333333%;}.col-lg-pull-9{right:75%;}.col-lg-pull-8{right:66.66666667%;}.col-lg-pull-7{right:58.33333333%;}.col-lg-pull-6{right:50%;}.col-lg-pull-5{right:41.66666667%;}.col-lg-pull-4{right:33.33333333%;}.col-lg-pull-3{right:25%;}.col-lg-pull-2{right:16.66666667%;}.col-lg-pull-1{right:8.33333333%;}.col-lg-pull-0{right:auto;}.col-lg-push-12{left:100%;}.col-lg-push-11{left:91.66666667%;}.col-lg-push-10{left:83.33333333%;}.col-lg-push-9{left:75%;}.col-lg-push-8{left:66.66666667%;}.col-lg-push-7{left:58.33333333%;}.col-lg-push-6{left:50%;}.col-lg-push-5{left:41.66666667%;}.col-lg-push-4{left:33.33333333%;}.col-lg-push-3{left:25%;}.col-lg-push-2{left:16.66666667%;}.col-lg-push-1{left:8.33333333%;}.col-lg-push-0{left:auto;}.col-lg-offset-12{margin-left:100%;}.col-lg-offset-11{margin-left:91.66666667%;}.col-lg-offset-10{margin-left:83.33333333%;}.col-lg-offset-9{margin-left:75%;}.col-lg-offset-8{margin-left:66.66666667%;}.col-lg-offset-7{margin-left:58.33333333%;}.col-lg-offset-6{margin-left:50%;}.col-lg-offset-5{margin-left:41.66666667%;}.col-lg-offset-4{margin-left:33.33333333%;}.col-lg-offset-3{margin-left:25%;}.col-lg-offset-2{margin-left:16.66666667%;}.col-lg-offset-1{margin-left:8.33333333%;}.col-lg-offset-0{margin-left:0%;}}
.tabmenu{margin-bottom:0}
.add_new_quiz{cursor:pointer}
.grid-container{background:#F3F3F3;padding-top:35px}
.grid-content{width:95%;margin:auto;max-width:80rem}
.template_new_design{display:flex;flex-wrap:wrap;display:-webkit-flex}
.template_new_design > div{width:23.1%;margin-left:2.4%;margin-bottom:2.4%;min-height:370px}
.template_new_design > div:nth-of-type(4n+1){margin-left:0}
.template-grid,.content-holder{border-radius:20px!important}
.quiz_description,.heading-text{display:none}
.body_text_area{width:100%!important}
.bg-img-block{border-top-right-radius:20px;border-top-left-radius:20px}
.template-grid{border:1px solid #edeaea;transition:.6s ease-in-out;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=0,Color=#E8E8E8)";-moz-box-shadow:0 1px 2px 1px #e8e8e8;-webkit-box-shadow:0 1px 2px 1px #e8e8e8;box-shadow:0 1px 2px 1px #e8e8e8;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color=#E8E8E8);background-position:center center;background-repeat:no-repeat;background-size:cover;background:#fff}
.template-grid:hover,.template-grid:focus,.template-grid.focus{border:1px solid #ccc;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=0,Color=#BABABA)";-moz-box-shadow:0 0 15px 1px #bababa;-webkit-box-shadow:0 0 15px 1px #bababa;box-shadow:0 0 15px 1px #bababa;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color=#BABABA);background-size:cover}
.template-grid:hover .bg-img-block,.template-grid:focus .bg-img-block,.template-grid.focus .bg-img-block{opacity:.7}
.template-grid:hover .template-mask,.template-grid:focus .template-mask,.template-grid.focus .template-mask,.template-box.focus .template-mask{display:block}
.template-box.focus:not(.survey_topic){border-bottom:0!important}
.surveyBtn.focus{border:1px solid #4d4d4d!important}
.widows-app-btn .templatelink:focus{border-bottom:2px solid #000;margin-top:-2px}
.image_data{position:relative}
.template-heading{margin:auto;font-size:22px;line-height:30px}
.template_block{background:#fff;border-radius:0}
.bg-img-block{height:260px;background-size:cover!important;background-position:center!important}
.template-content{height:255px}
.template_block .template-content .content.plus-sign{height:253px}
.content-holder{padding:10px 20px;background:#fff}
.heading-text{font-size:16px;margin:8px 0}
.question_text{font-size:12px;margin:8px 0}
.content-holder h3{font-size:18px;line-height:30px;color:#2e2e2e;font-weight:500}
.quiz_description{font-size:14px;margin-bottom:5px}
.template-mask{display:none;position:absolute;top:110px;left:0;right:0;margin:auto;text-align:center}
.bg-dk-grey{margin:auto}
.template-heading{font-size:18px;line-height:25px;color:#4d4d4d;font-weight:700}
.create-from-new .try-btn{margin-top:20px}
.quiz_create_scratch.template-grid{cursor:pointer}
.quiz_create_scratch .bg-img-block{background-size:auto!important;border-bottom:1px solid #dedede;background:url(/quiz-school/images/templates/blank_page.png?v=2) no-repeat}
body{overflow-x:hidden!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}
.quiz_create_scratch{display:block;text-align:center;position:relative}
.create-from-new{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:165px;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;margin-top:15px;border-radius:50px}
@media ( max-width: 1366px ) and ( min-width: 1024px ) {
.bg-img-block{height:220px!important}
.template-mask .surveyBtn{padding:8px 10px}
.template_new_design > div{min-height:340px}
}
@media ( max-width: 767px ) {
.template_new_design > div{width:100%;margin-left:0;margin-bottom:5.4%;height:auto}
.viewportOptions{display:block!important}
.viewportOptions span{visibility:hidden;opacity:0}
#sidebar .widows-app-btn{top:12px}
#close-sidebar{top:22px}
#responsive-viewport.desk-view iframe.example-template{padding:0}
}
@media ( max-width: 1024px ) and ( min-width: 768px ) {
.template_new_design > div{width:47.2%}
.template_new_design > div:nth-of-type(3n+1){margin-left:5.6%!important}
.template_new_design > div:nth-of-type(2n+1){margin-left:0!important}
.grid-content{width:96%}
}
@media ( min-width: 1800px ) {
.template_new_design > div:nth-of-type(4n+1){margin-left:0!important}
}