/* all fonts start here */ /* barlow sensrif */ @font-face { font-family: 'BarlowThin'; src: url('../fonts/BarlowThin.eot'); src: url('../fonts/BarlowThin.eot') format('embedded-opentype'), url('../fonts/BarlowThin.woff2') format('woff2'), url('../fonts/BarlowThin.woff') format('woff'), url('../fonts/BarlowThin.ttf') format('truetype'), url('../fonts/BarlowThin.svg#BarlowThin') format('svg'); font-display: swap; } @font-face { font-family: 'BarlowLight'; src: url('../fonts/BarlowLight.eot'); src: url('../fonts/BarlowLight.eot') format('embedded-opentype'), url('../fonts/BarlowLight.woff2') format('woff2'), url('../fonts/BarlowLight.woff') format('woff'), url('../fonts/BarlowLight.ttf') format('truetype'), url('../fonts/BarlowLight.svg#BarlowLight') format('svg'); font-display: swap; } @font-face { font-family: 'BarlowRegular'; src: url('../fonts/BarlowRegular.eot'); src: url('../fonts/BarlowRegular.eot') format('embedded-opentype'), url('../fonts/BarlowRegular.woff2') format('woff2'), url('../fonts/BarlowRegular.woff') format('woff'), url('../fonts/BarlowRegular.ttf') format('truetype'), url('../fonts/BarlowRegular.svg#BarlowRegular') format('svg'); font-display: swap; } @font-face { font-family: 'BarlowMedium'; src: url('../fonts/BarlowMedium.eot'); src: url('../fonts/BarlowMedium.eot') format('embedded-opentype'), url('../fonts/BarlowMedium.woff2') format('woff2'), url('../fonts/BarlowMedium.woff') format('woff'), url('../fonts/BarlowMedium.ttf') format('truetype'), url('../fonts/BarlowMedium.svg#BarlowMedium') format('svg'); font-display: swap; } /* barlow Condensed*/ @font-face { font-family: 'BarlowCondensedExtraLight'; src: url('../fonts/BarlowCondensedExtraLight.eot'); src: url('../fonts/BarlowCondensedExtraLight.eot') format('embedded-opentype'), url('../fonts/BarlowCondensedExtraLight.woff2') format('woff2'), url('../fonts/BarlowCondensedExtraLight.woff') format('woff'), url('../fonts/BarlowCondensedExtraLight.ttf') format('truetype'), url('../fonts/BarlowCondensedExtraLight.svg#BarlowCondensedExtraLight') format('svg'); font-display: swap; } @font-face { font-family: 'BarlowCondensedLight'; src: url('../fonts/BarlowCondensedLight.eot'); src: url('../fonts/BarlowCondensedLight.eot') format('embedded-opentype'), url('../fonts/BarlowCondensedLight.woff2') format('woff2'), url('../fonts/BarlowCondensedLight.woff') format('woff'), url('../fonts/BarlowCondensedLight.ttf') format('truetype'), url('../fonts/BarlowCondensedLight.svg#BarlowCondensedLight') format('svg'); font-display: swap; } @font-face { font-family: 'BarlowCondensedRegular'; src: url('../fonts/BarlowCondensedRegular.eot'); src: url('../fonts/BarlowCondensedRegular.eot') format('embedded-opentype'), url('../fonts/BarlowCondensedRegular.woff2') format('woff2'), url('../fonts/BarlowCondensedRegular.woff') format('woff'), url('../fonts/BarlowCondensedRegular.ttf') format('truetype'), url('../fonts/BarlowCondensedRegular.svg#BarlowCondensedRegular') format('svg'); font-display: swap; } @font-face { font-family: 'BarlowCondensedMedium'; src: url('../fonts/BarlowCondensedMedium.eot'); src: url('../fonts/BarlowCondensedMedium.eot') format('embedded-opentype'), url('../fonts/BarlowCondensedMedium.woff2') format('woff2'), url('../fonts/BarlowCondensedMedium.woff') format('woff'), url('../fonts/BarlowCondensedMedium.ttf') format('truetype'), url('../fonts/BarlowCondensedMedium.svg#BarlowCondensedMedium') format('svg'); font-display: swap; } @font-face { font-family: 'BarlowCondensedBold'; src: url('../fonts/BarlowCondensedBold.eot'); src: url('../fonts/BarlowCondensedBold.eot') format('embedded-opentype'), url('../fonts/BarlowCondensedBold.woff2') format('woff2'), url('../fonts/BarlowCondensedBold.woff') format('woff'), url('../fonts/BarlowCondensedBold.ttf') format('truetype'), url('../fonts/BarlowCondensedBold.svg#BarlowCondensedBold') format('svg'); font-display: swap; } /* barlow Semi Condensed*/ @font-face { font-family: 'BarlowSemiCondensedExtraLight'; src: url('../fonts/BarlowSemiCondensedExtraLight.eot'); src: url('../fonts/BarlowSemiCondensedExtraLight.eot') format('embedded-opentype'), url('../fonts/BarlowSemiCondensedExtraLight.woff2') format('woff2'), url('../fonts/BarlowSemiCondensedExtraLight.woff') format('woff'), url('../fonts/BarlowSemiCondensedExtraLight.ttf') format('truetype'), url('../fonts/BarlowSemiCondensedExtraLight.svg#BarlowSemiCondensedExtraLight') format('svg'); font-display: swap; } @font-face { font-family: 'BarlowSemiCondensedLight'; src: url('../fonts/BarlowSemiCondensedLight.eot'); src: url('../fonts/BarlowSemiCondensedLight.eot') format('embedded-opentype'), url('../fonts/BarlowSemiCondensedLight.woff2') format('woff2'), url('../fonts/BarlowSemiCondensedLight.woff') format('woff'), url('../fonts/BarlowSemiCondensedLight.ttf') format('truetype'), url('../fonts/BarlowSemiCondensedLight.svg#BarlowSemiCondensedLight') format('svg'); font-display: swap; } @font-face { font-family: 'BarlowSemiCondensedRegular'; src: url('../fonts/BarlowSemiCondensedRegular.eot'); src: url('../fonts/BarlowSemiCondensedRegular.eot') format('embedded-opentype'), url('../fonts/BarlowSemiCondensedRegular.woff2') format('woff2'), url('../fonts/BarlowSemiCondensedRegular.woff') format('woff'), url('../fonts/BarlowSemiCondensedRegular.ttf') format('truetype'), url('../fonts/BarlowSemiCondensedRegular.svg#BarlowSemiCondensedRegular') format('svg'); font-display: swap; } @font-face { font-family: 'BarlowSemiCondensedMedium'; src: url('../fonts/BarlowSemiCondensedMedium.eot'); src: url('../fonts/BarlowSemiCondensedMedium.eot') format('embedded-opentype'), url('../fonts/BarlowSemiCondensedMedium.woff2') format('woff2'), url('../fonts/BarlowSemiCondensedMedium.woff') format('woff'), url('../fonts/BarlowSemiCondensedMedium.ttf') format('truetype'), url('../fonts/BarlowSemiCondensedMedium.svg#BarlowSemiCondensedMedium') format('svg'); font-display: swap; } @font-face { font-family: 'BarlowSemiCondensedSemiBold'; src: url('../fonts/BarlowSemiCondensedSemiBold.eot'); src: url('../fonts/BarlowSemiCondensedSemiBold.eot') format('embedded-opentype'), url('../fonts/BarlowSemiCondensedSemiBold.woff2') format('woff2'), url('../fonts/BarlowSemiCondensedSemiBold.woff') format('woff'), url('../fonts/BarlowSemiCondensedSemiBold.ttf') format('truetype'), url('../fonts/BarlowSemiCondensedSemiBold.svg#BarlowSemiCondensedSemiBold') format('svg'); font-display: swap; } /* georgia serif */ @font-face { font-family: 'Georgia'; src: url('../fonts/georgia/Georgia.eot'); src: url('../fonts/georgia/Georgia.eot') format('embedded-opentype'), url('../fonts/georgia/Georgia.woff2') format('woff2'), url('../fonts/georgia/Georgia.woff') format('woff'), url('../fonts/georgia/Georgia.ttf') format('truetype'), url('../fonts/georgia/Georgia.svg') format('svg'); font-display: swap; } @font-face { font-family: 'GeorgiaRegular'; src: url('../fonts/georgia/GeorgiaRegular.eot'); src: url('../fonts/georgia/GeorgiaRegular.eot') format('embedded-opentype'), url('../fonts/georgia/GeorgiaRegular.woff2') format('woff2'), url('../fonts/georgia/GeorgiaRegular.woff') format('woff'), url('../fonts/georgia/GeorgiaRegular.ttf') format('truetype'), url('../fonts/georgia/GeorgiaRegular.svg') format('svg'); font-display: swap; } @font-face { font-family: 'GeorgiaBold'; src: url('../fonts/georgia/GeorgiaBold.eot'); src: url('../fonts/georgia/GeorgiaBold.eot') format('embedded-opentype'), url('../fonts/georgia/GeorgiaBold.woff2') format('woff2'), url('../fonts/georgia/GeorgiaBold.woff') format('woff'), url('../fonts/georgia/GeorgiaBold.ttf') format('truetype'), url('../fonts/georgia/GeorgiaBold.svg') format('svg'); font-display: swap; } /* georgia serif */ /* HelveticaNeue */ @font-face { font-family: 'HelveticaNeue'; src: url('../fonts/helveticaneue/HelveticaNeue.eot'); src: url('../fonts/helveticaneue/HelveticaNeue.eot') format('embedded-opentype'), url('../fonts/helveticaneue/HelveticaNeue.woff2') format('woff2'), url('../fonts/helveticaneue/HelveticaNeue.woff') format('woff'), url('../fonts/helveticaneue/HelveticaNeue.ttf') format('truetype'), url('../fonts/helveticaneue/HelveticaNeue.svg') format('svg'); font-display: swap; } @font-face { font-family: 'HelveticaNeueMedium'; src: url('../fonts/helveticaneue/HelveticaNeueMedium.eot'); src: url('../fonts/helveticaneue/HelveticaNeueMedium.eot') format('embedded-opentype'), url('../fonts/helveticaneue/HelveticaNeueMedium.woff2') format('woff2'), url('../fonts/helveticaneue/HelveticaNeueMedium.woff') format('woff'), url('../fonts/helveticaneue/HelveticaNeueMedium.ttf') format('truetype'), url('../fonts/helveticaneue/HelveticaNeueMedium.svg') format('svg'); font-display: swap; } /* HelveticaNeue */ /* all fonts end here */ @c-v: '( new Date() ).getTime()'; /* global properties start here */ body { font-family: 'BarlowLight'; font-size: 1.171vw; color: #000; position: relative; } * { margin: 0; padding: 0; } a { text-decoration: none; color: #000; } b, strong { font-weight: 500; } a:hover { text-decoration: none; } ul, ol { list-style: none; margin: 0; } img { height: auto; width: auto; max-width: 100%; } input, textarea, select, button, img, a { outline: none !important; box-shadow: none !important; } .row { margin: 0 -1.1vw; } /* pr */ .content_scroll { width: 100%; height: 30vw; overflow: auto; position: relative; } /* pr */ /* global properties end here */ /* website global part start here */ /* font start here */ b, strong, .content p a, .article_description a .faq_block .faq .question, .detail_page_cont_holder.world_box .event_description a { font-family: 'BarlowMedium'; } #main_header { font-family: 'BarlowSemiCondensedSemiBold'; } .article_thumb .overlay .title, .morearticles .article_info_box .title, .article-details .morearticles .head, .read_info .work_job, .stir_activity h3, .filter_page .search_form, .nav-tabs .nav-item { font-family: 'BarlowSemiCondensedRegular'; } #left_tab_nav, h1, h2, h3, h4, h5, h6, .text_article .title, .main_category_article_section .sec_top_head .category_nav_bar li a, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .mobi-top-prio a { font-family: 'BarlowSemiCondensedMedium'; } .page_title { font-family: 'BarlowCondensedBold'; } .article_info_box .read_info, .r-time .read_info { font-family: 'BarlowThin'; } .web_btn, .title .under_title, .btn, .left_category_navbar ul li a, .searchpopup .searchbar .sform input, .filter_page .search_form .search_info, .filterspopup .actionbuttons a, .tabbing .nav-tabs a, .list-group-flush .list-group-item, #profile_setting .left_nab a, .detail_page_cont_holder .article_left_detail h2 span, ul.ui-autocomplete { font-family: 'BarlowSemiCondensedLight'; } .userBio_holder .user_bio p.designation, .userBio_holder .user_bio p.email { font-family: 'BarlowSemiCondensedExtraLight'; } .stirred_logo i, .bookmark_sucessful_tooltip, .breadcrumbs ul li, .breadcrumbs ul li a, .event_info { font-family: 'BarlowSemiCondensedRegular'; } .left_category_navbar ul li.active > a, .pop_container .heading, .stir_form .heading, #profile_setting .left_nab li.active a, .congpopup .profilebut a { font-family: 'BarlowSemiCondensedMedium'; } #welcome_user .bio .name, .userBio_holder .user_bio h1 { font-family: 'BarlowCondensedMedium'; } .posted_by, .news_letter_subscription .lg_p, #main_footer, #main_footer .footer_col h4, .article-details .content figure figcaption, .preference_tab li a, .article_tag_tab li a, .filterspopup .fillinks .iconlinks, .tcounters, .comment_area .comment-text, .fancybox-caption__body, .filtersbox ul li a, .btn.closeb { font-family: 'BarlowCondensedLight'; } .authordetails p.authorname, .thumbnail_tag, .stirring_overlay .stir_it_up, .stir_family .desiganation, .filterspopup .filtext p, .filterspopup .fillinks h3, .userBio_holder .user_bio .content_preferneces, .article-details .content blockquote { font-family: 'BarlowCondensedRegular'; } .stir_activity h3 span, .article-details .content figure figcaption .image_credit, .jquery-accordion-menu ul li ul li a, .jquery-accordion-menu ul.normal_menu li a, #welcome_user .bio a { font-family: 'BarlowCondensedExtraLight'; } .normal_link { font-family: 'BarlowLight' !important; } /* heading style start here */ h1 { font-size: 3.074vw; } /* heading style end here */ /* button strat here */ .web_btn { font-size: 1.024vw; color: #000; background: #fff; display: inline-block; text-transform: uppercase; line-height: 1.1; cursor: pointer; border: solid 1px rgba(0, 0, 0, 0.74); padding: 0.732vw 1.464vw 0.732vw 2.928vw; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .web_btn.mr_t, .loadmore_btn.mr_t { margin-top: 1.098vw; } .addon:before { content: ''; background-size: contain !important; background-position: center center !important; vertical-align: middle; margin-right: 0.5vw; position: absolute; height: 100%; width: 1.098vw; left: 1.098vw; top: 0; } .web_btn:hover { background: #000; color: #fff; } /* dark btn */ .web_btn.dark { border-color: #fff; color: #fff; background: #000; } .web_btn.dark:hover { background: #fff; color: #000; border-color: #000; } .web_btn.google { white-space: nowrap; width: auto !important; padding: 0.732vw 1.464vw; } .web_btn.google:hover { background: #fff; border-color: #ce2a30; color: #ce2a30; } .web_btn.google img { margin-right: 0.5vw; max-width: 18px; } .vote_btn { padding: 0.8vw 1.5vw; white-space: nowrap; border-radius: 2vw; border: 2px solid #aaa; font-size: 1.3vw; position: absolute; right: -1vw; transition: top 1s; } .vote_btn i { animation: rotating 2s linear infinite; display: inline-block; } .vote_btn:hover i { animation: auto; } .vote_btn:hover { border: 2px solid #000; } /* btn with arrow */ .addon.arrow_r:before { background: url(../images/arrow_b.svg?v=@{c-v}) no-repeat; } .addon.arrow_r:hover:before { background: url(../images/arrow_w.svg?v=@{c-v}) no-repeat; } .web_btn.dark.addon.arrow_r:before { background: url(../images/arrow_w.svg?v=@{c-v}) no-repeat; } .web_btn.dark.addon.arrow_r:hover:before { background: url(../images/arrow_b.svg?v=@{c-v}) no-repeat; } /* btn with plus */ .addon.plus:before { background: url(../images/plus_b.png?v=@{c-v}) no-repeat; } .addon.plus:hover:before { background: url(../images/plus_w.png?v=@{c-v}) no-repeat; } /* button end here */ .btn-primary.disabled, .btn-primary:disabled { background: #333; } .btn-primary { background: #000; } .btn { align-items: center; display: inline-flex; color: #000; border-radius: 0px; cursor: pointer; border: solid 1px rgba(0, 0, 0, 0.74); font-size: 0.99vw; text-align: center; line-height: 1; padding: 0.75vw 1.5vw; } .btn:hover { background: #000; color: #fff; } .btn:before { content: ''; background-size: contain !important; background-position: left center; vertical-align: middle; margin-right: 0.5vw; display: inline-block; width: 1.171vw; height: 0.805vw; } .btn.arrow:before { background: url(../images/arrow_b.svg?v=@{c-v}) no-repeat; } .btn.arrow:hover:before { background: url(../images/arrow_w.svg?v=@{c-v}) no-repeat; } .btn.plus:before { content: ''; background: url(../images/plus_b.png?v=@{c-v}) no-repeat; width: 1.1vw; height: 1.1vw; } .btn.plus:hover:before { background: url(../images/plus_w.png?v=@{c-v}) no-repeat; } .edit { /* height: 3.806vw; to align user name with edit icon 23-03-2023*/ height: 2.806vw; width: 2.806vw; padding: 0; display: inline-block; /* border: 1px solid #000; to remove border from profile edit icon 23-03-2023*/ border: none; /* position: absolute; right: 0.732vw; */ display: flex; margin-left: 5vw; position: relative; align-items: center; justify-content: center; } .edit:before { width: 1.903vw; height: 1.830vw; background: url(../images/edit_b.png?v=@{c-v}) no-repeat; margin: 0; position: relative; /* top: 50%; transform: translateY(-50%); */ } .edit:hover:before { background: url(../images/edit_w.png?v=@{c-v}) no-repeat; } .article_thumb .btn.close { position: absolute; padding: 0; height: 2.122vw; width: 2.122vw; top: 0.732vw; display: inline-block; border: 1px solid #fff; right: 0.732vw; line-height: 0; z-index: 9; opacity: 1; text-shadow: none; font-weight: normal; } .article_thumb .btn.close:before { background: url(../images/close_w.png?v=@{c-v}) no-repeat; top: 50%; margin: 0; position: relative; width: 1.024vw; height: 1.024vw; transform: translateY(-50%); } .btn.cancel { opacity: 0.3; } .btn.cancel:before { background: url(../images/close_b.png?v=@{c-v}) no-repeat; width: 1.171vw; height: 0.805vw; } .btn.cancel:hover:before { background: url(../images/close_w.png?v=@{c-v}) no-repeat; } .btn.tick:before { background: url(../images/tick_b.png?v=@{c-v}) no-repeat; width: 1.171vw; height: 0.805vw; } .btn.tick:hover:before { background: url(../images/tick_w.png?v=@{c-v}) no-repeat; } .choose_file { position: relative; cursor: pointer; text-transform: uppercase; font-size: 1.024vw; margin-left: 3.294vw; } .choose_file:before { background: url(../images/camera_b.png?v=@{c-v}) no-repeat; width: 1.024vw; height: 0.878vw; opacity: 0.8; } .choose_file:hover:before { background: url(../images/camera_w.png?v=@{c-v}) no-repeat; } .btn.closeb:before, .filtersbox ul li a:after { content: ''; background: url(../images/icon-closen.png?v=@{c-v}) no-repeat; display: inline-block; width: 1.1vw; height: 1.1vw; vertical-align: middle; background-size: cover !important; background-position: left top; margin-right: 0.5vw; } .btn.closeb:hover:before, .filtersbox ul li a:hover:after { background-position: left bottom; } /* button end here */ /* icon style here */ #popup_group .closebut, #popup_group .close, .head_popup .close { position: absolute; right: 1.5vw; top: 1.5vw; cursor: pointer; z-index: 9; font-size: 1.6vw; opacity: 0.8; background: url('../images/icon-close.png?v=@{c-v}') no-repeat center center; width: 1.24vw; height: 1.24vw; } #popup_group .close_w { background: url('../images/icon-close-w.png?v=@{c-v}') no-repeat center center; } #popup_group .close_b { background: url('../images/icon-close-b.png?v=@{c-v}') no-repeat center center !important; } #popup_group #invite-popup .close_w, #popup_group #invite-popup .close_b { right: -2vw; top: -2vw; } #popup_group .closebut:hover, #popup_group .close:hover { /* opacity: 1;*/ } #popup_group #stirring_popup .close { top: 0; } .stirring_rand { display: inline-block; cursor: pointer; /* font-size: 1.9vw;*/ } .stirring_logo { margin: 2.928vw 0; } .def_text { line-height: normal; } .text_white { color: #fff; } .form .field_hold.btn_box:before { display: none; } /* website global part end here */ /* website header start here */ .mobi-menu, .jquery-accordion-menu { display: none; } #main_header { position: relative; z-index: 99999999; background: #fff; margin: 0 -1.464vw; } #main_header .header_inside { padding-block: 15px; padding-inline: 1.464vw; } #main_header.is-sticky { position: fixed; left: 0; top: 0; width: 100%; margin: 0; } /* header left col */ #main_header .stir_logo { /* width: 160px;*/ width: 10vw; /* position: absolute; top: 1vw; remove to add stirfri top band top: -1.1vw;*/ left: 0; right: 0; margin: 0 auto; vertical-align: middle; z-index: 2; } #main_header .left_col ul { display: inline-block; vertical-align: middle; position: relative; top: 0.7vw; } #main_header .left_col ul li { vertical-align: middle; margin-left: 4.026vw; position: relative; float: left; } #main_header .left_col ul li:first-child { margin-left: 0; } #main_header .left_col ul li a { display: inline-block; position: relative; /* font-size: 1.8vw; making head in pixels*/ font-size: 21px; vertical-align: middle; line-height: normal; } #main_header .left_col ul li.string a i { animation: rotating 2s linear infinite; display: inline-block; } #main_header .left_col ul li a.open:before { content: ""; height: 6px; width: 6px; background: #000; display: inline-block; bottom: -15px; position: absolute; left: 50%; margin-left: -3px; } #main_header .left_col ul li.string a:hover img, #main_header .left_col ul li.string a.open img { animation-play-state: paused; } #main_header .left_col ul li.user .logged_user { height: 2.2vw; width: 2.2vw; overflow: hidden; vertical-align: middle; border-radius: 100%; } #main_header .left_col ul li.user .logged_user img { width: 100%; height: 100%; display: inline-block; vertical-align: top; } /* header right col navbar */ #main_header .navbar { padding: 0; margin-top: 0.8vw; display: block; } #main_header .navbar a { text-transform: uppercase; padding: 0; font-size: 1.171vw; opacity: 1 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 1.06vw; letter-spacing: -0.4px; font-family: 'BarlowSemiCondensedMedium'; } #main_header .navbar a.STIRring_Conversations:hover span { text-decoration: underline; } #main_header .navbar .navbar-nav { display: inline-block; width: auto; text-align: right; float: right; position: relative; } #main_header .navbar li { margin-left: 3.660vw; display: inline-block; } #main_header .navbar li:first-child { margin-left: 0; } #main_header .navbar ul > li > a:hover, #main_header .navbar li.active a { opacity: 1; } /* #main_header .navbar li a:hover:before { opacity: 1; border-bottom: 2px solid #000; position: absolute; bottom: 0; left: 0; content: ' '; width: 100%; height: 1vw; } */ /* website header end here */ /* article grid start here */ .article_thumb .thumb_inslide { position: relative; border: 0.2vw solid #fff; border-top: 0.06vw solid #fff; border-bottom: 0.06vw solid #fff; margin-bottom: 0; overflow: hidden; background-size: cover; background-position: center center; height: 36vw; } .stirring_sec .article_thumb { height: 18vw; } .thumb_tag { z-index: 9; position: absolute; left: 12%; top: 1px; width: 2vw; } /* article global info style */ .article_info_box { position: absolute; right: 0; bottom: 0; width: 100%; } .article_image_hold { display: inline-block; width: 100%; height: 100%; overflow: hidden; } .article_thumb figure { margin: 0; height: 100%; background-size: cover; position: relative; background-position: center center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .article_thumb .article_info_box:before { position: absolute; content: ""; height: 100%; left: 0; top: 0; width: 1px; background-color: rgba(255, 255, 255, 0.4); } .stirring_sec .article_thumb .article_info_box:before { display: none; } .article_info_box .read_info { text-align: right; white-space: nowrap; line-height: 1; max-width: 5.5vw; padding-left: 0; } .read_info { display: block; font-size: 0.878vw; line-height: normal; margin-bottom: 1vw; } .article_thumb.sm_article .article_info_box .read_info { font-size: 0.6vw; } .posted_date { display: block; } .overlay .article_info_box .read_info { color: #fff; } .posted_by { color: #333; margin: 1.464vw 0; font-size: 1.171vw; line-height: 1.3; } .dark_skin .article_thumb .posted_by { color: #d8d3cf; } .estimate_time { line-height: 0.89; margin-bottom: 3px; } .article_thumb .bookmark_icon { margin-top: 2.196vw; } .bookmark_icon i { background: url(../images/bookmark_b.svg?v=@{c-v}) no-repeat; background-size: contain; display: inline-block; cursor: pointer; position: relative; } .bookmark_icon.active i { background: url(../images/bookmark_active_b.svg?v=@{c-v}) no-repeat; background-size: contain; } .overlay .bookmark_icon i { background: url(../images/boomark_w.svg?v=@{c-v}) no-repeat; background-size: contain; } .overlay .bookmark_icon.active i { background: url(../images/bookmark_active_w.svg?v=@{c-v}) no-repeat; background-size: contain; } .article_thumb .article_info_box:before { left: 5.5vw; } /* xl article style */ .xl_article .article_info_box { width: 36vw; height: 23.060vw; padding-top: 4vw; padding-right: 1vw; } /* Mandy css start here */ .work_job { z-index: 999; cursor: pointer; text-decoration: underline; } /* Mandy css end here */ .read_info .work_job { font-size: 0.8vw; font-weight: 400; display: block; direction: rtl; margin-bottom: 0.5vw; letter-spacing: -0.5px; } .article_thumb.md_article .read_info .work_job { font-size: 0.9vw; } .article_thumb.lg_article .read_info .work_job { font-size: 1.1vw; } .article_thumb.xl_article .read_info .work_job { font-size: 1.2vw; } .article_thumb.text_article .estimate_time { font-size: 4.685vw; } .xl_article .bookmark_icon i, .text_article .bookmark_icon i, .lg_article .bookmark_icon i { width: 1.610vw; height: 2.855vw; } /* lg article style */ .lg_article .article_info_box { width: 42vw; height: 23.060vw; padding-top: 6.588vw; } .lg_article .estimate_time { font-size: 3.806vw; } /* md article style */ .md_article .article_info_box { width: 19vw; } /* sm article style */ .sm_article .estimate_time, .md_article .estimate_time { font-size: 1.830vw; } .sm_article .estimate_time, .md_article .work_job { font-size: 1.830vw; } .sm_article .bookmark_icon i, .md_article .bookmark_icon i { width: 1.244vw; height: 2.122vw; } .sm_article .article_info_box, .md_article .article_info_box { padding-top: 0; height: 13vw; } /* category article grid section end here */ /* witout image text article section start here */ .text_article { position: static; height: 100%; overflow: hidden; } .text_article .tag { display: block; position: absolute; left: 1.1vw; top: -3vw; width: 10vw; } .text_article .tag img { width: 100%; } .text_article .article_info_box, .category_article_holder .text_article .article_info_box { position: relative; z-index: 9; bottom: 0; height: 100%; left: 0; padding-top: 9.2vw; } .description_holder.p_t { padding: 10vw 3vw 0 0; } /*.text-article_section .description_holder.p_t .textBlock { webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-gap: 3.660vw; } */ .text-article_section .md_article .article_info_box .read_info { margin-left: 0; } .text-article_section .md_article .article_info_box { width: 100%; } .text-article_section .article_thumb .article_info_box:before { background-color: rgba(0, 0, 0, 0.4); } .text-article_section .right_spc { padding-right: 10.980vw; } /* witout image text article section end here */ /* article grid end here */ .loader { display: inline-block; height: 30px; width: 30px; background-size: cover !important; animation: rotating 2s linear infinite; vertical-align: middle; margin: 15px 0; } .stir_rand, .con_rand { display: none; } .loader._b { background: url(../images/loader_b.png?v=@{c-v}) no-repeat; } .loader._w { background: url(../images/loader_w.png?v=@{c-v}) no-repeat; } .full_overlay { z-index: 99999 !important; } .page_banner { height: 48vw; background-size: cover; background-position: center center; } .main_banner .page_name { position: absolute; left: 0; top: 0; width: 100%; padding: 7.317vw 0 0 20vw; font-size: 5.487vw; color: #fff; z-index: 9; } .main_banner .page_name .close { display: none; background: url(../images/close_w.png?v=@{c-v}) no-repeat; height: 3.658vw; width: 3.658vw; display: inline-block; background-size: cover; opacity: 1; margin: 2.5vw 5vw 0 0; } .loading_icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .detail_page_cont_holder h2, .content_page_wrapper .page_textBlock h2 { font-size: 1.756vw; } p { margin-bottom: 1.464vw; line-height: 1.6; } .dark_skin, .dark_skin a { color: #fff; } .light_skin, .light_skin a { color: #000; } .full-width-image { width: 100%; } #stie_wrap { padding: 0 1.464vw; } .section { position: relative; } .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .overlay.bg { background-color: rgba(0, 0, 0, 0.4); } .spc, .main_category_article_section, #main_mid_part section.category_article_holder { margin: 4.62vw 0 4.62vw 0; } .text-article_section { margin: 4.5vw 0; } .lg_p { font-size: 2.049vw; } .img_dark_skin { background: #000; height: 100%; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .article_thumb:hover figure { opacity: 1; } .dot_more_btn span { display: inline-block; border-radius: 100%; margin-right: 1.1vw; height: 1.1vw; width: 1.1vw; } .dot_more_btn { padding: 3.660vw 0; display: inline-block } #see_sec .dot_more_btn span { background: #e98267; } #think_sec .dot_more_btn span { background: #ebb762; } #inspire_sec .dot_more_btn span { background: #59856f; } #reflect_sec .dot_more_btn span { background: #407a93; } .loadmore_btn { width: 100%; } .container-fluid { padding: 0; } .space_lt { padding-left: 5.49vw; padding-top: 7.9vw; } .article_thumb.reflect_thumb .thumb_inslide { background: #022b3d; } .article_thumb.reflect_thumb .thumb_inslide .article_image_hold { height: auto; } .article_thumb.reflect_thumb .short_description_holder { padding: 2vw 1.5vw; color: #fff; } .article_thumb.reflect_thumb .short_description_holder .title.sm_title { min-height: 3.5vw; line-height: 1.1; } .article_thumb.reflect_thumb .short_description_holder .posted_by { color: #fff; } /*bookmark tooltip */ .bookmark_sucessful_tooltip { background-color: #000; padding: 1vw 5.124vw; position: fixed; left: 50%; transform: translateX(-50%); top: 8.418vw; width: 35vw; white-space: normal; text-align: center; font-style: normal; border-radius: 50vw; line-height: normal; color: rgba(255, 255, 255, 0.9); font-size: 1.024vw; box-shadow: 0 1px 20px 0 rgba(32, 33, 36, 0.28); z-index: 99999; } /* website theme global style end here */ /* Article Details Page style start here */ .banner_inside { margin: 0 -1.464vw; position: relative; } .banner_inside .b-slider { margin: 0; } .banner_inside .b-slider img { width: 100%; } .banner_inside .b-video { margin: 0; position: relative; overflow: hidden; } .banner_inside .b-video img { width: 100%; } .banner_inside .b-video .video-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url('../images/icon-play.png?v=@{c-v}') no-repeat center center rgba(0, 0, 0, 0.4); background-size: 6.5vw; } .banner_inside .b-video .videopopup { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; z-index: 100; display: none; } .banner_inside .b-video .videopopup .videoclose { position: absolute; right: 0; top: 0; padding: 2.5vw; display: inline-block; background: url('../images/close.png?v=@{c-v}') no-repeat center center; cursor: pointer; z-index: 101; } .article-details .content .fullimage { margin-top: 0; } .article-details .content .imageleft { float: left; width: 50%; padding-right: 1.3vw; padding-top: 0.28vw; } .article-details .content .imageright { float: right; width: 50%; margin-left: 1.5vw; padding-top: 0.28vw; } .article-details .content figure figcaption { font-size: 1.171vw; text-align: left; line-height: normal; color: #333; padding-top: 10px; } .article-details .content figure figcaption .image_credit { display: block; font-style: italic; margin-top: 3px; font-size: 1vw; } .article-details .content blockquote { float: left; width: 50%; padding: 1.464vw 1.464vw 1.464vw 0; position: relative; font-size: 1.8vw; line-height: 1.1; color: #000; margin: 0; } .article-details .content blockquote.float_none { float: none; width: 100%; } .article-details .content blockquote.full_width { width: 100%; } .article-details .content blockquote span { font-size: 1.5vw; color: #666; font-weight: 200; display: block; margin-top: 0.5vw; } .article-details .content blockquote::before { width: 2.122vw; height: 1.756vw; content: ""; position: absolute; left: 0; top: 0; z-index: 2; background: url('../images/quote.png?v=@{c-v}') no-repeat top left; } .article-details .content .videocontainer { margin-bottom: 3vw; position: relative; clear: both; } .article-details .content .videocontainer .vidoverlay { background: rgba(0, 0, 0, 0.34); position: absolute; left: 0; top: 0; text-align: center; width: 100%; height: 100%; } .article-details .content .videocontainer .vidoverlay:hover { background: rgba(0, 0, 0, 0.64); } .article-details .content .videocontainer .vidoverlay .icon-play { display: block; } .article-details .content .videocontainer .vidoverlay .icon-play img { width: 5vw; } .article-details .content .videocontainer .vidoverlay .mins { font-size: 24px; color: #fff; line-height: 1; padding-top: 1vw; font-weight: 100; display: block; } .article-details .content .videocontainer .vidoverlay .mw { font-size: 13px; color: #fff; line-height: 1; padding-top: 0.3vw; font-weight: 200; display: block; } .colorb { color: #000; } .r-time { position: absolute; bottom: 0; left: 0; width: 16vw; text-align: right; z-index: 9; height: 9.2vw; } .r-time .read_info { font-size: 4.685vw; color: #fff; font-weight: 100; line-height: 1; border-right: 1px solid rgba(255, 255, 255, 0.4); padding: 0 0 1.464vw 0; margin-bottom: 0; display: inline-block; margin: 0 -2px; vertical-align: middle; padding-right: 1vw; height: 100%; } .r-time .read_info span.work_job { font-size: 1.6290vw; font-weight: 500; line-height: 1; display: block; letter-spacing: normal; margin-bottom: 0; } .r-time .read_info span.read_time_estimate { font-size: 0.878vw; color: #fff; font-weight: 200; line-height: 1; display: block; letter-spacing: normal; margin-bottom: 0; } .r-time .bookmark_icon { padding: 2vw 0 0 0 } .socials ul li { margin: 0 0 20px 0; text-align: center; } .socials ul li.calbox { margin: 0.3vw 0 2.5vw 0; display: none; } .socials ul li a { font-size: 0.729vw; color: #000; font-weight: 400; font-family: 'Barlow Semi Condensed'; } .socials ul li a span { width: 22px; height: 22px; display: block; margin: 0 auto; background-size: contain !important; background-position: center center !important; } .socials ul li a span.clap { background: url('../images/icon-clap.png?v=@{c-v}') no-repeat 0 0; } .socials ul li a span.ln { background: url('../images/linked-icon.png?v=@{c-v}') no-repeat 0 0; } .socials ul li a span.tw { background: url('../images/twitter_icon.png?v=@{c-v}') no-repeat 0 0; } .socials ul li a span.fb { background: url('../images/fb_icon.png?v=@{c-v}') no-repeat 0 0; } .socials ul li a span.whatsapp { background: url('../images/whatsapp_icon.png?v=@{c-v}') no-repeat 0 0; } .socials ul li a span.email { background: url('../images/email_icon.png?v=@{c-v}') no-repeat 0 0; } .socials ul li a span.cal { width: 2.196vw; height: 2.196vw; } .socials ul li a span.cal { background: url('../images/calendar_b.png?v=@{c-v}') no-repeat 0 0; } .socials ul li a span.cal.active { background: url(../images/calendar_b_active.png?v=@{c-v}) no-repeat; background-size: contain; } .authordetails .head { font-size: 2.489vw; font-weight: 600; font-family: 'Barlow Semi Condensed'; line-height: 1; letter-spacing: -0.08vw; margin-bottom: 2.562vw; } .authordetails .auth-pic { width: 11.713vw; height: 11.713vw; overflow: hidden; } .authordetails p.authorname { font-size: 1.45vw; line-height: 1; color: #000; margin-bottom: 1vw; } .authordetails p.authorname a { text-decoration: none; } .authordetails .auth-pic img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .morearticles .article_info_box .title { margin: 0; font-size: 1.61vw; line-height: 1.04; letter-spacing: -0.08vw; margin-bottom: 1vw; } .morearticles .article_info_box .video-th { margin: 0 0 1vw 1.1vw; position: relative; overflow: hidden; } .morearticles .article_info_box .video-th .over-icon { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url('../images/icon-play.png?v=@{c-v}') no-repeat center center rgba(0, 0, 0, 0.4); background-size: 3vw; } .morearticles .read_time_estimate { display: block; font-size: 0.8vw; color: #000; line-height: normal; margin-bottom: 1.6vw; padding-top: 0.3vw; font-weight: 400; } .morearticles .article_info_text .posted_date { display: block; padding-top: 0.3vw; } .morearticles .article_info_box .article_info_text { display: inline-block; width: 100%; padding-bottom: 2.5vw; border-left: 1px solid #ccc; } .morearticles .article_info_box .read_info { max-width: none; width: auto; flex: inherit; } .morearticles .article_thumb .article_info_box::before { display: none; } .morearticles .article_info_box .posted_by { color: #808080; line-height: 1; margin-bottom: 0; } .tag-orange { position: absolute; left: 5vw; top: 0; z-index: 99; width: 1.8vw; height: 14vw; } .tag-orange p { color: #fff; writing-mode: vertical-lr; text-orientation: mixed; transform: rotate(180deg); font-family: 'Barlow Semi Condensed'; text-transform: uppercase; font-size: 1.15vw; line-height: 1.5; font-weight: 600; display: inline-block; position: absolute; left: 0px; top: 7px; } .commentbox_container { padding-top: 3vw; clear: both; } .commentbox_container .commentbox { background: #f6f6f6; padding: 0.45vw; } .commentbox_container .commentbox .usercommentbox { border: 1px solid #dbdcdc; border-radius: 3px; background: #fff; padding: 1.2vw; } .commentbox_container .commentbox .usercommentbox .row { margin-left: 0; } .commentbox_container .commentbox .whatthink { font-family: 'Barlow Semi Condensed'; font-size: 17px; font-weight: 500; color: #acacac; line-height: 1.5; padding-left: 0; } .vidpopbg { background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: none; } .vidpopup { background: #fff; position: fixed; top: 50%; left: 50%; height: 530px; width: 1000px; padding: 0; border: 15px solid #fff; margin: -265px 0 0 -500px; z-index: 999999; display: none; } .vidpopup .popclose { position: fixed; right: 20px; top: 15px; width: 18px; height: 18px; background: url('../images/close.png?v=@{c-v}') no-repeat 0 0; display: inline-block; z-index: 9999; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .vidpopup .popclose:hover { right: 15px; } .similar-articles { margin-top: 4vw; } .mlm15 { margin-left: -1.5vw !important; } .pr8-1 { padding-right: 6.6%; } .pr1-2 { padding-right: 0.85vw } .bor1 { border-right: 1px solid #ccc; } .counter { position: absolute; right: 2vw; top: 3vw; z-index: 9; cursor: pointer; } .tcounters { color: #fff; background: url('../images/icon-counter.png?v=@{c-v}') no-repeat 0 0; background-size: cover; width: 2.7vw; height: 2.7vw; display: inline-block; line-height: 2.7vw; text-align: center; font-size: 1.5vw; padding: 0.16vw 0.3vw 0 0; text-shadow: 1px 1px #000; } .userpic { border-radius: 100px; width: 2.2vw } /* Article Details Page style end here */ /* Search style end here */ /* Filters Results style start here */ .filter_page .filter_result { margin-top: -3.294vw; } .filtersbox ul { margin: 1vw 0 3vw 0; } .filtersbox ul li { display: block; margin: 0 0 1vw 0; } .filtersbox ul li a { background: #fff; border: 1px solid #7f7f7f; color: rgba(0, 0, 0, 0.8); font-size: 1.317vw; line-height: 1.2; display: block; padding: 0.4vw 0; letter-spacing: -0.03vw; text-align: center; width: 10.980vw; cursor: pointer; } .filtersbox ul li a:after { margin: 0 0 0 0.5vw; } .filtersbox ul li a:hover { background: #000; color: #fff; } /* Filters Results style end here */ .nomoreresults { /*display: inline-block;*/ display: none; color: #000; border-radius: 0px; border: solid 1px rgba(0, 0, 0, 0.74); font-weight: 400; font-size: 0.99vw; line-height: normal; padding: 0.75vw 1.5vw; font-family: 'Barlow Semi Condensed', sans-serif; text-transform: uppercase; text-align: center; } .mz-figure img { max-width: 100% !important; max-height: 100% !important; } .MagicZoom, .mz-figure { display: block !important; } .html5-nav { display: none !important; } .thumbnail_tagN { left: 5vw; padding: 0.5vw 0 1vw 0; } .valid-tooltip { top: auto !important; border-radius: 0 !important; font-size: 1vw !important; } .form input:-webkit-autofill, .form input:-internal-autofill-selected, .form input:-webkit-autofill:focus, .form textarea:-webkit-autofill, .form textarea:-webkit-autofill:focus, .form select:-webkit-autofill, .form select:-webkit-autofill:focus { -webkit-text-fill-color: rgba(0, 0, 0, 1) !important; -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; background-color: rgb(255, 255, 255) !important; } .form.dark input:-webkit-autofill, .form.dark input:-webkit-autofill:focus, .form.dark textarea:-webkit-autofill, .form.dark textarea:-webkit-autofill:focus, .form.dark select:-webkit-autofill, .form select:-webkit-autofill:focus { -webkit-text-fill-color: rgba(255, 255, 255, 1) !important; -webkit-box-shadow: 0 0 0px 1000px #363636 inset !important; } .pop_insideText .custom-options .custom-option:first-child { display: none !important; } /* css by naresh end here */ /* heading style here */ h1, h2, h3, h4, h5, h6 { line-height: 1.1; } /* heading style */ .title { margin: 0; line-height: 1; } .article_thumb .overlay .title { text-shadow: 1px 1px #000; } .title .under_title { display: block; margin-top: 0.3vw; letter-spacing: normal; font-size: 2.1vw; } .title.sm_title .under_title { font-size: 1.1vw; } .title.xxl_title { letter-spacing: -3.2px; font-weight: 600; font-size: 4.685vw; } .title.xl_title { font-size: 3.806vw; letter-spacing: -2.6px; } .title.lg_title { font-size: 3vw; line-height: 1; letter-spacing: -0.17vw; } .title.md_title { font-size: 2.489vw; line-height: 1; letter-spacing: -0.115vw; } .title.sm_title { font-size: 1.3vw; letter-spacing: -1.1px; } .text_article .title { font-weight: 500; } .text_article .title .under_title { display: block; font-size: 2vw; } .text_article .title a:hover { opacity: 0.5; } /* estimate time */ .xl_article .estimate_time, .article_thumb.text_article .estimate_time { font-size: 4.4vw; } .estimate_time { display: block; } .bookmark_icon { display: block; } /* left tab navbar start here */ #left_tab_nav { width: 5.49vw; background: #f3f3f3; border-right: 1px solid #ddd; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; } #left_tab_nav > ul { height: 100%; } #left_tab_nav > ul > li { height: 25%; } #left_tab_nav > ul > li > a { display: inline-block; height: 100%; width: 100%; text-align: center; color: #000; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; text-orientation: mixed; font-size: 1.317vw; font-weight: 500; padding: 0 1.5vw; transform: rotate(180deg); } #left_tab_nav > ul > li > a.active, #left_tab_nav > ul > li > a:hover { color: #fff; } #left_tab_nav > ul > li > a.see:hover, #left_tab_nav > ul > li > a.see.active { background: #e98267; } #left_tab_nav > ul > li > a.think:hover, #left_tab_nav > ul > li > a.think.active { background: #ebb762; } #left_tab_nav > ul > li > a.inspire:hover, #left_tab_nav > ul > li > a.inspire.active { background: #59856f; } #left_tab_nav > ul > li > a.reflect:hover, #left_tab_nav > ul > li > a.reflect.active { background: #407a93; } /* left tab navbar end here */ /* mid section section start here */ .article_thumb .overlay .row { margin: 0; } /* article grid */ .col_w_sixty { flex: 0 0 60%; max-width: 60%; } .col_w_forty { flex: 0 0 40%; max-width: 40%; } /* article image style */ /* article image hover effect */ /*wave effect*/ .article_image_hold:before { content: ""; width: 1.5vw; height: 100%; display: block; position: absolute; right: -1.5vw; top: 0; background: url(../images/v_mask_wave.png?v=@{c-v}) no-repeat 0 0; animation-duration: 5s; z-index: 2; background-size: cover; } .stirring_sec .article_image_hold:before { background: url(../images/l_mask_wave.png?v=@{c-v}) no-repeat 0 0; width: 100%; top: auto; left: 0; background-size: cover; height: 1.4vw; bottom: -1.4vw; } .article_thumb:hover .article_image_hold:before { animation-name: maskani; animation-iteration-count: infinite; animation-timing-function: linear; right: 0; } .stirring_sec .article_thumb:hover .article_image_hold:before { animation-name: l_maskani; animation-iteration-count: infinite; animation-timing-function: linear; bottom: 0; } .stirring_sec .owl-item:nth-child(2) { content: ""; width: 21px; height: 492px; display: block; position: absolute; right: -21px; top: -492px; background: url(../images/v_mask_wave.png?v=@{c-v}) no-repeat 0 0; animation-duration: 2s; z-index: 2; background-size: cover; } .article_thumb .overlay, .article_thumb .overlay a, .article_thumb .overlay .posted_by { color: #fff; } /* article overlay category nav style */ .main_category_article_section .sec_top_head { padding: 2.2vw 1.5vw 0 1.5vw; position: absolute; left: 0; display: table; top: 0; z-index: 99; } .main_category_article_section .category_logo { display: table-cell; padding-right: 2.2vw; vertical-align: bottom } .main_category_article_section .category_logo img { max-height: 3vw; } .main_category_article_section .close { display: none; } .main_category_article_section .sec_top_head .category_nav_bar { display: table-cell; vertical-align: bottom } .main_category_article_section .sec_top_head .category_nav_bar li { float: left; margin: 0 0.75vw 0 0; line-height: 1.5; border-right: 1px solid rgba(255, 255, 255, .56); } .main_category_article_section .sec_top_head .category_nav_bar li:last-child { border-right: none; margin-right: 0; } .main_category_article_section .sec_top_head .category_nav_bar li:last-child a { padding-right: 0; } .main_category_article_section .sec_top_head .category_nav_bar li:first-child { padding-left: 0; } .main_category_article_section { position: relative; } .main_category_article_section .sec_top_head .category_nav_bar li a { text-transform: uppercase; font-size: 0.951vw; letter-spacing: 1.5px; padding: 0 0.75vw 0 0; color: #fff; } #inspire_sec .category_nav_bar { padding-bottom: 0.7vh; } /* article thumb box */ /* owl carousel style start here */ .owl-theme .owl-nav { margin: 0; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { margin: 2.99vw 1.5vw 0; width: 1.171vw; height: 2.269vw; } .owl-carousel .owl-nav button.owl-prev { background: url(../images/carousel_arrow_left.png?v=@{c-v}) no-repeat; background-size: cover; background-position: center center; } .owl-carousel .owl-nav button.owl-next { background: url(../images/carousel_arrow_right.png?v=@{c-v}) no-repeat; background-size: cover; background-position: center center; } .owl-theme .owl-nav span { display: none; } .owl-theme .owl-dots { display: none; } /* owl carousel style end here */ /* stirring filtring srticle carousel style start here */ .stirring_sec { margin-left: -1.464vw; margin-right: -1.464vw; } .stirring_sec .container-fluid { padding: 0; } .stirring_sec .carousel-item.col { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .stirring_sec .article_info_box .article_info_text { border-left: none; padding: 0; } .stirring_sec .article_thumb .thumb_inslide, .stirring_sec .article_thumb figure { height: 18vw; } .stirring_sec .posted_by { margin-bottom: 0; } .stirring_sec .article_info_box { left: 2.196vw; height: auto; bottom: 2.196vw; width: auto; padding-right: 4vw; } .stirring_sec carousel-item { margin-right: 0; } .stirring_sec .carousel-control-next, .stirring_sec .carousel-control-prev { top: auto; bottom: 0; height: 20px; background: #000; width: auto; } .stirring_sec .carousel-control-next { right: auto; left: 65px; } .stirring_sec .carousel { padding-bottom: 100px; } .stirring_sec .carousel-item .article_info_box { position: absolute; left: 0; bottom: 0; } .stirring_sec .carousel-item .article_info_box .article_info_text { float: none; width: 64%; min-height: 1px; padding: 40px; border-left: none; } .stirring_sec carousel-item .article_info_box .article_info_text .title { color: #fff; font-weight: 300; } .stirring_icon { display: inline-block; cursor: pointer; animation: rotating 2s linear infinite; font-size: 3vw; vertical-align: middle; margin-left: 0.732vw; } .stirring_icon:hover { animation-play-state: paused; } .stirred_logo { display: inline-block; vertical-align: middle; margin-left: 1vw; width: 15vw; text-align: left; } .stirred_logo i { display: block; font-style: normal; text-align: left; line-height: 1; font-size: 1.317vw; font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 400; } /* stirring filtring srticle carousel style end here */ /* newsletter subscribe form start here */ .news_letter_subscription { margin-top: 4.5vw; } .news_letter_subscription .stirring_text_image { height: 4.4vw; margin: 0.7vw 0 0 0.5vw; } .news_letter_subscription .lg_p { margin-bottom: 0; } .news_letter_form { position: relative; margin-top: 5vw; } .news_letter_form .form-control { border: none; border-bottom: 1px solid #000; font-size: 3.074vw; font-weight: 400; border-radius: 0; font-family: 'Barlow Condensed', sans-serif; } .news_letter_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; } .news_letter_form ::-moz-placeholder { /* Firefox 19+ */ color: #000; } .news_letter_form :-ms-input-placeholder { /* IE 10+ */ color: #000; } .news_letter_form :-moz-placeholder { /* Firefox 18- */ color: #000; } .news_letter_form button { border: none; position: absolute; right: 0; width: 3.5vw; top: 50%; animation: LeftRightBlink 1s linear infinite; background: url(../images/arrow_b.svg?v=@{c-v}) left center no-repeat; background-size: contain; transform: translateY(-50%); height: 2vw; } .news_letter_form button:hover { animation-play-state: paused; } /* newsletter subscribe form end here */ /* stir activity section start here */ .stir_activity figure { width: 15vw; margin: 0 auto; } .stir_activity h3 { font-size: 2.635vw; font-weight: 400; line-height: 1; margin: 2.2vw 0 1.5vw 0; } .stir_activity .web_btn { text-transform: lowercase; } .stir_activity h3 span { display: block; } .stir_activity .text_block { padding-left: 9vw; } .stir_activity { margin-top: 3.7vw; } /* stir activity section end here */ #reflect_sec .main_article .web_btn { border: none; margin-top: 1.5vw; } .overlay_reflect_list { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 3.660vw; color: #fff; } .overlay_reflect_list p { margin-bottom: 0.5vw; } .overlay_reflect_list .text_wrap { margin-bottom: 2.196vw; } .overlay_reflect_list .text_holder { padding-bottom: 2.196vw; } /* mid section section end here */ /* website main footer start here */ #main_footer { background: #171717; color: #828282; padding: 4.392vw 0; margin-top: 5.490vw; position: relative; } #main_footer .footer_wrap { width: 63vw; padding-bottom: 2.2vw; } .footer_holder { position: relative; } #main_footer .footer_col { padding: 0 0 0 3.5vw; } #main_footer .footer_col.common_links .quick_links { position: absolute; bottom: 0; } #main_footer .footer_col h4 { color: #7e7e7e; font-size: 3.660vw; line-height: 2rem; letter-spacing: -1.3px; height: 3.5vw; margin-bottom: 2vw; } #main_footer .footer_col h4 span { color: #fff; } #main_footer .footer_col a, #main_footer .common_links a { color: #fff; opacity: 0.47; text-transform: uppercase; font-weight: 300; line-height: 1.65; font-size: 0.951vw; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #main_footer .footer_col a:hover { opacity: 1; } #main_footer .stir_footer_logo { position: absolute; right: 3.5vw; top: 0; width: 7vw; opacity: 0.5; } #main_footer .footer_col a:hover { color: #fff; } #main_footer .bottom_bar { margin: 0 0 0 3.5vw; font-size: 0.9vw; line-height: 1; } .copyright { margin-bottom: 0; color: #fff; opacity: 0.20; } .copyright span { font-size: 3vw; vertical-align: middle; margin-right: 3px; } /* social links start here */ #main_footer .social_links { float: right; width: 37.8vw; margin-top: 1.5vw; position: relative; z-index: 9; } #main_footer .social_links a.facebook { background: url(../images/facebook.png?v=@{c-v}) no-repeat; background-size: cover; height: 1.25vw; width: 0.5vw; } #main_footer .social_links a.linkedin { background: url(../images/linkedin.png?v=@{c-v}) no-repeat; height: 1.25vw; width: 1.25vw; } #main_footer .social_links a.twitter { background: url(../images/twitter.png?v=@{c-v}) no-repeat; height: 1.25vw; width: 1.25vw; } #main_footer .social_links a.pintrest { background: url(../images/pintrest.png?v=@{c-v}) no-repeat; height: 1.25vw; width: 1.25vw; } #main_footer .social_links a.insta { background: url(../images/insta.png?v=@{c-v}) no-repeat; height: 1.25vw; width: 1.25vw; } #main_footer .social_links a.youtube { background: url(../images/youtube.png?v=@{c-v}) no-repeat; height: 1.25vw; width: 1.25vw; } #main_footer .social_links a { display: inline-block; vertical-align: middle; background-size: contain !important; /* margin-right: 1.5vw;*/ margin-right: 1vw; background-position: left center !important; } #main_footer .social_links a:hover { opacity: 1; } /* website main footer end here */ /* ad space */ .ad_space .col a { display: inline-block; border: 0.1vw solid #fff; width: 100%; } .main_category_article_section .ad_space { /* margin-top: -4.392vw; */ } /* home page style end here */ /* inner pages style start here */ .pt0 { padding-top: 0 !important; } .mr0 { margin: 0 !important; } .pd0 { padding: 0 !important; } .pb0 { padding-bottom: 0 !important; } #main_header .left_col .stir_logo.inner_page_logo { width: 15%; } /* category article page style start here */ /* left category navbar */ .left_category_navbar { float: left; width: 18.301vw; padding: 0 1.5vw 0 0; margin-left: 2.5vw; } .left_category_navbar.fixed { position: fixed; top: 0; background: #fff; z-index: 9; } .left_category_navbar ul li { margin-top: 1.5vw; } .left_category_navbar ul .con_menu { padding-left: 0.5vw; } .left_category_navbar ul .con_menu li { margin-top: 0.5vw; } .left_category_navbar ul li a { text-transform: uppercase; letter-spacing: -0.4px; color: #010101; line-height: 0.66; font-size: 1.06vw; } .left_category_navbar ul li.active a { font-weight: 500; } .left_category_navbar.see_menu ul li a:hover { color: #e98267; } .left_category_navbar.think_menu ul li a:hover { color: #ebb762; } .left_category_navbar.inspire_menu ul li a:hover { color: #59856f; } .left_category_navbar.reflect_menu ul li a:hover { color: #407a93; } .left_category_navbar .sidebar_columnists_title h2 { margin-top: 2vw; color: #ebb862; font-size: 1.5vw; } /* pr */ .left_category_navbar ul .con_menu li { margin-top: 0.9vw; } /* pr */ /* category article box */ .category_article_holder .content-section { position: relative; } .left_category_navbar .sidebar-item, .filter_result .filtersbox { width: 18.301vw; padding: 0 1.5vw; } .filter_result .filtersbox { float: left; padding-top: 3.294vw; } .article_list_holder { float: right; width: 72vw; } .article_list_holder .spc:last-child { margin-bottom: 0; } .article_list_holder .article_thumb.xl_article { padding-bottom: 5.856vw; } .article_list_holder .article_thumb, .similar-articles .article_thumb { padding-bottom: 4vw; } .article_list_holder .article_thumb .read_info { margin: 0; } .category_article_holder .article_thumb .article_info_box:before { display: none; } .category_article_holder .article_thumb.text_article .article_info_box:before { display: block; } .category_article_holder .article_info_box { width: auto; height: auto; padding: 0; left: 2.9vw; bottom: 2.2vw; } .category_article_holder .sm_article .article_info_box, .category_article_holder .md_article .article_info_box { left: 1.464vw; } .category_article_holder .left_col { float: left; padding-right: 2.5vw; width: 30vw; } .category_article_holder .right_col { float: right; width: 37vw; } .xl_article .thumbnail_tag { left: 8.052vw; } .category_article_holder .posted_by { margin-bottom: 2.2vw; } .category_article_holder .posted_by + p { overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .category_article_holder .left_col .posted_by { margin: 0; } .category_article_holder .title { margin-bottom: 1.1vw; } .category_article_holder .short_description_holder { padding: 2.2vw 5vw 0 0; } /* Reflect Page*/ .reflect_list .title, .reflect_list .posted_by { min-height: 3vw; } .category_article_holder .reflect_list .short_description_holder { padding: 2.2vw 2vw 0 0; } .reflect_list .article_image_hold:before { display: none !important; } .thumbnail_tag { position: absolute; left: 3.3vw; top: 0; width: 2.2vw; height: 15vw; padding: 1vw 0.2vw; color: #fff; /* Mandy CSS start here */ z-index: 999; cursor: pointer; /* Mandy CSS end here */ } .home .main_category_article_section .main_article .thumbnail_tag { left: auto; right: 8.052vw; } .thumbnail_tag:after { content: ""; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(180deg); font-weight: 400; text-transform: uppercase; text-align: center; display: inline-block; vertical-align: top; } .trending:after { content: "Trending "; } .light:after { content: "Light "; color: #000; } .technology:after { content: "Technology"; } .drawingboard:after { content: "Drawing Board"; } .advertisement:after { content: "Advertisement"; } .photoessay:after { content: "Photo Essay"; } .travel:after { content: "Travel"; } .transition:after { content: "Transition"; } .thumbnail_tag.highlights:after { content: "Highlights"; } .thumbnail_tag.advertorial:after { /*content: "Advertorial";*/ content: "Brand Feature"; } .thumbnail_tag.mama:after { content: "M.A.M.A"; } .thumbnail_tag.climatecovid:after { content: "Climate vs. COVID-19"; } .thumbnail_tag.designluminaries:after { content: "Design Luminaries"; } .thumbnail_tag.designaftercovid:after { content: "Design After COVID-19"; } .thumbnail_tag.trending { background: url(../images/trending_tag.png?v=@{c-v}) no-repeat; background-size: cover; } .thumbnail_tag.light { background: url(../images/light_tag.png?v=@{c-v}) no-repeat; background-size: cover; } .thumbnail_tag.technology { background: url(../images/technology_tag.png?v=@{c-v}) no-repeat; background-size: cover; } .thumbnail_tag.drawingboard { background: url(../images/drawing_board_tag.png?v=@{c-v}) no-repeat; background-size: cover; } .thumbnail_tag.advertisement { background: url(../images/advertisement_tag.png?v=@{c-v}) no-repeat; background-size: cover; } .thumbnail_tag.photoessay { background: url(../images/photo_essay_tag.png?v=@{c-v}) no-repeat; background-size: cover; } .thumbnail_tag.travel { background: url(../images/travel_tag.png?v=@{c-v}) no-repeat; background-size: cover; } .thumbnail_tag.transition { background: url(../images/transtion_tag.png?v=@{c-v}) no-repeat; background-size: cover; } .thumbnail_tag.highlights { background: url(../images/highlights_tag.png?v=@{c-v}) no-repeat; background-size: cover; } .thumbnail_tag.advertorial { background: url(../images/advertorial_tag.png?v=@{c-v}) no-repeat; background-size: cover; } .thumbnail_tag.mama { background: url(../images/mama_tag.png?v=@{c-v}) no-repeat; background-size: cover; } .thumbnail_tag.climatecovid { background: url(../images/COVID_tag.png?v=@{c-v}) no-repeat; background-size: cover; } .thumbnail_tag.designluminaries { background: url(../images/designluminaries_tag.png?v=@{c-v}) no-repeat; background-size: cover; } .thumbnail_tag.designaftercovid { background: url(../images/designaftercovid_tag.png?v=@{c-v}) no-repeat; background-size: cover; color: #000; } .category_article_holder .md_article .sm_title { font-size: 1.9vw; } .category_article_holder .ad_space { margin-bottom: 2.928vw; } .category_article_holder .btn { position: relative; z-index: 9; } .category_article_holder .title a:hover { opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .category_article_holder .text-article_section .description_holder.p_t .textBlock { column-count: 1; } /* category article page style end here */ /* profile page style start here */ #profile_setting { /* padding-top: 4.392vw; to align content with sidebar*/ padding-top: 2.392vw; } .userBio_holder { padding: 0 0 5.856vw 0; position: relative; } .userBio_holder .profile_pic { display: inline-block; /* width: 27.818vw; height: 27.818vw; to decrease size of profile image 23-02-2023 */ width: 8.818vw; height: 8.818vw; overflow: hidden; border-radius: 100%; /* vertical-align: middle; to align it with user name 23-02-2023*/ vertical-align: top; margin-right: 3vw; } .userBio_holder .profile_pic .image { background: url(../images/profile_pic.png?v=@{c-v}) no-repeat; background-size: cover; display: inline-block; height: 100%; width: 100%; } .userBio_holder .user_bio { display: inline-block; vertical-align: middle; width: 36.603vw; } .userBio_holder .user_bio h1 { /* font-size: 7.320vw; to decrease font size of user name 23-02-2023*/ font-size: 2.489vw; line-height: 1.1; display: flex; } .userBio_holder .user_bio p { margin-bottom: 0; padding-left: 1.830vw; } .userBio_holder .user_bio p.designation, .userBio_holder .user_bio p.email { /* font-size: 1.756vw; to decrease font size of user details 23-02-2023*/ font-size: 1.317vw; line-height: normal; letter-spacing: -0.5px; position: relative; } .userBio_holder .user_bio p.designation:before { background: url(../images/designation_b.png?v=@{c-v}) no-repeat; opacity: 0.5; } .userBio_holder .user_bio p.email:before { background: url(../images/email_b.png?v=@{c-v}) no-repeat; opacity: 0.5; top: 4px; } .userBio_holder .user_bio p:before { position: absolute; left: 0; top: 0; content: ""; width: 1.830vw; height: 100%; background-position: left center !important; background-size: 1.2vw !important; } .userBio_holder .user_bio span { vertical-align: middle; } .userBio_holder .user_bio .content_preferneces { margin-top: 2.196vw; } .userBio_holder .user_bio .content_preferneces p { font-size: 1.464vw; letter-spacing: -0.5px; opacity: 0.7; font-weight: 400; padding: 0; } .userBio_holder .user_bio .tag { padding: 0.732vw 1.098vw; background: #000; color: #fff; display: inline-block; font-size: 1.317vw; line-height: 1vw; margin: 0.732vw 0.366vw 0 0; } .tabbing .nav-tabs { border: none; display: inline-block; width: 100%; margin: 0; } .tabbing .nav-tabs a { font-size: 1.756vw; opacity: 0.72; letter-spacing: -0.5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; } .tabbing .nav-tabs li a:hover { opacity: 1; } .tabbing .nav-tabs li { margin-right: 2.196vw; line-height: normal; display: inline-block; } .tabbing .nav-tabs li a.active { opacity: 1; } .tabbing .nav-tabs li a.active:before { content: ""; height: 2px; width: 40%; background: #000; display: inline-block; position: absolute; left: 0; bottom: -5px; } .tab-content .article_thumb { margin-bottom: 1.464vw; position: relative; } .grid_table { width: 100%; border: 1px solid #e0dfdf; border-collapse: collapse; } .grid_table tr th { padding: 0.5208vw; background: #e4e4e4; border: 1px solid #e0dfdf; } .grid_table tr td { padding: 0.5208vw; } .grid_table tr td .table_edit_button { width: 1.2vw; height: 1.2vw; background: url(../images/edit_b.png?v=@{c-v}) no-repeat; background-size: 1.2vw; display: block; } .grid_table tr:nth-child(1) { border-bottom: none; } .grid_table tr:hover { background: #f5f5f5; transition: 0.2s ease all; } .w_20 { width: 20%; position: relative; } /* edit profile */ #profile_setting .left_nab { max-width: 22.693vw; padding: 0 2.196vw; } #profile_setting .left_nab li { margin-bottom: 1.830vw; line-height: 1; } #profile_setting .left_nab a { font-size: 1.244vw; text-transform: uppercase; line-height: 1; } .edtit_profile .profile_pic { width: 13.177vw; display: inline-block; height: 13.177vw; overflow: hidden; border-radius: 100%; vertical-align: middle; -webkit-filter: grayscale(100%); filter: grayscale(100%); } #profile_setting h1.title { font-weight: 500; margin-bottom: 2.928vw; } .change_pic_holder { margin-bottom: 2.928vw; } .profile_setting_form { width: 26vw; } #o_settings_form { width: 100%; } .form.profile_setting_form .field_hold label { /* font-size: 0.878vw; margin: -10px 0 0 0; */ } .form.profile_setting_form .field_hold .form-control { padding-top: 10px; border: 1px solid rgba(0, 0, 0, .2); } .choose_file input { position: absolute; z-index: 1000; opacity: 0; cursor: pointer; right: 0; top: 0; height: 100%; font-size: 24px; width: 100%; } #profile_setting .profile_setting_form .switch { position: absolute; display: inline-block; width: 2.342vw; height: 1.024vw; left: auto; right: 2.2vw; top: 1vw; } /* Hide default HTML checkbox */ .switch input { display: none; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: -0.366vw; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 1.464vw; width: 1.464vw; left: 0; background-color: #f1f1f1; -webkit-transition: .4s; transition: .4s; top: 50%; transform: translateY(-50%); } input.default:checked + .slider { background-color: #444; } input.primary:checked + .slider { background-color: #2196F3; } input.success:checked + .slider { background-color: #8bc34a; } input.info:checked + .slider { background-color: #7f7f7f; } input.warning:checked + .slider { background-color: #FFC107; } input.danger:checked + .slider { background-color: #f44336; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { left: auto; right: -0.366vw; background: #000; } /* Rounded sliders */ .slider.round { border-radius: 1.024vw; background: #c6c5c5; } .slider.round:before { border-radius: 50%; } .list-group-flush .list-group-item { font-size: 1.317vw; border: none; padding: 0 10vw 0 0; margin-bottom: 2.928vw; position: relative; } #profile_setting .actionbuttons { position: absolute; right: 2.196vw; top: 0; } #profile_setting .actionbuttons .btn.cancel { margin-right: 0.732vw; } .preference_tab { max-width: 55.636vw; } .preference_tab li, .article_tag_tab li { margin: 0 2px 2px 0; line-height: 1; position: relative; float: left; } .preference_tab li a, .article_tag_tab li a { background: #e5e5e5; color: #656566; font-size: 1.317vw; line-height: 1; display: block; padding: 0.732vw 1.464vw; letter-spacing: -0.03vw; } .preference_tab li a.active, .preference_tab li a:hover, .article_tag_tab li a:hover { background: #000; color: #fff; } .filter_tab li { display: inline-block; position: relative; } .preference_tab li input[type=checkbox], .filter_tab input[type=checkbox] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; } .preference_tab li [type=checkbox]:checked + a { background: #000; color: #fff; } .filter_tab input[type=checkbox]:checked + a { background: #000; color: #fff; } .filter_tab input[type=checkbox]:checked + a.iconlinks span { background-position: 0 -1.6vw; } /* event detail page start here */ .detail_page_cont_holder .article_description iframe { width: 100%; } .detail_page_cont_holder .article_description iframe.article_iframe_video { height: 25.5vw; } .detail_page_cont_holder { margin: 0 -1.464vw; padding-left: 16vw; } .detail_page_cont_holder .left_sharing { position: absolute; left: -5vw; top: auto; width: 2.5vw; } .detail_page_cont_holder .right_col { margin-top: -7.320vw; position: relative; z-index: 9; padding-left: 0; background: #fff; } .detail_page_cont_holder .right_col:before, .page_content_wrapper:before { width: 100%; content: ""; position: absolute; right: 0px; /*top: -2.196vw;*/ top: -2vw; height: 2.196vw; background: url(../images/article-wave.png?v=@{c-v}) no-repeat top right; background-size: cover; } .detail_page_cont_holder .right_col .inside_holder { width: 60.395vw; padding: 0 0 0 3.294vw; } .detail_page_cont_holder.world_box { padding: 0; min-height: 51vw; } .detail_page_cont_holder.world_box .morearticles .event_info, .detail_page_cont_holder.world_box .morearticles .event_description { border-left: 1px solid #ccc; padding-left: 1.5vw; } .detail_page_cont_holder.world_box .event_description { margin-top: 3vw; } .detail_page_cont_holder.world_box .inside_holder { padding-left: 16vw; } .detail_page_cont_holder .right_col .inside_holder .head_sec { border-bottom: 1px solid rgba(0, 0, 0, .10); padding: 1vw 0 2vw 0; } .detail_page_cont_holder .right_col .inside_holder .head_sec .btn { background: #407a93; color: #fff; text-transform: uppercase; border: none; font-size: 1.464vw; padding: 1.098vw 3.660vw; } .detail_page_cont_holder .right_col .inside_holder .head_sec .btn:before { display: none; } .detail_page_cont_holder .right_col .inside_holder .head_sec .btn_col { text-align: right; } .detail_page_cont_holder .right_col .inside_holder .head_sec h1.title { font-size: 3.074vw; font-weight: 600; } .detail_page_cont_holder .left_bodyText { padding: 0 3.660vw 0 0; margin-top: 2.928vw; } .stir_suggests { width: 50%; height: 21.5vw; float: left; background-size: cover; } .stir_suggests img { width: 100%; height: 21.5vw; } .event_info { margin-bottom: 2.928vw; } .detail_page_cont_holder h4 { font-size: 1.756vw; margin-bottom: 1.464vw; } .event_info p { margin: 0; font-size: 1.610vw; } .event_info a { color: #000; text-decoration: underline; margin-top: 0.5vw; display: inline-block; } .event_info a:hover { text-decoration: none; } .blue_color { color: #407a93; } .event_info.date a:before, .event_info.direction a:before { content: ""; background: url(../images/calendar_b.png?v=@{c-v}) no-repeat; background-size: contain; display: inline-flex; vertical-align: middle; margin-right: 0.5vw; height: 1.024vw; width: 1.024vw; } .event_info.date a.active:before { background: url(../images/calendar_b_active.png?v=@{c-v}) no-repeat; background-size: contain; } .event_info.direction a:before { background: url(../images/location_r.png?v=@{c-v}) no-repeat; background-size: contain; } .event_description { margin-top: 5.124vw; } .spakers .thumbBox { display: inline-block; margin-right: 1.464vw; } .spakers .thumbBox h6 { font-size: 1.464vw; font-family: 'Barlow Condensed', sans-serif; margin-bottom: 0; font-weight: 300; } .spakers .thumbBox span { font-size: 1.171vw; } .right_sponsors { width: 15.739vw; max-width: 15.739vw; margin-top: 2.928vw; } .right_sponsors ul li { border: 1px solid rgba(0, 0, 0, .40); text-align: center; margin-bottom: 1.464vw; height: 5.490vw; } .right_sponsors ul li a { display: inline-block; width: 100%; height: 100%; } .right_sponsors ul li a img { position: relative; top: 50%; transform: translateY(-50%); } .event_detail_banner .stir_logo { position: absolute; margin-top: -5.490vw; left: 50%; max-width: 15.373vw; top: 50%; transform: translate(-50%, -50%); } .event_detail_banner .calander_icon { width: 2.781vw; margin-top: 2vw; } /* event detail page end here */ /* article detail */ .detail_page_cont_holder .content-section { position: relative; } .sidebar-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* Position the items */ // &:nth-child(2) { top: 25%; } // &:nth-child(3) { top: 50%; } // &:nth-child(4) { top: 75%; } } .make-me-sticky { position: -webkit-sticky; position: sticky; top: 0; } .banner_inside .article_image a { display: inline-block; width: 100%; height: 100%; position: relative; z-index: 9; } .banner_inside .article_image { height: 52.5vw; background-size: cover; background-position: center center; transform: none !important; } .banner_inside .bookmark_icon { margin-top: 0; display: inline-block; padding: 0 1.464vw; vertical-align: top; margin: 0 -2px; } .r-time .read_info { vertical-align: top; } .banner_inside .bookmark_icon i { background: url(../images/boomark_w.svg?v=@{c-v}) no-repeat; height: 3.147vw; width: 1.756vw; background-size: contain; margin-top: 0.5vw; } .banner_inside .bookmark_icon.active i { background: url(../images/bookmark_active_w.svg?v=@{c-v}) no-repeat; background-size: contain; } .detail_page_cont_holder .title_head { width: 45vw; margin-bottom: 3vw; } .author_page .detail_page_cont_holder .title_head { margin: 0 0 3vw 0; } .detail_page_cont_holder .title_head .sub_title { font-size: 1.7vw; } .detail_page_cont_holder .article_left_detail { width: 45vw; float: left; position: relative; } .detail_page_cont_holder .article_left_detail h2 { margin-bottom: 1.464vw; } .detail_page_cont_holder .article_left_detail h2 span { display: block; font-size: 1.5vw; } .article_description .article_image_hold img { width: auto; max-height: 36vw; max-width: 100%; } .detail_page_cont_holder.article-details .right_col .inside_holder { width: auto; } .article-details .morearticles { float: left; width: 18.301vw; margin-top: -5px; margin-left: 2.928vw; left: 100%; } .article-details .morearticles .row { margin: 0 !important; } .article-details .morearticles .article_thumb .article_info_box:before { background: #ccc; } .article-details .morearticles .estimate_time { font-size: 1.903vw; } .article-details .morearticles .article_thumb .bookmark_icon { margin-top: 1.464vw; } .article-details .morearticles .head { font-size: 1.756vw; margin-bottom: 1.464vw; } .article-details .morearticles .bookmark_icon i { width: 1.171vw; height: 2.1vw; } .article-details .article_image_hold { display: inline-block; margin-bottom: 2vw; } .article-details .img_dark_skin img { opacity: 0.6; } .article-details .authordetails, .article-details .similar-articles { margin-top: 3vw; } .author_bio_holder { display: table; width: 100%; } .authordetails .auth-pic { width: 11.713vw; display: table-cell; } .about_author { display: table-cell; vertical-align: top; padding-left: 2vw; } .article-details figure { margin-bottom: 0; } .detail_page_cont_holder .category_article_holder h2 { margin-bottom: 1.464vw; } /* article video detail similer article design */ .article-details .morearticles .article_thumb { margin-bottom: 2vw; } .article-details .morearticles .article_thumb .thumb_inslide { height: 10.248vw; margin-bottom: 0.7320vw; } .morearticles .article_info_box { position: relative; } .article-details .morearticles .video_thumb .icon-play:before { height: 2.928vw; width: 2.928vw; } /* gallery overlay start here */ .gallery_outer { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); z-index: 99999; } .royalSlider { width: 88.579vw; height: 36.017vw; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); } .royalSlider .rsSlide img { opacity: 0.4 !important; height: 80% !important; position: relative; top: 10%; margin: 0 !important; } .royalSlider .rsActiveSlide { z-index: 999; } .royalSlider .rsActiveSlide img { opacity: 1 !important; height: auto !important; position: static; margin: 0 !important; } .gallery_outer .close { position: absolute; padding: 0; height: 2.122vw; width: 2.122vw; top: 2.122vw; display: inline-block; border: 1px solid #fff; right: 2.122vw; line-height: 0; z-index: 9; cursor: pointer; opacity: 1; } .gallery_outer .close:before { background: url(../images/close_w.png?v=@{c-v}) no-repeat; top: 50%; content: ""; margin: 0; position: absolute; width: 1.024vw; height: 1.024vw; transform: translate(-50%, -50%); background-size: contain; left: 50%; } .detail_page_cont_holder .float_left { float: left; width: 50%; padding: 0 1vw 0 0; } .detail_page_cont_holder .float_left.right { float: right; padding: 0 0 0 1vw; } .detail_page_cont_holder .tow_col .float_left { padding: 0 0.5vw; } .article-details .tow_col .float_left:first-child figure { margin: 0 0 0 -0.5vw; } .article-details .tow_col .float_left:last-child figure { margin: 0 -0.5vw 0 0; } .detail_page_cont_holder .article_image_hold, .bx-wrapper { margin-bottom: 1.5vw; position: relative; } .detail_page_cont_holder .float_image_with_text { margin-bottom: 2.196vw; } .video_thumb { position: relative; min-width: 100%; } .float_left.video_thumb { min-width: auto; } .video_thumb .icon-play { position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; text-align: center; cursor: pointer; z-index: 8; font-weight: 100; } .video_thumb .icon-play span.mins { display: block; color: #fff; font-size: 1.756vw; } .video_thumb .icon-play:before { content: ""; background: url(../images/icon-play.png?v=@{c-v}) no-repeat; height: 5.124vw; width: 5.124vw; display: inline-block; background-size: cover; } .video_thumb .mins { font-size: 24px; color: #fff; line-height: 1; padding-top: 1vw; font-weight: 100; display: block; } .video_thumb .mw { font-size: 13px; color: #fff; line-height: 1; padding-top: 0.3vw; font-weight: 200; display: block; } /* about us page start here */ .brand_video { width: 100%; } .about_us_page .title { margin-bottom: 3vw; } .page_content_wrapper .content .team_section .title a { text-decoration: none; display: inline-block; opacity: 0.5; } .page_content_wrapper .content .team_section .title span.stir { margin-right: 2vw; } .page_content_wrapper .content .team_section .title a.active, .page_content_wrapper .content .team_section .title a:hover { text-decoration: underline; opacity: 1; } .page_content_wrapper .content .team_section .title .sap { height: 2.8vw; width: 1px; background: #000; margin: 0 10px; display: inline-block; vertical-align: middle; } .team_carousel .carousel-item .team_image .image_hold { width: 32.942vw; } .team_carousel .team_image .image_hold { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .team_carousel .team_bio p:last-child { margin-bottom: 0; } .core_team .team_bio .head { margin-bottom: 2.196vw; } .core_team .team_bio .name { margin: 0; } .core_team .desiganation { font-size: 1.3vw; font-weight: 400; line-height: 1; } .carousel-indicators li { height: 1.098vw; width: 1.098vw; border-radius: 100%; background: #b0aeae; display: inline-block; box-sizing: inherit; border: none; } .carousel-indicators li.active { background: #000000; } .carousel-indicators { bottom: 3vw; left: 6.8vw; margin: 0; } .stir_family .title { margin-bottom: 2.928vw; } .stir_family .name { margin-bottom: 0; font-size: 1.756vw; } .stir_family .head { margin-bottom: 1.098vw; } .stir_family .desiganation { font-size: 1vw; line-height: 1.1; display: inline-block; margin-top: 0.5vw; height: 2vw; font-size: 1.45vw; } .team_section { margin: 5vw 0; } .stir_family { margin-top: 5vw; } .stir_family .thumb_row .thumb_image { margin-bottom: 1.098vw; } .stir_family .thumb_row .thumb_image img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .page_title { font-size: 5.270vw; } .filter_page_wraper .article_thumb, .filter_page_wraper .ad_space { margin-top: 3.294vw; } /* filter form */ .calander { height: 3.660vw; width: 3.660vw; display: inline-block; text-align: center; background: url(../images/calander_b.png?v=@{c-v}) no-repeat; vertical-align: middle; background-size: 2.1vw; padding: 15px; border: 1px solid #000; background-position: center center; margin: 0 2.196vw 0 0.732vw; text-indent: -999px; cursor: pointer; } /* about us page end here */ /* search dropdown */ .searchpopup .searchbar .sform input[type=search] { border: 0; padding-right: 4vw; border-bottom: 1px solid #fff; outline: 0; width: 100%; background: none; color: #fff; line-height: normal; font-size: 1.317vw; height: 3vw; } .searchpopup .searchbar .sform input[type=search]::placeholder { color: #fff; } .searchpopup .searchbar .sform input[type=search]:-ms-input-placeholder { color: #fff; } .searchpopup .searchbar .sform input[type=search]::-ms-input-placeholder { color: #fff; } .searchpopup .searchbar .sform .icon-search { position: absolute; top: 50%; right: 1vw; background-position: center center; color: #fff; font-size: 1.317vw; transform: translateY(-50%); cursor: pointer; } .searchpopup .searchbar .sform input[type=search]:valid ~ .placeholder { display: none; } ul.ui-autocomplete { z-index: 9999999; font-size: 1.317vw; line-height: 1.1; padding-top: 0.732vw; width: 40vw !important; } ul.ui-autocomplete li { cursor: pointer; list-style: inside; line-height: normal; margin-bottom: 0.5vw; white-space: nowrap; } ul#ui-id-1 { color: #fff; } ul#ui-id-2 { background: #fff; padding-bottom: 50px; width: 50% !important; } ul.ui-autocomplete li .ui-menu-item-wrapper { text-overflow: ellipsis; overflow: hidden; width: 95%; white-space: nowrap; display: inline-block; vertical-align: top; line-height: normal; } /* search result */ .filter_page .article_thumb, .filter_page .ad_space { margin-top: 3.294vw; } .filter_page .search_form { max-width: 50vw; margin-top: 2.196vw; } .filter_page .search_form .form-control { height: 4.392vw; border: none; border-radius: 0; border-bottom: 1px solid #000; font-size: 2.635vw; color: #000; font-weight: 500; padding: 0 4vw 0 0; } .filter_page .search_form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; } .filter_page .search_form .form-control::-moz-placeholder { /* Firefox 19+ */ color: #000; } .filter_page .search_form .form-control:-ms-input-placeholder { /* IE 10+ */ color: #000; } .filter_page .search_form .form-control:-moz-placeholder { /* Firefox 18- */ color: #000; } .filter_page .search_form .field_holder { position: relative; } .filter_page .search_form .search_btn { position: absolute; right: 1vw; top: 50%; width: 1.830vw; height: 1.830vw; background: url(../images/search_b.png?v=@{c-v}) no-repeat; border: none; background-size: cover; top: 50%; transform: translateY(-50%); } .filter_page .search_form .search_info { font-size: 1.756vw; font-weight: 200; margin-top: 2.196vw; } /*popup form style */ .popup_outer { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; display: none; } .popup_outer.bg { background-color: rgba(0, 0, 0, 0.74); } .popup_outer .poopBox { width: 60.761vw; background: #fff; position: absolute; left: 50%; top: 50%; padding: 2vw; transform: translate(-50%, -50%); } .poopBox .blob { background: url(../images/stir-bg.png?v=@{c-v}) no-repeat; background-size: contain; padding: 7.320vw 6.588vw 6.588vw 7.320vw; background-position: center center; min-height: 38vw; background-size: contain; position: relative; } #main_mid_part .poopBox .blob { width: 50%; } .poopBox .blob .heading { font-size: 2.196vw; color: #fff; font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 500; line-height: 1; letter-spacing: -2px; margin-bottom: 1.464vw; } .pop_insideText .lform form .field_hold { display: flex; } .poopBox .blob form .field_hold.row { margin: 0 -0.183vw; } .poopBox .blob .pop_insideText form .formdiv.w_50 { width: 50%; padding: 0 0.183vw; display: inline-flex; position: relative; } .poopBox .blob form textarea.form-control { min-height: 8.784vw; padding-top: 1.464vw; padding-left: 1.464vw; resize: none; } .poopBox .blob form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; font-size: 1.024vw; font-weight: normal; position: absolute; pointer-events: none; left: 2.928vw; line-height: 1; top: 1.5vw; transition: 0.2s ease all; -moz-transition: 0.2s ease all } .poopBox .blob form ::-moz-placeholder { /* Firefox 19+ */ color: #999; font-size: 1.024vw; font-weight: normal; } .poopBox .blob form :-ms-input-placeholder { /* IE 10+ */ color: #999; font-size: 1.024vw; font-weight: normal; } .poopBox .blob form :-moz-placeholder { /* Firefox 18- */ color: #999; font-size: 1.024vw; font-weight: normal; } .poopBox .quick_contact_info { text-align: center; font-family: 'Barlow Semi Condensed'; font-size: 1.317vw; margin-top: 1.464vw; font-weight: 500; width: 100%; line-height: 1.1; } .poopBox .blob form .button { font-family: 'Barlow Semi Condensed'; color: #fff; font-weight: 300; line-height: 1; font-size: 1vw; border: 1px solid #fff; text-transform: uppercase; padding: 0.50vw 2vw 0.60vw 3vw; background: url(../images/arrow-w.png?v=@{c-v}) no-repeat 1.3vw center; background-size: 1.13vw; display: inline-block; margin-top: 1vw; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .poopBox .blob form .button:hover { color: #000; border: 1px solid #fff; background: url(../images/arrow-b.png?v=@{c-v}) no-repeat 1.3vw center #fff; background-size: 1.13vw; } .pop_insideText .lform form .formdiv { position: relative; } .pop_insideText .lform form .formdiv:before { content: ''; position: absolute; left: 1.2vw; top: 1.5vw; background: url(../images/icon-user.png?v=@{c-v}) no-repeat 0 0; background-position: center center; display: inline-block; width: 1.2vw; height: 1.3vw; background-size: contain; z-index: 2; opacity: 0.40; } .pop_insideText .lform form .username:before { background-image: url(../images/user_w.png?v=@{c-v}); } .pop_insideText .lform form .email:before { background-image: url(../images/email_w.png?v=@{c-v}); } .pop_insideText .lform form .password:before { background-image: url(../images/lock_w.png?v=@{c-v}); } .pop_insideText .lform form .profession:before, .pop_insideText .lform form .profession_other::before { background-image: url(../images/designation_w.png?v=@{c-v}); } .pop_insideText .lform form .message:before { display: none; } .pop_insideText { /*width: 22.693vw; */ max-width: 24vw; margin: 0 auto; z-index: 9; } .pop_insideText .lform form .form-control { background: #363636; color: #fff; font-size: 1.024vw; margin-bottom: 0.2vw; border: none; border-radius: 0; height: 4vw; padding: 0 2.928vw; padding-top: 15px; font-weight: 300; } .pop_insideText .lform form .formdiv label { position: relative; } .pop_insideText .lform form .formdiv label { color: #999; font-size: 1.024vw; font-weight: normal; position: absolute; pointer-events: none; left: 2.928vw; line-height: 1; top: 1.5vw; transition: 0.2s ease all; -moz-transition: 0.2s ease all; } .pop_insideText .lform form .formdiv .form-control:focus ~ label, .pop_insideText .lform form .formdiv .form-control:valid ~ label { font-size: 0.878vw; margin: -10px 0 0 0; } .pop_insideText .lform form .formdiv .form-control:focus, .pop_insideText .lform form .formdiv .form-control:valid { border-left: 3px solid #fff; } .pop_insideText .lform form .formdiv:focus-within:before { opacity: 1; } .popup_outer .close { width: 2.196vw; height: 2.196vw; display: inline-block; position: absolute; right: 2.196vw; top: 2.196vw; background: url(../images/close_b.png?v=@{c-v}) no-repeat center center; background-size: cover; cursor: pointer; opacity: 1 !important; z-index: 9; } .poopBox .blob .success_message { margin-bottom: 0; } /* page contact blob section start here */ #main_mid_part .popup_outer { position: static; height: auto; display: block; margin-top: 4vw; } #main_mid_part .popup_outer .poopBox { position: static; transform: none; padding: 0; width: 100%; } #main_mid_part .poopBox .blob, .poopBox .quick_contact_info { display: inline-block; vertical-align: middle; } #main_mid_part .popup_outer h2 { margin-bottom: 2.928vw; } #main_mid_part .poopBox .quick_contact_info { width: 45%; margin-left: 4.5%; } #main_mid_part .poopBox .download_btn span { background: url(../images/download_b.png?v=@{c-v}) no-repeat center center; width: 3.221vw; height: 3.513vw; display: block; margin: 1vw auto; background-size: cover; } #main_mid_part .poopBox .download_btn { margin-top: 2.1961vw; border-top: 1px solid #ccc; padding-top: 2.1961vw; font-size: 1.317vw; } #main_mid_part .popup_outer .close { display: none; } .page_head_sec { margin-bottom: 2.196vw; position: relative; } .page_head_sec .tap_right { font-size: 0.9vw; display: block; margin-top: 10px; } .main_banner { position: relative; } .main_banner img { width: 100%; } .main_banner .overlay_box .logo { width: 15.739vw; display: inline-block; } .main_banner .overlay_box .play_btn, .log-regpopup .vid-image .contentdiv .play_btn { display: inline-block; width: 3.660vw; height: 3.660vw; background: url(../images/icon-play.png?v=@{c-v}) no-repeat center center; background-size: cover; margin: 2vw 0 1vw 0; } .play_b { background: url(../images/play_b.png?v=@{c-v}) no-repeat center center !important; background-size: cover !important; } .main_banner.brand_video_banner .overlay_box { text-align: center; transform: translateX(-50%); } .main_banner .overlay_box .text { font-size: 1.024vw; font-family: 'Barlow Semi Condensed', sans-serif; color: #fff; font-weight: 300; } .main_banner .overlay_box { position: absolute; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%); } .main_banner .overlay_box p { margin-bottom: 0; } /* inner pages style end here */ /* normal contact form */ .contact_form_holder .quick_contact_info { padding-top: 1.464vw; } .contact_form_holder .quick_contact_info a { font-weight: 600; } /* interview article style start here */ .article_intro { margin-top: 1.464vw; font-weight: 400; font-size: 1.15vw; font-weight: 500; } .detail_page_cont_holder .title_head .posted_by { margin-bottom: 0; } .detail_page_cont_holder .inslide_textBlock { background: #f4f4f4; padding: 1.464vw; margin-bottom: 1.464vw; } .detail_page_cont_holder .inslide_textBlock p:last-child { margin-bottom: 0; } .detail_page_cont_holder .inslide_textBlock h3 { font-size: 1.3vw; } /* faq section start here */ .faq_block .faq .question { margin-bottom: 1.464vw; } .faq_end { padding: 0.5vw; font-style: italic; margin: 1.5vw 0; border-top: 2px solid #000; border-bottom: 2px solid #000; background: none; font-weight: 500; font-size: 1.2vw; } .faq_block .faq .answer strong { font-weight: 500; } /* faq section end here */ /* comment area start here */ .input-row { margin-bottom: 20px; } .input-field { width: 100%; border-radius: 2px; padding: 10px; border: #e0dfdf 1px solid; } .btn-submit { padding: 0.732vw 1.464vw; background: #333; border: #1d1d1d 1px solid; color: #f0f0f0; font-size: 1vw; border-radius: 2px; cursor: pointer; } ul { list-style-type: none; } .comment-row { border: solid 1px rgba(196, 199, 198, 0.75); background: #fff; border-radius: 5px; padding: 1.098vw; margin-bottom: 1.098vw; } .outer-comment { margin: 0; padding: 0; } span.commet-row-label { font-style: italic; } span.posted-by { color: #09F; } #comment-message { margin-left: 20px; color: #189a18; display: none; } .comment-form-container { margin-bottom: 1.098vw; } .comment_area .form-control { border: none; resize: none; width: 100%; background: #fff; line-height: 1.1; padding: 0; } .comment_area .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ font-size: 1.244vw; color: rgba(0, 0, 0, 0.46); font-family: 'BarlowMedium'; } .comment_area .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.46); font-family: 'BarlowMedium'; } .comment_area .form-control::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(0, 0, 0, 0.46); font-family: 'BarlowMedium'; } .post_comment_btn_holder { text-align: right; margin: 1vw 0; } .comment_area form { margin-bottom: 0; } .comment_area #output .outer-comment li { list-style: none; } .comment_area #output .outer-comment li .comment-row { background: #fff; } .comment_area .comment-info .posted-by { display: block; font-size: 0.951vw; color: #64a8e1; font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 500; } .comment_area .comment-info .posted-at { font-size: 0.805vw; color: rgba(0, 0, 0, 0.65); font-family: 'Barlow Condensed', sans-serif; } .comment_area .comment-text { color: rgba(0, 0, 0, 0.72); padding: 1.464vw 0 0 0; } .comment_area .comment_footer { border-top: solid 1px rgba(0, 0, 0, 0.18); padding: 0; margin-top: 1.464vw; position: relative; padding-top: 1.464vw; } .comment_area .btn-reply { color: #52a0e2; position: absolute; right: 0; top: 50%; cursor: pointer; } .comment_area .comment_footer .clap_counter i { background: url(../images/clap_color.png?v=@{c-v}) no-repeat; background-size: cover; display: inline-block; height: 1.6837vw; width: 1.610vw; vertical-align: middle; } .comment_area .field_hold { position: relative; border: solid 1px rgba(196, 199, 198, 0.75); background: #fff; border-radius: 5px; display: flex; padding: 0.732vw; } .comment_area .comment-info { display: flex; } .comment_area .thumb_hold { display: inline-flex; padding-right: 1vw; } .comment_area .thumb_hold span { height: 2.196vw; width: 2.196vw; display: inline-block; overflow: hidden; border-radius: 100%; } .comment_area .thumb_hold img { height: 100%; width: 100%; } #output li ul { display: none; padding: 0; } #output_comment .replybox { display: none; } .comment_area .read_more { display: inline-block; font-size: 0.951vw; text-transform: uppercase; font-family: 'Barlow Semi Condensed', sans-serif; border: 1px solid rgba(0, 0, 0, .74); padding: 0.5vw 1.464vw; } .comment_area .read_more:before { background: url(../images/plus_b.png?v=@{c-v}) no-repeat; content: ""; height: 0.732vw; width: 0.732vw; margin-right: 0.5vw; display: inline-block; background-size: cover; vertical-align: middle; } .comment_area .read_more:hover { color: #fff; background: #000; } .comment_area .read_more:hover:before { background: url(../images/plus_w.png?v=@{c-v}) no-repeat; background-size: cover; } #comments_article.tab-pane .comment_area { margin-bottom: 4vw; } #comments_article.tab-pane .box { max-width: 38.067vw; padding-bottom: 3vw; } #comments_article.tab-pane .comment_area .comment_footer { padding-top: 1.098vw; } #comments_article.tab-pane .article_thumb { margin: 1.464vw 0; } #comments_article.tab-pane .btn_row { position: absolute; left: 1vw; bottom: 3vw; } #comments_article.tab-pane .btn_row a { margin: 15px 0 0 10px; } /* comment area end here */ /* welcome overlay */ #welcome_user .pop_container { position: absolute; z-index: 9999; background: #fff; padding: 3.660vw 2.928vw; left: 0; top: 0; width: 100%; } #welcome_user .pop_container .item_block { display: table; width: 100%; } #welcome_user .pop_container .item { display: table-cell; vertical-align: middle; } #welcome_user .pop_container .item.left_col { padding-right: 2.928vw; } #welcome_user .pop_container .item.right_col { padding-left: 2.928vw; } #welcome_user .profile_pick { width: 5.856vw; height: 5.856vw; border-radius: 100%; overflow: hidden; display: inline-block; vertical-align: middle; } #welcome_user .bio { display: inline-block; vertical-align: middle; padding-left: 1.098vw; letter-spacing: -0.5px; } #welcome_user .bio .name { font-size: 2.1961vw; display: block; line-height: 1.1; } #welcome_user .bio a { font-size: 1.756vw; } #welcome_user .pop_container .nav_link { text-align: center; } #welcome_user .pop_container .nav_link ul { border-right: 1px solid rgba(0, 0, 0, .20); border-left: 1px solid rgba(0, 0, 0, .20); padding: 10px 0; } #welcome_user .pop_container .nav_link li { display: inline-block; margin: 0 1.562vw; } #welcome_user .pop_container .nav_link li a { font-size: 1.756vw; color: rgba(0, 0, 0, 0.72); letter-spacing: -1px; } #welcome_user .pop_container .nav_link li a:hover { color: rgba(0, 0, 0, 1); } #welcome_user .pop_container .signout { text-transform: uppercase; } #welcome_user .pop_container .btn.signout::before { display: none; } #welcome_user .pop_container::after { width: 100%; content: ""; position: absolute; right: 0px; bottom: -1.756vw; height: 1.756vw; background: url('../images/filtersbg.png?v=@{c-v}') no-repeat top right; background-size: auto; z-index: 2; background-size: cover; } /* privacy policy */ .terms_conditions ul li { list-style: outside; } .terms_conditions ul { margin-bottom: 1.464vw; padding-left: 30px; } .content_page_wrapper { padding: 3vw 5.5vw 0 5.5vw; } .content_page_wrapper .page_textBlock { max-width: 54.904vw; } .content_page_wrapper .page_head_sec .sub_title { color: rgba(0, 0, 0, 0.65); font-size: 1.756vw; font-family: 'Barlow Condensed', sans-serif; font-weight: 400; } .content_page_wrapper .page_title { line-height: 1.5; } .content_page_wrapper .intro { margin: 3.660vw 0; } .social_icon li { display: inline-block; margin-right: 0.732vw; } .social_icon li a { display: inline-block; height: 3.660vw; width: 3.660vw; background-size: cover !important; } .social_icon .linked_in { background: url('../images/linkedin.svg?v=@{c-v}') no-repeat; } .social_icon .twitter { background: url('../images/twitter.svg?v=@{c-v}') no-repeat; } .social_icon .facebook { background: url('../images/facebook.svg?v=@{c-v}') no-repeat; } .social_icon .email { background: url('../images/email.svg?v=@{c-v}') no-repeat; } .social_icon .whatsapp { background: url('../images/whatsapp.svg?v=@{c-v}') no-repeat; } /* upload image window */ #uploadimageModal { text-align: center; } #uploadimageModal .modal-dialog { display: inline-block; max-width: none; margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .modal-backdrop { z-index: 9999; } #uploadimageModal .btn::before { display: none; } #uploaded_image .img-thumbnail { padding: 0; border-radius: 0; } #stirring_sec_web { height: 18vw; position: relative; } .bx-wrapper .bx-viewport img { /*max-height: 30vw !important; width:auto !important; */ display: inline-block; } .article_description .bx-wrapper .article_image_hold { margin-bottom: 0; } .article_description .article_image_hold { text-align: center; } .article_description .article_image_hold figure a { /*background: #f3f3f3; */ display: inline-block; width: 100%; } .article-details .content .bx-wrapper figure figcaption { padding: 15px 0 0 0; background: #fff; } .detail_page_cont_holder .article_image_hold figure a { position: relative; } .detail_page_cont_holder .video_thumb figure a { pointer-events: inherit; } .detail_page_cont_holder .article_image_hold figure .image_credit a { pointer-events: auto; background: none; width: auto; } .comment_popup { position: fixed; left: 0; width: 100%; height: 100%; top: 0; z-index: 99999999; background-color: rgba(0, 0, 0, 0.6); display: none; } .article_detail_page .content .article_image_hold:before { display: none !important } .comment_area .comment_footer .btn-response { font-size: 0.951vw; float: right; margin-top: 0.7vw; color: #52a0e2; font-family: 'Barlow Condensed', sans-serif; cursor: pointer; } .comment_popup .wrapper { background-color: #fff; padding: 1.5vw; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 10px; width: 50vw; box-shadow: 0 1px 20px 0 rgba(32, 33, 36, 0.28); } .comment_popup .comment_area .comment-text { /*line-height: 1.4;*/ line-height: 1.2; } .comment_popup .comment_area { max-height: 30vw; Line-height: 1; } .comment_popup .wrapper .close_btn { width: 25px; height: 25px; display: inline-block; position: absolute; right: -30px; top: -30px; background: url(../images/close_w.png?v=@{c-v}) no-repeat center center; background-size: auto; background-size: cover; cursor: pointer; opacity: 1 !important; z-index: 9; } /* comment tab start here */ #comments_article.tab-pane .article_info_box { position: static; } #comments_article.tab-pane .article_info_box .read_info { max-width: none; width: auto; flex: inherit; margin-bottom: 0; } #comments_article.tab-pane .article_info_box .article_info_text { display: inline-block; width: 100%; padding-bottom: 0; border-left: 1px solid #ccc; } #comments_article.tab-pane .article_thumb .title { font-size: 1.756vw; min-height: 3.5vw; } #comments_article.tab-pane .estimate_time { font-size: 1.903vw; } #comments_article.tab-pane .bookmark_icon i { width: 1.464vw; height: 2.196vw; background-position: right; } #comments_article.tab-pane .article_thumb .bookmark_icon { margin-top: 1.464vw; } #comments_article.tab-pane .posted_by { margin-bottom: 0; } #comments_article.tab-pane .comment_area .comment_footer .btn-response { margin-top: 0; } /* tab comment end here */ /* hover css */ .article_thumb:hover .article_image { -ms-transform: scale(1.03); -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } /* updated css for article detail page */ .detail_page_cont_holder .title_head .posted_date { display: inline-block; border-left: 1px solid #000; padding-left: 0.5vw; margin-left: 0.5vw; } .morearticles .article_info_box .title .under_title { font-size: 1.2vw; } .custom-scroll { position: relative; margin: 0px auto; padding: 0px; overflow: auto; } .team_text { background: #f3f3f3; padding: 15px; height: 100%; } .stir_family .thumb_holder .team_box { /* float: left; width: 25%; padding: 1.098vw; */ margin-bottom: 2.196vw; } .stir_family .thumb_holder .team_box p:last-child { margin-bottom: 0; } /*.stir_family .tech_team .team_box{ float:left; width:50%; } .stir_family .tech_team { border-left: 1px solid #ccc; } */ .page_content_wrapper { position: relative; margin: 0 -1.464vw; } .page_content_wrapper .content { width: 78vw; margin: 0 auto; padding-top: 3.660vw; } /* fancybox caption and credits */ .fancybox-caption__body { font-size: 18px; line-height: normal; color: #999; width: 70%; margin: 0 auto; } .fancybox-caption .image_credit { display: block; font-size: 16px; font-weight: 200; font-style: italic; margin-top: 3px; } .form_wrapper .title { margin-bottom: 1.464vw; } .page_content_wrapper .content a { text-decoration: underline; } .page_content_wrapper .content a.chzn-single { text-decoration: none; } .page_content_wrapper .content a:hover { text-decoration: none; } /* small popbox */ .popup_outer .poopBox.sm_poopBox { max-width: 35vw; } .popup_outer .poopBox.sm_poopBox .form-control { height: 2.928vw; border-radius: 0; border: 1px solid rgba(0, 0, 0, .2); color: #000; padding: 0 1.464vw; font-size: 1.024vw; } .popup_outer .poopBox.sm_poopBox ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; } .popup_outer .poopBox.sm_poopBox ::-moz-placeholder { /* Firefox 19+ */ color: #000; } .popup_outer .poopBox.sm_poopBox :-ms-input-placeholder { /* IE 10+ */ color: #000; } .popup_outer .poopBox.sm_poopBox :-moz-placeholder { /* Firefox 18- */ color: #000; } .pop_form .field_holder { margin-bottom: 1.098vw; } .popup_outer .close.close_w { background: url(../images/close_w.png?v=@{c-v}) no-repeat center center; background-size: cover; right: 0; top: -3vw; } .popup_outer .close.close_b { background: url(../images/close_black.png?v=@{c-v}) no-repeat center center; background-size: cover; right: 0; top: -3vw; } .sm_poopBox .heading { font-size: 2.196vw; color: #000; font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 500; line-height: 1; margin-bottom: 1.464vw; } .page_content_wrapper .float_textBlock { width: 45vw; } .detail_page_cont_holder .article_left_detail .author_image { width: 11.71vw; left: 100%; margin-left: 3vw; float: right; margin-right: -11vw; } .detail_page_cont_holder .article_left_detail .author_image img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); } /* all popup start here */ /* popup global style start here */ #popup_group { position: absolute; left: 0; right: 0; } .bgoverlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } .head_popup { background-color: rgba(0, 0, 0, 1); position: fixed; left: 0px; right: 0; top: 0px; bottom: 0; margin: 0; display: none; z-index: 999999999; } .pop_wrap { margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100%); } .pop_container { background: #fff; position: relative; margin: 0 auto; width: 50vw; padding: 2.5vw; } .pop_container .pop_text_holder { /* background: url(../images/stir-bg.png?v=@{c-v}) no-repeat 0 0;*/ background: url(../images/stir-blob-black.svg?v=@{c-v}) no-repeat 0 0; background-size: contain; padding: 7.320vw 0 6.588vw 0; background-position: center center; position: relative; min-height: 36vw; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pop_container .heading { color: #fff; line-height: 1; /* letter-spacing: -0.08vw;*/ font-size: 1.667vw; margin: 0 0 0.833vw 0; } .pop_container p { color: #a7a7a7; line-height: 1.05; font-size: 1.31vw; } .pop_container .context { font-size: 1.610vw; color: #fff; line-height: 1; letter-spacing: -0.04vw; padding-bottom: 1vw; } .pop_container .entertext { /* font-size: 1.024vw; color: #919191; line-height: 1; letter-spacing: -0.01vw; padding-bottom: 2vw; */ font-size: 1vw; color: rgba(255, 255, 255, 0.8); margin-bottom: 1.667vw; line-height: 1.4; } .pop_container .info_text { /* color: #fff; font-size: 1.464vw; letter-spacing: -1px; font-weight: 100; line-height: 1; */ font-size: 1vw; color: rgba(255, 255, 255, 0.8); margin-bottom: 1.667vw; line-height: 1.4; } /* popup footer */ .pop_container .pop_fut p { color: #000; font-size: 1vw; margin-bottom: 0.732vw; } .pop_fut { margin-top: 1.464vw; } .pop_fut .account { float: left; } .pop_fut .join { float: right; text-align: right; white-space: nowrap; } .pop_fut .socialicons li { display: inline-block; margin-left: 0.732vw; } .pop_fut .socialicons li a { width: 2.25vw; display: inline-block; } /* popup global style end here */ /* stir form start here */ .pop_container .form { min-width: 24vw; } .head_popup .col_spc { padding: 2.562vw; } .head_popup .form .row { margin: 0; } .form .row .col { padding: 0; } .form .chzn-container-single .chzn-single div b { background: url(../images/next-arrow.svg?v=@{c-v}) no-repeat; display: block; width: 100%; height: 100%; transform: rotate(90deg); background-position: center center !important; background-size: .8vw !important; opacity: 0.40; } /* form icon start */ .form .field_hold:before { width: 3.660vw; height: 3.5vw; content: ""; background-position: center center !important; background-size: 0.878vw !important; display: inline-block; position: absolute; left: 0; top: 0; z-index: 9; opacity: 0.40; } /* black icon */ .form .field_hold.user:before { background: url(../images/user_b.png?v=@{c-v}) no-repeat; } .form .field_hold.email:before { background: url(../images/email_b.png?v=@{c-v}) no-repeat; } .form .field_hold.password:before { background: url(../images/lock_b.png?v=@{c-v}) no-repeat; background-size: 0.65vw !important; } .form .field_hold.profession:before { background: url(../images/designation_b.png?v=@{c-v}) no-repeat; } .form .field_hold.comment:before { background: url(../images/type_message_b.png?v=@{c-v}) no-repeat; } /* white icon */ .form .field_hold:before { opacity: 0.40; } .form.dark .chzn-container-single .chzn-single div b { background: url(../images/next_arrow_w.svg?v=@{c-v}) no-repeat; } .form.dark .field_hold.user:before { background: url(../images/user_w.png?v=@{c-v}) no-repeat; } .form.dark .field_hold.email:before { background: url(../images/email_w.png?v=@{c-v}) no-repeat; } .form.dark .field_hold.password:before { background: url(../images/lock_w.png?v=@{c-v}) no-repeat; } .form.dark .field_hold.profession:before { background: url(../images/designation_w.png?v=@{c-v}) no-repeat; } .form.dark .field_hold.comment:before { background: url(../images/type_message_w.png?v=@{c-v}) no-repeat; } /* form icon end */ /* form field */ .form .field_hold, .form .custom-control { margin: 0 0 0.732vw 0; } .form .field_hold { position: relative; } .form .field_hold .form-control, .form .chzn-container-single .chzn-single, .stir_form .custom-file { border: 1px solid rgba(0, 0, 0, .2); border-radius: 0; padding: 0 3.660vw; position: relative; color: #000; /* height: 4vw;*/ height: 3.5vw; margin: 0; font-size: 1.024vw; } .form .field_hold .form-control { -webkit-text-fill-color: #000 !important; } .form.dark .field_hold .form-control { -webkit-text-fill-color: #fff !important; } /* textarea */ .form .field_hold.comment { padding-top: 2.1vw; } .form .field_hold.comment label { top: 2vw; } .form .field_hold.comment textarea.form-control { padding-top: 0; resize: none; min-height: 7vw; border: none; background: none; } .form .field_hold.profession_other { display: none; } .form .chzn-container-single .chzn-single { color: rgba(0, 0, 0, 0.70); /* line-height: 4vw;*/ line-height: 3.5vw; } .form .chzn-container .chzn-results li { line-height: 1.4; } .form .field_hold label { position: absolute; font-size: 1vw; line-height: 1.4; left: 3.660vw; top: 50%; margin: 0; color: rgba(0, 0, 0, 0.70); pointer-events: none; transform: translateY(-50%); transition: 0.2s ease all; -moz-transition: 0.2s ease all; z-index: 99; } .form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(0, 0, 0, 0.70); } .form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.70); } .form .form-control::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(0, 0, 0, 0.70); } .form .form-control:focus, .form .form-control:valid { border-left: 3px solid #000; padding-top: 0.781vw; color: #000; } .form .form-control:focus ~ label, .form .form-control:valid ~ label { font-size: 0.878vw; margin: -0.781vw 0 0 0; } .form .field_hold:focus-within:before { opacity: 1; } .form .field_hold.comment { background: #fff; border: 1px solid rgba(0, 0, 0, .2); } /* dark form */ .form.dark .form-control, .form.dark .chzn-container-single .chzn-single { background: #363636; border: 1px solid #363636; color: #999; } .form.dark .chzn-container-single.chzn-container-active .chzn-single, .form.dark #voter_prof_chzn .chzn-single { color: #fff; } .form.dark .field_hold.comment { background: #363636; border: 1px solid #363636; } .form.dark label { color: #999; } .form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #999; } .form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; } .form .form-control::-ms-input-placeholder { /* Microsoft Edge */ color: #999; } .form.dark .form-control:focus, .form.dark .form-control:valid { border-left: 3px solid #fff; color: #fff; } .form.dark .field_hold.comment:focus-within { border-left: 3px solid #fff; } /* radio button and checkbox */ .form .custom-control-label::before, .custom-control-label::after { border: 1px solid rgba(0, 0, 0, .2); top: 50%; transform: translatey(-50%); } .form .custom-checkbox .custom-control-label::before { border-radius: 0; } .form .custom-control-input:checked ~ .custom-control-label::before { border-color: #000; background-color: #000; } /* error state */ .error:after { content: ""; position: absolute; top: 0; right: 0; /* background: url(../images/error-icon.png?v=@{c-v}) no-repeat center center;*/ height: 3.5vw; width: 3vw; background-position: center; background-size: 1vw; } .error_message { /* color: #ed1c24;*/ color: #c50f16; margin-bottom: 0; display: inline-block; position: absolute; bottom: -1.15vw; width: 100%; width: 100%; line-height: 1.1; font-size: 0.878vw; vertical-align: top; } .form .field_hold + .error_message, .form .custom-control + .error_message { position: relative; top: -0.4vw; } /* search popup start here */ .head_popup .pop_container.searchpopup { background: url(../images/search_animation.gif) no-repeat center center #e8e8e8; background-size: cover; } .searchpopup .searchbar { width: 40vw; position: relative; height: 100%; background: url('../images/stir-bg.png?v=@{c-v}') no-repeat center center; background-size: contain; margin: auto; min-height: 40vw; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .searchpopup .searchbar .sform { position: relative; width: 27vw; margin: 0 auto; } /* search popup end here */ /* sign up popup start here */ #signup_popup .pop_container { width: 68.448vw; } #signup_popup .pop_container .custom-control-label a { text-decoration: underline; font-weight: bold; } #signup_popup .pop_container .custom-control-label a:hover { text-decoration: none; } #signup_popup .left_overlay { position: relative; background: url(../images/blob_2.png?v=@{c-v}) no-repeat 0 0; background-size: contain; background-position: center center; margin: 0 2.562vw; height: 100%; } #signup_popup .left_overlay .text_inside { max-width: 19.033vw; position: absolute; left: 50%; top: 50%; color: #fff; transform: translate(-50%, -50%); width: 80%; } #signup_popup .left_overlay .text_inside p { font-size: 1vw; line-height: 1.1; } #signup_popup .left_overlay .text_inside ul { font-size: 1vw; line-height: 1.2; margin-bottom: 1.464vw; list-style: circle; } #signup_popup .left_overlay .text_inside h5 { font-size: 1.610vw; font-weight: 100; } #signup_popup .left_overlay .text_inside H4 { font-size: 2.196vw; } /* sign up popup end here */ /* forgot popup start here */ .head_popup .pop_container .forgot_password { float: right; color: rgba(255, 255, 255, 0.5); } .head_popup .pop_container .forgot_password:hover { text-decoration: underline; } /* forgot popup end here */ /* filter popup start here */ #filter_popup .pop_container, #stirring_popup .pop_container { width: 100% !important; } #filter_popup, #stirring_popup, #welcome_user { position: relative; left: 0; top: 0; background: #fff; z-index: 999; } #filter_popup .form .field_hold { margin: 0.732vw; } .filterspopup::after, .stirring_overlay:after { width: 100%; content: ""; position: absolute; right: 0px; bottom: -1.756vw; height: 1.756vw; background: url('../images/filtersbg.png?v=@{c-v}') no-repeat top right; z-index: 2; background-size: cover; } .filterspopup .filtext p { color: #8a8989; font-size: 1.17vw; line-height: 1; margin: 0.5vw 0 0 0; } .filterspopup .actionbuttons a { padding: 0.47vw 0; width: 8.711vw; display: inline-block; margin-right: 0.732vw; } .filterspopup .actionbuttons a:last-child { margin-left: 0; } .btn.apply:before { content: ''; background: url('../images/icon-tick.png?v=@{c-v}') no-repeat; display: inline-block; width: 1.1vw; height: 1.1vw; vertical-align: middle; background-size: cover !important; background-position: left top; margin-right: 0.5vw; } .btn.apply:hover { background: #000; color: #fff; } .form .btn.apply:hover:before { background-position: left bottom; } .btn.reset { color: #737373; border-color: #999; } .btn.reset:before { content: ''; background: url('../images/icon-reset.png?v=@{c-v}') no-repeat; display: inline-block; width: 1.1vw; height: 1.1vw; vertical-align: middle; background-size: cover !important; background-position: left top; margin-right: 0.5vw; } .btn.reset:hover { background: #000; color: #fff; } .form .btn.reset:hover:before { background-position: left bottom; } /* filter popup end here */ /* stirring popup start here */ .stirring_overlay .belowTextBlock { position: relative; padding-top: 2.5vw; text-align: right; } .stirring_overlay .stirring_sec { position: relative; padding-bottom: 0; min-height: 18vw; } /* stirring popup end here */ /* all popup end here */ /* basic stir form without icon start here */ .form.no_icon .field_hold textarea.form-control { min-height: 10vw; } .field_hold.selected .chzn-single div { display: none; } .chzn-container { width: 100% !important; } .form.no_icon .field_hold:before { display: none; } .form.no_icon .field_hold .form-control, .form.no_icon .chzn-container-single .chzn-single { padding: 0 1.5vw; } .stir_form .form.no_icon .custom-file { padding: 0; overflow: hidden; line-height: 4vw; } .form.no_icon .custom-file label { left: 0; position: absolute; transform: none; height: 100%; width: 100%; top: 0; border-radius: 0; line-height: 4vw; border: none; padding: 0 1.5vw; } .form.no_icon .custom-file input { text-indent: -200px; height: 100%; width: 100%; left: -5vw; position: relative; } .form.no_icon .field_hold textarea.form-control { padding: 1vw 1.5vw; } .stir_form .form .example_text { color: rgba(0, 0, 0, 0.6); font-size: 14px; line-height: 1.1; margin: 0.5vw 0 1.464vw 0; } .stir_form .custom-file-label::after { border-radius: 0; line-height: 4vw; height: 100%; padding: 0 1.464vw; } /* basic stir form without icon start here */ /* stir basic form start here */ .stir_form input[type=radio] { margin-right: 5px; } .stir_form .second_radio_btn { margin-left: 1.464vw; } /* stir basic form end here */ /* contact page form start here */ .form .field-col.w50 { width: 50%; float: left; } .form .field_group { margin: 0 -0.366vw; } .form .field-col { padding: 0 0.366vw; } /* contact page form end here */ .form .field_hold textarea.form-control.high_light { min-height: 7vw; } /* form popup end here */ #reflect_sec .article_thumb .article_info_box::before { display: none; } #reflect_sec .article_thumb .labelText { margin-top: 2vw; display: inline-block; background: #022b3d; padding: 5px 25px; font-size: 1.7vw; } .header_inside .right_col { text-align: right; } .top_head_link { display: inline-block; margin-top: 1vw; text-transform: uppercase; text-transform: uppercase; font-size: 0.951vw; letter-spacing: 1.5px; padding: 0 0.75vw 0 0; color: #000; font-weight: 500; font-family: 'Barlow Semi Condensed', sans-serif; margin-top: 1.6vw; } .text-article_section .article_image_hold { height: 36vw; } .article_detail_page .banner_inside .img_dark_skin:after { display: none; } .img_dark_skin:after, .article_detail_page .article_thumb.banner_inside .article_image:after { content: ""; background: url(../images/main_article_gradient.png?v=@{c-v}) repeat-x left bottom; position: absolute; left: 0; width: 100%; height: 100%; top: 0; opacity: 0.3; } .article_detail_page .hidden figure { margin-bottom: 0; } .article_thumb.banner_inside .img_dark_skin { position: relative; z-index: 9; } .content p a, .article_description a, .detail_page_cont_holder.world_box .event_description a { text-decoration: underline; } .content ol li a { text-decoration: underline; font-weight: 300; } .content p a:hover, .content ol li a:hover, .article_description a:hover, .detail_page_cont_holder.world_box .event_description a:hover { text-decoration: none; } .article_thumb .calender_icon { position: absolute; left: 0; width: 2vw; height: 2vw; bottom: 2.5vw; } .article_thumb .calender_icon i { background: url(../images/calendar_w.png?v=@{c-v}) no-repeat; background-size: contain; display: inline-block; width: 2vw; cursor: pointer; } .article_thumb .calender_icon.black_icon i { background: url(../images/calendar_b.png?v=@{c-v}) no-repeat; background-size: contain; } .article_thumb .calender_icon.active i { background: url(../images/calendar_b_active.png?v=@{c-v}) no-repeat; background-size: contain; } .reflect_map { margin-bottom: 5.856vw; } .reflect_list .stir_form { margin-bottom: 5.856vw; } .reflect_detail .r-time .calender_holder { display: inline-block; height: 100%; text-align: center; } .reflect_detail .article_thumb .calender_icon { position: static; width: 4vw; display: inline-block; height: 100%; } .reflect_detail .article_thumb .calender_icon i { display: inline-block; width: 100%; height: 100%; background-position: center 1vw; } .reflect_detail .right_col .inside_holder .head_sec h1.title { margin-top: 1.3vw; } .reflect_detail .r-time { text-align: center; } .action_Textbar { text-align: right; margin-bottom: 1.464vw; } .reflect_detail .detail_page_cont_holder .right_col { margin-top: 0; } /* profile page event tab */ #event_calender .evenet_detail { max-width: 31.112vw; font-family: 'Barlow Condensed', sans-serif; } #event_calender .evenet_detail .posted_by { margin-top: 0.5vw; } #event_calender .evenet_detail h3 { margin-bottom: 0; } #event_calender .evenet_detail h4 { font-size: 1.317vw; } #event_calender .evenet_detail .action_btn { font-weight: 400; text-decoration: underline; text-transform: uppercase; font-size: 0.961vw; margin-right: 0.5vw; } #event_calender .evenet_detail .bx-wrapper .bx-pager { padding-top: 0; } .upcomming_events h2 { margin: 3vw 0; } #event_calender .bx-wrapper .bx-prev { left: -5vw; } #event_calender .bx-wrapper .bx-next { right: -5vw; } /* privacy policy page start here */ .privacy_policy_page .page_content_wrapper .content { padding-top: 0; } .privacy_policy_page .page_content_wrapper .float_textBlock { float: right; width: 56%; } /* privacy policy page end here */ .r_hide { display: none; } /* footer updated */ #main_footer { /* padding: 2.5vw; remove to decrease footer height*/ padding: 2.5vw 2.5vw 1vw; } #main_footer .footer_wrap { margin: 0 auto; width: 75%; } #main_footer .footer_col.common_links .quick_links { position: static; } #main_footer .footer_col a, #main_footer .common_links a { font-size: 1.07vw; line-height: 2; } .copyright span { font-size: 2.5vw; margin-top: -0.3vw; display: inline-block; } .copyright { font-size: 0.8vw; clear: both; display: inline-block; vertical-align: middle; padding: 0 1.1vw; line-height: normal; } #main_footer .social_links { width: auto; display: inline-block; vertical-align: middle; margin: 0.3vw 7% 0 0; } #main_footer .social_links a:last-child { margin-right: 0; } #main_footer .footer_col h4 { text-transform: lowercase; font-size: 2.5vw; margin: 0; } #main_footer .bottom_bar { width: 75%; margin: 0 auto; } #main_footer .common_links a { opacity: 1; } #main_footer .bottom_bar_holder { border-top: 1px solid #333; padding-top: 2.2vw; margin: 0 -2.5vw; /* padding: 2.5vw; remove to decrease footer height*/ padding: 1vw 2.5vw; padding-bottom: 0; } #main_footer .social_links a { background: none !important; height: auto !important; /* width: 2.196vw !important;*/ width: 1.5vw !important; /*opacity:0.6 !important;*/ } #main_footer .social_links a:hover { /*opacity:1 !important; */ } #main_footer .footer_col .cat_links { position: absolute; bottom: 0; } /* contact us page */ .contact_page .left_col { position: relative; height: 100%; } .contact_emails p { font-size: 1.2vw; } .contact_emails p strong { font-size: 2vw; display: block; } .contact_page .contact_emails {} .contact_page .contact_emails p a { font-weight: normal; } .contact_page .contact_emails p a:hover { text-decoration: underline; } .form_wrapper { max-width: none; } /* search updated 3 july 2019 */ .main_slider_top .bx-viewport { -webkit-transform: inherit; } .main_slider_top .bx-wrapper .bx-controls-direction a { margin-top: -3.9vw; transform: none; } .content-section .bx-wrapper .bx-controls-direction a { margin-top: -2vw; } /* breadcrumbs start here */ .breadcrumbs { margin-bottom: 2.196vw; } .breadcrumbs ul { margin: 0; padding: 0; } .breadcrumbs ul li { float: left; margin: 0; list-style: none; } .breadcrumbs ul li:last-child { opacity: 0.7; } .breadcrumbs ul li, .breadcrumbs ul li a { font-size: 1vw; text-decoration: none !important; text-transform: uppercase; } .breadcrumbs ul li a { display: inline-block; opacity: 0.7; } .breadcrumbs ul li a:hover { color: #000; opacity: 1; } .breadcrumbs ul li i { display: inline-block; vertical-align: middle; font-size: 0.6vw; margin: -0.2vw 0.5vw 0 0.5vw; } /* breadcrumbs end here */ /* cookies popup start here */ .cookies_popup { position: fixed; left: 0; opacity: 0; bottom: 0; background: #000; color: #fff; width: 100%; padding: 1.098vw; text-align: center; z-index: 9999; transition: 0.25s all ease; display: none; } .cookies_popup .text { display: inline-block; width: 50%; text-align: left; vertical-align: middle; } .cookies_popup .btn { color: #fff; border-color: #fff; margin-left: 1.098vw; } .cookies_popup .btn.arrow::before { background: url(../images/arrow_w.svg?v=@{c-v}) no-repeat; } .cookies_popup .close_btn { width: 1.464vw; height: 1.464vw; position: absolute; right: 3vw; top: 50%; transform: translateY(-50%); background: url('../images/close_w.png?v=@{c-v}') no-repeat center center; cursor: pointer; z-index: 9; background-size: cover; } .cookies_popup .btn:hover { background: #fff; color: #000; } .cookies_popup .btn:hover::before { background: url('../images/arrow_b.svg?v=@{c-v}') no-repeat; } /* cookies popup end here */ .article_bxslider li:first-child[aria-hidden="false"] ~ .bx-prev { background: #000; } .no-found { margin-top: 4vw; } .bx-wrapper { clear: both; } .hidden_caption { display: none; } .tabbing .mCSB_horizontal.mCSB_inside > .mCSB_container { min-height: 2.8vw; } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 2vw; } .tab-content { padding: 1.5vw 0; } .search_result .tab-content { padding: 0; } .mCSB_inside > .mCSB_container { margin-right: 1vw; } /*.article_thumb{ -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); transform: translateZ(0); } */ .web_btn #signup_but { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; background: none; opacity: 0; } .list_style { padding-left: 20px; margin-bottom: 1.464vw; } .list_style li { list-style: outside; margin-bottom: 0.6vw; } .list_style li:last-child { margin-bottom: 0; } .fact_box { border: 1px solid #ccc; padding: 1.464vw; margin-bottom: 1.464vw; } .fact_box h2 { margin: -1.464vw -1.464vw 1.464vw -1.464vw; padding: 1.464vw; border-bottom: 1px solid #ccc; } .fact_box .list_style { margin-bottom: 0; } .form { font-size: 1.024vw; } .chzn-results li:first-child { display: none !important; } .nav-tabs { margin: 1vw -1vw; border: none; } .nav-tabs .nav-item { margin: 0; border: none; font-size: 1.4vw; color: #000; opacity: 0.6; padding: 0.2vw 1vw; border-right: 1px solid #ccc; line-height: normal; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #ccc; } .nav-tabs .nav-item:last-child { border: none; } .nav-tabs .nav-item .designation { font-size: 1.171vw; font-family: 'BarlowLight'; display: none !important; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { opacity: 1; color: #000; } .nav-tabs .nav-item.show .nav-link .designation, .nav-tabs .nav-link.active .designation { display: block !important; } .pref_remove, .loc_remove, .med_remove { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0.5; z-index: 99; cursor: pointer; } .pref_remove:before, .loc_remove:before, .med_remove:before { content: ""; background: #fff url(../images/icon-close.png?v=@{c-v}) no-repeat center center; background-size: 1vw; height: 100%; width: 4vw; position: absolute; right: 0; top: 0; } .search_result #reflect_tab .article_thumb .short_description_holder { padding-top: 1vw; } .search_result #reflect_tab .article_image_hold:before { display: none; } .article_left_detail .article_tagging { margin-top: 1.464vw; } .article_left_detail .article_tagging ul li a { text-decoration: none; } .mob_show { display: none; } .mobi_visible { visibility: initial; } iframe.instagram-media { width: 100% !important; max-width: none !important; } iframe.instagram-media .HoverCard, iframe.instagram-media .Feedback, iframe.instagram-media .SocialProof, iframe.instagram-media .Footer { display: none; } .grey span { background-color: #ddd !important; } /* datepicker css */ .ui-datepicker { background: #fff; border: 1px solid #ddd; text-align: center; z-index: 999 !important; } .ui-datepicker .ui-datepicker-calendar { width: 100%; } .ui-datepicker .ui-datepicker-title { background: #f3f3f3; padding: 10px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 50%; transform: translateY(-50%); left: 1vw; height: 1.5vw; width: 1.5vw; cursor: pointer; background: #666 url(../images/left-arrow.png?v=@{c-v}) no-repeat center; border-radius: 100%; background-size: 0.5vw !important; } .ui-datepicker .ui-datepicker-next { left: auto; right: 1vw; background: #666 url(../images/right-arrow.png?v=@{c-v}) no-repeat center; } .ui-datepicker .ui-icon { text-indent: -9999px; display: inline-block; background: url(../images/right-left.png?v=@{c-v}) no-repeat; } .ui-datepicker .ui-datepicker-header { position: relative; margin-bottom: 1vw; } .ui-datepicker .ui-datepicker-calendar td { padding: 0.5vw; } .ui-datepicker .ui-state-disabled { opacity: 0.4; } .ui-datepicker .ui-state-default { display: inline-block; height: 1.8vw; width: 1.8vw; line-height: 1.8vw; border-radius: 100%; } .ui-datepicker .ui-state-default:hover { background: #eee; } .ui-datepicker-today .ui-state-default, .ui-datepicker-today .ui-state-default:hover { background: #000; color: #fff; } .reflect_detail .article_description ul { padding-left: 20px; } .reflect_detail .article_description ul li { list-style: outside; margin-bottom: 10px; } .broken_page_holder { padding: 3vw 0 0 0; text-align: center; } .broken_page_holder strong { font-size: 10vw; display: block; } .broken_page_holder span { display: inline-block; background: #fff; padding: 0; position: relative; font-size: 1.5vw; } /* animation */ @keyframes maskani { 0% { top: 0 } 25% { top: 25% } 50% { top: 50% } 100% { top: 100% } } @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } .series_holder { display: table; width: 100%; margin-bottom: 1.4vw; } .series_holder .image_thumb { display: table-cell; display: table-cell; width: 8vw; background: #ccc; vertical-align: middle; } .series_holder .image_thumb.video_thumb .icon-play:before { height: 2.5vw; width: 2.5vw; } .series_holder .image_thumb img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .series_holder .image_thumb.video_thumb { width: 12vw; } .series_holder .image_thumb.video_thumb img { filter: none; } .series_holder .bio { display: table-cell; padding-left: 20px; vertical-align: middle; } .series_holder .bio p { margin: 0; } .category_article_holder .main_article .thumb_inslide { height: 28vw; } #invite-popup .pop_container, #invite-popup-detail .pop_container { padding: 0; width: 30vw; } #popup_group #invite-popup .pop_wrap .pop_container::before, #popup_group #invite-popup-detail .pop_wrap .pop_container::before { display: none; } #_hj_feedback_container { display: none !important; } .insta-wrapper { max-width: 935px; margin: 0 auto; } .insta_thumb_box { display: inline-block; margin: 10px 0; position: relative; overflow: hidden; height: 100%; width: 100%; } .insta-wrapper .row { margin: 0 -5px; } .insta-wrapper .row .col { padding: 0 5px; position: relative; overflow: hidden; height: 315px; } .insta-wrapper .row .col img { left: 0; position: absolute; top: 0; object-fit: cover; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } span[data-pin-log=button_pinit_floating] { z-index: 99 !important; } .insta_head img { width: 1.8vw; margin-right: 0.5vw; } .insta_head span { font-size: 1.2vw; line-height: normal; vertical-align: bottom; } .insta_thumb_box .icon { background: url(../images/insta-icon.png?v=@{c-v}) no-repeat; height: 30px; width: 30px; position: absolute; right: 20px; top: 10px; } .insta_thumb_box .icon.video { background-position: 0 -35px; } .insta_thumb_box .icon.ig_video { background-position: -35px 0; } .insta_thumb_box .icon.image { background-position: 0 0; } .insta-wrapper .loadmore_btn { text-align: center; margin-top: 2vw; } .text_blob_box { padding: 50px 0 0 0; } .text_blob { background: url(../images/stir-bg.png?v=@{c-v}) no-repeat 0 0; background-size: contain; text-align: center; color: #fff; position: relative; background-position: center center; height: 30vw; } .text_blob .inside_text { width: 75%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .text_blob .inside_text a { color: #fff; text-decoration: underline; } #congratulation_popup { display: none; } /* canvas grid start here */ .canvas_grid_holder { margin-top: 3vw; } .canvas_grid_holder br { display: none; } .canvas_grid .canvas_grid_col ul { padding-left: 0 !important; } .canvas_grid .canvas_grid_col li { float: left; width: 25%; border-bottom: 0; border-left: 0; font-size: 14px; padding: 2px; position: relative; list-style: none !important; margin: 0 !important; } .canvas_grid .canvas_grid_col li a { display: inline-block; height: 100%; width: 100%; } .canvas_grid .canvas_grid_col li img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .canvas_grid_col li figcaption { display: none; } .canvas_grid .canvas_grid_col li .box { background: #eee; color: #eee; height: 100%; overflow: hidden; cursor: pointer; -webkit-transition: border-color .15s linear; transition: border-color .15s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .canvas_grid .canvas_grid_col li .box:hover { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); position: relative; z-index: 1; box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); } .canvas-sale-grid .canvas_grid .canvas_grid_col li .box { background: #fff; color: #000; border: 1px solid #ddd; } .canvas_grid .canvas_grid_col li .box .article_image { height: 10vw; width: 100%; background-size: cover; background-position: center; } .canvas-sale-grid .canvas_grid .canvas_grid_col li .box .article_image { height: 18vw; overflow: hidden; } /*.canvas_grid .canvas_grid_col li.empty_block .box:hover{ background-size: 30px 30px; background-image: -webkit-linear-gradient(135deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent); background-image: linear-gradient(-45deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent); -webkit-animation: stripes 2s linear infinite; animation: stripes 2s linear infinite; } .canvas_grid .canvas_grid_col li.empty_block .box:before{ content: ""; background: url(../images/upload_icon.png?v=@{c-v}) no-repeat; height: 100%; width: 100%; display: inline-block; background-size: 30px; background-position: center; } */ .small_text { font-size: 13px; line-height: 20px; } @-webkit-keyframes stripes { from { background-position: 0 0 } to { background-position: 60px 30px } } @keyframes stripes { from { background-position: 0 0 } to { background-position: 60px 30px } } .head_popup.dezeen .col-md-6.mob_hide { display: none; } .dezeen#signup_popup .pop_container { width: 40vw; } .head_popup.dezeen .col_spc { width: 100%; flex: 100%; max-width: 100%; } /* canvas grid end here */ .coupon_code { background: #000; padding: 2px 5px 3px 5px; display: inline-block; color: #fcc314; line-height: normal; } #dz_couponCode .dez_logo { width: 18vw; margin-bottom: 2vw; display: inline-block; } #dz_couponCode p { font-size: 1.6vw; line-height: 1.3; } .fancybox-caption .web_btn, .fancybox-caption .web_btn:link, .fancybox-caption .web_btn:visited { color: #fff; } .fancybox-caption a.web_btn:hover { color: #000; text-decoration: none; border: 1px solid #000; } .v_ad { display: inline-block; width: 100%; height: 100%; } .v_ad:before { content: "ad"; position: absolute; /*left: 0;*/ right: 0; top: 10px; /*background: #fff;*/ background: rgba(255, 255, 255, 0.6); z-index: 9; padding: 5px 15px; line-height: normal; } .ngo_logo { max-width: 13vw; max-height: 8vw; } /* canvas sale page start here */ .article-details .content .canvas-sale-grid figure figcaption { display: block; display: table; } .canvas-sale-grid figure figcaption h3 { display: table-header-group; font-size: 1.4vw; } .canvas-sale-grid figure figcaption h2 { margin-top: 1.464vw; font-size: 1.171vw; } .canvas-sale-grid p, .canvas-sale-grid .price strong, .canvas-sale-grid .form-control { display: none; } .canvas-sale-grid .price, .canvas-sale-grid .buy_btn { display: block; } .canvas-sale-grid .web_btn { text-decoration: none !important; width: auto !important; } .canvas-sale-grid figcaption { padding: 1.5vw 3vw 1.5vw 1.5vw !important; } .canvas-sale-grid ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .canvas-sale-grid .canvas_grid .canvas_grid_col li { margin-bottom: 4vw !important; height: auto !important; } .canvas-sale-grid a[data-fancybox="gallery"] { position: absolute; left: 0; top: 0; z-index: 9; } /*.canvas-sale-grid .box{ position: relative; height: 33vw; } .canvas-sale-grid figcaption{ position: absolute; bottom: 0; }*/ .canvas-sale-grid figure figcaption h3 span, .canvas-sale-grid .price, .canvas-sale-grid .set_editions { overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: normal; } .canvas-sale-grid .buy_btn { margin-bottom: 0; } .canvas-sale-grid .set_editions ~ .buy_btn { margin-bottom: 1.464vw; } .canvas-sale-grid figure figcaption h3 span { height: 1.7vw; } /* canvas sale page end here */ .bigger { background: url(../images/stir-bg.png?v=@{c-v}) no-repeat 0 0; background-size: contain; text-align: center; color: #fff; position: relative; background-position: center center; height: 45vw; } .bigger .inside_text { width: 75%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .bigger .inside_text a { color: #fff; text-decoration: underline; } .fancybox-caption .tc a { color: #000 !important; text-decoration: underline; } .fancybox-caption .tc a:hover { text-decoration: none; } .fancybox-caption__body .sm_font { font-size: 80%; } .canvas-sale-grid .set_editions { display: table-footer-group; } .set_editions { font-size: 1.4vw; } .set_editions strong { color: #407a93; font-size: 1.6vw; font-weight: 900; text-transform: uppercase; } .main_holder { display: flex !important; } .flowing { width: 100vw !important; padding-right: 0; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .conversation_description { padding: 2.2vw 2.2vw 0 0; } .banner_series { padding-bottom: 2vw !important; } .company_banner { vertical-align: middle; display: inline; } .category_article_holder .main_holder .flowing { width: 100vw !important; padding-right: 0; } .category_article_holder .conversation_description .posted_by { margin: 0.5vw 0 1vw 0; } .mobile_viewall { display: none; } .banner_on_mobile { display: none !important; } .conversation_element { text-align: center; } .STIRring_Conversations { position: relative; } /*.STIRring_Conversations span{ position: absolute; left: 70.6%; top: -4px; height: 0.4vw; width: 0.4vw; background: red; border-radius: 0.4vw; }*/ .STIRring_Conversations i { background: url(../images/mike_b.png?v=@{c-v}) no-repeat; height: 2vw; width: 3vw; background-size: contain; display: inline-block; vertical-align: middle; background-position: center; } .becoming-one .text-col { padding-right: 2vw; } .becoming-one .pop_container { width: auto !important; padding: 0; padding: 1vw 0 2vw 2vw; } .becoming-one .pop_container .form { width: 100%; min-width: 1px; } .becoming-one .col-md-4 { border-left: 1px solid #ddd; } .becoming-one .page_title { font-size: 4.7vw; } .one-animate { width: 9vw; display: inline-block; } .ad_space { border: 1px solid rgba(0, 0, 0, 0.4); position: relative; } .title em, .title i { margin-right: 0.3vw; } .author_article .nav-tabs .nav-link { border-right: 1px solid #ddd; border-top: none; border-left: none; border-bottom: none; opacity: 0.8; padding: 0.2vw 1vw; font-family: 'BarlowSemiCondensedMedium'; } .author_article .nav-tabs li:last-child .nav-link { border-right: none; } .author_article .nav-tabs { border: none; margin-left: -1vw; margin-right: 0; } .author_article .nav-tabs .nav-item.show .nav-link, .author_article .nav-tabs .nav-link.active { color: #000; opacity: 1; } .author_article .tab-pane.container { padding: 0; width: auto; } #voter_popup form div:last-child label { font-size: 0.8vw; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } .head_popup .pop_container.searchpopup, .searchpopup .searchbar { background: none; } .searchpopup .searchbar .sform { width: 100%; } .article_detail_page .article_thumb .article_image.blur, .article_detail_page .article_image_hold figure.blur { -webkit-filter: blur(25px); -moz-filter: blur(25px); -o-filter: blur(25px); -ms-filter: blur(25px); filter: blur(25px); } .blur-text { position: absolute; top: 15vw; left: 28vw; z-index: 10000; background: rgba(255, 255, 255, 0.9); padding: 20px; width: 40%; font-size: 2vw; text-align: center; } .blur-text a, .blur-text a:hover { text-decoration: underline; } .blur-text-bottom { position: absolute; top: 15vw; left: 10vw; z-index: 10000; background: rgba(255, 255, 255, 0.9); padding: 20px; width: 58%; font-size: 2vw; text-align: center; } /*priya beta starts */ .xl_article.new_category_mob.article_thumb .short_description_holder ul.mob_show, .spc .new_category_mob.article_thumb .short_description_holder ul.mob_show, .sm_article.new_category_mob.article_thumb .short_description_holder ul.mob_show { display: none !important; } .reflect_section_mob .new_category_mob.main_article .thumb_inslide { height: 15vw; } .new_category_mob.article_thumb .short_description_holder .category_logo.reflect { display: inline-block; height: 0.889vw; } .new_category_mob.article_thumb .short_description_holder span.date { color: #000000; font-family: 'BarlowCondensedLight'; letter-spacing: 0vw; /*display: block;*/ } .new_category_mob.article_thumb .short_description_holder ul li a { text-decoration: underline; font-size: 0.899vw; } .new_category_mob.article_thumb .short_description_holder ul li.first.reflect { vertical-align: text-bottom; } .reflect_section_mob .article_thumb .calender_icon { position: absolute; left: 1vw; bottom: 1vw; z-index: 10; } body.home .main_slider_top .bx-viewport { height: 36vw !important; } body.home .main_slider_top .bx-viewport ul.article_bxslider_index li { width: 100% !important; } .new_category_mob.video_thumb { min-width: auto; } .thumbnail_tag.positivity { background:url(../images/white_tag.png?v=@{c-v}?12) no-repeat; background-size: cover; /* width: 3.1vw; height: 15vw;*/ width: 3vw; height: 15vw; top: -0.1vw; color: #7D8E59; font-size: 1.2vw; /* left: 8.052vw;*/ } .positivity:after { content: "#POSITIVITY"; left: 0.5vw; position: relative; } /*19-05-2021*/ .ui-helper-hidden-accessible { display: none !important; } /*19-05-2021*/ /*29-05-2021*/ body.reflect-main-page .reflect_list .article_thumb figure { /*background-size: contain !important;*/ background-size: cover !important; background-repeat: no-repeat; } /*29-05-2021*/ /*04-06-2021*/ .thumbnail_tag.environment-day { background: url(../images/yellow_tag.png?v=@{c-v}?12) no-repeat; background-size: cover; width: 3vw; height: 15vw; top: -0.8vw; color: #7D8E59; font-size: 1.2vw; /* left: 8.052vw; */ } .environment-day:after { content: "ENVIRONMENT DAY"; left: 0.6vw; position: relative; color: #000000; top: 0.5vw; } /*04-06-2021*/ /*29-06-2021*/ .reflect_section_mob .new_category_mob.main_article .thumb_inslide { height: 16.525vw; } /*29-06-2021*/ /*1-07-2021*/ .new-page-recent .title.xl_title { font-size: 2.196vw; letter-spacing: normal; } /*1-07-2021*/ /*12-07-2021*/ .float-left { float: left; } .float-right { float: right; } .wrap { width: 100%; float: left; } .display-inline-block { display: inline-block !important; } .text-decoration { text-decoration: underline; } .web-out { text-align: right; } .insta-wrapper .row { padding-top: 0vw; width: 100%; } /*12-07-2021*/ .desktop-view .main_slider_top .title.lg_title { font-size: 2.7vw; } /*18-08-2021*/ .reflect-main-page .article_thumb .calender_icon.active i { background: url(../images/calendar_w_active.png?v=@{c-v}) no-repeat; background-size: contain; } /*18-08-2021*/ /*#listing_form .custom-file input { text-indent: 5vw; height: 100%; width: 100%; left: -14vw; position: relative; overflow: hidden; text-overflow: ellipsis; }*/ /* #listing_form .custom-file input { text-indent: 0vw; height: 100%; width: 100%; left: 0vw; position: relative; overflow: hidden; text-overflow: ellipsis; } */ #listing_form .custom-file input { text-indent: unset; height: 100%; width: 100%; left: -6.2vw; position: relative; overflow: hidden; text-overflow: ellipsis; } /*25-08-2021*/ .category_article_holder.author_article ul.nav-tabs .nav-link { border-right: none; } /*25-08-2021*/ /*15-11-2021*/ .tab-pane .authorbio.author_single { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .tab-pane .authorbio.author_double { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } .preference_tab li, .article_tag_tab li { margin: 0 2 px 2 px 0; line-height: 1; position: relative; float: left; margin-bottom: 0.5vw; margin-right: 0.5vw; } .preference_tab li a, .article_tag_tab li a { background: none; color: #52a0e2; font-size: 1.317vw; line-height: 1; FONT-VARIANT: JIS04; padding: 0vw 0.5vw 0vw 0vw; letter-spacing: -0.03vw; border-right: 1px solid #000000; } .preference_tab li a.last, .article_tag_tab li a.last { border-right: none; } .preference_tab li a.active, .preference_tab li a:hover, .article_tag_tab li a:hover { background: none; color: #52a0e2; } .btn.minus:before { content: ''; background: url(../images/minus_b.png?v=@{c-v}) no-repeat; width: 1.1vw; height: 1.1vw; } .article_tagging ul.article_tag_tab { display: inline-block; float: left; width: 80%; padding-top: 0.25vw; } .news-detail-read-more { float: left; display: block; } /*15-11-2021*/ /*17-11-2021*/ .stir-link a, .stir-link a:hover { color: #ffffff !important; opacity: 1 !important; } #main_footer .footer_col h4 { padding-top: 1.4vw; } #main_footer .footer_col .cat_links.new_links { top: 1.9vw; } #main_footer .footer_wrap { width: 98%; } #main_footer .common_links .quick_links.pt-5 { /* padding-top: 4.4rem !important; remove because added 2 tabs*/ padding-top: 2rem !important } #main_footer .bottom_bar { width: 98%; } .copyright { padding: 0 2vw; } /*17-11-2021*/ /*18-11-2021*/ #main_footer .footer_col .cat_links.new_links { bottom: 0vw; top: auto; } /*18-11-2021*/ /*/24-11-2021/*/ .btn.minus:hover:before { content: ''; background: url(../images/minus_w.png?v=@{c-v}) no-repeat; width: 1.1vw; height: 1.1vw; color: #ffffff; } /*/24-11-2021/*/ /*priya beta ends */ /*priya beta starts */ /*/01-12-2021/*/ .video-text .v_heading { position: absolute; top: 1vw; text-align: center; width: 100%; font-family: 'BarlowBold'; font-size: 2.2vw; padding: 0 5vw; line-height: 0.8; z-index: 10; } .video-text .v_heading:before { content: ''; width: 9%; height: 0.3vw; background: #F00; position: absolute; left: 45%; } .video-text .v-overlay:before { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); content: ''; position: absolute; z-index: 1 } .video-text .video_thumb .mw { font-size: 12px; color: #000; line-height: 1; padding-top: 0.5vw; font-family: 'BarlowMedium'; display: block; } .video-text .video_thumb .icon-play span.mins { display: block; color: #000000; font-size: 0.7vw; font-family: 'BARLOWBOLD'; padding-top: 0vw; margin-top: -0.5vw; } .video-text .video_thumb .icon-play:before { content: ""; background: url(../images/icon-play.png?v=@{c-v}) no-repeat; height: 3.124vw; width: 3.124vw; display: inline-block; background-size: cover; } .video-text .v_heading span { margin-top: 0.5vw; display: block; text-align: center; } .video-text .video_thumb .icon-play { top: 64%; } .article_left_detail.video-text figure figcaption, .article_left_detail.video-text figure figcaption .image_credit { font-size: 1.171vw; text-align: left; line-height: normal; color: #333; padding-top: 15px; font-family: 'BarlowMedium'; font-style: normal; } .article_left_detail.video-text .article_image_hold figure a { /*background: #f3f3f3;*/ display: inline-block; width: auto; } /*/01-12-2021/*/ /*/09-12-2021/*/ .video-text .video_thumb.big .icon-play span.mins { font-size: 1.2vw; padding-top: 0vw; } .video-text .video_thumb.big .mw { font-size: 1.2vw; padding-top: 1.3vw; } .video-text .v_heading.big { font-size: 3vw; top: 3vw; } .video-text .v_heading.big:before { content: ''; width: 6.2%; height: 0.4vw; background: #F00; position: absolute; left: 46.6%; } .video-text .v_heading.big span { margin-top: 1.3vw; } .video-text .video_thumb.big .icon-play:before { height: 4.124vw; width: 4.124vw; } .video-text .video_thumb.big .icon-play { top: 59%; } /*/09-12-2021/*/ /*21-12-2021/*/ .sing-up-now-bt { margin: 1.5vw 0; display: inline-block; } .sing-up-now-bt, .sing-up-now-bt:hover { background: #000000; color: #ffffff; font-family: 'BarlowCondensedRegular' !important; text-transform: uppercase !important; padding: 0.5vw 0.8vw 0.5vw 2.4vw; text-decoration: none !important; font-size: 1vw; position: relative; } .sing-up-now-bt:before { content: ''; position: absolute; left: 0.8vw; top: 0.9vw; background: url(../images/arrow_w.svg?v=@{c-v}) no-repeat; width: 1.098vw; height: 1.098vw; z-index: 1; } /*21-12-2021/*/ /*priya beta ends */ /* GRV CSS Start here */ /*27-12-2021*/ .mb-1_5 { margin-bottom: 1.62vw; } /*27-12-2021*/ /*07-03-2021*/ .listen_article_popup .pop_container { background-color: #003E49; } .listen_article_popup .pop_container .close_w, .listen_article_popup .pop_container .close_b { right: 0.5vw !important; top: 0.5vw !important; } .listen_article_popup h4 { font-family: 'FuturaBook'; font-size: 1.95vw; } .listen_article_popup p, .listen_article_popup ul { font-family: 'FuturaLight'; font-size: 1.31vw; } .listen_article_popup .pop_container .pop_container_inner { background: url(../images/bars_bg.png?v=@{c-v}) no-repeat 0 0; background-size: cover; padding: 7.32vw 0 2vw 0; background-position: center center; position: relative; min-height: 25vw; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: center; } .listen_article_popup .stir_logo { width: 2.5vw; position: relative; top: -0.08vw; } .listen_article_popup_icons { width: 26vw; margin: 0 auto; } .listen_article_popup_icons ul li img { width: 2vw; margin-right: 0.25vw; } .listen_article_popup .pop_container { box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 25%); } /*07-03-2021*/ /*31-05-2022*/ .margin-line { margin-bottom: 0; line-height: 1.4; } /*31-05-2022*/ /*31-05-2022*/ .sign_up_page .page_title { line-height: 1; } /*31-05-2022*/ /*06-06-2022*/ .error_text { color: #ed1c24; margin-bottom: 0; display: inline-block; width: 100%; line-height: 1.1; font-size: 1.024vw; vertical-align: top; } .sign_up_page .page_title { font-size: 4.5vw; } .web_btn.dark.addon.arrow_l:before { background: url(../images/arrow_w_l.svg?v=@{c-v}) no-repeat; } .web_btn.dark.addon.arrow_l:hover:before { background: url(../images/arrow_b_l.svg?v=@{c-v}) no-repeat; } .web_btn.addon.arrow_l:before { background: url(../images/arrow_b_l.svg?v=@{c-v}) no-repeat; } .web_btn.addon.arrow_l:hover:before { background: url(../images/arrow_w_l.svg?v=@{c-v}) no-repeat; } .checkbox_text, .checkbox_text a { color: white !important; font-size: 0.8vw; } .checkbox_text a { font-weight: 600; text-decoration: underline; } .form .checkbox_text::before, .checkbox_text::after { border: 1px solid rgba(0, 0, 0, .2); top: 15%; transform: translatey(-15%); } /*06-06-2022*/ /*13-06-2022*/ .thumbnail_tag.nft { background: url("../images/nftflag.png?v=@{c-v}") no-repeat; background-size: cover; display: none; } .thumbnail_tag.nft:after { content: "NFT"; } /*13-06-2022*/ /*08-07-2022*/ /*trinity CSS start here*/ .trinity-player-iframe-wrapper { margin-bottom: 3vw; min-width: auto !important; box-shadow: 0px 0.8px 4.5px rgb(0, 0, 0, 0.2); } .trinity-iframe.fab-view { left: 6.5vw !important; } .trinity-iframe.fab-view { left: 7vw !important; top: 12.3vw !important; z-index: 1; } /*trinity CSS end here*/ /*08-07-2022*/ /*11-07-2022*/ .comment-message { /*margin-left: 20px; color: #189a18;*/ background-color: #000; padding: 1vw 1.5vw; position: fixed; left: 50%; transform: translateX(-50%); top: 8.418vw; width: 40vw; white-space: normal; text-align: center; font-style: normal; border-radius: 50vw; line-height: normal; color: rgba(255, 255, 255, 0.9); font-size: 1.024vw; box-shadow: 0 1px 20px 0 rgb(32 33 36 / 28%); z-index: 99999; } .comment_close { text-decoration: underline; margin-left: 3vw; text-transform: capitalize; cursor: pointer; } /*11-07-2022*/ /*15-07-2022*/ .listing_page .v_ad { margin-top: 0; margin-bottom: 0; } /*15-07-2022*/ /*19-07-2022*/ .think_book .stir_suggests { width: 100%; height: auto !important; } .think_book .stir_suggests img { height: auto !important; } /*19-07-2022*/ /*14-10-2022*/ .author_sec .tabs_main, .author_sec .tab_stirpad { margin-top: 1.5vw; } .author_sec .tabs_main .tab_list .tab_item { margin: 0; font-size: 1.5vw; color: #000; line-height: normal; position: relative; padding-bottom: 0.25vw; } .author_sec .tabs_main .tab_list .tab_item a { opacity: 0.5; font-family: 'BarlowSemiCondensedMedium'; } .author_sec .tabs_main .tab_list .tab_item.active a { opacity: 1; } .author_sec .tabs_main .tab_list .tab_item.active a::after, .author_sec .tabs_main .tab_list .tab_item:hover a::after { content: ''; height: 3px; background: #000; width: 100%; left: 50%; bottom: -2px; position: absolute; right: 50%; transform: translateX(-50%); } .author_sec .tabs_main .tab_list .divider { padding: 1.25vw 1.25vw; position: relative; } .author_sec .tabs_main .tab_list .divider::after { content: ''; height: 100%; width: 1px; position: absolute; background: #000; top: 0; } .author_sec .tabs_main .tab_stirpad .thumbnail.mb-3 { margin-bottom: 3vw !important; } .author_sec .tabs_main .tab_stirpad .fig_img_hold { margin-bottom: 1.5vw; } .author_sec .tabs_main .tab_stirpad h4 { margin-bottom: 0; margin-top: -0.3vw; padding-bottom: 0.3vw; } .author_sec .tabs_main .tab_stirpad .date { padding-top: 0.5vw; font-size: 1vw; } .author_sec .secondary_tabs { margin: 0 !important; } .author_sec .secondary_tabs.nav-tabs .nav-item { border: none; opacity: 1; padding: 0; } .author_sec .secondary_tabs.nav-tabs .nav-item .nav-link { font-size: 1vw; position: relative; padding: 0; padding-bottom: 0.3vw; line-height: 1.5; } .author_sec .secondary_tabs .nav-item .nav-link.active { font-family: 'BarlowSemiCondensedSemiBold'; } .author_sec .secondary_tabs .nav-item .nav-link.active::after, .author_sec .secondary_tabs .nav-item:hover .nav-link::after { content: ''; height: 3px; background: #000; width: 100%; left: 50%; bottom: 0px; position: absolute; right: 50%; transform: translateX(-50%); } .author_sec .secondary_tabs .nav-item:not(:first-child) { margin-left: 2vw; } .author_sec .article_thumb .thumb_inslide { height: 18vw; } .author_sec .article_thumb .thumb_inslide .article_image_hold:before { background: url(../images/l_mask_wave.png?v=@{c-v}) no-repeat 0 0; width: 100%; top: auto; left: 0; background-size: cover; height: 1.4vw; bottom: -1.4vw; } .author_sec .article_thumb:hover .article_image_hold:before { bottom: 0; animation: none; } .author_sec .short_description_holder { padding: 2.2vw 5vw 0 0; } .author_sec .author_top_container { margin: 0; } .author_sec .author_image { max-width: 13vw; } .author_sec .article_left_detail { padding-left: 1.5vw; } .author_sec .tab-content .article_thumb { margin-bottom: 0; } .author_sec .category_article_holder .posted_by { margin-bottom: 2.2vw; } .author_sec .author_des { margin-top: 1.25vw; } .author_sec .author_img { filter: grayscale(1); } .author_sec .article-details .authordetails, .article-details .similar-articles { margin-top: 1.5vw; } .author_sec .similar-articles .article_thumb, .author_sec .tab_stirpad .article_thumb { padding-bottom: 4vw; } /*14-10-2022*/ /*09-11-2022*/ .author_sec .tab_stirpad .article_thumb .posted_by { margin-bottom: 2.2vw; } .author_sec .article_left_detail { width: 70vw; } .author_sec .detail_page_cont_holder { margin: 0 0 0 -1.464vw; } /*09-11-2022*/ /*29-12-2022*/ .preference-settings .preference_tab li { margin: 0 2px 2px 0; line-height: 1; position: relative; float: left; } .preference-settings .preference_tab li a { background: #e5e5e5; color: #656566; font-size: 1.317vw; line-height: 1; display: block; padding: 0.732vw 1.464vw; letter-spacing: -0.03vw; border-right: none; } /*29-12-2022*/ /*06-02-2023*/ /*stirfri top band css start*/ .stirfri_band { /* background-image: url('../images/stirfri/top-stick-band-bg.jpg');*/ background-position: center; background-size: cover; z-index: 999999; overflow: hidden; position: absolute; /* height: 3.464vw; top: -3.464vw;*/ height: 2.25vw; top: -2.25vw; transition: 0.8s; background-color: #bd5153; } .stirfri_band.height_onload { position: relative; left: 0; top: 0; } .stirfri_band p { color: #fff; font-size: 0.878vw; font-family: 'HelveticaNeueMedium'; letter-spacing: 1px; } .see_color { color: #E98267 !important; } .stirfri_band p span.stirfri_heading { font-size: 1.354vw; } .stirfri_band .sf_logo_w { /* width: 4.193vw;*/ width: 2.374vw; position: relative; /* top: -0.3vw; */ top: -0.165vw; } .stirfri_band p span.dot { margin: 0 0.578vw; font-size: 0.6vw; } .stirfri_band .explore_comp { padding-right: 1.563vw; } .stirfri_band a.explore_btn { margin: 0 0 0 0.833vw; font-size: 0.878vw; padding-right: 1.15vw; color: #fff; font-family: 'HelveticaNeue'; } .stirfri_band p span.lightred { color: #ffb0b8; } /* .stirfri_band p a.explore_btn img.explore { width: 0.95vw; margin-left: 0.453vw; transform: rotate(-45deg); } */ .stirfri_band a.explore_btn { position: relative; } .stirfri_band a.explore_btn:after { content: ''; background-image: url(../images/stirfri/learn-more.svg); background-size: contain; position: absolute; width: 0.678vw; height: 100%; right: 0; background-repeat: no-repeat; top: 0; background-position: center; } .f-bscm { font-family: 'BarlowSemiCondensedMedium'; } .f-bsc { font-family: 'BarlowSemiCondensedLight'; } /*stirfri top band css end*/ /*stirfri sticky footer css start*/ .stirfri_sticky_footer { /* width: 32vw;*/ width: 20.833vw; position: fixed; bottom: -25.942vw; right: 1.600vw; transition: 1s ease; z-index: 999; background: url("../images/stirfri/sticky-footer-bg.jpg"); background-position: center; background-size: cover; /*border-top: 0.5px solid rgba(0, 0, 0, 0.02);*/ box-shadow: 0vw 0vw 0.7vw rgb(0, 0, 0, 0.1); } .stirfri_sticky_footer.show_sticky_footer { bottom: 0; transition: 1s !important; } .stirfri_sticky_footer.sticky_pc { /*bottom: 0;*/ /*position: absolute;*/ transition: 1s !important; bottom: -26vw; } .stirfri_sticky_footer .stirfri_logo { width: 4.688vw; transition: 0.5s; } .stirfri_sticky_footer .stirfri_accordion_head.collapsed .stirfri_logo { width: 3.125vw; } /*.stirfri_sticky_footer .stirfri_accordion .card { border: none; background: none; }*/ .stirfri_sticky_footer .stirfri_accordion_head { padding: 1.191vw 1.191vw 0.5vw 1.191vw; pointer-events: none; display: flex; } .stirfri_sticky_footer .stirfri_accordion_head:after { cursor: pointer; pointer-events: auto; content: ""; float: right; background-image: url("../images/stirfri/arrow-up.svg"); width: 2.5vw; height: 2.5vw; background-position: center; background-repeat: no-repeat; top: 0.7vw; position: absolute; right: 0.35vw; background-size: 0.625vw; transform: rotate(180deg); transition: 0.5s; } .stirfri_sticky_footer .stirfri_accordion_head.ro_icon:after { content: ""; background-image: url("../images/stirfri/arrow-up.svg"); transform: rotate(0deg); } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox { padding: 0 1.191vw 1.191vw 1.191vw; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox p.accordion_body_heading { margin-bottom: 1.250vw; max-width: 15vw; line-height: 1; font-size: 1.198vw; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox p.verification_text { margin-bottom: 0; font-size: 0.729vw; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form { margin: 0 0 0.68vw 0; position: relative; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form .input-container { position: relative; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form .input-container label { position: absolute; font-size: 1.024vw; left: 0.625vw; top: 50%; margin: 0; color: rgba(0, 0, 0, 0.70); pointer-events: none; transform: translateY(-50%); transition: 0.2s ease all; -moz-transition: 0.2s ease all; z-index: 99; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form .input-container.error:after { height: 100%; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form input { font-size: 0.878vw; padding: 0.625vw; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; color: #000; width: 11.68vw; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form input:focus { border: 1px solid rgba(0, 0, 0); } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form input:focus::placeholder { color: transparent; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form input::placeholder { color: rgba(0, 0, 0); opacity: 1; font-size: 0.878vw; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset !important; -webkit-text-fill-color: #000 !important; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form .sub_btn { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; padding: 0.525vw 1.875vw 0.525vw 0.625vw; background: #fff; margin-left: 0.260vw; font-size: 0.878vw; font-family: 'BarlowSemiCondensedLight'; text-transform: uppercase; cursor: pointer; display: flex; align-items: center; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-transform: inherit; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form .sub_btn:hover { background: #000; color: #fff; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form .sub_btn:after { content: ''; position: absolute; right: 0.833vw; background-image: url(../images/stirfri/subscribe-arrow.svg); height: 100%; width: 0.7vw; background-repeat: no-repeat; background-position: center; background-size: contain; } .stirfri_sticky_footer .stirfri_accordion_ftr { background-color: #1a1a1a; padding: 0.833vw 1.191vw; height: 2.477vw; position: relative; } .stirfri_sticky_footer .stirfri_accordion_ftr p { color: #fff; font-size: 0.878vw; font-family: 'BarlowLight'; transition: 0.5s ease; line-height: 1; position: absolute; } .footer_text_change { position: absolute; width: 18vw; height: 1vw; overflow: hidden; } .stirfri_sticky_footer .stirfri_accordion_ftr p.before_collapse { bottom: 0.20vw; z-index: 99; } .stirfri_sticky_footer .stirfri_accordion_ftr p.before_collapse.hide_bc { bottom: -1.25vw; } .stirfri_sticky_footer .stirfri_accordion_ftr p.after_collapse { top: -1.25vw; } .stirfri_sticky_footer .stirfri_accordion_ftr p.after_collapse.show_ac { top: -0.05vw; z-index: 99; } .stirfri_sticky_footer .stirfri_accordion_ftr p a { display: inline-flex; align-items: center; } .stirfri_sticky_footer .stirfri_accordion_ftr p a { position: relative; } .stirfri_sticky_footer .stirfri_accordion_ftr:after { content: ''; background-image: url("../images/stirfri/swiggly.png"); width: 100%; height: 1vw; display: block; position: absolute; bottom: 2.4vw; z-index: 2; background-size: cover; left: 0; background-repeat: no-repeat; background-position: center; /* animation-duration: 3.5s; animation-name: wave; animation-iteration-count: infinite; animation-timing-function: linear; */ } /*stirfri sticky footer css end*/ /*stirfri popup css start*/ .stirfri_popup .pop_container { /* width: 68.448vw; height: 40.104vw; */ width: 34.722vw; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; } .stirfri_popup.exclusive_popup { z-index: 99999999; } .stirfri_popup.exclusive_popup .pop_container, .stirfri_popup.stirfri_subscribe_popup .pop_container { padding: 0 !important; } /*popup left block css start here */ .stirfri_popup .left_overlay { position: relative; background: url(../images/blob_2.png?v=@{c-v}) no-repeat 0 0; background-size: contain; background-position: center center; margin: 0 2.562vw; height: 100%; } .stirfri_popup .left_overlay .text_inside { max-width: 19.033vw; position: absolute; left: 50%; top: 50%; color: #fff; transform: translate(-50%, -50%); width: 80%; } .stirfri_popup .left_overlay .text_inside p { font-size: 1vw; line-height: 1.1; } .stirfri_popup .left_overlay .text_inside ul, .signup_popup .left_overlay .text_inside ul { font-size: 0.9vw; margin-bottom: 1.464vw; margin-left: 1vw; list-style: disc; } .stirfri_popup .left_overlay .text_inside h5 { font-size: 1.610vw; font-weight: 100; } .stirfri_popup .left_overlay .text_inside h4 { font-size: 2.196vw; } .stirfri_gif { text-align: center; } .stirfri_gif img { /* width: 27vw;*/ } /*popup left block css end here */ /*popup right block css start here */ .stirfri_popup .stirfri_right_column { /* height: 29.010vw;*/ display: flex; flex-direction: column; justify-content: center; /* padding-bottom: 4.167vw;*/ } .stirfri_popup.stirfri_subscribe_popup .stirfri_right_column { /* width: 26vw;*/ width: 22vw; } .stirfri_popup.exclusive_popup .stirfri_right_column { padding-bottom: 10.339vw; width: 100%; } .stirfri_popup.exclusive_popup .stirfri_right_column.sf_exclusive_column { padding-bottom: 17.656vw; } .stirfri_popup .stirfri_right_column .stirfri_logo { width: 8.750vw; margin-bottom: 0.842vw; } .exclusive_popup .closebut { background: none !important; font-size: 0.833vw !important; width: auto !important; top: 2.135vw !important; right: 2.5vw !important; text-decoration: underline; color: #808080; } .stirfri_popup .stirfri_right_column h4.preferences_heading { margin-top: 1.250vw; font-size: 1vw !important; font-family: 'BarlowRegular'; } .stirfri_popup .stirfri_right_column .prefrences_checkbox { padding-left: 0; min-width: auto; } .prefrences_checkbox { /* padding-left: 1.25vw;*/ } h4.preferences_heading { margin-top: 0; font-size: 1vw !important; font-family: 'BarlowLight'; } h4.preferences_heading span { font-family: 'BarlowMedium'; } .sf_check_box { margin-top: 0.833vw !important; margin-bottom: 0.547vw !important; } .stirfri_popup .stirfri_right_column h5 { margin-top: 2.292vw; font-size: 1.563vw; font-family: 'BarlowSemiCondensedMedium'; } .stirfri_popup .stirfri_right_column p { color: #000; font-family: 'BarlowSemiCondensedLight'; font-size: 1.198vw; } .stirfri_popup.exclusive_popup .pop_container .stirfri_right_column .form { margin-top: 1.563vw; } .stirfri_popup .stirfri_right_column .form-group { margin-top: 1.667vw; } .signup_popup .check_box .custom-control, .stirfri_popup .check_box .custom-control { padding-right: 0.949vw; margin-bottom: 0; } .stirfri_popup .pop_container .custom-control-label a { text-decoration: underline; font-weight: bold; } .stirfri_popup .pop_container .custom-control-label a:hover { text-decoration: none; } .stirfri_popup .stirfri_right_column .otp-inputbar { width: 2.604vw; height: 3.229vw; background: #ddd; border: none; border-radius: 0; text-align: center; margin-right: 1.667vw; font-size: 1.667vw; padding: 0 !important; color: #000; } .stirfri_popup .stirfri_right_column .resend_btn { font-size: 0.938vw; margin-right: 2.667vw; color: #000; cursor: pointer; margin-top: 0.256vw; } .stirfri_popup .stirfri_right_column .otp_verify_btn { margin-top: 2.500vw; } /* .signup_popup .btn_hoder { margin-top: 2.292vw; } */ .stirfri_popup .stirfri_right_column .already_member { margin-top: 0.859vw; font-family: 'BarlowCondensedLight'; } .stirfri_popup .stirfri_right_column .already_member .loginbut { cursor: pointer; font-family: 'BarlowCondensedMedium'; } .exclusive_popup.stirfri_popup .stirfri_right_column .otp_verify_btn { /* margin-top: 6.101vw;*/ margin-top: 0; padding: 0.625vw 2.344vw 0.625vw 0.833vw; } .stirfri_subscribe_popup.stirfri_popup .stirfri_right_column .otp_verify_btn { margin-top: 1.302vw; padding: 0.625vw 2.344vw 0.625vw 0.833vw; } .exclusive_popup.stirfri_popup .stirfri_right_column #stirfri_preferences_btn { margin-top: 1.302vw; } .stirfri_subscribe_popup .stirfri_right_column .otp_verify_btn:before, .exclusive_popup.stirfri_popup .stirfri_right_column .otp_verify_btn:before { background: url("../images/stirfri/subscribe-arrow.svg") no-repeat; margin-right: 0; left: unset; right: 0.9vw; transition: 0.5s; width: 0.85vw !important; } .stirfri_subscribe_popup .stirfri_right_column .otp_verify_btn:hover:before, .exclusive_popup.stirfri_popup .stirfri_right_column .otp_verify_btn:hover:before { background: url("../images/stirfri/subscribe-arrow.svg") no-repeat; } p.error_msg { color: #c50f16; font-size: 0.938vw; margin-top: 1.105vw; } .head_popup .error_msg { /* margin-top: 0.625vw;*/ } .stirfri_popup .explore { font-size: 1.042vw; text-align: right; } .stirfri_popup .explore a { position: relative; } .stirfri_popup .explore a:after { content: ''; position: absolute; left: 0; bottom: 0; height: 1px; background: #E98267; width: 100%; } .stirfri_popup .explore span { font-family: 'BarlowSemiCondensedMedium'; } .stirfri_popup .skip_btn { font-size: 0.833vw; color: #808080; cursor: pointer; text-decoration: underline; } .text-black { color: #000 !important; } .signup_popup, #login_popup, #forgot_password, #verify_popup { z-index: 9999999999; } /*popup right block css end here */ /*stirfri popup css end*/ /*stirfri ad css start*/ .stirfri_ad { right: 0; position: absolute; top: 5vw; /*width: 15.625vw;*/ width: 20vw; } .stirfri-exclusive:after { content: "STIRfri EXCLUSIVE"; text-transform: capitalize; } .thumbnail_tag.stirfri-exclusive { background: url(../images/exclusivityflag.png?v=@{c-v}) no-repeat; background-size: cover; } /*stirfri ad css end*/ /*stirfri landing page css start*/ .stirfri_landing_page { width: 78.125vw; margin: 0 auto; padding-top: 0; } .stirfri_landing_page .top_sec { background: #fff; padding-bottom: 5.348vw; } .stirfri_landing_page .top_sec .des_sub_sec .logo_sec img { width: 8.333vw; } .stirfri_landing_page .top_sec .des_sub_sec { width: 30.833vw; } .stirfri_landing_page .top_sec .des_sub_sec h2 { font-size: 2.083vw; margin-top: 0.508vw; margin-bottom: 1.464vw; line-height: 1; width: 24vw; } .stirfri_landing_page .top_sec .des_sub_sec p { font-size: 1.198vw; margin-top: 0; line-height: 1.5; } .stirfri_landing_page .top_sec .des_sub_sec p.verification_text { color: rgba(0, 0, 0, 0.6); font-family: 'BarlowSemiCondensedMedium'; } .stirfri_landing_page .top_sec .des_sub_sec .form_block { margin-top: 7.500vw; } .stirfri_landing_page .top_sec .des_sub_sec .form .form-control { background: none; -webkit-text-fill-color: #000 !important; } .stirfri_landing_page .form .field_hold label { color: #7C7C7C !important; } .stirfri_landing_page .top_sec .des_sub_sec .form .field_hold.email::before { background: url(../images/stirfri/email_w.png?v=@{c-v}); background-repeat: no-repeat; background-size: 1.649vw !important; } .stirfri_landing_page .web_btn { padding: 0.625vw 2.188vw 0.625vw 0.833vw; text-transform: inherit; } .stirfri_landing_page .web_btn.addon:before { background: url("../images/stirfri/arrow-read-more-b.svg") no-repeat; margin-right: 0; right: 0.833vw; left: unset; width: 0.9vw !important; } .stirfri_landing_page .web_btn.addon:hover:before { background: url("../images/stirfri/arrow-read-more-w.svg") no-repeat; } .stirfri_landing_page .web_btn.addon.sub_btn:before { background: url("../images/stirfri/subscribe-arrow.svg") no-repeat !important; background-size: contain !important; background-position: center center !important; vertical-align: middle; top: 0; } .stirfri_landing_page .top_sec .video_sec { width: 47.28vw; padding-left: 3.229vw; } .stirfri_landing_page .top_sec .video_sec .video_area { /* background: #1a1a1a;*/ height: 100%; display: flex; align-items: center; justify-content: center; } .stirfri_landing_page .archive_cont { padding-top: 0.833vw; position: sticky; background-color: #fff; /*top: 7.85vw;*/ top: 5.15vw; z-index: 999; } .stirfri_landing_page .archive_head_row { padding-bottom: 1.042vw; border-bottom: 1px solid #000; } .stirfri_landing_page .archive_head { /* font-size: 2.969vw;*/ font-size: 1.250vw; } .date_picker { position: relative; } .date_picker .date_picker_input_box { border: 1px solid rgba(0, 0, 0, 0.1); padding: 0.651vw 3.177vw 0.651vw 0.677vw; font-size: 0.938vw; cursor: pointer; position: relative; } .date_picker .date_picker_input_box:after { content: ''; background-image: url("../images/stirfri/arrow-up.svg"); width: 1vw; position: absolute; background-repeat: no-repeat; background-position: center; right: 0.833vw; height: 100%; background-size: 0.85vw; top: 0; transform: rotate(180deg); transition: 0.5s; } .date_picker .date_picker_input_box.arrow_t_none:after { transform: rotate(0); } .date_picker .calendar_block { display: none; padding: 0.625vw; width: 12.552vw; position: absolute; right: 0; top: 3.25vw; background: #FFFFFF; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); } .date_picker .calendar_block .carousel .carousel-control-prev-icon { background-image: url("../images/stirfri/slider-arrow.svg"); width: 0.781vw; height: 0.781vw; } .date_picker .calendar_block .carousel .opacity_cursor { cursor: not-allowed; } .date_picker .calendar_block .carousel .opacity_cursor .carousel-control-prev-icon, .date_picker .calendar_block .carousel .opacity_cursor .carousel-control-next-icon { opacity: 0.25; } .date_picker .calendar_block .carousel .carousel-control-next-icon { background-image: url("../images/stirfri/slider-arrow.svg"); width: 0.781vw; height: 0.781vw; transform: rotate(-180deg); } .date_picker .calendar_block .carousel .carousel-control-next, .date_picker .calendar_block .carousel .carousel-control-prev { opacity: 1; width: auto; height: 1vw; top: 0.30vw; } .date_picker .calendar_block .carousel .carousel-control-prev { left: 9.199vw; } .date_picker .calendar_block .carousel .calendar_head h3 { font-size: 1.85vw; } .date_picker .calendar_block .carousel .calendar_head h3 span { font-size: 1.17vw; font-family: 'BarlowSemiCondensedLight'; } .date_picker .calendar_block .carousel .calendar_body { margin-top: 1.250vw; } .date_picker .calendar_block .carousel .calendar_body .issue_no { display: table; } .date_picker .calendar_block .carousel .calendar_body .issue_no li { margin: 0 0.625vw 0.625vw 0; float: left; font-size: 0.833vw; display: flex; } .date_picker .calendar_block .carousel .calendar_body .issue_no li a { padding: 0.417vw 0; background: rgba(250, 250, 250, 0.5); cursor: pointer; width: 3.021vw; text-align: center; } .date_picker .calendar_block .carousel .calendar_body .issue_no li a.active { background: #000; color: #fff; } .date_picker .calendar_block .carousel .calendar_body .issue_no input[type="checkbox"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: -9999; } .stirfri_landing_page .timeline .top_space { height: 2.083vw; background: #fff; } .stirfri_landing_page .timeline .timeline_comp { /* padding: 3.33vw 0;*/ padding-bottom: 3.33vw; margin: 3.33vw 0 !important; } .stirfri_landing_page .timeline .timeline_comp:last-child { /* padding: 3.33vw 0 0.5vw;*/ padding-bottom: 0.5vw; margin: 3.33vw 0 0.5vw !important; } .stirfri_landing_page .timeline .timeline_comp .timeline_left { width: 18.750vw; text-align: right; padding-right: 2.5vw; margin-top: 0.85vw; } .stirfri_landing_page .timeline .timeline_comp .timeline_left h3 { font-size: 1.171vw; position: sticky; top: 49.5vh; text-transform: uppercase; font-family: "BarlowCondensedLight"; color: #666; } .stirfri_landing_page .timeline .timeline_bar { position: absolute; z-index: -2; width: 0.208vw; top: 0; left: 19.781vw; height: 100%; background-color: rgba(0, 0, 0, 0.1); } .stirfri_landing_page .timeline .timeline_bar .timeline_scroll { position: sticky; left: auto; top: 0; right: auto; bottom: 50vh; height: 50vh; z-index: -1; width: 0.208vw; background-color: #fff; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b2b2b2+0,000000+100 */ background: #b2b2b2; /* Old browsers */ background: -moz-linear-gradient(top, #b2b2b2 0%, #000000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b2b2b2 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b2b2b2 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#000000', GradientType=0); /* IE6-9 */ } .stirfri_landing_page .timeline .timeline_comp .timeline_elicps { width: 2.25vw; /* top: 1vw; position: relative; */ margin-top: 1vw; } .stirfri_landing_page .timeline .timeline_comp .timeline_elicps .elicps { position: sticky; top: 50vh; margin: 0 auto; width: 0.833vw; height: 0.833vw; border-radius: 100%; background-color: #000; box-shadow: 0 0 0 0.208vw #fff; } .stirfri_landing_page .timeline .timeline_comp.prev_timeline .timeline_elicps .elicps { background-color: #e5e5e5; } .stirfri_landing_page .timeline .timeline_comp .timeline_right { padding-left: 2.813vw; width: 34.896vw; } /* .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_head { margin-top: 2.604vw; } */ .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_head h1 { font-size: 3vw; font-family: 'BarlowSemiCondensedMedium'; margin: 0 !important; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_head img { /* width: 21.979vw;*/ min-width: 10vw; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_head .issue_date { display: flex; align-items: center; margin-top: 0.425vw; margin-bottom: 0 !important; font-size: 1.171vw; font-family: 'BarlowCondensedLight'; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_head .issue_date .dash { width: 2.708vw; height: 0.052vw; background: #000; display: inline-flex; margin: 0 0.990vw; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_body { margin-top: 1.464vw; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_body .des_text { font-size: 1.354vw; line-height: 1.5; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_body .image_sec { margin: 1.563vw 0; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .previous_data .content_head { margin-top: 3.333vw; /*margin-top: 6.5vw;*/ } .stirfri footer { margin-top: 0 !important; } .arrow_d:before { transform: rotate(135deg) !important; } .space { height: 5.556vw; background: #fff; } /*stirfri landing page css end*/ /*stirfri detail page css start*/ .sf_detail_page { width: 85.433vw; margin-left: auto; } .sf_detail_page .sf_mail_data { width: 67vw; margin-top: 3.70vw; } .sf_detail_page .left_panel { width: 18vw; } .sf_detail_page .left_panel .tabs_container { height: 100%; } .sf_detail_page .left_panel .tabs_container .date_picker .calendar_block { left: 0; } .sf_detail_page .left_panel .tabs_container .tabs li { font-family: 'GeorgiaRegular'; margin-top: 1vw; font-size: 1.02vw; } .sf_detail_page .left_panel .tabs_container .tabs li.active { font-size: 2.500vw; font-family: 'GeorgiaBold'; line-height: 1.2; } .sf_detail_page .left_panel .tabs_container .tabs li.active .issue_date { display: flex; font-weight: normal; } .sf_detail_page .left_panel .tabs_container .tabs li .issue_date { display: none; font-family: "BarlowLight"; align-items: center; margin-top: 0; font-size: 0.833vw; } .sf_detail_page .left_panel .tabs_container .tabs li .issue_date .dash { width: 2.708vw; height: 0.052vw; background: #000; display: inline-flex; margin: 0 0.99vw; } /*stirfri detail page css end*/ /*stirfri subscription page css start*/ .inspire_color { color: #59856f; } .sf_sub .form .form-control:-webkit-autofill, .stirfri .form .form-control:-webkit-autofill { border-left: 3px solid #000; padding-top: 0.781vw; } .sf_sub .form .form-control:-webkit-autofill ~ label, .stirfri .form .form-control:-webkit-autofill ~ label { font-size: 0.878vw; margin: -0.781vw 0 0 0; } .sf_sub .error_message { font-size: 0.833vw; } .sf_sub .content_page_wrapper { padding-top: 0; width: 86vw; margin: 0 auto; } .sf_sub .subscription_confirmation { margin-top: 2.25vw; } .sf_sub .page_head_sec { margin-bottom: 2.083vw; } .sf_sub .page_head_sec .cnfrm_msg, .sf_sub .form { width: 22.813vw; } .sf_sub .page_head_sec h3 { font-size: 1.563vw; } .sf_sub .form_heading { font-size: 1.250vw; font-family: 'BarlowSemiCondensedLight'; margin-bottom: 0.938vw; } .pass_ins { position: relative; top: -0.4vw; } .signup_popup .pass_ins { /* padding-bottom: 0.5vw;*/ padding-bottom: 0; margin-top: 0.625vw; top: 0; } .pass_ins p { color: rgba(0, 0, 0); font-size: 0.833vw; line-height: 1.2; /* width: 21vw;*/ margin-bottom: 0; } .sf_sub .prefrences_checkbox h6 { font-size: 1.250vw; font-family: 'BarlowSemiCondensedLight'; margin-top: 0.833vw; margin-bottom: 0.547vw; max-width: 22vw; } .sf_sub .link_exp_rsn { font-size: 1.250vw; font-family: 'BarlowSemiCondensedLight'; margin-top: 1.464vw; margin-bottom: 0.547vw; list-style: disc; padding-left: 1.931vw; } .danger { color: #ed1c24; } .sf_sub .prefrences_checkbox .check_box .custom-control { padding-right: 0.964vw; margin-bottom: 0; } .sf_sub .prefrences_checkbox, .signup_popup .prefrences_checkbox { margin-bottom: 0.833vw; position: relative; } .sf_sub .terms_checkbox + .error_message { top: -0.8vw; } .sf_sub .terms_checkbox .custom-control-label { font-size: 0.938vw; } .sf_sub .terms_checkbox .custom-control-label a { text-decoration: underline; } /* .sf_sub .form .field_hold .form-control, .sf_sub .form .field_hold:before { height: 2.5vw; } */ .sf_sub .sf_sub_blob { padding: 0; } .sf_sub .sf_sub_blob .pop_text_holder { background: url(../images/blob_2.png?v=@{c-v}) no-repeat 0 0; background-size: contain; padding: 5.320vw 0 4.588vw 0; background-position: center center; position: relative; min-height: 36vw; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .sf_sub .sf_sub_blob .pop_text_holder img { width: 4.375vw; margin-bottom: 0.729vw; } .sf_sub .sf_sub_blob .pop_text_holder p { color: #fff; font-size: 1.146vw; } .sf_sub .sf_sub_blob .pop_text_holder ul { color: #fff; font-size: 1.146vw; margin-bottom: 2.083vw; margin-top: 1.719vw; list-style: disc; padding-left: 1.931vw; } .sf_sub .sf_sub_blob .pop_text_holder ul li { line-height: 1.05; margin-top: 0.25vw; } .sf_sub .welcome_msg .left_col { width: 20.344vw; } .sf_sub .welcome_msg .page_head_sec { margin-bottom: 0.625vw; } .sf_sub .welcome_msg .left_col .form_heading:last-child { margin-top: 2.760vw; margin-bottom: 0; } .sf_sub .welcome_msg .left_col .form_heading img { width: 2.500vw; position: relative; top: -0.12vw; } .sf_sub .welcome_msg .btns_block .web_btn { margin-right: 1.667vw; margin-top: 2.500vw; } .sf_sub .welcome_msg .btns_block .web_btn:last-child { margin-right: 0; } .web_btn.sf_submit_btn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; background: none; opacity: 0; } .sub_sf_btn { position: relative; display: block; } .sub_sf_btn:hover { text-decoration: none !important; } .sub_sf_btn:before { content: ''; position: absolute; background-image: url(../images/stirfri/subscribe-arrow.svg); height: 100%; width: 1.45vw; background-repeat: no-repeat; background-position: center; background-size: contain; left: 9.25vw; top: 0.05vw; } /*stirfri subscription page css end*/ /*stirfri additional css start*/ .sf_sub_ftr a { position: relative; } .sf_sub_ftr a:after { content: ''; position: absolute; left: 4.350vw; background-image: url(../images/stirfri/subscribe-arrow.svg); height: 100%; width: 0.85vw; background-repeat: no-repeat; background-position: center; background-size: contain; top: 0.05vw; } #main_footer .footer_col h4 { padding-top: 1vw; } .for_mob li { width: 100%; } .news_letter_subscription .stirfri_ftr_logo { width: 9.583vw; } .ftr_logo { padding-left: 1.1vw; } .lg_p { margin-right: 0.85vw; line-height: 1; } .f-bscl { font-family: 'BarlowSemiCondensedLight'; } /*stirfri additional css end*/ /*06-02-2023*/ /*21-02-2023*/ .os_prefrences_checkbox { margin-top: 1.146vw; } .os_prefrences_checkbox .custom-control { margin-right: 0.949vw; margin-bottom: 0; } .os_sf_logo { width: 4.658vw; } /*21-02-2023*/ .f-bcl { font-family: 'BarlowCondensedLight'; } .f-bscr { font-family: 'BarlowSemiCondensedRegular' !important; } /*03-04-2023 Salone page CSS start here*/ .salone .title_h1 { font-size: 2.489vw; } .salone .banner_sec { margin-bottom: 5.424vw; /* background-image: url(../images/salone/top_banner.jpg); height: 29.271vw;*/ background-repeat: no-repeat; background-size: cover; } .salone .banner_sec .top_banner:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 30%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c1c1c+0,ffffff+100&0.7+0,0+100 */ background: -moz-linear-gradient(left, rgba(28, 28, 28, 0.35) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(28, 28, 28, 0.35) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(28, 28, 28, 0.35) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b31c1c1c', endColorstr='#00ffffff', GradientType=1); /* IE6-9 */ } .salone .banner_sec .top_banner .text_group { width: 29.271vw; margin: 2.917vw; /* height: 23.437vw;*/ position: absolute; z-index: 999; } .salone .banner_sec .top_banner .banner_des .text_group p { margin-top: 1.042vw; } .salone .banner_sec .top_banner .btns .watch_share { width: 50%; } .salone .banner_sec .top_banner .btns .watch_share .watch_btn { position: relative; display: block; width: 2.604vw; height: 2.604vw; margin-right: 1.250vw; } .salone .banner_sec .top_banner .btns .watch_share .watch_btn:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("../images/salone/play-btn.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; width: 2.604vw; height: 2.604vw; cursor: pointer; } .salone .banner_sec .top_banner .btns .watch_share .share_btn { position: relative; width: 1.250vw; height: 1.250vw; display: inline-block; } .salone .banner_sec .top_banner .btns .watch_share .share_btn:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("images/salone/share.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; width: 1.250vw; height: 1.250vw; cursor: pointer; } .salone .articles_sec { width: 78.906vw; } .salone .articles_sec .articles_head { padding: 0 0.885vw; margin-bottom: 2.083vw; } .salone .articles_sec .group_holder { padding: 0 0.885vw 1.066vw 0.885vw; margin-bottom: 3.534vw; } .salone .articles_sec .group_holder.not_live .text_holder .article_head a { color: #7e7e7e !important; } .salone .articles_sec .group_holder.not_live .img_box { /* filter: grayscale(100%);*/ pointer-events: none; position: relative; } .salone .articles_sec .group_holder.not_live .img_box:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(53, 53, 53); opacity: 0.85; } .salone .articles_sec .group_holder.not_live .img_box .img_holder:before { content: none; } .salone .group_holder .img_holder { position: relative; /* border-bottom: 1px solid #000;*/ } .salone .group_holder .img_holder:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("../images/salone/play-btn.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; width: 2.604vw; height: 2.604vw; cursor: pointer; } .salone .articles_sec .group_holder .text_holder .article_head { font-size: 1.250vw; font-family: 'BarlowSemiCondensedMedium'; margin: 1.092vw 0 0.573vw 0; } /*03-04-2023 Salone page CSS end here*/ /*18-04-2023*/ .article_bxslider_index .img_dark_skin.bg-none:after { background: none !important; } /*18-04-2023*/ /*18-04-2023*/ .article_description .embed_horizontal { padding-bottom: 41.5%; } /*18-04-2023*/ /*13-06-2023*/ .abcRioButtonLightBlue { width: 100% !important; height: 100% !important; } /*13-06-2023*/ /*27-09-2023*/ .form-control::placeholder, ::placeholder { opacity: 0.6; } .form-control::-webkit-input-placeholder, ::placeholder { opacity: 0.6; } .form-control:-moz-placeholder, ::placeholder { opacity: 0.6; } .form-control::-moz-placeholder, ::placeholder { opacity: 0.6; } .form-control:-ms-input-placeholder, ::placeholder { opacity: 0.6; } .news_search_result .space_lt main { padding: 0 7.264vw 0 7.264vw; width: 90.35vw; } .cross_btn { position: absolute; right: 0; top: 50%; width: 0.750vw; height: 0.750vw; background: url(../images/close_new.png) no-repeat; border: none; background-size: cover; top: 50%; transform: translateY(-50%); } .news_search_result .nav-tabs { margin: 0; } .news_search_result .nav-tabs .nav-item, .news_search_result .nav-tabs .nav-item.first { margin: 0 0 0 1.1vw; border: none; font-size: 1vw; padding: 0.556vw 0.156vw 0.556vw 0; } .news_search_result .nav-tabs .nav-item { margin-left: 2.5vw; /* font-family:'BarlowSemiCondensedLight';*/ font-family: 'BarlowSemiCondensedMedium'; opacity: 1; position: relative; padding-right: 0.156vw; } .news_search_result .nav-tabs .nav-item .clone { position: absolute; left: 0; width: 100%; opacity: 0; font-family: 'BarlowSemiCondensedMedium'; } .news_search_result .nav-tabs .nav-item.active .original span { opacity: 1; transition: all 0.25s ease; } .news_search_result .nav-tabs .nav-item:hover { border-bottom: 2px solid rgba(0, 0, 0, 0.6); } .news_search_result .nav-tabs .nav-item .original span, .news_search_result .nav-tabs .nav-item:hover .original .o_60, .news_search_result .nav-tabs .nav-item.active .original .o_60, .news_search_result .nav-tabs .nav-item .original .o_60 { opacity: 0.6; } .news_search_result .nav-tabs .nav-link.active { border-right: none; border-bottom: 2px solid #000000; /*font-family:'BarlowSemiCondensedMedium'; padding-right: 0.156vw;*/ } .news_search_result .nav-tabs .nav-link.first { margin: 0; } .result_match { font-family: 'BarlowLight'; font-size: 1vw; color: #000000; padding: 0 0vw; } .news_search_result .tabs_holder .chzn-container-single .chzn-single { height: auto; line-height: 2vw; } .news_search_result .tabs_holder .sortby .chzn-container-single .chzn-single span { font-size: 1vw; font-family: "BarlowSemiCondensedLight"; color: #000000; font-weight: normal; line-height: 1.389vw; } .form.sortby .field_hold .form-control, .form.sortby .chzn-container-single .chzn-single { padding: 0 2.7vw 0 0.7vw; position: relative; top: 0.1vw; } .form.sortby { /* margin-top: 2.222vw;*/ width: fit-content; position: relative; display: inline-block; margin-left: 0.4vw; } .form.sortby .chzn-container-single .chzn-single div b { background-size: 0.764vw !important; opacity: 1; background: url(../images/chevron-down.svg) no-repeat; transform: rotate(0deg); } .form.sortby .chzn-container-single .chzn-single { color: rgba(0, 0, 0, 0.20); } .news_search_result .filter_page .article_thumb { margin-top: 0; } .news_search_result .tab-pane { /* margin-top: 1.667vw;*/ margin-top: 0; } .news_search_result .filter_page .search_form { margin-top: 0vw; max-width: 100%; } .tags_div ul { padding-top: 0 !important; } /*.tags_div{margin-top:1.9vw;}*/ ul.tags { display: inline; } ul.tags li { display: inline-block; background: #EFEFEF; padding: 0.500vw 0.750vw; margin: 0vw 0.500vw 0.800vw 0vw; line-height: 1.063vw; } ul.tags li a { font-size: 0.900vw; font-family: 'BarlowRegular' } .news_search_result .authors_tab .short_description_holder h2 a { text-decoration: underline; } .news_search_result .authors_tab .short_description_holder .posted_by { position: relative; padding-left: 1.2vw; margin: 1.064vw 0; } .news_search_result .authors_tab .short_description_holder .posted_by::before { content: ''; position: absolute; left: 0; background: url('../images/stories_icon.svg'); width: 0.625vw; height: 0.788vw; top: 0.3vw } .news_search_result .authors_tab .article_image { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .news_search_result .listing_tab .short_description_holder .posted_by .location { color: #333333; opacity: 0.80; } .news_search_result .listing_tab .short_description_holder posted_by .posted_date { color: #333333; opacity: 1; font-family: 'BarlowCondensedRegular'; } .news_search_result .listing_tab .posted_by { margin: 1.464vw 0 0vw; } .news_search_result #listing_tab_form .col-md-6 { padding-left: 0.25vw; padding-right: 0.25vw; } .news_search_result #listing_tab_form .row { margin: 0 -0.2vw; } .listing_tab_form, .stories_tab_sortby { text-align: right; } .listing_tab_form .form .field_hold, .stories_tab_sortby .form .field_hold { position: relative; display: inline-block; margin-left: 0.4vw; } /*.form.sortby .chzn-container .chzn-drop{width: 9vw !important;}*/ .news_search_result .filter_page .search_form .search_btn { position: absolute; left: 1.41vw; top: 50%; width: 1.181vw; height: 1.181vw; background: url(../images/search_new.svg) no-repeat; border: none; background-size: cover; top: 50%; transform: translateY(-50%); } .news_search_result .filter_page .search_form .form-control { height: 3vw; border: none; border-radius: 0; /* border: 1px solid var(--white);*/ border-bottom: 1px solid rgba(0, 0, 0, 0.20); /* border: 1px solid rgba(0,0,0,0.12);*/ font-size: 1vw; color: #000; padding: 1vw 2.222vw 1vw 2.023vw; font-family: 'BarlowSemiCondensedLight'; line-height: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; } #main_header.h_shadow { box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.04); } .news_search_result .error_txt { font-family: "BarlowMedium"; font-size: 1.181vw; margin-bottom: 0.8vw; line-height: 1.250vw } .news_search_result .error_sub_txt { font-family: "BarlowLight"; font-size: 1.181vw; line-height: 1.250vw } /*.tab-pane .mt-2{padding-top:1.55vw;}*/ .cta { color: #000000; font-size: 0.900vw; font-family: BarlowSemiCondensedLight; line-height: 1.063vw; word-wrap: break-word; padding-left: 0.750vw; padding-right: 0.750vw; padding-top: 0.500vw; padding-bottom: 0.500vw; border: 1px black solid; margin-top: 2.65vw; display: inline-block; } .news_search_result .author_sec #stories_tab .short_description_holder, .news_search_result .author_sec #listing_tab .short_description_holder { padding: 0.6vw 5vw 0 0; } .news_search_result .article_thumb { margin-bottom: 2.500vw; } .news_search_result .article_thumb .posted_by { margin-top: 0.556vw; font-family: 'BarlowSemiCondensedLight'; } .news_search_result .search_form .search_field:focus { border-bottom: 1px solid #000; } /*27-09-2023*/ /*17-10-2023*/ .news_search_result .tabs_holder .chzn-container-single .chzn-single div { width: 1.389vw; height: 100%; /* margin-left: 0.333vw;*/ right: 0.228vw; position: absolute; } .news_search_result .tabs_holder .form.sortby .chzn-container-single .chzn-single { display: flex; align-items: center; padding: 0; } .news_search_result .tabs_holder .form.sortby .chzn-container-single .chzn-single span { padding: 0.278vw 1.778vw 0.278vw 0.556vw; } .news_search_result .tabs_holder .form.sortby .chzn-container-single .chzn-single div b { background-size: 0.8vw !important; width: 1.389vw; opacity: 1; background: url(../images/icons/chevron-down-b.svg) no-repeat; background-position: center !important; /* opacity: 0.6; top: -1px;*/ position: relative; } .news_search_result .tabs_holder .sortby .chzn-container .chzn-results { box-shadow: 0.139vw 0.139vw 0.833vw 0px rgba(0, 0, 0, 0.10); padding: 0.556vw 0 0.556vw 0.833vw; background: #fff; position: absolute; min-width: max-content; max-height: 10.5vw; } .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li { padding: 0.556vw 0.833vw 0.556vw 1.766vw; border-bottom: none; color: rgba(0, 0, 0, 1); background: #ffffff; font-size: 1vw; text-align: left; line-height: 1.181vw; font-family: 'BarlowSemiCondensedLight'; opacity: 0.6; transition: all 0.5s ease; } .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li.active-result.result-selected { opacity: 1; } .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li.result-selected.highlighted, .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li.highlighted { color: #000000; font-family: 'BarlowSemiCondensedLight'; opacity: 1; } .news_search_result .tabs_holder .sortby .chzn-container .chzn-drop { background: #fff; border: none; box-shadow: 0 1px 5px rgba(0, 0, 0, .15); top: 2.162vw !important; } .news_search_result .tabs_holder .sortby .chzn-container.chzn-container-active .chzn-drop { /* left: 0 !important;*/ } .news_search_result .tabs_holder .sortby .chzn-container-single .chzn-single { border: 1px solid rgba(0, 0, 0, 0.12); } .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li.highlighted::before { content: ''; background: url(../images/icons/bullet.svg); width: 1.25vw; height: 1.25vw; position: absolute; left: 0.833vw; background-size: contain; } .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li.active-result.result-selected::before { content: ''; background: url(../images/icons/bullet-selected.svg); width: 1.25vw; height: 1.25vw; position: absolute; left: 0.833vw; background-size: contain; } .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li::before, .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li.result-selected::before { content: ''; background: url(../images/icons/bullet.svg); width: 1.250vw; height: 1.250vw; position: absolute; left: 0.833vw; background-size: contain; } .news_search_result .tabs_holder #listing_tab_form .sortby .chzn-container .chzn-results li.highlighted::before, .news_search_result .tabs_holder #listing_tab_form .sortby .chzn-container .chzn-results li.result-selected.highlighted::before { content: ''; background: url(../images/check_select.svg); width: 1.250vw; height: 1.250vw; position: absolute; left: 0.833vw; background-size: contain; } .news_search_result .tabs_holder #listing_tab_form .sortby .chzn-container .chzn-results li::before, .news_search_result .tabs_holder #listing_tab_form .sortby .chzn-container .chzn-results li.result-selected::before { content: ''; background: url(../images/check_box.svg); width: 1.250vw; height: 1.250vw; position: absolute; left: 0.833vw; background-size: contain; } .custom_search { padding: 0.833vw; background: var(--white); /* box-shadow: 0.139vw 0.139vw 0.833vw 0px rgba(0, 0, 0, 0.10);*/ box-shadow: 0 0 0 #fff, 0 0.069vw 0.517vw rgba(0, 0, 0, 0.10); width: 100%; position: absolute; top: 3vw; z-index: 99999; } /* .custom_search, #ui-id-2 { z-index: 1 !important; } */ .field_holder { z-index: 99; } .custom_search.dark { background: none; padding: 0; box-shadow: none; position: unset; /* padding-top: 1.389vw;*/ padding-top: 0.833vw; } .custom_search .recent_search .search_title { padding: 0.417vw 0; } .custom_search .recent_search .search_title h4 { margin-bottom: 0 !important; color: #000; font-size: 0.878vw; font-weight: 500; line-height: normal; opacity: 0.6; line-height: 1.200vw; } .custom_search .recent_search .custom_search_list { padding: 0.278vw 0; width: 100%; font-family: 'BarlowSemiCondensedLight'; font-size: 1vw; } .custom_search .recent_search .search_divider { height: 2.431vw; padding: 0 0.556vw; display: flex; align-items: center; } .custom_search.dark .recent_search .search_title h4 { color: var(--white); } .custom_search .recent_search .custom_search_list a { color: var(--black); width: 95%; font-family: 'BarlowLight'; line-height: 1.357vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .custom_search.dark .recent_search .custom_search_list a { color: var(--white); width: 90%; font-family: 'BarlowLight'; line-height: 1.357vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .custom_search .recent_search .custom_search_list a { cursor: auto; } .custom_search .recent_search .custom_search_list a span:hover { font-family: 'BarlowMedium'; cursor: pointer; } .custom_search .search_divider { padding: 0 0.556vw; } .custom_search .icon_box.cross-icon:hover { opacity: 1; } .custom_search .search_divider hr { margin: 0 !important; width: 100%; border-top: none; height: 2px; background: rgba(249, 249, 249, 1); } .custom_search.dark .search_divider hr { width: 100%; height: 2px; background: rgba(249, 249, 249, 1); } .custom_search.dark .recent_search .search_title, .custom_search.dark .recent_search .custom_search_list { padding: 0.278vw 0; } .suggestion { margin-bottom: 1.55vw; } .suggestion ul { padding-top: 0.556vw; } .suggestion ul li { margin-right: 0.833vw; margin-bottom: 0.833vw; } .suggestion ul.explore_list li { margin: 0; } .suggestion p { color: #000; font-family: "BarlowSemiCondensedMedium"; margin: 0.417vw 0; font-size: 0.878vw; font-style: normal; /* opacity: 0.6;*/ line-height: 1.181vw; } .tab-pane .suggestion p { margin-top: 1.667vw; opacity: 0.6; } .custom_search .suggestion ul li a { font-size: 1vw !important; padding-right: 0.833vw; } .custom_search.dark .suggestion ul li a { color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.6); } .custom_search.dark .suggestion ul li:last-child a { border-right: none; } .suggestion ul.article_tag_tab.explore_tags li a { font-size: 1vw !important; padding-right: 0.833vw !important; line-height: 1; } .suggestion ul.article_tag_tab li a { padding-right: 0.833vw; font-size: 1.3vw; font-family: 'BarlowSemiCondensedLight'; line-height: 1; } .suggestion ul li:last-child a { border-right: 0; } .suggestion .suggestion_btn { /* color: #000000;*/ color: #52A0E2; font-size: 1vw; font-family: "BarlowLight"; padding: 0.139vw 0.694vw; /* border: 1px solid rgba(0, 0, 0, 0.50); */ display: inline-block; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.12) !important; text-transform: capitalize !important; } .suggestion .suggestion_btn:hover { color: #52A0E2; } .suggestion .explore_list li a { /* color: #000;*/ font-family: "BarlowLight"; font-size: 1.181vw; padding: 0.278vw 0; line-height: 1.357vw; display: flex; align-items: center; position: relative; text-transform: capitalize !important; } .dark .suggestion p { color: #fff; } .custom_search .suggestion p { opacity: 0.6; } .dark .suggestion .suggestion_btn { color: #fff; border: 1px solid rgba(255, 255, 255, 0.50); } .search_holder { position: absolute; top: 12vh; left: 50%; transform: translateX(-50%); } .search_holder .searchbar .sform input[type=search] { border: 1px solid transparent; border-bottom: 1px solid var(--white); padding: 1.111vw 1.988vw 1.111vw 1.988vw; transition: 0.25s; font-size: 1vw; } .search_holder .searchbar .sform input[type=search]:focus { /* border: 1px solid var(--white);*/ } .sform i, .search_form i { opacity: 0.4; } .cross_btn { opacity: 0.4 !important; transition: all 0.25s ease; } .cross_btn:hover { opacity: 1 !important; } .focus_searchbar.sform i, .focus_searchbar.search_form i { opacity: 1; } .search_holder .searchbar .sform .icon-search { left: 0.833vw; right: unset; } .recent_search { padding-bottom: 0.833vw; } .recent_search li { display: flex; align-items: center; } #ui-id-1, #ui-id-2 { padding-top: 0.833vw; } #ui-id-1 .ui-autocomplete-category, #ui-id-2 .ui-autocomplete-category { margin-bottom: 0 !important; color: var(--white); font-size: 0.878vw; font-weight: 500; line-height: normal; opacity: 0.6; list-style: none; /* border-top: 1px solid rgba(243,243,243,0.2);*/ padding-top: 1.111vw; margin-top: 0.694vw; } #ui-id-2 .ui-autocomplete-category { /* border-top: 1px solid rgba(0,0,0,0.2);*/ } ul#ui-id-2 { width: 75.825vw !important; padding: 0.833vw 0; background: #FFF; /* box-shadow: 0.139vw 0.139vw 0.833vw 0px rgba(0, 0, 0, 0.10);*/ box-shadow: 0 0vw 0 #fff, 0 0.069vw 0.517vw rgba(0, 0, 0, 0.10); /* box-shadow: 0 -0.517vw 0 #fff, 0 0.069vw 0.517vw rgba(0,0,0, 0.10);*/ z-index: 10 !important; } #ui-id-2 .ui-autocomplete-category { color: var(--black); padding-right: 0.833vw; padding-left: 0.833vw; position: relative; /* margin-right: 0.833vw; margin-left: 0.833vw; */ } #ui-id-1 .ui-autocomplete-category { position: relative; } #ui-id-2 .ui-autocomplete-category:first-child:before, #ui-id-1 .ui-autocomplete-category:first-child:before { content: none; } #ui-id-2 .ui-autocomplete-category:before { background: rgba(0, 0, 0, 0.10) !important; } #ui-id-2 .ui-autocomplete-category:before, #ui-id-1 .ui-autocomplete-category:before { content: ''; height: 1px; background: #f3f3f3; width: 74.159vw; position: absolute; left: 0.833vw; right: 0.833vw; top: 0; } #ui-id-1 .ui-autocomplete-category:before { width: 100% !important; left: 0 !important; opacity: 0.15; } #ui-id-1 li, #ui-id-2 li { list-style: none; line-height: 1.357vw; font-size: 1vw; padding: 0.417vw 0; margin-bottom: 0; width: 100%; } #ui-id-1 .ui-autocomplete-category, #ui-id-2 .ui-autocomplete-category { pointer-events: none; font-family: 'BarlowSemiCondensedMedium'; } #ui-id-1 .ui-autocomplete-category:first-child, #ui-id-2 .ui-autocomplete-category:first-child { border-top: none; padding-top: 0.556vw; margin-top: 0; } #ui-id-2 li { padding: 0.417vw 0.833vw; } #ui-id-2 li:hover { background: #efefef; transition: all 0.25s ease; } #ui-id-2 li.ui-autocomplete-category:hover { background: none; } #ui-id-1 li a { color: var(--white); font-family: 'BarlowLight'; position: relative; width: 98%; line-height: 1.357vw; } #ui-id-2 li a { color: var(--black); font-family: 'BarlowLight'; position: relative; width: 98%; line-height: 1.357vw; } #ui-id-1 li a b { color: var(--white); font-family: 'BarlowMedium'; } #ui-id-2 li a b { color: var(--black); font-family: 'BarlowMedium'; } .item_data { text-overflow: ellipsis; overflow: hidden; width: 94%; white-space: nowrap; display: block; } #ui-id-1 li .item_data { color: rgba(255, 255, 255, 0.8); } #ui-id-1 li .item_data b { color: rgba(255, 255, 255, 1); } .news_search_result #main_footer { margin-top: 10.49vw; } .news_search_result .loadmore_btn .tag_search_load_more, .news_search_result .loadmore_btn .search_load_more, .news_search_result .loadmore_btn .lis_search_load_more { margin-top: 1.667vw; border: solid 1px rgba(0, 0, 0, 0.74); } .news_search_result .loadmore_btn { border-bottom: none; } .news_search_result #main_footer { margin-top: 12.096vw; } /*icons section css start*/ .icon_box.arrow_w { opacity: 1; } .icon_box { position: relative; display: inline-block; vertical-align: middle; width: 1.389vw !important; height: 1.389vw; margin-right: 0.833vw; padding-top: 0 !important; opacity: 0.4; transition: all 0.25s ease; } .icon_box:after { content: ''; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; position: absolute; width: 1.389vw; height: 1.389vw; } .icon_box.cal-icon:after { background-image: url("../images/icons/calander-new.svg"); } .icon_box.file-icon:after { background-image: url("../images/icons/file.svg"); } .suggestion .explore_list li a:before { content: ""; display: block; background: url("../images/icons/arrow-up-right.svg") no-repeat; width: 1.667vw; height: 1.667vw; background-size: contain; float: left; margin-right: 0.833vw; } .arrow_w { margin-right: 0 !important; position: absolute; right: 0.833vw; top: 0; } #ui-id-1 li:hover .arrow_w:after { opacity: 1; } .cross-icon { margin-right: 0 !important; position: absolute; cursor: pointer; } .custom_search .cross-icon { right: 0.833vw; } .custom_search.dark .cross-icon { right: 0; } .cross-icon:after { background-image: url("../images/icons/close-icon-b.svg"); right: 0; } /* .dark .cross-icon { right: 0; } */ .dark .cross-icon:after { background-image: url("../images/icons/close-icon-w.svg"); right: 0; } .custom_search.dark .history-icon:after { background-image: url("../images/icons/history-icon-w.svg"); } .custom_search .history-icon:after { background-image: url("../images/icons/history-icon-b.svg"); } #ui-id-1 .arrow_w:after { background-image: url("../images/icons/arrow-up-right-w.svg"); transition: 0.25s ease; right: 0; opacity: 0; } #ui-id-1 .file-icon:after { background-image: url("../images/icons/file-icon-w.svg"); } #ui-id-1 .cal-icon:after { background-image: url("../images/icons/calander-new-w.svg"); } #ui-id-1 .tag-icon:after { background-image: url("../images/icons/tag-icon-w.svg"); } #ui-id-1 .user-icon:after { background-image: url("../images/icons/user-icon-w.svg"); } /* #ui-id-2 .arrow_w:after { background-image: url("../images/icons/arrow-up-right-b.svg"); transition: 0.25s ease; right: 0; opacity: 0; } #ui-id-2 li .arrow_w { right: 0; } #ui-id-2 li:hover .arrow_w:after { opacity: 1; }*/ #ui-id-2 .file-icon:after { background-image: url("../images/icons/file-icon-b.svg"); } #ui-id-2 .cal-icon:after { background-image: url("../images/icons/calander-new-b.svg"); } #ui-id-2 .tag-icon:after { background-image: url("../images/icons/tag-icon-b.svg"); } #ui-id-2 .user-icon:after { background-image: url("../images/icons/user-icon-b.svg"); } .cross_btn { background: url(../images/icons/close-icon-b.svg) no-repeat; width: 1.389vw; height: 1.389vw; cursor: pointer; background-position: center !important; background-size: contain !important; } .search_holder .cross_btn { background: url(../images/icons/close-icon-w.svg) no-repeat; width: 1.389vw; height: 1.389vw; cursor: pointer; } .clear_btn:before { content: ''; position: absolute; left: 0.833vw; width: 1.667vw; height: 1.667vw; background: url(../images/icons/arrow-right_b.svg?v=@{c-v}) no-repeat; background-position: center; } .clear_btn:hover:before { background: url(../images/icons/arrow-right_w.svg?v=@{c-v}) no-repeat; } .icon_search_b, .icon_search_w { position: absolute; left: 0; margin-right: 0; } .icon_search_w { left: 0 !important; } .search_holder .cross_btn { right: 0; } .icon_search_w:after { background: url("../images/icons/search_new_w.svg?v=@{c-v}") no-repeat; } .icon_search_b:after { background: url("../images/icons/search_new_b.svg?v=@{c-v}") no-repeat; } /*icons section css end*/ .convert_search { margin-top: 1.667vw; font-family: 'BarlowLight'; font-size: 1.181vw; } .convert_search span { font-family: 'BarlowMedium'; font-style: italic; } .clear_btn { margin-top: 2.222vw; display: inline-block; position: relative; padding: 0.556vw 0.833vw 0.556vw 3.056vw; color: #000; background: var(--white); font-family: 'BarlowLight'; font-size: 1.181vw; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border: 1px solid #000; } .clear_btn:hover { background: #000; color: var(--white); } .news_search_result #main_header.h_shadow { box-shadow: none; } .news_search_result .filter_head { position: sticky; /*top: 7.5vw;*/ top: 5vw; background: #fff; z-index: 1; /* padding-bottom: 1.667vw;*/ padding-bottom: 1.389vw; z-index: 9; } .news_search_result .tabs_holder { /* margin-top: 2.222vw;*/ margin-top: 1.389vw; } /* .news_search_result .tabs_holder { position: sticky; top: 7.85vw; background: #fff; z-index: 1; padding-bottom: 1.667vw; margin-top: 2.222vw; } */ .news_search_result nav { padding: 0.208vw 0 0; } .news_search_result .space_lt { /*padding-top: 5.7vw !important*/ padding-top: 8vw !important } .back_btn { display: none; } .load_btn { font-family: 'BarlowRegular'; font-size: 1vw; color: #52A0E2; padding: 0.556vw 0.833vw 0.556vw 0; margin-top: 1.422vw; /* display: inline-block;*/ display: none; cursor: pointer; } .load_btn .icon_down { height: 0.590vw; } .load_btn .icon_down:after { background: url("../images/formkit_down.svg"); height: 100%; } .news_search_result .tab-pane .article_thumb .title { display: -webkit-box; max-width: 100%; max-height: 4.514vw; margin: 0 auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-bottom: 0.15vw; } .news_search_result .tab-pane .article_thumb .sub_head { display: -webkit-box !important; max-width: 100%; max-height: 1.514vw; margin: 0 auto; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .news_search_result .tab-pane .article_thumb .title a { line-height: 1; } .news_search_result .location { display: none !important; } .news_search_result .rm_tag_sec { display: block !important; } .news_search_result ul.tags { display: inline-block; } .news_search_result ul.tags li { background: #f3f3f3; padding: 0.556vw 0.833vw; margin: 0 0.833vw 0.833vw 0; } .news_search_result ul.tags li a { font-family: "BarlowSemiCondensedLight"; font-size: 1.181vw; } .ui-front { z-index: 999999999 !important; min-height: auto; max-height: 58vh; min-height: 5vw !important; } .ui-front, .chzn-container .chzn-results { overflow-y: hidden; } .ui-front:hover, .chzn-container .chzn-results:hover { overflow-y: auto; } /* ===== Scrollbar CSS ===== */ /* Firefox */ #ui-id-2, .news_search_result .sortby .chzn-container .chzn-results { scrollbar-width: thin; scrollbar-color: #c1c1c1 #fff; } #ui-id-1 { scrollbar-width: thin; scrollbar-color: #f3f3f3 #313131; } /* Chrome, Edge, and Safari */ #ui-id-2::-webkit-scrollbar, #ui-id-1::-webkit-scrollbar, .news_search_result .sortby .chzn-container .chzn-results::-webkit-scrollbar { width: 4px; } #ui-id-2::-webkit-scrollbar-track, .news_search_result .sortby .chzn-container .chzn-results::-webkit-scrollbar-track { background: #fff; } #ui-id-2::-webkit-scrollbar-thumb, .news_search_result .sortby .chzn-container .chzn-results::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .4); border-radius: 10px; border: 3px solid transparent; } #ui-id-1::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); } #ui-id-1::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, .4); border-radius: 10px; border: 3px solid transparent; } /* ===== Scrollbar CSS END===== */ .custom_search .search_divider { display: none !important; } /* .news_search_result .tabs_holder .sortby .chzn-container:hover .chzn-drop { left: 0 !important; } */ .news_search_result .form.sortby .field_hold .chzn-container-single .chzn-single div b { transition: all 0.25s ease; } .news_search_result .form.sortby .field_hold .chzn-container-single:hover .chzn-single div b { /* transform: rotate(180deg);*/ } .news_search_result .form.sortby .field_hold .chzn-container-single .chzn-single.chzn-single-with-drop div b { /* transform: rotate(180deg); top: 0;*/ } .d-none-t { display: none !important; } .text_anim { font-family: 'BarlowSemiCondensedLight'; font-size: 1vw; line-height: normal; position: absolute; overflow: hidden; color: rgba(255, 255, 255, 0.6); left: 2.023vw; margin-bottom: 0; display: block; width: -webkit-fill-available; height: 1.15vw; list-style: none; cursor: auto; display: flex; align-items: center; width: 100%; } .news_search_result .text_anim { color: rgba(0, 0, 0, 0.6); display: none; } .text_anim .anim { position: absolute; display: block; animation-duration: 8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; font-family: 'BarlowSemiCondensedLight'; /*left: 4.15vw;*/ } .anim1 { animation-name: anim1; } .anim2 { animation-name: anim2; } .anim3 { animation-name: anim3; } .anim4 { animation-name: anim4; } @keyframes anim1 { 0%, 6% { bottom: -1vw; opacity: 0; } 6%, 18% { bottom: -0.015vw; opacity: 1; } 24%, 100% { bottom: 1vw; opacity: 0; } } @keyframes anim2 { 0%, 24% { bottom: -1vw; opacity: 0; } 30%, 42% { bottom: -0.015vw; opacity: 1; } 48%, 100% { bottom: 1vw; opacity: 0; } } @keyframes anim3 { 0%, 48% { bottom: -1vw; opacity: 0; } 54%, 66% { bottom: -0.015vw; opacity: 1; } 72%, 100% { bottom: 1vw; opacity: 0; } } @keyframes anim4 { 0%, 72% { bottom: -1vw; opacity: 0; } 78%, 90.5% { bottom: -0.015vw; opacity: 1; } 100% { bottom: 1vw; opacity: 0; } } .tab-content { min-height: 12.5vh; } /* @keyframes anim1 { 0%, 8.3% { bottom: -1vw; opacity: 0; } 8.3%,25% { bottom: 0; opacity: 1; } 33.33%, 100% { bottom: 1vw; opacity: 0; } } @keyframes anim2 { 0%, 33.33% { bottom: -1vw; opacity: 0; } 41.63%, 58.29% { bottom: 0; opacity: 1; } 66.66%, 100% { bottom: 1vw; opacity: 0; } } @keyframes anim3 { 0%, 66.66% { bottom: -1vw; opacity: 0; } 74.96%, 91.62% { bottom: 0; opacity: 1; } 100% { bottom: 1vw; opacity: 0; } } */ /*17-10-2023*/ .fancybox-container { z-index: 99999999 !important; } .photo_credit { font-size: 0.694vw; margin-top: 0.556vw; font-family: "BarlowCondensedLight"; display: flex; align-items: center; justify-content: flex-end; line-height: 1; position: absolute; right: 0; } .photo_credit .copyright_sym { font-size: 0.694vw; margin-right: 0.139vw; font-style: normal; color: #000; } .photo_credit span { font-style: italic; color: #000; } /*07-03-2024*/ #signup_popup .left_overlay { background-image: url("../images/stir-blob-black.svg"); margin-right: 0; } #popup_group .web_btn { font-size: 1vw; font-family: "BarlowRegular"; } .web_btn.google { display: flex; align-items: center; } .policy_label { color: rgba(0, 0, 0); font-size: 0.833vw; line-height: 1.2; } .web_btn.google:hover { border-color: #000; background: #000; color: #fff; } .head_popup.stir_common_login { background: rgba(0, 0, 0, 0.8); } .form.dark .field_hold .form-control { border: none; background: rgba(255, 255, 255, 0.12); } .heading { color: #000; line-height: 1; font-size: 1.667vw; margin: 0 0 0.833vw 0; } .stir_common_login .pop_container { width: 34.722vw; height: 34.722vw; background-image: url("../images/stir-bg.svg"); background-repeat: no-repeat; background-size: cover; background-position-x: -1.667vw; padding: 2.083vw 2.083vw 2.083vw 3.889vw; display: flex; align-items: center; } .stir_common_login .pop_container .popup_holder { width: 29.167vw; padding-block: 3.333vw; } .stir_common_login .pop_container .pop_insideText { margin: inherit; } .stir_common_login .pop_container h3 { font-size: 1.667vw; color: #fff; margin-bottom: 0.833vw; } .stir_common_login .pop_container p { font-size: 1vw; color: rgba(255, 255, 255, 0.8); margin-bottom: 1.667vw; line-height: 1.3; } .btn_divider { position: relative; margin-block: 1.667vw; } .btn_divider span { color: rgba(255, 255, 255); font-size: 0.833vw; padding: 0 1.667vw; background: #000; z-index: 99; } .btn_divider:after { content: ''; position: absolute; height: 1px; width: 100%; background: rgba(255, 255, 255, 0.2); } .stir_common_login .pop_container .web_btn img { margin-right: 0.5vw; width: 1.111vw; } .stir_common_login .pop_container .web_btn { width: 100% !important; text-transform: inherit; text-align: center; background: rgba(255, 255, 255, 0.12); color: #fff; display: flex; justify-content: center; align-items: center; font-family: 'BarlowRegular'; font-size: 1vw; height: 3.333vw; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); } .stir_common_login .pop_container .login, .stir_common_login .pop_container .policy { margin-top: 1.667vw; } .stir_common_login .pop_container h5 { color: #fff; font-family: 'BarlowLight'; font-size: 1vw; } .stir_common_login .pop_container h5 .btn_signin { color: #fff; font-family: 'BarlowMedium'; text-decoration: underline; } .stir_common_login .pop_container label { color: rgba(255, 255, 255, 0.6); font-size: 0.833vw; } .stir_common_login .pop_container label a { text-decoration: underline; color: rgba(255, 255, 255, 0.8); } #popup_group .stir_common_login .closebut { /*background: url('../images/close-popup.svg?v=@{c-v}') no-repeat center center; width: 1.667vw; height: 1.667vw;*/ background-size: 100%; right: 1.667vw; top: 1.667vw; } #popup_group .stir_common_login .stir_back { position: absolute; background: none; font-size: 0.833vw; font-family: "BarlowLight"; text-decoration: underline; right: 1.667vw; top: 1.667vw; } .invert_img { filter: brightness(0) invert(1); } .text-d-u { text-decoration: underline; } .text-d-u:hover { text-decoration: underline; } .stirfri_popup .stirfri_right_column .form-control { border-radius: 0; height: 3.5vw; } .stirfri_popup .stirfri_right_column .form-control:focus { border-color: #000; } .stirfri_popup .stirfri_right_column .resend_btn { margin-right: 0 !important; } .stirfri_popup .stirfri_right_column h3 { line-height: 1; font-size: 1.667vw; margin: 0 0 0.833vw 0; } .stirfri_popup .stirfri_right_column p { font-size: 1vw; color: rgba(0, 0, 0, 0.8); margin-bottom: 0; line-height: 1.3; } #signup_popup .left_overlay .text_inside ul li { margin-bottom: 0.25vw; } .pass_ins .info_text { font-size: 1vw; color: rgba(0, 0, 0, 0.8); margin-bottom: 1.667vw; line-height: 1.4; } .eye_icon { display: inline-block; right: 0; top: 0; z-index: 9; position: absolute; width: 3.66vw; height: 100%; background-position: center center !important; background-size: 1.389vw !important; opacity: 0.40; cursor: pointer; } .eye_icon.show { background: url(../images/eye_show.png?v=@{c-v}) no-repeat; } .eye_icon.hide { background: url(../images/eye_hide.png?v=@{c-v}) no-repeat; } .eye_icon.eye_b.hide { -webkit-filter: invert(100%); /* Safari/Chrome */ filter: invert(100%); } .eye_icon.eye_b.show { -webkit-filter: invert(100%); /* Safari/Chrome */ filter: invert(100%); } .set_pass .field_group { margin-bottom: 1rem !important; } .set_pass .field_group .field_hold { margin-bottom: 0; } .set_pass .field_group .error_message { top: 0; margin-top: 0.556vw; } .prefrences_checkbox .error_message { position: inherit; bottom: 0; } .error_message { font-size: 0.833vw; display: table; margin-top: 0.556vw; line-height: 1.2; } .prefrences_checkbox label { font-size: 1vw !important; line-height: 1.4; padding-left: 1.597vw; } .prefrences_checkbox .custom-control.custom-checkbox { padding: 0 1.667vw 0 0 !important; display: flex; align-items: center; min-height: inherit !important; top: 0; } .prefrences_checkbox label:before, .prefrences_checkbox label:after { left: 0; border-color: #000 !important; } .btn_hold { margin-top: 1.667vw; } .policy_check { color: rgba(0, 0, 0) !important; font-size: 0.833vw !important; margin-bottom: 1.667vw !important; line-height: 1.2 !important; } .dark .btn_block { border: solid 1px rgba(255, 255, 255, 1) !important; background: #000 !important; color: #fff !important; } .dark .btn_block._w:hover { border: solid 1px rgba(255, 255, 255, 1) !important; background: #fff !important; color: #000 !important; } .btn_block { font-size: 1vw; font-family: "BarlowRegular"; color: #000; background: #fff; display: inline-block; text-transform: uppercase; line-height: 1.4; cursor: pointer; border: solid 1px rgba(0, 0, 0, 0.74); /* padding: 0 2.083vw 0 3.75vw;*/ padding: 0 1.464vw 0 2.928vw; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height: 2.778vw; display: inline-flex; align-items: center; } .bdr_light { /* border-color: rgba(0, 0, 0, 0.2);*/ } .btn_block:before { content: ''; background-size: contain !important; background-position: center center !important; vertical-align: middle; margin-right: 0.5vw; position: absolute; height: 100%; width: 1.098vw; left: 1.098vw; top: 0; } .btn_block.arrow:before { background: url(../images/arrow_b.svg?v=@{c-v}) no-repeat; } .btn_block.arrow:hover:before, .arrow._w:before { background: url(../images/arrow_w.svg?v=@{c-v}) no-repeat; } .btn_block.arrow._w:hover:before { background: url(../images/arrow_b.svg?v=@{c-v}) no-repeat; } .btn_block.google:before { background: url(../images/google_icon.svg?v=@{c-v}) no-repeat; } .btn_block:hover { background: #000; color: #fff; } .btn_block .web_btn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; background: none; opacity: 0; padding: 0; } .forgot_password { color: rgba(255, 255, 255, 0.6) !important; text-align: end; font-size: 1vw; margin-top: 0.556vw; line-height: 1.4; } .common_popup .form-group { margin-bottom: 0.732vw; } .common_popup .form-group .field_hold { margin-bottom: 0; } .common_popup .form-control { padding: 0.694vw 3.660vw 0 !important; border: 1px solid rgba(0, 0, 0, .2) !important; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; height: 3.5vw; font-size: 1.111vw; font-family: "BarlowRegular"; } .common_popup .form-group label { position: absolute; left: 3.770vw; top: 50%; transform: translateY(-50%); transition: 0.2s ease all; pointer-events: none; margin-bottom: 0 !important; color: rgba(0, 0, 0, 0.70); font-size: 1vw !important; line-height: 1.4; } .common_popup .form-control:focus ~ label, .common_popup .form-control:valid ~ label, .set-password .form .form-control:focus ~ label, .set-password .form .form-control:valid ~ label { font-size: 0.833vw !important; margin: -0.781vw 0 0 0 !important; line-height: 1.2; } .common_popup .field_hold:before { width: 3.66vw; height: 3.5vw; content: ""; background-position: center center !important; background-size: 0.878vw !important; display: inline-block; position: absolute; left: 0; top: 0; z-index: 9; opacity: 0.40; top: 50%; transform: translateY(-50%); } .common_popup .field_hold.password:before { background-size: 3.333vw !important; } .common_popup .field_hold.password:before, .set-password .form .field_hold.password:before { background-size: 0.768vw !important; } .common_popup .dark .field_hold label { color: rgba(255, 255, 255, 1); opacity: 0.6; } .common_popup .field_hold .form-control { text-overflow: ellipsis; overflow: hidden; } .common_popup .dark .field_hold .form-control { border: none !important; } .common_popup .dark .field_hold input:-webkit-autofill, .common_popup .dark .field_hold input:-internal-autofill-selected, .common_popup .dark .field_hold input:-webkit-autofill:focus, .common_popup .dark .field_hold textarea:-webkit-autofill, .common_popup .dark .field_hold textarea:-webkit-autofill:focus, .common_popup .dark .field_hold select:-webkit-autofill, .common_popup .dark .field_hold select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px rgb(31, 31, 31) inset !important; background-color: rgb(31, 31, 31) !important; -webkit-text-fill-color: var(--white) !important; transition: background-color 5000s ease-in-out 0s; caret-color: #fff; } .common_popup .left_overlay .text_inside ul li { line-height: 1.4; } .edit_profile .field_hold, .change_password .field_hold { margin-bottom: 0 !important; } .edit_profile .error_message, .change_password .error_message { position: unset !important; } .edit_profile .form.profile_setting_form .field_hold label, .change_password .form.profile_setting_form .field_hold label { font-size: 1vw !important; } .edit_profile .form .form-control:focus ~ label, .edit_profile .form .form-control:valid ~ label, .change_password .form .form-control:focus ~ label, .change_password .form .form-control:valid ~ label { font-size: 0.833vw !important; margin: -0.781vw 0 0 0; line-height: 1.2; } .edit_profile .form.profile_setting_form .field_hold.email-feild label { font-size: 0.833vw !important; margin: -0.781vw 0 0 0 !important; line-height: 1.2 !important; } .edit_profile .form.profile_setting_form .profession_other .form-control { padding-top: 0!important; } .profession_other .form-control { padding: 0 1.25vw !important; } .password_change .heading { font-size: 1.667vw; color: #000; margin-bottom: 0.833vw; font-family: 'BarlowSemiCondensedMedium'; } .password_change p { font-size: 1vw; margin-bottom: 1.667vw; line-height: 1.3; } /*07-03-2024*/ /*09-04-2024*/ /*common popup css*/ .popup_signup.common_popup .pop_container { width: 68.448vw !important; max-width: 100% !important; padding: 2.5vw 2.5vw 3.056vw !important; border: none; } .common_popup .pop_container { width: 44.167vw !important; max-width: 100% !important; padding: 2.778vw !important; border: none; } .common_popup .blob_bg { height: 33.333vw !important; } .popup_signup.common_popup .blob_bg { height: 100% !important; /* margin: 0 0 0 2.562vw;*/ } .common_popup .blob_bg { background-image: url(../images/stir-blob-black.svg); background-size: contain; background-position: center center; margin: 0; height: 100%; background-repeat: no-repeat; position: relative; } .common_popup .blob_bg .heading { color: #fff; line-height: 1; font-size: 1.667vw; margin: 0 0 0.833vw 0; font-family: 'BarlowSemiCondensedMedium'; top: 0 !important; } .popup_signup.common_popup .blob_bg .text_inside { max-width: 19.033vw; } .common_popup .blob_bg .text_inside { max-width: 22.222vw; position: absolute; left: 50%; top: 50%; color: #fff; transform: translate(-50%, -50%); width: 80%; } .common_popup .blob_bg .text_inside .form { width: 100% !important; min-width: 100% !important; } .common_popup .blob_bg .text_inside p { font-size: 1vw; line-height: 1.4; color: rgba(255, 255, 255, 0.8) !important; margin-bottom: 1.667vw; } .common_popup.popup_signup .blob_bg .text_inside p { margin-bottom: 1.111vw; } .common_popup .blob_bg .text_inside ul { font-size: 1vw; line-height: 1.4; list-style: circle; margin-left: 1vw; margin-bottom: 1.464vw; } .common_popup .blob_bg .text_inside ul li { margin-bottom: 0.25vw; } .common_popup #signup_form.form { width: auto; min-width: 24vw; } .popup_signup.common_popup .form_fields { padding: 2.562vw 2.562vw 0; } .common_popup .form_fields { padding: 0.556vw 0 0.556vw 4.167vw; } .common_popup .form_fields .form-group { margin-bottom: 0.732vw; } .common_popup .form_fields .form-group .required_alert { color: rgba(235, 67, 53, 1); font-size: 0.833vw; margin-top: 0.625vw; margin-bottom: 0; position: relative; padding-left: 1.667vw; line-height: 1.2; } .common_popup .form_fields .form-group .required_alert:before { content: ''; background-image: url(../images/icon-img/error-icon.png?v=@{c-v}); height: 1.111vw; width: 1.111vw; background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; left: 0; } .common_popup .form_fields.dark .field_hold input:-webkit-autofill, .common_popup .form_fields.dark .field_hold input:-internal-autofill-selected, .common_popup .form_fields.dark .field_hold input:-webkit-autofill:focus, .common_popup .form_fields.dark .field_hold textarea:-webkit-autofill, .common_popup .form_fields.dark .field_hold textarea:-webkit-autofill:focus, .common_popup .form_fields.dark .field_hold select:-webkit-autofill, .common_popup .form_fields.dark .field_hold select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px rgb(31, 31, 31) inset !important; background-color: rgb(31, 31, 31) !important; -webkit-text-fill-color: var(--white) !important; transition: background-color 5000s ease-in-out 0s; caret-color: #fff; } .common_popup .form_fields.dark .form-control { background-color: rgba(31, 31, 31, 1) !important; border: none !important; } .common_popup .form_fields .form-control, .set-password .form .form-control { padding: 0.694vw 3.660vw 0 !important; border: 1px solid rgba(0,0,0,.2) !important; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; height: 3.5vw; font-size: 1.111vw; font-family: "BarlowRegular"; } .common_popup .form_fields .form-control:focus, .common_popup .form_fields .form-control:valid, .set-password .form .form-control:focus { border-left: 3px solid #000 !important; padding-top: 0.781vw; color: #000; } .common_popup .form_fields.dark .form-control:focus, .common_popup .form_fields.dark .form-control:valid { color: #fff; -webkit-text-fill-color: #fff !important; background-color: rgba(31, 31, 31, 1) !important; -webkit-background-color: rgba(31, 31, 31, 1) !important; border-left: none !important; } .common_popup .form_fields .field_hold { top: 0 !important; } .common_popup .form_fields .field_hold:focus-within:before { opacity: 1; } .common_popup .form_fields .field_hold:before, .set-password .form .field_hold.password:before { width: 3.66vw; height: 3.5vw; content: ""; background-position: center center !important; background-size: 0.878vw !important; display: inline-block; position: absolute; /* left: 0; top: 0; */ z-index: 9; opacity: 0.40; } .eye_icon { display: inline-block; right: 0; top: 0; z-index: 9; position: absolute; width: 3.66vw; height: 100%; background-position: center center !important; background-size: 1.389vw !important; opacity: 0.40; cursor: pointer; } .eye_icon.show { background: url(../images/eye_show.png?v=@{c-v}) no-repeat; } .eye_icon.hide { background: url(../images/eye_hide.png?v=@{c-v}) no-repeat; } .eye_icon.eye_b.hide { -webkit-filter: invert(100%); /* Safari/Chrome */ filter: invert(100%); } .eye_icon.eye_b.show { -webkit-filter: invert(100%); /* Safari/Chrome */ filter: invert(100%); } .common_popup .form_fields .field_hold.user:before { background: url(../images/user_b.png?v=@{c-v}) no-repeat; } .common_popup .form_fields .field_hold.email:before { background: url(../images/email_b.png?v=@{c-v}) no-repeat; } .common_popup .form_fields.dark .field_hold.email:before { background: url(../images/email_w.png?v=@{c-v}) no-repeat; } .common_popup .form_fields .field_hold.password:before, .set-password .form .field_hold.password:before { background: url(../images/lock_b.png?v=@{c-v}) no-repeat; background-size: 0.768vw !important; } .common_popup .form_fields.dark .field_hold.password:before { background: url(../images/lock_w.png?v=@{c-v}) no-repeat; background-size: 0.768vw !important; } .common_popup .form_fields.dark .field_hold label { color: rgba(255, 255, 255, 1); opacity: 0.6; } .common_popup .form_fields .field_hold label, .set-password .form .field_hold label { position: absolute; left: 3.770vw; top: 50%; transform: translateY(-50%); transition: 0.2s ease all; pointer-events: none; margin-bottom: 0 !important; color: rgba(0, 0, 0, 0.70); font-size: 1vw; line-height: 1.4; } .common_popup .form_fields .form-control:focus~label, .common_popup .form_fields .form-control:valid~label, .set-password .form .form-control:focus~label, .set-password .form .form-control:valid~label { font-size: 0.833vw !important; margin: -0.781vw 0 0 0; line-height: 1.2; } .pass_inst { margin-top: 0.625vw; } .common_popup .pass_inst li { color: rgba(0, 0, 0, 0.6); font-size: 0.833vw; line-height: 1.2; margin-bottom: 0.208vw; position: relative; padding-left: 1.667vw; } .common_popup .pass_inst li:before { position: absolute; content: ''; background-image: url("../images/check_grey.svg"); background-position: center; height: 1.111vw; width: 1.111vw; background-size: contain; left: 0; } .common_popup .pass_inst li.completed { color: rgba(41, 158, 0, 1); } .common_popup .pass_inst li.completed:before { background-image: url("../images/check_green.svg"); } .prefrences_setting { margin-bottom: 0.833vw; } .prefrences_setting .preferences_heading { margin-top: 0; font-size: 1vw !important; line-height: 1.4; font-family: 'BarlowLight' !important; margin-bottom: 0.417vw !important; } .prefrences_setting .custom-control.custom-checkbox { padding: 0 1.667vw 0 0 !important; display: flex; align-items: center; min-height: inherit !important; top: 0; margin-bottom: 0; } .prefrences_setting label { font-size: 1vw !important; line-height: 1.4; padding-left: 1.597vw; } .prefrences_setting .custom-control-input:checked ~ .custom-control-label::before, .prefrences_setting .custom-checkbox .custom-control-label::before { border-color: #000 !important; margin-top: 0; top: 50% !important; transform: translateY(-50%) !important; } .prefrences_setting label:before, .prefrences_setting label:after { height: 1rem !important; width: 1rem !important; border-color: #000 !important; top: 50% !important; position: absolute; left: 0 !important; } .policy_check { color: rgba(0, 0, 0); font-size: 0.833vw; margin-bottom: 1.667vw; line-height: 1.2; } .policy_check a { text-decoration: underline; } .forgot_password small { color: rgba(255, 255, 255, 0.6); text-align: end; font-size: 1vw; margin-top: 0.556vw; line-height: 1.4; } .pop_fut { margin-top: 1.464vw; } .popup_signup .pop_fut { padding: 0 2.562vw; } .btn_holder { margin-top: 1.667vw; } .dark .btn_block { border: solid 1px rgba(255, 255, 255, 1) !important; background: #000 !important; color: #fff !important; } .dark .btn_block._w:hover { border: solid 1px rgba(255, 255, 255, 1) !important; background: #fff !important; color: #000 !important; } .btn_block { font-size: 1vw; font-family: "BarlowRegular"; color: #000; background: #fff; display: inline-block; text-transform: uppercase; line-height: 1.4; cursor: pointer; border: solid 1px rgba(0, 0, 0, 0.74); /* padding: 0 2.083vw 0 3.75vw;*/ padding: 0 1.464vw 0 2.928vw; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height: 2.778vw; display: inline-flex; align-items: center; } .bdr_light { /* border-color: rgba(0, 0, 0, 0.2);*/ } .btn_block:before { content: ''; background-size: contain !important; background-position: center center !important; vertical-align: middle; margin-right: 0.5vw; position: absolute; height: 100%; width: 1.098vw; left: 1.098vw; top: 0; } .btn_block.arrow:before { background: url(../images/arrow_b.svg?v=@{c-v}) no-repeat; } .btn_block.arrow:hover:before, .btn_block.arrow._w:before { background: url(../images/arrow_w.svg?v=@{c-v}) no-repeat; } .btn_block.arrow._w:hover:before { background: url(../images/arrow_b.svg?v=@{c-v}) no-repeat; } .btn_block.google:before { background: url(../images/google_icon.svg?v=@{c-v}) no-repeat; } .btn_block:hover { background: #000; color: #fff; } .btn_block .web_btn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; background: none; opacity: 0; padding: 0; } .already_account p, .can_join p { margin-bottom: 0.556vw !important; font-size: 1vw; line-height: 1.4; } .set-password .title { color: #000; line-height: 1; font-size: 1.667vw; margin: 0 0 0.833vw 0; font-family: 'BarlowSemiCondensedMedium'; } .set-password .bg-light { background: #fff !important; } .set-password .bg-light p { font-size: 1vw; line-height: 1.4; color: rgba(0, 0, 0, 0.8) !important; margin-bottom: 1.667vw; } .pass_inst p { font-size: 0.833vw; margin-bottom: 0; line-height: 1.2; color: #000; } .common_popup .error_message, .set-password .error_message { font-size: 0.833vw; color: #c50f16 !important; display: table; margin-top: 0.556vw; line-height: 1.2; top: 0 !important; position: relative !important; } #popup_group .common_popup .close { position: absolute; right: 1.5vw; top: 1.5vw; cursor: pointer; z-index: 9; font-size: 1.6vw; opacity: 0.8; /* width: 1.389vw; height: 1.389vw; */ } .tc video{ object-fit: cover; height: 100%; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*common popup css*/ /*09-04-2024*/ /*23-12-2024*/ #invite-popup { background: rgba(0,0,0,0.8); } #invite-popup .pop_container { background: transparent; box-shadow: none; width: 42vw; } #invite-popup .close_w { right: 0vw !important; top: 0vw !important; width: 3vw; height: 3vw; background-size: 1.25vw; background-position-x: 1vw; background-position-y: 0.5vw; } .cross_adff { position: absolute; right: 8px; top: 5px; z-index: 999; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .cross_adff img { width: 80%; } .adff_footer_hide { bottom: -100% !important; transition: 0.5s ease; } .adff_stir { width: 100px; } .f-bm { font-family: 'BarlowMedium'; } .tag_result .breadcrumbs { margin-bottom: 1.5vw; } .tag_result h1, .page_title { font-size: 2.15vw; font-family: 'BarlowMedium'; } .tag_result .search_form .search_info, .tag_result .article_thumb, .filter_page .article_thumb, .filter_page .search_form .search_info { margin-top: 1.5vw; font-size: 0.9vw; } .tag_result .tab_container .article_thumb { margin-top: 0; } /*23-12-2024*/ /*28-01-2025*/ .text-underline, .text-underline:hover { text-decoration: underline; } .lh-1 { line-height: 1; } .visit_links p, .visit_links p a { font-family: "BarlowRegular" !important; font-size: 14px !important; } .visit_links { display: flex; align-items: center; justify-content: flex-end; } #main_header .stir_logo.mob_hide { display: block; } /*28-01-2025*/ .stirfri_show { max-height: 210px; transition: max-height .5s ease-in; } .stirfri_hide { max-height: 0; transition: max-height .5s ease-out; overflow: hidden; } /* GRV CSS ends here */ .printmsg { display: none !important; } .trinity-fab-overlay { display: none; } @media (min-width: 768px) { .morearticles .article_info_box .article_info_text { width: 75%; } .morearticles .article_info_box .read_info { width: 25%; } .searchpopup .searchbar { height: auto; min-height: 1px; } } /* responsive css start here */ /* pr */ @media (min-width: 1366px) and (max-width: 1367px) { .content_scroll { width: 100%; height: 26vw; overflow: auto; position: relative; } } /* pr */ @media (max-width: 1024px) { .fancybox-caption__body { width: 95% } } @media (max-width: 767.98px) { /* pr */ .category_article_holder .content_scroll { height: auto; } /* pr */ .ad_space { margin-bottom: 2.0161vw; border: none; } .ad_space a { display: inline-block; position: relative; border: 1px solid rgba(0, 0, 0, 0.4); } .ad_space a::before { content: "ad"; position: absolute; left: -1px; top: 10px; background: #fff; z-index: 9; padding: 5px 15px; line-height: normal; } .head_popup { overflow-y: scroll; } #search_popup { background-color: rgba(0, 0, 0, 0.9); } #popup_group #search_popup .close { width: 7.04vw; height: 7.04vw; background: url(../images/close.png?v=@{c-v}) no-repeat center center; } .head_popup .bgoverlay { display: none; } .cookies_popup { bottom: 0; } .fancybox-slide--image { padding: 100px 0; } body { -webkit-transition: 2s; transition-duration: 2s; /* -webkit-transform-style: preserve-3d; */ } .flipped { -webkit-transform-style: none; -webkit-transform: rotatey(180deg); } /* fonts */ .jquery-accordion-menu ul li a.cat_link { font-family: 'BarlowSemiCondensedSemiBold'; } .mob_hide, .main_category_article_section .sec_top_head .category_nav_bar, .article-details .morearticles, .text-article_section .article_image_hold { display: none !important; } .reflect_detail .article-details .morearticles { display: block !important; } .detail_page_cont_holder.world_box .morearticles .event_info, .detail_page_cont_holder.world_box .morearticles .event_description { border-left: none; padding-left: 0; } .mob_show { display: block; } .col_w_forty, .col_w_sixty { flex: 0 0 100%; max-width: 100%; } .row { margin: 0 -15px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding: 0 15px; } body, .event_info p, .nav-tabs .nav-item .designation { font-size: 4.2vw; } .spc, .main_category_article_section { margin: 0 0 12.096vw 0; } .page_banner { height: 97.56vw; border-radius: 10px; } .content_page_wrapper .page_head_sec .sub_title { font-size: 4.756vw; } .content_page_wrapper .page_textBlock { max-width: none; } /* title */ .title { letter-spacing: -0.5px !important; } .title.lg_title { font-size: 7.258vw; } .stirred_logo .title.lg_title { font-size: 6vw; line-height: 1.5; } .title.xl_title { font-size: 7.258vw; } .title.md_title, h2, .detail_page_cont_holder h2, .content_page_wrapper .page_textBlock h2 { font-size: 6.048vw; } .title .under_title, .text_article .title .under_title { font-size: 5vw; } .title.xl_title .under_title { font-size: 7vw; } .title.sm_title, .category_article_holder .md_article .sm_title { font-size: 5.048vw; } .title.sm_title .under_title { font-size: 4vw; } /* button style start */ .web_btn { font-size: 4.10vw; padding: 1.851vw 3vw 1.851vw 6.629vw; } .web_btn.google { padding: 1.851vw 3vw; } .web_btn.google img { margin-right: 1.5vw; max-width: 13px; } .web_btn span { display: none; } .addon::before { width: 4.098vw; } .btn::before { width: 4vw; height: 3vw; } .btn.plus::before { margin-right: 3.024vw; width: 2.1vw; height: 2.1vw; } .btn.tick::before { width: 4vw; height: 2vw; } .btn.cancel::before { width: 4.171vw; height: 2.805vw; } .stir_activity .web_btn { font-size: 3vw; } .stir_activity .btn::before { height: 2.5vw; } /* button style end */ /* icon start here */ .stirring_icon { font-size: 7vw; } .stirring_overlay .stir_it_up .stirring_icon { float: right; } p { font-size: 4.2vw; margin-bottom: 5.040vw; } .canvas-sale-grid .set_editions ~ .buy_btn { margin-bottom: 5.040vw; } .set_editions { font-size: 3.6vw; } .set_editions strong { font-size: 4.2vw; } .space_lt { padding-left: 0; } /* article category name */ .article_thumb .read_info .work_job { margin-bottom: 1.5vw; } .article_thumb.xl_article .read_info .work_job { font-size: 3vw; } /* header */ .menu_toggle { display: inline-block; vertical-align: middle; margin-right: 3vw; position: relative; top: 1vw; display: none; } .menu_toggle .bar1, .menu_toggle .bar2, .menu_toggle .bar3 { height: 1px; background-color: #333; transition: 0.4s; display: block; width: 6.5vw; margin: 1.5vw 0 1.5vw 0; } /* stir channel menu */ #main_header .right_col { background-color: rgba(0, 0, 0, 0.6); width: 100%; padding: 0; width: 100%; height: 100%; position: fixed; left: 0; top: 0; } #main_header .navbar { display: block; position: fixed; left: -85%; width: 85%; top: 0; margin: 0; z-index: 999; height: 100%; background: #fff; padding-top: 25vw; } #main_header .navbar li { display: block; margin: 0; } #main_header .navbar .navbar-nav { text-align: left; } #main_header .navbar a { padding: 10px 15px; font-size: 5vw; display: inline-block; width: 100%; border-bottom: 1px solid #ccc; } #main_header .right_col .head_logo_hold { position: fixed; z-index: 9; top: 0; width: 85vw; left: 0; z-index: 9999; padding: 5vw; border-bottom: 1vw solid #ccc; } #main_header .right_col .head_logo_hold .stir_logo { width: 20vw; display: inline-block; } #main_header .right_col .close { background: url(../images/close_b.png?v=@{c-v}) no-repeat; display: inline-block; height: 7vw; width: 7vw; background-size: cover; position: fixed; right: 18vw; z-index: 99999; top: 7vw; opacity: 1; cursor: pointer; } #main_header .right_col { display: none; } #main_header { height: auto; } #main_header .left_col ul li.user .logged_user { height: 6vw; width: 6vw !important; } /* MENU CSS START */ /* .mobi-menu { width: 100%; height: 100vh; position: fixed; left: -100vw; top: 0; z-index: 999; display: block; } .jquery-accordion-menu { width: 84.8790vw; height: 100vh; position: fixed; left: -100vw; top: 0; z-index: 9999; background: #fff; box-shadow: 0 20px 50px #333; display: none; }*/ .expand-minus { width: 4vw; height: 4vw; background-image: url('../images/minus_b.png?v=@{c-v}'); background-color: #fff; background-size: contain; border: none !important; padding: 0 !important; margin: 3.6vw 0 0 0 !important; } .collapse-plus { width: 4vw; height: 4vw; background-image: url('../images/plus_b.png?v=@{c-v}'); background-color: #fff; background-size: contain; border: none !important; padding: 0 !important; margin: 3.6vw 0 0 0 !important; } .jquery-accordion-menu ul { width: 100%; margin: 0 0 0 4.5362vw; padding: 0; list-style: none; position: relative; float: left; } .jquery-accordion-menu ul li { width: 70.5vw; display: block; float: left; position: relative; margin: 2.5685vw 0; } .jquery-accordion-menu ul li:first-child { margin-top: 0; } .jquery-accordion-menu ul li:last-child { margin-bottom: 0; } .jquery-accordion-menu ul li a.cat_link { float: left; text-decoration: none; color: #000; line-height: 1; font-size: 9.0725vw; white-space: nowrap; position: relative; } .jquery-accordion-menu ul li a { float: right; } .jquery-accordion-menu ul li ul { margin: 0; transition: all .5s ease-in-out; } .jquery-accordion-menu ul li ul li { padding: 0; margin: 0; } .jquery-accordion-menu ul li ul li a { width: 100%; float: left; font-size: 4.8387vw; padding-top: 3.3266vw; padding-bottom: 3.3266vw; border-top: none; position: relative; background: none; } .jquery-accordion-menu ul li ul li:last-child a { padding-bottom: 0; } .jquery-accordion-menu ul ul.submenu li { clear: both; width: 100%; margin: 0; } .jquery-accordion-menu ul ul.submenu li a {} .hum_line { width: 5.0403vw; height: 0.5vw; background: #000; display: block; margin: 1.5120vw 0; border-radius: 3px; } .hum_line:hover { background: rgba(0, 0, 0, .5); } .mb_0 { margin-bottom: 0; } .menu--1 { width: 5.0403vw; height: 5.8306vw; float: left; cursor: pointer; } .content_scroll { /* width: 81.5362vw;*/ height: 80vw; overflow: auto; position: relative; } /* MENU CSS END */ /* MENU CSS END */ .stopScroll { margin: 0; height: 100%; } #welcome_user .pop_container .item { display: block; } #welcome_user .profile_pick { width: 13.414vw; height: 13.414vw; } #welcome_user .bio { padding-left: 1.829vw; } #welcome_user .bio .name { font-size: 7.258vw; } #welcome_user .bio a { font-size: 4.032vw; text-decoration: underline; } #welcome_user .pop_container .nav_link { text-align: left; border-top: 1px solid #ccc; margin-top: 5.487vw; } #welcome_user .pop_container .nav_link ul { border: none; } #welcome_user .pop_container .nav_link li { display: block; margin: 5vw 0; } #welcome_user .pop_container .nav_link li a { font-size: 3.629vw; letter-spacing: normal; } #welcome_user .pop_container .item.right_col { padding: 0; } #welcome_user .pop_container .signout { padding: 2vw 6.097vw; } #welcome_user .pop_container::after { bottom: -3.756vw; height: 3.756vw; } /* header end here */ .stir_activity figure { width: 25.274vw; margin: 10.080vw 0 7.056vw 0; } .stir_activity figure img { width: 25vw; } .stir_activity .text_block { padding-left: 3vw; } .btn { font-size: 4.032vw; padding: 1.5vw 2vw; } .btn-submit { font-size: 4.032vw; } .btn.addon::before { width: 3.1vw; height: 1.75vw; vertical-align: middle; background-size: cover; background-position: left center; vertical-align: middle; margin-right: 1.5vw; } .stir_activity h3 { font-size: 5.048vw; margin: 0 0 4.032vw 0; } .stirred_logo { margin-left: 1.908vw; width: 36.290vw; } .stirred_logo i { font-size: 5vw; font-family: 'Barlow Condensed', sans-serif; font-weight: 400; } .stirring_icon::after { height: 6.1vw; width: 6.1vw; margin: -2.55vw 0 0 -2.3vw; } .stirring_sec .article_thumb .thumb_inslide, .stirring_sec .article_thumb figure { height: 100%; } /* category */ .detail_page_cont_holder .article_left_detail h2 { margin-bottom: 4vw; } .detail_page_cont_holder .title_head .sub_title { font-size: 6.048vw; line-height: 1.1; margin-top: 3vw; display: inline-block; } .article_list_holder .article_thumb.xl_article { padding-bottom: 0; } .article_intro { font-size: 4vw; margin-top: 4.878vw; } .article_description .article_image_hold img { max-height: none; } .category_band .inside_box { height: 35.2822vw; position: relative; margin-bottom: 2.0161vw; display: inline-block; width: 100%; border-left: 4.5362vw solid #e98267; vertical-align: top; } .category_band figure { height: 35.2822vw; background-size: cover; } .category_band .inside_box.highlights { border-color: #a020f0; border: none; height: auto; margin-bottom: 10vw; } .category_band .inside_box.see { border-color: #e98267; } .category_band .inside_box.think { border-color: #ebb762; } .category_band .inside_box.inspire { border-color: #59856f; } .category_band .inside_box.reflect { border-color: #407a93; } .category_band .see .category_nav_bar, .category_band .inspire .category_nav_bar { padding-left: 14vw; } .category_band .think .category_nav_bar, .category_band .reflect .category_nav_bar { padding-right: 20vw; } /* .category_band .inside_box ul li a { font-weight: 100; padding: 0 2.016vw; line-height: normal; border-right: 1px solid rgba(255, 255, 255, .56); font-size: 4.032vw; font-family: 'Barlow Condensed', sans-serif; line-height: 1; font-weight: 300; } */ .category_band .inside_box ul li a:hover { text-decoration: underline; } .category_band .inside_box li:last-child a { border-right: none; padding-right: 0; } /* .category_band .inside_box li { display: inline-block; line-height: 1; margin-bottom: 1.5vw; } */ .category_band .inside_box .category_logo { position: absolute; top: 50%; left: 10vw; transform: translateY(-50%); } .category_band .inside_box.see .category_logo { max-width: initial; height: 7vw; } .category_band .inside_box.think .category_logo { max-width: initial; height: 10.0806vw; } .category_band .inside_box.inspire .category_logo { max-width: initial; height: 13.0806vw; } .category_band .inside_box.reflect .category_logo { max-width: initial; height: 10.0806vw; } .category_band .inside_box .plus { width: 12.903vw; height: 12.903vw; background-size: cover; position: absolute; background-color: rgba(0, 0, 0, 0.2); right: 0; bottom: 0; } .category_band .inside_box .plus:before { background: url(../images/plus_w.png?v=@{c-v}) no-repeat; content: ""; position: absolute; transform: translate(-50%, -50%); height: 5.241vw; background-size: contain; width: 5.241vw; left: 50%; top: 50%; } .category_article_holder .reflect_list .short_description_holder { display: block; } .reflect_list .title, .reflect_list .posted_by { margin: 4vw 0; } .reflect_list .posted_by { font-size: 4.2vw; } .reflect_list .article_thumb .calender_icon i { width: 8vw; height: 8vw; } .reflect_list .article_thumb .thumb_inslide { height: 92vw !important; } /* category thumbnail here */ #see_sec .category_logo img { width: 21.169vw; } #think_sec .category_logo img { width: 32.544vw; } #inspire_sec .category_logo img { width: 40.863vw; } #reflect_sec .category_logo img { width: 38.399vw; } .main_category_article_section { position: relative; } .main_category_article_section .category_logo a:after { content: ""; background: url(../images/arrow_w.png?v=@{c-v}) left center no-repeat; width: 6.048vw; height: 4.536vw; display: inline-block; background-size: contain; vertical-align: middle; margin-left: 10px; } .main_category_article_section .close { position: absolute; right: 0; top: 0; width: 12.903vw; height: 12.903vw; background-color: rgba(255, 255, 255, 0.4); display: block; z-index: 9999; opacity: 1; cursor: pointer; } .main_category_article_section .close:after { content: ""; background: url(../images/close_w.png?v=@{c-v}) left center no-repeat; width: 4.687vw; height: 4.687vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-size: contain; } .main_category_article_section .sec_top_head { padding: 5vw; } .main_category_article_section .article_info_box { width: 100%; height: auto; } .article_info_box .read_info { max-width: 35%; font-size: 3.629vw; } .article_thumb.sm_article .article_info_box .read_info { font-size: 2.5vw; } .article_info_box .read_info .work_job { font-size: 3vw; font-weight: 500; } .article_thumb.text_article .article_info_box .read_info { max-width: 24vw; font-size: 3.024vw; margin-top: 15vw; } .article_thumb .article_info_box::before { left: 35%; } .article_thumb.text_article .article_info_box::before { left: 24vw; } .article_thumb .thumb_inslide { height: 46.875vw; border-bottom: 0.504vw solid #fff; } .main_article .thumb_inslide, .category_article_holder .main_article .thumb_inslide { height: 148.185vw; } .main_article .thumb_inslide, .category_article_holder .main_article .thumb_inslide.conversion { height: 52vw; } .xl_article .estimate_time, .article_thumb.text_article .estimate_time, .lg_article .estimate_time { font-size: 9.072vw; } .work_job { font-size: 9.072vw; } .sm_article .estimate_time, .md_article .estimate_time { font-size: 6.048vw; } .xl_article .bookmark_icon i, .text_article .bookmark_icon i, .lg_article .bookmark_icon i { width: 6.048vw; height: 11.088vw; } .sm_article .bookmark_icon i, .md_article .bookmark_icon i { width: 5.040vw; height: 9.072vw; } .article_thumb .bookmark_icon, .posted_by { margin: 8.064vw 0; } .sm_article .bookmark_icon, .md_article .bookmark_icon { margin: 6.048vw 0; } .posted_by { font-size: 3.024vw; margin: 6.048vw 0; } .xl_article .posted_by, lg_article .posted_by { font-size: 3.629vw; margin: 8.06vw 0; } .read_info { font-size: 1.8vw; } .dot_more_btn span { height: 3vw; width: 3vw; } .text_article .article_info_box, .category_article_holder .text_article .article_info_box { padding-top: 6.048vw; } .text-article_section .description_holder.p_t { padding: 2.0161vw 0 0 24vw; } .text-article_section .description_holder + .dot_more_btn { margin-left: 24vw; } .text-article_section .description_holder.p_t .textBlock { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .text_article .tag { width: 34.778vw; position: static; margin-bottom: 5.544vw; } .text_article .article_info_text { padding-right: 0; } .loadmore_btn { margin: 0; } .loadmore_btn span { margin-top: 3.930vw; display: inline-block; } .loadmore_btn_mobi { width: 100%; margin: 0; position: relative; border-bottom: 1px solid #bababa; } .loadmore_btn_mobi span { margin-top: 3.930vw; margin-bottom: 3.930vw; display: inline-block; border: none; font-size: 5.04032vw; position: static !important; } /*.loadmore_btn_mobi span:after{ content: ""; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; background: #bababa; }*/ .loadmore_btn_mobi .btn.plus::before { width: 6.25VW; height: 6.25VW; } .share_icon { width: 18vw; margin-left: 0; height: 20vw; cursor: pointer; text-align: right; } .share_icon i { width: 6vw; height: 6vw; background: url('../images/share_icon.png?v=@{c-v}') no-repeat; background-size: contain; display: inline-block; margin-top: 10vw; } .category_article_holder .article_info_box { right: 0; bottom: 0; } /*mid section start here */ .stirring_logo { margin: 8.064vw 0; } #stirring_sec_mob .stirring_logo { margin: 3vw 0 8.064vw 0; } .stirring_sec { margin-left: 0; margin-right: 0; } .stirring_sec .article_info_box { padding: 0; bottom: 30px; } .stirring_sec .article_info_box { height: auto; } /* footer */ #main_footer { padding: 8.064vw; margin-top: 12.096vw; } #main_footer .row { margin: 0; } #main_footer .footer_wrap { width: auto; } #main_footer .footer_col { flex-basis: auto; } #main_footer .footer_col .cat_links { display: none; padding-left: 13vw; margin-top: 7vw; } #main_footer .footer_col h4 { font-weight: 500; letter-spacing: normal; height: auto; margin: 0; font-size: 12.096vw; cursor: pointer; } #main_footer .quick_links li { float: left; width: 50%; } #main_footer .footer_col a, #main_footer .common_links a { font-weight: lighter; font-size: 4.032vw; } #main_footer .social_links { margin: 0; float: none; width: auto; } #main_footer .social_links a { background-position: center center !important; width: 20px !important; height: 20px !important; margin-right: 15px; } .copyright span { font-size: 12vw; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .copyright { font-size: 4.032vw; position: relative; padding-left: 15vw; margin-top: 12.096vw; line-height: 1.1; } #main_footer .stir_footer_logo { width: 36vw; top: 0; } #main_footer .footer_col h4:before { content: ""; background: url(../images/plus_w.png?v=@{c-v}) no-repeat; display: inline-block; height: 9.576vw; width: 9.576vw; position: relative; top: 1.3vw; margin-right: 7.056vw; background-size: cover; } #main_footer .footer_col { padding: 0; margin-bottom: 12.096vw; } #main_footer .bottom_bar { margin: 0; } #stie_wrap { padding: 0 4.074vw; } /* header */ #main_header .header_inside { padding: 6.048vw 4.536vw; } #main_header .stir_logo { display: inline-block; width: 30vw; position: absolute; margin: auto; top: 50%; transform: translate(-17%, -50%); left: 0; right: 0; z-index: 1; } #main_header .left_col ul { float: right; margin-top: -1vw; } #main_header .left_col ul li { margin-left: 3vw; } #main_header .left_col ul li a { font-size: 4vw; } .STIRring_Conversations { position: absolute; left: 65vw; } .STIRring_Conversations i { height: 5vw; width: 4vw; } .mobi_closebut { width: 5vw; height: 5vw; position: absolute; right: 0; top: 5vw; background: url('../images/close_b.png?v=@{c-v}') no-repeat center center; cursor: pointer; z-index: 9; background-size: cover; background-position: center; cursor: pointer; } /* stirring section */ .stirring_sec .article_thumb { height: 53.931vw; } .stirring_sec .article_thumb .thumb_inslide, .article_thumb figure, .img_dark_skin { width: 100%; height: 100%; } .stirring_sec .article_thumb .thumb_inslide a { display: inline-block; width: 100%; height: 100%; } .stirring_sec .article_info_box .article_info_text { padding: 0 5vw 0 5vw; } .userBio_holder { margin: 0 5.0403vw 8.5685vw 4.5362vw; padding-top: 5.0403vw; padding-bottom: 5.0403vw; border-bottom: 1px solid #b2b2b2; } .mobi-top-prio { background: #000; text-transform: uppercase; font-family: 'Barlow Semi Condensed', sans-serif; font-size: 3.6290vw !important; font-weight: 500; color: #fff; padding: 2vw 4.5362vw; text-align: right; } .mobi-top-prio a { font-size: 4vw; color: #fff; } .mobi-top-prio a:hover { color: rgba(255, 255, 255, .6); } .scroll_menu { margin: 0 5.0403vw 8.5685vw 4.5362vw; overflow: scroll; height: 200px; display: table; } .privacy_policy_page .page_content_wrapper .float_textBlock { width: 100%; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { width: 3.024vw; height: 5.544vw; margin: 5.544vw 3.528vw 0; } .title.xxl_title { font-size: 9.072vw; letter-spacing: normal; } .lg_p { font-size: 4.02vw; } .news_letter_form .form-control { font-size: 5vw; } .news_letter_form button { width: 7vw; height: 4vw; } .stir_activity .col { width: 50%; } .stir_activity { margin-top: 0; } /* category article page */ .article_list_holder { float: none; width: auto; } .category_article_holder .short_description_holder { padding: 5vw 0 0 0; display: none; } .category_article_holder .conversation_description { padding: 5vw 0; } .category_article_holder .short_description_holder .left_col, .category_article_holder .short_description_holder .right_col { float: none; width: 100%; padding-right: 0; } .category_article_holder .short_description_holder .left_col { margin-bottom: 5vw; } .article_list_holder .article_thumb, .similar-articles .article_thumb { padding-bottom: 0; } .category_article_holder .ad_space { padding: 6vw 0; margin: -1px 0; background: #fff; } .main_category_article_section .see_more_btn_holder { margin-bottom: 10.080vw; border-bottom: solid 1px rgba(0, 0, 0, 0.27); padding: 5.040vw 1.512vw; } .main_category_article_section .btn.plus { border: none; font-size: 4.838vw; margin-top: 0; font-family: 'Barlow Condensed', sans-serif; display: inline-block; padding: 0; } .main_category_article_section .btn.plus::before { width: 6.048vw; height: 6.048vw; } .main_category_article_section .btn:hover { background: none; color: #000; } .main_category_article_section .btn:hover:before { background: url(../images/plus_b.png?v=@{c-v}) no-repeat; } .text-article_section .right_spc { padding-right: 0; } .left_category_navbar { display: block; float: none; width: 100%; padding: 0; margin-bottom: 6.944vw; } .left_category_navbar ul { width: 100%; overflow-x: scroll; white-space: nowrap; padding: 5vw 0 5vw 0; } .left_category_navbar ul li { display: inline-block; float: none; position: relative; margin: 0 3.930vw 0 0; } .left_category_navbar ul li a { font-size: 3.930vw; } .left_category_navbar ul li.active:before { content: ""; position: absolute; width: 50%; height: 2px; background: #000; bottom: -2px; left: 0; } .left_category_navbar .category_logo { display: inline-block; height: 8.064vw; } .left_category_navbar .sidebar_columnists_title h2 { font-size: 6vw; margin: 0; } .left_category_navbar .category_logo img { max-height: 100%; } .left_category_navbar .slide_toggle_sideMenu { background: url('../images/arrow_b.svg?v=@{c-v}') no-repeat; display: inline-block; width: 5.503vw; background-size: contain; height: 3.930vw; vertical-align: middle; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */ transform: rotate(180deg); cursor: pointer; margin-right: 2.358vw; } /* content page */ .make-me-sticky { top: 10px; } .article-details .content figure figcaption { font-size: 4.2vw; } .article-details .content figure figcaption .image_credit { font-size: 4vw; } .detail_page_cont_holder .article_left_detail { float: none; width: auto; } .detail_page_cont_holder .title_head .posted_date { border: none; padding: 0; margin: 0; display: block; } .detail_page_cont_holder .right_col::before { display: none; } .detail_page_cont_holder .title_head::before, .page_content_wrapper::before { top: -4.196vw; height: 4.196vw; width: 100%; content: ""; position: absolute; right: 0px; background: url(../images/article-wave.png?v=@{c-v}) no-repeat top right; background-size: cover; } .page_content_wrapper::before { /*height: 3.196vw;*/ height: 4.496vw; } .action_Textbar { text-align: left; padding-top: 2.464vw } .form_wrapper .title { padding-top: 1.464vw; } .team_carousel .item_holder { display: block; } .core_team .title { margin-bottom: 5.196vw; } .detail_page_cont_holder h4 { font-size: 5.5vw; margin-bottom: 4vw; } .core_team .desiganation { font-size: 4.756vw; font-size: 3.658vw; } .text_blob { height: 95vw; } .stir_family { max-width: none; } .stir_family .title { margin-bottom: 5.928vw; } .stir_family .thumb_row .thumb_image { width: 23vw; margin: 0 3vw 0 0; float: left; } .team_carousel .team_image { width: 45vw; float: left; margin: 0; } .stir_family .name { font-size: 4.032vw; } .stir_family .desiganation { font-size: 3.629vw; white-space: nowrap; } .stir_family .thumb_row { margin-bottom: 3.353vw; } .stir_family .thumb_row .team_bio { padding-left: 0; } #Contributor .thumb_row .thumb_image { float: none; display: inline-block; vertical-align: middle; width: 30%; margin: 0; } #Contributor .thumb_row .team_bio { display: inline-block; vertical-align: middle; padding-left: 3vw; width: 65%; } #Contributor .desiganation { white-space: normal; } .carousel-indicators { bottom: 0; left: 0; } .carousel-indicators li { height: 3.098vw; width: 3.098vw; } .thumbnail_tag { width: 6vw; height: 40vw; left: 7vw; padding: 3.5vw 0.1vw; } .thumbnail_tag::after { font-size: 3.629vw; } /* detail page similer article */ .article-details .morearticles { float: none; width: 100%; } .r-time { width: 22%; padding: 0 0 4vw 0; height: 35vw; } .r-time .read_info { font-size: 8.333vw; border: none; margin: 0; display: block; padding: 0; text-align: right; height: auto; } .r-time .read_info span.work_job { font-size: 3.6290vw; font-weight: 500; } .r-time .read_info span.read_time_estimate { font-size: 3.333vw; } .banner_inside .bookmark_icon { padding: 0; display: block; margin: 5vw 0 0 0; } .banner_inside .bookmark_icon i { margin: 0; } .tcounters { width: 10.7vw; height: 10.7vw; font-size: 5.5vw; line-height: 11.7vw; } .detail_page_cont_holder .right_col { margin-top: -17.378vw; } .article_detail_page .detail_page_cont_holder .right_col { margin-top: 0; } .main_banner .overlay_box { margin-top: -9vw; } .about_us_page .main_banner .overlay_box { margin-top: 0; } .detail_page_cont_holder { margin: 0; padding-left: 0; } .detail_page_cont_holder .title.lg_title { font-size: 7.258vw; } .main_banner .overlay_box .logo { width: 30.487vw; margin-bottom: 3.658vw; } .main_banner .overlay_box .play_btn { width: 9.259vw; height: 9.259vw; } .main_banner .overlay_box .text { font-size: 1.967vw; } .banner_inside .article_image { height: 144.44vw; } .main_banner img { height: 100%; } .detail_page_cont_holder .title_head { min-height: 42vw; padding: 5vw 6.097vw; margin-bottom: 0; width: 80%; margin-left: 20%; background: #fff; position: relative; right: -4.074vw; margin-top: -50vw; } .detail_page_cont_holder .right_col { padding-right: 0; background: none; } .detail_page_cont_holder.article-details .right_col .inside_holder { padding: 0vw; display: inline-block; width: 100%; } .detail_page_cont_holder .article_description iframe.article_iframe_video { height: 52vw; } .article-details .content blockquote { padding: 6vw 0 4vw 0; font-size: 5vw !important; margin: 0; float: none; width: 100%; } .article-details .content blockquote::before { width: 6vw; height: 5vw; background-size: cover; background-position: center center; } /* inner pages article thumbnail start here */ .article_thumb.w_20 { width: 100%; } .sm_article .article_info_box, .md_article .article_info_box { height: auto; } .filter_page .article_thumb, .filter_page .ad_space { margin: 0; } /* inner pages article thumbnail end here */ /* filtr page start here */ .filter_head { margin-bottom: 6.018vw; } .filter_page .search_form { max-width: none; } .filter_page .search_form .form-control { height: auto; font-size: 4.444vw; padding: 0 10vw 0 0; } .page_title, .becoming-one .page_title { font-size: 9.072vw; letter-spacing: normal; } .filter_page .search_form .search_info { font-size: 3.333vw; margin-top: 4.629vw; } .filter_page .search_form .search_btn { width: 5.092vw; height: 5.092vw; right: 2.5vw; } .filtersbox .closeb { font-size: 3.629vw; padding: 2.016vw 6.048vw; margin-top: 1.5vw; } .filtersbox ul li { float: left; margin: 0 0 0.925vw 0.925vw; } .filtersbox ul li a::after { margin: 0 0 0 1.5vw; height: 3.024vw; width: 3.024vw; } .btn.closeb::before { height: 3.024vw; width: 3.024vw; margin-right: 1.5vw; } .filtersbox ul li a { display: inline-block; font-size: 3.629vw; padding: 2.016vw 6.048vw; width: 100%; } .filtersbox, .article-results { flex: inherit; max-width: none; } .filtersbox ul { margin: 4.629vw 0 0 -0.925vw; } .article-results { margin-top: 4.629vw; } /* profile page start here */ #profile_setting h1.title { display: none } #profile_setting .left_nab { flex: inherit; max-width: none; padding: 0; white-space: nowrap; width: 100%; margin-bottom: 9.072vw; } #profile_setting .left_nab ul { padding-bottom: 9.072vw; } #profile_setting .left_nab li { margin: 0 6.048vw 0 0; display: inline-block; position: relative; } #profile_setting .left_nab li:last-child { margin-right: 0; } #profile_setting .left_nab li.active:before { content: ""; height: 2px; width: 40%; background: #000; display: inline-block; position: absolute; left: 0; bottom: -5px; } #profile_setting .left_nab a { font-size: 4.032vw; } #profile_setting .actionbuttons { position: static; } .edtit_profile .profile_pic { width: 24.390vw; height: 24.390vw; } .change_pic_holder { margin-bottom: 8.536vw; overflow: hidden; } #profile_setting .field_hold { padding: 2.134vw; } .form.profile_setting_form .field_hold label { font-size: 3.225vw; } .profile_setting_form .profession .custom-select-wrapper { width: 100%; } .profile_setting_form .custom-select-trigger { left: 0; line-height: 13vw; padding-left: 12vw; } #profile_setting .field_hold, .profile_setting_form .profession { padding: 0; width: 100%; margin-bottom: 5.040vw; } #profile_setting .field_hold span.form_icon { width: 12vw; height: 100%; background-size: 4vw; } .preference_tab li, .article_tag_tab li { margin: 1px; } .preference_tab li a, .article_tag_tab li a { font-size: 3.629vw; padding: 3vw 4.536vw; letter-spacing: normal; min-width: 15vw; text-align: center; } .commentbox_container, .article-details .authordetails, .article-details .similar-articles { padding-top: 8vw; margin-top: 0; } .comment_area { width: 100%; } .comment_area .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ font-size: 4vw; } .comment_area .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 4vw; } .comment_area .form-control::-ms-input-placeholder { /* Microsoft Edge */ font-size: 4vw; } .comment_area .field_hold { padding: 4vw; } .comment_area { border-radius: 5px; } .comment_popup .mCSB_inside > .mCSB_container { margin-right: 5vw; } .comment_area .comment-info .posted-by { font-size: 3vw; font-weight: 400; } .post_comment_btn_holder { margin: 3vw 0; } .comment_area .form-control { height: 6vw; } .comment_area .thumb_hold { padding-right: 3vw; } .comment_area .thumb_hold span { height: 9vw; width: 9vw; } .comment_area .comment-info .posted-at { font-size: 3vw; font-size: 3.5vw; } .comment-row { margin-bottom: 3vw; padding: 3vw; border-radius: 5px; } .comment_area .comment-text { padding: 3vw 0 0 0; } .comment_area .comment_footer { margin-top: 3vw; padding-top: 3vw; height: 10vw; } .video_thumb .icon-play span.mins { font-size: 7vw; } .video_thumb .icon-play::before { height: 15vw; width: 15vw; } /* filter result */ .filter_page .filter_result { margin-top: 0; } .filter_result .filtersbox { float: none; width: 100%; padding-top: 0; margin-left: 0; } .filter_page .category_article_holder { margin-left: 0; } /* owl carousel */ .stirring_sec .article_image_hold::before { height: 3.4vw; bottom: -3.4vw; } .bookmark_sucessful_tooltip { padding: 3vw 3vw; position: fixed; left: 50%; white-space: nowrap; top: 30vw; width: 85vw; font-size: 3.5vw; box-shadow: 0 1px 20px 0 rgba(32, 33, 36, 0.28); } #stirring_sec_mob, #stirring_sec_web { min-height: 54vw; position: relative; } .category_article_holder .similar-articles { /*margin-left: -10vw; */ } .detail_page_cont_holder .title_head .posted_by { font-size: 4.2vw; } .detail_page_cont_holder .article_image_hold, .bx-wrapper { margin-bottom: 6vw; } .bx-wrapper .bx-controls-direction a { width: 6vw; height: 6vw; background-size: 50% !important; } .banner_inside { border-radius: 0; overflow: hidden; margin: 0; } .main_banner { margin: 0 -4.074vw; } /* comment box */ .comment_popup .wrapper { padding: 4vw; width: 90vw; border-radius: 5px; } .comment_popup .wrapper .close_btn { width: 15px; height: 15px; right: 0px; } .comment_popup .comment_area { max-height: 85vw; } .detail_page_cont_holder .category_article_holder h2 { margin-bottom: 5.040vw; } .authordetails .auth-pic { width: 32vw; height: auto; float: left; margin-right: 2.743vw; } .about_author { padding: 0; display: block; } .authordetails p.authorname { font-size: 5vw; } .authordetails p:last-child { margin-bottom: 0; } /* about us page */ .core_team .team_bio .name { font-size: 5.487vw; } #main_mid_part .popup_outer .pop_insideText { width: 100%; position: static; transform: none; height: auto; min-width: 1px; } .userBio_holder .user_bio p.designation, .userBio_holder .user_bio p.email { font-size: 3.629vw; } .userBio_holder .user_bio p { padding-left: 6vw; } .userBio_holder .user_bio h1 { font-size: 10.080vw; } .userBio_holder .user_bio .content_preferneces p { font-size: 3.333vw; } .userBio_holder .user_bio .tag { font-size: 3.333vw; padding: 3vw 2vw; letter-spacing: normal; min-width: 15vw; text-align: center; } .userBio_holder .user_bio { width: 50vw; } .userBio_holder .user_bio p::before { width: 4.032vw; background-size: 3.6vw !important; } .edit { height: 11.064vw; width: 11.064vw; } .edit::before { height: 100%; width: 100%; left: 0; top: 0; background-position: center !important; transform: none; } .tabbing .nav-tabs a { font-size: 4.032vw; } .tabbing .mCSB_horizontal.mCSB_inside > .mCSB_container { min-height: 8.333vw; } .tabbing .nav-tabs li { margin-right: 6.048vw; } .tabbing .nav-tabs li:last-child { margin-right: 0; } .tabbing .nav-tabs { margin-bottom: 6.048vw; white-space: nowrap; } .tab-content .article_thumb { margin-bottom: 0; } .article_thumb .btn.close { height: 6.048vw; right: 2.5vw; top: 2.5vw; width: 6.048vw; } .article_thumb .btn.close::before { width: 3.024vw; height: 3.024vw; } #comments_article.tab-pane .box { max-width: none; } #comments_article.tab-pane .article_thumb .title { font-size: 4.651vw; min-height: 1px; } #comments_article.tab-pane .estimate_time { font-size: 4.651vw; } #comments_article.tab-pane .comment_area { margin-bottom: 0; } #comments_article.tab-pane .btn_row { position: static; } #comments_article.tab-pane .box { margin-bottom: 8.064vw; padding-bottom: 0; } #comments_article.tab-pane .bookmark_icon i { width: 3.875vw; height: 7.364vw; } #comments_article.tab-pane .article_thumb { margin: 3.875vw 0; } #comments_article.tab-pane .comment_area .comment_footer { height: auto; } #comments_article.tab-pane .comment_area .comment_footer .btn-response { font-size: 2.790vw; } #profile_setting .profile_setting_form .switch { width: 7.407vw; height: 3.148vw; } .list-group-flush .list-group-item { padding-right: 15vw; margin-bottom: 7.870vw; } .slider.round { border-radius: 50vw; } .list-group-flush .list-group-item { font-size: 4.032vw; } .slider::before { height: 4.629vw; width: 4.629vw; } #profile_setting .actionbuttons { margin-top: 5vw; } #profile_setting .actionbuttons .btn.cancel { margin-right: 2.732vw; } .comment_area .comment_footer .btn-response { font-size: 2.195vw; margin-top: 3vw; } .article_thumb .article_info_box::before { display: block !important; width: 1px; } .stirring_sec .article_thumb .article_info_box::before { display: none !important; } .userBio_holder .user_bio p.email::before { top: 2px; } .back_page { background: url('../images/arrow_b.svg?v=@{c-v}') no-repeat; background-size: auto; display: inline-block; background-size: contain !important; width: 6.552vw; height: 5vw; vertical-align: middle; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); cursor: pointer; margin-right: 2.358vw; cursor: pointer; vertical-align: middle; } .main_banner .back_page { background: url('../images/arrow_w.png?v=@{c-v}') no-repeat; } .team_carousel .item_holder > .row { display: block; } .stir_family .thumb_holder .row { margin: 0; } .stir_family .thumb_holder .tech_team .row { margin: 0 -15px; } .stir_family .thumb_holder .team_box { float: none; width: 100%; padding: 0; margin-bottom: 3vw; } .stir_family .tech_team { border: none; padding: 0; } #main_header .left_col ul li a.open::before { height: 4px; bottom: -10px; width: 4px; margin-left: -2px; } .left_category_navbar .sidebar-item { position: static; width: 100%; } .left_category_navbar { margin: 0; } .fancybox-caption__body { font-size: 14px; } .fancybox-caption .image_credit { font-size: 12px; } .page_content_wrapper { padding: 0; } .stir_activity .row { margin: 0 -13px; } .counter { right: 5vw; top: 6vw; } .news_letter_subscription .stirring_text_image { height: 9vw; margin: 0.5vw 0 0 0.5vw; } .page_content_wrapper .float_textBlock { width: 100%; } .page_content_wrapper { margin: 0 -4.074vw; padding: 0 4.074vw; } .content { padding-top: 8.66vw; } .nomoreresults { font-size: 2.926vw; } #main_footer .footer_col.common_links .quick_links { position: static; } .page_content_wrapper .content { width: 100%; padding: 0 4.074vw; } .jquery-accordion-menu ul.normal_menu { margin-top: 10.5846vw !important; } .jquery-accordion-menu ul.normal_menu li {} .jquery-accordion-menu ul.normal_menu li a { line-height: 1; font-size: 6vw; float: left; } .jquery-accordion-menu ul.normal_menu li a span { display: none; } /* reflect section start here */ .article_thumb .calender_icon { width: 9vw; height: 9vw; position: static; } .stir_form .basic ::placeholder { font-size: 3.629vw; } .content_page_wrapper { margin-right: 0; padding: 0; } #reflect_sec .article_thumb .labelText { background: #000; margin: 9vw 0; padding: 2vw 8vw; font-size: 4.032vw; } /* updated footer style */ #main_footer .footer_col h4::before { height: 5vw; width: 5vw; top: 0.5vw; margin-right: 3vw; } #main_footer .footer_col h4 { font-size: 7vw; } #main_footer .footer_col, #main_footer .common_links { margin-bottom: 5vw; padding: 0; } #main_footer .bottom_bar { width: auto; } .copyright { margin-top: 7.064vw; } #main_footer .bottom_bar_holder { padding: 8.064vw; padding-bottom: 0; margin: 0 -8.064vw; } #main_footer .social_links { margin-top: 0; } #main_footer .social_links a { width: 8vw !important; margin-right: 4vw; height: auto !important; } #main_footer .footer_col .cat_links { position: static; padding-left: 8vw; margin-top: 0; } #main_footer .social_links a { opacity: 1 !important; } #event_calender #calendar_div { max-width: none; } .calendar-wrap .cal-nav a { font-size: 7vw; } .calendar-days, .calendar-dates { float: none; width: 100%; } .calendar-dates ul li { height: 12.5vw; } .calendar-days ul li { font-size: 3.6vw; } .calendar-dates ul li span { height: 9vw; width: 9vw; line-height: 9vw; font-size: 3.6vw; } .light_sky span::after { height: 4px; width: 4px; margin-left: -2px; } #event_calender .evenet_detail { max-width: none; padding: 0 5vw; margin-top: 5vw; } #event_calender .bx-wrapper .bx-prev { left: -8vw; } #event_calender .bx-wrapper .bx-next { right: -8vw; } #event_calender .evenet_detail .action_btn { font-size: 3vw; } #event_calender .evenet_detail h3 { font-size: 6.048vw; margin-bottom: 3.024vw; } .stir_form .heading { font-size: 7vw; } .contact_emails p strong { font-size: 6vw; } .contact_emails p { font-size: 4vw; } .stir_form .field_group .field_hold.w50 { float: none; width: 100%; } .stir_form #listing_form input[type="radio"] { margin-top: 0 !important; } .stir_form .form.basic .form-control:focus, .stir_form .form.basic .form-control:valid { padding-top: 0; } .detail_page_cont_holder .article_left_detail .author_image { margin-right: 3vw; float: left; width: 30vw; margin-left: 0; } .author_page .detail_page_cont_holder .title_head { min-height: 1px; left: 0; margin: 0; padding: 0; } .event_info.date a::before, .event_info.direction a::before { margin-right: 10px; height: 4vw; width: 4vw; } .reflect_detail .article-details .morearticles { display: block; position: static; margin-top: 0; padding-top: 8vw; margin-left: 0; clear: both; } .reflect_detail .morearticles .article_info_box .title { font-size: 5vw; } .event_info { margin-bottom: 6vw; } .detail_page_cont_holder.world_box .event_description { margin-top: 5vw; } .article-details .content blockquote span { font-size: 4vw; margin-top: 2vw; display: block; } .reset_password .stir_form .blob { height: 119vw; } .reset_password .stir_form .blob .form { width: 55vw; } .reset_password .stir_form .heading { font-size: 6vw; } .reset_password .stir_form .blob .info_text { font-size: 3.325vw; } .reset_password .stir_form .blob .link_expired { width: 60vw; } .reset_password .stir_form .blob .form .field_hold .form-control { padding-left: 8.15vw; } .reset_password .stir_form .form .field_hold, .reset_password .stir_form .form .btn { margin-top: 1vw; } .cookies_popup .close_btn { width: 4.616vw; height: 4.616vw; top: 3vw; transform: none; } .cookies_popup { padding: 8vw; } .cookies_popup .text { width: 100%; text-align: center; } .cookies_popup .btn { margin-top: 5vw; } /* breadcrumb */ .breadcrumbs { margin-bottom: 0; } .breadcrumbs ul li, .breadcrumbs ul li a { font-size: 4.2vw; margin: 0; height: 10vw; } .breadcrumbs ul li i { font-size: 2.5vw; margin: -1vw 1.5vw 0 1.5vw; } .userBio_holder .profile_pic { width: 20vw; height: 20vw; } .detail_page_cont_holder .article_left_detail h2 span { font-size: 5vw; } .detail_page_cont_holder .float_left { float: none; width: 100%; padding: 0; } .detail_page_cont_holder .tow_col .float_left { float: left; width: 50%; } .detail_page_cont_holder .tow_col .float_left { padding: 0 3vw; } .article-details .tow_col .float_left:first-child figure { margin: 0 0 0 -3vw; } .article-details .tow_col .float_left:last-child figure { margin: 0 -3vw 0 0; } .faq_end { font-size: 4vw; } .pref_remove::before, .loc_remove::before, .med_remove::before { width: 10vw; background-size: 3vw; } .profile_setting_form { width: 100%; } .nav-tabs { margin: 6vw -3vw; } .nav-tabs .nav-item { padding: 0 3vw; font-size: 5vw; } .search_info { margin-bottom: 6vw; } .search_result #reflect_tab .article_thumb .thumb_inslide { height: 80vw !important; } .search_result #reflect_tab .article_thumb .short_description_holder { padding-top: 6vw; } .article_left_detail .article_tagging { margin-top: 5.040vw; } .filter_result .filtersbox { padding: 0; } .ui-datepicker { width: 92%; } .ui-datepicker .ui-state-default { height: 7vw; width: 7vw; line-height: 7vw; } .ui-datepicker .ui-datepicker-calendar td { padding: 3vw; } .broken_page_holder strong { font-size: 15vw; } .series_holder { margin-bottom: 5.040vw; } .series_holder .image_thumb { width: 20vw; background: none; vertical-align: top; } .series_holder .bio { padding-left: 4vw; vertical-align: top; } ul.ui-autocomplete { width: 60vw !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { height: 6vw; width: 6vw; background-size: 2vw !important; } ul.ui-autocomplete { font-size: 4vw; } ul.ui-autocomplete li { margin-bottom: 3vw; } ul#ui-id-2 { width: 100% !important; left: 0 !important; padding: 15px; } .filter_page .search_form { margin-top: 9vw; } /* all popup for small devices style start here */ #popup_group .closebut, #popup_group .close, .head_popup .close { right: 5vw; top: 5vw; font-size: 5vw; /* width: 5.04vw; height: 5.04vw; */ width: 5.556vw !important; height: 5.556vw !important; } .pop_container { width: 85vw !important; padding: 7vw 15px; } .pop_container p { font-size: 4.2vw; } .pop_container .pop_text_holder { min-height: 85vw; } #popup_group .pop_wrap .pop_container::before { content: ""; height: 12vw; width: 100%; margin: 0 0 5vw 0; background: url('../images/stir_logo.png?v=@{c-v}') no-repeat center center; background-size: auto; display: inline-block; background-size: contain; } #popup_group .pop_wrap #voting-popup::before, #popup_group .pop_wrap .searchpopup::before { display: none; } #popup_group .pop_wrap #voting-popup { padding-top: 10vw !important; } .head_popup .col_spc { padding: 0; } .pop_container .heading { /* font-size: 6.048vw;*/ font-size: 5.556vw; margin-bottom: 5vw; } .pop_container .context { font-size: 3.5vw; } .pop_container .entertext { font-size: 3.325vw; } .pop_container .info_text { font-size: 3.629vw; letter-spacing: normal; line-height: 1.1; } .pop_insideText { max-width: 55vw; } .pop_container .pop_fut p { font-size: 3.333vw; margin-bottom: 2vw; } .pop_fut .socialicons li a { width: 6vw; } .pop_fut { padding: 0; margin-top: 5vw; } /* stir form start here */ .form { font-size: 3.5vw; } .pop_container .form { min-width: 55vw; } .form .field_hold, .form .custom-control, #filter_popup .form .field_hold { margin: 0 0 2vw 0; } .form .field-col.w50 { float: none; width: 100%; } .form .field_hold .form-control, .form .chzn-container-single .chzn-single { height: 13vw; font-size: 3.518vw; padding: 0 9vw; } .chzn-container-single .chzn-search input { padding: 2vw 4vw; background-size: 3.5vw; } .chzn-container .chzn-results li { padding: 4vw; } .form .field_hold.comment label { top: 6.5vw; } .form .field_hold.comment textarea.form-control { min-height: 30vw; } .form .field_hold label { font-size: 3.518vw; left: 9vw; } .form .field_hold::before { width: 9vw; height: 13vw; background-size: 3.5vw !important; } .form .field_hold.password:before { background-size: 2.5vw !important; } .form .chzn-container-single .chzn-single { line-height: 13vw; } .form .chzn-container-single .chzn-single div { width: 9vw; } .form .chzn-container-single .chzn-single div b { background-size: 3vw !important; } .form .form-control:focus ~ label, .form .form-control:valid ~ label { font-size: 2.5vw; margin: -2.5vw 0 0 0; } .form .form-control:focus, .form .form-control:valid { padding-top: 2.5vw; } .form .form-control:focus, .form .form-control:valid { border-left-width: 2px !important; } /* error state */ .error::after { background-size: 3vw; height: 13vw; width: 9vw; } .form .error_message { /* font-size: 2.5vw;*/ font-size: 3.333vw; top: -2.5vw; } .form .field_hold.comment { padding-top: 6vw; } /* stir form start here */ /* search popup start here */ #search_popup .pop_wrap { min-height: 1px; height: 100%; } .searchpopup .searchbar { height: 90vw; } .searchpopup .searchbar .sform { width: 100%; /*margin-top: -10vw;*/ } .head_popup .pop_container.searchpopup { background: none; height: 100%; width: 100% !important; } .searchpopup .searchbar .sform .icon-search { left: auto; right: 0; font-size: 5vw; } .searchpopup .searchbar { width: 100%; background: none; } .searchpopup .searchbar .sform input[type="search"] { font-size: 5vw; padding-left: 0; padding-right: 12vw; height: 10vw; } ul#ui-id-1 { width: 100% !important; left: 0 !important; padding: 15px; } /* search popup end here */ /* filter, stirring, welcome popup */ .filterspopup .filtext { flex: inherit; max-width: 100%; margin-bottom: 4vw; } .filterspopup .filtext p { font-size: 4.032vw; } .filterspopup .actionbuttons a { width: auto; padding: 2.016vw 4.032vw; margin-right: 1.5vw; } .filterspopup .actionbuttons a::before { margin-right: 2vw; height: 3.5vw; width: 3.5vw; } .stirring_overlay .stirring_sec { min-height: 55vw; margin: 0 -15px; } .stirring_overlay .stir_it_up { font-size: 6.048vw; width: 100%; } .stirring_overlay .belowTextBlock { text-align: left; padding-top: 6vw; } /* sharing popup */ #sharing_popup .social_icon li a { height: 8vw; width: 8vw; } #sharing_popup .social_icon { margin-top: 3vw; } #sharing_popup .social_icon li { margin-right: 2vw; } /* all popup for small devices style end here */ /* stir basic form */ .stir_form .form .field_hold { /* margin-bottom: 5vw;*/ /*margin-bottom: 2.222vw;*/ } .stir_form .custom-file-label { font-size: 3.045vw; padding: 0 4vw; } .stir_form .custom-file { height: 13vw; font-size: 3.518vw; } .stir_form .custom-file-label::after, .stir_form .custom-file-label { line-height: 13vw; } /* page blob form for mobile */ .page_bolob_form .pop_container { padding: 0; width: 100% !important; } .page_bolob_form .pop_container .pop_text_holder { min-height: 1px; background: #fff; padding: 0; } .page_bolob_form .pop_insideText { max-width: none; width: 100%; } .page_bolob_form .pop_container .heading { color: #000; margin-bottom: 5vw; } .category_band .panel { margin-bottom: 1vw; } .category_band .see_home_mob { border-left: 4.5362vw solid #e98267; } .category_band .think_home_mob { border-left: 4.5362vw solid #ebb762; } .category_band .inspire_home_mob { border-left: 4.5362vw solid #59856f; } .category_band .reflect_home_mob { border-left: 4.5362vw solid #407a93; } .category_band .article_thumb .thumb_inslide { border: none; height: 35vw; } .category_band .stirring_sec .article_thumb .thumb_inslide { border: 0.2vw solid #fff; height: 100%; } .category_band .thumb_inslide .category_logo { position: absolute; top: 50%; left: 10vw; transform: translateY(-50%); } .category_band .thumb_inslide .see .category_logo { max-width: initial; height: 7vw; } .category_band .thumb_inslide .think .category_logo { max-width: initial; height: 10.0806vw; } .category_band .thumb_inslide .inspire .category_logo { max-width: initial; height: 13.0806vw; } .category_band .thumb_inslide .reflect .category_logo { max-width: initial; height: 10.0806vw; } .category_band .article_thumb .bookmark_icon, .category_band .posted_by { display: none; } .category_band .article_info_box { padding: 6vw 0; } .inside_box.highlights span.h_text { position: absolute; left: 5vw; top: 42%; color: #fff; font-size: 7vw; } /*.category_band .inside_box.highlights:before{ content:"Highlights 2019"; position: absolute; left: 0; top: 100%; } */ .thumbnail_tag.highlights { display: none; } .category_band .inside_box.highlights .article_thumb .thumb_inslide { height: 40vw; } .category_band .inside_box.highlights .article_thumb .thumb_inslide > a { display: inline-block; height: 100%; width: 100%; } .category_band .bx-wrapper { margin: 0; } #popup_group #invite-popup .close_w, #popup_group #invite-popup .close_b { top: -8vw; right: 0; } .insta_head span { font-size: 5vw; } .insta_head img { width: 7vw; margin-right: 2vw; } .page_head_sec .tap_right { font-size: 4vw; } .page_head_sec { margin-bottom: 6vw; } .insta-wrapper .row .col { padding: 0; height: 30vw; border: 0.5px solid #fff; } .insta_thumb_box .icon { right: 2px; top: 2px; } .insta_thumb_box { margin: 0; } #dz_couponCode .dez_logo { width: 36vw; margin-bottom: 5vw; display: inline-block; } #dz_couponCode p { font-size: 5vw; line-height: 1.3; } .canvas_grid .canvas_grid_col li, .canvas-sale-grid .canvas_grid .canvas_grid_col li { width: 50%; height: 40vw; } .main_slider_top .article_thumb .calender_icon { position: static; display: inline-block; } .main_slider_top .article_thumb .calender_icon i { width: 100%; height: 100%; } .canvas-sale-grid .canvas_grid .canvas_grid_col li .box .article_image { height: 48vw; } .canvas-sale-grid figure figcaption h3 span { height: 5vw; } .canvas-sale-grid figure figcaption h3 { font-size: 5.048vw; } .canvas-sale-grid figure figcaption h2 { font-size: 4.2vw; margin: 4vw 0; } .canvas-sale-grid figcaption { padding: 3vw 6vw 5.040vw 3vw !important; } .bigger { height: 95vw; } .ngo_logo { max-width: 30vw; max-height: 20vw; } .fancybox-caption__body .sm_font { font-size: 3.5vw; } .conversation_description { display: block !important; } .category_article_holder .conversation_description .posted_by { margin: 3vw 0 6vw 0; } .mobile_viewall { display: block; } .desktop_viewall { display: none; } .not_on_mobile { display: none !important; } .desktop_banner { display: none !important; } .left_category_navbar ul .con_menu { display: inline-block; } .conversations { margin-bottom: 20px !important; } .conversations ul { position: absolute; left: 0; top: 100%; padding: 5px 0 !important; } #main_header .left_col ul li.string a i { font-size: 5vw; } .becoming-one .text-col { padding-right: 0; } .becoming-one .col-md-4 { border-left: none; } .becoming-one .pop_container { padding-left: 0; } .becoming-one .pop_container .heading { margin-bottom: 6vw; } .one-animate { width: 26vw; display: block; text-align: center; margin: 5vw auto; } .content_page_wrapper .becoming-one .title { text-align: center; margin-top: 5vw; } .news_letter_subscription { text-align: center; } .news_letter_subscription .title { margin-bottom: 5vw; } .becoming-one .text-col .mob_show { display: inline-block !important; } .author_article .nav-tabs .nav-link { padding: 1vw 3vw; } .author_article .nav-tabs { margin: 0 -3vw 3vw -3vw; } .detail_page_cont_holder .left_sharing { position: static; width: auto; text-align: center; } .detail_page_cont_holder .left_sharing .make-me-sticky { position: static; } .vote_btn { position: static; padding: 3vw 6vw; font-size: 5vw; border-radius: 10vw; margin: -5vw 0 7vw 0; } .vote_btn.fixed { position: fixed; right: auto; left: 50%; bottom: 0; max-width: 36vw; text-align: center; margin: 0; z-index: 99; margin-left: -18vw; transform: translateY(-10vw); } #voter_popup .pop_container { padding: 7vw 5px; } #voter_popup .pop_container .pop_text_holder { background: none; padding: 7vw; } #voter_popup .pop_insideText { max-width: none; } #voter_popup form div:last-child label { font-size: 2.5vw; } #stirring_sec_mob .owl-dots, #stirring_sec_web .owl-dots { display: block; } .owl-theme .owl-dots .owl-dot span { background-color: rgba(0, 0, 0, 0.7); margin: 5px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color: rgba(0, 0, 0, 1); } #voter_popup .pop_container p { color: #000; line-height: normal; } #voter_popup label .text-white { color: #000 !important; font-weight: bold; } #voter_popup .pop_container .heading { color: #000; margin-bottom: 6vw; } #voter_popup .pop_container .pop_text_holder { min-height: 1px; } #stirring_sec_web { margin-bottom: 15vw; } .blur-text { font-size: 5vw; width: 100%; left: 0; top: 30vw } .blur-text-bottom { top: 42vw; } /*.STIRring_Conversations span { left: 71%; height: 1.2vw; width: 1.2vw; background: red; border-radius: 1.2vw; }*/ /*priya beta starts*/ .menu--1 { width: 6.0403vw; height: 7.8306vw; float: right; cursor: pointer; margin-top: 0.6vw; } .mobi-menu { width: 100%; height: 100vh; position: fixed; right: -100vw; top: 0; z-index: 999; display: block; } .mob_top_menus .row { margin: 0vw 0vw 0vw; } .mob_top_menus .col-12.list-wrap { padding: 0 4.1vw; } .mob_top_menus { font-size: 3.999vw; font-family: 'BarlowCondensedLight'; letter-spacing: 0; padding-top: 2vw; } .mob_top_menus ul li.first { padding-left: 0; } .mob_top_menus ul li { padding: 0 2.1vw 0 2.1vw; } .jquery-accordion-menu { width: 84.8790vw; height: 100vh; position: fixed; right: -100vw; top: 0; /* z-index: 9999;*/ z-index: 9999999; /* z-index: 10000000;*/ background: #fff; box-shadow: 0 20px 50px #333; display: none; } #main_header .header_inside { padding: 6.048vw 4.536vw 5.048vw; } #main_header .stir_logo { top: 28%; left: 10%; } .mobile-view { padding: 6vw 4.074vw; } .new_category_mob.article_thumb { /*padding-bottom: 1.6vw;*/ padding-bottom: 3.6vw; } .new_category_mob.article_thumb .thumb_inslide { border-bottom: none; } .new_category_mob.article_thumb .thumb_inslide.big { height: 92vw; } .new_category_mob.article_thumb .short_description_holder { padding: 3vw; } .new_category_mob.article_thumb .short_description_holder h2 { font-size: 4.5129vw; font-family: 'BarlowSemiCondensedMedium'; letter-spacing: -0.2vw; line-height: 5.699vw; margin-bottom: 0; padding-bottom: 0.5vw; } .new_category_mob.article_thumb .short_description_holder span.date { color: #000000; font-family: 'BarlowCondensedLight'; letter-spacing: 0vw; font-size: 3.899vw; display: block; padding-bottom: 0.5vw; } .new_category_mob.article_thumb .short_description_holder .category_logo.see { display: inline-block; height: 2.789vw; } .new_category_mob.article_thumb .article_image_hold { position: relative; } .new_category_mob.article_thumb .short_description_holder ul li { font-family: 'BarlowCondensedRegular'; padding-right: 4vw; } /*.new_category_mob.article_thumb .short_description_holder ul.list-group li { float:left; }*/ .new_category_mob.article_thumb .short_description_holder ul li.first.see { vertical-align: baseline; /*line-height:6vw;*/ } .new_category_mob.article_thumb .short_description_holder ul li.first.think { vertical-align: top; line-height: 6vw; } .new_category_mob.article_thumb .short_description_holder ul li.first.inspire { vertical-align: middle; line-height: 6vw; } .new_category_mob.article_thumb .short_description_holder ul li.first.reflect { vertical-align: top; line-height: 6vw; } .new_category_mob.article_thumb .short_description_holder ul li.first.see a, .new_category_mob.article_thumb .short_description_holder ul li.first.think a, .new_category_mob.article_thumb .short_description_holder ul li.first.inspire a, .new_category_mob.article_thumb .short_description_holder ul li.first.reflect a { text-decoration: none; } .new_category_mob.article_thumb .short_description_holder ul li a { text-decoration: underline; font-size: 3.899vw; letter-spacing: -0.1vw; } .new_category_mob.article_thumb .bookmark_icon { display: block; margin: 0vw; } .new_category_mob.article_thumb .bookmark_icon i { position: absolute; z-index: 100; bottom: 5vw; left: 4vw; background: url(../images/boomark_w_mob.svg?v=@{c-v}) no-repeat; background-size: contain; display: inline-block; cursor: pointer; } .new_category_mob.article_thumb .bookmark_icon.active i { background: url(../images/bookmark_active_w.svg?v=@{c-v}) no-repeat; background-size: contain; } .new_category_mob .article_image_hold:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: inline-block; background: none; /* background: -moz-linear-gradient(top, rgba(0,0,0,0) 55%, rgba(0, 0, 0, 0.5) 100%); /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0,0,0,0.5))); /* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, rgba(0,0,0,0) 55%, rgba(0, 0, 0, 0.5) 100%); /* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, rgba(0,0,0,0) 55%, rgba(0, 0, 0, 0.5) 100%); /* Opera 11.10+ */ /*background: -ms-linear-gradient(top, rgba(0,0,0,0) 55%, rgba(0, 0, 0, 0.5) 100%); /* IE10+ */ /*background: linear-gradient(to bottom, rgba(0,0,0,0) 55%, rgba(0, 0, 0, 0.5) 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000', GradientType=0 );*/ } .reflect_section_mob .new_category_mob.article_thumb .calender_icon i { position: absolute; z-index: 100; bottom: 5vw; left: 4vw; background: url(../images/calendar_w_mob.svg?v=@{c-v}) no-repeat; background-size: contain; display: inline-block; cursor: pointer; width: 8vw; height: 8vw } .reflect_section_mob .new_category_mob.article_thumb .calender_icon.active i { background: url(../images/calendar_w_active.png?v=@{c-v}) no-repeat; background-size: contain; } .new_category_mob.article_thumb .short_description_holder .category_logo.think { display: inline-block; height: 3.389vw; } .new_category_mob.article_thumb .short_description_holder .category_logo.inspire { display: inline-block; height: 4.389vw; } .new_category_mob.article_thumb .short_description_holder .category_logo.reflect { display: inline-block; height: 3.389vw; } .new_category_mob.article_thumb .thumb_inslide.small { height: 51.875vw; } .home .thumbnail_tag { left: 79.052vw; } .xl_article .thumbnail_tag, .sm_article .thumbnail_tag { left: 79.052vw; } .header_inside [class*=" icon-"]:before, [class^=icon-]:before { margin-right: 1em; } #main_header .stir_logo { display: inline-block; width: 33vw; position: absolute; margin: inherit; top: 28%; transform: translate(-17%, -50%); left: 10.1%; right: 0; z-index: 1; } #main_header .header_inside { padding: 1.098vw 4.464vw 1.398vw 4.464vw; } #main_header .left_col ul li { margin-left: 0vw; margin-top: 1.7vw; } #main_header .left_col ul li a { font-size: 6vw; } .hum_line { width: 6.0403vw; height: 0.5vw; background: #000; display: block; margin: 1.9120vw 0; border-radius: 0px; } body.home #stie_wrap { padding: 0 0; } #main_header.is-sticky { padding: 2vw 0vw 4vw 0vw; } .new_category_mob.article_thumb .short_description_holder.diff-section { padding: 0; } .new_category_mob.article_thumb .short_description_holder.diff-section h2 { padding-top: 1.2vw } .new_category_mob.article_thumb .short_description_holder.diff-section .bookmark_icon i { background: url(../images/bookmark_b.svg?v=@{c-v}) no-repeat; top: 9vw; } .new_category_mob.article_thumb .short_description_holder.diff-section .bookmark_icon.active i { background: url(../images/bookmark_active_b.svg?v=@{c-v}) no-repeat; top: 8vw; } .new_category_mob.article_thumb .short_description_holder.diff-section .read_info_diff { margin-top: 0; font-size: 3.024vw; text-align: right; white-space: nowrap; line-height: 1; padding-left: 0; padding-right: 0; } .new_category_mob.article_thumb .article_info_box { /*padding: 4.048vw 0 4.048vw 0;*/ padding: 5.048vw 0 5.048vw 0; } .new_category_mob.article_thumb .article_info_box:before { background-color: rgba(0, 0, 0, 0.1); left: 15vw; } .see_section_mob, .think_section_mob, .inspire_section_mob { margin-bottom: 5vw; } .think_section_mob, .inspire_section_mob, .reflect_section_mob { margin-bottom: 5vw; } body.home .think_section_mob, .inspire_section_mob, .reflect_section_mob { margin-top: 16vw; } .see_section_mob .dot_more_btn span { background: #e98267; } .think_section_mob .dot_more_btn span { background: #ebb762; } .inspire_section_mob .dot_more_btn span { background: #59856f; } .see_section_mob .dot_more_btn span, .think_section_mob .dot_more_btn span, .inspire_section_mob .dot_more_btn span { height: 2.5vw; width: 2.5vw; } .new_category_mob .description_holder { /*margin-left: 10.3vw;*/ padding-top: 3vw; margin-left: 14.3vw; } #stirring_sec_mob { min-height: 23vw; /* position: relative; */ /*margin-top: 8.064vw;*/ margin-top: 9.064vw; } .stirring_rand { margin-right: 10vw; } .posted_by { margin: 2.048vw 0; } #main_footer { padding-bottom: 0; } #main_footer .footer_col a, #main_footer .common_links a { opacity: 0.5; } #main_footer .bottom_bar_holder { background: #ffffff; padding-bottom: 8.064vw; } #main_footer .copyright { opacity: 0.70; color: #000000; margin-top: 6.064vw; } #main_footer:after { content: ""; width: 100%; height: 6vw; display: block; position: absolute; bottom: 33vw; background: url(../images/footer-bot-new.jpg?v=@{c-v}) no-repeat 0 0; z-index: 2; background-size: cover; left: 0; } .owl-theme .owl-dots { display: block; } .owl-theme .owl-dots .owl-dot span { background-color: rgba(255, 255, 255, 0.1); margin: 2px; border: 1px solid #000000; } .see-link { /* padding: 2vw 0 0 0;*/ padding: 0.7vw 0 0 0; font-family: 'BarlowCondensedRegular'; font-size: 5.1vw; display: inline-block; } .see-link span { position: relative; top: 0.1vw; display: inline-block; } .see-link-all { border-left: 4px solid #ea8267; height: 8vw; } .see-link img, .think-link img, .inspire-link img, .reflect-link img { padding: 0 1vw 0 2vw; } .think-link { /*padding: 2vw 0 0 0;*/ padding: 0.7vw 0 0 0; font-family: 'BarlowCondensedRegular'; font-size: 4.9vw; display: inline-block; } .think-link-all { border-left: 4px solid #ebb762; height: 8vw; } .think-link span { position: relative; top: 0.4vw; display: inline-block; } .inspire-link span { position: relative; top: -0.5vw; display: inline-block; } .reflect-link { /*padding: 2vw 0 0 0;*/ padding: 1.1vw 0 0 0; font-family: 'BarlowCondensedRegular'; font-size: 4.6vw; display: inline-block; } .reflect-link span { position: relative; top: 0.5vw; display: inline-block; } .inspire-link { /* padding: 3vw 0 0 0;*/ padding: 2.1vw 0 0 0; font-family: 'BarlowCondensedRegular'; font-size: 4.6vw; display: inline-block; } .inspire-link-all { border-left: 4px solid #59856f; height: 8vw; } .think-link .arrow, .inspire-link .arrow, .see-link .arrow, .reflect-link .arrow { /*height: 4vw;*/ position: relative; /* top: -0.5vw;*/ padding-left: 0.5vw; /* height: 5.9vw;*/ height: 5.7vw; top: -0.2vw; } .think-link .arrow { /*top: -0.1vw;*/ top: 0.3vw; } .inspire-link .arrow { /*top: -0.1vw;*/ top: -1.2vw; } .reflect-link .arrow { top: 0vw; } .reflect-link-all { border-left: 4px solid #407a93; /*margin-top:4vw;*/ height: 8vw; margin-top: 8.660vw; } #stirring_sec_mob .stirring_logo { margin: 10vw 0 8.064vw 8vw; } .jquery-accordion-menu { /* pr starts width: 96vw; pr ends*/ width: 100%; } .hamburger { padding: 2.398vw 4.464vw 1.398vw 4.464vw; } .hamburger .stir_logo { width: 33vw } .jquery-accordion-menu .mobi_closebut { top: -16vw; } .jquery-accordion-menu .hamburger .mob_top_menus { padding-top: 3.3vw; padding-bottom: 7vw; } .jquery-accordion-menu ul { margin: 0; padding: 0; } .jquery-accordion-menu ul li { width: auto; margin: auto; float: left; } .jquery-accordion-menu ul li:first-child { margin-top: auto; } .jquery-accordion-menu .hamburger .mob_top_menus ul span { float: left; } .jquery-accordion-menu .hamburger .mob_top_menus .col-12.list-wrap { padding: 0 0vw; } .jquery-accordion-menu .web_btn { top: -13.2vw; font-size: 3.399vw; padding: 0.851vw 1vw 0.851vw 5.629vw; position: relative; right: 0; } .jquery-accordion-menu .addon::before { width: 3.398vw; } .jquery-accordion-menu .userBio_holder { border-bottom: none; margin-bottom: 0; padding-bottom: 0; position: absolute; top: 21vw; right: 0; } .jquery-accordion-menu .row.new { margin: 0 0; margin-bottom: 7.2vw } .jquery-accordion-menu .see-section { border-left: 5px solid #ea8267; } .jquery-accordion-menu .head { font-family: 'BarlowSemiCondensedSemiBold'; font-size: 8vw; line-height: 3vw; padding-top: 2vw; } .jquery-accordion-menu ul.section-list { font-family: 'BarlowCondensedExtraLight'; font-size: 3.999vw; padding-top: 6vw; line-height: 4vw; } .jquery-accordion-menu ul.section-list li { padding-right: 7vw; } .jquery-accordion-menu .think-section { border-left: 5px solid #ebb762; } .jquery-accordion-menu .inspire-section { border-left: 5px solid #59856f; } .jquery-accordion-menu .reflect-section { border-left: 5px solid #407a93; } /*.jquery-accordion-menu .reflect-section ul li{width:100%; padding-bottom:5vw;}*/ .jquery-accordion-menu ul li a { float: left; } .jquery-accordion-menu ul.bottom-list li { width: 100%; padding-bottom: 1vw; font-family: 'BarlowCondensedExtraLight'; font-size: 5.499vw; } .jquery-accordion-menu ul.bottom-list span { padding-right: 1vw; } .jquery-accordion-menu ul.bottom-list .STIRring_Conversations { left: 0; } .jquery-accordion-menu ul.bottom-list .STIRring_Conversations i { background: url(../images/mike_b.png?v=@{c-v}) no-repeat; height: 5vw; width: 4vw; background-size: contain; display: inline-block; vertical-align: middle; background-position: center; position: relative; top: -1vw; /*left:0.8vw;*/ left: 0; } .jquery-accordion-menu .social-fonts { padding-top: 7vw } .jquery-accordion-menu .social-fonts .icon-twitter { width: 5.8vw; display: inline-block; margin-right: 5vw } .jquery-accordion-menu .social-fonts .icon-facebook { width: 2.5vw; display: inline-block; margin-right: 5vw } .jquery-accordion-menu .social-fonts .icon-instagram { width: 6.5vw; display: inline-block; margin-right: 5vw } .jquery-accordion-menu .social-fonts .icon-linkedin { width: 5.4vw; display: inline-block; margin-right: 5vw } .jquery-accordion-menu .social-fonts .icon-pinterest { width: 4vw; display: inline-block; margin-right: 5vw } .jquery-accordion-menu .social-fonts .icon-youtube { width: 6.3vw; display: inline-block; margin-right: 5vw; } .jquery-accordion-menu .social-fonts .sicon img { width: 100%; } .mob_home_silder .article_thumb .article_info_box::before { display: none !important; } .mob_home_silder .sm_article .article_info_box, .md_article .article_info_box { height: auto; padding-bottom: 5vw; } .home .bx-wrapper .bx-pager { display: block; position: relative; bottom: 0; padding-top: 15px; } .home .userBio_holder .profile_pic, .home .userBio_holder .user_bio { display: none; } .jquery-accordion-menu ul.bottom-list .mob_logout { left: 0; } .jquery-accordion-menu ul.bottom-list .mob_logout i { background: url(../images/mob-logout.svg?v=@{c-v}) no-repeat; height: 6vw; width: 5vw; background-size: contain; display: inline-block; vertical-align: middle; background-position: center; position: relative; top: 0vw; left: 0.8vw; } .home .bx-wrapper .bx-pager.bx-default-pager a { background: #ffffff; border: 1px solid #000000; } .home .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #000; } /*today beta starts*/ .spc .new_category_mob.article_thumb .short_description_holder { display: block; } .xl_article.new_category_mob.article_thumb .short_description_holder h2, .spc .new_category_mob.article_thumb .short_description_holder h2 { letter-spacing: -0.2vw !important; } .sm_article .bookmark_icon i, .md_article .bookmark_icon i { width: 6.048vw; height: 11.088vw; } .xl_article.new_category_mob.article_thumb .short_description_holder ul.mob_show, .sm_article.new_category_mob.article_thumb .short_description_holder ul.mob_show, .spc .new_category_mob.article_thumb .short_description_holder ul.mob_show { display: block !important; } .xl_article.new_category_mob.article_thumb .short_description_holder, .sm_article.new_category_mob.article_thumb .short_description_holder { display: block; } .xl_article.new_category_mob.article_thumb .short_description_holder .left_col { margin-bottom: 0; } body.explore_article .space_lt #main_mid_part { padding-top: 8vw } .category_article_holder .content-section, .author_page { padding: 0 4.074vw; } #stie_wrap { padding: 0 0vw; } .back_page { width: 5.352vw; } .filter_page { padding: 5.074vw 4.074vw 0 4.074vw; } .text-article_section .description_holder.p_t { padding: 0 0 0 0; margin-left: 14.3vw; } .spc .new_category_mob.article_thumb .article_info_box { display: inline-block; width: 100%; } .spc .new_category_mob.article_thumb { padding-bottom: 0vw; } #profile_setting { padding: 4.392vw 4.074vw 0 4.074vw; } .edtit_profile { padding-top: 6vw; } .reflect_section_mob .new_category_mob .short_description_holder h2.title { margin-top: 0; } .reflect_list .reflect_section_mob { margin-bottom: 0; } /*today beta ends*/ /*06-04-2021 css starts*/ .icon-stirring:before { margin-right: 0; margin-left: 0; } body.home section.mobile-view ul.mob_home_silder li { width: 100% !important; } #stirring_mob_panel { margin-bottom: 7.096vw; } /*add-listing page css starts*/ body.add-listing-page #main_mid_part .container-fluid { padding: 0 4.074vw; } body.add-listing-page #main_mid_part .container-fluid .page_content_wrapper .content { padding: 0; } /*add-listing page css ends*/ /*06-04-2021 css ends*/ /*07-04-2021 css starts*/ .feature_article_spacing { margin: 8vw 0 5vw; } .new_category_mob .textBlock { font-size: 3.799vw; } .new_category_mob.see-link-all .short_description_holder .category_logo.see { height: 5.799vw; } .new_category_mob.think-link-all .short_description_holder .category_logo.think { height: 6.289vw; } .new_category_mob.inspire-link-all .short_description_holder .category_logo.inspire { height: 7.999vw; } .new_category_mob.reflect-link-all .short_description_holder .category_logo.reflect { height: 5.827vw; } body.home .thumbnail_tag { display: none; } #stirring_sec_mob { height: 65vw; } .web_btn { margin-left: 2vw; } .stirring_logo { margin: 9.064vw 0 12vw; } .news_letter_subscription { margin: 12.064vw 0 12vw; } .copyright { font-size: 3.332vw; padding-left: 5vw; margin-top: -1vw; } .copyright span { font-size: 4.7vw; } .STIRring_Videos { position: relative; } /*.STIRring_Conversations span{ position: absolute; left: 70.6%; top: -4px; height: 0.4vw; width: 0.4vw; background: red; border-radius: 0.4vw; }*/ .STIRring_Videos i { background: url(../images/video-mob.svg?v=@{c-v}) no-repeat; height: 5vw; width: 6.5vw; background-size: contain; display: inline-block; vertical-align: middle; background-position: center; margin-top: -0.5vw; margin-left: 0.5vw; } #owl-demo-mob-home-top-slider { margin-bottom: 8vw; position: relative; } #owl-demo-mob-home-top-slider.owl-carousel .item img { display: block; width: 100%; height: auto; } #owl-demo-mob-home-top-slider.owl-carousel h2 { font-family: 'BarlowSemiCondensedRegular'; font-size: 5.048vw; color: #ffffff; position: absolute; bottom: 0vw; left: 0vw; z-index: 10; text-shadow: 1px 1px #000; padding: 5vw 4vw 2vw; } #owl-demo-mob-home-top-slider.owl-carousel .item:after { content: ""; background: url(../images/main_article_gradient_top_slider_mob.png?v=@{c-v}) repeat-x left bottom; position: absolute; left: 0; width: 100%; height: 100%; top: 0; } /*07-04-2021 css ends*/ #stirring_sec_mob .loading_icon { left: 45%; top: 25%; } .submit-enquiry-link { text-decoration: underline; font-family: 'BarlowCondensedExtraLight'; font-size: 5.499vw; } .article_list_holder .article_thumb.xl_article, .article_list_holder .article_thumb.sm_article { padding-bottom: 3.6vw; } .author_page.author-section-space { padding: 0; } .ad_space a::before { background: rgba(255, 255, 255, 0.6); } footer .common_links { postion: relative; } footer .common_links .stir-logo { position: absolute; right: 0; bottom: 3vw; } #main_footer .quick_links li { float: left; width: 38%; } .reflect_detail, .contact_page, .article_detail_page { padding: 0 4.074vw; } .about-wrap-new { width: 96%; } .news_letter_subscription .web_btn { padding: 1.851vw 1vw 1.851vw 6.629vw; } .article_detail_page { padding-top: 6vw; } #main_header { transition: top 0.5s; } #owl-demo-mob-home-top-slider.owl-carousel.owl-drag .owl-item .item a { display: block; width: 100%; height: 100%; position: relative; /*z-index:1;*/ } #return-to-top { position: fixed; bottom: 2vw; right: 2vw; background: rgba(0, 0, 0, 0.7); width: 10.5vw; height: 10.5vw; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 10vw; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1000; } #return-to-top i { color: #fff; margin: 0; position: relative; left: 3.5vw; top: 3.5vw; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: url(../images/up-arrow.svg?v=@{c-v}) no-repeat; background-size: contain; } #return-to-top i { width: 3.5vw; display: block; } #return-to-top:hover { background: rgba(0, 0, 0, 0.7); } #return-to-top:hover i { color: #fff; top: 3.5vw; } #main_header.is-sticky { z-index: 1000; } .home_stirring { padding-bottom: 0.1vw !important; } .head_popup { z-index: 9999999; } #owl-demo-mob-home-top-slider .carousel { overflow: hidden; } #owl-demo-mob-home-top-slider .carousel-item { overflow: hidden; } .new_category_mob.article_thumb .video_icon_mob { display: block; margin: 0vw; } .new_category_mob.article_thumb .video_icon_mob i { position: absolute; z-index: 100; bottom: 3.7vw; right: 4vw; background: url(../images/youtube-vieoicon-new-final.svg?v=@{c-v}) no-repeat; background-size: contain; display: inline-block; cursor: pointer; width: 8.999vw; height: 6.999vw; } /*body.article-detail-page-pr .thumbnail_tag.positivity*/ .thumbnail_tag.positivity { background:url(../images/white_tag.png?v=@{c-v}) no-repeat; background-size: cover; width: 7.5vw; height: 35vw; left: 2.6vw; /*left: 79.052vw;*/ } .xl_article .thumbnail_tag { left: 4vw; } .positivity:after { left: 1.1vw; } .thumbnail_tag.environment-day { background: url(../images/yellow_tag.png?v=@{c-v}) no-repeat; background-size: cover; width: 7.5vw; height: 35vw; left: 2.6vw; top: -1.9vw; /*left: 79.052vw;*/ } .environment-day:after { left: 1.1vw; } .thumbnail_tag { width: 5vw; height: 33vw; } .sm_article .thumbnail_tag { left: 3.3vw; } .sm_article .thumbnail_tag.technology, .sm_article .thumbnail_tag.trending, .sm_article .thumbnail_tag.drawingboard, .sm_article .thumbnail_tag.photoessay, .sm_article .thumbnail_tag.light, .sm_article .thumbnail_tag.travel, .sm_article .thumbnail_tag.transition, .sm_article .thumbnail_tag.transition, .sm_article .thumbnail_tag.advertorial, .sm_article .thumbnail_tag.mama, .sm_article .thumbnail_tag.climatecovid, .sm_article .thumbnail_tag.designluminaries, .sm_article .thumbnail_tag.designaftercovid, .sm_article .thumbnail_tag.nft, .sm_article .thumbnail_tag.stirfri-exclusive { left: 4.5vw; } .refelect-details-page-pr .space_lt { padding-top: 102.426px !important; } .new-page-recent .terms_conditions { padding: 4vw; } .new-page-recent .title.xl_title { font-size: 6.048vw; letter-spacing: normal; } .new_category_mob.article_thumb.temp_see_class .article_info_box:before { display: none !important; } .temp_see_class.new_category_mob .description_holder { margin-left: 4.3vw; } /*12-08-2021*/ .wrap { padding: 0 4.2vw; } .insta-wrapper .page_head_sec { width: 100%; } .web-out { text-align: left; padding-top: 1.5vw; } .insta-wrapper .row { padding-top: 5vw; } /*12-08-2021*/ /*13-08-2021*/ .insta-wrapper .content { padding-top: 10.65vw; } .pop_container { width: 95vw !important; padding: 7vw 15px; } /*13-08-2021*/ #listing_form .custom-file input { left: -21.5vw; } /*01-10-2021*/ .ad_space a::before { content: "ad"; position: absolute; right: -1px; top: 10px; background: rgba(255, 255, 255, 0.6); z-index: 9; padding: 5px 15px; line-height: normal; left: auto; } .ad_space { /* margin-bottom: 16.0161vw; */ margin-bottom: 14.88vw; /*Above css already comment bottom added by GRV for mob home ad*/ margin-top: 7.88vw; } /*01-10-2021*/ /*16-11-2021*/ .preference_tab li, .article_tag_tab li { margin-right: 1vw; margin-bottom: 2vw; } .preference_tab li a, .article_tag_tab li a { font-size: 3.629vw; padding: 0.5vw 1.536vw 0.5vw 0vw; letter-spacing: normal; min-width: auto; text-align: left; } .news-detail-read-more { float: left; display: block; } .article_tagging ul.article_tag_tab { width: 76%; float: right; display: inline-block; padding-top: 1vw; } .tab-pane .authorbio.author_single { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.35; } .tab-pane .authorbio.author_double { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.35; } .tab-pane .btn { font-size: 4.032vw; padding: 1.5vw 2vw; /* float: left; */ margin-left: 35vw; } .tab-pane .btn { font-size: 4.032vw; padding: 1.5vw 2vw; float: right; margin-left: 35vw; display: block; } .tab-pane .btn.minus:before { margin-top: -0.8vw; margin-right: 1.024vw; } .tab-pane .btn.plus::before { margin-right: 1.024vw; margin-top: -1vw; } /*16-11-2021*/ /*17-11-2021*/ #main_footer .common_links .quick_links.pt-5 { padding-top: 0rem !important; } /*17-11-2021*/ /*23-11-2021*/ .comment_area .read_more:before { background: url(../images/plus_b.png?v=@{c-v}) no-repeat; content: ""; height: 2.732vw; width: 2.732vw; margin-right: 0.5vw; display: inline-block; background-size: cover; vertical-align: middle; margin-top: -0.5vw; } .comment_area .read_more { display: inline-block; font-size: 3.951vw; text-transform: uppercase; font-family: 'BarlowSemiCondensedLight'; border: 1px solid rgba(0, 0, 0, .74); padding: 0.5vw 1.464vw; } /*23-11-2021*/ /*priya beta ends*/ /*priya beta start*/ /**01/12/2021**/ .video-text .v_heading { top: 5vw; font-size: 6.2vw; } .video-text .v_heading:before { height: 1vw; content: ''; } .video-text .video_thumb .icon-play { top: 58%; } .video-text .v_heading span { margin-top: 3.5vw; } .video-text .video_thumb .icon-play span.mins, .video-text .video_thumb .mw { font-size: 3vw; } .video-text .video_thumb .mw { padding-top: 1.5vw; } .video-text .video_thumb .icon-play:before { height: 17.124vw; width: 17.124vw; margin-right: 0; } /**01/12/2021**/ /*21/12/2021*/ .sing-up-now-bt, .sing-up-now-bt:hover { background: #000000; color: #ffffff; font-family: 'BarlowCondensedRegular' !important; text-transform: uppercase !important; padding: 0.5vw 2vw 0.5vw 7.4vw; text-decoration: none !important; font-size: 4vw; position: relative; } .sing-up-now-bt:before { content: ''; position: absolute; left: 2vw; top: 2.3vw; background: url(../images/arrow_w.svg?v=@{c-v}) no-repeat; width: 4.098vw; height: 4.098vw; z-index: 1; } /*21/12/2021*/ /*27/01/2022*/ .article_detail_page .ad_space { margin-bottom: 7.88vw; margin-top: 0.88vw; } /*27/01/2022*/ /*priya beta ends*/ /**GRV CSS Start here**/ /**24/12/2021**/ .hide-h { opacity: 0 !important; transition-duration: 0.5s; transition-timing-function: linear; } .container--small--new { height: 400px; position: sticky !important; /*margin-top: 1.5vw; margin-bottom: 3.5vw;*/ top: 11.5%; bottom: -25%; z-index: -9; } .parallax-slide::after { content: 'ad'; background: rgba(255, 255, 255, 0.6); padding: 5px 15px; top: 5.5vw; position: absolute; right: 0; line-height: normal; } .ads { width: 100%; height: 0; position: relative; /*left: 89%;*/ bottom: 85.74%; display: flex; /* margin-top: 20px; justify-content: flex-end;*/ } .ads span { background: rgba(255, 255, 255, 0.7); padding: 0.5vw 3vw; top: 7%; position: absolute; right: 0; width: 10vw; height: 8vw; margin-top: 10px; } .parallax__container__new { clip: rect(0, auto, auto, 0); height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: -100 } .parallax-slide { height: 400px; background-size: contain; } .article_description .article_image_hold { margin-bottom: 0 !important; background: #fff; padding-top: 7vw !important; display: flex !important; } .article_description p { font-size: 4.2vw; padding-bottom: 5.040vw; padding-top: 4.2vw; background: #fff; margin-bottom: 0 !important; } .article_description h2 { background: #fff; margin-bottom: 0 !important; padding-bottom: 4vw; padding-top: 4vw; } .bx-wrapper { margin-bottom: 0px !important; padding-bottom: 6vw; } /*GRV css start*/ /*07-03-2022*/ .listen_article_popup h4 { font-family: 'FuturaBook'; font-size: 6.048vw; } .listen_article_popup p, .listen_article_popup ul { font-family: 'FuturaLight'; font-size: 3.5vw; } .listen_article_popup .stir_logo { width: 10vw; position: relative; top: -0.7vw; } .listen_article_popup_icons { width: 75vw; margin: 0 auto; } .listen_article_popup_icons ul li img { width: 5vw; margin-right: 0.25vw; } .listen_article_popup .pop_container .close_w, .listen_article_popup .pop_container .close_b { right: 2.25vw !important; top: 2.25vw !important; width: 4vw !important; height: 4vw !important; } /*07-03-2022*/ /*06-07-2022*/ .error_text { font-size: 3.5vw; } .checkbox_text, .checkbox_text a { color: black !important; font-size: 3vw; } .form .checkbox_text::before, .checkbox_text::after { top: 20%; transform: translatey(-20%); } /*06-07-2022*/ /*08-07-2022*/ /*trinity CSS start here*/ .trinity-player-iframe-wrapper { margin-bottom: 8.66vw; } .trinity-iframe.fab-view { left: 9vw !important; top: 30vw !important; z-index: 10; } /*trinity CSS end here*/ /*08-07-2022*/ /*11-07-2022*/ .comment-message { padding: 3vw 3vw; position: fixed; width: 85vw; top: 30vw; font-size: 3.5vw; box-shadow: 0 1px 20px 0 rgb(32 33 36 / 28%); } /*11-07-2022*/ /*19-07-2022*/ .listing_page .ad_space { padding: 6vw 0 12.6vw 0 !important; } /*19-07-2022*/ /*14-10-2022*/ .author_sec .author_img { float: left; margin-right: 2.5vw; width: 30vw; } .author_sec .tabs_main .tab_list .tab_item { font-size: 5vw; } .author_sec .tabs_main .tab_list .divider { padding: 5.25vw 4.25vw; } .author_sec .tab-content { margin-top: 3vw !important; } .author_sec .tab_stirpad { margin-top: 4.5vw !important; } .author_sec .secondary_tabs.nav-tabs .nav-item .nav-link { font-size: 3.5vw; } .author_sec .secondary_tabs .nav-item:not(:first-child) { margin-left: 4vw; } .author_sec .author_des { padding-top: 6vw; margin-top: 0; } .author_sec .article_left_detail { padding: 0; } .author_sec .new_category_mob.article_thumb .thumb_inslide.small { height: 90vw; } .author_sec .similar-articles .article_thumb { padding-bottom: 3.6vw; } .author_sec .secondary_tabs .nav-item .nav-link.active::after, .author_sec .secondary_tabs .nav-item:hover .nav-link::after { width: 30%; left: 0; transform: translateX(0); } .author_sec .content { padding-top: 0; } .author_sec .article-details .similar-articles { padding-top: 4.5vw; } /*14-10-2022*/ /*01-11-2022*/ .author_sec .secondary_tabs .nav-item .nav-link.active::after, .author_sec .secondary_tabs .nav-item:hover .nav-link::after { bottom: -2px; } .author_sec .tabs_main .tab_list .tab_item a { line-height: 1.5; } .author_sec .loadmore_btn .author_load_more { display: inline-block; margin-left: 0; float: none; } .author_sec .loadmore_btn .author_load_more::before { margin-right: 3.024vw; } .author_sec .loadmore_btn .author_load_more { font-size: 5.04032vw; } /*01-11-2022*/ /*04-11-2022*/ .author_sec .detail_page_cont_holder { margin: 0; } /*04-11-2022*/ /*29-12-2022*/ .preference-settings .preference_tab li { margin: 1px; } .preference-settings .preference_tab li a { font-size: 3.629vw; padding: 3vw 4.536vw; letter-spacing: normal; min-width: 15vw; text-align: center; } /*29-12-2022*/ /*06-02-2023*/ .sp_quick_head a { text-decoration: underline; font-size: 3.333vw; } /*stirfri sticky footer css start*/ .stirfri_sticky_footer { width: 100%; border-top: 0.5px solid rgba(0, 0, 0, 0.02); box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.06); bottom: -55vw; right: 0; } .stirfri_sticky_footer.show_sticky_footer { bottom: 0; } .stirfri_sticky_footer.sticky_pc { /* position: absolute; transition: none; */ bottom: -60vw; } .news_letter_subscription { z-index: -9; /* to overlap stirfri footer*/ } .stirfri_sticky_footer .stirfri_logo { width: 16.111vw; } .stirfri_sticky_footer .stirfri_accordion_head.collapsed .stirfri_logo { width: 15vw; } .stirfri_sticky_footer .stirfri_accordion_head { padding: 4.444vw 4.444vw 0.936vw; } .stirfri_sticky_footer .stirfri_accordion_head.collapsed { padding-bottom: 1.936vw; transition: 0.5s; } .stirfri_sticky_footer .stirfri_accordion_head:after { width: 12vw; height: 12vw; top: 0.5vw; padding: 3vw 0; background-size: 3.333vw; position: absolute; right: 0.5vw; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox { padding: 0 4.444vw; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox p.accordion_body_heading { margin-bottom: 3.247vw; max-width: 100vw; font-size: 3.889vw; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox p.verification_text { font-size: 3.333vw; /* margin-bottom: 4.444vw;*/ line-height: 1.2; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form { margin: 2.778vw 0 5vw 0; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form input { font-size: 3.333vw; padding: 1.389vw 1.667vw; width: 65.25vw; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form input::placeholder { color: rgba(0, 0, 0); font-size: 3.333vw; } /* .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form input:focus { border-left: 2px solid rgba(0, 0, 0); } */ .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form .sub_btn { padding: 1.389vw 7.222vw 1.389vw 1.667vw; background: #fff; margin-left: 1.594vw; font-size: 3.333vw; } .stirfri_sticky_footer .stirfri_accordion_body .stirfri_accordion_textbox .stirfri_sub_form .sub_btn:after { right: 3.222vw; width: 2.45vw; } .stirfri_sticky_footer .stirfri_accordion_ftr { margin-top: 1vw; } .stirfri_sticky_footer .stirfri_accordion_ftr p.before_collapse { font-size: 3.333vw; bottom: 0.633vw; } .stirfri_sticky_footer .stirfri_accordion_ftr p.before_collapse.hide_bc { bottom: -4.5vw; opacity: 0; } .stirfri_sticky_footer .stirfri_accordion_ftr p.after_collapse { font-size: 3.333vw; top: -4.5vw; } .stirfri_sticky_footer .stirfri_accordion_ftr p.after_collapse.show_ac { top: 0.833vw; opacity: 1; } .footer_text_change { height: 4.8vw; width: 90vw; } .stirfri_sticky_footer .stirfri_accordion_ftr:after { height: 5vw; position: absolute; bottom: 12vw; } /* .stirfri_sticky_footer .stirfri_accordion_ftr p a img { width: 3.5vw; margin-left: 1.303vw; } */ .stirfri_sticky_footer .stirfri_accordion_ftr p a:after { width: 4.444vw; height: 4.444vw; right: -6.050vw; } .stirfri_sticky_footer .stirfri_accordion_ftr { padding: 3.500vw 4.444vw 4.500vw; height: 12.778vw; display: inline-flex; align-items: center; } #return-to-top { display: none !important; } /*stirfri sticky footer css end*/ /*stirfri popup css start*/ .head_popup { overflow: hidden; } .stirfri_popup .pop_container { width: 95vw; height: auto; padding: 4.444vw !important; } .stirfri_popup.exclusive_popup .pop_container, .stirfri_popup.stirfri_subscribe_popup .pop_container { padding: 4.444vw 0 0 !important; } .stirfri_popup.exclusive_popup .pop_container .exclusive_popup_body, .stirfri_popup.stirfri_subscribe_popup .pop_container .subscribe_popup_body { padding: 0 4.444vw !important; } .stirfri_popup.logo_stirfri .pop_container::before, .congo_popup.logo_stirfri .pop_container::before { background: url("../images/stirfri/stirfri-b.svg") no-repeat center center !important; /* height: 8.833vw !important;*/ width: 21.833vw !important; margin-bottom: 0 !important; } .exclusive_popup .closebut { background: none !important; font-size: 3.333vw !important; width: auto !important; top: 2.778vw !important; right: 4.444vw !important; } .stirfri_popup .stirfri_right_column { height: auto; margin-top: 8.658vw; } .stirfri_popup.stirfri_subscribe_popup .stirfri_right_column { width: 100%; } .stirfri_popup .stirfri_right_column .stirfri_logo { width: 8.750vw; margin-bottom: 1.816vw; } .prefrences_checkbox { padding-left: 6.25vw; } .stirfri_popup .stirfri_right_column .prefrences_checkbox { padding-left: 0; } .stirfri_popup .stirfri_right_column h4.preferences_heading { margin-bottom: 1.667vw; margin-top: 3.333vw; font-size: 3.5vw !important; } h4.preferences_heading { font-size: 3.5vw !important; } .stirfri_popup .stirfri_right_column h5 { font-size: 5vw; margin-bottom: 0 !important; margin-top: 0; width: 68vw; } .stirfri_popup.exclusive_popup .pop_container .stirfri_right_column .form { margin-top: 4.444vw; } /* .stirfri_popup .stirfri_right_column p { font-size: 5.556vw; margin-bottom: 0; } */ .stirfri_popup.exclusive_popup .stirfri_right_column p.verification_text { font-size: 3.611vw; margin-bottom: 0; } .stirfri_popup .stirfri_right_column .form-group { /* margin-top: 12.778vw;*/ } .stirfri_popup .stirfri_right_column .otp-inputbar { width: 9.444vw; height: 9.731vw; margin-right: 4.444vw; font-size: 5.014vw; } .stirfri_popup .stirfri_right_column .resend_btn { font-size: 3.611vw; margin-right: 0; margin-top: 1.378vw; } .stirfri_popup .stirfri_right_column .otp_verify_btn { margin-top: 11.111vw; margin-left: 0; } .stirfri_popup .stirfri_right_column .already_member { margin-top: 5.269vw; font-size: 3.333vw; } .signup_popup .check_box .custom-control, .stirfri_popup .check_box .custom-control { padding-right: 2.567vw; } /* .signup_popup .btn_hoder { margin-top: 9.167vw; } */ .exclusive_popup.stirfri_popup .stirfri_right_column .otp_verify_btn { margin-top: 3.333vw; margin-bottom: 0; padding: 1.811vw 7.844vw 1.811vw 2.414vw; /* height: 13vw; display: flex; width: fit-content; */ align-items: center; font-size: 3.611vw; } .stirfri_subscribe_popup.stirfri_popup .stirfri_right_column { margin-bottom: 38.889vw; } .stirfri_subscribe_popup.stirfri_popup .stirfri_right_column .otp_verify_btn { margin-top: 3.333vw; margin-bottom: 0; padding: 1.811vw 7.844vw 1.811vw 2.414vw; } .stirfri_subscribe_popup.stirfri_popup .stirfri_right_column .otp_verify_btn:before, .exclusive_popup.stirfri_popup .stirfri_right_column .otp_verify_btn:before { right: 2.414vw; width: 3vw !important; } .head_popup .pop_container .web_btn { margin-left: 0; } .stirfri_popup .error_msg { font-size: 3.333vw; } .stirfri_popup .explore { font-size: 3.611vw; margin-top: 14.436vw; margin-bottom: 4vw !important; text-align: left; } .stirfri_popup .skip_btn { font-size: 3.611vw; margin-top: 13.600vw; text-decoration: underline; } .stirfri_popup .pop_container .exclusive_popup_ftr { padding: 1vw; background: #1A1A1A; } .stirfri_popup .pop_container .exclusive_popup_ftr:before { content: ''; background-image: url("../images/stirfri/swiggly.png"); width: 100%; height: 5vw; display: block; position: absolute; bottom: 2vw; z-index: 2; background-size: cover; background-position: center; left: 0; background-repeat: no-repeat; } .signup_popup, #login_popup, #forgot_password, #verify_popup { z-index: 999999999; } #congratulation_popup .pop_container .pop_text_holder { background: none; } #congratulation_popup .pop_container .pop_text_holder .heading, #congratulation_popup .pop_container .pop_text_holder p { color: #000; } #congratulation_popup .pop_container .pop_text_holder { min-height: auto !important; } #congratulation_popup .pop_container .pop_insideText { max-width: 100%; } #congratulation_popup .pop_container .profilebut { margin: 12.222vw 0 24.444vw 0; } #congratulation_popup .pop_container .profilebut a { border: 1px solid #000000; padding: 1.811vw 2.414vw 1.811vw 7.844vw; position: relative; } #congratulation_popup .pop_container .profilebut a:before { position: absolute; content: ''; background-image: url("../images/stirfri/btn-arrow-b.svg"); background-repeat: no-repeat; background-size: contain; width: 2.414vw; height: 100%; left: 3vw; top: 0; background-position: center; } /*stirfri popup css end*/ /*sf ad space*/ .home_mob_stirfri_video a { border: none; } .home_mob_stirfri_video a:before { content: none; } /*sf ad space*/ /*stirfri landing page css start*/ .stirfri #main_header { filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.04)); } .stirfri .space_lt { margin-top: 2vw; } .stirfri_landing_page { width: 100%; margin: 0 auto; padding-top: 0; } .stirfri_landing_page .top_sec { background: #fff; padding-bottom: 11.111vw; display: flex; flex-wrap: wrap-reverse; } .stirfri_landing_page .top_sec .des_sub_sec { width: 100%; padding: 5.556vw 3.333vw 3.333vw; } .stirfri_landing_page .top_sec .des_sub_sec .logo_sec img { width: 20vw; } .stirfri_landing_page .top_sec .des_sub_sec h2 { font-size: 6.111vw; margin-top: 1.783vw; margin-bottom: 2.878vw; width: 68vw; } .stirfri_landing_page .top_sec .des_sub_sec p { font-size: 3.611vw; margin-top: 0; margin-bottom: 0; } .stirfri_landing_page .top_sec .des_sub_sec .form_block { margin-top: 8.667vw; } .stirfri_landing_page .web_btn.addon.arrow_r { padding: 1.811vw 7.844vw 1.811vw 2.414vw; font-size: 3.611vw; } .stirfri_landing_page .web_btn.addon.arrow_r:before { width: 3.95vw !important; right: 3.333vw; } .stirfri_landing_page .web_btn.addon.arrow_r.sub_btn:before { width: 3.25vw !important; right: 3.333vw; } .stirfri_landing_page .top_sec .des_sub_sec .form .field_hold.email::before { background-size: 4.397vw !important; } .stirfri_landing_page .web_btn { margin-left: 0; /* padding: 1.667vw 18.611vw;*/ } .stirfri_landing_page .top_sec .video_sec { width: 100%; padding: 0vw 3.333vw; /* padding: 0;*/ } .stirfri_landing_page .top_sec .video_sec .video_area img { width: auto !important; } .stirfri_landing_page .archive_cont { padding: 0.444vw 3.333vw 0; top: 16.20vw; z-index: 9999; } .stirfri_landing_page .archive_head_row { padding-bottom: 3.333vw; align-items: center; } .stirfri_landing_page .archive_head { font-size: 3.889vw; } .date_picker .date_picker_input_box { padding: 0.972vw 9.444vw 0.972vw 2.778vw; font-size: 3.889vw; } .date_picker .date_picker_input_box::after { background-size: 3vw; } .date_picker .date_picker_input_box:after { width: 3vw; right: 3.889vw; } .date_picker .calendar_block { padding: 3.333vw; width: 42.222vw; top: 9.25vw; z-index: 9999; } .date_picker .calendar_block .carousel .calendar_head h3 { font-size: 4.167vw; } .date_picker .calendar_block .carousel .calendar_head h3 span { font-size: 3.333vw; } .date_picker .calendar_block .carousel .calendar_body .issue_no li { font-size: 3.333vw; margin: 0 3.333vw 3.333vw 0; width: 16.111vw; overflow: hidden; } .date_picker .calendar_block .carousel .calendar_body .issue_no li:nth-child(2), .date_picker .calendar_block .carousel .calendar_body .issue_no li:nth-child(4) { margin-right: 0; } .date_picker .calendar_block .carousel .calendar_body .issue_no li a { padding: 2.222vw 0; width: 100%; text-align: center; } .date_picker .calendar_block .carousel .carousel-control-prev { left: 26vw; } .date_picker .calendar_block .carousel .carousel-control-next, .date_picker .calendar_block .carousel .carousel-control-prev { height: 3vw; } .date_picker .calendar_block .carousel .carousel-control-prev-icon, .date_picker .calendar_block .carousel .carousel-control-next-icon { width: 2.5vw; height: 2.5vw; } .stirfri_landing_page .timeline .top_space { height: 5.556vw; } .stirfri_landing_page .timeline { padding-bottom: 5.208vw; padding: 0 3.333vw; } .stirfri_landing_page .timeline .timeline_comp .timeline_left { width: 10vw; } .stirfri_landing_page .timeline .timeline_comp .timeline_left h3 { transform: rotate(180deg); -webkit-writing-mode: vertical-rl; font-size: 3.889vw; left: 4vw; top: 50vh; writing-mode: vertical-rl; text-orientation: mixed; text-transform: uppercase; color: #666666; font-family: "BarlowCondensedLight"; } .stirfri_landing_page .timeline .timeline_bar { width: 0.556vw; left: 14.6vw; } .stirfri_landing_page .timeline .timeline_bar .timeline_scroll { position: sticky; bottom: 50vh; height: 50vh; z-index: -1; width: 0.556vw; } .stirfri_landing_page .timeline .timeline_comp .timeline_elicps { width: 3.25vw; } .stirfri_landing_page .timeline .timeline_comp .timeline_elicps .elicps { position: sticky; top: 50vh; margin: 0 auto; width: 2.778vw; height: 2.778vw; border-radius: 100%; background-color: #000; box-shadow: 0 0 0 1.111vw #fff; } .stirfri_landing_page .timeline .timeline_comp .timeline_right { padding-left: 2.813vw; width: 79.667vw; } .stirfri_landing_page .timeline .timeline_comp { /* padding: 10vw 0;*/ padding-bottom: 10vw; margin: 10vw 0 !important; } .stirfri_landing_page .timeline .timeline_comp:last-child { /* padding: 10vw 0 2.5vw;*/ padding-bottom: 2.5vw; margin: 10vw 0 2.5vw !important; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_head img { width: 35.833vw; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_head .issue_date { font-size: 3.889vw; margin-top: 2.222vw; color: #666666; line-height: 1; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_head .issue_date .dash { background: #666666; width: 3.333vw; margin: 0 2.500vw; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_body { margin-top: 3.386vw; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_body .des_text { font-size: 4vw; margin-bottom: 0; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_body .rev_div { display: flex; flex-wrap: wrap-reverse; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_body .image_sec { margin: 4.444vw 0; } .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .previous_data .content_head { margin-top: 8.333vw; /*margin-top: 16.5vw;*/ } /* .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_head { margin-top: 8.333vw; } */ .stirfri_landing_page .timeline .timeline_comp .timeline_right .timeline_content .content_head h1 { font-size: 6.667vw; } /*stirfri landing page css end*/ /*stirfri detail page css start*/ .sf_detail_page { width: 100% !important; margin-left: auto; padding: 0 3.333vw; margin-top: 9.62vw; } .sf_detail_page .sf_mail_data { width: 100% !important; margin-top: 6.944vw; } .sf_detail_page .left_panel { width: 100%; background: #fff; } .sf_detail_page .make-me-sticky { position: unset; } .stick_mob { margin-bottom: 8.333vw; display: none; } .stick_mob_top { position: sticky; left: 0; top: 13vw; background: #fff; z-index: 9999; display: block; padding: 0 3.333vw; } .sf_detail_page .left_panel .tabs_container .tabs, .sf_detail .stick_mob .tabs { width: 100%; overflow-x: scroll; white-space: nowrap; padding: 5vw 0 5vw 0; } .sf_detail_page .left_panel .tabs_container .tabs li, .sf_detail .stick_mob .tabs li { display: inline-block; float: none; position: relative; font-size: 3.930vw; margin: 0 3.93vw 0 0; font-weight: 300; font-family: 'GeorgiaRegular'; } .sf_detail_page .left_panel .tabs_container .tabs li.active, .sf_detail .stick_mob .tabs li.active { font-size: 3.930vw; font-family: 'GeorgiaBold'; } .sf_detail_page .left_panel .tabs_container .tabs li.active:before, .sf_detail .stick_mob .tabs li.active:before { content: ""; position: absolute; width: 50%; height: 2px; background: #000; bottom: -2px; left: 0; } .back_arrow { margin-right: 3.611vw; } .back_arrow img { width: 5.556vw; height: 5.556vw; transform: rotate(180deg); } /*stirfri detail page css end*/ /*stirfri subscription page css start*/ .sf_sub .content_page_wrapper { width: 100%; } .sf_sub .form .form-control:-webkit-autofill, .stirfri .form .form-control:-webkit-autofill { border-left: 2px solid #000; padding-top: 2.5vw; } .sf_sub .form .form-control:-webkit-autofill ~ label, .stirfri .form .form-control:-webkit-autofill ~ label { font-size: 2.5vw; margin: -2.5vw 0 0 0; } .sf_sub .page_head_sec { margin-bottom: 7.222vw; margin-top: 9.444vw; } .sf_sub .page_head_sec h3 { font-size: 5vw; width: 75.556vw; } .subscription_confirmation .btn_hoder, .signup_popup .btn_hoder { margin-top: 2vw; } .sf_sub .error_message { font-size: 3.333vw; } .pass_ins p { width: 100%; /* font-size: 3.333vw;*/ font-size: 2.778vw; margin-bottom: 2vw; } .sf_sub .page_head_sec .cnfrm_msg { width: 90%; } .sf_sub .form { width: 100%; } .sf_sub .form_heading { font-size: 3.889vw; margin-bottom: 2.778vw; } .sf_sub .prefrences_checkbox h6 { font-size: 3.889vw; max-width: 70.833vw; margin-top: 4.444vw; margin-bottom: 2.222vw; } .sf_check_box { margin-top: 4.444vw !important; margin-bottom: 2.222vw !important; } .signup_popup .sf_check_box { margin-top: 5.444vw !important; margin-bottom: 1.222vw !important; } .sf_sub .prefrences_checkbox .check_box .custom-control { padding-right: 2.567vw; margin-bottom: 0; font-size: 3.889vw; } .sf_sub .terms_checkbox, .signup_popup .terms_checkbox { margin-top: 1.889vw; margin-bottom: 0; } .sf_sub .terms_checkbox .custom-control-label { font-size: 3.333vw; } .sf_sub .form .web_btn { margin-left: 0; } /* .sf_sub .form .field_hold .form-control, .sf_sub .form .field_hold:before { height: 2.5vw; } */ .sf_sub .sf_sub_blob .pop_text_holder p { color: #fff; font-size: 1.146vw; } .sf_sub .sf_sub_blob .pop_text_holder ul { color: #fff; font-size: 1.146vw; margin-bottom: 2.083vw; margin-top: 1.719vw; list-style: disc; padding-left: 1.931vw; } .sf_sub .welcome_msg .left_col { width: 70vw; } .sf_sub .welcome_msg .page_head_sec { margin-bottom: 0.625vw; } .sf_sub .welcome_msg .left_col .form_heading { font-size: 3.611vw; } .sf_sub .welcome_msg .left_col .form_heading:last-child { margin-top: 5.556vw; margin-bottom: 4.444vw; } .sf_sub .welcome_msg .left_col .form_heading img { width: 7.778vw; top: -0.52vw; } .sf_sub .welcome_msg .btns_block .web_btn { margin-right: 1.667vw; margin-left: 0; font-size: 3.611vw; } .sf_sub .welcome_msg .btns_block .web_btn:last-child { margin-top: 4.444vw; } .sf_sub .link_exp_rsn { font-size: 3.611vw; padding-left: 7vw; } .btns_block { display: inline-block !important; width: 100%; } .sf_sub .btns_block a { display: table !important; } .sub_sf_btn:before { width: 4.5vw; left: 27.5vw; top: 0.50vw; } /*stirfri subscription page css end*/ /*stirfri additional css start*/ .sf_sub_ftr { position: relative; } .sf_sub_ftr a:after { left: 10.70vw; width: 3.15vw; } .header_inside.hamburger .sf_sub_ftr a:after { left: 20.5vw; top: 0.5vw; } #main_footer .quick_links li { width: 45%; } .for_mob li { width: 100% !important; } .for_mob li a { text-transform: none !important; opacity: 1 !important; } .for_mob .stir-logo img { width: 11.389vw; } footer .for_mob .stir-logo { left: 0 !important; } .sub_set_head { line-height: 1; margin-top: 2vw; } /*stirfri additional css end*/ /*06-02-2023*/ /*21-02-2023*/ .os_prefrences_checkbox { margin-top: 4.444vw; } .os_prefrences_checkbox .custom-control { margin-right: 5.061vw; } .os_sf_logo { width: 15vw; } /*21-02-2023*/ /*03-04-2023 Salone page CSS satrt here*/ .salone .space_lt { padding-top: 20.5vw !important; } .salone .banner_sec { background-position: right; background-size: cover; /*background-image: url(../images/salone/top_banner_mob.jpg); height: 76.389vw;*/ margin-bottom: 0; } /*.text_group:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+46,000000+100&0+44,1+100 background: -moz-linear-gradient(top, rgba(0,0,0,0) 44%, rgba(0,0,0,0.04) 46%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 44%,rgba(0,0,0,0.04) 46%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 44%,rgba(0,0,0,0.04) 60%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }*/ .salone .banner_sec .top_banner:after { content: none; } .salone .mob_sec_pad { padding: 5vw 5vw 0 5vw; } .salone .title_h1 { font-size: 5.048vw; } .salone .banner_sec .top_banner .text_group { width: 100%; padding: 4.444vw; justify-content: end !important; margin: 0; height: 100%; } .salone .text_group .banner_des, .salone .text_group .btns { z-index: 99; } .salone .text_group .banner_des, .salone .text_group .btns .watch_btn { width: 5.556vw; height: 5.556vw; margin-right: 3.889vw; } .salone .text_group .banner_des, .salone .text_group .btns .watch_btn:before { width: 5.556vw; height: 5.556vw; } .salone .text_group .btns { margin-top: 3.611vw; } .salone .articles_sec .group_holder .text_holder .article_head { font-size: 4.444vw; margin: 3.425vw 0 1.111vw 0; } .salone .articles_sec { width: 100%; padding: 5vw 5vw 0 5vw; } .salone .articles_sec .group_holder { padding: 0 0 3.333vw 0; margin-bottom: 6.667vw; } .salone .articles_sec .group_holder .img_box .img_holder:before { width: 6.667vw; height: 6.667vw; } /*03-04-2023 Salone page CSS end here*/ /*18-04-2023*/ #owl-demo-mob-home-top-slider.owl-carousel .item.bg-none:after { background: none !important; } /*18-04-2023*/ /*10-10-2023*/ #main_header .header_inside { box-shadow: none; } .news_search_result #main_header .header_inside { box-shadow: none; } .news_search_result .space_lt { padding-top: 25vw !important; } .news_search_result .space_lt main { padding: 0 15px; width: 100%; background: #fff; } .news_search_result .filter_page .search_form { margin-bottom: 4.444vw; } .news_search_result .nav { border-bottom: 1px solid rgb(0 0 0 / 10%); } .news_search_result .filter_page .search_form .form-control { height: 10vw; font-size: 3.972vw; padding: 2.778vw 10.833vw; line-height: normal; background: #f3f3f3; border: none; /* border-bottom: 1px solid rgba(0,0,0);*/ } .news_search_result .tabs_holder .sortby .chzn-container .chzn-results { max-height: 39.5vw !important; } .news_search_result .filter_page .search_form .search_btn { width: 5.556vw; height: 5.556vw; left: 2.222vw; } .news_search_result .nav-tabs .nav-item { padding-bottom: 2.222vw; } .news_search_result .nav-tabs .nav-item, .news_search_result .nav-tabs .nav-item.first { font-size: 3.972vw; padding: 1.8vw 0; } .news_search_result .nav-tabs .nav-item.first { margin-left: 0; } .news_search_result .nav-tabs .nav-item { margin-left: 6.667vw; } .news_search_result .nav-tabs .nav-link.active { /* padding-right: 1vw;*/ } .news_search_result .stories_tab_sortby, .news_search_result .listing_tab_form { text-align: left; margin: 2.222vw 0 0; } .news_search_result .listing_tab_form { text-align: left; } .news_search_result .tabs_holder .sortby .chzn-container-single .chzn-single { line-height: normal; height: auto; border: none; padding: 0 4.5vw 0 0 !important; margin: 0 6.667vw 0 0 !important; } .news_search_result .tabs_holder .sortby .chzn-container-single .chzn-single span { color: #000; font-size: 3.897vw; padding-left: 0 !important; line-height: 5.217vw; } .news_search_result .tabs_holder .form.sortby, .news_search_result .tabs_holder .listing_tab_form .form .field_hold, .news_search_result .tabs_holder .stories_tab_sortby .form .field_hold { margin-left: 0 !important; } .news_search_result .tabs_holder .form.sortby .chzn-container-single .chzn-single div b { width: 5.556vw; height: 3.556vw; background-size: contain !important; top: 0.5vw; } .news_search_result .tabs_holder .form .chzn-container-single .chzn-single div { width: 5vw; height: 100%; margin-left: 1vw; } .news_search_result .tabs_holder .sortby .chzn-container .chzn-results { padding: 2.222vw 0; background: #fff; } .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li { padding: 2.222vw 4.444vw 2.222vw 9vw; border-bottom: none; background: #ffffff; font-size: 3.897vw; line-height: 4.217vw; position: relative; } .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li.highlighted { font-family: 'BarlowMedium'; } .news_search_result .tabs_holder .chzn-container-single .chzn-search { padding: 0; } .news_search_result .form.sortby .chzn-container .chzn-drop { width: auto !important; top: 7vw !important; } .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li.highlighted::before, .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li.result-selected.highlighted::before, .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li::before, .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li.result-selected::before, .news_search_result .tabs_holder #listing_tab_form .sortby .chzn-container .chzn-results li.highlighted::before, .news_search_result .tabs_holder #listing_tab_form .sortby .chzn-container .chzn-results li.result-selected.highlighted::before, .news_search_result .tabs_holder #listing_tab_form .sortby .chzn-container .chzn-results li::before, .news_search_result .tabs_holder #listing_tab_form .sortby .chzn-container .chzn-results li.result-selected::before, .news_search_result .tabs_holder .sortby .chzn-container .chzn-results li.active-result.result-selected::before { width: 5vw; height: 5vw; left: 2.222vw; top: 2vw; } .news_search_result .tabs_holder #listing_tab_form .form .field_hold:last-child { margin-left: 3.333vw; } .news_search_result .author_sec #stories_tab .short_description_holder, .news_search_result .author_sec #listing_tab .short_description_holder { padding: 2.222vw 2.994vw !important; } /* .news_search_result .tags_div { margin-top: 5.556vw; } */ .news_search_result ul.tags li { padding: 0; margin: 0 0 5.556vw; ; display: block; line-height: normal; background: var(--white); position: relative; } .news_search_result ul.tags li a:after { content: ''; background-image: url(../images/icons/chevron-down.svg); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; width: 5.556vw; height: 1.667vw; top: 46%; right: 0; transform: translateY(-50%); transform: rotate(-90deg); opacity: 0.6; } .news_search_result ul.tags li a { font-size: 4.513vw; font-family: 'BarlowSemiCondensedMedium'; } .news_search_result ul.tags li span { font-size: 3.897vw; font-family: 'BarlowSemiCondensedLight'; } .news_search_result .tab-pane { margin-top: 0; } .news_search_result .tab-pane.tag_holder { margin-top: 5.25vw; } .news_search_result .error_txt { font-size: 4.5129vw; line-height: 4.217vw; margin-top: 1.111vw; padding-bottom: 2.222vw; margin-bottom: 0; } .news_search_result .error_sub_txt { font-size: 3.514vw; line-height: 5.850vw; margin-top: 1.111vw; } .suggestion { margin-bottom: 52vw; } /*custom search css start*/ .custom_search { top: 35vw !important; padding: 3.333vw 4.167vw 0; box-shadow: none; height: 100vh; left: 0; position: fixed; z-index: 999999 !important } .custom_search.minus_top { top: 26vw !important; } .custom_search.dark { padding: 3.333vw 0 0 0; } .custom_search .recent_search .search_title h4 { font-size: 3.333vw; /* opacity: 1;*/ line-height: 4.217vw; } .custom_search .suggestion p { font-size: 3.333vw; } .custom_search .recent_search .custom_search_list, .custom_search.dark .recent_search .custom_search_list { padding: 1.111vw 0; } .custom_search .recent_search .search_title, .custom_search.dark .recent_search .search_title { padding: 2.222vw 0; } .custom_search .recent_search ul { position: relative; } .custom_search .recent_search .custom_search_list { font-size: 3.972vw; } .custom_search .recent_search .custom_search_list a, .custom_search.dark .recent_search .custom_search_list a { line-height: 1.2; width: 85%; } #ui-id-2 li .icon_box { margin-right: 3.333vw; } .icon_box, .icon_box:after { width: 5.556vw !important; height: 5.556vw; } .icon_search_b, .icon_search_w { left: 2.222vw !important; } .cross_btn, .cross-icon, .arrow_w { right: 2.222vw !important; } .custom_search .cross-icon { right: 0 !important; } .recent_search { padding-bottom: 4.444vw; } .suggestion p { font-size: 3.889vw; margin: 1.667vw 0 2.222vw 0; line-height: 4.722vw; opacity: 1; } .suggestion ul { /* display: inline-block !important;*/ padding: 2.222vw 0; } .suggestion ul.article_tag_tab { display: inline-block; padding-top: 1.111vw; } .suggestion ul.article_tag_tab li { margin-right: 2.222vw; margin-bottom: 2.222vw; } .custom_search .suggestion ul li a { font-size: 3.897vw !important; padding-right: 2.222vw; } .custom_search.dark .suggestion ul li a { color: #000; border-right: 1px solid rgba(0, 0, 0); } .suggestion ul.article_tag_tab.explore_tags li a { font-size: 3.897vw !important; padding-right: 2.222vw !important; line-height: 1; } .suggestion ul.article_tag_tab li a { padding-right: 2.222vw; font-size: 4.5129vw; line-height: 1; } .suggestion ul li { display: inline-block !important; margin-bottom: 3.333vw; margin-right: 3.333vw; } .suggestion .suggestion_btn { font-size: 3.897vw; padding: 0.556vw 2.778vw; } .suggestion .explore_list li { display: block !important; margin: 0; } .suggestion .explore_list li a { font-size: 3.897vw; line-height: 5.850vw; padding: 1.111vw 0; } .suggestion .explore_list li a:before { width: 5.556vw; height: 5.556vw; margin-right: 1.111vw; } .search_holder .searchbar .sform input[type="search"] { padding: 2.778vw 7.778vw 2.778vw 10.333vw; font-size: 3.972vw; } .search_holder .searchbar .sform .icon-search { left: 2.222vw; right: unset; } .search_holder .searchbar .sform .icon-search:before { margin: 0; } #ui-id-2 .ui-autocomplete-category:before { width: 100%; } #ui-id-1 .ui-autocomplete-category:first-child, #ui-id-2 .ui-autocomplete-category:first-child { padding: 1.389vw 0; } #ui-id-1 .ui-autocomplete-category, #ui-id-2 .ui-autocomplete-category { font-size: 3.333vw; padding-top: 5.556vw; margin-top: 4.444vw; } #ui-id-1 li, #ui-id-2 li { font-size: 3.897vw; padding: 1.111vw 0; } #ui-id-1 li a, #ui-id-2 li a { line-height: 5.850vw; } .cross_btn { width: 5.556vw !important; height: 5.556vw !important; } .news_search_result .loadmore_btn span { padding: 1.811vw 2.414vw; } #main_header.h_shadow { box-shadow: none; } .back_btn { height: 6.667vw; width: 6.667vw; margin-right: 3.333vw; display: flex; align-items: center; display: block; } /* .icon_box { left: 0; } */ .icon_box.icon_back_b { position: absolute; /* background: url(../images/arrow_b.svg?v=@{c-v}) no-repeat; transform: rotate(180deg); */ background: url("../images/arrow-up-right-b.svg") no-repeat; transform: rotate(225deg); opacity: 1 !important; display: block !important; } .load_btn { font-size: 3.897vw; padding: 0.556vw 0.833vw 0.556vw 0; margin-top: 1.422vw; /* display: inline-block;*/ } .load_btn .icon_down { height: 2.361vw; } .tab-pane .suggestion p { /* opacity: 0.6;*/ margin-top: 4.444vw; margin-bottom: 1.111vw; } .tab-pane .suggestion ul { /* padding-top: 0;*/ } .news_search_result .author_sec .new_category_mob.article_thumb .thumb_inslide.small { height: 51.875vw; } .news_search_result ul.tags { display: block; } .news_search_result .filter_page .article_thumb { padding-bottom: 3.333vw; } .news_search_result .tab-pane .article_thumb .title { max-height: 12vw; -webkit-line-clamp: 2; } ul#ui-id-2.ui-front { min-height: 82vh !important; max-height: 82vh !important; height: auto !important; overflow-y: scroll; box-shadow: none; top: 35vw !important; position: absolute !important; z-index: 999999 !important; } ul#ui-id-1 { box-shadow: none; height: 100vh !important; max-height: 100vh !important; padding: 3.661vw 4.167vw; overflow: hidden; } .news_search_result .loadmore_btn_mobi .btn.plus::before { width: 3.333vw; height: 3.333vw; margin-right: 1.111vw; } .d-none-t { display: none !important; } .text_anim { color: #000; font-size: 3.972vw; height: 4.15vw; left: 10.65vw; } .text_anim .anim { /*left: 15vw;*/ } .news_search_result .filter_head { margin-bottom: 0.833vw !important; top: 24.5vw; transition: all 0.25s ease; } .news_search_result .filter_head.fil_hide { top: 10vw; } /*custom search css end*/ /*10-10-2023*/ /*25-10-2023*/ .wh_bg#ui-id-1 .ui-autocomplete-category:before { background: rgba(0, 0, 0, 0.5) !important; } .wh_bg { background-color: #fff !important; top: 0; } .wh_bg .close_w { display: none; } .wh_bg .search_list .icon_box, .wh_bg .custom_search_list .icon_box { margin-right: 3.333vw; } .wh_bg input::placeholder { color: #000 !important; } .wh_bg .pop_container { padding-top: 15px; } .wh_bg .search_holder { top: 0; } .wh_bg .search_holder .searchbar .sform input[type=search] { color: #000; background: #f3f3f3; /* border-bottom:1px solid rgba(0,0,0);*/ } .wh_bg .custom_search.dark .recent_search .search_title h4, .wh_bg .custom_search.dark .recent_search .custom_search_list a, .wh_bg .dark .suggestion .suggestion_btn, .wh_bg .dark .suggestion p { color: #000; } .wh_bg .dark .suggestion .suggestion_btn { /*border: 1px solid #000;*/ color: #52A0E2; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.12) !important; } .wh_bg .custom_search.dark .history-icon:after { background-image: url(../images/icons/history-icon-b.svg); } .wh_bg .dark .cross-icon:after { background-image: url(../images/icons/close-icon-b.svg); } .wh_bg .icon_search_w:after { background: url(../images/icons/search_new_b.svg?v=@{c-v}) no-repeat; } .wh_bg .cross_btn { background: url(../images/icons/close-icon-b.svg?v=@{c-v}) no-repeat; } .wh_bg#ui-id-1 .file-icon:after { background-image: url(../images/icons/file-icon-b.svg); } .wh_bg#ui-id-1 .arrow_w:after { background-image: url(../images/icons/arrow-up-right-b.svg); } .wh_bg#ui-id-1 .cal-icon:after { background-image: url(../images/icons/calander-new-b.svg); } .wh_bg#ui-id-1 .user-icon:after { background-image: url(../images/icons/user-icon-b.svg); } .wh_bg#ui-id-1 .ui-autocomplete-category { color: #000; } .wh_bg#ui-id-1 .tag-icon:after { background-image: url(../images/icons/tag-icon-b.svg); } .wh_bg#ui-id-1 li a, .wh_bg#ui-id-1 li a b { color: #000; } .wh_bg#ui-id-1 li .item_data { color: rgba(0, 0, 0, 0.8) !important; } #ui-id-1 .ui-autocomplete-category, #ui-id-2 .ui-autocomplete-category { position: relative; } #ui-id-1 .ui-autocomplete-category:first-child:before, #ui-id-2 .ui-autocomplete-category:first-child:before { content: none; } #ui-id-1 .ui-autocomplete-category:before, #ui-id-2 .ui-autocomplete-category:before { content: ''; height: 1px; background: #f3f3f3; width: 100%; position: absolute; left: 0.833vw; right: 0.833vw; top: 0; } #ui-id-1 .ui-autocomplete-category:before { background: rgba(0, 0, 0, 0.2); } .custom_search.dark .suggestion ul li a { color: #52a0e2; } .wh_bg#ui-id-1 li .item_data { color: rgba(0, 0, 0, 1) !important; } #ui-id-1 .ui-autocomplete-category { /* border-top: 1px solid rgba(0,0,0,0.2);*/ } .convert_search { font-size: 3.897vw; margin-top: 4.444vw; } .clear_btn { margin-top: 8.889vw; padding: 1.111vw 2.222vw 1.111vw 8.222vw; font-size: 3.897vw; } .clear_btn:before { width: 6.667vw; height: 6.667vw; } /*25-10-2023*/ .photo_credit { font-size: 2.222vw; margin-top: 0.556vw; } .photo_credit .copyright_sym { font-size: 2.222vw; margin-right: 0.556vw; } /*07-03-2024*/ .stir_common_login .pop_container { width: 91.667vw !important; height: 91.667vw !important; background-image: url("../images/stir-bg-w.svg"); padding: 6.667vw 6.667vw 6.667vw 8.333vw; margin: 0 auto; background-position-x: -4.333vw; background-color: #000; } #popup_group .stir_common_login .pop_wrap .pop_container::before { content: none; } .stir_common_login .pop_container .popup_holder { width: 79.444vw; padding-block: 11.111vw; } .stir_common_login .pop_container .pop_insideText { max-width: 100%; padding-right: 8.333vw; } .stir_common_login .pop_container h3 { font-size: 5.556vw; margin-bottom: 5vw; color: #000; } .stir_common_login .pop_container .web_btn { height: 11.111vw; font-size: 3.889vw; color: #000; } .stir_common_login .pop_container .web_btn img { margin-right: 1.5vw; width: 4.444vw; } .btn_divider { margin-block: 3.333vw; } .btn_divider:after { background: rgba(0, 0, 0, 0.12); } .btn_divider span { font-size: 2.778vw; padding: 0 4.444vw; background: #fff; color: #000; } .stir_common_login .pop_container .login, .stir_common_login .pop_container .policy { margin-top: 5vw; } .stir_common_login .pop_container h5 { font-family: 'BarlowLight'; font-size: 3.333vw; color: #000; } .stir_common_login .pop_container h5 .btn_signin { font-family: 'BarlowMedium'; color: #000; } .stir_common_login .pop_container .policy label { font-size: 2.778vw; line-height: 1.4; color: #000; } .stir_common_login .pop_container label a { color: #000; } #popup_group .stir_common_login .closebut { /*width: 6.667vw; height: 6.667vw;*/ top: 3.333vw; right: 3.333vw; filter: brightness(0) invert(1); opacity: 1; font-size: 3.333vw; width: 5.556vw !important; height: 5.556vw !important; } #popup_group .stir_common_login .stir_back { top: 3.333vw; right: 3.333vw; filter: brightness(0) invert(1); opacity: 1; font-size: 3.333vw; } .invert_img { filter: brightness(0) invert(0); } #popup_group .web_btn { font-size: 3.889vw; } .policy_label { font-size: 2.778vw; } .stirfri_popup .stirfri_right_column p { font-size: 3.889vw; margin-bottom: 2.222vw; } .stirfri_popup .stirfri_right_column h3 { font-size: 5.556vw; margin-bottom: 2.222vw; color: #000; } .stirfri_popup .stirfri_right_column .form-control { border-radius: 0; height: 13vw; } .stir_common_login .pop_container p { font-size: 3.889vw; color: rgba(0, 0, 0, 0.8); } .pass_ins .info_text { font-size: 2.778vw; margin-bottom: 1.667vw; } .set_pass .space_lt { padding-top: 28vw !important; } .eye_icon { height: 100%; width: 5.556vw; background-size: 4.444vw !important; right: 3.333vw; } .stirfri_sticky_footer .stirfri_sub_form .error_message { bottom: -4vw; top: inherit; } .set_pass .field_group { margin-bottom: 2.222vw !important; } .set_pass .field_group .field_hold { margin-bottom: 0; } .set_pass .field_group .error_message { top: 0; margin-top: 0.556vw; } .common_popup .prefrences_checkbox { margin-bottom: 2.222vw; } .prefrences_checkbox label { font-size: 3.889vw !important; padding-left: 6.667vw; } .prefrences_checkbox .custom-control.custom-checkbox { padding-right: 4.444vw !important; padding-left: 0 !important; } .prefrences_checkbox .error_message { top: 0; } h4.preferences_heading { margin-top: 0; font-family: 'BarlowLight' !important; font-size: 3.889vw !important; margin-bottom: 2.222vw !important; line-height: 1.4; } p.policy_check { margin-bottom: 4.444vw !important; font-size: 2.778vw !important; line-height: 1.2; color: rgba(0, 0, 0) !important; } .policy_check a { text-decoration: underline; display: inline !important; } .btn_block { height: 8.889vw !important; font-size: 3.333vw; padding: 0 2.778vw 0 7vw; } .dark .btn_block { border: solid 1px rgba(255, 255, 255, 1) !important; background: #000 !important; color: #fff !important; } .btn_block:before { width: 3.556vw; height: 3.556vw; left: 2.083vw; top: 50%; transform: translateY(-50%); } .forgot_password { font-size: 3.333vw; } .pop_fut { margin-top: 8.889vw; } .form.profile_setting_form .field_hold label { font-size: 3.225vw !important; } .account p, .join p { margin-bottom: 1.667vw !important; font-size: 3.333vw; color: #000 !important; } .common_popup .form-group { margin-bottom: 2.222vw; } .common_popup .form-control { height: 12.778vw; padding: 3.250vw 11.111vw 0 !important; font-size: 3.889vw; } .common_popup .form-group label { left: 11.111vw !important; font-size: 3.889vw !important; } .common_popup .form .form-control:valid ~ label { font-size: 2.778vw !important; margin-top: -2.778vw !important; line-height: 1.2; } .common_popup .form-control:focus, .common_popup .form-control:valid { border-left: 3px solid #000 !important; } .common_popup .form-control:focus ~ label, .common_popup .form-control:valid ~ label { font-size: 2.778vw !important; margin-top: -2.778vw !important; line-height: 1.2; } .common_popup .field_hold:before { width: 5.556vw; height: 5.556vw; background-size: 4.444vw !important; left: 3.333vw; } .common_popup .field_hold.password:before { background-size: 3.333vw !important; } .common_popup .pass_ins p { margin-bottom: 0; } .common_popup .pop_insideText { width: 55vw; } .reset_password .form-control { font-size: 3.889vw !important; font-family: "BarlowRegular" !important; } .email-feild label { font-size: 3.225vw !important; margin: -2.5vw 0 0 0 !important; } .edit_profile .form.profile_setting_form .field_hold label, .change_password .form.profile_setting_form .field_hold label { font-size: 3.889vw !important; } .edit_profile .form .form-control:focus ~ label, .edit_profile .form .form-control:valid ~ label, .change_password .form .form-control:focus ~ label, .change_password .form .form-control:valid ~ label { font-size: 2.778vw !important; margin-top: -2.778vw; line-height: 1.2; } .edit_profile .form.profile_setting_form .field_hold.email-feild label { font-size: 2.778vw !important; margin-top: -2.778vw !important; } .edit_profile .form.profile_setting_form .form-control, .edit_profile .form.profile_setting_form .form-control:valid, .edit_profile .form.profile_setting_form .form-control:focus { border-left-width: 1px !important; } .profession_other .form-control { padding: 0 2.75vw !important; } .password_change .heading { font-size: 5.556vw; margin-bottom: 0; } .password_change p { font-size: 4vw; margin: 1.667vw 0; line-height: 1.3; } /*07-03-2024*/ /*commonpopup css start*/ .common_popup .pop_container { width: 91.667vw !important; padding: 24.444vw 3.056vw 6.667vw !important; } .popup_signup.common_popup .pop_container { width: 91.667vw !important; padding: 24.444vw 4.444vw 6.667vw !important; } .common_popup .blob_bg { height: 90vw !important; } .common_popup .pop_container::before { content: ""; height: 12vw; width: 100%; background: url(../images/stir_logo.png?v=@{c-v}) no-repeat center center; display: inline-block; background-size: contain; position: absolute; top: 6.667vw; left: 50%; transform: translateX(-50%); display: flex; align-items: center; } .common_popup .blob_bg .text_inside { width: 55vw; max-width: 55vw; padding: 0 !important; margin: 0 auto; } .common_popup .blob_bg .heading { font-size: 5.556vw; margin-bottom: 5vw; top: 0 !important; } .set-password .title { font-size: 5.556vw; margin-bottom: 2.222vw; top: 0 !important; } .common_popup .blob_bg .text_inside p { font-size: 3.333vw; margin-bottom: 4.444vw; } .common_popup .form_fields .form-group { margin-bottom: 2.222vw; } .popup_signup.common_popup .form_fields .form-group, .set-password .form .form-group { margin-bottom: 2.222vw; } .common_popup .form_fields .form-control, .set-password .form .form-control { height: 12.778vw; padding: 3.250vw 11.111vw 0 !important; font-size: 3.889vw; } .popup_signup.common_popup .form_fields { padding: 0; } .popup_signup.common_popup .pop_container .row { margin: 0; } .common_popup .form_fields .field_hold label, .set-password .form .field_hold label { left: 11.111vw; font-size: 3.889vw; } .common_popup .form_fields .form-control:focus~label, .common_popup .form_fields .form-control:valid~label, .set-password .form .form-control:focus~label, .set-password .form .form-control:valid~label { font-size: 2.778vw !important; margin-top: -2.778vw; } .common_popup .form_fields.dark .field_hold:before, .common_popup .form_fields .field_hold:before, .set-password .form .field_hold.password:before { width: 5.556vw; height: 5.556vw; background-size: 4.444vw !important; top: 50%; transform: translateY(-50%); left: 3.333vw; } .common_popup .form_fields.dark .field_hold.password:before, .common_popup .form_fields .field_hold.password:before, .set-password .form .field_hold.password:before { background-size: 3.333vw !important; } .prefrences_setting { margin-bottom: 2.222vw; } .common_popup .error:after { top: 50%; } .prefrences_setting .custom-control.custom-checkbox { padding: 0 4.444vw 0 0 !important; margin-bottom: 0; top: 0 !important; } .prefrences_setting .preferences_heading { font-size: 3.889vw !important; margin-bottom: 2.222vw !important; } .prefrences_setting label { font-size: 3.889vw !important; padding-left: 6.667vw; } .prefrences_setting label:after, .prefrences_setting label:before { top: 50% !important; left: 0 !important; transform: translateY(-50%) !important; margin-top: 0 !important; } .policy_check { margin-bottom: 4.444vw; font-size: 2.778vw !important; line-height: 1.2 !important; } .policy_check a { display: inline !important; } .forgot_password { font-size: 3.333vw; /* top: 12.5vw;*/ } .forgot_password small { font-size: 3.333vw; } .btn_block { height: 8.889vw !important; font-size: 3.333vw; padding: 0 2.778vw 0 7vw; } .btn_block:before { width: 3.556vw; height: 3.556vw; left: 2.083vw; top: 50%; transform: translateY(-50%); } .bdr_light { border-color: rgba(0, 0, 0); } .popup_signup .pop_fut { padding: 0; } .pop_fut { margin-top: 8.889vw; } .already_account p, .can_join p { margin-bottom: 1.667vw !important; font-size: 3.333vw !important; } .set-password .bg-light { padding: 0 !important; margin-top: 20px; } .set-password .bg-light p { font-size: 3.333vw; margin-bottom: 4.444vw; line-height: 1.2; } .common_popup .error_message, .set-password .error_message { font-size: 3.333vw; } body.set-password .error:after { top: 50% !important; } .pass_inst p { font-size: 2.778vw; line-height: 1.2; } #popup_group .common_popup .close { right: 4.444vw; top: 4.444vw; width: 5.556vw !important; height: 5.556vw !important; } .common_popup .form-control { text-overflow: ellipsis; overflow: hidden; } .stir_common_login .web_btn.loginbut img { max-width: 13px; } .eye_icon { height: 100%; width: 5.556vw; background-size: 4.444vw !important; right: 3.333vw; } .password_change .heading { font-size: 5.556vw; margin-bottom: 0; } .password_change p { font-size: 4vw; margin: 1.667vw 0 !important; } #login_popup .pop_container .row { margin: 0 -1.1vw !important; } /*commonpopup css end*/ /*24-12-24*/ #invite-popup .close_w { width: 6vw !important; background-size: 3vw; height: 6vw !important; } .stirfri_sticky_footer { bottom: -60vw; } /*24-12-24*/ .space_lt{ padding-top: 18.65vw; } #owl-demo-mob-home-top-slider { display: block !important; /*height: 54vw !important;*/ } #owl-demo-mob-home-top-slider .owl-item .item a { z-index: 1; } .tag_result h1, .page_title { font-size: 5.5129vw; } /*GRV css end*/ } /*priya beta starts 07-04-2021*/ @media (max-width: 320px) { /*.new_category_mob.article_thumb .short_description_holder h2, .spc .new_category_mob.article_thumb .short_description_holder h2 { width: 93%; }*/ .category_article_holder .content-section, .author_page { padding: 0 4.574vw; } } /*priya beta ends 07-04-2021*/ @media (min-width: 1671px) { .title.sm_title { font-size: 1.20vw; } }