#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: normal;}
.tabmenu a.active {color: #4d4d4d;border-bottom: 3px solid #1870D5;}
.tabmenu a.active_tab{color: #4d4d4d;    border: 1px solid rgb(221, 221, 221);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: 0px;background-position: 0px 10px;background-repeat: no-repeat;}
.sq.tabmenu li a img{margin-right: 13px;vertical-align: text-top; opacity: 0.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;}
/* .sq.tabmenu li a:hover .hidden_hover,.sq.tabmenu li a.active .hidden_hover, .pq.tabmenu li a:hover .hidden_hover, .pq.tabmenu li a.active .hidden_hover{ display:inline-block;} */

/* .sq.tabmenu li#featured a{background-image: url(../images/templates/featured.svg);}
.sq.tabmenu li#featured a:hover{background-image: url(../images/templates/featured-hover.svg);}
.sq.tabmenu li#business a{background-image: url(../images/templates/business.svg);background-position: 0 8px;}
.sq.tabmenu li#business a:hover{background-image: url(../images/templates/business-hover.svg);background-position: 0 8px;}
.sq.tabmenu li#education a{background-image: url(../images/templates/education.svg);    background-position: 0 8px;}
.sq.tabmenu li#education a:hover{background-image: url(../images/templates/education-hover.svg);    background-position: 0 8px;}
.sq.tabmenu li#examples a{background-image: url(../images/templates/example.svg);    background-position: 0 8px;}
.sq.tabmenu li#examples a:hover{background-image: url(../images/templates/example-hover.svg);    background-position: 0 8px;} */


.pq.tabmenu li a{padding-left: 0px;background-position: 0px 10px;background-repeat: no-repeat;}
.pq.tabmenu li a img{margin-right: 13px;vertical-align: text-top;opacity: 0.4}



/* .pq.tabmenu li#featured a{background-image: url(../images/templates/featured.svg);}
.pq.tabmenu li#featured a:hover{background-image: url(../images/templates/featured-hover.svg);}
.pq.tabmenu li#relationship a{background-image: url(../images/templates/relationship.svg);}
.pq.tabmenu li#relationship a:hover{background-image: url(../images/templates/relationship-hover.svg);}
.pq.tabmenu li#lifestyle a{background-image: url(../images/templates/lifestyle.svg);}
.pq.tabmenu li#lifestyle a:hover{background-image: url(../images/templates/lifestyle-hover.svg);}
.pq.tabmenu li#fun a{background-image: url(../images/templates/fun.svg);background-position: 0 9px;}
.pq.tabmenu li#fun a:hover{background-image: url(../images/templates/fun-hover.svg);background-position: 0 9px;}
.pq.tabmenu li#health a{background-image: url(../images/templates/health.svg);background-position: 0 8px;}
.pq.tabmenu li#health a:hover{background-image: url(../images/templates/health-hover.svg);background-position: 0 8px;}
.pq.tabmenu li#business a{background-image: url(../images/templates/business.svg);background-position: 0 8px;}
.pq.tabmenu li#business a:hover{background-image: url(../images/templates/business-hover.svg);background-position: 0 8px;}
.pq.tabmenu li#education a{background-image: url(../images/templates/education.svg);background-position: 0 8px;}
.pq.tabmenu li#education a:hover{background-image: url(../images/templates/education-hover.svg);background-position: 0 8px;} */


.subtab li a{position:relative;}
.subtab li a:before{content: "";position: absolute;top: 4px;left: 0;bottom: 0;width: 25px;height: 25px;opacity: 0.2;background-repeat: no-repeat;}
.subtab.sq.business li#business-featured a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/featured-color.svg);top:6px;}
.subtab.sq.business li#hr a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/hr.svg);}
.subtab.sq.business li#marketing a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/marketing.svg);top:7px;}
.subtab.sq.business li#skill a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/skill-assessment.svg);top:6px;}
.subtab.sq.business li#training a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/training.svg);top: 7px;}
.subtab.sq.business li#compliance a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/compliance.svg);top: 6px;}
.subtab.sq.business li#healthcare a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/healthcare.svg);top: 6px;}


.subtab.pq.lead-generation li#lead-generation-featured a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/featured-color.svg?v=1);top:6px;}
.subtab.pq.lead-generation li#career a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/career.svg?v=1);top:8px;}
.subtab.pq.lead-generation li#finance a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/finance.svg?v=1);top:7px;}
.subtab.pq.lead-generation li#health-fitness a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/health-fitness.svg?v=1);top:8px;}
.subtab.pq.lead-generation li#insurance a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/insurance.svg?v=1);top: 5px;}
.subtab.pq.lead-generation li#love-relationships a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/love-relationships.svg?v=1);top: 7px;}
.subtab.pq.lead-generation li#real-estate a:before{background-image: url(https://www.proprofs.com/quiz-school/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(https://www.proprofs.com/quiz-school/images/templates/featured-color.svg);top: 6px;}
.subtab.sq.fun li#music a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/music-sq.svg);top: 6px;}
.subtab.sq.fun li#movie a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/movie-sq.svg);top: 6px;}

.subtab.sq.sports li#sports-featured a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/featured-color.svg);top: 6px;}
.subtab.sq.sports li#soccer a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/soccer-sq.svg);top: 6px;}
.subtab.sq.sports li#tennis a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/tennis-sq.svg);top: 6px;}
.subtab.sq.sports li#olympics a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/olympics-sq.svg);top: 6px;}
.subtab.sq.sports li#nba a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/nba-sq.svg);top: 14px;}
.subtab.sq.sports li#nfl a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/nfl-sq.svg);top: 6px;}
.subtab.sq.sports li#mlb a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/mlb-sq.svg);top: 13px;}

.subtab.sq.holiday li#holiday-featured a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/featured-color.svg);top: 6px;}
.subtab.sq.holiday li#halloween a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/halloween-sq.svg);top: 6px;}
.subtab.sq.holiday li#easter a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/easter-sq.svg);top: 6px;}
.subtab.sq.holiday li#christmas a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/christmas-sq.svg?v=1);top: 6px;}

.subtab.sq.education li#education-featured a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/featured-color.svg);top: 6px;}
.subtab.sq.education li#history a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/history-sq.svg?v=1);top: 6px;}
.subtab.sq.education li#science a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/science-sq.svg);top: 6px;}
.subtab.sq.education li#geography a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/geography-sq.svg);top: 6px;}
.subtab.sq.education li#english-vocabulary-grammar a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/english-vocabulary-grammar-sq.svg?v=1);top: 6px;}
.subtab.sq.education li#math a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/math-sq.svg?v=1);top: 6px;}
.subtab.sq.education li#career a:before{background-image: url(https://www.proprofs.com/quiz-school/images/templates/career-sq.svg?v=1);top: 6px;}
.subtab.sq.education li#general-knowledge a:before{background-image: url(https://www.proprofs.com/quiz-school/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: 0.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#marketing{background-image: url("../images/templates/marketing-quiz-templates.jpg")}
ul.subtab li#skill{background-image: url("../images/templates/skill-assessment-quiz-templates.jpg")} 
ul.subtab li.active{box-shadow: 0 0 15px 1px #BABABA;border: 2px solid #1870D5;}
*/
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: 0px;background-color: #ddd;width:0;}
ul.subtab::-moz-scrollbar {height: 0px;background-color: #ddd;width:0;}

scrollbar {
/*  clear useragent default style*/
   -moz-appearance: none !important;
}

.switch-plan {margin: 0px 0 15px 0;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}
.onoffswitch, input.switch:empty~label {position: relative;-webkit-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-boxbox-sizing: border-box;}
.onoffswitch-inner:after, .onoffswitch-inner:before {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 0.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;/* display: table;table-layout: fixed; */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 a{float: left;text-align: center;width: 100%;margin-top: 7px;} */
.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;}
.switch-candy a:nth-of-type(1){border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.switch-candy a:nth-of-type(5){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;}
/*.switch-toggle1 input:last-of-type:checked ~ i {left: 75%;}
/* .switch-toggle input:first-child + label { width: 50%; } */
/* #personality_quizzes + label{padding-left: 5px;}
#personality_quizzes:checked + label + a{width: 132px;left: 104px;} */

.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;/* cursor:pointer; */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;}

#breadcrumb{margin:0;}
#content{padding: 10px 15px 0 15px !important;}
 
 
.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: 0px;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: #FFFFFF !important;}
.btn_green1{background: #0a971c !important;color: #FFFFFF !important;}
.btn_red { background: #ff1111 !important;color: #FFFFFF !important;}
.btn_yell {background: #ffd214 !important;color: #FFFFFF !important;}
.inpt_area, .inpt_area+div{display:none;}

.stroires_cont{float:none;}
.body_text_area{width: 100%;margin: auto;margin-top: -20px;margin-bottom: 20px;padding: 0 10px;}
.body_text_area p{font-size: 16px;}

/*@media (min-width:768px) and (max-width:979px){.template-mask.cust-sat.viewTemplateButton{top:31%}}*/

.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: 0px 5px 0px 5px !important;line-height: 38px;top: -8px;z-index: 99;}
.pos_rel{position:relative;}
#scroller_left{left: -5px;}
#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: -5px;}

#import_template_resp{position: fixed;background: rgba(0,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 rgba(255, 255, 255, 0.2);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: rgba(0,0,0,.4);}
.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:0px !important;}
	ul.subtab li a{padding-right:6px !important;}
}
@media (min-width:801px) and (max-width:950px){
	ul.subtab li{margin-right:0px !important;margin-left: 10px !important;}
	ul.subtab li a{padding-right:0px !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: 0px !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 0;}
#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 30px;}
	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;}
	
	#content{padding:5px !important;}
	.web-form-template{padding:35px 20px 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;}
	/* ul.subtab li a{font-size: 14px;line-height: 16px;font-weight:normal;} */
	
}
@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('https://www.proprofs.com/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('https://www.proprofs.com/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('https://www.proprofs.com/quiz-school/images/templates/mobile_icon.svg?v=0.1'); mask-image: url('https://www.proprofs.com/quiz-school/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('https://www.proprofs.com/quiz-school/images/templates/tab_icon.svg?v=0.1'); mask-image: url('https://www.proprofs.com/quiz-school/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('https://www.proprofs.com/quiz-school/images/templates/laptop_icon.svg?v=0.1'); mask-image: url('https://www.proprofs.com/quiz-school/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("https://www.proprofs.com/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("https://www.proprofs.com/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{margin-top: 50px;} */
    #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: 0px 5px 0;height: calc(100% - 20px);}
}

@media(max-width:480px) {
	.widows-app-btn .btn-blue, .widows-app-btn .view-template {display: block;width: 70%;margin: 0px 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;/* padding-left: 10px; */}
  .tabmenu::-webkit-scrollbar-track{-webkit-box-shadow:none;background-color:transparent;}
  .tabmenu::-webkit-scrollbar{height: 0px;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-six{}
	.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;}
#content{padding-bottom: 0 !important;margin-bottom: 0 !important;}
.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: 0.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: bold;}
.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(https://www.proprofs.com/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 auto;position: relative;}
.new-smily-icon img {display: inline-block !important;width: 30px;margin-right: 10px;}
.new-smily-icon a {margin: 10px 0px;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: bold;}
.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{width:22.3%;} */
	.template_new_design > div:nth-of-type(4n+1){ margin-left:0 !important; }
	/* .template_new_design > div, .template_new_design > div:nth-of-type(3n+1) {margin-left: 3.6%;margin-bottom: 3.6%;} */
}

@media (min-width: 2200px){
	/* .template_new_design > div{width:17.3% !important;}
	.template_new_design > div, .template_new_design > div:nth-of-type(3n+1), .template_new_design > div:nth-of-type(4n+1) {margin-left: 2.6% !important;margin-bottom: 2.6%;}
	.template_new_design > div:nth-of-type(5n+1){ margin-left:0 !important; } */
}