html, body {font-family:  'Roboto', sans-serif !important;}
    p{font-family:  'Roboto', sans-serif !important;}
    label{font-family:  'Roboto', sans-serif !important;}
    h3{font-family:  'Roboto', sans-serif !important;}
    h2{font-family:  'Roboto', sans-serif !important;}
    h1{font-family:  'Roboto', sans-serif !important;}
    h4{font-family:  'Roboto', sans-serif !important;}
    .changehover{font-family:  'Roboto', sans-serif !important;}
    a{font-family:  'Roboto', sans-serif !important;}
    span{font-family:  'Roboto', sans-serif !important;}
    button, input, optgroup, select, textarea{font-family:  'Roboto', sans-serif !important;}
    @media only screen and (max-width: 990px) {
        .navigation:not(.navigation-landscape) .nav-menus-wrapper:not(.nav-menus-wrapper-open){width: 320px; height: 100%; top: 0; left: -400px; position: fixed;    background-color: #fff;    z-index: 20000;    overflow-y: auto; transition-duration: 0.2s; transition-timing-function: ease;}
    }


    .searchli{position:relative !important; max-width: 180px; margin-bottom:10px;}
    .input-group-text_new{ position: absolute; right: 15px; background: #fff; top: 11px; border: none;padding: 0px 0px;}
    .respons{display: none;}

      html {
        font-size: px;
        color: FFFFFF !important;
    }
    .header-area .main-header-area {
        background:  #E40C2B !important;
    }
    a.topscrl.refreshbtn.resumchange{background:  #1D2228 !important;}
    .startover{border: 1px solid #1D2228 !important;}
    .carousel-caption h3{background:  #1D2228 !important;}
    .subscribe_newsletter .black_bg{background:  #FFFFFF !important;}
    .quiztitl {background:  #1D2228;}
    /*.quizbtn_innrpge {background:  #1D2228 !important;}*/
    .scrollbtntxt a  {background:  #1D2228 !important;}
    .hint {background:  #E1E2E2 !important;}
                                    .quizbtn_innrpge,#readmore,.scrollbtntxt a,.hero-text .quizbtn,a.topscrl.refreshbtn,#toprefreshse
    {
        min-width: 130px !important;cursor: pointer;transition: all .3s ease;height: 40px;
        color: #fff;   border-radius: 20px;padding: 5px 20px;font-weight: 700;
        position: relative;display: inline-block;outline: none;
    }
    a.topscrl.refreshbtn.resumchange:hover{background: #fff !important;}
    .quizbtn_innrpge:hover,#readmore:hover,.scrollbtntxt a:hover,.hero-text .quizbtn:hover,#toprefreshse:hover
    {
         background: #fff !important;color: #1D2228 !important;
    }
    .startover
    {
           padding:11px 20px;font-weight: 700;height: 40px;background: transparent;cursor: pointer;transition: all .3s ease;position: relative;
          outline: none;min-width: 150px !important;border: 2px solid #42CAFF !important;
    }
    .hint
    {
        min-width: 130px !important;cursor: pointer;transition: all .3s ease;background: #E1E2E2;height: 40px;
        color: #fff;    border: 2px solid #E1E2E2;border-radius: 20px;padding: 5px 20px;font-weight: 700;
        position: relative;display: inline-block;outline: none;
    }
    .hint:hover
    {
         background: #fff !important;color: #E1E2E2 !important;
    }
                .seeresutbtn{font-size:14px !important;}
    .scrollbtntxt.seeresutbtn a{min-width:160px !important;}
    .hero-text .quizbtn{padding-top:9px;}
    .quizbtn_innrpge:focus{box-shadow:none !important;}
    .hero-text .quizbtn{font-weight:bold;}
    .abttxt .readbtn {background:  #1D2228 !important;}
    .qustntxtoptns2 {background:  #E1E2E2 !important;}
    .qustntxtoptns {background:  #E1E2E2 !important;}
    .abttxt .readbtn:hover{color:  #E1E2E2 !important;}
    .abttxt {background:  #E1E2E2 !important;}
    /*.scrollbtntxt a  {background:  #1D2228 !important;}*/
    .quiz-title-social-proof .verticals {background:  #1D2228 !important;}
    .most_recent_blog .single_blog .blog_meta h3 a:hover{color:  #E1E2E2 !important;}
    .photography_slider_area .single_photography:hover .photo_title h4{color:  #E1E2E2 !important;}
    .photo_caption:hover h3 a {color:  #E1E2E2 !important;}
    .footer .footer_bottom .footer_links ul li a:hover{color:  #FFFFFF ;}
    .footer .footer_bottom .footer_links ul li a{color:  #FFFFFF ;}
    .footer .footer_bottom .cpyrght{color:  #FFFFFF;}
    h3.changehover a:hover{color:  #E1E2E2 !important;}
    h3.changehover a{background: #1D2228 !important;}
    .quizbtn{background:  #1D2228 !important;}
    .tbtn :hover{color:  #E1E2E2 !important;}
    .chckdsgn label.optnslcted{background: #1D2228; border: 2px solid #1D2228; }
    h2.quiztitl,h1.quiztitl {color : #FFFFFF !important;}
    .section_title h3::before{    background: #E1E2E2;}
    /*.section_title h1::before{    background: #E1E2E2;}*/
    .header-area .main-header-area .main-menu ul li a::before{background: #E1E2E2 ;}
    label.fontcolo{color: #1D2228;}
    .quiztitle a{background: #1D2228; padding: 0 5px;}
    label.fontcolo{background: #F7F4E9; border:3px solid #F7F4E9;}
    label.fontcolotr{color: #1D2228;}
    .subtext{color: #F7F4E9;}
    .boxshdw{background: #F7F4E9;}
    .section_title h1::before { position: absolute; content: ""; width: 20px; background: #F4A919; width: 60px; height: 3px; right: 0; top: 50%; margin-top: 3.5px; right: -70px;}
    a.hedmenu {
    font-size: 13px !important;
}
span.underhead{background: #1D2228 !important; color:#FFFFFF !important;}
span.underhead span:hover{color: #1D2228 !important;}

/******Vishal css Start******/

.headersecondary{background: #E40C2B;}
.header2_sidebarMenu{background: #E1E2E2 !important;}

.header-area .header_top{background: #E1E2E2;padding:0px;}
.header-area .header_top .header_links ul li a{background:transparent;height:auto;line-height:inherit;}
.header-area .header_top .login_resiter{float:right;max-width: 300px;}
#searchsectn{background:transparent;border-radius: 0px;color:#fff;border-top:0px;border-bottom:0px;}
.login_resiter .input-group-text{background:transparent;color:#fff;border-radius: 0px;border-top:0px;border-bottom:0px;}
#searchsectn::placeholder {color:#fff;}
#searchsectn:-ms-input-placeholder {color: #fff;}
#searchsectn::-ms-input-placeholder {color: #fff;}
.headerlogosection{margin:15px 0px;}
.logo.frontenlogo h1.logosctn img{max-width:350px;width:100%;}
.dropdown-menu.show{width:600px;}
.dropdown-menu li{width:33%;float:left;}
.dropdown-content
{
  display: none;  position: absolute;  background-color: #000000bf;  min-width: 160px;  z-index: 1;
}
.dropdown:hover .dropdown-content {  display: block;}
.header-area .main-header-area .main-menu ul li{position:static;}
.dropdown-content li {width: 30%;text-align: left;float: left;border:0px;}
#navigation1 li a:hover{    background: #F8F8F8 !important;}
#navigation .dropdown-content li a:hover{    background: transparent !important;}
#navigation .dropdown :hover a{color:#fff !important;}
.header-area .main-header-area .main-menu ul li a{color:#000000 !important;}
.header-area .main-header-area{background:transparent !important;border-top: 2px solid #eee;border-bottom: 2px solid #eee;}
.header-area,.navigation {background:#E40C2B!important;}
.header-area .main-header-area .main-menu ul li .dropdown-content li a{color:#fff !important;}
.header-area .main-header-area .main-menu ul li a::before{top:-2px;background: #E1E2E2 !important;}
.nav-menu > li > a {height:auto;    color: #000;    text-transform: capitalize;padding:15px 18px;}
.nav-menu{text-align:center;}
.nav-menu > li{float:inherit;}
.navigation{height:auto;}
.megamenu-lists li {    float: left;    width: 25%;}
.megamenu-panel{background-color: #E1E2E2;}
.header-area .main-header-area .main-menu ul li .megamenu-panel li a{color:#fff !important;}
#navigation1 .megamenu-panel li a:hover{    background: transparent !important;}
.nav-toggle:before{right:4px;}
.desktop_404_add{ width: 728px; height: 90px; margin: 0 auto; margin-bottom: 44px;}
.mobile_404_add{width: 300px; height: 225px; margin: 0 auto; margin-bottom: 44px;}
@media (min-width: 10px) and (max-width: 767px)
{
    .welcome_protomedia.slidertoppd .carousel-item{
        height:unset!important;
        padding-bottom:75.2%!important;
    }
    .cat_title{text-align:center;}
        .hero-image { border-radius: 16px;}
        footer input{ width:75%!important;}
    .section_title h1, h3{ font-size: 20px!important}
    .our_team_col{ height:315px;}
    .our_team_main_div{padding: 10px 10px 24px!important;}
        .header-area .main-header-area .main-menu ul li a{ color: #000!important; }
        .header_top{width:100%;}
    .logo.frontenlogo {width: 100%;}
    #sticky-header{border:0px;position: absolute;top: 15px;}
         .slidertoppd{float:left;width:100%;}
    .slicknav_nav .dropdown-content a{color:#fff !important;}
    .dropdown-content{top:20px;}
    .dropdown-content li{width:100%;}
    .headerlogosection { margin: 10px 0px 15px;}
    .megamenu-lists li {    float: left;    width: 100%;}
    .logo.frontenlogo h1.logosctn img{max-width:250px;}
    ul.nav-menu a {    font-size: 13px !important;}
    .sssearch{float:left;width:75%;}
    .ssicon{float:left;width:25%;}
    .head_txt_404{ font-size: 32px!important;}
    .head_txt_404::before{ display: none!important;}
    h1::before{ display: none!important;}
    .desktop_404_add_main_div{ display: none!important;}
    .mobile_404_add{ display: block!important;}
    .game_iframe{ height:px; width:100%; }
}

@media(min-width:768px){
        .welcome_protomedia.slidertoppd .carousel-item img{ object-fit:cover;}
        .welcome_protomedia.slidertoppd .carousel-item{ height: 300px !important; padding-bottom:0px !important;}
    }

@media (min-width: 768px) and (max-width: 990px)
{
        .header-area .main-header-area .main-menu ul li a{ color: #000!important; }
        #sticky-header{float: left;margin-top: 24px;width: 18%;position: absolute;top: 25px;    border: 0px;}
    .slicknav_icon-bar {background: #000!important;}
    .slicknav_nav .dropdown-content a{color:#fff !important;}
    .dropdown-content{top:20px;}
    .megamenu-lists li {    float: left;    width: 100%;}
    .headerlogosection{position:relative;top:-15px;}
    ul.nav-menu a {    font-size: 13px !important;}
}
.header-area .main-header-area.sticky{position:inherit !important;}
@media(min-width:1025px) and (max-width:1200px)
{
.header-area .main-header-area .main-menu ul li a{padding:15px 12px !important;}
}
/******Vishal css End******/

img{border-radius:16px !important;}
.single_blog .blog_thumb{ border-radius:16px !important; }
.owl-stage .owl-item .single_photography{border-radius:16px !important; overflow:hidden;}
.single_blog:hover .blog_thumb{border-radius:16px !important;}

.carousel-caption h3 {
    min-width: 170px !important;
}
/*.menusecondesktop .spinner{background-color:#E1E2E2;}*/
.svg-icon.searchsvg path,.svg-icon.searchsvg polygon,.svg-icon.searchsvg rect { fill:
#E1E2E2;}
.svg-icon.searchsvg circle {stroke: #E1E2E2;stroke-width: 1;}
.showSearch{ border: 3px solid #E1E2E2;}
.hideaddsectionsec img{ border-radius:0px !important; width: 728px; height: 90px;}
.logsubtitle{ font-weight: 400; color: #000; font-size: 16px;}

.blog_thumb {width: 100%;height:100% ;position: relative;padding-bottom: 56.2%;}
.blog_thumb img {height: 100%;position:absolute;object-fit: cover;}
#loadmore{min-width:100px;}
#loadmore img.imgcss{display:none !important;margin: 0 auto;}
#loadmore img.imgcss.displayimg{display:block !important;}
.welcome_protomedia.slidertoppd .carousel-item img {position: absolute;width:100%;height: 100%;}
.welcome_protomedia.slidertoppd .carousel-item{padding-bottom: 56.2%;}
.col-half-offset{ margin-left:4.166666667% }
.photo_gallery_active .owl-nav {display:none;}
.order-6{ order:6 !important;}
.order-7{ order:7 !important;}
.order-8{ order:8 !important;}
.order-9{ order:9 !important;}
.order-10{ order:10 !important;}
@media (max-width:768px){
    .section_title h3::before{
        all:initial!important;
    }
}

    .test{pointer-events: none; opacity: 0.5;}
    .pont{pointer-events: none;}
    .result{pointer-events: none;}
    /*.crossicon{display: none;}*/
    .foncorr{font-size: 33px;}
    #more{  -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}
    @-moz-document url-prefix()
    {
    #more {display: -moz-box;}
    }
    .mult_ads iframe{width:100% !important; height:auto !important;}
    .mult_ads img{width:100% !important;height:auto;}
    .hdngcolor{color:#344858;}
    .videomodal{top:150px;}
    .parahtxtcolor{font-size: 16px;color: #000;}
    //.hintbutnmain{pointer-events: visible;}
    .hintdisa{pointer-events: none;color: #dcdde0;background-color: #f4f4f4;}
    .hintbutnmain{margin-right: 10px;}
    .mobbscroll{display: none !important;}
    .see{display: none;}
    .buttcf_1{display: none;}
    .timemar{margin: 0px;}
    .subscribe_newsletter .newsletter_text h3 {font-size: 28px;}
    .subpadding{padding-bottom: 0px;}
    .mainmod {width: 640px  !important; height: 360px !important;}
    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {width: 300px; height: 250px;}
    .imgback{width: 400px; height: 300px;}
    .imgback img{width: 100% !important;
    height: 100% !important;}
    .imghi{width: 100%; height: 100%;}
    .bio{font-size: 12px; line-height: 20px;}
    .nopdleft{padding-left: 0px;}
    .twricon{margin-left: 10px;}
    .social_icon{font-size: 20px;}
    .sicon{text-align: right;}
    a:hover{

    color: #344858;
}
.subscribe_newsletter.subpadding {
    margin-top: 30px;
}
#slianimate{background-color: #1D2228; padding: 12px;
    text-align: center; width: 2px;}
    #slianimate{color: #dcdde0;  border-radius: 5%; margin-left: 30px; padding: 25px;}
    .backcolor{
    height: 230px;
    margin-bottom: 35px;}
    .foncal{margin-top: 10px; font-size: 25px;}
    .slidanim{margin-bottom: 30px;}
    .seeresutbtn{font-size: 20px;}
    .col-md-7 .embed-responsive.embed-responsive-16by9.youtubevido.imgback:before {
    padding-top: 0px;
}
/*24-jan*/
i.fa.fa-facebook {font-size: 19px;padding: 2px 4px;border-radius: 50%; vertical-align: middle;}
.fblnk{background: #3B5998;color: #fff !important; padding: 11px 7px; font-size: 10px; border-radius: 6px;  font-weight: 600;}
i.fa.fa-twitter {font-size: 19px;padding: 2px 4px;border-radius: 50%; vertical-align: middle;}
.twtlnk{background: #1D9BF0;color: #fff !important; padding: 11px 7px; font-size: 10px; border-radius: 6px;  font-weight: 600;}
i.fa.fa-chain {  color: #fff;  font-size: 13px;}
.copylnk{ background: darkorange; color: #fff !important; padding: 11px 9px 11px 8px; border-radius: 6px; font-size: 10px; font-weight: 600;}
i.fa.fa-undo { font-size: 17px; -moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1); transform: scaleX(-1); color: #fff;}
.retakeqz{color: darkorange !important; font-size: 9px;font-weight: 600;}
#reflink{width: 10%;}
.trpadd{padding: 34px 34px 63px 34px !important;}
.addcl{height: 230px;}
.trpadd {
    padding: 10px 34px 53px 34px !important;
}
.abttxt{margin: -18px 20px 0;}
.backcolor img{ width:275px !important; height:245px !important; }
.round_corners{ border-radius:20px; }
.padd0_25{ padding: 0px 25px; }
.Left{ text-align: left; }
.Right{ text-align: right; }
h1.quiztitl{ font-size: 30px!important}
.adfixheight{display: none;}
.newfixedclassone{position:sticky !important;width:auto !important;position: -webkit-sticky !important;
    position: -moz-sticky !important;    position: -ms-sticky !important;}
.most_recent_blog .single_blog{margin-bottom:20px;}
.newfixedclassonetwo,.newfixedclasstwo{top:270px !important;}
@media(min-width:1300px)
{
.searchsecondary{position:relative;}
.expandSearch a{position:absolute;right:0px;}
.header_250px_sticky{ height:250px;}
.rightsearchmenusec_new{width:100px;}
.logosec_new{width:175px;}
.logosec_new img{width:100%;}
.hideaddsectionsec_new{width: calc(100% - 275px)!important;}
.showSearch input{ width:80px;}
.header_250px_sticky .container{max-width:1270px;}
}

@media(min-width:1200px) and (max-width:1299px)
{
    .header_250px_sticky .container{max-width:1190px;}
.searchsecondary{position:relative;}
.expandSearch a{position:absolute;right:0px;}
.logosec_new{width:110px;}
.logosec_new img{width:100%;}
.hideaddsectionsec_new{width: calc(100% - 210px)!important;}
.header_250px_sticky{ height:250px;}
.rightsearchmenusec_new{width:100px;}
.showSearch input{ width:72px;}
}

@media(max-width:1199px){
.header_250px_sticky{ height:90px!important;}
.hideaddsectionsec_new{display:none !important;}
}