/*
Theme Name:  ThemeIsle
Theme URI:   https://themeisle.com/blog
Description: ThemeIsle Main Theme
Version: 1.0.46
Author:      ThemeIsle
Author URI:  https://themeisle.com/
Text Domain: themeisle
License:     MIT
License URI: http://opensource.org/licenses/mit-license.php
*/

@font-face {
	font-family: "sofia-pro";
	src: url("https://use.typekit.net/af/30420e/00000000000000003b9b1a9e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/30420e/00000000000000003b9b1a9e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/30420e/00000000000000003b9b1a9e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "sofia-pro";
	src: url("https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "sofia-pro";
	src: url("https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

::selection {
	color:#393939;
	background: #F8D868;
	text-shadow: none;
}

::-webkit-selection {
	color:#393939;
	background: #F8D868;
	text-shadow: none;
}

::-moz-selection {
	color:#393939;
	background: #F8D868;
	text-shadow: none;
}

input[type="search"] {
	-webkit-border-radius: 0;

	-webkit-appearance: none;
}

*,
*:after,
*:before {
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
}

a {
	color: #ff7f66;
	font-weight: 400;
	text-decoration: none;
	transition: 0.3s ease all;
}

a:hover,
a:focus,
a:active {
	color: #4267cf;
	text-decoration: none;
}

main a {
	color: #4267cf;
	font-weight: 400;
}

main a:hover,
main a:focus,
main a:active {
	color: #32466b;
}

body {
	margin: 0;
	color: #393939;
	font-family: sofia-pro, Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 0.005em;
}

main h2,
main h3,
main h4,
main h5,
main h6 {
	margin-top: 40px;
	margin-bottom: 30px;
	font-weight: 800;
}

main h2 {
	font-size: 30px;
	letter-spacing: -0.04em;
	line-height:1.2;
}

main h3 {
	font-size: 25px;
	letter-spacing: -0.04em;
}

main h4 {
	font-size: 23px;
	letter-spacing: -0.04em;
}

main h5 {
	font-size: 20px;
	letter-spacing: 0;
}

main h6 {
	font-size: 14px;
	letter-spacing: 0;
	text-transform: uppercase;
}

p {
	margin: 0 0 30px;
}

blockquote {
	border-left: 5px solid #4267cf;
	padding: 10px 20px;
	margin: 10px 20px 30px 20px;
}

blockquote p:last-child {
	margin-bottom: 0;
}

#main ul {
	margin-top: -10px;
	margin-bottom: 30px;
}

html[amp] body {
	background: #fff;
}

html[amp] #main .su-column-inner ul {
	margin-top: 20px;
}

#main ul li {
	font-weight: 300;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.clear {
	clear: both;
}

img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.content-wrapper {
	display: -ms-grid;
	display: grid;

	grid-column-gap: 20px;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

.container {
	max-width: 1200px;
	margin: auto;
}

.span-8 {
	-ms-grid-column: span 8;
	grid-column: span 8;
}

.span-12 {
	-ms-grid-column: span 12;
	grid-column: span 12;
	-ms-grid-column-span: 12;
}

.sidebar {
	-ms-grid-column: span 4;
	grid-column: span 4;
}

/* Header */
header {
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: auto;
	background: #fff;
	box-shadow: 0 2px 1px -1px rgba(0,0,0,0.25);
	transition: all 0.3s ease-in-out;
}
.logo{
	position:relative;
}
.logo-img {
	max-width: 160px;
	vertical-align: middle;
}
/*TI/blog logo*/
.logo .tiblog,
.logo .ti:after{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="43" height="22" viewBox="0 0 43 22" fill="none"><path opacity="0.9" d="M3.51175 10.828C3.51175 11.5469 3.73917 12.1412 4.19402 12.6107C4.66353 13.0802 5.22842 13.315 5.88868 13.315C6.54893 13.315 7.10648 13.0875 7.56133 12.6327C8.03084 12.1778 8.2656 11.5763 8.2656 10.828C8.2656 10.109 8.03084 9.52215 7.56133 9.06731C7.10648 8.61246 6.54893 8.38504 5.88868 8.38504C5.22842 8.38504 4.66353 8.60513 4.19402 9.0453C3.73917 9.48547 3.51175 10.0797 3.51175 10.828ZM3.44573 16H0.408547V0.131837H3.44573V6.9765C3.69516 6.52165 4.09131 6.16218 4.63419 5.89808C5.19174 5.63397 5.80064 5.50192 6.4609 5.50192C7.82543 5.50192 8.99188 6.00078 9.96026 6.9985C10.9433 7.99622 11.4348 9.29473 11.4348 10.894C11.4348 12.464 10.9433 13.7478 9.96026 14.7455C8.99188 15.7286 7.82543 16.2201 6.4609 16.2201C5.80064 16.2201 5.19174 16.088 4.63419 15.8239C4.09131 15.5598 3.69516 15.193 3.44573 14.7235V16ZM13.6481 0.131837H16.7073V16H13.6481V0.131837ZM24.2254 13.1829C24.8857 13.1829 25.4359 12.9702 25.876 12.5447C26.3309 12.1045 26.5583 11.5323 26.5583 10.828C26.5583 10.1531 26.3309 9.59551 25.876 9.15534C25.4212 8.71517 24.871 8.49509 24.2254 8.49509C23.5798 8.49509 23.0296 8.71517 22.5748 9.15534C22.1346 9.59551 21.9145 10.1531 21.9145 10.828C21.9145 11.5323 22.1346 12.1045 22.5748 12.5447C23.0296 12.9702 23.5798 13.1829 24.2254 13.1829ZM28.0109 14.7015C26.9838 15.6845 25.722 16.1761 24.2254 16.1761C22.7288 16.1761 21.467 15.6845 20.4399 14.7015C19.4129 13.7038 18.8993 12.4126 18.8993 10.828C18.8993 9.24338 19.4129 7.95954 20.4399 6.9765C21.467 5.99345 22.7288 5.50192 24.2254 5.50192C25.722 5.50192 26.9838 5.99345 28.0109 6.9765C29.0526 7.95954 29.5735 9.24338 29.5735 10.828C29.5735 12.4126 29.0526 13.7038 28.0109 14.7015ZM39.2934 10.828C39.2934 10.0944 39.0439 9.50748 38.5451 9.06731C38.0609 8.62714 37.4813 8.40705 36.8064 8.40705C36.1315 8.40705 35.5519 8.63447 35.0677 9.08932C34.5835 9.54416 34.3414 10.1237 34.3414 10.828C34.3414 11.5763 34.5835 12.1852 35.0677 12.6547C35.5519 13.1095 36.1315 13.337 36.8064 13.337C37.4666 13.337 38.0462 13.1022 38.5451 12.6327C39.0439 12.1485 39.2934 11.5469 39.2934 10.828ZM33.9233 16.7263C34.0993 17.1958 34.4441 17.5846 34.9577 17.8927C35.4712 18.2155 35.9921 18.3769 36.5203 18.3769C38.5744 18.3769 39.5208 17.1591 39.3594 14.7235C39.1246 15.1783 38.7138 15.5452 38.1269 15.8239C37.5547 16.088 36.9384 16.2201 36.2782 16.2201C34.899 16.2201 33.6958 15.7212 32.6688 14.7235C31.6564 13.7258 31.1502 12.4493 31.1502 10.894C31.1502 9.3094 31.6564 8.01823 32.6688 7.02051C33.6958 6.00812 34.899 5.50192 36.2782 5.50192C36.9384 5.50192 37.5547 5.64131 38.1269 5.92008C38.6991 6.18419 39.1099 6.54366 39.3594 6.9985V5.72201H42.3305V14.5694C42.3305 16.741 41.8243 18.3769 40.8119 19.4774C39.8142 20.5778 38.3837 21.128 36.5203 21.128C35.3905 21.128 34.3708 20.8345 33.4611 20.2476C32.5661 19.6754 31.8985 18.9051 31.4583 17.9368C31.7224 17.8047 32.1332 17.5993 32.6908 17.3205C33.263 17.0564 33.6738 16.8583 33.9233 16.7263Z" fill="%2332456B" fill-opacity="0.3"/></svg>');
/* background-attachment: fixed | scroll; */
/* background-size: auto | cover | contain | 500px 250px; */
/* background-position: center | right 30px bottom 15px; */
/* background-repeat: no-repeat | repeat | repeat-x; */
/* background-origin: border-box | padding-box | content-box; */
/* background-clip: border-box | padding-box | content-box; */
/* background-blend-mode: multiply | screen | overlay; */
	  width: 43px;
    height: 22px;
    content: "";
    display: block;
    background-repeat: no-repeat;
	  background-size:cover;
    position: absolute;
    top: 20px;
    left:162px;
    opacity: 1;
    z-index: 9;
}
.logo .ti:after{
/* background-color: #FFFFFF; */
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="42" height="12" viewBox="0 0 42 12" fill="none"><path opacity="0.9" d="M2.44295 9.7015C1.34252 8.6891 0.792308 7.39793 0.792308 5.82799C0.792308 4.25805 1.34252 2.98155 2.44295 1.9985C3.54338 1.00078 4.85655 0.501923 6.38248 0.501923C7.29217 0.501923 8.13583 0.692663 8.91346 1.07414C9.70577 1.45563 10.3514 1.99117 10.8502 2.68077L8.36325 4.46346C7.92308 3.77386 7.26282 3.42906 6.38248 3.42906C5.70755 3.42906 5.11332 3.65648 4.59979 4.11132C4.08625 4.5515 3.82949 5.12372 3.82949 5.82799C3.82949 6.54694 4.08625 7.14117 4.59979 7.61068C5.11332 8.06553 5.70755 8.29295 6.38248 8.29295C7.26282 8.29295 7.92308 7.94815 8.36325 7.25855L10.8502 9.01923C10.366 9.70883 9.72778 10.2517 8.93547 10.6479C8.15784 11.0293 7.30684 11.2201 6.38248 11.2201C4.85655 11.2201 3.54338 10.7139 2.44295 9.7015ZM17.5525 8.18291C18.2128 8.18291 18.763 7.97016 19.2031 7.54466C19.658 7.10449 19.8854 6.53226 19.8854 5.82799C19.8854 5.15306 19.658 4.59551 19.2031 4.15534C18.7483 3.71517 18.1981 3.49509 17.5525 3.49509C16.9069 3.49509 16.3567 3.71517 15.9019 4.15534C15.4617 4.59551 15.2416 5.15306 15.2416 5.82799C15.2416 6.53226 15.4617 7.10449 15.9019 7.54466C16.3567 7.97016 16.9069 8.18291 17.5525 8.18291ZM21.338 9.7015C20.3109 10.6845 19.0491 11.1761 17.5525 11.1761C16.0559 11.1761 14.7941 10.6845 13.767 9.7015C12.74 8.70377 12.2264 7.41261 12.2264 5.82799C12.2264 4.24338 12.74 2.95954 13.767 1.9765C14.7941 0.993447 16.0559 0.501923 17.5525 0.501923C19.0491 0.501923 20.3109 0.993447 21.338 1.9765C22.3797 2.95954 22.9006 4.24338 22.9006 5.82799C22.9006 7.41261 22.3797 8.70377 21.338 9.7015ZM36.4499 3.47308C35.9217 3.47308 35.4962 3.64915 35.1734 4.00128C34.8506 4.33875 34.6893 4.85962 34.6893 5.56389V11H31.6301V5.45385C31.6154 4.83761 31.4467 4.35342 31.1239 4.00128C30.8011 3.64915 30.4049 3.47308 29.9354 3.47308C29.4219 3.47308 28.9964 3.64181 28.6589 3.97927C28.3214 4.30207 28.1527 4.83027 28.1527 5.56389V11H25.0935V0.722008H28.1527V2.21859C28.3875 1.69038 28.7469 1.27956 29.2311 0.986111C29.73 0.677991 30.2655 0.523931 30.8378 0.523931C32.4664 0.523931 33.5668 1.1255 34.139 2.32863C34.8873 1.11083 35.9144 0.501923 37.2202 0.501923C38.4674 0.501923 39.4358 0.898077 40.1254 1.69038C40.8296 2.48269 41.1818 3.64181 41.1818 5.16773V11H38.1446V5.51987C38.1446 4.87429 37.9832 4.37543 37.6604 4.02329C37.3376 3.65648 36.9341 3.47308 36.4499 3.47308Z" fill="%2332456B" fill-opacity="0.3"/></svg>');
/* background-attachment: fixed | scroll; */
/* background-size: auto | cover | contain | 500px 250px; */
/* background-position: center | right 30px bottom 15px; */
/* background-repeat: no-repeat | repeat | repeat-x; */
/* background-origin: border-box | padding-box | content-box; */
/* background-clip: border-box | padding-box | content-box; */
/* background-blend-mode: multiply | screen | overlay; */
	  width: 42px;
    height: 12px;
	  top: 25px;
}
.logo .ti:after,
.logo .ti:hover + a{
	display:none;
}
.logo .ti:hover:after{
	display:block;
}
.nav-up {
	top: -96px;
	box-shadow: none;
}

.banner {
	margin-top: 67px;
}

.admin-bar .banner {
	margin-top: 37px;
}

html[amp] .banner {
	margin-top: 0;
}

html[amp] #authorbox_widget-3 {
	display: none;
}

header .container {
	display: -ms-grid;
	display: grid;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

html[amp] header.container {
	display: -ms-grid;
	display: grid;
	position: static;
	box-shadow: none;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	grid-column-gap: 10px;
	-ms-grid-columns: (1fr)[24];
	grid-template-columns: repeat(24, 1fr);
}

.logo {
	-ms-grid-column: span 3;
	grid-column: span 3;
}

.main-navigation {
	-ms-grid-column: span 8;
	grid-column: span 8;
}

.search {
	-ms-grid-column: span 1;
	grid-column: span 1;
}

header .container {
	/*padding: 10px 0;*/
}

html[amp] header.container {
	padding: 10px 0;
}

#primary-menu {
	float: right;
}

header nav ul {
	padding: 0;
	list-style-type: none;
}

header nav {
	text-transform: uppercase;

	-ms-flex-pack: end;
	justify-content: flex-end;
}

header nav a {
	color: #32466b;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 1.5px;
}

header nav a:hover {
	color: #fc7c64;
}

header nav ul li {
	display: inline;
	padding: 10px 15px;
}

html[amp] header nav ul li {
	padding: 10px 0;
}

header .search {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

header .search svg {
	width: 20px;
	height: 20px;
	cursor: pointer;

	fill: #32466b;
}

header .search svg:hover {
	fill: #fc7c64;
}

#menu-main-menu > li:last-child {
	padding-right: 0;
}

.navbar-expand-md .navbar-nav .nav-link,
.navbar {
	padding: 0;
}

#menu-main-menu {
	margin-left: auto;
}

header nav .sub-menu {
	display: none;
	position: absolute;
	z-index: 99;
	left: 0;
	min-width: 290px;
	padding: 10px 0;
	padding-left: 0;
	background: #fff;
}

header nav li.menu-item-has-children > a:after,
.ti_cat_menu li.menu-item-has-children > a > span {
	display: inline-block;
	position: relative;
	top: -3px;
	left: 7px;
	padding: 2px;
	border: solid #32466b;
	border-width: 0 2px 2px 0;
	content: "";
	transition: 0.5s ease all;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

header nav li.menu-item-has-children.show > a:after {
	top: -1px;
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

.ti_cat_menu li.menu-item-has-children > ul.sub-menu {
	display: none;
}

.ti_cat_menu li.menu-item-has-children > a > span {
	left: 10px;
	transition: 0.5s ease all;
}

.ti_cat_menu li.open-sidebar-nav > a > span {
	top: -1px;
	border-right: solid #ff7f66;
	border-bottom: solid #ff7f66;
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

header nav li.menu-item-has-children {
	position: relative;
}

header nav li.show > .sub-menu {
	display: table;
}

header nav li.menu-item-has-children > .sub-menu li {
	display: block;
	padding: 5px 20px;
	line-height: 1.2;
}

header nav ul li:last-child {
	padding-right: 0;
}
.two-columns-menu>.sub-menu {
    min-width: 650px;
    transform: translateX(40%);
    right:0;
    left:auto;
    padding:20px;
}
.two-columns-menu>.sub-menu li {
	float: left;
    width: 50%;
    padding:7px 0 7px 20px;
}
/*Neve popup*/
#notice-popup {
	position: fixed;
	bottom: 0;
	transition: .5s ease margin-bottom;
	z-index: 999;
	background: #fff;
	box-shadow: 0 -10px 20px 0 rgba(0,0,0,0.1);
	width: 100%;
	display: none;
}
#notice-popup div {
	max-width: 1200px;
	margin: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	padding: 18px 0 15px;
}
#notice-popup div p {
	font-size: 25px;
	line-height: 33px;
	margin-bottom: 0;
}
#notice-popup div #notice-btn {
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #fff;
	background: #0466CB;
	padding: 20px 60px;
	text-transform: uppercase;
	margin-left: auto;
	text-align: center;
}
#notice-popup div svg {
	width: 20px;
	height: 20px;
	fill: #626262;
	margin-left: 30px;
}
/*end*/

/*header search*/
#header-trigger,
#close-search {
	cursor: pointer;
	transition: 0.3s ease all;
}

#overlay {
	display: none;
	position: fixed;
	z-index: 999999;
	top: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	color: #fff;
	background: rgba(50, 70, 107, 0.98);
	text-align: center;
}

#overlay .search-form {
	position: fixed;
	top: 15%;
	right: 0;
	left: 0;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

#overlay .search-field {
	width: 100%;
	padding: 10px;
	border: none;
	border-bottom: 2px solid #fc7c64;
	color: #fff;
	background: transparent;
	font-size: 27px;
	text-align: left;
	transition: 0.3s ease all;
}

#overlay .search-field::-webkit-input-placeholder {
	opacity: 1;
	color: #fff;
}

#overlay .search-field::-moz-placeholder {
	opacity: 1;
	color: #fff;
}

#overlay .search-field:-moz-placeholder {
	opacity: 1;
	color: #fff;
}

#overlay .search-field:-ms-input-placeholder {
	opacity: 1;
	color: #fff;
}

#close-search {
	position: fixed;
	top: 5%;
	right: 10%;
	width: auto;
	margin: auto;
	padding: 4px 10px;
	outline: none;
	color: #32466b;
	background: #fff;
	font-size: 20px;
	font-size: 15px;
	font-weight: 700;
	font-weight: 800;
	line-height: normal;
	text-align: right;
}

#close-search:focus {
	outline: none;
}

.search-form label {
	width: 60%;
}

/*disclaimer on single posts & selected pages */
.ti-disclosure-wrapper {
	background:#F3F0F1;
	color: #6e6e6e;
	font-size: 14px;
	line-height: 1.5;
	padding: 12px;
	text-align: center;
}

.ti-disclosure-wrapper a {
	font-weight: 300;
	color: #6e6e6e;
	text-decoration: underline;
	text-underline-offset:3px;
}

.ti-disclosure-wrapper a:hover,
.ti-disclosure-wrapper a:active,
.ti-disclosure-wrapper a:focus {
	color: #6e6e6e;
}
/*Key Takeaways*/
.keyt{
	border:2px solid #4267cf;
	position:relative;
  	border-radius:5px;
  	padding:30px 20px 25px 20px;
	top:10px;
	margin-bottom:40px;
}
.keyt p:first-child{
	position: absolute;
    left: 20px;
    top: -18px;
    background: #fff;
    padding: 0 15px;
  	color:#4267cf;
	font-weight:700;
	margin:0;
}
.keyt ul,
#main .keyt ul{
	list-style:none;
	padding:0 0 0 15px;
	margin:0;
}
.keyt ul li{
	position:relative;
}
.keyt ul li::before{
	display: inline-block;
    position: absolute;
    top: 12px;
    left: -20px;
    padding: 2px;
    border: solid #4267cf;
    border-width: 0 2px 2px 0;
    content: "";
    transform: rotate(320deg);
}
/*Tooltips*/
.tooltip-icon.su-tooltip-button::before{
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20viewBox%3D%220%200%2024%2024%22%20width%3D%2217px%22%20height%3D%2217px%22%3E%3Cpath%20d%3D%22M%2012%202%20C%206.4889971%202%202%206.4889971%202%2012%20C%202%2017.511003%206.4889971%2022%2012%2022%20C%2017.511003%2022%2022%2017.511003%2022%2012%20C%2022%206.4889971%2017.511003%202%2012%202%20z%20M%2012%204%20C%2016.430123%204%2020%207.5698774%2020%2012%20C%2020%2016.430123%2016.430123%2020%2012%2020%20C%207.5698774%2020%204%2016.430123%204%2012%20C%204%207.5698774%207.5698774%204%2012%204%20z%20M%2011%207%20L%2011%209%20L%2013%209%20L%2013%207%20L%2011%207%20z%20M%2011%2011%20L%2011%2017%20L%2013%2017%20L%2013%2011%20L%2011%2011%20z%22%20fill%3D%22%23393939%22%2F%3E%3C%2Fsvg%3E");
  display: inline-block;
  line-height:1;
  margin-left:2px;
}
.tooltip-icon-light.su-tooltip-button::before{
	content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20viewBox%3D%220%200%2024%2024%22%20width%3D%2217px%22%20height%3D%2217px%22%3E%3Cpath%20d%3D%22M%2012%202%20C%206.4889971%202%202%206.4889971%202%2012%20C%202%2017.511003%206.4889971%2022%2012%2022%20C%2017.511003%2022%2022%2017.511003%2022%2012%20C%2022%206.4889971%2017.511003%202%2012%202%20z%20M%2012%204%20C%2016.430123%204%2020%207.5698774%2020%2012%20C%2020%2016.430123%2016.430123%2020%2012%2020%20C%207.5698774%2020%204%2016.430123%204%2012%20C%204%207.5698774%207.5698774%204%2012%204%20z%20M%2011%207%20L%2011%209%20L%2013%209%20L%2013%207%20L%2011%207%20z%20M%2011%2011%20L%2011%2017%20L%2013%2017%20L%2013%2011%20L%2011%2011%20z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
}
.tooltip-underline.su-tooltip-button{
	border-bottom:1px dashed;
}
.su-tooltip-inner{
	background-color:#fff!important;
	color:#393939 !important;
	border-radius:3px !important;
	padding:20px !important;
	line-height:1.5!important;
	box-shadow: rgba(0, 0, 0, 0.3) 0 2px 	10px !important;
	font-size:0.8em !important;
	z-index:99999;
}
.su-tooltip-arrow:before{
	background-color:#fff!important;
}
/*End of article message*/
#end-of-article{
	width:100%;
	float:left;
	margin:20px auto;
	padding-top: 20px;
	border-top:2px solid #f4f4f4;
	font-size: 14px;
	font-weight:700;
}
/* Sidebar */

p.widget_title {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
}

.author-wrapper {
	padding: 40px;
	background: #fff;
	margin-bottom:40px;
}

.author-wrapper hr {
	display: block;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
	border-top: 2px solid #f4f4f4;
}

.author-wrapper .row {
	margin-right: 0;
	margin-left: 0;
}

.author-details {
	
	display: -ms-grid;
	display: grid;
	margin-bottom: 10px;

	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

.author-details div,
.author-description div {
	padding: 0;
}

.author-details img {
	width: 60px;
	height: 60px;
	border-radius: 100%;

	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}
.below-single .author-details-editorial img{
	border-radius:0;
	width:auto !important;
	height:40px !important;
	position:relative;
	top:10px;
}
.author-details .byline {
	position: relative;
	top: -5px;

	-ms-grid-column: span 9;
	grid-column: span 9;
	-ms-grid-column-span: 9;
}

.below-single .author-details .byline {
	float: left;
	position: static;
	margin-bottom: 15px;
}

html[amp] .below-single .author-details .byline {
	margin-bottom: 0;
}

.below-single .author-details .author-description {
	clear: both;
	padding: 0 0 15px;
}

html[amp] .below-single .author-details .author-description {
	padding: 15px 0 30px;
}

.author-details h3,
.author-wrapper .reviewer{
	margin: 0 !important;
	color: #393939;
	font-size: 16px !important;
	font-weight: 300 !important;
}

.author-details h3 span,
.author-details h3 a,
.author-wrapper .reviewer a{
	color: #393939;
	font-weight: 700 !important;
	text-transform: uppercase;
}

.author-details h3 a:hover,
.author-details h3 a:active,
.author-wrapper .reviewer a:hover,
.author-wrapper .reviewer a:active{
	color: #393939;
}
.author-wrapper .reviewer{
	margin-top:20px !important;
	margin-bottom:-20px !important;
	padding-top:15px;
	border-top:2px solid #f4f4f4;
	position:relative;
}
.author-wrapper .reviewer svg{
	position:relative;
	top:2px;
}
.author-details h4,
.author-description {
	margin: 0 !important;
	color: #989898;
	font-weight: 300;
}

.author-details h4 {
	font-size: 13px;
	line-height: normal;
	letter-spacing: normal;
}

.author-description {
	font-size: 15px;
	line-height: 28px;
}

.author-description p {
	margin-bottom: 0;
}

.author-description svg {
	width: 45px;
	height: 45px;
	padding: 12px;
	border-radius: 100%;
	background: #e5e5e5;

	fill: #fff;
}

.author-details h5 {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: normal;
}

.author-details a {
	color: #ff7f66;
}

.author-details a:hover {
	color: #4267cf;
}

.sticky-sidebar > div {
	padding: 0 40px;
}

.single .sticky-sidebar > div:not(:first-child) {
	padding: 0 40px;
}

.sticky-sidebar {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 0;
}

.sticky-sidebar > div {
	margin-bottom: 40px;
}

.sidebar > div h3 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
}

.sidebar .search-input {
	width: 100%;
	padding: 15px 20px;
	border: none;
	background: url(../images/search.svg);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 94% center;
	background-size: 30px;
	font-size: 16px;
}

.widget_categories ul,
.widget_recent_entries ul,
.widget_recentwithcategory ul,
.sidebar .widget_nav_menu ul,
.widget_trendingpopularposts ul,
.widget_trendingposts ul,
.widget_popularposts ul{
	padding-left: 0;
	list-style-type: none;
}

.widget_categories ul li a,
.widget_recent_entries ul li a,
.widget_recentwithcategory ul li a,
.sidebar .widget_nav_menu ul li a,
.widget_trendingpopularposts ul li a,
.widget_trendingposts ul li a,
.widget_popularposts ul li a{
	color: #7c7c7c;
	font-size: 18px;
	font-weight: 300;
}

.widget_categories ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_recentwithcategory ul li a:hover,
.sidebar .widget_nav_menu ul li a:hover,
.widget_trendingpopularposts ul li a:hover,
.widget_trendingposts ul li a:hover,
.widget_popularposts ul li a:hover{
	color: #ff7f66;
}

.widget_recentwithcategory ul li h5 a,
.widget_trendingpopularposts ul li h5 a,
.widget_trendingposts ul li h5 a{
	color: #3a3a3a;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.widget_recentwithcategory ul li h5,
.widget_trendingpopularposts ul li h5,
.widget_trendingposts ul li h5{
	margin: 0;
}

.widget_categories ul li,
.widget_recent_entries ul li,
.widget_recentwithcategory ul li,
.sidebar .widget_nav_menu ul li,
.widget_trendingpopularposts ul li,
.widget_trendingposts ul li,
.widget_popularposts ul li{
	padding: 7px 0;
	border-bottom: 2px solid #eeeff1;
}

.sidebar .widget_nav_menu ul li.menu-item-has-children ul{
	padding: 0 20px;
}

.sidebar .widget_nav_menu ul li.menu-item-has-children ul li{
	padding-bottom: 0;
	border-bottom: none;
}

.sidebar .widget_nav_menu ul li.menu-item-has-children ul li a {
	font-size: 16px;
}

.widget_categories ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_recentwithcategory ul li:last-child,
.sidebar .widget_nav_menu ul li:last-child,
.widget_trendingpopularposts ul li:last-child,
.widget_trendingposts ul li:last-child,
.widget_popularposts ul li:last-child{
	padding-bottom: 0;
	border-bottom: none;
}

.sidebar .textwidget {
	color: #7c7c7c;
	font-size: 16px;
	font-weight: 300;
}

.toparticles_wrapper {
	display: -ms-grid;
	display: grid;

	grid-column-gap: 10px;
	-ms-grid-columns: (1fr)[2];
	grid-row-gap: 10px;
	grid-template-columns: repeat(2, 1fr);
}

.toparticles_box {
	padding: 20px 10px;
	background: #fff;
	text-align: center;

	-ms-grid-column: span 1;
	grid-column: span 1;
	-ms-grid-column-span: 1;
}

.toparticles_box svg {
	width: 35px;
	height: 35px;
}

.toparticles_box h4 {
	margin: 3px 0;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
}

.toparticles_box a {
	color: #393939;
}

.toparticles_box a:hover {
	color: #ff7f66;
}

.toparticles_box svg {
	transition: 0.3s ease all;

	fill: #393939;
}

.toparticles_box:hover svg {
	fill: #ff7f66;
}

.toparticles_box:hover a {
	color: #ff7f66;
}

.sidebar-btn {
	display: inline-block;
	margin-top: 20px;
	padding: 7px 20px 10px;
	border: none;
	color: #fff;
	background: #ff7f66;
	box-shadow: none;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

.sidebar-btn:hover,
.sidebar-btn:focus,
.sidebar-btn:active {
	color: #fff;
	background: #4267cf;
}

.widget_freecourse {
	margin-bottom: 40px;
	padding: 40px !important;
	background: url(../images/sidebar-island.png);
	background-color: #4267cf;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 50%;
}

.widget_freecourse {
	color: #fff;
}

.widget_freecourse h5 {
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 300;
}

.widget_freecourse h3,
.sidebar .widget_nav_menu h3,
.widget_popularposts h3{
	margin-top: 0;
}

.widget_freecourse h4 {
	font-size: 16px;
	font-weight: 300;
}

.widget_freecourse .sidebar-btn:hover,
.ti_ad .sidebar-btn:hover,
.ti_ad .sidebar-btn:active,
.widget_freecourse .sidebar-btn:active {
	color: #ff7f66;
	background: #fff;
}

.ti_ad .sidebar-btn:focus,
.widget_freecourse .sidebar-btn:focus {
	outline: none;
	color: #fff;
	background: #ff7f66;
}

.sidebar .widget_nav_menu,
.widget_popularposts{
	margin-bottom: 40px;
	padding: 40px 40px 30px !important;
	background: #fff;
}

.sidebar .widget_nav_menu.ti_cat_menu {
	background: transparent;
}

/* Footer */
footer {
	position: relative;
	z-index: 3;
	top: -10px;
	margin-bottom: -10px;
	padding: 310px 0 70px;
	background: url(../images/footer-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

html[amp] footer {
	margin-top: 70px;
	padding-top: 70px;
	background: #32466b;
}

footer .container {
	display: -ms-grid;
	display: grid;

	grid-column-gap: 60px;
	-ms-grid-columns: (1fr)[9];
	grid-template-columns: repeat(9, 1fr);
}

.white-box {
	padding: 40px 40px 30px;
	background: #fff;

	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

.white-box p {
	margin-top: 20px;
	margin-bottom: 30px;
	color: #767676;
	font-size: 15px;
}

.white-box img {
	display: inline-block;
	max-width: 160px;
	margin-bottom: 20px;
}

.social {
	margin-top: 30px;
}

.social a {
	margin-right: 3px;
}

.social a svg {
	width: 45px;
	height: 45px;
	padding: 12px;
	border-radius: 100%;
	background: #e5e5e5;
	transition: 0.3s ease all;

	fill: #fff;
}

.social > a:nth-child(1) > svg {
	background: #4267cf;
}

.social > a:nth-child(2) > svg {
	background: #7ac5ed;
}

.social > a:nth-child(3) > svg {
	background: #cc181e;
}

.social > a:nth-child(4) > svg {
	background: #0077b5;
}

.social > a:nth-child(5) > svg {
	background: #3897f0;
}

.social a:hover svg,
.social a:active svg {
	background: #aaa;
}

.amp-social {
	margin-bottom: 30px;
	text-align: left;

	-ms-grid-column: span 12;
	grid-column: span 12;
	-ms-grid-column-span: 12;
}

.su-tabs amp-selector[role=listbox] [role=tabpanel]:not( [selected] ) {
	display: none;
}

.su-tabs amp-selector[role=tablist] [role=tab][selected] {
	background: #fff;
}

.su-tabs amp-selector[role=tablist] [role=tab]:not( [selected] ) {
	cursor: pointer;
}

.su-tabs amp-selector [option][selected] {
    outline: none;
}
.footer-box {
	position: relative;
	top: 90px;

	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
}

html[amp] .footer-box {
	top: 40px;
}

.footer-box p.widget_title {
	margin-bottom: 20px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}

.footer-box ul {
	padding-left: 0;
	list-style-type: none;
}

.footer-box ul li {
	margin-bottom: 5px;
}

.footer-box ul li a {
	display: inline-block;
	color: #fff;
	font-size: 15px;
}

.footer-box ul li a:hover,
.footer-box ul li a:active {
	color: rgba(255,255,255,0.7);
}

/*underline animation on links*/
.posted-in a:after,
.comments-link a:after,
.footer-box ul li a:after,
.copyright a:after {
	display: block;
	width: 0;
	height: 1.5px;
	margin-top: -3px;
	background: rgba(255,255,255,0.7);
	content: "";
	transition: width 0.3s;
}

.copyright a:after {
	background: #32466b;
}

.posted-in a:hover:after,
.footer-box ul li a:hover:after,
.copyright a:hover:after {
	width: 100%;
}

/*end*/

div.footer-box:nth-child(2) {
	padding: 0 10px;
}

div.footer-box:nth-child(3),
div.footer-box:nth-child(4) {
	padding: 0 50px;
}

.copyright .container {
	display: -ms-grid;
	display: grid;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
}

.copyright div {
	-ms-grid-column: span 1;
	grid-column: span 1;
	-ms-grid-column-span: 1;
}

.copyright {
	padding: 10px 0;
	color: #32466b;
	background: #fff;
	font-size: 14px;
}

.copyright a {
	display: inline-block;
	color: #32466b;
}

.copyright .row {
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

#menu-footer-links-section {
	padding: 0;
	list-style-type: none;
}

#menu-footer-links-section li {
	display: inline-block;
}

#menu-footer-links-section li:after {
	content: "|";
}

#menu-footer-links-section li:last-child:after {
	content: "";
}

#menu-footer-links-section li a {
	padding: 0 6px 0 3px;
}

/* Required CSS */
embed,
iframe,
object {
	max-width: 100%;
}

.wp-caption .wp-caption-text {
	margin: 15px 0 30px;
	padding-bottom: 15px;
	border-bottom: 2px solid #eeeff1;
	font-style: italic;
}

.wp-caption-text {
	text-align: center;
}

.sticky {
	display: block;
}

.screen-reader-text {
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	width: 1px;
	height: 1px;
}

.screen-reader-text:focus {
	display: block;
	clip: auto !important;
	z-index: 100000;
	top: 5px;
	left: 5px;
	width: auto;
	height: auto;
	padding: 15px 23px 14px;
	border-radius: 3px;
	color: #21759b;
	background-color: #f1f1f1;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	/* Above WP toolbar. */
}

.gallery-caption {
	display: block;
	padding-top: 0.5384615385em;
	color: #686868;
	font-size: 12px;
	font-size: 0.75em;
	font-style: italic;
	line-height: 1.6153846154;
}

.bypostauthor {
	display: block;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

/* Single Posts */
body,
#content {
	background: #f6f7f9;
}

#content > .container {
	position: relative;
	top: -150px;
	margin-bottom: -160px;
}

#primary {
	padding: 0;
}

.single article,
.article-info,
.article-comments,
#related-section,
.error404 article,
.page article {
	padding: 40px;
	background: #fff;
}

.single #main > img {
	margin-bottom: -8px;
}

.single #main code {
	display: inline-block;
	padding: 0 1px;
	background: #f6f7f9;
}

.single #main pre code {
	display: block;
	padding: 10px 20px;
}

.single #main pre {
	white-space: pre-wrap;
}

.single #primary.span-12 article,
.page-template-fullwidth article {
	padding: 50px 150px;
}
.single #primary.span-12 .article-info{
	padding:0 150px 50px 150px;
}
.article-comments {
	padding: 50px 50px 10px;
}

.fb-group {
	-ms-grid-column: span 2;
	    grid-column: span 2;
}

html[amp] .fb-group {
	margin-top: 30px;
    margin-bottom: 0;
}

.single #primary.span-12 .article-comments,
.single #primary.span-12 #related-section {
	padding: 50px;
}

.article-info {
	margin-bottom: 40px;
	padding-top: 0;
}

.featured-image-wrapper {
	text-align: center;
}

.banner {
	background-color: #4267cf;
}

.banner .container {
	padding: 25px 0 180px;
	background-repeat: no-repeat;
	background-position: right center;
}

.banner h1 {
	max-width: 80%;
	margin-bottom: 15px;
	color: #fff;
	font-size: 45px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.023em;
}

.category .banner h1 {
	max-width: 100%;
}

.single .banner h1 {
	margin-bottom: 30px;
}

.no-sidebar .banner h1,
.page-template-fullwidth .banner h1 {
	max-width: 100%;
}

.page-template-fullwidth .banner h1 {
	text-align: center;
}

.post-details {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.post-details-full{
	justify-content:center;
}

.posted-in,
.posted-on,
.comments-link{
	display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
	gap:5px;
}
.posted-in{
	display:none;
}
.post-details-full .posted-in,
.post-details-no-widget .posted-in{
	display:flex;
}

.posted-in a,
.comments-link a {
	display: inline-block;
	color: #fff;
	font-weight: 700;
}

.comments-link:before, .posted-in:after,  .post-categories:after {
    padding: 0 8px 0 12px;
    color: #7490da;
    font-size: 20px;
    content: "\2022";
}
.posted-on:after{
	content:"";
	padding:0;
}
.posted-in span,
.posted-on span{
	text-transform:none;
}
.posted-in img{
	height:30px;
	width:auto;
	border-radius:100%;
	position:relative;
}
.posted-in-author-editorial img{
	border-radius:0;
}
.comments-link a{
		display:flex;
		align-items:center;
		position:relative;
		transition:none;
}
	.comments-link svg{
		margin-right:5px;
		position:relative;
		top:2px;
}
.banner-border {
	position: relative;
	top: -40px;
	width: 100%;
	height: 50px;
	margin-bottom: -50px;
	background-image: url(../images/border.svg);
    background-position: center bottom;
    background-repeat: repeat-x;
}
/*
.banner-border img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/
html[amp] .post-details h3 {
	display: inline-block;
	margin: 0;
	font-weight: 300;
}

html[amp] .single .post-details h3 a {
	color: #fff;
	font-weight: 700;
}

html[amp] .single .post-details,
html[amp] .single .post-details h3 a,
html[amp] .single .post-details .posted-on,
.single .post-details,
.single .post-details .posted-in a,
.single .post-details .comments-link a {
	color: rgba(255,255,255,0.7);
}

.single .post-details .posted-in a{
	min-width:max-content;
}
html[amp] .posted-on:after {
	display: none;
}

.below-single {
	display: -ms-grid;
	display: grid;
	clear: both;

	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
}

.below-single.no-desc-display {
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
}

/*
.below-single > div {
	border-right: 2px solid #f4f4f4;
}*/

.below-single > div:last-child {
	border-right: none;
}

.below-single .author-details {
	display: none;
	margin-bottom: 0;
	padding: 20px 0 5px;
	border-right: none;

	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
	border-top:2px solid #f4f4f4;
}

.below-single.no-desc-display .author-details {
	display: -ms-grid;
	display: grid;

	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

.below-single .author-details img {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.below-single.no-desc-display .author-details img {
	margin: 0 auto;

	-ms-grid-column: span 4;
	grid-column: span 4;
	-ms-grid-column-span: 4;
}

.below-single.no-desc-display .author-details .byline {
	-ms-grid-column: span 8;
	grid-column: span 8;
	-ms-grid-column-span: 8;
}

html[amp] .below-single .author-details div {
	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

.below-single .author-details h3,
.below-single .author-details h4,
.below-single .author-details h5 {
	margin-top: 0;
	line-height: normal;
	letter-spacing: normal;
}

.below-single .author-details h3 {
	font-size: 14px;
}

.categories-list,
.share-now {
	padding: 20px;
}

.below-single .categories-list,
.below-single .share-now,
.below-single.no-desc-display .author-details {
	border-top: 2px solid #f4f4f4;
	border-right: 2px solid #f4f4f4;
}

html[amp] .below-single .share-now {
	padding: 0;
	border: none;
}

.categories-list h3 {
	margin: 0;
	color: #393939;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: normal;
	text-transform: uppercase;
}

.categories-list,
.categories-list a {
	color: #989898;
	font-size: 14px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: normal;
}

#related-section {
	margin-bottom: 40px;
}

#related-section-posts {
	display: -ms-grid;
	display: grid;

	grid-column-gap: 30px;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
}

html[amp] #related-section-posts {
	grid-row-gap: 30px;
}

#related-section h3 {
	margin-top: 0;

	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

#related-section-posts h3 {
	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

#related-section #youtube-holder {
	margin-bottom: 40px;
}

#related-section-posts h3 {
	margin-top: 0;
}

html[amp] #related-section-posts h3 {
	margin-bottom: 0;
}

.related-article {
	margin-bottom: 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

html[amp] .related-article {
	display: block;
	grid-column: span 1;
	-ms-grid-column: span 1;
	-ms-grid-column-span: 1;
}

#related-section .related-article {
	margin-bottom: 0;
}
.related-article img {
	max-width: 240px;
	margin-right: 20px;
	margin-bottom: 20px;
}

html[amp] .related-article img {
	max-width: none;
	margin-right: 0;
	margin-bottom: 10px;
}

.related-article h4 {
	margin: 5px 0 0;
	line-height: 0;
}

.related-article h4 a {
	color: #393939;
	font-size: 18px;
	line-height: normal;
	letter-spacing: normal;
}

.related-article h4 a:hover {
	color: #ff7f66;
}
.related-posts{
    width:100%;
	overflow: hidden;
}
.related-posts a,
.related-posts a:hover{
    transition:none;
}
.carousel{
    width: 100%;
    overflow-x: hidden;
    position: relative;
    display: flex;
    justify-content: flex-start;
}
.carousel-inner{
    min-width: 300%; /*100% x number of slides*/
    display: flex;
    transition: all ease .5s;
}
.carousel-indicators{
    text-align: center;
	margin:5px 0;
}
.carousel-indicators span{
    display: inline-block;
    background-color: #aaa;
    width: 50px;
    height: 5px;
    border-radius: 2px;
    cursor: pointer;
    margin: 3px;
}
.carousel-indicators span.active{
    background-color: #4267CF;
}
.share-facebook {
	margin-right: 5px;
	background: #4167b2;
}

.share-twitter {
	margin-right: 5px;
	background: #1995df;
}

.share-youtube {
	background: #cc181e;
}

.share-now,
.share-now a,
.share-now a:hover,
.share-now a:active,
.share-now a:focus,
.share-now a:visited {
	color: #fff;
}

.share-now a:hover,
.share-now a:active {
	background: #aaa;
}

.share-now h3 {
	margin: 0 0 5px;
	color: #393939;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: normal;
	text-transform: uppercase;
}

.sticky-sidebar .share-now h3 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
	text-transform: none;
}

.share-now svg {
	position: relative;
	top: 3px;
	width: 15px;
	margin-right: 2px;
}

.share-now a {
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 13px;
}

.sidebar .share-now {
	padding: 30px 40px 40px;
	background: #fff;
}

.category .sidebar .share-now,
.tag .sidebar .share-now,
.author .sidebar .share-now,
.search .sidebar .share-now {
	margin-top: 40px;
	padding: 40px;
}

.article-comments {
	display: -ms-grid;
	display: grid;

	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
}

.article-comments > div {
	-ms-grid-column: span 1;
	grid-column: span 1;
	-ms-grid-column-span: 1;
}

#comments-container {
	margin-top: 40px;

	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
}

.single #primary.span-12 #comments-container {
	margin-top: 0;
}

#comment-number {
	color: #393939;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: -1px;
}

#show-comments {
	padding: 10px 30px;
	color: #fff;
	background: #ff7f66;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

html[amp] #show-comments {
	width: auto;
	height: -webkit-fit-content;
	height: fit-content;
	margin: auto;
	text-align: center;
}

html[amp] .comments-section {
	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

.hide-comments {
	color: #81817f !important;
	background: #f1f2f6 !important;
}

#show-comments:hover {
	color: #fff !important;
	background: #4267cf !important;
}

#youtube-holder {
	position: relative;
}
#youtube-holder h3 {
	color: #fff;
	margin: 0;
	line-height: 35px;
	position: absolute;
	z-index: 1;
	max-width: 40%;
	top: 50%;
    left: 20px;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#youtube-holder h3 span {
	display: none;
}
#youtube-holder:hover #youtube-mask {
	background: rgba(48, 67, 107, 0.7);
}
#youtube-holder:hover #recommended p {
	opacity: 1;
}

#youtube-holder:hover #play-youtube svg  {
	background: #fff;
	fill: #ff7f66;
}

#youtube-mask {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 98%;
	background: rgba(48, 67, 107, 0.3);
	transition: 0.3s ease all;
	cursor: pointer;
}

#play-youtube {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	cursor: pointer;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#play-youtube svg {
	width: 50px;
	height: 50px;
	padding: 12px 10px 12px 12px;
	border-radius: 100%;
	background: #ff7f66;
	transition: 0.3s ease all;
	fill: #fff;
}

#recommended {
	position: absolute;
    bottom: -5px;
    z-index: 1;
    left: 20px;
}
#recommended p {
	color: #fff;
	opacity: 0;
	transition: 0.3s ease all;
}

html[amp] #recommended p {
	opacity: 1;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-wrapper iframe,
.video-wrapper amp-iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-caption {
	width: auto !important;
}

.twitter-tweet-rendered,
.instagram-media-rendered {
	display: inline !important;
}

#extra-links {
	display: -ms-grid;
	display: grid;
	margin-top: 40px;
	padding: 40px;
	background: #fff;

	grid-column-gap: 40px;
	-ms-grid-columns: (1fr)[2];
	grid-row-gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}

.extra-link a {
	display: -ms-grid;
	display: grid;

	-ms-grid-column: span 1;
	grid-column: span 1;
	grid-column-gap: 20px;
	-ms-grid-column-span: 1;
	-ms-grid-columns: (1fr)[5];
	grid-row-gap: 20px;
	grid-template-columns: repeat(5, 1fr);
}

.extra-link img {
	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
}

.extra-link h4 {
	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

.extra-link h4 {
	margin: 0;
	color: #393939;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	transition: 0.3s ease all;
}

.extra-link a:hover h4 {
	color: #ff7f66;
	font-weight: 400;
	line-height: normal;
}

/*click to tweet*/
.ti-tweet_wrapper {
	margin: 15px 0;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-weight: 400;
}

.ti-tweet_text a {
	color: #393939 !important;
	font-size: 16px;
	font-weight: 400 !important;
}

.ti-tweet_text {
	margin-bottom: 5px;
}

.ti-tweet_sharebtn {
	text-align: right;
	text-transform: uppercase;
}

.ti-tweet_sharebtn svg {
	position: relative;
	top: 4px;
	left: 3px;
}

.ti-tweet_sharebtn span {
	display: inline-block;
	position: relative;
	top: 7px;
	width: 25px;
	height: 25px;
	background-image: url(../images/twitter.svg);
	background-repeat: no-repeat;
	background-size: 25px 25px;
}

.ti-tweet_sharebtn a {
	color: #ff7f66;
	font-size: 13px;
	font-weight: 400;
}

/*end*/

/* Author & Search Pages */
.author .banner .container,
.search .banner .container {
	display: -ms-grid;
	display: grid;

	-ms-grid-columns: (1fr)[6];
	grid-template-columns: repeat(6, 1fr);
}

.category .banner .container,
.home .banner .container {
	display: -ms-grid;
	display: grid;

	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

.category .banner .post-details,
.home .banner .post-details {
	-ms-grid-column: span 12;
	grid-column: span 12;
	-ms-grid-column-span: 12;
}

.search .banner .post-details {
	-ms-grid-column: span 6;
	grid-column: span 6;
	-ms-grid-column-span: 6;
}

.search .banner .post-details h1,
.category .banner .post-details h1,
.archive .banner .post-details h1,
.home .banner .post-details h1,
.page .banner .post-details h1,
.error404 .banner .post-details h1 {
	text-transform: none;
}

.category .post-details {
	display: -ms-grid;
	display: grid;
	align-items: end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

.category-header-wrapper {
	-ms-grid-column: span 8;
	grid-column: span 8;
	-ms-grid-column-span: 8;
}

.category-header-wrapper.span-12 {
	-ms-grid-column: span 12;
	grid-column: span 12;
	-ms-grid-column-span: 12;
}

.category-header-links {
	text-align: right;

	-ms-grid-column: span 4;
	grid-column: span 4;
	-ms-grid-column-span: 4;
}

.category-header-links a {
	display: block;
	margin-bottom: 8px;
	font-size: 25px;
}

.category .banner .post-details p,
.home .banner .post-details p {
	margin-bottom: 15px;
	font-size: 21px;
	font-weight: 300;
	letter-spacing: 0.02em;
	text-transform: none;
}

.category .banner .post-details p {
	font-size: 16px;
}

.category .banner .post-details a {
	color: #fff;
	font-weight: 800;
}

.category .banner .post-details a:hover {
	color: #ff7f66;
}

.author .banner .post-details {
	-ms-grid-column: span 4;
	grid-column: span 4;
	-ms-grid-column-span: 4;
}

.author .total-posts,
.author .follow {
	margin-top: 50px;

	-ms-grid-column: span 1;
	grid-column: span 1;
	-ms-grid-column-span: 1;
}

.author .banner .author-details {
	-ms-grid-columns: (1fr)[21];
	grid-template-columns: repeat(21, 1fr);
}

.author .banner .author-details img {
	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
}

.author .banner .author-details .byline {
	position: static;
	font-size: 16px;
	text-transform: none;

	-ms-grid-column: span 15;
	grid-column: span 15;
	-ms-grid-column-span: 15;
}

.author .banner h1 {
	margin-bottom: 20px;
	text-transform: none;
}

.author .banner h3 {
	margin-bottom: 0;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

.author .total-posts h4 {
	margin: 0;
	color: #fff;
	font-size: 30px;
}

.author .follow svg {
	width: 30px;
	margin: 0 8px;

	fill: #fff;
}

.author .follow > a:nth-child(2) > svg:nth-child(1) {
	margin-left: 0;
}

.author .follow > a:nth-child(4) > svg:nth-child(1) {
	margin-right: 0;
}

.author main article,
.search main article,
.category main article {
	display: -ms-grid;
	display: grid;
	margin-bottom: 15px;
	padding: 30px 40px;
	background: #fff;

	grid-column-gap: 20px;
	-ms-grid-columns: (1fr)[7];
	grid-template-columns: repeat(7, 1fr);
}

.author main article .loop-image,
.search main article .loop-image,
.category main article .loop-image {
	-ms-grid-column: span 3;
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

.author main article .loop-content,
.search main article .loop-content,
.category main article .loop-content {
	-ms-grid-column: span 4;
	grid-column: span 4;
	-ms-grid-column-span: 4;
}
/*New author page*/
.author .banner .container{
	display:block;
	padding: 25px 0 145px;
}
.author-banner{
	background:#fff;
	padding:40px;
}
.author .banner .author-banner h1,
.author .banner .author-banner h3,
.author .banner .author-banner h4{
	color:#393939;
}
.author .banner .author-banner svg{
	fill:#393939;
}
.author-header{
	display:flex;
	gap: 15px;
	align-items:center;
  width: 100%;
	margin-bottom:15px;
	flex-wrap:wrap;
}
.author-header img{
	height:120px;
	width:auto;
	border-radius:100%;
}
.author-banner-editorial img{
	height:60px;
	border-radius:0;
}
.author-header .author-name{
	flex: 1;
}
.author .banner .author-header h1{
	margin-top:0;
	margin-bottom:0;
}
.author .label{
	text-transform:uppercase;
	font-weight:700;
	font-size:15px;
	color: #393939;
}
.author-header .follow{
	margin-top:0;
	text-align:center;
}
.author-expertise{
	display:flex;
	flex-wrap:wrap;
	margin-top:30px;
}
.author-skill{
	font-size: 13px;
  background: #FFECA0;
  padding: 0px 10px;
  margin-left: 10px;
	margin-bottom:10px;
  border-radius: 2px;
	color:#594700;
}
.author-education{
	margin-top:15px;
	font-size:15px;
	font-weight:300;
  color: #989898;
}
.author .follow a{
	display:inline-block;
	margin:0 8px;
}
.author .follow svg{
	margin:0;
}
.author .author-description p{
	margin-bottom:15px;
}
/*End new author page*/
.post-categories,
.post-categories a {
	color: #ff7f66;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.post-categories a:hover {
	color: #4267cf;
}

.loop-content h2 {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 25px;
	letter-spacing: 0;
}

.loop-content h2 a {
	color: #393939;
	font-size: 23px;
	font-weight: 700;
	line-height: normal;
}

.loop-content h2 a:hover,
.loop-content h2 a:active {
	color: #ff7f66;
}

.layout2 .loop-image {
	position: relative;
}

.layout2 .loop-content h2 {
	margin-top: 10px;
}

.layout2 .loop-content h2 a {
	font-size: 28px;
	line-height: 36px;
}

.posts-carousel h2 {
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 23px;
	font-weight: 700;
	line-height: normal;
}

.posts-carousel .su-carousel .su-carousel-slide {
	height: auto !important;
}

.posts-carousel .su-carousel .su-carousel-slide img {
	padding: 0;
	border: none;
	border-radius: 0;
}

.posts-carousel .su-carousel .su-carousel-slide-title {
	right: 5px;
	bottom: 0;
	left: 5px;
	padding: 10px;
	font-size: 16px;
}

.layout1 .view-article {
	display: none;
}

.loop-content p {
	margin-bottom: 0;
	font-size: 16px;
}

.view-article {
	display: block;
	margin-top: 10px;
	color: #ff7f66;
}

.view-article:hover {
	color: #4267cf;
}

.pagination {
	margin-top: 30px;
	padding: 30px 40px;
	background: #fff;
	text-align: center;

	-ms-grid-column: span 12;
	grid-column: span 12;
}

.page-numbers {
	position: relative;
	top: 5px;
	padding: 0 10px;
	color: #393939;
	font-weight: 700;
}

.page-numbers.current {
	color: #ff7f66;
}

.pagination .prev,
.pagination .next {
	position: static;
	padding: 7px 20px 10px !important;
	color: #fff;
	background: #ff7f66;
	font-size: 16px;
	text-transform: uppercase;
}

.pagination .prev:hover,
.pagination .next:hover {
	color: #fff;
	background: #4267cf;
}

.pagination .prev {
	float: left;
}

.pagination .next {
	float: right;
}

.post-categories,
.eta {
	display: inline;
}

.eta {
	color: #7c7c7c;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
}

.post-categories:after {
	position: relative;
	top: -2px;
	padding: 0 5px 0 8px;
	color: #7c7c7c;
	font-size: 14px;
}
/*Featured Section*/
#featured{
	background-color:#fff;
	margin-bottom: 15px;
}
.author #featured{
	margin-top:30px;
}
.featured-articles{
	display:grid;
	grid-column-gap: 15px;
	grid-row-gap:15px;
	grid-template-columns: repeat(6, minmax(0,1fr));
	padding:30px 40px;
}
.featured-label{
	padding: 3px 20px;
    text-transform: uppercase;
    font-weight: 700;
    background: #fc0;
    position: relative;
    top: 0;
    left: 0;
    width: max-content;
    font-size: 0.8em;
}
#featured article {
	display: -ms-grid;
	display: grid;
	grid-column-gap: 20px;
	-ms-grid-columns: (1fr)[7];
	grid-template-columns: repeat(7, 1fr);
	align-items:center;
}
#featured article .eta{
	display: none;
}
#featured article.layout1{
	grid-column:span 6;
}
#featured article.layout2{
	grid-column:span 6;
}
#featured article.layout3 h2,
#featured article.layout2 h2,
.layout2 .loop-content h2 a{
	line-height: 1rem;
}
#featured article.layout3 h2 a,
#featured article.layout2 h2 a{
	font-size: 16px;
	position: relative;
	top: -5px;
	overflow-wrap: break-word;
}
/*blog & category page*/
.home #primary main,
.category #primary main {
	display: -ms-grid;
	display: grid;

	grid-column-gap: 15px;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, minmax(0,1fr));
}

.home article.layout2,
.category article.layout2 {
	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
	-ms-grid-row: 2;
}

.home article.layout2 .loop-image,
.home article.layout2 .loop-content,
.home article.layout3 .loop-image,
.home article.layout3 .loop-content,
.category article.layout2 .loop-image,
.category article.layout2 .loop-content,
.category article.layout3 .loop-image,
.category article.layout3 .loop-content {
	-ms-grid-column: span 7;
	grid-column: span 7;
	-ms-grid-column-span: 7;
}

.home article.layout3,
.category article.layout3 {
	-ms-grid-column: span 1;
	grid-column: span 1;
	-ms-grid-column-span: 1;
}

.home article.layout1,
.category article.layout1 {
	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
}

.amp-carousel {
	max-width: 100%;
	margin: 0 0 10px;

	-ms-grid-column: span 2;
	grid-column: span 2;
	-ms-grid-column-span: 2;
}

.amp-carousel h2 {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 23px;
}

.amp-carousel .caption {
	overflow: hidden;
	max-width: 340px;
	color: #393939;
	font-size: 16px;
}

.amp-scrollable-carousel-slide {
	padding-bottom: 15px;
}

.home main article,
.category main article {
	display: -ms-grid;
	display: grid;
	margin-bottom: 15px;
	padding: 30px 40px;
	background: #fff;

	grid-column-gap: 20px;
	-ms-grid-columns: (1fr)[7];
	grid-template-columns: repeat(7, 1fr);
}

.home main article.layout2,
.home main article.layout3,
.category main article.layout2,
.category main article.layout3 {
	padding: 0;
}

.home main article.layout2 .loop-content,
.home main article.layout3 .loop-content,
.category main article.layout2 .loop-content,
.category main article.layout3 .loop-content {
	padding: 30px 40px;
}

.home main article .loop-image,
.category main article .loop-image {
	-ms-grid-column: span 3;
	grid-column: span 3;
}

.home main article .loop-content,
.category main article .loop-content {
	-ms-grid-column: span 4;
	grid-column: span 4;
}

.home main article.layout3 .post-categories:after,
.category main article.layout3 .post-categories:after {
	display: none;
}

.home article.layout2 a.view-article,
.category article.layout2 a.view-article {
	display: none;
}

.home #video-with-schema,
.category #video-with-schema {
	margin-bottom: 8px;
	-ms-grid-column: span 2;
	grid-column: span 2;
}

.ti_ad {
	margin-bottom: 15px;
	padding: 30px 40px;
	background-color: #4267cf;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 30%;

	-ms-grid-column: span 2;
	grid-column: span 2;
}

.ti_ad.pirate {
	background-image: url(../images/pirate.png);
}

.ti_ad.island {
	background-image: url(../images/island.png);
}

.ti_ad span {
	margin: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}

.ti_ad .ti_ad_title {
	margin: 10px 0 20px;
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
	letter-spacing:-0.04em;
}

.ti_ad p {
	margin: 30px 0 20px;
	color: #fff;
	font-size: 21px;
	font-weight: 300;
	line-height: 35px;
	letter-spacing: 0.005em;
}

.posts-carousel {
	max-width: 100%;

	-ms-grid-column: span 2;
	grid-column: span 2;
}

/*404 page*/
.error404 article h2 {
	text-align: center;
}

.random-posts {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

.random-posts .related-article {
	display: block;
	-ms-flex-preferred-size: 32%;
	        flex-basis: 32%;
}

.random-posts .related-article img {
	max-width: 100%;
	margin: 0;
}

.random-posts .related-article h4 {
	margin-bottom: 20px;
}

.error404 article .search-field {
	width: 50%;
	padding: 10px;
	border: none;
	color: #393939;
	background: #f6f7f9;
	font-size: 18px;
	text-align: left;
	transition: 0.3s ease all;
}

.error404 article  .search-form {
	margin: 60px auto 100px;
	text-align: center;
}

.error404 article .sidebar-btn {
	position: relative;
	top: -2px;
	margin-top: 0;
	margin-left: -5px;
	padding: 10px 40px 12px;
}

/*forms*/
article input[type="text"],
article input[type="email"],
article textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #dfdfdf;
	color: #393939;
	font-family: sofia-pro, Arial, sans-serif;
	font-size: 18px;
}

article button[type="submit"] {
	display: inline-block;
	margin-top: 20px;
	padding: 7px 20px 10px;
	border: none;
	color: #fff;
	background: #ff7f66;
	box-shadow: none;
	font-family: sofia-pro, Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

article button[type="submit"]:hover,
article button[type="submit"]:focus,
article button[type="submit"]:active {
	color: #fff;
	background: #4267cf;
}

/* Responsive / AMP */

article.layout1 .amp-img {
	width: 100% !important;
}

#toggle {
	display: none;
}

#toggle span {
	display: block;
	width: 25px;
	height: 3px;
	margin-bottom: 3px;
	background: #32466b;
}

html[amp] #primary {
	-ms-grid-column: span 12;
	grid-column: span 12;
}

html[amp]  #overlay {
	display: block;
}

html[amp] {
	background: #fff;

	-ms-grid-column: span 1;
	grid-column: span 1;
}

html[amp] .logo {
	-ms-grid-column: span 22;
	grid-column: span 22;
}

/*old iOS fixes*/
html[amp] header .logo {
	float: left;
}

html[amp] header .search {
	float: right;
	margin-top: 8px;
}

html[amp] header #toggle {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

@supports ((display: -ms-grid) or (display: grid)) {
	html[amp] header .logo,
	html[amp] header .search,
	html[amp] header #toggle {
		float: none;
		margin: 0;
	}

	html[amp] header #toggle {
		margin-left: 8px;
	}
}

/*end*/
html[amp] #site-navigation,
html[amp] header .search {
	display: -ms-flexbox;
	display: flex;
	outline: none;
	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: end;
	-ms-flex-align: center;
	-ms-flex-pack: end;
	-ms-grid-column: span 1;
	grid-column: span 1;
	justify-content: flex-end;
}

html[amp] header .search:focus {
	outline: none;
}

html[amp] header {
	-ms-grid-columns: (1fr)[24];
	grid-template-columns: repeat(24,1fr);
}

html[amp] #toggle {
	display: block;
	margin: auto;
	outline: none;
	cursor: pointer;

	-ms-grid-column: span 1;
	grid-column: span 1;
}

html[amp] #toggle:focus {
	outline: none;
}

html[amp] #toggle span {
	display: block;
	display: block;
	width: 25px;
	height: 3px;
	margin-bottom: 3px;
	background: #32466b;
}

html[amp] .related-article amp-img {
	width: auto !important;
}

#amp-navigation ul button.toggled-on + ul {
	display: block;
}

#amp-navigation #close-menu {
	display: inline;
	position: fixed;
	z-index: 2;
	top: 3%;
	right: 0;
	left: 80%;
	max-width: 30px;
	margin: auto;
	padding: 0;
	color: #32466b;
	background: #fff;
	font-size: 15px;
	font-weight: 800;
	text-align: center;
}

#amp-navigation .menu-main-menu-amp-container,
#amp-navigation .menu-main-menu-container {
	margin-top: 25px;

	-ms-grid-column: span 12;
	grid-column: span 12;
}

.amp-under-menu {
	-ms-grid-column: span 12;
	grid-column: span 12;
}

.amp-under-menu li {
	display: block;
	padding: 6px 0;
	line-height: 1.2;
	text-align: left;
}

.amp-under-menu ul {
	margin: 0;
}

.amp-under-menu a {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	text-transform: none;
}

.amp-under-menu p.widget_title {
	margin: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	text-decoration: none;
	letter-spacing: 1.5px;
}

#amp-navigation #primary-menu {
	float: none;
	position: relative;
	padding: 0;
}

#amp-navigation #primary-menu li {
	display: block;
	text-align: left;
}

#amp-navigation #primary-menu .sub-menu a {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
}

#amp-navigation #primary-menu a {
	color: #fff;
	font-size: 16px;
}

#amp-navigation #primary-menu button.dropdown-toggle {
	display: inline-block;
	position: relative;
	top: -10px;
	left: 10px;
	padding: 5px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	outline: none;
	background: transparent;
	transition: 0.5s ease all;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#amp-navigation #primary-menu button.dropdown-toggle.toggled-on {
	top: -4px;
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

#amp-navigation #primary-menu button.dropdown-toggle:focus {
	outline: none;
}

#amp-navigation #primary-menu li.menu-item-has-children > a:after {
	display: none;
	border-color: #fff;
}

#amp-navigation #primary-menu .sub-menu {
	position: static;
	background: transparent;
}

#amp-navigation > .container {
	overflow-y: auto;
	max-height: 90vh;
}

html[amp] #amp-navigation {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	color: #fff;
	background: rgba(50, 70, 107, 0.98);
	text-align: center;
}

html[amp] .wp-pic-large {
	display: block !important;
}

html[amp] #overlay .search-field {
	outline: none;
	font-size: 16px;
}

#overlay .search-field:focus {
	outline: none;
}

html[amp] amp-accordion {
	margin: 30px 0;
}

html[amp] amp-accordion section {
	margin-bottom: 10px;
}

html[amp] amp-accordion section h4 {
	padding: 5px 13px;
	border-radius: 10px;
	font-size: 16px;
}
html[amp] amp-accordion section .amp-spoiler-content {
	padding: 20px 0;
}
html[amp] amp-accordion section .amp-spoiler-content ul {
	margin-top: 10px !important;
}

html[amp] amp-accordion section figcaption {
	padding: 10px 13px 0;
}

html[amp] amp-accordion section figcaption {
	padding-bottom: 0;
}

amp-accordion h4:before {
	content: '+';
	font-size: 18px;
	line-height: normal;
	font-weight: bold;
   	margin-right: 5px;
   	float: left;
}
amp-accordion section[expanded] h4:before {
	content: '-';
}

.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
	position: relative;
	top: -4px;
	left: 3px;
	font-family: sofia-pro, Arial, sans-serif;
	font-size: 23px;
	font-weight: bold;
	content: "+" !important;
}

.su-spoiler-icon-plus .su-spoiler-icon:before {
	position: relative;
	top: -5px;
	left: 3px;
	font-family: sofia-pro, Arial, sans-serif;
	font-size: 23px;
	font-weight: bold;
	content: "-" !important;
}
@media (min-width:2150px){
	.banner-border{
		top:-45px;
	}
}
@media (max-width: 1600px) {
	.single #main > img {
		display: none;
	}

	.single .banner h1 {
		margin-bottom: 20px;
	}

	.banner h1 {
		margin-top: 10px;
		margin-bottom: 20px;
	}
}

@media (max-width: 1200px) {
	.single #main > img {
		display: none;
	}

	.container {
		max-width: 90%;

		grid-column-gap: 0;
	}

	#primary main {
		margin-left: 0;
	}

	html[amp] #primary main {
		margin-left: auto;
	}

	#primary.span-12 main {
		margin-left: auto;
	}

	.single #primary.span-12 article,
	.single #primary.span-12 .article-info,
	.page-template-fullwidth article {
		padding: 50px;
	}

	.sidebar {
		margin-left: -35px;
	}
/*
	.banner-border {
		top: -30px;
	}

	.below-single {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}

	html[amp] .below-single .author-details {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.below-single .share-now {
		-ms-grid-column: span 1;
		grid-column: span 1;
		-ms-grid-column-span: 1;
	}

	html[amp] .below-single .share-now {
		margin-top: 0;

		-ms-grid-column: span 1;
		grid-column: span 1;
		-ms-grid-column-span: 1;
	}

	.below-single .author-details div {
		-ms-grid-column: span 3;
		grid-column: span 3;
		-ms-grid-column-span: 3;
	}

	html[amp]  .below-single > div {
		border-right: none;
	}

	html[amp] #show-comments {
		margin: -10px 0 0 auto;
	}

	html[amp] #comments-section {
		margin-top: 10px;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}
*/
	#primary {
		-ms-grid-column: span 9;
		grid-column: span 9;
		-ms-grid-column-span: 9;
	}

	.no-sidebar #primary,
	.page-template-fullwidth #primary {
		-ms-grid-column: span 12;
		grid-column: span 12;
		-ms-grid-column-span: 12;
	}

	.sidebar {
		margin-left: 10px;

		-ms-grid-column: span 3;
		grid-column: span 3;
		-ms-grid-column-span: 3;
	}

	#primary main {
		max-width: 100%;
		margin: 0;
	}

	.single .sticky-sidebar > div:not(:first-child) {
		padding: 0 20px;
	}

	.sidebar .author-details img {
		display: none;
	}

	.sidebar .author-details .byline {
		-ms-grid-column: span 12;
		grid-column: span 12;
		-ms-grid-column-span: 12;
	}

	.sidebar .share-now a {
		display: block;
		width: 100%;
		margin-bottom: 5px;
		text-align: center;
	}
}

@media (max-width: 1199px) {
	#notice-popup div {
		padding-left: 30px;
		padding-right: 30px;
	}
	#notice-popup div p {
		font-size: 20px;
	}
	.logo-img {
		max-width: 120px;
	}
	.logo .tiblog{
		width:33px;
		height:17px;
		left:122px;
		top:14.5px;
	}
	.logo .ti:after{
		width: 35px;
		height:10px;
		left:121px;
		top:17.5px;
	}

	header {
		padding: 10px 0;
	}
	

	header .container {
		grid-column-gap: 10px;
	}

	.logo {
		-ms-grid-column: span 10;
		grid-column: span 10;
		-ms-grid-column-span: 10;
	}

	#toggle {
		display: block;
		margin: auto;
		cursor: pointer;

		-ms-grid-column: span 1;
		grid-column: span 1;
		-ms-grid-column-span: 1;
	}

	header .search {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-ms-grid-column: span 1;
		grid-column: span 1;
		-ms-grid-column-span: 1;
		justify-content: flex-end;
	}

	#site-navigation {
		display: none;
		position: absolute;
		z-index: 2;
		top: 54px;
		left: 0;
		width: 100%;
		padding-bottom: 0 20px;
		background: #fff;

		-ms-grid-column: span 12;
		grid-column: span 12;
		-ms-grid-column-span: 12;
	}

	.menu-main-menu-container {
		max-width: 90%;
		margin: auto;
	}

	html[amp] .menu-main-menu-container {
		max-width: none;
		margin: 0;
	}

	.sub-menu-open,
	.sub-menu-open:hover,
	.sub-menu-open:active,
	.sub-menu-open:focus {
		color: #fc7c64;
	}

	header nav ul li {
		padding: 8px 0;
	}

	header nav li.menu-item-has-children > .sub-menu li {
		padding: 6px 0;
	}

	header nav .sub-menu {
		position: static;
	}

	#primary-menu {
		float: none;
	}

	header nav ul li {
		display: block;
	}
	.two-columns-menu>.sub-menu{
		min-width: 290px;
		transform: none;
		padding: 10px 0;
	}
	.two-columns-menu>.sub-menu li{
		width:100%;
	}
	.banner {
		margin-top: 54px;
	}
}

@media (max-width: 1100px) {
	.two-columns-menu>.sub-menu{
		min-width: 290px;
		transform: none;
		padding: 10px 0;
	}
	.two-columns-menu>.sub-menu li{
		width:100%;
	}
}
@media (max-width: 1024px) {
	html[amp] header.container {
		position: fixed;
		top: 0;
		max-width: 100%;
		padding: 10px 5%;
		box-shadow: 0 2px 0 0 rgba(0,0,0,0.1);
	}

	html[amp] .banner {
		margin-top: 54px;
	}

	.banner h1 {
		max-width: 100%;
	}
	.below-single .author-details{
		display:block;
	}
	.posted-in{
		display:flex;
	}
	.home #primary main,
	.category #primary main {
		margin-left: 0;
	}
	#primary,
	.pagination,
	.sidebar,
	.category .banner .post-details,
	.home .banner .post-details {
		-ms-grid-column: span 12;
		grid-column: span 12;
		-ms-grid-column-span: 12;
	}
	.sidebar > div {
		margin-bottom: 40px;
		padding: 0;
	}
	.author-wrapper {
		display: none;
		padding-bottom: 40px !important;
	}
	footer {
		padding: 100px 0 70px;
	}
	footer {
		margin-top: 170px !important;
		padding: 20px 0 70px;
		background: #32466b;
	}
	footer .container {
		-ms-grid-columns: (1fr)[9];
		grid-template-columns: repeat(9, 1fr);
	}

	.white-box {
		-ms-grid-column: span 9;
		grid-column: span 9;
		-ms-grid-column-span: 9;
	}

	.footer-box {
		top: 35px;

		-ms-grid-column: span 3;
		grid-column: span 3;
		-ms-grid-column-span: 3;
	}

	.author .total-posts,
	.author .follow {
		margin-top: 0;

		-ms-grid-column: span 6;
		grid-column: span 6;
		-ms-grid-column-span: 6;
	}

	.author .total-posts h3,
	.author .total-posts h4,
	.author .follow h3 {
		display: inline;
		margin-top: 0;
	}

	.author .total-posts h4 {
		margin-left: 10px;
		font-size: 16px;
	}

	.author .follow svg {
		width: 20px;
		height: 20px;
	}

	.author .follow > a:nth-child(2) > svg:nth-child(1) {
		margin-left: 10px;
	}

	.author .follow svg {
		margin: 0 3px;
	}

	.author .banner .author-details {
		grid-column-gap: 10px;
	}

	.author .banner .author-details img {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.author .banner .post-details {
		-ms-grid-column: span 6;
		grid-column: span 6;
		-ms-grid-column-span: 6;
	}

	html[amp] .author .banner .author-details .byline {
		-ms-grid-column: span 21;
		grid-column: span 21;
		-ms-grid-column-span: 21;
	}

	.footer-box {
		text-align: center;

		-ms-grid-column: span 9;
		grid-column: span 9;
		-ms-grid-column-span: 9;
	}

	html[amp] footer {
		padding-top: 20px;
		padding-bottom: 40px;
	}

	html[amp] .footer-box {
		padding: 0;
		text-align: left;
	}

	html[amp] .footer-box h3 {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 18px;
	}

	html[amp] .footer-box ul {
		margin-top: 0;
	}

	html[amp] .footer-box ul li {
		display: inline-block;
	}

	html[amp] .footer-box ul li:after {
		color: #fff;
		content: "|";
	}

	html[amp] .footer-box ul li:last-child:after {
		content: "";
	}

	html[amp] .footer-box ul li a {
		padding: 0 6px 0 3px;
		font-weight: 300;
	}

	html[amp] #related-section-posts {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2,1fr);
	}

	html[amp] #related-section-posts h3 {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	html[amp] #related-section-posts > div:nth-child(2),
	html[amp] #related-section-posts > div:nth-child(3),
	html[amp] #related-section-posts > div:nth-child(4),
	html[amp] #related-section-posts > div:nth-child(5) {
		text-align: center;

		-ms-grid-column: span 1;
		grid-column: span 1;
		-ms-grid-column-span: 1;
	}

	html[amp] #related-section-posts > div:nth-child(6),
	html[amp] #related-section-posts > div:nth-child(7),
	html[amp] #related-section-posts > div:nth-child(8) {
		text-align: center;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.share-now a {
		display: block;
		margin-bottom: 5px;
		text-align: center;
	}

	html[amp] .share-now a {
		display: inline;
	}
	#notice-popup div p {
		max-width: 69%;
	}
	.featured-articles{
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	#featured article,
	#featured article .eta{
		display: block;
	}
}

@media (max-width: 991px) {
	header nav ul li {
		padding: 10px;
	}

	.ti_ad.pirate p {
		max-width: 60%;
	}
}

@media (max-width: 959px) {
	#notice-popup div p {
		max-width: 50%;
	}
}

@media (max-width: 768px) {

	.banner .container {
		background-size: contain;
	}
	.sidebar {
		margin-top: 40px;
		margin-left: 0;
	}

	#primary main {
		margin: auto;
	}

	.white-box {
		-ms-grid-column: span 9;
		grid-column: span 9;
		-ms-grid-column-span: 9;
	}



	main[role="main"] {
		max-width: 100%;
	}

	.random-posts {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}

	.error404 article .sidebar-btn {
		display: block;
		position: static;
		margin: 10px auto 0;
	}

	.error404 article .search-field {
		width: 100%;
	}

	.author-details {
		grid-column-gap: 10px;
		-ms-grid-columns: (1fr)[8];
		grid-template-columns: repeat(8, 1fr);
	}

	.author-details img {
		-ms-grid-column: span 1;
		grid-column: span 1;
		-ms-grid-column-span: 1;
	}

	.author-details .byline {
		-ms-grid-column: span 7;
		grid-column: span 7;
		-ms-grid-column-span: 7;
	}

	html[amp] .sidebar #authorbox_widget-3 {
		display: none;
	}

	.category .banner .post-details p,
	.home .banner .post-details p {
		max-width: 100%;
	}

	.author .banner .post-details {
		-ms-grid-column: span 6;
		grid-column: span 6;
		-ms-grid-column-span: 6;
	}
	.author .banner .author-details img{
		-ms-grid-column: span 3;
		grid-column: span 3;
		-ms-grid-column-span: 3;
	}
	.author .follow{
		width:100%;
		text-align:left;
	}
	.author .follow br{
		display:none;
	}
	.author .follow a{
		position:relative;
		top:4px;
	}
	.sidebar .author-details img {
		display: block;
	}

	.sidebar .author-details .byline {
		-ms-grid-column: span 7;
		grid-column: span 7;
		-ms-grid-column-span: 7;
	}

	.sidebar .share-now a {
		display: inline;
	}

	.banner h1,
	.single .banner h1,
	.author .banner h1 {
		font-size: 35px;
	}

	html[amp] #related-section-posts > div:nth-child(2),
	html[amp] #related-section-posts > div:nth-child(3),
	html[amp] #related-section-posts > div:nth-child(4),
	html[amp] #related-section-posts > div:nth-child(5) {
		text-align: left;
	}

	html[amp] #related-section-posts {
		grid-row-gap: 20px;
	}

	.extra-link img,
	.extra-link h4 {
		font-size: 16px;

		-ms-grid-column: span 5;
		grid-column: span 5;
		-ms-grid-column-span: 5;
	}

	.category-header-wrapper {
		-ms-grid-column: span 12;
		grid-column: span 12;
		-ms-grid-column-span: 12;
	}

	.category-header-links {
		text-align: left;

		-ms-grid-column: span 12;
		grid-column: span 12;
		-ms-grid-column-span: 12;
	}

	.category-header-links a {
		display: inline-block;
		margin-bottom: 0;
		padding-right: 10px;
		font-size: 20px;
	}

	.category-header-links a:after {
		position: relative;
		left: 8px;
		content: "|";
	}

	.category-header-links a:last-child:after {
		content: "";
	}

	.category-header-links p {
		margin-bottom: 0 !important;
	}

	.below-single.no-desc-display {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}

	.below-single.no-desc-display .author-details {
		display: block;
		border: none;

		-ms-grid-column: span 3;
		grid-column: span 3;
		-ms-grid-column-span: 3;
	}

	.below-single.no-desc-display .author-details img {
		margin: 0 10px;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.below-single.no-desc-display .author-details .byline {
		-ms-grid-column: span 10;
		grid-column: span 10;
		-ms-grid-column-span: 10;
	}

	.share-now a {
		display: inline;
	}
	#youtube-holder h3 {
		font-size: 20px;
    	line-height: 1.5;
	}
	.random-posts .related-article {
		-ms-flex-preferred-size: 49%;
		        flex-basis: 49%;
	}
	blockquote {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 600px) {
	.pagination .next {
		display: block;
		float: none;
		margin-top: 30px;
	}

	.pagination .prev {
		display: block;
		float: none;
		margin-bottom: 20px;
	}

	.copyright div {
		margin-bottom: -15px;
		text-align: center;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}
	.related-article img {
		max-width: 200px;
	}
	#notice-popup div {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-pack: center;
		    justify-content: center;
		position: relative;
	}
	#notice-popup div p {
		max-width: 80%;
   	 	-ms-flex-preferred-size: 100%;
   	 	        flex-basis: 100%;
   	 	font-size: 18px;
    	line-height: 26px;
    	text-align: center;
    	margin-bottom: 12px;
	}
	#notice-popup div #notice-btn {
		margin-left: 0;
		width: 100%;
	}
	#notice-popup div #close-notice {
		position: absolute;
    	right: 10px;
    	top: 10px;
	}
	#youtube-holder h3 {
		font-size: 16px;
    	line-height: 1.3;
	}
	#play-youtube svg {
		width: 40px;
		height: 40px;
	}
	#youtube-mask {
		height: 97%;
	}
	#featured article{
		display: grid;
		grid-column: span 6 !important;
	}
}

@media (max-width: 480px) {
/*	html[amp] #main .table,
	html[amp] #main .table td,
	html[amp] #main .table th {
		font-size: 14px !important;
	}*/

	.ti-disclosure-wrapper {
	    position: relative;
		margin: -25px 0 0 0;
		width: 100%;
		font-size: 12px;
		line-height: 1.2;
		padding: 10px 5px;
		border-radius: 5px;
	}

	#main table th,
	#main table td {
		font-size: 13px !important;
		line-height: normal;
	}

	.banner {
		margin-top: 54px;
	}

	#content > .container {
		position: static;
	}

	footer .container {
		grid-column-gap: 0;
	}

	.home article.layout1,
	.category article.layout1,
	.archive article.layout1,
	.search article.layout1 {
		padding: 0;
	}

	.home article.layout1 .loop-image,
	.category article.layout1 .loop-image,
	.archive article.layout1 .loop-image,
	.search article.layout1 .loop-image {
		-ms-grid-column: span 7;
		grid-column: span 7;
		-ms-grid-column-span: 7;
	}

	.home article.layout1 .loop-content,
	.category article.layout1 .loop-content,
	.archive article.layout1 .loop-content,
	.search article.layout1 .loop-content {
		padding: 30px 40px;

		-ms-grid-column: span 7;
		grid-column: span 7;
		-ms-grid-column-span: 7;
	}

	.home article.layout3,
	.category article.layout3 {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.random-posts .related-article {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.banner-border {
		display: none;
	}

	.article-comments > div {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.text-left,
	.text-right {
		text-align: center;
	}
/*
	.text-left {
		margin-bottom: 20px;
	}
*/
	html[amp] #related-section-posts {
		margin-bottom: 30px;

		grid-row-gap: 20px;
	}

	.related-article {
		margin-bottom: 30px;
		text-align: center;

		-ms-grid-column: span 3;
		grid-column: span 3;
		-ms-grid-column-span: 3;
	}

	.below-single .author-details {
		
		border-right: none;

		-ms-grid-column: span 3;
		grid-column: span 3;
		-ms-grid-column-span: 3;
	}

	.below-single .categories-list {
		padding: 0;
		border: none;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.below-single .author-details img {
		margin-bottom: 10px;
	}
	.below-single .author-details .author-description p{
		font-size:14px;
	}
	.below-single .share-now {
		padding: 20px 0;
		border: none;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.author-details img,
	.author-details .byline {
		margin: auto;

		-ms-grid-column: span 8;
		grid-column: span 8;
		-ms-grid-column-span: 8;
	}

	.author-details img {
		margin-bottom: 10px;
	}
	.single #primary.span-12 .article-comments{
		padding:50px  0;
	}

/*AMP responsive styling*/
	.banner {
		margin-top: 54px;
	}

	html[amp] .single .banner {
		margin-top: 54px;
	}

	.banner h1,
	.single .banner h1,
	.author .banner h1 {
		margin: 0 0 12px;
		font-size: 20px;
		line-height: 25px;
		text-align: left;
	}

	.loop-content h2 a,
	.layout2 .loop-content h2 a {
		font-size: 18px;
		line-height: 25px;
	}

	.banner p {
		font-size: 16px;
		line-height: 1.2;
	}

	.category .banner .post-details p,
	.home .banner .post-details p {
		font-size: 14px;
		line-height: 23px;
	}

	.post-details {
		margin-bottom: 0;
		font-size: 12px;
		text-align: left;
		letter-spacing: normal;
		text-transform: none;
	}
	
	.post-details-full{
		justify-content:flex-start;
	}

	html[amp] .post-details {
		padding-bottom: 0;
	}

	.post-details h3 {
		display: inline-block;
		margin: 0;
		font-weight: 300;
	}

	.post-details h3 a {
		color: #fff;
		font-weight: 700;
	}
/*
	.posted-on:after,
	.posted-in:after {
		display: none;
	}

	.posted-in,
	.comments-link {
		display: none;
	}
*/
	.comments-link:before, .posted-in:after,  .post-categories:after {
		display:none;
	}
	.posted-in-author{
		clear:left;
	}
	.posted-in-author:after{
		display:inline-block;
		padding:0 0 0 3px;
	}
	.posted-in, .posted-on{
		margin-right:10px;
	}
	.banner .container {
		margin-bottom: 15px;
		padding: 30px 0;
	}
	.banner-disclosure{
		padding-bottom:30px;
	}
	.single .banner .container {
		margin-bottom: 0;
		padding: 30px 0 15px 0;
	}

	.page-template-fullwidth .banner .container {
		margin-bottom: 0;
	}

	main p,
	.su-column-inner {
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 25px;
	}
	.su-note-inner,
	.su-note-inner * {
		font-size: 16px;
		line-height: 25px;
	}

	#main ul li,
	#main ol li {
		font-size: 16px;
		line-height: 25px;
	}

	.banner.text-left {
		margin-bottom: 0;
	}

	#content {
		background: #fff;
	}

	.content-wrapper.container {
		max-width: 100%;
		padding-right: 4%;
		padding-left: 4%;
	}

	.single article,
	.article-info,
	.single #primary.span-12 article,
	.single #primary.span-12 .article-info,
	.page-template-fullwidth article {
		padding: 30px 0 0;
	}

	.single article,
	.article-info {
		padding: 15px 0;
	}

	#related-section {
		margin-bottom: 0;
		padding: 20px 0 0 !important;
		text-align: center;
	}

	html[amp] #related-section-posts h3 {
		margin-bottom: 30px;
	}

	.article-comments {
		padding: 20px 0 0;
	}

	.ti-tweet_wrapper {
		margin: 0;
	}

	.ti-tweet_text a {
		font-size: 16px;
		line-height: normal;
	}

	.below-single {
		padding-top: 20px;
	}

	.sidebar {
		margin-top: 0;
	}
	.sidebar .share-now{
		padding: 0 20px;
	}
	main h2,
	main h3,
	main h4,
	main h5 {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	main h2 {
		font-size: 20px;
	}

	main h3 {
		font-size: 18px;
	}

	main h4 {
		font-size: 17px;
	}

	main h5 {
		font-size: 16px;
	}

	.sidebar > div {
		margin-bottom: 30px;
	}

	.sidebar > div h3 {
		margin-bottom: 20px;
		font-size: 18px;
	}

	#categories-4 h3,
	#recentwithcategory_widget-2 h3,
	.widget_trendingpopularposts h3,
	.widget_trendingposts h3{
		margin-bottom: -10px;
	}

	.widget_categories ul li a,
	.widget_recentwithcategory ul li a,
	.widget_trendingpopularposts ul li a,
	.widget_trendingposts ul li a{
		font-size: 16px;
	}

	.sidebar .search-input {
		padding: 15px 10px 12px;
		border: 2px solid #eeeff1;
	}

	.widget_categories ul li,
	.widget_recentwithcategory ul li,
	.widget_trendingpopularposts ul li,
	.widget_trendingposts ul li {
		padding: 5px 0;
	}

	

	.home main article.layout2 .loop-content,
	.home main article.layout3 .loop-content,
	.category main article.layout2 .loop-content,
	.category main article.layout3 .loop-content,
	.home article.layout1 .loop-content,
	.category article.layout1 .loop-content,
	.home main article,
	.category main article,
	.archive article.layout1 .loop-content,
	.search article.layout1 .loop-content {
		padding: 30px 0;
	}

	.home main article .loop-content:nth-child(1),
	.category main article .loop-content:nth-child(1),
	.archive main article .loop-content:nth-child(1),
	.search main article .loop-content:nth-child(1) {
		padding-top: 10px;
	}

	#featuredposts_widget-2 {
		padding: 0 !important;
	}

	#featuredposts_widget-2 h3 {
		margin-bottom: -10px;
	}

	.widget_categories ul li,
	.widget_recent_entries ul li,
	.widget_recentwithcategory ul li,
	.sidebar .widget_nav_menu ul li,
	.widget_trendingpopularposts ul li,
	.widget_trendingposts ul li,
	.widget_popularposts ul li{
		padding: 5px 0;
	}

	.widget_categories ul li a,
	.widget_recent_entries ul li a,
	.widget_recentwithcategory ul li a,
	.sidebar .widget_nav_menu ul li a,
	.widget_trendingpopularposts ul li a,
	.widget_trendingposts ul li a,
	.widget_popularposts ul li a{
		font-size: 16px;
		line-height: normal;
	}

	.pagination {
		margin-top: 0;
		padding: 30px 0;
	}

	.home main article,
	.category main article,
	.ti_ad,
	.amp-carousel,
	.archive main article,
	.search main article {
		padding-top: 10px !important;
		border-bottom: 2px solid #eeeff1;
	}

	.home main article:nth-child(1),
	.category main article:nth-child(1),
	.archive main article:nth-child(1),
	.search main article:nth-child(1) {
		padding-top: 0 !important;
	}

	.home main article:last-child,
	.category main article:last-child,
	.archive main article:last-child,
	.search main article:last-child {
		border-bottom: none !important;
	}

	.home #video-with-schema,
	.category #video-with-schema {
		margin-top: 10px;
	}

	#youtube-mask {
		height: 97%;
	}

	.ti_ad,
	.widget_freecourse {
		background-image: none !important;
		text-align: left;
	}

	.ti_ad .ti_ad_title {
		font-size: 20px;
		line-height: 25px;
	}

	.ti_ad p {
		font-size: 16px;
		line-height: 25px;
	}

	.ti_ad.pirate p {
		max-width: 100%;
	}

	.sidebar .author-description {
		text-align: center;
	}

	.footer-box {
		text-align: center;

		-ms-grid-column: span 9;
		grid-column: span 9;
		-ms-grid-column-span: 9;
	}

	.white-box {
		padding: 0 30px 20px;
		font-size: 16px;
	}

	.ti_ad .sidebar-btn {
		margin-top: 0;
	}

	.sidebar-btn,
	.pagination .next,
	.pagination .prev {
		width: 100%;
		padding: 3px 10px 4px !important;
		font-size: 14px;
		text-align: center;
		letter-spacing: normal;
	}

	html[amp] .below-single .author-details div,
	html[amp] .below-single .share-now {
		margin-left: 0;
		text-align: left;
	}

	html[amp] #show-comments {
		margin: 0 0 0 auto;
		padding: 5px 15px;
		font-size: 13px;
	}

	html[amp] .below-single .author-details {
		padding-top: 0;
	}

	.amp-carousel h2 {
		margin-top: -10px;
		font-size: 20px;
		line-height: 25px;
	}

	.white-box img {
		display: none;
	}

	.author .banner .author-details .byline {
		font-size: 12px;
		line-height: normal;
	}
	.author .banner .author-details img{
		-ms-grid-column: span 5;
		grid-column: span 5;
		-ms-grid-column-span: 5;
		margin:0;
	}
	.author .banner .total-posts h3,
	.author .banner .total-posts h4,
	.author .banner .follow h3 {
		font-size: 12px;
		line-height: normal;
	}

	.author .follow svg {
		position: relative;
		top: 3px;
	}

	.author-header{
		display:block;
		text-align:center;
	}
	.author .follow,
	.author .banner h1{
		text-align:center;
	}
	.author .follow br{
		display:block;
	}
	.author .author-description p{
		line-height:1.5;
	}
	
	#extra-links {
		margin-top: 190px;
	}

	.extra-link {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	.extra-link img {
		margin: auto;
	}

	.category .banner .post-details a {
		font-size: 16px;
	}
	.related-article img {
		max-width: 150px;
	}
	.related-article h4 {
		text-align: left;
	}
	.related-article h4 a {
		font-size: 16px;
	}
	#youtube-holder h3 {
		text-align: left;
		max-width: 70%;
		top: 10px;
		left: 10px;
    	transform: translate(0,0);
    	-webkit-transform: translate(0,0);
   		-ms-transform: translate(0,0);
	}
	#recommended {
		bottom: -5px;
   		left: 10px;
	}
	.random-posts .related-article {
		-ms-flex-preferred-size: 100%;
		        flex-basis: 100%;
	}
	.random-posts .related-article h4 {
		margin-bottom: 0;
	}
	blockquote {
		padding: 10px 15px;
	}
	#featured{
		margin-bottom:30px;
	}
	.featured-articles{
		padding:20px;
		border:2px solid #fc0;
	}
	#featured article {
		display: block;
	}
	#featured article img{
		width: 100%;
		margin-bottom: 10px;
	}
	#featured article h2{
		margin-bottom: 0;
	}
}

@media (max-width: 320px) {
	html[amp] .below-single .share-now {
		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}

	html[amp] #show-comments {
		margin-top: 15px;
		margin-left: 0;

		-ms-grid-column: span 2;
		grid-column: span 2;
		-ms-grid-column-span: 2;
	}
}
/*GLOSSARY*/
/*.post-template-single-glossary .posted-on:after{
display: none;
}

.post-template-single-glossary .posted-in:after{
content:'\203A';
}*/
/*Glossary Page*/
.glossary-section{
border-top: 1px solid #f1f1f1;
padding-bottom: 30px;
}
.glossary-section:last-child{
padding-bottom: 0;
}
.glossary-letter{
font-size: 42px;
font-weight: 700;
margin: 20px 0;
}
.glossary-list{
list-style-type: none;
margin: 0;
padding: 0;
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
column-count: 3;
column-gap: 20px;
}
@media only screen and (max-width: 600px) {
  .glossary-list{
    -moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
  }
}
/*Fancy scrollable tables*/
.fancy-table{
position:relative;
overflow:auto;
}
.dataTables_wrapper{
	overflow:scroll;
}
.fancy-table table,
.fancy-table td, 
.fancy-table th{
border:none;
}
.fancy-table tbody{
border: 1px solid #eaeaea;
}
.fancy-table table thead {
  position: sticky;
  top: 0;
  z-index: 1;
border:1px solid #32466B;
border-bottom:none;
}
.fancy-table table thead th{
background-color:#32466B;
color:#fff;
}
.fancy-table th,
.fancy-table td{
font-size:0.85em;
line-height:1.5;
}
.fancy-table table thead th:first-child{
position:sticky;
top:0;
left:0;
z-index: 5;
}
.fancy-table table tbody td:first-child {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 0;
}
.fancy-table td,
.tablepress td{
    padding:15px 10px;
    border-bottom: 1px solid #eaeaea !important;
    border-right: 1px solid #eaeaea !important;
    background: #fff !important;
}
.fancy-table table tr:last-child td,
.tablepress table tr:last-child td{
border-bottom:0;
}
.fancy-table table tr td:last-child,
.fancy-table table tr th:last-child{
border-right:0;
}
.fancy-table table tr:nth-child(even) td{
background: #F0F0F0;
}
.fancy-table img{
max-width:100px;
}
.fancy-table .has-text-align-center{
text-align:center;
}

.tablepress th,
.tablepress td{
	padding:15px 10px;
	font-size:0.85em !important;
	text-transform:none !important;
}
.tablepress tfoot th,
.tablepress thead th {
	color: #fff;
	background-color: #32466b !important;
}

.tablepress tfoot th a,
.tablepress thead th a {
	color: #fff;
	font-weight: 700;
}
.tablepress .odd td {
	background-color: #fff !important;
}

.tablepress .row-hover tr:hover td {
	background-color: #f3f3f3 !important;
}

.dataTables_wrapper {
	margin-bottom: 30px !important;
}
.dataTables_scroll{
	overflow:hidden;
}
.dataTables_scrollBody thead th{
	padding:0!important;
}

.dataTables_scrollBody tbody{
	border:1px solid #ccc;
}
.tablepress-wrapper {
	overflow-x: scroll;
}

td {
	font-size: 16px;
}
@media (max-width: 600px) {
.fancy-table:before,
.dataTables_scroll:before{
content:"Swipe right to see more ➞";
display:block;
width:100%;
text-align:right;
font-size:0.8em;
position:sticky;
top:0;
left:0;
font-weight:700;
}
.fancy-table th,
.fancy-table td,
.tablepress th,
.tablepress td{
		line-height:1.5;
	}
.fancy-table img{
max-width:90px;
}
.fancy-table td, .tablepress td{
padding:7px 5px;
}
.fancy-table tr td:first-child,
.tablepress tr td:first-child{
padding:7px 10px;
}
}