.blog_thumb a{height:100%;}
.photography_slider_area .single_photography{ height: 185px;}
.owl-carousel .owl-item img {  height: 100%;  object-fit: cover;}
.blog_thumb {
    width: 100%px;
    height: 225px;
}
.blog_thumb img {
    height: 100%;
    object-fit: cover;
}
.common{width:100%; float:left;}
.btnstyle{background: #F4A919;  color: #fff;  border-radius: 50px;  font-size: 14px;    margin-top: 10px; border:0;    padding: 10px 25px;   text-transform: uppercase;}
.btnstyle:hover{background: #fff;  color: #000; }
.hdngcolor{color:#55ACEE;}
.parahtxtcolor{color:#000;}
.hide{display:none;}

/**index.html page css**/

.logosctn{font-size:38px;}
.srchwdth {
    width: 100%;
    margin-bottom: 0 !important;
    margin: 0 auto;
    margin-right: 0;
}
.logimg{padding-right: 0;}
.header-area .main-header-area .main-menu ul li a {padding: 35px 25px 35px 25px;}
.categsectn_pdtopno{padding-top:0;}
.txtcolor{color:#fff;}
.footer .footer_bottom .footer_links ul li {margin: 0 18px;}
.newquizz_pdbtm{padding-bottom:56px;}
.header-area .main-header-area .main-menu ul li a { padding: 15px 18px 15px 18px;}
.footer .footer_bottom .copyright_text { padding: 20px 0 20px 0;}
.footer .footer_bottom .footer_links { padding-bottom: 0px;}
.slidertoppd{padding-top:30px;}

/**19oct**/
.takquiz{padding-top:25px;}
.carousel-caption{top: 35%; left: 80px; right:auto; bottom:auto; text-align: left;}
.carousel-control-next, .carousel-control-prev{ width: 5%;}
.carousel-caption h3{ background: #2a2e38;  color: #fff;  width: 70%; text-align: left; font-size: 30px;    line-height: initial;}
.quizbtn_innrpge{ background: #F4A919; color: #fff; border-radius: 50px;font-size: 14px;margin-top: 10px; border: none;     padding: 10px 25px; text-align: center;  cursor: pointer; text-transform:uppercase;}
/**19oct end**/
/******/
img{object-fit:cover}
.photo_gallery .single_photo_gallery{background-size: cover;}
/******/
/**index.html page css**/

/**animals.html page css**/

.banner_section{height: 640px;  width: 100%;  max-width: 1140px;  margin: 0 auto;   padding: 50px 15px 100px;}
.hero-image { height: 100%;background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%;}
.hero-text { text-align: left; position: absolute;  top: 35%;  left: 80px;  color: white;}
.hero-text button { border: none;outline: 0;  display: inline-block;  padding: 10px 25px;  color: black;  background-color: #ddd; text-align: center;  cursor: pointer;}
.hero-text button:hover { background-color: #555;  color: white;}
h2.bnnertitl {background-color: #2a2e38;  color: #fff;  width: 70%;  padding: 10px;}
.hero-text .quizbtn{background: #F4A919;  color: #fff;  border-radius: 50px;  font-size: 14px;    margin-top: 10px;}
.hero-text .quizbtn:hover{background: #fff;  color: #000; }
.bnnertitl a, .bnnertitl a:hover{color:#fff;}
.input-group-text{ padding: 10px;}
.searchpgepd{padding:50px 0 80px;}

/**animals.html page css end**/

/**millions-of-animal-species.html page css**/

.quizinner {  margin-bottom: 25px;}
.quizmainsection{padding:50px 0 90px;}
.advertsmnt_img img{width:100%;}
.quiztitl{color: #fff; padding: 10px; background-color: #03223b;  margin: 0;}
.quizinnrimgtxt{width: 100%;  float: left;}
.quizmainbnnr{margin:30px 0;width: 100%;  float: left;}
.quizinnrimgtxt img{width:100%; object-fit:cover;  height: 380px;}
#more {display: none;}
.trpadd{padding: 34px !important;}
.abttxt { background: #f2f2f2; padding: 20px; text-align: center; margin: -48px 20px 0; position: relative;}
.quizdesc{    line-height: inherit;}
.abttxt .readbtn{background: #F4A919;  color: #fff;  border-radius: 50px;  font-size: 14px;    margin-top: 10px; border:0;    padding: 10px 25px;   text-transform: uppercase;}
.abttxt .readbtn:hover{background: #fff;  color: #000; }
.scroll { margin: 10px 0 30px;}
.scrollbtntxt{text-align:center;}
.scrollbtntxt a{background: #55ACEE; color: #fff; padding: 15px 25px; border-radius: 50px;font-weight: 500;}
.qstnsectns img{width:100%; object-fit:cover;  height: 380px;}
.chckdsgn label {padding:0 16px;font-size: 14px;  border: 2px solid #fff; margin-right: 18px; cursor: pointer; color: #000; width: 100%; background: #fff; border-radius: 6px;    display: table-cell;  vertical-align: middle;}
.chckdsgn input[type="radio"] { display: none;}
.chckdsgn label.optnslcted { background: #F4A919;  color: #fff !important; border:2px solid #F4A919;}
.qustntxtoptns {background: #f2f2f2;  padding: 20px 30px;}
.chckoptns{ text-align: right; float: right;  font-size: 23px;}
.chckdsgn{width: 100%;}
.chckoptns, .scrollnxt{display:none;}
.scrollnxt { margin: 12px 0 15px;}
.optnsrow2{margin:20px 0 0;}
.quizsect_advt img{width:100%;}
.qstnsectns{margin-bottom:15px;}
.quizsectnmgbtm{margin-bottom:15px;}
.newfixedclassone{position:fixed; width: 160px; top: 70px;}
.newfixedclass{position:fixed; width: 255px; top: 70px;}
.advertsmnt_img_right img{ width: 100%;}
.footer{ position: relative;}
.qustntxtoptns2{    background: #f2f2f2;  padding: 20px 30px;}
.chckdsgn label.optncorrct{border: 1px solid #0bc44e;}
.chckdsgn label.optnwrong{border: 1px solid #df5051;}
.chckdsgn label.optncorrct i, .chckdsgn label.optnwrong i{display:block !important;}
.chckoptnsgreen { text-align: right; float: right;  font-size: 23px;  color: #0bc44e;}
.chckoptnsred {text-align: right; float: right; font-size: 23px;  color: #df5051;}
.wrongbold{font-weight:500;}
.chckoptnsredwarn{    font-size: 33px;  color: #df5051;}
.crossicon { width: 6%;  float: left;  margin-right: 10px;}
.crosstxt{width: 84%;  float: left;}
.wrongtxt { margin: 0;}
.waring { margin-top: 10px;}
.quizbnnerwthhnt{position:relative; width:100%;}
.hintbutnmain{position:absolute; right:20px;}
.hint {background: #F4A919; color: #fff; border-radius: 50px;font-size: 14px; margin-top: 10px; border: 0; padding: 10px 25px; text-transform: uppercase;    cursor: pointer;}
.videomodal{z-index: 9999999;}
.elimntedoptns{    padding: 0px;}
.adfixheight{float:left;width:100%; min-height: 90px;}

/**millions-of-animal-species.html page css**/
/* 11 jan 2020*/
.topquizad {  margin-bottom: 30px;}
.butnmovenxt {background-color: #00CCDF;border-radius: 50%;  top: calc(25% - 32px); width: 64px; text-align: center; cursor: pointer; height: 64px; color: #fff; font-size: 45px;
    padding: 9px;}
.nxtbtnmain { position: absolute;  top: 46%;  right: -20px;}


/* 11 jan 2020*/
/**media queries start**/
@media (min-width: 10px) and (max-width: 480px) 
{
	.quiztitl { font-size: 20px;}
	.hdngcolor { font-size: 20px;}
	.footer_links.text-right {text-align: center !important;}
	.footer .footer_bottom .cpyrght {font-size: 14px !important;text-align: center;}
	.footer .footer_bottom .footer_links ul li a { font-size: 12px;}
	.footer .footer_bottom .footer_links ul li {  margin: 0 10px;}
	.crossicon {  width: 12%;}
	.crosstxt {  width: 74%;}
	.section_title h3 {font-size: 20px;}

	.photography_slider_area .single_photography .photo_title h4, .most_recent_blog .single_blog .blog_meta h3 a{ font-size: 18px;}
	.most_recent_blog .single_blog .blog_meta h3 a{line-height:inherit;}
	.banner_section {  width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
	.hero-text { left: 15px;}
	h2.bnnertitl{width:90%; font-size:16px; line-height:initial;} 
	
	/**19oct**/
	.carousel-caption h3{ font-size: 16px;    width: 90%;}
	.carousel-caption { top: 55px;left: 50px;}
	.carousel-inner{height: 300px;}
  .respons{display: block !important;}
  .frontenlogo{display: none;}
	/**19oct end**/
}

@media (min-width: 10px) and (max-width: 767px) 
{
  .adfixheight{height:392px;}
	.advertsmnt_img, .advertsmnt_img_right{display:none;}	
	/*.chckdsgn1, .chckdsgn3{ margin-bottom: 20px;}*/
	.hero-image{height: 300px;}
	.banner_section{height: auto;    padding: 100px 15px 100px;} 
  //.newquizz_pdbtm{float: left;}
  .most_recent_blog .single_blog:hover .blog_thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
body .header-area .logo {
    text-align: right;
    padding-right: 5px;
}
body .header-area .logo img{
	width: 100%;
    max-width: 200px;
    min-height: 57px;
}
.header-area {float:left !important;width:100% !important;}
.header_top{float:right; width: 80%;}
.slicknav_menu .slicknav_nav{min-width: 200px;}
#sticky-header{float:left;    margin-top: 24px;     width: 18%; padding-left: 7px;}
.header-area #sticky-header {    background: transparent !important;}
.slicknav_icon-bar {    background: #000 !important;}
.quizmainsection.mainquestion{float:left;width:100%;}
.logo.frontenlogo {    width: 70%;}
.footer{float:left;}
a#scrollUp {
    display: none !important;}
    /*24 jan css*/
.quizinnrimgtxt .trpadd { padding: 34px 34px 115px 34px !important;}
.abttxt.trpadd .fblnk {font-size: 8px !important; padding: 9px 7px !important;}
.abttxt.trpadd .copylnk {font-size: 8px !important; padding: 9px 7px !important;}
.abttxt.trpadd .retakeqz {font-size: 8px !important; margin-top: 10px;}
.abttxt.trpadd .slidersec {width: 100% !important;}
.abttxt .showsec .slidersec.fr{width: 50% !important;}
.abttxt .fblnk {font-size: 8px !important; padding: 11px 7px !important;}
.abttxt .copylnk {font-size: 8px !important;}
.abttxt .retakeqz {font-size: 8px !important;}
.abttxt .slidersec.fr {text-align: left !important;}
.scroll.common.text-center.lesmrgn a.refreshbtn {font-size: 14px; font-weight: 500; margin-top: 0px; border: 0; padding: 8px 20px 10px 20px; text-transform: uppercase; }
.testbottom.backcolor img{width: 100% !important;}
.abttxt .retakeqz{display: inline-block;}
.abttxt .showsec .slidersec.fr{margin-top: 0px; display: contents; }
.abttxt .showsec .slidersec.fr #reflink {    width: 100%;}
}

@media (min-width: 10px) and (max-width: 340px) 
{
.quizinnrimgtxt .trpadd {padding: 34px 34px 170px 34px !important;}
.abttxt .retakeqz{display: inline-block;}
.abttxt .copylnk{ margin-top: 5px;}
p.wdfty { display: inherit !important;}
p.scrollbtntxt.wdfty { margin-left: 10px !important;}
.abttxt.trpadd .slidersec {width: 100% !important;}
.abttxt .showsec .slidersec.fr{width: 100% !important;}
.abttxt .showsec .slidersec.fr #reflink {    width: 100%;}
}

@media (min-width: 10px) and (max-width: 1200px) 
{
.newsletter_text { text-align: center;}
}

@media (min-width: 481px) and (max-width: 767px) 
{
	.footer_links.text-right {text-align: center !important;}
	.footer .footer_bottom .cpyrght {text-align: center;}
	.crossicon { margin-right: 15px;}
	h2.bnnertitl{    font-size: 20px;}
	
	/**19oct**/
	.carousel-caption h3{ font-size: 20px;}
	/**19oct end**/
}

@media (min-width: 768px) and (max-width: 991px) 
{
	.newfixedclassone { width: 90px;}
	.newfixedclass { width: 150px;}
	.footer .footer_bottom .footer_links ul li { margin: 0 11px;}
	.crossicon { margin-right: 20px;}
}

@media (min-width: 992px) and (max-width: 1024px) 
{
	.header-area .main-header-area .main-menu ul li a {padding: 15px 8px 15px 8px;}
	.sticky.main-header-area .main-menu ul li a{ padding: 15px 4px 15px 4px !important;}
	.newfixedclassone { width: 130px;}
	.newfixedclass { width: 210px;}
}


@media (min-width: 1025px) and (max-width: 1200px) 
{
	.header-area .main-header-area .main-menu ul li a { padding: 15px 14px 15px 14px;}
	.sticky.main-header-area .main-menu ul li a{ padding: 15px 10px 15px 10px !important;}
}

@media (min-width: 1501px) and (max-width: 2000px) 
{
	.header-area .main-header-area .main-menu ul li a {padding: 15px 18px 15px 18px;}
}
.resultsec .abttxt{overflow: hidden;}
.showsec{float: left;width: 100%;padding-bottom: 10px;}
.slidersec.fl{float: left;}
.slidersec.fr{float: right;}
.slidersec{width: 50% !important;}
.slidersec .slider-container{
	height: 24px;
	width: 100%;
	position: relative;
}
.slidersec .slider {
    position: absolute;
    height: 24px;
    width: 100%;
    border-radius: 12px;
}
.slidersec .slider.slider-possible{background-color: #fff;}
.slidersec .slider.slider-actual.slider-highlight{background-color: #0092e3;}
.slidersec a{cursor: pointer;}
.slidersec img{width: 28px; height: 28px;}
.slidersec.fr{text-align: right;}

 /* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
} 

@media only screen and (min-width: 10px) and (max-width: 768px) {
  /* line 150, ../../Arafath/CL/CL August/204. Blog/204. Blog- HTML/scss/_blog_part.scss */
  .most_recent_blog .single_blog .blog_thumb{width: 100%;  height: 260px;}
	  .respmob {
	    width: 50%;
	    padding: 3px;
	}
  .newfixedclass{display: none;}
     /*div#sticky-header {
      display: none;
  }	*/

  .about_text p {
      word-wrap: break-word;
  }
  .inf.resads.lazyloaded{text-align:center;}
  
  
  .resizemob img{height: 202px; margin: 0 auto;}
  .resizemob{text-align: center;}
  .carousel-inner img{width:100%;}
}

@media only screen and (min-width: 10px) and (max-width: 767px) {
  .scrollnxt.webbscroll{display: none !important;}
  .scrollnxt.mobbscroll{display: block !important;}
  /*.adfixheight iframe{width:100% !important;}
  .i-amphtml-layout-size-defined{width:100% !important;}
  .i-amphtml-layout-size-defined .i-amphtml-fill-content{position:inherit !important;}*/
}
@media only screen and (min-width: 10px) and (max-width: 480px) {
  .resads{text-align: center;}
	
}
.photo_caption a {
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
/**********/
.mainquestion .container {
    max-width: 1300px;
}

@media  (min-width: 1025px) and (max-width: 1270px) {
  .mainquestads{display:none;}
  .mainquestright{display:block;}
  //.mainquestions{max-width: 80% !important;flex: 0 0 80% !important;width: 80% !important;}
 .adfixheight iframe {
    width: 100%;
}
  #ad_bot iframe {
      width: 100%;
  }
  #ad_top  iframe {
      width: 100%;
  }
  #ad_result  iframe {
      width: 100%;
  }
  .mainquestions {
    flex: 0 0 72%;
    max-width: 72%;
}
}
@media (max-width: 1024px) 
{ 
.mainquestright{display:none;}
.mainquestions { max-width: 100% !important; flex: 0 0 100% !important; width: 100% !important;}
}

.mainquestion .container {
max-width: 1300px;
}

/*@media (min-width: 1025px) and (max-width: 1270px) {
.mainquestads{display:none;}
.mainquestright{display:block;}
.mainquestions{max-width: 80% !important;flex: 0 0 80% !important;width: 80% !important;}

}*/
@media (max-width: 1024px) 
{ 
.mainquestright{display:none;}
.mainquestads{display:none;}
.mainquestions { max-width: 100% !important; flex: 0 0 100% !important; width: 100% !important;}
}

@media only screen and (min-width: 768px) and (max-width: 1200px){
  .most_recent_blog .single_blog .blog_thumb {
      width: 100%;
      height: 260px;
  }
}


@media (min-width: 10px) and (max-width: 1024px) 
{
  .inf.resads.lazyloaded{text-align:center;}
}
.chckdsgn label{
   display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 56px;
    padding: 8px 24px;
    margin: 0;
    border: 3px solid #f4f4f4;
    border-radius: 8px;
    cursor: pointer;
    background-color: #fff;
    color: #344858;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all .1s cubic-bezier(.445,.05,.55,.95);
    transition: all .1s cubic-bezier(.445,.05,.55,.95);
	}
	.respmob{display:flex;}
/**********/
/**media queries end**/

.quiz-title-social-proof{
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 6px;
    
    font-size: 11px;
    margin-top: 20px;
    border-radius: 16px;

}
.quiz-title-social-proof .verticals{
        color: #fff;
    background-color: #55ACEE;
    font-weight: 700;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 10px;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 16px;
    font-size: 10px;


}
.quiz-title-credit {
    padding-left: 8px;
    font-size: 13px;
}

span.median-time {
    color: #000;
}
.quiz-title .quiz-title-social-proof p {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 10px;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 5px;
}

p.verticals {
    line-height: 30px;
}
.quiztitl{    background: #000 !important;}
.easyhard{color:#344858;}

.imgtxt {
    position: absolute;   bottom: 0px;  width: 100%;  right: 10px;
}
.slidequ {
    right: 0px;
}
.imgatrr{text-align: right;  background: rgba(0,0,0,0.2);  margin: 0;   padding: 0px 10px 0px 0;    color: #fff;   font-size: 11px;}
.resizemob {
    position: relative;
}


h3.changehover a{  background: #000000 ;     padding: 0 5px;}
.carousel-caption .changehover {
    background: transparent !important;
}

.bnnertitl{background: transparent !important;}

.logo.frontenlogo h1.logosctn img {
    width: 100%;
}

/***Article*/
.vote-thumbs-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 27px;
    bottom: 45px;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.05), 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.05), 0 2px 4px 0 rgba(0,0,0,.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 54px;
    margin: 0 auto 54px;
    position: relative;
    width: 150px;
}
.subdescription{margin-bottom: 43px;}
.vote-thumb {
    border-radius: 50%;
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
    text-align: center;
    width: 40px;
}
.vote-thumb-up {
  border: 1px solid #0bc44e;
    background-color: #0bc44e;
}

.vote-thumb-down {
  border: 1px solid #df5051;
    background-color: #df5051;
}
.thumb_up{color: white; font-size: 22px;}
.thumb_down{color: white;font-size: 22px;}
.newsect {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.recirc-card .flag {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 64px;
    height: 26px;
    text-align: center;
    font-weight: 600;
    line-height: 26px;
}
.hardquiz{
  background-color: red;
      position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 64px;
    height: 26px;
    text-align: center;
    font-weight: 600;
    line-height: 26px;
}
p.easy b{color: #fff;}
.botquiz{margin-top: 30px; margin-bottom: 37px;}
.boxshdw {
    box-shadow: 0px 8px 6px -2px #00000014;
    padding: 16px;
    background: #fff;
    margin-bottom: 20px;
}

.testbottom {
    width: 100%;
    height: 150px;
}
.paddbox{padding-left: 0px;}
p.easy:before {
    border-top-color: #0bc44e !important;
    border-right-color: #0bc44e !important;
}
p.hardd:before {
    border-top-color: red !important;
    border-right-color: red !important;
}
.easyquiz {
    background-color: #0bc44e;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 64px;
    height: 26px;
    text-align: center;
    font-weight: 600;
    line-height: 26px;
}

.easy{text-align: center; font-weight: 600;
    line-height: 26px;}
p.hardd:before {
    content: "";
    position: absolute;
    top: 0;
    left: -26px;
    width: 0;
    height: 0;
    border: 13px solid transparent;
}
p.hardd {
    background-color: red;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 64px;
    height: 26px;
    text-align: center;
    font-weight: 600;
    line-height: 26px;
}


p.easy:before {
    content: "";
    position: absolute;
    top: 0;
    left: -26px;
    width: 0;
    height: 0;
    border: 13px solid transparent;
}
.hardtext {
    color: white !important;
}


@media (min-width: 10px) and (max-width: 767px) 
{
  .expquiz{padding: 0px; margin-top: 8px;}
  .easyquiz{padding: 0px; margin-top: 8px;}
  .hardquiz{padding: 0px; margin-top: 8px;}
  .paddbox{padding: 0px;}
  .col-md-12.bottom_quizs {
      margin-top: 10px;
  }
  body .quizmainsection{
	  padding-top:10px;
	  padding-bottom:20px;
  }
}

.refreshbtn{
    background: #F4A919;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    border: 0;
    padding: 10px 25px;
    text-transform: uppercase;
}
.starto{
  background: white;
  color: #344858;
  border:1px solid #F4A919;
  margin-left: 16px;
}
p.wdfty {
    display: inline;
}
.lesmrgn{margin-bottom: 10px !important;}

a.topscrl.refreshbtn {
    background: #F4A919 !important;
    background: #F4A919;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    margin-top: 10px;
    border: 0;
    padding: 10px 25px;
    text-transform: uppercase;
}
.section_title h3 {
    margin-top: 10px;
  }
  .about_playquiz{margin-top: 22px;}

.ht_pp{max-height: 150px;
      overflow: auto;}


.photography_slider_area .container, .most_recent_blog .container, .photo_gallery .container{
	/*   border:1px solid #C3C3C3;  */
	padding-bottom: 10px;}
.section_title h3 {font-size: 28px;}
.most_recent_blog .single_blog .blog_meta h3   {font-size: 22px;}


.promo {
  position: relative;
  padding: 30px 200px 30px 0;
}

.promo h3 {
  font-weight: bold;
  margin-bottom: 0;
}
.promo.promo-light {
  background-color: #F5F5F5;
  border-radius: 3px;
  padding-left: 30px;
}
.promo.promo-center {
  text-align: center;
  padding: 0px 0px;
}
.bottommargin-lg { margin-bottom: 10px !important; }

.promo.promo-light a.button { right: 30px; }
.toggledText span.trimmed, .showAll .toggledText span.morePoints{
  display:none;
}
.showAll .toggledText span.trimmed{
  display:inline;
}

/* Custom Ads */

.search_resl .search_box{ position:relative; }
.search_resl .search, .search_resl .search:focus, .search_resl .search:active{ width: 100%; padding: 0px 10px 0px 20px; height: 37px; border-radius: 20px; border: 1px solid #d4d4d4; outline:none;}
.search_resl .search_box span{ position: absolute; right: 0px; top: 0px; height: 37px; text-align: center; width: 42px; padding: 6px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: #55ACEE; color: white; cursor:pointer;}
.search_resl .blue_txt{ color:#0092da; font-weight:600; font-size:15px;} .search_resl .red_txt{ color:#e40000; font-size:15px;}
.hdngcolor, .search_resl .custom-ads p, .search_resl .custom-ads a{
  font-family: 'Roboto', sans-serif!important;
}
  
.custom-ads p, .custom-ads a{ 
  font-family:'Roboto', sans-serif!important; 
  letter-spacing: 0.02em; 
  display: unset !important; 
}
.custom-ads, .custom-ads b{ 
  color: black;
}
.custom-ads p{ 
  color: #888; 
  font-size: 12px; 
  font-weight: 400; 
  text-decoration:underline; 
}
.custom-ads p.mb-2{ 
  line-height:1.6; 
}
.custom-ads{ 
    background: #F5F5F5;  
    padding: 18px 20px 20px;     
    display: unset;
    width: 100%;
    float: left;
}
.custom-ads b{ 
  font-weight: 700; 
}
.custom-ads .font_17{ 
  font-size:14px; 
  font-weight:bold;
  color:#333; 
}
.custom-ads-btn, .custom-ads-btn:hover, .custom-ads-btn:focus{
    background-color: #38a9e1; 
    border-color: #38a9e1;  
    color: #fff;
}
.custom-ads .ad_url{
  color: #0092da; 
  font-size: 12px; 
  text-decoration: underline;
}
.arrow-icon{ 
  margin-left: 10px; 
  font-weight: 100; 
  font-size: 13px; 
}

.full-width{
  width: 100%;
}
.m-top-9{
  margin-top: 9px;
}
.custom-ads span {
    line-height: 16px;
}

/***Article*/
@media (min-width:1250px){
	.quizmainsection .mainquestions{
		padding-right:35px;
	}
	
}