.commentlist .li-comment { background: #f7f7f7; border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background-position: 10px 15px; font-size: 14px; list-style: none; margin: 10px 0 10px 0; padding: 3px 10px 10px 10px; position: relative; } .commentlist .li-comment:nth-child(odd) { background: #fff; } .commentlist .children .li-comment { background: transparent; background-position: 10px 15px; border: 1px solid #e9e9e9; padding-right: 0; padding: 3px 10px 10px 10px; } .commentlist .children .li-comment:before { /*display: none;*/ } .commentlist .li-comment:nth-child(odd) .children .li-comment { background: #fff; } .commentlist { margin: 0; } .commentlist .children { margin-left: 20px; } .li-comment { 	position: relative; } .li-comment::before { 	content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 100%; height: 39px; background: #e9e9e9; } .comment-author { display: inline-block; margin-top: 8px; margin-bottom: 0px; margin-left: 30px; font-weight: 600; line-height: 1.3; text-transform: capitalize; position: relative; } .comment-author::after { content: ""; display: block; height: 30px; width: 30px; background: url(https://secure.gravatar.com/avatar/?s=40&d=mm&r=g?s=280&d=mm&r=g); background-repeat: no-repeat; background-size: 30px; border-radius: 30px; position: absolute; top: -8px; left: -35px; } .commentlist li .comment-info { color: #999; margin: 0 0 10px 0; position: relative; 	left: 8px; display: inline-block; } .commentlist li .comment-info a, .style4 a, .style4 a strong, div[align='center'] a, center div p a, center div p a strong, p.byline.small b a { 	border-bottom: none !important; } .commentlist li .comment-info + p { margin-top: 5px; margin-bottom: 7px; } .comment-notice { padding: 5px 10px; font-size: 14px; margin-bottom: 10px; background-color: #FFFFCC; font-size: 12px; } .comment-notice span { text-decoration: underline; color: #416e9b; font-size: 14px; } .comment-error-message { color: #F44336; margin-top: -15px; } 		textarea, input {border:1px solid #e4e4e4;} textarea {width:100%; 		margin-top: 10px; 		} 		a.comment-reply-link { background: #000; border-radius: 5px; color: #fff; padding: 2px 8px; font-weight: 600; box-sizing: border-box; margin-top: 5px; 			} 	#respond { } #reply-title { 		 margin-bottom: 12px; 	font-size:20px; } #cancel-comment-reply-link { } #commentform { } #author { } #email { } #url { } #comment #submit .comment-notes { } .required { } .comment-form-author { } .comment-form-email { } .comment-form-url { } .comment-form-comment { } .form-allowed-tags { } 		.xl-comment-count { 		color: #777; 			 margin-top: 5px; 			 margin-bottom: 5px; 			font-style:italic 		} 	 	 	 	@font-face { font-family: ScoutBold, Arial, Helvetica; font-style: normal; font-weight: normal; src: local("ScoutBold, Arial, Helvetica"), url("/@trinitymirrordigital/chameleon-branding/webfonts/woff2/opensans-regular-webfont.woff2?v=f42a62e230fec70735dbca1c971adbd2") format("woff2"), url("/@trinitymirrordigital/chameleon-branding/webfonts/woff/opensans-regular-webfont.woff?v=79515ad0788973c533405f7012dfeccd") format("woff") } @font-face { font-family: "ScoutBold, Arial, Helvetica"; font-style: normal; font-weight: 700; src: local("ScoutBold, Arial, Helvetica Bold"), url("/@trinitymirrordigital/chameleon-branding/webfonts/woff2/opensans-bold-webfont.woff2?v=2aeda138757cc9fa9eb7a520d11805a8") format("woff2"), url("/@trinitymirrordigital/chameleon-branding/webfonts/woff/opensans-bold-webfont.woff?v=2e90d5152ce92858b62ba053c7b9d2cb") format("woff") } @font-face { font-family: ScoutBold, Arial, Helvetica Condensed; font-style: normal; font-weight: 800; src: local("ScoutBold, Arial, Helvetica, Condensed Bold"), url("/@trinitymirrordigital/chameleon-branding/webfonts/woff2/opensans-condbold-webfont.woff2?v=6a4231aa2492700edbd764a0659dbfd3") format("woff2"), url("/@trinitymirrordigital/chameleon-branding/webfonts/woff/opensans-condbold-webfont.woff?v=cc97fba7940eb46fa9f68dce88999d87") format("woff") } @font-face { font-family: "Signika Negative Bold"; font-style: normal; font-weight: 400; src: local("Signika Negative Bold"), url("/@trinitymirrordigital/chameleon-branding/webfonts/woff2/SignikaNegative-Bold.woff2?v=0878f337da5ac933819c3eaf691db0a5") format("woff2"), url("/@trinitymirrordigital/chameleon-branding/webfonts/woff/SignikaNegative-Bold.woff?v=df11d6b79f458ccc08435c716efc0639") format("woff") } @font-face { font-family: "redacted_scriptbold"; font-style: normal; font-weight: normal; src: url("/@trinitymirrordigital/chameleon-branding/webfonts/woff2/redacted-script-bold.woff2?v=964493db79d8987fb8fae8ea70d73a45") format("woff2"), url("/@trinitymirrordigital/chameleon-branding/webfonts/woff/redacted-script-bold.woff?v=d90c38089a83fdecd65170926c878de3") format("woff") } 	 	 .social-sites .instagram:before { 		 font-family: "FontAwesome"; content: "\f16d"; 		 } 	 .social-sites .twitter:before { 		 font-family: "FontAwesome"; content: "\f099"; 		 } 	 .social-sites .facebook:before { 		 font-family: "FontAwesome"; content: "\f09a"; 		 } 	 ul.page-numbers { list-style: none; margin: 0; } .page-numbers:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } ul.page-numbers li { display: block; float: left; margin: 0 20px 5px 0; text-align: center; } .page-numbers a, .page-numbers span { line-height: 1.6em; display: block; padding: 0 6px; height: 18px; line-height: 18px; font-size: 12px; text-decoration: none; font-weight: 400; cursor: pointer; border: 1px solid #ddd; color: #888; } .page-numbers a span { padding: 0 } .page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover { color: #000; background: #f7f7f7; text-decoration: none; } .page-numbers:hover { text-decoration: none } 		 	blockquote { 		font-style: italic; 		 font-size: 20px; 		color: #000; margin-top: 10px; margin-bottom: 10px; margin-left: 30px; padding-left: 15px; border-left: 3px solid #cecece; } 		.clearfix:after,.clearfix:before { content: "\0020"; display: block; height: 0; overflow: hidden } .clearfix:after { clear: both } .clearfix { zoom:1} @media (max-width: 767px) { .entry-header { font-size:28px } } .entry-header .entry-title { margin-bottom: 15px } @media (max-width: 767px) { .entry-header .entry-title { font-size:28px } } .entry-header .entry-sub-title { font-size: 22px; line-height: 27px; font-weight: 400; margin-top: -5px; margin-bottom: 15px; color: #777; font-family: inherit; letter-spacing: 0 } @media (max-width: 991px) { .entry-header .entry-sub-title { font-size:18px; line-height: 23px } } .entry-header .post-cat { margin-bottom: 6px } .entry-header .post-meta { overflow: inherit; font-size: 12px; margin-top: 5px; margin-bottom: 0; line-height: 24px } .entry-header .post-meta .meta-item { margin-right: 12px } .entry-header .post-meta,.entry-header .post-meta a:not(:hover) { color: #333 } .entry-header .post-meta .meta-author { margin: 0 } .entry-header .post-meta .meta-author .fa { display: none } .entry-header .post-meta .meta-author a { font-weight: 600 } .entry-header .post-meta .date .fa { display: none } .entry-header .post-meta .date:before { content: "\2022"; color: #ccc; margin: 0 3px 0 5px; display: inline-block } .entry-header .post-meta .tie-alignright { display: inline } @media (max-width: 767px) { .entry-header .post-meta { margin-bottom:-8px } .entry-header .post-meta .tie-alignright { float: none } .entry-header .post-meta .meta-item,.entry-header .post-meta .tie-alignright .meta-item:last-child { margin-bottom: 8px!important } .entry-header .post-meta>div,.entry-header .post-meta>span { float: initial!important } .entry-header .post-meta .meta-author a { font-weight: 400 } .entry-header .meta-author-avatar img { width: 20px; height: 20px } } .meta-author-avatar img { width: 30px; height: 30px; margin-right: 3px; margin-top: -5px; vertical-align: middle; border-radius: 50%; transition: .15s } .entry-header-outer #breadcrumb { margin: 0 0 20px; padding: 0 } .entry { line-height: 26px; font-size: 15px } .entry a { color: #416e9b; } .entry a:hover { color: #333 } .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 { margin: 0 0 .5em } @supports (-ms-accelerator:true) { .social-statistics-widget a { transition: none } } .author-avatar { display: block } .author-avatar img { border-radius: 50%; max-width: 111px } a.author-avatar:hover { opacity: .8 } .fa-home:before { content: "\f015" } .fa-clock-o:before { content: "\f017" } .fa-download:before { content: "\f019" } .fa-bookmark:before { content: "\f02e" } .fa-photo:before { content: "\f03e" } .fa-comment:before { content: "\f075" } .fa-comments:before { content: "\f086" } .fa-bookmark-o:before { content: "\f097" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-html5:before { content: "\f13b" } .fa-header:before { content: "\f1dc" } .fa-cc:before { content: "\f20a" } .fa-fa:before { content: "\f2b4" } .fa-s15:before { content: "\f2cd" } img { max-width: 100%; display: block } @media only screen and (min-width: 600px) { * [aria-labelledby=mobile-search],.mobile-search { display:none; max-height: 0; overflow: hidden } } [hidden] { display: none } input { font: inherit } input { overflow: visible } input { margin: 0 } [type=button],[type=reset],[type=submit] { cursor: pointer } [disabled] { cursor: default } [type=reset],[type=submit],html [type=button] { -webkit-appearance: button } input::-moz-focus-inner { border: 0; padding: 0 } input:-moz-focusring { outline: 1px dotted ButtonText } [type=checkbox],[type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-moz-selection { background: #416e9b; color: #fff; text-shadow: none } ::selection { background: #416e9b; color: #fff; text-shadow: none } input { border: 1px solid rgba(0,0,0,.1); color: #2c2f34; font-size: 12px; outline: 0; padding: 5px; line-height: 23px; border-radius: 2px; transition: background .3s,border .3s; max-width: 100%; background-color: transparent } input:hover,input[type=text]:focus { background-color: rgba(0,0,0,.03) } input:not([type=checkbox]):not([type=radio]) { -webkit-appearance: none; -moz-appearance: none; appearance: none } [type=radio] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio } [type=submit] { width: auto; position: relative; background-color: #416e9b; color: #fff; padding: 7px 15px; margin: 0; font-weight: 400; font-size: 12px; display: inline-block; text-align: center; line-height: 21px; border: none; cursor: pointer; text-decoration: none; vertical-align: middle; transition: .3s; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none } [type=submit]:hover { background-color: #cc1075; text-decoration: none; color: #fff } .screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden } @-webkit-keyframes lazyloadeffect { from { background-position: -400px 0 } to { background-position: 200px 0 } } @keyframes lazyloadeffect { from { background-position: -400px 0 } to { background-position: 200px 0 } } @-webkit-keyframes bouncedelay { 0%,100%,80% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes bouncedelay { 0%,100%,80% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes parent-animate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(220deg); transform: rotate(220deg) } } @keyframes parent-animate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(220deg); transform: rotate(220deg) } } @-webkit-keyframes child-animate { 0% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) } 100% { -webkit-transform: rotate(140deg); transform: rotate(140deg) } } @keyframes child-animate { 0% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) } 100% { -webkit-transform: rotate(140deg); transform: rotate(140deg) } } .clearfix:after,.clearfix:before { content: "\0020"; display: block; height: 0; overflow: hidden } .clearfix:after { clear: both } .clearfix { zoom:1} .container-wrapper { background: #fff; border-radius: 2px; padding: 20px } .xl-wrapper { background: #fff; border: 1px solid rgba(0,0,0,.1); } @media (max-width: 767px) { .container-wrapper { padding:20px 15px } } .search-title h1 { font-style: normal; font-weight: 400; font-size: 15; padding: 30 } @media (max-width: 767px) { .search-title { font-style:normal; font-weight: 400; font-size: 13; padding: 20px 15px } } .container-wrapper-sidebar { background: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 2px; padding: 10px } @media (max-width: 767px) { .container-wrapper-sidebar { padding:20px 15px } } form.search-form { overflow: auto; position: relative; width: 100% } .search-field { float: left; width: 73% } .search-submit[type=submit] { float: right; padding: 7px; margin-left: 2%; width: 25% } @supports (-ms-accelerator:true) { .social-statistics-widget a { transition: none } } @-webkit-keyframes flashing { 0%,100%,50% { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flashing { 0%,100%,50% { opacity: 1 } 25%,75% { opacity: 0 } } @-webkit-keyframes flashing-reverse { 0%,100%,50% { opacity: 0 } 25%,75% { opacity: 1 } } @keyframes flashing-reverse { 0%,100%,50% { opacity: 0 } 25%,75% { opacity: 1 } } @-webkit-keyframes rain-animi-effect { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translateY(3em); transform: translateY(3em) } } @keyframes rain-animi-effect { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translateY(3em); transform: translateY(3em) } } @-webkit-keyframes rain-animi-effect-with-rotate { 0% { opacity: 1; -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } 100% { opacity: 0; -webkit-transform: translateY(1em) rotate(360deg); transform: translateY(1em) rotate(360deg) } } @keyframes rain-animi-effect-with-rotate { 0% { opacity: 1; -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } 100% { opacity: 0; -webkit-transform: translateY(1em) rotate(360deg); transform: translateY(1em) rotate(360deg) } } @-webkit-keyframes drizzle-animi-effect { 0% { opacity: 1; -webkit-transform: translateY(0) translateX(0) rotate(10deg); transform: translateY(0) translateX(0) rotate(10deg) } 100% { opacity: 0; -webkit-transform: translateY(3em) translateX(-3em) rotate(20deg); transform: translateY(3em) translateX(-3em) rotate(20deg) } } @keyframes drizzle-animi-effect { 0% { opacity: 1; -webkit-transform: translateY(0) translateX(0) rotate(10deg); transform: translateY(0) translateX(0) rotate(10deg) } 100% { opacity: 0; -webkit-transform: translateY(3em) translateX(-3em) rotate(20deg); transform: translateY(3em) translateX(-3em) rotate(20deg) } } @-webkit-keyframes tie-float-y { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes tie-float-y { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes tie-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes tie-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes passing { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0 } 50% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0 } } @keyframes passing { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0 } 50% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0 } } @-webkit-keyframes burst { 0% { opacity: .6 } 50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0 } 100% { opacity: 0 } } @keyframes burst { 0% { opacity: .6 } 50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0 } 100% { opacity: 0 } } @-webkit-keyframes tie-float-x { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(-6px); transform: translateX(-6px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes tie-float-x { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(-6px); transform: translateX(-6px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .container-404 { text-align: center; margin: 50px 0 100px } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } .container:after,.container:before { content: " "; display: table } .container:after { clear: both } @media (min-width: 768px) { .container { width:100% } } @media (min-width: 992px) { .container { width:100% } } @media (min-width: 1200px) { .container { max-width:1200px } } [class*=" tie-icon-"],[class^=tie-icon-] { font-family: tiefonticon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } #breadcrumbs { font-size: 75%; color: #8e908f; margin: 1em 0 2em 0 } #breadcrumbs a { display: inline; border: none; padding: 0; text-transform: none } .breadcrumbs { font-size: 75%; color: #8e908f; margin: 1em 0 2em 0 } a { display: inline; border: none; padding: 0; text-transform: none } @media (max-width: 767px) { .alignfull { margin-left:calc(50% - 50vw); margin-right: calc(50% - 50vw); display: block; max-width: 1000%; width: auto; background-size: contain } } .post-list-title { background: #fff; color: #416e9b; padding: 5px 20px 4px 20px; border: 1px solid rgba(0,0,0,.1); border-radius: 2px; display: block; margin: -11px 0 0 0; font-size: 1.7rem; text-transform: uppercase; font-weight: 600 } .latest-post-title { padding: 5px 20px 4px 20px; border-radius: 2px; display: inline-block; font-size: 1.7rem; text-transform: uppercase; font-weight: 600; 	margin-bottom: 15px; border-bottom: 2px solid #416e9b; } :after,:before { box-sizing: border-box } img { max-width: 100%; height: auto } ::-moz-selection { background: #416e9b; color: #fff; text-shadow: none } ::selection { background: #416e9b; color: #fff; text-shadow: none } [type=radio] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio } .post-thumb { position: relative; height: 100%; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition: opacity .2s } .post-thumb img { width: 100%; display: block } .post-thumb-overlay-wrap { position: absolute; width: 100%; height: 100%; overflow: hidden } .post-thumb-overlay { position: absolute; width: 100%; height: 100%; z-index: 3; background: rgba(35,38,42,.8); -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); transition: .4s; opacity: 0 } .post-thumb-overlay:hover { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .post-thumb-overlay .icon { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #fff; text-align: center; font-size: 32px; z-index: 8 } .post-thumb-overlay .icon:before { height: 32px; width: 32px; line-height: 32px; content: "\e685"; font-family: tiefonticon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .tie-thumb .icon:before { content: "\e6ac" } .post-meta { margin: 10px 0 8px; font-size: 12px; overflow: hidden } .post-meta,.post-meta a:not(:hover) { color: #777 } .post-meta .meta-item { margin-right: 8px; display: inline-block } .tie-alignleft { float: left } .alignleft { float: left; margin: .375em 1.75em 1em 0 } @media (max-width: 767px) { .alignleft { float:none; clear: both; display: block; margin: 0 auto 1.75em } } .clearfix:after,.clearfix:before { content: "\0020"; display: block; height: 0; overflow: hidden } .clearfix:after { clear: both } .clearfix { zoom:1} #tie-wrapper,.tie-container { height: 100%; min-height: 650px } .tie-container { position: relative; overflow: hidden } #tie-wrapper { background: #fff; position: relative; z-index: 108; height: 100%; margin: 0 auto } @media (max-width: 991px) { #content { margin-top:15px } } .post-content.container-wrapper { padding: 0 } @media (max-width: 767px) { .container-wrapper { padding:20px 15px } } .post-title a { color: #333 } .post-title a:hover { color: #39a9e0 } .widget-title { position: relative } .widget-title h4 { font-size: 15px; min-height: 15px } .widget-title-icon { position: absolute; right: 0; top: 1px; color: #b9bec3 } .widget-title-icon:before { content: "\f08d" } .widget-title-icon.fa { font-size: 15px } .post-widget-body { padding-left: 125px } .post-widget-body .post-title { font-size: 14px; line-height: 1.4; margin-bottom: 5px } .post-widget-thumbnail { float: left; margin-right: 15px; position: relative } .post-widget-thumbnail img.tie-small-image { width: 110px } .widget li { padding: 6px 0 } .widget li:first-child { } .widget li:last-child { padding-bottom: 0; border-bottom: 0 } .widget li:after { clear: both; display: table; content: "" } .widget .post-meta { margin: 2px 0 0; font-size: 11px; line-height: 17px } .posts-list .widget-title-icon:before { content: "\f0f6" } @supports (-ms-accelerator:true) { .social-statistics-widget a { transition: none } } li.widget-post-list { padding: 7px 0; position: relative } .widget_meta .widget-title-icon:before { content: "\f0c1" } .widget_meta li { padding: 5px 0 5px 12px; font-size: 105% } .widget_meta li a:before { content: "\f105"; font-family: fontawesome; color: #2c2f34; font-size: 13px; display: inline-block; line-height: 18px; width: 12px; margin-left: -12px; text-align: left } @-webkit-keyframes flashing { 0%,100%,50% { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flashing { 0%,100%,50% { opacity: 1 } 25%,75% { opacity: 0 } } @-webkit-keyframes flashing-reverse { 0%,100%,50% { opacity: 0 } 25%,75% { opacity: 1 } } @keyframes flashing-reverse { 0%,100%,50% { opacity: 0 } 25%,75% { opacity: 1 } } @-webkit-keyframes rain-animi-effect { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translateY(3em); transform: translateY(3em) } } @keyframes rain-animi-effect { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translateY(3em); transform: translateY(3em) } } @-webkit-keyframes rain-animi-effect-with-rotate { 0% { opacity: 1; -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } 100% { opacity: 0; -webkit-transform: translateY(1em) rotate(360deg); transform: translateY(1em) rotate(360deg) } } @keyframes rain-animi-effect-with-rotate { 0% { opacity: 1; -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } 100% { opacity: 0; -webkit-transform: translateY(1em) rotate(360deg); transform: translateY(1em) rotate(360deg) } } @-webkit-keyframes drizzle-animi-effect { 0% { opacity: 1; -webkit-transform: translateY(0) translateX(0) rotate(10deg); transform: translateY(0) translateX(0) rotate(10deg) } 100% { opacity: 0; -webkit-transform: translateY(3em) translateX(-3em) rotate(20deg); transform: translateY(3em) translateX(-3em) rotate(20deg) } } @keyframes drizzle-animi-effect { 0% { opacity: 1; -webkit-transform: translateY(0) translateX(0) rotate(10deg); transform: translateY(0) translateX(0) rotate(10deg) } 100% { opacity: 0; -webkit-transform: translateY(3em) translateX(-3em) rotate(20deg); transform: translateY(3em) translateX(-3em) rotate(20deg) } } @-webkit-keyframes tie-float-y { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes tie-float-y { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes tie-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes tie-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes passing { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0 } 50% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0 } } @keyframes passing { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0 } 50% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0 } } @-webkit-keyframes burst { 0% { opacity: .6 } 50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0 } 100% { opacity: 0 } } @keyframes burst { 0% { opacity: .6 } 50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0 } 100% { opacity: 0 } } @-webkit-keyframes tie-float-x { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(-6px); transform: translateX(-6px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes tie-float-x { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(-6px); transform: translateX(-6px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .thumb-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 30px; border-radius: 2px } .thumb-overlay .thumb-content { position: absolute; bottom: 0; left: 0; padding: 0 30px 20px; z-index: 3; width: 100%; pointer-events: none; transition: bottom .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden } .thumb-overlay .thumb-title a { pointer-events: auto } .thumb-overlay .post-meta,.thumb-overlay .thumb-title a { color: #fff!important } .thumb-overlay .thumb-title { font-size: 30px; color: #fff } .thumb-overlay .thumb-title a:hover { color: #ccc } .thumb-overlay .thumb-meta { margin: 0 0 5px } .thumb-overlay { -webkit-backface-visibility: hidden; backface-visibility: hidden } .thumb-overlay:after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 65%; transition: opacity .2s; background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.75)); -webkit-backface-visibility: hidden; backface-visibility: hidden } 		.google-auto-placed { list-style: none; } .post-thumb .post-cat-wrap { position: absolute; bottom: 10px; margin: 0; right: 10px } .tie-thumb .icon:before { content: "\e6ac" } @media (min-width:768px) { .posts-list-bigs .icon:before { width: 50px; height: 50px; line-height: 46px } } .post-cat-wrap { position: relative; z-index: 3; pointer-events: auto; margin-bottom: 5px; font-weight: 400; font-family: inherit!important; line-height: 0; display: block } .post-cate { display: inline-block; background: #416e9b; color: #fff; padding: 0 6px; font-size: 11px; line-height: 1.85em; margin-right: 4px; position: relative; white-space: nowrap; word-wrap: normal; letter-spacing: 0; transition: .3s; border-radius: 2px } .post-cat:first-child:last-child { margin: 0 } @media (max-width:479px) { .post-cat { font-size: 9px; padding: 1px 5px; height: 18px; line-height: 18px } } a.post-cat:hover { background: #416e9b; color: #fff } ._237A3 { background-color: #f6f6f6 } ._237A3 { position: relative } ._237A3 img { border-radius: inherit } ._237A3 { font-size: 12px; line-height: 16px } ._237A3 ._237A3 { vertical-align: bottom } ._237A3 img { width: 100%; vertical-align: bottom } ._2fM9F { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 19px 14px 2px; font-family: Roboto-Regular, Roboto } ._2fM9F:active { opacity: .8 } ._30IHC { font-family: Roboto-Bold, Roboto; font-size: 18px; color: #242424; line-height: 24px; font-weight: 700; text-align: left; width: 100%; margin-bottom: 9px } .KPZ7z { -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; height: 110px; width: 100%; box-sizing: border-box; padding: 14px 0 } .KPZ7z, .KPZ7z ._3YMZo { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-direction: normal } .KPZ7z ._3YMZo { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .KPZ7z ._3YMZo ._34o8D { font-size: 14px; color: #222; line-height: 20px; -webkit-line-clamp: 3; } .KPZ7z ._3YMZo ._34o8D, .KPZ7z ._3YMZo ._3IQjM { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden } .KPZ7z ._3YMZo ._3IQjM { font-size: 12px; color: #aaa; line-height: 16px; margin-top: 5px; -webkit-line-clamp: 1 } .KPZ7z ._2tsIz { width: 110px; height: 84px; margin-left: 21px; position: relative } .KPZ7z ._2tsIz img { width: 110px; height: 84px; object-fit: cover } .KPZ7z ._2tsIz ._3f64j { width: 110px; height: 84px; position: absolute; left: 0; top: 0; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } ._2Zr6X { height: 1px; width: 100%; margin-left: 14px; margin-right: 14px; background-color: #e7e7e7; -webkit-transform: scaleY(.5); -ms-transform: scaleY(.5); transform: scaleY(.5) } @media only screen and (-webkit-min-device-pixel-ratio:3) { ._2Zr6X { -webkit-transform: scaleY(.33); -ms-transform: scaleY(.33); transform: scaleY(.33) } } @media only screen and (-webkit-min-device-pixel-ratio:4) { ._2Zr6X { -webkit-transform: scaleY(.25); -ms-transform: scaleY(.25); transform: scaleY(.25) } } 	#front-list { 	overflow: hidden; 	 overflow: hidden; } @media screen and (min-width: 992px) { #front-list { margin-left: 10px; margin-right: 10px; margin-top: 10px; } } .frontleft { 	float: left; 	max-width: 650px } .mainside { 	float: right; 	width: 340px } .mainfoots { 	background: #fff; 	position: relative; 	width: 1020px; 	margin: 0 auto } p { 	letter-spacing: .3px; 	margin: 0; 	padding: 0 0 18px } @media (max-width: 1038px) { 	.frontleft { 		max-width: 645px 	} 	#fwrapper { 		width: 100%; 		margin: auto 	} } @media (max-width: 1033px) { 	.frontleft { 		max-width: 640px 	} } @media (max-width: 1028px) { 	.frontleft { 		max-width: 635px 	} } @media (max-width: 1024px) { 	.frontleft { 		max-width: 630px 	} 	#fwrapper { 		width: 100%; 		margin: auto 	} 	 } @media (max-width: 1018px) { 	.frontleft { 		max-width: 625px 	} 	 } @media (max-width: 1013px) { 	.frontleft { 		max-width: 620px 	} 	 } @media (max-width: 1008px) { 	.frontleft { 		max-width: 615px 	} } @media (max-width: 1003px) { 	.frontleft { 		max-width: 610px 	} } @media (max-width: 998px) { 	.frontleft { 		max-width: 605px 	} } @media (max-width: 993px) { 	.frontleft { 		max-width: 600px 	} } @media (max-width: 988px) { 	.frontleft { 		max-width: 595px 	} } @media (max-width: 983px) { 	.frontleft { 		max-width: 590px 	} } @media (max-width: 978px) { 	.frontleft { 		max-width: 585px 	} } @media (max-width: 973px) { 	.frontleft { 		max-width: 580px 	} } @media (max-width: 968px) { 	.frontleft { 		max-width: 575px 	} } @media (max-width: 963px) { 	.frontleft { 		max-width: 570px 	} } @media (max-width: 958px) { 	.frontleft { 		max-width: 563px 	} } @media (max-width: 953px) { 	.frontleft { 		max-width: 557px 	} } @media (max-width: 948px) { 	.frontleft { 		max-width: 549px 	} } @media (max-width: 943px) { 	.frontleft { 		max-width: 543px 	} 	 } @media (max-width: 938px) { 	.frontleft { 		max-width: 539px 	} } @media (max-width: 933px) { 	.frontleft { 		max-width: 537px 	} } @media (max-width: 928px) { 	.frontleft { 		max-width: 536px 	} } @media (max-width: 923px) { 	.frontleft { 		max-width: 535px 	} } @media (max-width: 918px) { 	.frontleft { 		max-width: 530px 	} } @media (max-width: 913px) { 	.frontleft { 		max-width: 525px 	} } @media (max-width: 908px) { 	.frontleft { 		max-width: 520px 	} } @media (max-width: 906px) { 	.frontleft { 		float: left; 		max-width: 510px 	} 	 } @media (max-width: 901px) { 	.frontleft { 		max-width: 525px 	} 	 } @media (max-width: 895px) { 	.frontleft { 		max-width: 515px 	} 	 } @media (max-width: 890px) { 	.frontleft { 		max-width: 510px 	} 	 } @media (max-width: 880px) { 	.frontleft { 		max-width: 495px 	} 	 } @media (max-width: 870px) { 	.frontleft { 		max-width: 492px 	} } @media (max-width: 860px) { 	.frontleft { 		max-width: 480px 	} 	 } @media (max-width: 850px) { 	.frontleft { 		max-width: 473px 	} 	 } @media (max-width: 840px) { 	.frontleft { 		max-width: 430px 	} 	 } @media (max-width: 830px) { 	.frontleft { 		max-width: 420px 	} 	 } @media (max-width: 820px) { 	.frontleft { 		max-width: 410px 	} 	 } @media (max-width: 810px) { 	.frontleft { 		max-width: 400px 	} } @media (max-width: 800px) { 	.frontleft { 		max-width: 390px 	} 	 } @media (max-width: 790px) { 	.frontleft { 		max-width: 380px 	} 	 } @media (max-width: 780px) { 	.frontleft { 		max-width: 370px 	} } @media (max-width: 770px) { 	.frontleft { 		max-width: 360px 	} 	 } @media (max-width: 760px) { 	.frontleft { 		max-width: 350px 	} 	 } @media (max-width: 740px) { 	.frontleft { 		max-width: 330px 	} 	 } @media (max-width: 730px) { 	.frontleft { 		max-width: 320px 	} 	 } @media (max-width: 720px) { 	.frontleft { 		max-width: 310px 	} 	 } @media (max-width: 710px) { 	.frontleft { 		max-width: 300px 	} 	 } @media (max-width: 700px) { 	.frontleft { 		max-width: 290px 	} 	 } @media (max-width: 690px) { 	.frontleft { 		max-width: 280px 	} 	 } @media (max-width: 670px) { 	#fbhide { 		display: none 	} 	 	.frontleft { 		float: none; 		max-width: 100%; 		margin: auto 	} 	 	.mainside { 		width: 100%; 		overflow: hidden 	} } @media (max-width: 580px) { 	.frontleft { 		max-width: 100% 	} 	 } li.list-balance { list-style: none; border-bottom: 1px solid #e4e6e8 } a:link { text-decoration: none; } 	 .xl-head { font-family: ScoutBold, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; color: #fff; display: inline-block; margin-top: 10px; padding: 8px 11px; background-color: #416e9b; margin-bottom: 10px; } 		 .btn [class*=" icon-"], .btn [class^=icon-] { line-height: .9em } .btn:active:focus, .btn:focus { outline: 0 } .btn { display: inline-block; font-weight: 600; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: .0625rem solid transparent; padding: .375rem 1rem; font-size: .75rem; line-height: 1.5; border-radius: .25rem } .btn:active:focus, .btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn:focus, .btn:hover { text-decoration: none } .btn:active { background-image: none; outline: 0 } .btn:disabled { cursor: not-allowed; opacity: .65 } .hnhh-desktop-btn { background-color: #fff; border: 1px solid #416e9b; color: #416e9b; font-size: 12px; padding: 0 .3rem; border-radius: 0; text-transform: uppercase; transition: .3s; cursor: pointer } .hnhh-desktop-btn:active, .hnhh-desktop-btn:focus, .hnhh-desktop-btn:hover { background-color: #416e9b; color: #fff; outline: 0 } .big-btn { padding: 9px 5px; 	 margin-bottom: 15px; margin-top: 15px; width: 100% } 	/*---------- Responive Iframes ---------*/ 	@media (max-width:767px) { 		.iframe-container { overflow: hidden; padding-top: 56.25%; position: relative; } .iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* 4x3 Aspect Ratio */ .iframe-container-4x3 { padding-top: 75%; }} @media (max-width:767px) { * [aria-labelledby=desktop-search],.desktop-search { display:none; max-height: 0; overflow: hidden } } .stream-item-below-post, .stream-item-below-post-content { margin: 30px auto; } .stream-item { text-align: center; margin: 20px 0; padding: 0; } .stream-title { margin-bottom: 3px; font-size: 80%; line-height: 20px; color: #a5a5a5; display: block; } p { letter-spacing: .3px; margin: 0; padding: 0 0 18px; 		 } p { word-wrap: break-word; line-height: 21px; 	} .posts-list-counter { counter-reset: post-widget-counter } .posts-list-counter li:before { display: block; width: 30px; height: 30px; content: counter(post-widget-counter, decimal); counter-increment: post-widget-counter; position: absolute; z-index: 2; top: 0; left: -15px; text-align: center; font-size: 14px; font-weight: 600; line-height: 26px; border: 2px solid #fff; background: #416e9b; color: #fff; border-radius: 100% } .posts-list-counter li:nth-child(1):before { top: -10px; -webkit-transform: scale(1.35, 1.35); -ms-transform: scale(1.35, 1.35); transform: scale(1.35, 1.35) } .posts-list-counter li:nth-child(2):before { -webkit-transform: scale(1.25, 1.25); -ms-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25) } .posts-list-counter li:nth-child(3):before { -webkit-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15) } .posts-list-counter li:nth-child(4):before { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }