:root { --ts-gray: #202020; --ts-white: #ffffff; --ts-black: #000000; --ts-pretty-dark: #202020; --ts-pale-green: #89C1B7; --ts-bold-green: #00AE6E; /*377267*/ --ts-dark-green: #275048; --ts-green-secondary: #D6EBE7; --ts-gold: #dc9e00; --ts-manila: #F4F4F4; --ts-red: red; --max-width--custom: 0px; --font-public-sans:"Public Sans", sans-serif; /* Bootstrap Overright */ --bs-gutter-x:2.4rem; --value:1px; } .post__pic .slick-arrow { position: absolute; top: 50%; margin-top: -20px; background-color: rgba(255, 255, 255, 0.6); width: 40px; height: 40px; border-radius: 50%; border: none; text-indent: -999999px; z-index: 1; } .post__pic .slick-arrow:hover { background-color: rgba(255, 255, 255, 1); } .post__pic .slick-prev:after, .post__pic .slick-next:after { content: ""; border-right: 2px solid black; border-bottom: 2px solid black; width: 10px; height: 10px; transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; } .post__pic .slick-prev:after { transform: rotate(135deg); margin-left: -3px; } .post__pic .slick-prev { left: -1%; } .post__pic .slick-next { right: -1%; } .post { padding: 20px 10px; margin: 20px 0 0; } .box--space { padding: 20px; } .header-blog { background: #fff; position: fixed; left: 0; right: 0; width: 100%; z-index: 10; top: 0; border-bottom: 1px solid; } .header-blog-inner { display: flex; justify-content: space-between; align-items: center; } .after-header-blog { height: 70px; } .post-detail{ padding-top: 15px;} .nav-blog { position: relative; padding-right: 30px; flex: auto; text-align: right; } .nav-blog li { display: inline-block; padding: 0 15px; } .nav-blog ul>li>a { text-transform: uppercase; color: #888; font-weight: 600; display: block; } .wrapper-menu { width: 18px; height: 14px; display: flex; position: absolute; top: 5px; right: 0px; flex-direction: column; justify-content: space-between; cursor: pointer; transition: transform 330ms ease-out; } .wrapper-menu.wrapper-menu-mobile { display: none; } .wrapper-menu.open { transform: rotate(-45deg) } .wrapper-menu.open .line-menu.start { transform: rotate(-90deg) translateX(3px) } .wrapper-menu.open .line-menu.end { transform: rotate(-90deg) translateX(-3px) } .wrapper-menu .line-menu { background-color: #888; border-radius: 5px; width: 100%; height: 2px } .wrapper-menu .line-menu:after { content: ''; position: absolute; left: 0; width: 0; height: 2px; border-radius: 5px; background: #000; transition: all 0.3s; transition-delay: 0.1s } .wrapper-menu .line-menu:nth-child(2n + 1):after { transition-delay: 0.2s } .wrapper-menu .line-menu:nth-child(2n + 2):after { transition-delay: 0.3s } .wrapper-menu .line-menu:nth-child(2n + 3):after { transition-delay: 0.4s; right: 0; left: auto } .wrapper-menu .line-menu.half { width: 50% } .wrapper-menu .line-menu.start { transition: transform 330ms cubic-bezier(.54, -.81, .57, .57); transform-origin: right } .wrapper-menu .line-menu.end { align-self: flex-end; transition: transform 330ms cubic-bezier(.54, -.81, .57, .57); transform-origin: left } .nav__secondary { background: var(--first-color); padding: 10px; position: absolute; left: 0; top: calc(100% - 1px); right: 0; box-shadow: 0 5px 1px rgba(0, 0, 0, 0.2); display: none; } .nav-opened .nav__secondary { display: block; } .nav__secondary li:not(:nth-child(3n + 1)) a { /*	border-left: solid 2px rgba(255, 255, 255, 0.3); padding-left: 30px; margin-left: -30px;*/ } .nav__secondary ul:after { clear: both; content: ""; display: table; } .nav__secondary li { display: block; float: left; width: 33.3%; color: #fff; } .nav__secondary li.on-mobile { display: none; } .nav__secondary li a { display: block; color: inherit; font-weight: normal; font-size: 1em; text-align: left; padding: 15px 0; } .container { margin: 0 auto; max-width: 1250px; padding: 0 15px; } .posts-slider { position: relative; padding-top: 15px; } .posts-slider .slick-arrow { position: absolute; top: 50%; margin-top: -40px; width: 50px; height: 50px; border-radius: 50%; border: none; text-indent: -999999px; z-index: 1; } .posts-slider .slick-arrow.slick-prev { background: #fff url(/images/retina/left-arrow.svg) no-repeat center; background-size: 25px; left: 5%; } .posts-slider .slick-arrow.slick-next { background: #fff url(/images/retina/right-arrow.svg) no-repeat center; background-size: 25px; right: 5%; } .posts-slider .slick-arrow:hover { opacity: 0.9; } .posts-slider .post-item { margin: 0 10px; overflow: hidden; position: relative; } .posts-slider .post-media { position: relative; background: #000; padding-bottom: 56.25%; } .posts-slider .post-item .img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; /*width: 100%;*/ height: 100%; opacity: 1; margin: 0px auto; } .posts-slider .post-item .img { opacity: 0.3; } .posts-slider .post-item.slick-active .img { opacity: 1; } .posts-slider .post-item .post-data { text-align: center; padding: 30px 20px; margin-top: 20px; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.2; background: rgba(0, 0, 0, 0.25); box-shadow: none; } .posts-slider .post-item.slick-active .post-data { position: relative; background: none; border: solid 2px var(--first-color); -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .posts-slider .post-item.slick-active .post-data:before { content: ""; display: inline-block; width: 15px; height: 15px; border-top: 2px solid var(--first-color); border-right: 2px solid var(--first-color); background: #fff; transform: rotate(-45deg); position: absolute; top: -9px; left: 0; right: 0; margin: 0 auto; } .posts-slider .post-item .tag { letter-spacing: 5px; font-size: 1em; color: #6b6b6b; text-transform: uppercase; margin-bottom: 10px; } .posts-slider .post-item .post-heading h2 { font-weight: 600; font-size: 1.625em; color: #2e2f2f; line-height: 1.4; margin-bottom: 15px; } /* .posts-slider .post-item.slick-active .post-data { opacity: 1; top: 50%; } */ .posts-slider .post-item .links, .links { color: var(--first-color); font-weight: 600; text-transform: uppercase; font-size: 0.875em; text-decoration: underline; } .posts-slider .slick-dots { margin: 30px auto; text-align: center; } .posts-slider .slick-dots li { border: 1px solid transparent; border-radius: 50%; display: inline-block; margin: 0 2px; padding: 3px; } .posts-slider .slick-dots li button { background: #c9c8c8; border: medium none; border-radius: 50%; display: block; height: 11px; position: relative; text-indent: -9999px; width: 11px; } .posts-slider .slick-dots li.slick-active button { background: var(--first-color); border-color: #fff; } .posts-slider .slick-dots li.slick-active { border: 1px solid var(--first-color); } .searchform-holder { position: relative; } .search-form { position: absolute; z-index: 5; right: 0; top: 100%; padding: 0; border-radius: 3px; display: inline-block; -webkit-transform: scale(0, 0); transform: scale(0, 0); opacity: 0.3; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; background: #fff; -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, .1); box-shadow: 0px 2px 6px rgba(0, 0, 0, .1); } .form-opened .search-form { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } .search-form-detail { background: #0dd0ed; padding: 25px; } .form-main-search { display: flex; justify-content: space-between; align-items: center; } .form-main-search .field-set { margin: 0; padding: 0; } .form-main-search input[type="text"] { background: none; border: none; padding: 0 10px; margin: 0; height: 40px; font-size: 1em; font-weight: 300; line-height: 40px; width: auto; border-radius: 0; } .form-main-search input[type="submit"] { background: url(/images/retina/search-btn.svg) no-repeat center; background-size: 18px; border: none; padding: 0; margin: 0; height: 40px; width: 57px; line-height: 40px; float: right; } .post-repeated { direction: ltr; text-align: left; display: table; table-layout: fixed; width: 100%; overflow: hidden; position: relative; padding: 20px 0; } .post-repeated.odd { direction: rtl; } .post-repeated .posted-media { display: table-cell; vertical-align: middle; width: 50%; position: relative; } .post-repeated .posted-data-side { width: 50%; display: table-cell; vertical-align: middle; background: #fff; position: relative; padding-left: 10%; } .posted-by { margin-bottom: 15px; } .posted-by .auther { background: #00AE6E; color: #fff; display: inline-block; padding: 4px 10px; } .posted-by .time { color: #868585; font-weight: 300; } .posted-data h2 { font-weight: 600; color: #2e2f2f; margin-bottom: 15px; min-height: 70px; } .posted-data h2 a { color: inherit; } .post-repeated.odd .posted-data-side { padding-left: 0; padding-right: 10%; direction: ltr; } .btn--bordered { font-weight: 600; background: #fff; border: solid 2px var(--first-color); color: var(--first-color); box-shadow: none; } .share-this { display: inline-block; vertical-align: middle; margin: 0 10px; } .bg-pattern { padding: 80px 0; } .recent-posts .posted-media { margin-bottom: 30px; } .post-data { padding: 25px; /*box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.13);*/ border-radius: 3px; border: solid 1px var(--border-color); } .posted-content { background: #fff; } .posted-content .posted-media img { width: 100%; } .post-meta-detail {} .post--title { font-size: 3.125em; font-weight: 600; color: #2e2f2f; margin-bottom: 15px; line-height: 1.2; } .likes-count li { margin-right: 10px; display: inline-block; line-height: 1; vertical-align: top; font-weight: 300; color: #000; font-size: 0.875em; } .likes-count li .icn-like, .likes-count li .icn-msg { display: inline-block; vertical-align: middle; margin-right: 10px; } .likes-count li .icn-msg img { width: 20px; } .post__detail { line-height: 1.6; } .post__detail blockquote { margin: 10px 0; margin-left: 40px; padding: 12px 0 0 45px; font-size: 1.5em; font-weight: 600; line-height: normal; font-style: italic; color: var(--second-color); } .post__detail blockquote p { font-size: 1.5em; font-weight: 600; line-height: normal; font-style: italic; color: var(--second-color); } .post__detail h1, .post__detail h2, .post__detail h3, .post__detail h4, .post__detail h5, .post__detail h6 { clear: both; margin: 25px 0 10px; } .post__detail p a { color: #ff4c65; /*text-decoration:underline;*/ } .post__detail p span { text-decoration: none !important; } /* .post__detail p strong,.post__detail p b { font-weight: normal; } */ .post__detail .roll { display: inline-block; /* give it a layout */ overflow: hidden; font-family: 'OpenSans-Semibold'; vertical-align: top; /* just to be sure */ -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; perspective: 400px; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } .post__detail .roll:hover { background: none; text-shadow: none; } .post__detail ul { margin: 10px 0 10px 0; padding: 0; } .post__detail ul li { position: relative; font-size: 17px; line-height: 30px; padding: 0 0 8px 24px; color: #555; letter-spacing: 0.02em; } .post__detail ul li:before { position: absolute; left: 0; top: 11px; width: 8px; height: 8px; content: ""; display: inline-block; background-color: currentColor; } .post__detail ul li a { color: #ff4c65; text-decoration: none; } .post__detail ol { margin: 10px 0 10px 20px; padding: 0; width: 100%; display: inline-block; } .post__detail ol li { list-style: decimal outside; font-size: 17px; /*line-height:24px;*/ line-height: normal; padding: 0 0 10px 0; color: #555; letter-spacing: 0.02em; } .post__detail ol li a { color: #ff4c65; text-decoration: none; } .post__detail ol.list-spl { color: #ccc; list-style-type: none; } .post__detail ol.list-spl li { font-size: 15px; position: relative; margin: 0px 0 15px 0; list-style-type: none !important; } .post__detail ol.list-spl li.highlighted-point {} .post__detail ol.list-spl li.highlighted-point .highlighted-info { margin: 0 0 0 56px; } .post__detail ol.list-spl li.highlighted-point .highlighted-info span.sub-info { display: block; margin: 5px 0 0 0; } .post__detail ol.list-spl li.highlighted-point p { background: #fbf8da; color: #272727; position: relative; margin: 0 0 10px 13px; top: 13px; padding: 15px 15px 15px 40px; border-radius: 2px; -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.62); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.62); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.62); } .post__detail ol.list-spl li.highlighted-point a { line-height: normal; } .post__detail ol.list-spl li p { font-size: 14px; padding-left: 50px; color: #000; padding-top: 4px; } .post__detail ol.list-spl li>span { background: #3ecadd; border-radius: 60px; width: 30px; height: 30px; padding: 2px; text-align: center; position: relative; color: #fff; font-size: 14px; line-height: 26px; z-index: 1; float: left; margin-right: 15px; margin-top: 2px; } .post__detail ol.list-spl li ul { margin: 5px 0 5px 50px; } .post__detail ol.list-spl li ul li { background: url(images/bullet.png) no-repeat left 6px; font-size: 13px; color: #000; line-height: 20px; margin: 0; padding: 0 0 5px 15px; text-align: justify; } .post__detail ol li ul li { list-style: none; padding: 0 20px; } .post__detail h1 { color: #575757; letter-spacing: -2px; } .post__detail h2 { color: #ff4c65; letter-spacing: -1px; } .post__detail h3 { color: #353535; font-weight: 600; position: relative; } .post__detail h3:after { background: var(--first-color); width: 40px; height: 2px; content: ""; position: absolute; bottom: 0; left: 0; } .post__detail h4 { color: #3ecadd; } .post__detail h5 { color: #3ecadd; margin: 0px 0 5px 0; } .post__detail p { font-size: 1em; font-weight: normal; color: #555; line-height: 1.5; padding: 0 0 15px 0; /* text-align: justify; */ } .post__detail a { text-decoration: none; color: #ff4c65; } .post__detail a:hover { color: #3ecadd; } .post__detail table { border-collapse: collapse; width: auto; } .post__detail table tr th { border: solid 1px #CDCDCD; padding: 5px 10px; vertical-align: top; text-align: left; color: #3ecadd; background: #f6f6f6; } .post__detail table tr td { border: solid 1px #CDCDCD; padding: 5px 10px; vertical-align: top; text-align: left; } .post__detail table tr td strong { font-weight: 600; } .post__detail table tr td p { text-align: left; padding: 0px; } .post__detail .posted-media { overflow: hidden; margin-bottom: 20px; } /* -------- Comments ------------- */ .comments {} .comment-content { margin: 10px 0; } .comments a { color: var(--first-color); } .comments h5, .comments h3 { position: relative; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #ebeaea; } .comment-element article.comment:not(.comment-content) { /*padding-left: 95px;*/ } .comment-element .comment-respond { margin-top: 20px; } .comment-element .avatar { float: left; margin-left: 0; } .comments ul { list-style: none; margin: 0; padding: 0; } .comment-element:not(:last-child) { padding: 0 0 30px; margin: 0 0 40px; border-bottom: 1px solid #ebeaea; } .comment-element .comment-element { padding: 40px 0 0; margin: 30px 0 0 105px; border-bottom-width: 0; border-top: 1px solid #ebeaea; } .comment-meta { display: flex; } .comment-element .avatar { display: block; width: 75px; height: 75px; border-radius: 50%; overflow: hidden; float: left; margin: 0 5px; } .comment-time-link { display: block; font-size: 1rem; } .comment-element .comment-author .fn { display: block; font-size: 1rem; margin: 0 5px; } .comment-respond {} .comment-form { display: block; padding: 40px; background-color: #f5f5f5; } .comment-form h5 { position: relative; padding-bottom: 20px; margin-bottom: 30px; } .comment-form h5:before { width: 40px; background: #2cbed2; left: 0; height: 3px; content: ""; position: absolute; bottom: -2px; } .comment-form [class*="col-"]:not(:last-child) { margin-bottom: 20px; } .comment-form .newsletter-error { color: #ff4c65; } /*search*/ .search-toggle { display: inline-block; padding: 30px; cursor: pointer; position: relative; vertical-align: top; } .search-toggle.active .search-icon { border-color: transparent; transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98); top: 50%; left: 50%; } .search-toggle.active .search-icon:before { -webkit-transform: rotate(45deg) translate(0%, 0%); transform: rotate(45deg) translate(0%, 0%); width: 153%; transition: all 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.2s; } .search-toggle.active .search-icon:after { -webkit-transform: rotate(-45deg) translate(0%, 0%); transform: rotate(-45deg) translate(0%, 0%); width: 153%; opacity: 1; transition: all 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.4s; } .search-toggle .search-icon { position: absolute; width: 25%; height: 25%; top: 47%; left: 49%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; border: 2px solid #888; transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.5s; } .search-toggle .search-icon:before, .search-toggle .search-icon:after { content: ""; position: absolute; height: 2px; background-color: #888; display: block; top: 100%; } .search-toggle .search-icon:before { right: 0; transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.2s; -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg) translate(50%, 50%); transform: rotate(45deg) translate(50%, 50%); width: 100%; } .search-toggle .search-icon:after { left: 0; width: 100%; opacity: 0; -webkit-transform: rotate(-45deg) translate(-50%, -50%); transform: rotate(-45deg) translate(-50%, -50%); -webkit-transform-origin: left bottom; transform-origin: left bottom; transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98); transition: opacity 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98), -webkit-transform 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98); transition: transform 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98), opacity 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98); transition: transform 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98), opacity 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98), -webkit-transform 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98); } .no-focus:focus { box-shadow: none !important; } .blog-categories-js { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; } .blog-categories-js li { margin: 0 10px; } /* [ added on 2 August */ .nav--toggled { width: 100%; } .nav--toggled>ul>li { position: relative; margin: 5px 0; display: block; border: solid 2px var(--border-color); } .nav--toggled>ul>li .link--toggle { position: absolute; right: 0; top: 0; height: 42px; width: 40px; cursor: pointer; } .nav--toggled>ul>li>a { position: relative; padding: 12px 40px 12px 10px; color: #333; display: block; font-weight: 700; } .nav--toggled>ul>li>ul { margin: 0; padding: 0 0 15px; } .nav--toggled>ul>li ul li .link--toggle { right: 0; } .nav--toggled>ul>li ul li { padding: 0; position: relative; display: block; } .nav--toggled>ul>li ul li a { color: #999; padding: 10px 40px 10px 15px; display: block; } .nav--toggled>ul>li ul li a:hover { color: #333; } .nav--toggled>ul>li ul li.is--active a { color: #333; font-weight: 600; } .nav--toggled>ul>li.is-active>a, .nav--vertical>ul>li>a.is-active { color: #000; font-weight: 600; } .nav--toggled .is-selected>a { font-weight: 500; color: var(--first-color); } .nav--toggled>ul>li .link--toggle:before { color: #00AE6E; position: absolute; left: 50%; top: 50%; content: "+"; font-size: 1.6rem; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .nav--toggled>ul>li .link--toggle.is-active:before { content: "-"; font-size: 2.2rem; } .nav--toggled>ul>li .link--toggle.is-active:hover { background: none; } .nav--toggled>ul>li>ul ul { margin: 0 0 0 15px; } /* added on 2 August ] */ .sharethis_custom { background: url(/images/retina/social-icons/share.svg) no-repeat scroll center transparent; /* padding:0px 16px 0 0; */ } .st_facebook_custom { background: url(/images/retina/social-icons/facebook.svg) no-repeat scroll center transparent; /* padding:0px 16px 0 0; */ } .st_twitter_custom { background: url(/images/retina/social-icons/twitter.svg) no-repeat scroll center transparent; /* padding:0px 16px 0 0; */ } .st_email_custom { background: url(/images/retina/social-icons/envelope.svg) no-repeat scroll center transparent; /* padding:0px 16px 0 0; */ } .st_plusone_custom { background: url(/images/retina/social-icons/google-plus.svg) no-repeat scroll center transparent; /* padding:0px 16px 0 0; */ } .st_pinterest_custom { background: url(/images/retina/social-icons/pinterest.svg) no-repeat scroll center transparent; /* padding:0px 16px 0 0; */ } /* [ added on 21 sept */ .page-search { background: #00AE6E; padding: 20px 20px 25px; border-radius: 3px; } .page-search input[type="text"] { background: #fff; height: 55px; width: calc(100% - 55px); } .page-search input[type="submit"] { height: 55px; width: 55px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDMwLjIzOSAzMC4yMzkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwLjIzOSAzMC4yMzk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjAuMTk0LDMuNDZjLTQuNjEzLTQuNjEzLTEyLjEyMS00LjYxMy0xNi43MzQsMGMtNC42MTIsNC42MTQtNC42MTIsMTIuMTIxLDAsMTYuNzM1ICAgYzQuMTA4LDQuMTA3LDEwLjUwNiw0LjU0NywxNS4xMTYsMS4zNGMwLjA5NywwLjQ1OSwwLjMxOSwwLjg5NywwLjY3NiwxLjI1NGw2LjcxOCw2LjcxOGMwLjk3OSwwLjk3NywyLjU2MSwwLjk3NywzLjUzNSwwICAgYzAuOTc4LTAuOTc4LDAuOTc4LTIuNTYsMC0zLjUzNWwtNi43MTgtNi43MmMtMC4zNTUtMC4zNTQtMC43OTQtMC41NzctMS4yNTMtMC42NzRDMjQuNzQzLDEzLjk2NywyNC4zMDMsNy41NywyMC4xOTQsMy40NnogICAgTTE4LjA3MywxOC4wNzRjLTMuNDQ0LDMuNDQ0LTkuMDQ5LDMuNDQ0LTEyLjQ5MiwwYy0zLjQ0Mi0zLjQ0NC0zLjQ0Mi05LjA0OCwwLTEyLjQ5MmMzLjQ0My0zLjQ0Myw5LjA0OC0zLjQ0MywxMi40OTIsMCAgIEMyMS41MTcsOS4wMjYsMjEuNTE3LDE0LjYzLDE4LjA3MywxOC4wNzR6IiBmaWxsPSIjZmYzYTU5Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); background-size: 16px 16px; background-position: center center; background-color: #fff; border-radius: 0; } .-style-uppercase { text-transform: uppercase; } .page-search .widget__title { color: #fff; padding-top: 0; } .widget__title { font-weight: 700; } .btn--contribute img { width: 18px; display: inline-block; vertical-align: middle; position: relative; top: -2px; } .post-data { position: relative; } .post-data { box-shadow: 0px 0 15px 5px rgba(0, 0, 0, 0.06); } .post-data .sticky-element li { position: relative; padding: 0 0; } .post-data .sticky-element li:after { position: absolute; left: 50%; width: 30px; content: ""; height: 1px; margin: 0 0 0 -15px; background: #ddd; bottom: 0; } .post-data .sticky-element li:last-child { padding-bottom: 0; } .post-data .sticky-element li:first-child { padding-top: 0; } .post-data .sticky-element li:last-child:after { display: none; } .post-data .sticky-element li a { display: block; width: 40px; height: 40px; position: relative; margin: auto; border: 1px solid transparent; } .post-data .sticky-element li a:hover { background: #0dd0ec; } .post-data .sticky-element li a:hover .svg-icon svg { fill: #fff; } .post-data .sticky-element li a .stButton { position: absolute; opacity: 0; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .post-data .sticky-element li a .svg-icon { height: 20px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .post-data .sticky-element li a .svg-icon svg { width: 100%; height: 100%; fill: #00AE6E; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .btn--contribute{ background-color: #00AE6E; } .post-data .sticky-element li .sticky-element__count { display: block; font-size: 0.9em; } .post-data .sticky-element { display: flex; align-items: center; } .share-this>ul { display: flex; align-items: center; } @media(min-width:1200px) { .related-posts h5, .comments h5, .comments h3 {} } .widget__title { font-size: 1.625em; color: #2e2f2f; padding: 10px 0px; } .blog_lnks>li { display: block; border: solid 2px var(--border-color); position: relative; margin: 5px 0; padding: 0; border-radius: 3px; } .blog_lnks>li.parent:before { background: var(--second-color); color: #fff; content: ''; height: 2px; margin-right: 10px; position: absolute; right: 0; top: 20px; font-weight: 800; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 14px; } .blog_lnks>li.parent:after { font-weight: 600; background: var(--second-color); content: ''; height: 2px; margin-right: 10px; position: absolute; right: 0; top: 20px; width: 14px; } .blog_lnks>li.parent.active:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .blog_lnks a { font-size: 0.975em; line-height: 1.4; padding: 10px; display: block; color: var(--txt-color); font-weight: 500; } .blog_lnks ul { margin-left: 10px; } .blog_lnks ul li a { font-weight: 300; font-size: 0.875em; padding: 5px 0; color: var(--txt-color); } .blog_lnks .badge { font-size: 0.875em; display: inline-block; margin-left: 5px; } @media only screen and (max-width: 1025px) { .nav-blog ul { display: none; } .wrapper-menu { top: -5px; } .wrapper-menu.wrapper-menu-mobile { display: flex; } .after-header-blog { height: 60px; } .search-form { margin: 10px 0; padding: 10px; } .nav--centered { white-space: nowrap; overflow: auto; } .nav--centered li a { display: block; color: inherit; padding: 10px 15px; } .nav__secondary ul { display: flex; flex-wrap: wrap; } .nav__secondary ul li { flex: 0 0 33%; max-width: 33%; } .nav__secondary li.on-mobile { display: block; } } @media only screen and (max-width: 992px) { .post-repeated .posted-media, .post-repeated .posted-data-side { display: block; width: auto; } .post-repeated .posted-data-side { padding: 0; margin: 10px 0; } .share-this { display: block; margin: 10px 0; } .bg-pattern { padding: 20px 0; background-color: #fefefe; } .nav__secondary { overflow: auto; max-height: calc(100vh - 55px); position: absolute; top: 100%; padding: 0; } .nav__secondary li { display: block; width: auto; float: none; } .comment-element .comment-element { margin: 10px; padding: 10px 0; } .post-data { padding: 10px; } .post--title { font-size: 2em; } } @media only screen and (max-width: 767px) { .nav--centered ul { white-space: nowrap; overflow-y: hidden; overflow-x: scroll; padding-right: 30px; display: block; } .nav--centered:after { position: absolute; right: 0px; bottom: 0; top: 0; content: ""; width: 80px; pointer-events: none; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, white 73%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, white 73%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, #ffffff 73%); } .nav--centered li { float: none; display: inline-block; vertical-align: top; } .nav--centered li:last-child { margin-right: 40px; } .nav__secondary ul { flex-direction: column; } .posted-data h2 { min-height: auto; } .post-data .sticky-element { margin: 5px 0; } } @media(min-width:1600px) { .post-data.is-fixed .sticky-element { position: fixed; top: 0; left: 50%; margin: 0 0 0 -700px; top: 100px; } .post-data .sticky-element { position: absolute; background: #fff; width: 60px; box-shadow: 0px 0 15px 5px rgba(0, 0, 0, 0.06); text-align: center; padding: 10px; left: -90px; top: 0; } } @media(max-width:1599px) { .post-data .sticky-element { margin: 10px 0; } .post-data .sticky-element li { display: inline-block; vertical-align: top; margin: 0 10px 0 0; padding: 0; } .post-data .sticky-element li:after { display: none; } .post-data .sticky-element li a { border: 1px solid #ddd; width: 40px; height: 40px; } .post-data .sticky-element li a .svg-icon { height: 18px; } .post-data .sticky-element li { padding: 0; } } /*Query-container*/ .query-container { background: rgb(247, 247, 247); padding: 3.75rem 0; } .query-heading { text-transform: uppercase; font-size: 0.875em; font-weight: 600; } input.query { width: 100%; height: auto; padding: 5px 0; color: rgb(0, 0, 0); border: none; line-height: 1.5; border-bottom: solid 2px var(--border-color); background: none; font-size: 2.5em; font-weight: 700; letter-spacing: 1px; } .results-message { padding-top: 15px; margin-bottom: 0; text-transform: uppercase; font-size: 0.875em; } @media(min-width:1600px) { .post-data.is-fixed .sticky-element { position: fixed; top: 0; left: 50%; margin: 0 0 0 -700px; top: 100px; } .post-data .sticky-element { position: absolute; background: #fff; width: 60px; box-shadow: 0px 0 15px 5px rgba(0, 0, 0, 0.06); text-align: center; padding: 10px; left: -90px; top: 0; } } @media(max-width:1599px) { .post-data .sticky-element li { display: inline-block; vertical-align: top; margin: 0 10px 0 0; } .post-data .sticky-element li:after { display: none; } .post-data .sticky-element li a { border: 1px solid #ddd; width: 40px; height: 40px; } .post-data .sticky-element li a .svg-icon { height: 18px; } } .page-footer { padding-top: 62px; padding-bottom: 62px; } @media (max-width: 768px) { .page-footer { padding-top: 48px; padding-bottom: 48px; } } @media (min-width: 992px) { .page-footer .container.small-container { padding-left: 0; padding-right: 0; } } .page-footer ul li { padding-left: 0; } .page-footer ul li{ line-height: 1.7; } @media (max-width: 899px) { .page-footer ul li { padding-left: 10px; margin-top: 10px; } } .page-footer ul li:before { display: none; } .page-footer ul li:after { display: none; } .page-footer ul.customList { display: flex; } @media (min-width: 768px) { .page-footer ul.customList { justify-content: end; } } @media (max-width: 767px) { .page-footer ul.customList { margin-top: 1rem; } } .page-footer ul.customList li { margin-right: 16px; } @media (max-width: 7687px) { .page-footer ul.customList li { margin-right: 32px; } } @media (max-width: 899px) { .page-footer { text-align: left; } } .page-footer a.creditLink { text-decoration: underline; color: var(--ts-white); } @media (max-width: 899px) { .page-footer.dark h5, .page-footer.dark .h5 { color: var(--ts-pale-green); } } @media (max-width: 899px) { .page-footer h5, .page-footer .h5 { margin-top: 10px; } } /*pawan*/ .container.medium-container { max-width: 928px; }/* sliders ---------------------- */ .slick-slider{position: relative;display: block;box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before, .slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;}