.nav>li>a:focus,
.nav>li>a:hover {
	text-decoration: none;
	background-color: #e5e4e466
}

#collapseSocialButton1,
.facebook-button,
.flipboard-button,
.flipboard-button-header,
.linkedIn-button,
.linkedIn-button-header,
.pinterest-button,
.social-share-button-collapse,
.social-share-button-expand,
.stumbleUpon-button {
	border-radius: 2px;
	cursor: pointer;
	display: inline-block
}

.articletext,
.calenderMonth,
.calenderMonth>li,
.storyholder,
.storypic {
	vertical-align: top
}

#footer ul,
.loginbttn-style,
.namelabel-style,
.padding-0,
.sideNavWidth .container-fluid {
	padding: 0
}
#sidebar{    
	width: 12%;
    float: left;
}
    nav#sidebar ul.components {
    padding: 5px;
    }
    nav#sidebar .topic{    margin-bottom: 10px;}
.social-share-button-holder {
	display: table-row;
	float: left;
	padding-left: .5%
}

.lk-story-img-header,
.pn-story-img,
.primary-button {
	display: table-cell
}

#collapseSocialButton1,
.social-share-button-collapse,
.social-share-button-expand {
	background: #c5c5c5;
	margin-right: 4px;
	position: relative
}

.social-share-button-expand {
	color: #fff;
	height: 42px;
	width: 11%;
	font-size: 31px;
	padding-left: 10px
}

.social-share-button-collapse {
	color: #fff;
	height: 41px
}

.social-arrow-image:hover .footeroverlay {
	width: 60%;
	position: absolute;
	bottom: 0;
	background: #fff;
	left: 0;
	display: inline-block;
	box-sizing: border-box
}

#footerSocialMedia,
.calenderYear {
	list-style: none
}

#footerSocialMedia,
#footerleft a,
#pageCounterDiv li,
#pageCounterDiv li a,
#storytitle,
#storytitle1,
#storytitle_view,
.brand_logo,
.brand_logo a,
.showComment:active,
.showComment:hover,
.showComment:link,
.showComment:visited,
.staticTopicHolder>a,
.topic>a:hover,
.topicHolder>a,
a:hover {
	text-decoration: none
}

@font-face {
	font-family: "Glyphicons Halflings";
	src: url("../fonts/glyphicons-halflings-regular.eot");
	src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg")
}

.article-text-wrapper a.get-this-template {
	background-color: var(--template-blue-theme-color);
	border: 2px solid var(--template-blue-theme-color);
	font-family: inherit
}
@media (min-width: 320px){

	#sidebar {
    width: 100%;
	}
}
@media (min-width: 600px){

	#sidebar {
    width: 50%;
	}
}
@media (min-width: 767px){

	#sidebar {
    width: 30%;
 }
}
@media (min-width: 1024px){

	#sidebar {
    width: 22%;
	}
	
}


@media (max-width:1232px) {
	.article-text-wrapper h1.main-header {
		font-size: 3em
	}

	.article-text-wrapper h2.secondary-header {
		font-size: 1.1em;
		width: 90%
	}

	.article-text-wrapper a.get-this-template {
		margin: 0;
		font-size: .9em
	}

	.bg-container .article-img-wrapper {
		width: 48em
	}

	.bg-container .article-text-wrapper {
		height: 21em;
		padding: 2em
	}
}

@media (max-width:1032px) {
	.bg-container .article-img-wrapper {
		width: 43em
	}

	.bg-container .article-text-wrapper {
		height: 86%;
		margin-top: 4%
	}

	.article-text-wrapper h1.main-header {
		font-size: 2.75em;
		letter-spacing: -1px;
		line-height: 1.3
	}

	.article-text-wrapper h2.secondary-header {
		font-size: 1em;
		letter-spacing: .5px;
		line-height: 1.8;
		width: 100%
	}
}

@media (max-width:958px) {
	.bg-container .article-img-wrapper {
		width: 40em
	}

	.bg-container .article-text-wrapper {
		height: auto;
		margin-top: 12%
	}

	.article-text-wrapper h1.main-header {
		font-size: 3em
	}

	.article-text-wrapper h2.secondary-header {
		font-size: 1.1em
	}
}

@media (max-width:898px) {
	.bg-container .article-img-wrapper {
		width: 38em
	}
}

@media only screen and (max-width:768px) {

	#more_wrapper,
	#profileModal {
		z-index: 19;
		background-color: #fff
	}

	#authorImageSpan,
	#banner img,
	#continueEmailTerms,
	#continueWithEmailBttnDiv,
	#deployStatus>a,
	#fbStoryText,
	#first_name_div br,
	#footerDesc,
	#header,
	#indicator,
	#login_label,
	#menu,
	#newLink,
	#recaptchaError,
	#scrabbl_mobile_user_logout,
	#scrabbl_user_info,
	#second-column-search,
	#signUpHeader,
	#staticArticle,
	#storyHeader,
	#storyImageHeader,
	#topPrimaryButton,
	#twitterStoryText,
	#userLoginErr,
	.articleSummary,
	.authorDetails,
	.display,
	.feild_label_class,
	.hiddenTitle,
	.latestFooter,
	.left-share-arrow,
	.storyshare,
	.topViewedStorySocialIcon,
	.trendyFooter,
	.triangle-up,
	br {
		display: none
	}
	
	#outer-div,
	.authorInfo {
		position: relative
	}

	#welcome,
	.staticTitle>a {
		font-family: inherit
	}

	#welcome,
	.button,
	.moretopic:hover,
	.staticTitle>a {
		text-decoration: none
	}

	.carousel-indicators li {
		width: 6% !important;
		height: 5px !important;
		cursor: pointer !important
	}

	.carousel-indicators .active {
		width: 6% !important;
		height: 5px !important;
		border-radius: 10px !important
	}

	#indicator {
		bottom: 0
	}

	.articleImageHolder {
		width: 100%;
		display: block
	}

	#articleTopic,
	#topicMobileViewInStory,
	.authorProfileHeader {
		display: block
	}

	.articleConatiner {
		min-height: 138px
	}

	.displayArticleSearch {
		display: block;
		margin-top: 30px;
		margin-bottom: 30px
	}

	#copyright,
	#first-column,
	#logo_image,
	#middleReelSection,
	#middleVideoSection,
	#newLink,
	#savedTopics,
	#second-column-story,
	#storytext,
	#user_login_form,
	.authoPprofilePicture,
	.header-search-form,
	.staticTopViewedArticleholder,
	.subscribeForm {
		width: 100%
	}

	#articleSearchWrapper {
		width: 100%;
		background: #e6e7e8;
		padding: 5% 15px 0
	}

	.articleImageHolderSearch {
		width: 100%;
		display: unset
	}

	.articletext {
		float: left;
		width: 100%;
		background: #fff;
		padding: 12px 15px 20px
	}

	.articleImage {
		padding-right: 0;
		padding-left: 0;
		padding-top: 0
	}

	.topViewedArticleholder {
		padding-left: 5%;
		padding-right: 5%
	}

	.error-message-alert {
		right: 0;
		width: 100%;
		top: 140px
	}

	.subscribeSubmitWrapper {
		left: 13px;
		top: 292px;
		width: 87%
	}

	.subscribeEmailWrapper {
		margin-top: 165px
	}

	.subscribeText3Wrapper {
		left: 0;
		width: 100%
	}

	.form-subscribe {
		width: 87%
	}

	.staticTitle>a {
		color: #333;
		font-size: 2.8em;
		text-align: left;
		float: left;
		width: 100%;
		line-height: 1.27
	}

	.authorHeaderWrapper {
		display: flex
	}

	.authorInfo {
		width: 100%;
		padding-left: 16%
	}

	#allArticlesHolder {
		clear: both;
		float: none
	}

	.social-share-button-top {
		padding-left: 0
	}

	#articleSubscribeWrapper input.submitSubscribeForm {
		margin-top: 14px
	}

	#articleSubscribeWrapper {
		background: 0 0;
		padding: 10px 0
	}

	#articleSubscribeWrapper .emailInputDiv {
		text-align: center;
		margin: 0
	}

	#articleSubscribeWrapper .emailInputDiv h1 {
		font-size: 2.7rem;
		line-height: 29px
	}

	.storyBottomAdsLeft,
	.storyBottomAdsRight {
		width: 100%;
		padding-bottom: 6%;
		padding-left: 0
	}

	#subscribeFormDiv {
		display: none;
		height: 395px;
		top: 109px
	}

	.contactUs {
		position: fixed;
		right: 42px;
		top: 21%;
		z-index: 55;
		text-align: center;
		margin-top: -20px
	}

	.page-container {
		padding-top: 25%
	}

	.social-arrow-image {
		position: unset
	}

	#middleAdSection {
		width: 100%;
		padding-bottom: 3%
	}

	.reelContainer {
		width: 93%;
		float: left;
		padding-left: 7%;
		padding-bottom: 4%
	}

	.top-share-text {
		display: block;
		color: transparent;
		padding-top: 4px
	}

	.top-share-text:first-letter {
		display: block;
		color: #fff;
		background: #7b7c80;
		width: 31px;
		margin-left: 49px;
		padding: 2px 7px 3px 8px
	}

	.primary-button-mobile {
		display: block;
		padding-left: 77px;
		padding-top: 6px
	}

	#top-article-share {
		display: none;
		height: 49px
	}

	#banner {
		background-image: url(/images/cms/websitebanner.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		height: 100px
	}

	.staticArticlelist {
		width: 100%;
		display: block;
		margin-left: -6%
	}

	.button,
	.storypic {
		display: inline-block
	}

	.fb-story-img {
		padding: 2px 12px 3px 4px
	}

	.facebook-button {
		padding-left: 8px;
		padding-top: 9px
	}

	.twitter-button {
		padding-left: 4px;
		padding-top: 9px;
		padding-right: 6px;
		margin-right: 6px
	}

	.social-share-button {
		padding-bottom: 31px
	}

	.social-share-button-expand {
		width: 27%;
		font-size: 31px;
		padding-left: 9px
	}

	#storytitle1 {
		width: 100%;
		font-size: 1.5em;
		padding-bottom: 43px
	}

	#storypic_view {
		padding-left: 3px;
		padding-right: 15px
	}

	#storyholder_view {
		margin-left: 5px
	}

	#authorDiv {
		padding-left: 0;
		width: 100%
	}

	#innerAuthorDiv {
		width: 100%;
		display: block;
		padding-top: 12px;
		padding-bottom: 12px
	}

	#viewArticleDiv {
		width: 100%;
		padding-top: 0;
		padding-left: 3%
	}

	#lowerDiv {
		display: block;
		padding-top: 7px
	}

	.midOption {
		margin-left: 8px
	}

	#developedBy,
	#disclaimerFooter {
		width: 100%;
		padding-left: 0
	}

	#footer {
		padding: 10px;
		border: none
	}

	#footermid {
		width: 100%;
		padding-bottom: 37px
	}

	#footerright {
		width: 100%;
		padding: 15px 0
	}

	#footerright li {
		width: 30%;
		padding-bottom: 15px
	}

	#mobileHeaderTab {
		display: block;
		z-index: 1;
		top: 50px
	}

	.navbar-toggle .icon-bar {
		background: #f4e8b8
	}

	#second-column,
	#third-column {
		width: 100%;
		display: none
	}

	#author-column {
		width: 100%;
		border-right: 0 solid #0070a0
	}

	.storypic {
		background: 0 0;
		vertical-align: top;
		width: 100%
	}

	.storyholder {
		width: 100%;
		padding-left: 7%;
		padding-top: 7%;
		padding-bottom: 7%;
		background-color: #fff;
		font-size: 1em
	}

	.latestImage {
		border: 1px solid #d6d6d6;
		width: 100%;
		height: 100%
	}

	#storyAd,
	#storyAdBottom {
		width: 100%;
		padding-top: 6%;
		padding-bottom: 5%
	}

	.adInUpcoming {
		padding-bottom: 8px;
		z-index: 0
	}

	.adInLatest,
	.adInTrendy {
		padding-bottom: 39px;
		z-index: 0
	}

	#adArticleColoumn {
		height: 276px
	}

	#multipleSubscribeDiv {
		position: fixed;
		width: 554px;
		height: 325px;
		z-index: 9948030;
		left: 795px;
		bottom: 0
	}

	.storySubscribeDiv {
		background: #f3f4f4;
		margin-top: 21px;
		margin-bottom: 38px
	}

	#welcome {
		color: #0070a0;
		font-size: 12px;
		line-height: 43px;
		margin: 1px 0 0;
		padding: 0 4px;
		text-transform: uppercase
	}

	#login,
	#logout {
		font-size: 19px;
		width: 3%;
		float: right
	}

	.button {
		background-color: #0070a0;
		border: none;
		color: #fff;
		text-align: center;
		font-size: 11px;
		cursor: pointer
	}

	.triangle-up {
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 10px solid transparent;
		margin-left: 225px
	}

	#domainRegister>label,
	#login>label,
	#logout>label,
	#myProfile>label,
	#ticket>label {
		cursor: pointer;
		line-height: 34px
	}

	#loginPanel {
		z-index: 1000000;
		position: fixed;
		display: none;
		margin: 30% 2% 15% 10%;
		width: 100%
	}

	#loginForm {
		border: 1px solid #a0a0a0;
		height: 25%;
		background: #f7f7f7;
		width: 80%;
		padding: 27px 12px;
		border-bottom: 6px solid #0070a0;
		border-top: 6px solid #0070a0
	}

	#more_wrapper,
	.moreRow {
		border-right: 1px solid #ccc
	}

	.feild_label_class {
		color: #0070a0;
		padding-right: 2%
	}

	.customer_email,
	.customer_password {
		padding-left: 3%;
		padding-right: 3%;
		opacity: 1;
		height: 30px;
		margin-top: 3%;
		color: #555;
		border: 1px solid #ccc;
		outline: 0;
		background-color: #fff
	}

	#domainRegister,
	#more {
		padding-top: 16px;
		height: 100%;
		cursor: pointer
	}

	#login {
		cursor: pointer;
		padding-top: 1%
	}

	#logout,
	#myProfile,
	#ticket {
		display: none;
		cursor: pointer;
		padding-top: 16px
	}

	#mobileLoginPanel {
		margin-left: 55.5%;
		margin-top: 3.33%;
		width: 33%;
		z-index: 19;
		position: absolute;
		display: none
	}

	#logout {
		padding-top: 1%
	}

	#more_wrapper {
		position: fixed;
		width: 30%;
		color: #0070a0;
		display: none;
		margin-top: 3.37%;
		border-bottom: 4px solid #0070a0;
		margin-left: 48%;
		border-left: 1px solid #ccc;
		clear: both
	}

	.moretopic {
		height: 40px;
		width: 100%;
		font-size: 0;
		float: none;
		padding-left: 16%
	}

	.moretopic:hover {
		height: 40px;
		display: block;
		background-color: rgb(206, 206, 206, .31);
		color: #fff;
		cursor: pointer
	}

	.moretopic>a {
		line-height: 34px
	}

	#channelHeading,
	#customerDetails {
		width: 50%
	}

	div#channel,
	div#detailHeading {
		padding-left: 16%;
		color: #777;
		font-size: 17px;
		font-weight: 700
	}

	#profileModal {
		display: none;
		width: 23%;
		height: 175px;
		position: fixed;
		margin-top: 4.37%;
		border: 1px solid #b5b5b5;
		margin-left: 76.9%
	}

	#outerWrapper {
		content: "";
		border: 1px solid #f9f9f9;
		height: 53%;
		padding: 5% 4%;
		background-color: #fbfbf2
	}

	#profilePhoto {
		border: 1px solid grey;
		width: 20%;
		height: 58px;
		border-radius: 100%;
		float: left;
		background-color: #fff
	}

	.profile_modal {
		font-size: 41px;
		padding: 3px;
		background-color: #fbfbf2
	}

	label.profileModalLabel {
		font-weight: 100;
		font-size: 12px
	}

	span.profile_modal {
		color: rgb(187, 187, 187, .88);
		background-color: #fff;
		border-radius: 100%
	}

	#buttonWrapper {
		padding: 3%
	}

	button.profileModalButtons {
		border: none;
		height: 31px;
		width: 42%;
		color: #fff;
		font-size: 11px
	}

	.moreRow {
		height: 100%
	}

	input#emailId:focus,
	input#password:focus {
		box-shadow: 0 0 3px 1px #cedef0;
		border: 1px solid #56b4e8
	}

	.customer_email,
	.customer_password {
		margin-left: 4%;
		width: 84%
	}

	.button {
		padding: 5px 0;
		height: 30px;
		margin: 10px 0 10px 1%;
		width: 38%;
		border-radius: 1px
	}

	#mobile_SignUp_title,
	#mobile_login_form_submit,
	#mobile_login_title,
	#mobile_signUp_form_submit {
		padding: 0 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
		line-height: 44px
	}

	#cancelDiv,
	#signUpFormDiv {
		margin-left: 0
	}

	#cancelDiv,
	#scrabbl_reg_pswd {
		margin-top: 0
	}

	.login-header {
		margin-top: 26px;
		font-weight: 600
	}

	.headerimg-style {
		width: 25%
	}

	.btnwidth-style {
		width: 24%
	}

	.facebookicon-style,
	.googleicon-style {
		width: 5%
	}

	.loginbttn-style {
		padding: 0
	}

	#mobileLoginSignUpDiv {
		display: block;
		width: 100%;
		text-align: center
	}

	#regis_div {
		background: #fff;
		padding-top: 0;
		width: 100%;
		height: 100%;
		max-height: 100%;
		position: fixed;
		bottom: initial;
		left: 0;
		right: 0;
		margin: auto;
		border: 0;
		box-shadow: 0 0 0 transparent;
		top: 0;
		z-index: 1;
		padding-bottom: 26%;
		overflow-y: scroll;
		overflow-x: hidden
	}

	#google_icon {
		float: left
	}

	#logoImg {
		width: 83%;
		margin-right: 15%;
		margin-left: 2%
	}

	#fb_login_div {
		width: 65%
	}

	#email_link_div {
		display: none;
		width: 100%;
		margin-right: 5%;
		margin-left: 76%;
		margin-top: 6%
	}

	.scrabbl_mobile_link {
		color: #999
	}

	#scrabbl_mobile_login {
		margin-right: 3%
	}

	#mobile_view_links {
		display: block;
		width: 100%
	}

	#mobileTermsSpan {
		font-size: 12px;
		color: rgb(155, 155, 155, .5)
	}

	#mobile_login_div,
	#mobile_signup_div {
		width: 50%;
		float: left
	}

	#mobile_policy {
		display: block;
		width: 96%;
		padding: 3% 15%
	}

	#mobile_SignUp_header,
	#mobile_login_form_header {
		display: none;
		position: relative;
		background: #b92b27;
		min-height: 44px;
		width: 100%
	}

	#emailDiv,
	#emailRegis,
	#first_name_div,
	#last_name_div,
	#mobile_name_div,
	#mobile_password_div,
	#mobile_signUpEmail_div,
	#mobile_signUpLastName_div,
	#mobile_signUpName_div,
	#mobile_signUpPassword_div,
	#passwordDiv,
	#scrabbl_reg_pswd {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}

	#mobile_login_label,
	#mobile_passwrd_label,
	#mobile_signUpEmail_label,
	#mobile_signUpPassword_label {
		display: table-cell;
		width: 85px;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px 10px 5px 5px;
		vertical-align: middle
	}

	#mobile_firstName_input,
	#mobile_lastName_input,
	#mobile_login_email,
	#mobile_password_input,
	#mobile_signUpEmail_input,
	#mobile_signUpPassword_input {
		display: table-cell;
		height: 43px;
		width: 100%;
		line-height: 1.4;
		font-size: 15px;
		margin: 0;
		padding: 0;
		border: 0;
		color: #333;
		outline: 0
	}

	#emailDiv::after,
	#emailRegis::after,
	#first_name_div::after,
	#last_name_div::after,
	#mobile_name_div::after,
	#mobile_signUpEmail_div::after,
	#mobile_signUpLastName_div::after,
	#mobile_signUpName_div::after,
	#mobile_signUpPassword_div::after,
	#passwordDiv::after,
	#recaptchaDiv::after,
	#scrabbl_reg_pswd::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}

	#mobile_disclaimer {
		display: block;
		text-align: center;
		padding: 0 15px;
		font-size: 12px;
		outline: 0;
		width: 100%
	}

	#mobile_password_div::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		margin: 0
	}

	#mobile_header_back,
	#mobile_signUp_back {
		float: left;
		margin-right: 10px;
		position: relative;
		background: 0 0;
		border: 0;
		margin-top: 8px;
		margin-left: 14px;
		height: 1px;
		width: 1%;
		outline: 0;
		padding: 0;
		display: inline-block;
		align-items: flex-start;
		text-align: center;
		cursor: default;
		box-sizing: border-box
	}

	#mobile_back_icon,
	#mobile_signUpBack_icon {
		color: rgb(255, 255, 255, .85);
		font-size: 26px;
		width: 1%;
		font-weight: 100
	}

	#mobile_SignUp_title,
	#mobile_login_title {
		display: inline-block;
		float: left;
		max-width: 100%;
		font-size: 16px;
		color: rgb(255, 255, 255, .85);
		font-weight: 500
	}

	#mobile_firstName_label,
	#mobile_lastName_label,
	#nameLabel,
	#scrabbl_pswd,
	#surnameLabel,
	#user_Scrabbl_reg_email {
		display: table-cell;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px 10px 5px 5px;
		vertical-align: middle
	}

	#mobile_login_form_submit,
	#mobile_signUp_form_submit {
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		max-width: calc(100% - 88px);
		color: #fff;
		user-select: none;
		text-decoration: none
	}

	#mobile_firstName_label,
	#mobile_lastName_label {
		width: 30%
	}

	#recaptchaDiv {
		margin-top: 3%;
		margin-left: 1%;
		margin-bottom: 2%
	}

	#mobile_signUp_terms {
		font-size: 12px;
		padding: 0;
		outline: 0;
		text-align: left;
		margin-left: 1.2%;
		display: block
	}

	#nameLabel,
	#scrabbl_pswd,
	#surnameLabel,
	#user_Scrabbl_reg_email {
		width: 88px
	}

	#emailDiv,
	#first_name_div,
	#last_name_div,
	#mobile_disclaimer,
	#passwordDiv {
		visibility: visible
	}

	#row_name,
	#user_inputs {
		visibility: hidden
	}

	::-webkit-input-placeholder {
		color: transparent
	}

	#scrabblRegisImage {
		width: 43%
	}

	.user_container {
		margin-left: 1%;
		width: 97%;
		padding-right: 0
	}
}

@media (max-width:852px) {
	section.blog-custom-banner .bg-container {
		grid-auto-flow: row;
		padding: 0
	}

	.bg-container .article-img-wrapper img {
		height: auto;
		border-top-left-radius: inherit;
		border-bottom-right-radius: inherit;
		box-shadow: unset
	}

	.bg-container .article-img-wrapper {
		height: auto;
		width: auto
	}

	.bg-container .article-text-wrapper {
		width: 100%;
		background-color: unset;
		backdrop-filter: unset;
		margin: 0;
		border: none
	}

	.article-text-wrapper h1.main-header {
		font-size: 2em
	}

	.article-text-wrapper h2.secondary-header {
		font-size: 1em
	}

	.article-text-wrapper a.get-this-template {
		font-size: 1em;
		position: relative
	}
}

#container,
#content {
	position: relative
}

.footerMenu,
.lowerrightOptions,
.staticArticlelist {
	list-style-type: none
}

#middleAdSection,
#middleVideoSection,
#outer-div {
	background-color: #1d1d1d
}

*,
.form-subscribe,
.header-search-submit,
.user_container {
	box-sizing: border-box
}

#emailRegis,
#first_name_div,
#last_name_div {
	padding: 0 0 8px;
	display: block
}

#articleSubscribeWrapper input.submitSubscribeForm,
#innerAuthorDiv,
#subscribeText,
.activeAuthor,
.article-text-wrapper a.get-this-template,
.authorSubHeader,
.follow-website:before,
.header-search-submit,
.mobileTopic,
.signUpLabel,
.subscribeSubmit,
.topicHolder,
.uppercase {
	text-transform: uppercase
}

#gBttn:hover,
.fb-bttn:hover,
button {
	cursor: pointer
}

#loader {
	border: 12px solid #f3f3f3;
	border-radius: 50%;
	border-top: 12px solid #444;
	width: 70px;
	height: 70px;
	animation: 1s linear infinite spin
}

@keyframes spin {
	100% {
		transform: rotate(360deg)
	}
}

#searchArticleDiv {
	padding: 15px
}

.brand_logo img {
	height: 37.5px;
	float: left
}

.brand_logo {
	display: block;
	font-size: 22px;
	width: auto
}

.blog-content .row-container-flex {
	display: flex;
	justify-content: space-between
}

.topbar {
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: inherit
}

#topbar .left-container .container-item {
	float: left;
	margin-right: 15px
}

#topbar .right-container .container-item {
	float: right;
	margin-left: 15px;
	text-align: right
}

.column-header {
	float: left;
	margin-top: 8px;
	width: 100%;
	font-weight: 600;
	font-size: .8em;
	text-align: center
}

#authorStories,
#stories {
	height: 0;
	width: 0;
	background-color: #d6d6d6
}

.articleholder {
	min-height: 115px;
	padding: 0 20px 25px
}

.topRatedArticleholder {
	padding: 2.5% 5% 1%;
	width: 100%
}

.topViewedArticleholder {
	padding-top: 10px;
	padding-left: 7%;
	padding-right: 7%;
	width: 100%
}

.staticTopViewedArticleholder {
	padding-top: 10%;
	display: inline-block;
	white-space: normal;
	width: 150px;
	margin-right: 1%;
	margin-top: 13%
}

.storypic {
	background: 0 0;
	display: inline-block;
	margin-right: 4%;
	width: 27.8%
}

.topRatedStorypic {
	width: 100%;
	float: left
}

.staticTopViewedStorypic,
.topViewedStorypic {
	width: 100%;
	text-align: center;
	float: left
}

.storyholder {
	font-size: 8px;
	display: inline-block;
	width: 66%
}

.topRatedStoryholder {
	float: left;
	text-align: left;
	width: 92%;
	padding-left: 20px;
	background-color: #fff;
	padding-top: 3%;
	padding-bottom: 7%
}

.staticTopViewedStoryholder,
.topViewedStoryholder {
	float: left;
	text-align: left;
	padding-left: 7%;
	padding-top: 7%;
	background-color: #fff;
	font-size: 1em;
	width: 100%
}

.staticTopViewedStoryholder {
	padding-bottom: 7%;
	min-height: 101px
}

.static_column-one {
	width: 100%;
	background-color: #eff0f1
}

.staticTopViewedStorytitle,
.topRatedStorytitle,
.topViewedStorytitle,
.upcomingTitle h6 {
	width: 97%;
	float: left;
	text-align: left;
	text-decoration: none;
	color: #333
}

li.article_nav {
	flex: 0 0 14%
}

.staticArticleTitle {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 80%;
	overflow: hidden
}

#storytitle,
#storytitle_view {
	font-family: inherit;
	color: #333;
	font-size: 1.8em;
	text-align: left;
	float: left;
	width: 100%;
	line-height: 1.27
}

#storytitle1 {
	font-family: inherit;
	color: #333;
	font-size: 2.5em;
	text-align: left;
	float: left;
	font-weight: 400;
	padding-top: 10px;
	line-height: 1.2;
	width: 100%;
	margin-bottom: 10px
}

#articleholder {
	padding: 20px
}

#description {
	font-size: 20px;
	line-height: 1.5
}

.topRatedStorytitle,
.topViewedStorytitle {
	font-family: inherit;
	font-size: 1.5em
}

.upcomingTitle h6 {
	font-size: 1em
}

.staticTopViewedStorytitle {
	font-size: 1.8em
}

#storytext {
	width: 100%;
	padding-left: 15%;
	font-size: 1.5rem;
	color: #555;
	line-height: 1.5
}

.topRatedStorytext {
	width: 84%;
	font-size: 1.2em;
	float: left;
	padding-top: 3%;
	padding-bottom: 3%
}

.topViewedStorytext {
	width: 98%;
	font-size: 1.2em;
	float: left;
	padding-top: 5px
}

#storyViews,
.staticTopViewedStoryViews,
.topRatedStoryViews,
.topViewedStoryViews {
	color: #385b77;
	font-size: 1.1em;
	float: left;
	margin-right: 5px
}

#storyRating,
.staticTopViewedStoryRating,
.topRatedStoryRating,
.topViewedStoryRating {
	float: left;
	font-size: 1.1em;
	color: #385b77
}

#searchbox,
#titletext {
	width: 50%;
	text-align: center;
	color: #fff;
	font-size: 4em
}

.notice {
	color: #ff4271
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	float: right;
	margin-top: 10px;
	border-top: 4px solid #fff;
	margin-left: 5px
}

#welcome {
	font-style: normal;
	font-size: 1.3em;
	color: #fff;
	height: 20px;
	float: left;
	padding: 0 5px 1px 2px
}

#title {
	height: 5em;
	width: 100%
}

#titletext {
	height: 55px;
	background-image: url(/images/GAECMS.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-top: 5px;
	float: left
}

#searchbox {
	padding: 0;
	float: left
}

#comments {
	width: 640px;
	padding: 2em 2em 2em 10em;
	float: left
}

#footer {
	padding-top: 20px;
	color: #777
}

#footerimage img {
	height: 50px;
	width: 100%
}

#footerSocialMedia li {
	display: inline;
	margin-right: 12px
}

.lowerrightOptions {
	float: left;
	color: #a9a9a9;
	padding: 2% 6% 1%;
	font-weight: 900
}

#lowerDiv {
	width: 100%;
	color: #777;
	font-size: 1.1rem;
	letter-spacing: 1px;
	padding-top: 31px
}

.clear-both {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0
}

.email {
	font-size: 16px;
	height: 25px
}

.rating,
.staticTopViewedRating,
.topRatedRating,
.topViewedRating {
	overflow: hidden;
	display: inline-block
}

.rating-star {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	background: url(/images/newStar.png) 0 -16px
}

.hoverStar,
.rating-star:hover,
.rating-star:hover~.rating-star {
	background-position: 0 0
}

.commentLabel {
	font-size: 20px;
	float: left;
	height: 28px;
	background-color: #000;
	color: #fff;
	padding: 5px;
	margin-top: 5px
}

.commentRecord,
.showComment:link {
	color: #000;
	font-weight: 700;
	font-size: 15px
}

.sign-in-link {
	float: left;
	height: 28px;
	padding-top: 5px
}

.fbLink,
.gPlusLink,
.linkedInLink,
.twitterLink {
	display: block;
	width: 40px;
	height: 40px;
	margin-left: 2px;
	float: left
}

.commentRecord {
	float: left;
	background-color: #fff
}

.fbLink {
	background: url(/images/links/fbPic.png) no-repeat
}

.twitterLink {
	background: url(/images/links/twitterPic.png) no-repeat;
	margin-top: 5px
}

.gPlusLink {
	background: url(/images/links/gPlusPic.png) no-repeat
}

.linkedInLink {
	background: url(/images/links/linkedInPic.png) no-repeat
}

.showComment:link {
	font-stretch: ultra-expanded
}

.showComment:visited {
	color: #2f77b8
}

.showComment:active {
	color: #000
}

.showComment:hover {
	color: #f90
}

.separator {
	height: 1px;
	background-color: #2aa4cf
}

.commentTxt {
	color: #555;
	float: left;
	width: 100%;
	clear: both;
	background-color: #fff;
	border: 1px solid #fff;
	text-align: left;
	font-size: 15px
}

#pageCounterDiv li {
	text-align: center;
	display: inline;
	float: left;
	width: auto;
	padding: 3px 2px;
	font-size: 12px;
	font-size-adjust: inherit;
	font-weight: 700;
	color: #2b2b2b;
	background: #f3f3f3;
	margin: 3px 2px 0 1px;
	border: 1px solid #dcdcdc
}

#pageCounterDiv li a {
	text-align: center;
	color: #2b2b2b;
	padding: 0 3px
}

#pageCounterDiv li a:active,
#pageCounterDiv li a:hover {
	text-decoration: underline;
	text-align: center;
	color: #2b2b2b
}

#pageCounterDiv li:hover {
	color: #333;
	border-color: #fff;
	box-shadow: 0 2px 0 rgb(0, 0, 0, .2);
	background-color: #fff
}

.prevNextBtn {
	float: left;
	border: 1px solid #d6d6d6;
	background-color: #f3f3f3;
	color: #2aa4cf;
	font-size: 15px;
	width: auto;
	height: 26px;
	margin-top: 3px;
	margin-right: 3px;
	padding-bottom: 2px
}

.prevNextBtn:hover {
	border: 1px solid #2aa4cf
}

#header>inner_menu {
	color: #fff;
	height: 44px;
	line-height: 44px;
	margin: auto;
	max-width: 1440px;
	padding: 0;
	font-size: 1.1rem
}

#site-footer-wrapper {
	background: #fff;
	box-shadow: 0 1px 3px #aaa inset;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

#viewArticleDiv {
	float: left;
	width: 70%
}

.contentHolder-articleheader {
	float: left;
	width: 100%;
	height: 82px;
	background-color: #f6f5f2
}

.topRatedStoryholder>a:hover,
.upcomingTitle>h6>a:hover {
	text-decoration: underline;
	color: #333
}

.storyholder>a:hover,
.topicHolder>a:hover {
	text-decoration: underline
}

.space {
	width: 100%;
	height: 14px
}

#outer-div {
	width: 100%;
	display: table
}

.column-strip {
	float: left;
	background-color: #fff;
	display: table-cell
}

#container {
	width: 100%;
	height: 100px
}

#infoi,
#navi {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

#infoi {
	z-index: 10
}

#innerAuthorDiv {
	font-family: inherit;
	color: #555;
	font-size: 11px;
	padding-top: 9%;
	font-weight: 800;
	display: table-caption
}

#authorDiv,
.alignment-style,
.googleicon-style {
	float: left
}

.staticArticlelist {
	width: 96%;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden
}

.staticTitle {
	font-size: 8px
}

#inner_titletext {
	width: 12%;
	float: left;
	height: 44px;
	padding-top: .3%;
	padding-left: .5%
}

#storyholder_view {
	padding-top: 6%;
	padding-right: 20px;
	width: 100%;
	margin-left: 15px;
	margin-bottom: 10px;
	float: left;
	text-align: left;
	margin-top: 6px;
	background-color: #fff;
	font-size: 8px
}

#footerright li a {
	color: #aaa
}

#footerright li a:hover {
	background-color: #fff;
	color: #555
}

.header-search-form {
	height: 100px;
	position: fixed;
	right: 0;
	top: 45px;
	width: 640px;
	z-index: 1000;
	display: none
}

.ie-search-wrapper {
	left: 9px;
	position: absolute;
	right: 115px;
	top: 43px
}

.header-search {
	border: 0;
	margin-bottom: 15px;
	padding: 5px 10px 4px;
	width: 100%;
	font-size: 1.6rem;
	border-bottom: 1px solid #ccc;
	border-radius: 0
}

#first_name_div,
.flipboard-button {
	margin-right: 2%
}

#emailDiv,
.topicHolder {
	margin-bottom: 2%
}

#articleSearchWrapper {
	width: 75%;
	min-height: 500px
}

.top-share-button {
	left: 9%;
	padding-bottom: 0;
	position: relative;
	white-space: nowrap;
	float: left;
	background-color: red;
	width: 90%
}

.top-article-share {
	height: 43px;
	position: fixed;
	top: 0;
	width: 100%;
	border-spacing: 3px;
	z-index: 500;
	background-color: #fff;
	box-shadow: 0 0 12px #ccc
}

.social-share-logo {
	top: 0;
	position: fixed;
	height: 22px;
	font-weight: 700;
	font-size: x-large;
	color: #7b7c80;
	margin-left: 1%;
	padding-top: .5%;
	padding-right: 3%
}

.twitter-share-text {
	font-weight: 700;
	color: #333;
	padding-right: 4px
}

.fbshareButtonLike,
.googleshareButton {
	display: inline-block;
	font-size: 11px;
	line-height: 1.7;
	font-family: inherit;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap
}

.lk-share-text {
	padding-left: 5px;
	padding-right: 3px
}

.lkshareButton:hover {
	color: #0076a3;
	text-decoration: none
}

.googleshareButton {
	text-indent: 1px;
	color: #dd4c39;
	border: 1px solid #ccc;
	border-top-color: #e0e0e0;
	border-left-color: #e0e0e0;
	background: linear-gradient(#fff, #e0e0e0);
	padding: 0 3px;
	border-radius: 3px
}

.google-share-text {
	padding-right: 3px;
	padding-left: 5px
}

.googleshareButton:hover {
	border-color: #999;
	text-decoration: none;
	cursor: pointer
}

.fb-share-text-like {
	color: #3b579d;
	padding-right: 4px
}

.fbshareButtonLike:hover {
	border-color: #9dacce;
	background: #eceef5
}

.fbshareButtonLike {
	background-color: #fff;
	height: 21px;
	border-radius: 3px
}

.topRatedStoryholderWrapper {
	float: left;
	text-align: left;
	width: 100%;
	background-color: #fff;
	padding-left: 0;
	font-family: inherit
}

.topViewedStorySocialIcon {
	float: left;
	text-align: left;
	width: 100%;
	background-color: #fff;
	font-size: 1em
}

.story-header-image {
	content: "";
	position: absolute;
	left: 0;
	height: 0
}

.story-page-header h2 {
	font-size: 17px;
	color: #8a8c8e;
	display: table-cell;
	width: 0%;
	float: left;
	padding-top: .5%
}

.follow-website:before {
	content: "Follow >";
	position: relative;
	top: 22px;
	font-size: 9px;
	color: #555;
	left: 417px
}

.follow-website {
	right: 0;
	top: 0;
	width: 2%;
	z-index: 5;
	color: #555;
	font-family: inherit;
	display: table-cell
}

.left-share-arrow,
.storyshare {
	display: table-column;
	position: absolute
}

.storyshare {
	background: #f6f5f1;
	height: 0;
	left: 25px;
	opacity: 0;
	padding: 0
}

.storyshare:hover {
	height: auto;
	opacity: 1;
	width: 3%
}

.social-share-button {
	padding-top: 15px;
	padding-bottom: 15px
}

#secondaryShareButton,
#secondaryShareButton1 {
	display: inline-table;
	padding-left: 0
}

.left-share-arrow {
	padding-top: .4%;
	padding-left: .2%
}

.page-container {
	background-color: #f6f5f2;
	padding-top: 5%;
	padding-bottom: 1%
}

.story-upcoming {
	float: left;
	width: 30%
}

#inner {
	overflow: hidden;
	width: 45%;
	position: absolute;
	bottom: 0
}

.social-arrow-image {
	position: relative;
	display: inline-block;
	width: 100%
}

#articleTopic,
#billDetails,
#customerSubscription,
#deployStatus,
#mobileHeaderTab,
#mobile_SignUp_header,
#mobile_disclaimer,
#mobile_login_form_div,
#mobile_login_form_header,
#mobile_login_label,
#mobile_name_div,
#mobile_password_div,
#mobile_passwrd_label,
#mobile_policy,
#mobile_signUp_terms,
#mobile_view_links,
.displayArticleSearch,
.emailregistration-style,
.footeroverlay,
.hide-carousel,
.primary-button-mobile {
	display: none
}

.topicHolder {
	color: #8a8c8e;
	display: block;
	font-weight: 700;
	font-size: 10px;
	font-family: inherit
}

.story-fb-share {
	padding-left: 6%;
	padding-bottom: 6%;
	padding-top: 9%;
	width: 13%;
	float: left
}

.fb-story-text {
	display: table-cell;
	padding-top: 6.5%;
	padding-right: 8px
}

.tw-story-text {
	display: table-cell;
	padding-top: 8%;
	padding-left: 5px;
	padding-right: 11px
}

.flip-story-img,
.su-story-img {
	display: table-cell;
	padding-left: 5%;
	padding-right: 4%
}

.fb-story-img-header {
	padding-left: 8px;
	display: table-cell;
	padding-right: 4px
}

.fb-story-text-header {
	display: table-cell;
	padding-right: 6px;
	padding-left: 1px
}

.tw-story-img-header {
	display: table-cell;
	padding-left: 4px;
	padding-right: 4px
}

.tw-story-text-header {
	display: table-cell;
	padding-right: 7px
}

#collapseSocialButton1 {
	color: #fff;
	height: 42px;
	width: 3%;
	font-size: 33px;
	padding-left: 0
}

.social-share-button-top {
	padding-top: 0;
	padding-bottom: 0;
	white-space: nowrap;
	padding-left: 8.5%;
	float: left
}

.flipboard-button-header {
	background-color: #e12828;
	margin-right: 9%
}

.linkedIn-button-header {
	background: #0074a1;
	height: 38px;
	margin-right: 9%
}

.pinterest-button-header,
.stumbleupon-button-header {
	height: 41px;
	margin-right: 9%;
	border-radius: 2px;
	display: inline-block;
	cursor: pointer
}

.pinterest-button-header {
	background: #ca212a;
	color: #fff;
	position: relative
}

.stumbleupon-button-header {
	background: #fff
}

.social-share-button-collapse-header {
	background: #c5c5c5;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 42px;
	margin-right: 4px;
	position: relative;
	width: 30%;
	font-size: 33px;
	padding-left: 6%
}

#inner_regis_div,
#logoImage,
#reg_scroll,
#toggleHeader,
.content-row,
.header-row,
.innerscroller,
.item img {
	width: 100%
}

#allArticlesHolder {
	float: left;
	clear: both;
	width: 100%
}

#mobileHeader {
	background: #535a63;
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	top: 0;
	z-index: 999;
	width: 60%
}

.mobileTopic {
	border-bottom: 1px solid #656b74;
	display: block;
	z-index: 10001;
	line-height: 44px;
	text-align: left;
	padding-left: 22px
}

#topHeader {
	display: block;
	width: 100%;
	position: fixed;
	z-index: 1
}

#inner_titletext_mobile {
	float: left;
	text-align: left;
	display: inline-block;
	height: 43px;
	padding: 6px;
	width: 49%
}

#expandTopicInMobile {
	font-size: 31px;
	float: left;
	padding: 1px;
	width: 11%
}

.pushHeaderIcon {
	transform: translate(212px, 0);
	z-index: 0
}

.headerTab {
	overflow: hidden;
	background: linear-gradient(#f0f0f0, #e0e0e0);
	position: fixed;
	width: 100%;
	top: 0
}

.headerTab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: 0;
	cursor: pointer;
	transition: .3s;
	font-size: 14px;
	color: #888;
	display: block;
	padding: 11px 17px 7px
}

.headerTab button:hover {
	background-color: #ddd
}

.headerTab button.active {
	background-color: #ccc
}

#author-column {
	width: 52%;
	background-color: #fff
}

.authorHeaderWrapper {
	padding: 30px;
	width: 100%;
	min-height: 260px;
	background-color: #f6f5f2;
	border-bottom: 1px solid #bfbdbd
}

.authorProfileHeader {
	float: left;
	width: 100%
}

.authoPprofilePicture {
	width: 20%
}

.authorInfo {
	width: 25%
}

.authorInfoDetails {
	font-size: 3em;
	text-align: left;
	float: left;
	text-decoration: none;
	font-weight: 500;
	padding-top: 1.7%;
	line-height: 1.2
}

.authorInfoDetails>a {
	font-family: inherit;
	font-weight: 600;
	color: #333
}

.authorSubHeader {
	position: relative;
	top: -1px;
	padding: 0 30px;
	margin-top: 0;
	border-bottom: 0;
	margin-left: 0;
	list-style: none;
	font-size: 10px;
	line-height: 1.5;
	color: #555
}

.activeAuthor {
	font: 12px ProximaNovaRegular, Arial, sans-serif;
	float: left;
	background: #f6f5f2;
	border-bottom: 1px solid #bfbdbd;
	border-right: 1px solid #bfbdbd;
	border-left: 1px solid #bfbdbd
}

.activeAuthor>a {
	border-top: 0;
	position: relative;
	display: block;
	padding: 10px 15px
}

#middleReelSection {
	width: 76%;
	padding: 1.1%;
	background-color: #121212
}

.reelContainer {
	width: 33%;
	float: left
}

#middleVideoSection {
	width: 46.2%
}

.latestImage {
	border: 1px solid #d6d6d6;
	width: 100%;
	height: 78px
}

.subscribeForm {
	padding: 1px;
	top: 7%;
	position: fixed;
	right: 0;
	color: #fff;
	background: url(https://storage.googleapis.com/giffy-appscale.appspot.com/5726309573459968) center bottom/cover #000;
	z-index: 999;
	bottom: 392px;
	width: 554px;
	height: 325px;
	overflow: hidden;
	margin: 0
}

.storyBottomAdsLeft,
.storyBottomAdsRight {
	width: 50%;
	float: left
}

#subscribeText {
	font-family: inherit;
	font-weight: 700;
	font-size: 2em;
	letter-spacing: 15px;
	text-align: center
}

.subscribeEmailWrapper {
	margin-top: 139px;
	left: 15px;
	height: 50px
}

#subscribe-error_close {
	color: #dd3b38;
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	float: right;
	cursor: pointer;
	margin-top: -2px
}

#cancelSubscribe {
	float: right;
	padding: 1px 11px 1px 1px
}

.error-message-alert {
	display: none;
	width: 35%;
	right: 43px;
	border-radius: 3px;
	padding: 12px 15px;
	margin: 0;
	text-align: left;
	position: fixed;
	top: 83px;
	color: red;
	background-color: #fff4f4;
	border: 1px solid #d58a8a;
	font-size: 13px;
	line-height: 18px;
	z-index: 10001;
	white-space: nowrap;
	font-weight: 400
}

#subscribeText1,
#subscribeText3,
.subscribeSubmit {
	font-style: normal;
	text-align: center;
	font-family: inherit;
	text-decoration: none
}

.subscribe-error-message {
	color: #d58a8a;
	font-size: inherit;
	line-height: inherit
}

#subscribeText1 {
	font-weight: 700;
	font-size: 28px;
	color: #1bb8b7
}

#subscribeText3,
.subscribeSubmit {
	color: #fff
}

.subscribeText1Wrapper {
	display: block;
	position: absolute;
	left: 0;
	top: 95px;
	width: 100%;
	height: 38px
}

#subscribeText3 {
	font-weight: 400;
	font-size: 22px
}

.subscribeText3Wrapper {
	display: block;
	position: absolute;
	left: 59px;
	top: 134px;
	width: 80%;
	height: 74px
}

.subscribeSubmitWrapper {
	display: block;
	position: absolute;
	left: 367px;
	top: 216px;
	width: 142px;
	height: 42px;
	z-index: 9000
}

.subscribeSubmit {
	font-weight: 700;
	font-size: 14px;
	border-style: none;
	border-width: 0;
	background: #1bb8b7;
	width: 100%;
	height: 100%;
	cursor: pointer;
	margin-left: 3%
}

.form-subscribe {
	border: 1px solid #ccc;
	border-radius: 0;
	background: #fff;
	font-weight: 400;
	font-style: italic;
	text-decoration: none;
	text-align: left;
	color: #000;
	width: 60%;
	height: 42px;
	overflow: hidden;
	padding-left: 6px;
	padding-right: 5px;
	float: left;
	margin-left: 6%
}

.follow-website-header {
	right: 0;
	top: 0;
	z-index: 5;
	color: #555;
	display: table-cell;
	padding-left: 24px
}

.articleCalender,
.calenderMonth>li>a,
.calenderYear>li>a {
	display: inline-block;
	padding: 4px 10px
}

.follow-website-header h2 {
	font-size: 17px;
	color: #8a8c8e;
	display: table-cell;
	float: left;
	padding-top: .5%
}

.articleCalender {
	background: #56d1ff;
	margin: 30px 0
}

.calenderWrapper {
	text-align: center;
	padding: 0 30px
}

.calenderYear {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center
}

.calenderYear>li>a {
	border-right: 3px solid #00aeef;
	background: #56d1ff
}

.calenderYear>li {
	display: block;
	border-bottom: 1px solid #00aeef
}

.calenderMonth {
	display: inline-block;
	margin: 0;
	padding: 0
}

#facebook_icon,
#google_icon,
.calenderMonth>li,
.fb-bttn {
	display: inline-block
}

.beforeFooter {
	width: 100%;
	height: 57px;
	background-color: #f4f4f4
}

.articleImageHolder {
	width: 19%;
	display: table-cell
}

.articleImageHolderSearch {
	width: 29%
}

.articleImage {
	width: 100%;
	float: left;
	padding-left: 10%;
	padding-right: 11%
}

.articletext {
	font-family: inherit;
	color: #333;
	font-size: 1em;
	text-align: left;
	display: table-cell;
	width: 80%
}

.authorDetails {
	color: #aaa;
	font: 12px ProximaNovaRegular, Arial, sans-serif
}

#signUpHeader,
.article-text-wrapper h1.main-header,
.continueEmailSpan,
.fbBttnCaption,
.gBttnCaption {
	font-family: inherit;
	font-family: inherit
}

.articleSummary {
	font-size: 1.5rem;
	margin: .5em 0
}

.article_pagination a,
.article_pagination em,
.article_pagination span {
	display: inline-block;
	padding: 6px 10px;
	border: 1px solid #00aeef;
	background: #0abcff;
	color: #fff;
	text-align: center;
	margin: 20px 0;
	font: 13px ProximaNovaRegular, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none
}

.article_pagination a:hover {
	background: #009bd6;
	text-decoration: none
}

#middleAdSection {
	width: 23.8%;
	margin-top: 1.1%
}

#articleSubscribeWrapper {
	margin: 0 30px;
	padding: 41px 0 0;
	background: url(https://storage.googleapis.com/scrabbl-com.appspot.com/5635649726054400) left bottom/177px no-repeat;
	height: 321px
}

#articleSubscribeWrapper .emailInputDiv h1 {
	font-family: ProximaNovaRegular;
	font-weight: 400;
	font-size: 3.7rem;
	line-height: 37px;
	color: #e37047
}

#articleSubscribeWrapper .emailInputDiv h3 {
	font-family: ProximaNovaRegular;
	color: #000;
	font-size: 1.3rem;
	margin-top: 0;
	margin-bottom: 28px;
	font-weight: 700
}

#articleSubscribeWrapper .emailInputDiv {
	font-size: 0;
	margin-left: 210px
}

#articleSubscribeWrapper .emailInputDiv input.emailField {
	border-radius: 2px;
	font-size: 1.2rem;
	font-weight: 400;
	display: inline-block;
	padding: 15px;
	height: 39px;
	border: none;
	width: 229px
}

#articleSubscribeWrapper input.submitSubscribeForm {
	background-color: #e37047;
	border: none;
	color: #fff;
	padding: 12px 24px;
	font-size: 1.2rem;
	font-family: ProximaNovaRegular, sans-serif
}

#indicator {
	top: 100%;
	margin-top: .7%;
	margin-left: 0;
	left: 20.6%
}

.arrow-iconleft {
	position: absolute;
	bottom: 46%;
	margin-left: 2%
}

.arrow-iconright {
	position: absolute;
	bottom: 46%;
	right: 39%
}

.carousel-controls {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgb(0, 0, 0, .6);
	background-color: rgb(0, 0, 0, 0);
	opacity: .5
}

.carousel-controls.right {
	right: 0;
	left: auto;
	background-image: linear-gradient(to right, rgb(0, 0, 0, .0001) 0, rgb(0, 0, 0, .5) 100%);
	background-repeat: repeat-x
}

.carousel-controls.left {
	background-image: linear-gradient(to right, rgb(0, 0, 0, .5) 0, rgb(0, 0, 0, .0001) 100%);
	background-repeat: repeat-x
}

.carousel-controls:focus,
.carousel-controls:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9
}

#videoHolder,
.outerscroller {
	width: 100%;
	height: 100%
}

#videoTag {
	width: 100%;
	height: 723px
}

.removePageContainer {
	padding-top: 0 !important
}

#videoDiv {
	width: 100%;
	height: 570px
}

#facebook_icon,
#google_icon {
	width: 42px;
	height: 28px;
	margin-left: 1%
}

@media only screen and (min-width:768px) {

	#profileModal::before,
	form#loginForm::before {
		border-color: transparent transparent transparent #000;
		border-width: 11px
	}

	form#loginForm::after {
		bottom: 100%;
		border-color: transparent transparent transparent #f5f5f5;
		border-width: 11px;
		left: 68.1%
	}

	form#loginForm::before {
		bottom: 100%
	}

	#profileModal::after {
		border-color: transparent transparent transparent #fff;
		border-width: 11px
	}

	#profileModal::after,
	#profileModal::before {
		content: "";
		display: block;
		position: absolute;
		left: 90%;
		width: 0;
		height: 0;
		border-style: solid;
		bottom: 99.9%;
		transform: rotate(270deg)
	}
}

#user_register_div {
	float: right
}

.reg-close {
	margin-top: 5px
}

.reg-para {
	margin-top: 20px
}

#cancelDiv,
.googlediv-style {
	margin-top: 15px
}

.mobile-style {
	border-right: 1px solid #e4e4e4
}

.facebookbttn-style {
	width: 100%;
	background-color: #507cc0
}

.facebookicon-style {
	float: left;
	width: 10%
}

.googlebttn-style {
	width: 100%;
	background-color: #df4930
}

.headerimg-style {
	width: 17%;
	margin-left: auto;
	padding-bottom: 33px;
	padding-top: 20px
}

.changeBorderColor,
.error-style {
	border: 1px solid #dc4729
}

.parafont-style {
	font-size: 12px
}

.g-recaptcha {
	transform: scale(.91);
	transform-origin: 0 0
}

.headermargin-style {
	margin-left: 1px
}

#regis_div {
	position: relative;
	background: #fff;
	border: 1px solid #e2e2e2;
	box-shadow: 0 0 5px #888;
	border-radius: 4px;
	padding-top: 0;
	width: 50%;
	left: 0;
	right: 0;
	margin: auto auto 2%;
	top: 9%;
	z-index: 1;
	padding-bottom: 3%
}

.columnmargin-style {
	margin-bottom: 10px
}

#user_form_footer {
	padding: 5%;
	border-top: 1px solid #e2e2e2;
	background: #f7f7f7
}

.user_container {
	padding-right: 32px;
	float: left;
	width: 50%;
	line-height: 1.4
}

#user_login_form {
	border-left: 1px #eee
}

#login_label {
	margin-right: 68%;
	font-weight: 700;
	margin-bottom: 8px
}

#logo_image {
	width: 100%;
	padding: 2%;
	height: 80px
}

#logoImg {
	width: 44%
}

#loggedInUserImg,
#userMailLink {
	font-size: 13px
}

#termsConditions {
	font-size: 13px;
	color: #999
}

#email_link_div {
	width: 100%;
	text-align: left
}

#signUpHeader {
	margin: 0 0 5% 8%;
	padding: 0;
	color: #333;
	display: block;
	font-size: 18px
}

.signUpLabel {
	line-height: 27px;
	font-size: 11px;
	color: #666;
	letter-spacing: .5px;
	font-weight: 700
}

#first_name_div,
#last_name_div {
	width: 49%;
	float: left
}

#scrabbl_pswd,
#user_Scrabbl_reg_email {
	margin-right: 85%
}

#recaptchaDiv {
	margin-top: 16%
}

#nameLabel,
#surnameLabel {
	margin-right: 44%
}

#continueEmailTerms {
	margin-top: 3%;
	text-align: left
}

.continueEmailSpan {
	color: #999;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4
}

#scrabbl_reg_pswd {
	margin-top: 8%
}

#continueWithEmailBttnDiv {
	margin-top: 2%;
	float: right;
	margin-right: 6%
}

#signUpFormDiv {
	margin-left: 8%
}

#reg_outer_div {
	display: none;
	width: 100%;
	height: 100%
}

#show_error_message {
	display: none;
	background-color: #5b6770;
	color: #fff;
	width: 100%;
	font-weight: 500
}

#image_div,
.modal_class {
	top: 0;
	overflow: hidden;
	background-color: #000;
	height: 100%
}

#error_message_span {
	color: red;
	font-size: 18px
}

#email_err,
#last_name_err,
#name_err,
#password_err {
	color: red;
	display: none;
	font-size: 80%;
	float: left
}

#image_div {
	position: fixed;
	z-index: 6;
	padding-top: 0;
	left: 0;
	width: 100%;
	max-height: 100%;
	background-color: rgb(0, 0, 0, .5);
	overflow-y: scroll
}

#image_div::-webkit-scrollbar {
	display: none
}

.modal-header {
	border-bottom: none;
	position: relative
}

.modal-footer {
	border-top: none
}

.modal-header .close {
	top: 5px;
	position: absolute;
	right: 10px
}

.modalLeft {
	left: 0
}

.modalLeft .modal-content {
	height: 100vh;
	width: 65%
}

.modalLeft .modal-dialog,
.modalRight .modal-dialog {
	margin: 0;
	height: 100vh
}

.modalRight {
	right: 0;
	left: auto;
	padding-right: 0 !important
}

.modalRight .modal-content {
	height: 100vh;
	width: auto
}

.modalbottom .modal-dialog {
	width: 100%;
	position: fixed;
	bottom: 0;
	margin-bottom: 0
}

.modal_class {
	display: none;
	position: fixed;
	z-index: 10000000;
	padding-top: 180px;
	left: 0;
	width: 100%;
	background-color: rgb(0, 0, 0, .4)
}

.scrabbl_err_modalContent {
	background-color: #fefefe;
	margin: auto;
	padding: 50px;
	border: 1px solid #888;
	width: 77%
}

#err_modal_cancel_link {
	width: 100%;
	font-weight: 700;
	float: left;
	padding: 12px 0;
	color: #333;
	outline: 0;
	user-select: none;
	text-decoration: none;
	margin: 0
}

.deactiveStyle {
	opacity: .5;
	pointer-events: none
}

#scrabblRegisImage {
	width: 31%;
	height: 100px;
	float: left;
	margin-left: 2%
}

#scrabbl_user_logout {
	display: none;
	float: right
}

#scrabbl_user_info {
	display: none;
	padding: 1.1%;
	float: right;
	text-transform: lowercase;
	font-size: 13px
}

#google_icon {
	background: url("/images/RedGoogle_FI .png") 5px 50% no-repeat;
	vertical-align: middle
}

.fbBttnCaption,
.gBttnCaption {
	display: inline-block;
	vertical-align: middle;
	padding-left: 0;
	padding-right: 42px;
	margin-right: 13%;
	font-size: 13px;
	font-weight: 700
}

.fb-bttn {
	color: #fff;
	width: 100%;
	border-radius: 3px;
	white-space: nowrap;
	margin-bottom: 16px;
	font-size: 16px;
	background: #4080ff
}

#facebook_icon {
	background: url(/cms/facebook_mod_img.png) 5px 50% no-repeat;
	vertical-align: middle
}

#nonActiveUserAlert,
#reEnterPswdErr,
#successfulRegMsg,
#userLoginErr {
	display: none;
	float: left;
	font-size: 80%;
	color: red
}

#recaptchaError {
	display: none;
	font-size: 80%;
	color: red
}

#mobileLoginSignUpDiv {
	display: none
}

.btnwidth-style {
	width: 28%
}

@media only screen and (max-width:768px) {

	#more_wrapper,
	#profileModal {
		z-index: 19;
		background-color: #fff
	}

	#authorImageSpan,
	#banner img,
	#continueEmailTerms,
	#continueWithEmailBttnDiv,
	#deployStatus>a,
	#fbStoryText,
	#first_name_div br,
	#footerDesc,
	#header,
	#indicator,
	#login_label,
	#menu,
	#newLink,
	#recaptchaError,
	#scrabbl_mobile_user_logout,
	#scrabbl_user_info,
	#second-column-search,
	#signUpHeader,
	#staticArticle,
	#storyHeader,
	#storyImageHeader,
	#topPrimaryButton,
	#twitterStoryText,
	#userLoginErr,
	.articleSummary,
	.authorDetails,
	.display,
	.feild_label_class,
	.hiddenTitle,
	.latestFooter,
	.left-share-arrow,
	.storyshare,
	.topViewedStorySocialIcon,
	.trendyFooter,
	.triangle-up,
	br {
		display: none
	}

	#outer-div,
	.authorInfo {
		position: relative
	}

	#welcome,
	.staticTitle>a {
		font-family: inherit
	}

	#welcome,
	.button,
	.moretopic:hover,
	.staticTitle>a {
		text-decoration: none
	}

	.carousel-indicators li {
		width: 6% !important;
		height: 5px !important;
		cursor: pointer !important
	}

	.carousel-indicators .active {
		width: 6% !important;
		height: 5px !important;
		border-radius: 10px !important
	}

	#indicator {
		bottom: 0
	}

	.articleImageHolder {
		width: 100%;
		display: block
	}

	#articleTopic,
	#topicMobileViewInStory,
	.authorProfileHeader {
		display: block
	}

	.articleConatiner {
		min-height: 138px
	}

	.displayArticleSearch {
		display: block;
		margin-top: 30px;
		margin-bottom: 30px
	}

	#authorDiv,
	#copyright,
	#first-column,
	#logo_image,
	#middleReelSection,
	#middleVideoSection,
	#newLink,
	#savedTopics,
	#second-column-story,
	#storytext,
	#user_login_form,
	.authoPprofilePicture,
	.header-search-form,
	.staticTopViewedArticleholder,
	.subscribeForm {
		width: 100%
	}

	#articleSearchWrapper {
		width: 100%;
		background: #e6e7e8;
		padding: 5% 15px 0
	}

	.articleImageHolderSearch {
		width: 100%;
		display: unset
	}

	.articletext {
		float: left;
		width: 100%;
		background: #fff;
		padding: 12px 15px 20px
	}

	.articleImage {
		padding-right: 0;
		padding-left: 0;
		padding-top: 0
	}

	.topViewedArticleholder {
		padding-left: 5%;
		padding-right: 5%
	}

	.error-message-alert {
		right: 0;
		width: 100%;
		top: 140px
	}

	.subscribeSubmitWrapper {
		left: 13px;
		top: 292px;
		width: 87%
	}

	.subscribeEmailWrapper {
		margin-top: 165px
	}

	.subscribeText3Wrapper {
		left: 0;
		width: 100%
	}

	.form-subscribe {
		width: 87%
	}

	.staticTitle>a {
		color: #333;
		font-size: 2.8em;
		text-align: left;
		float: left;
		width: 100%;
		line-height: 1.27
	}

	.authorHeaderWrapper {
		display: flex
	}

	.authorInfo {
		width: 100%;
		padding-left: 16%
	}

	#authorDiv,
	.social-share-button-top {
		padding-left: 0
	}

	#allArticlesHolder {
		clear: both;
		float: none
	}

	#articleSubscribeWrapper input.submitSubscribeForm {
		margin-top: 14px
	}

	#articleSubscribeWrapper {
		background: 0 0;
		padding: 10px 0
	}

	#articleSubscribeWrapper .emailInputDiv {
		text-align: center;
		margin: 0
	}

	#articleSubscribeWrapper .emailInputDiv h1 {
		font-size: 2.7rem;
		line-height: 29px
	}

	.storyBottomAdsLeft,
	.storyBottomAdsRight {
		width: 100%;
		padding-bottom: 6%;
		padding-left: 0
	}

	#subscribeFormDiv {
		display: none;
		height: 395px;
		top: 109px
	}

	.contactUs {
		position: fixed;
		right: 42px;
		top: 21%;
		z-index: 55;
		text-align: center;
		margin-top: -20px
	}

	.page-container {
		padding-top: 25%
	}

	.social-arrow-image {
		position: unset
	}

	#middleAdSection {
		width: 100%;
		padding-bottom: 3%
	}

	.reelContainer {
		width: 93%;
		float: left;
		padding-left: 7%;
		padding-bottom: 4%
	}

	.top-share-text {
		display: block;
		color: transparent;
		padding-top: 4px
	}

	.top-share-text:first-letter {
		display: block;
		color: #fff;
		background: #7b7c80;
		width: 31px;
		margin-left: 49px;
		padding: 2px 7px 3px 8px
	}

	.primary-button-mobile {
		display: block;
		padding-left: 77px;
		padding-top: 6px
	}

	#top-article-share {
		display: none;
		height: 49px
	}

	#banner {
		background-image: url(/images/cms/websitebanner.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		height: 100px
	}

	.staticArticlelist {
		width: 100%;
		display: block;
		margin-left: -6%
	}

	.button,
	.storypic {
		display: inline-block
	}

	.fb-story-img {
		padding: 2px 12px 3px 4px
	}

	.facebook-button {
		padding-left: 8px;
		padding-top: 9px
	}

	.twitter-button {
		padding-left: 4px;
		padding-top: 9px;
		padding-right: 6px;
		margin-right: 6px
	}

	.social-share-button {
		padding-bottom: 31px
	}

	.social-share-button-expand {
		width: 27%;
		font-size: 31px;
		padding-left: 9px
	}

	#storytitle1 {
		width: 100%;
		font-size: 1.5em;
		padding-bottom: 43px
	}

	#storytitle,
	#storytitle_view,
	.storyholder {
		font-size: 1em
	}

	#storypic_view {
		padding-left: 3px;
		padding-right: 15px
	}

	#storyholder_view {
		margin-left: 5px
	}

	#innerAuthorDiv {
		width: 100%;
		display: block;
		padding-top: 12px;
		padding-bottom: 12px
	}

	#viewArticleDiv {
		width: 100%;
		padding-top: 0;
		padding-left: 3%
	}

	#developedBy,
	#disclaimerFooter,
	.storyholder {
		padding-left: 0;
		width: 100%
	}

	#lowerDiv {
		display: block;
		padding-top: 7px
	}

	.midOption {
		margin-left: 8px
	}

	#footer {
		padding: 10px;
		border: none
	}

	#footermid {
		width: 100%;
		padding-bottom: 37px
	}

	#footerright {
		width: 100%;
		padding: 15px 0
	}

	#footerright li {
		width: 30%;
		padding-bottom: 15px
	}

	#mobileHeaderTab {
		display: block;
		z-index: 1
	}

	#second-column,
	#third-column {
		width: 100%;
		display: none
	}

	#author-column {
		width: 100%;
		border-right: 0 solid #0070a0
	}

	.storypic {
		background: 0 0;
		vertical-align: top;
		width: 100%
	}

	.storyholder {
		padding-top: 7%;
		padding-bottom: 7%;
		background-color: #fff
	}

	.latestImage {
		border: 1px solid #d6d6d6;
		width: 100%;
		height: 100%
	}

	#storyAd,
	#storyAdBottom {
		width: 100%;
		padding-top: 6%;
		padding-bottom: 5%
	}

	.adInUpcoming {
		padding-bottom: 8px;
		z-index: 0
	}

	.adInLatest,
	.adInTrendy {
		padding-bottom: 39px;
		z-index: 0
	}

	#adArticleColoumn {
		height: 276px
	}

	#multipleSubscribeDiv {
		position: fixed;
		width: 554px;
		height: 325px;
		z-index: 9948030;
		left: 795px;
		bottom: 0
	}

	.storySubscribeDiv {
		background: #f3f4f4;
		margin-top: 21px;
		margin-bottom: 38px
	}

	#welcome {
		color: #0070a0;
		font-size: 12px;
		line-height: 43px;
		margin: 1px 0 0;
		padding: 0 4px;
		text-transform: uppercase
	}

	#login,
	#logout {
		font-size: 19px;
		width: 3%;
		float: right
	}

	.button {
		background-color: #0070a0;
		border: none;
		color: #fff;
		text-align: center;
		font-size: 11px;
		cursor: pointer
	}

	.triangle-up {
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 10px solid transparent;
		margin-left: 225px
	}

	#domainRegister>label,
	#login>label,
	#logout>label,
	#myProfile>label,
	#ticket>label {
		cursor: pointer;
		line-height: 34px
	}

	#loginPanel {
		z-index: 1000000;
		position: fixed;
		display: none;
		margin: 30% 2% 15% 10%;
		width: 100%
	}

	#loginForm {
		border: 1px solid #a0a0a0;
		height: 25%;
		background: #f7f7f7;
		width: 80%;
		padding: 27px 12px;
		border-bottom: 6px solid #0070a0;
		border-top: 6px solid #0070a0
	}

	#more_wrapper,
	.moreRow {
		border-right: 1px solid #ccc
	}

	.feild_label_class {
		color: #0070a0;
		padding-right: 2%
	}

	.customer_email,
	.customer_password {
		padding-left: 3%;
		padding-right: 3%;
		opacity: 1;
		height: 30px;
		margin-top: 3%;
		color: #555;
		border: 1px solid #ccc;
		outline: 0;
		background-color: #fff
	}

	#domainRegister,
	#more {
		padding-top: 16px;
		height: 100%;
		cursor: pointer
	}

	#login {
		cursor: pointer;
		padding-top: 1%
	}

	#logout,
	#myProfile,
	#ticket {
		display: none;
		cursor: pointer;
		padding-top: 16px
	}

	#mobileLoginPanel {
		margin-left: 55.5%;
		margin-top: 3.33%;
		width: 33%;
		z-index: 19;
		position: absolute;
		display: none
	}

	#logout {
		padding-top: 1%
	}

	#more_wrapper {
		position: fixed;
		width: 30%;
		color: #0070a0;
		display: none;
		margin-top: 3.37%;
		border-bottom: 4px solid #0070a0;
		margin-left: 48%;
		border-left: 1px solid #ccc;
		clear: both
	}

	.moretopic {
		height: 40px;
		width: 100%;
		font-size: 0;
		float: none;
		padding-left: 16%
	}

	.moretopic:hover {
		height: 40px;
		display: block;
		background-color: rgb(206, 206, 206, .31);
		color: #fff;
		cursor: pointer
	}

	.moretopic>a {
		line-height: 34px
	}

	#channelHeading,
	#customerDetails {
		width: 50%
	}

	div#channel,
	div#detailHeading {
		padding-left: 16%;
		color: #777;
		font-size: 17px;
		font-weight: 700
	}

	#profileModal {
		display: none;
		width: 23%;
		height: 175px;
		position: fixed;
		margin-top: 4.37%;
		border: 1px solid #b5b5b5;
		margin-left: 76.9%
	}

	#outerWrapper {
		content: "";
		border: 1px solid #f9f9f9;
		height: 53%;
		padding: 5% 4%;
		background-color: #fbfbf2
	}

	#profilePhoto {
		border: 1px solid grey;
		width: 20%;
		height: 58px;
		border-radius: 100%;
		float: left;
		background-color: #fff
	}

	.profile_modal {
		font-size: 41px;
		padding: 3px;
		background-color: #fbfbf2
	}

	label.profileModalLabel {
		font-weight: 100;
		font-size: 12px
	}

	span.profile_modal {
		color: rgb(187, 187, 187, .88);
		background-color: #fff;
		border-radius: 100%
	}

	#buttonWrapper {
		padding: 3%
	}

	button.profileModalButtons {
		border: none;
		height: 31px;
		width: 42%;
		color: #fff;
		font-size: 11px
	}

	.moreRow {
		height: 100%
	}

	input#emailId:focus,
	input#password:focus {
		box-shadow: 0 0 3px 1px #cedef0;
		border: 1px solid #56b4e8
	}

	.customer_email,
	.customer_password {
		margin-left: 4%;
		width: 84%
	}

	.button {
		padding: 5px 0;
		height: 30px;
		margin: 10px 0 10px 1%;
		width: 38%;
		border-radius: 1px
	}

	#mobile_SignUp_title,
	#mobile_login_form_submit,
	#mobile_login_title,
	#mobile_signUp_form_submit {
		padding: 0 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
		line-height: 44px
	}

	#cancelDiv,
	#signUpFormDiv {
		margin-left: 0
	}

	#cancelDiv,
	#scrabbl_reg_pswd {
		margin-top: 0
	}

	.login-header {
		margin-top: 26px;
		font-weight: 600
	}

	.headerimg-style {
		width: 25%
	}

	.btnwidth-style {
		width: 24%
	}

	.facebookicon-style,
	.googleicon-style {
		width: 5%
	}

	.loginbttn-style {
		padding: 0
	}

	#mobileLoginSignUpDiv {
		display: block;
		width: 100%;
		text-align: center
	}

	#regis_div {
		background: #fff;
		padding-top: 0;
		width: 100%;
		height: 100%;
		max-height: 100%;
		position: fixed;
		bottom: initial;
		left: 0;
		right: 0;
		margin: auto;
		border: 0;
		box-shadow: 0 0 0 transparent;
		top: 0;
		z-index: 1;
		padding-bottom: 26%;
		overflow-y: scroll;
		overflow-x: hidden
	}

	#google_icon {
		float: left
	}

	#logoImg {
		width: 83%;
		margin-right: 15%;
		margin-left: 2%
	}

	#fb_login_div {
		width: 65%
	}

	#email_link_div {
		display: none;
		width: 100%;
		margin-right: 5%;
		margin-left: 76%;
		margin-top: 6%
	}

	.scrabbl_mobile_link {
		color: #999
	}

	#scrabbl_mobile_login {
		margin-right: 3%
	}

	#mobile_view_links {
		display: block;
		width: 100%
	}

	#mobileTermsSpan {
		font-size: 12px;
		color: rgb(155, 155, 155, .5)
	}

	#mobile_login_div,
	#mobile_signup_div {
		width: 50%;
		float: left
	}

	#mobile_policy {
		display: block;
		width: 96%;
		padding: 3% 15%
	}

	#mobile_SignUp_header,
	#mobile_login_form_header {
		display: none;
		position: relative;
		background: #b92b27;
		min-height: 44px;
		width: 100%
	}

	#emailDiv,
	#emailRegis,
	#first_name_div,
	#last_name_div,
	#mobile_name_div,
	#mobile_password_div,
	#mobile_signUpEmail_div,
	#mobile_signUpLastName_div,
	#mobile_signUpName_div,
	#mobile_signUpPassword_div,
	#passwordDiv,
	#scrabbl_reg_pswd {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}

	#mobile_login_label,
	#mobile_passwrd_label,
	#mobile_signUpEmail_label,
	#mobile_signUpPassword_label {
		display: table-cell;
		width: 85px;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px 10px 5px 5px;
		vertical-align: middle
	}

	#mobile_firstName_input,
	#mobile_lastName_input,
	#mobile_login_email,
	#mobile_password_input,
	#mobile_signUpEmail_input,
	#mobile_signUpPassword_input {
		display: table-cell;
		height: 43px;
		width: 100%;
		line-height: 1.4;
		font-size: 15px;
		margin: 0;
		padding: 0;
		border: 0;
		color: #333;
		outline: 0
	}

	#emailDiv::after,
	#emailRegis::after,
	#first_name_div::after,
	#last_name_div::after,
	#mobile_name_div::after,
	#mobile_signUpEmail_div::after,
	#mobile_signUpLastName_div::after,
	#mobile_signUpName_div::after,
	#mobile_signUpPassword_div::after,
	#passwordDiv::after,
	#recaptchaDiv::after,
	#scrabbl_reg_pswd::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}

	#mobile_disclaimer {
		display: block;
		text-align: center;
		padding: 0 15px;
		font-size: 12px;
		outline: 0;
		width: 100%
	}

	#mobile_password_div::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		margin: 0
	}

	#mobile_header_back,
	#mobile_signUp_back {
		float: left;
		margin-right: 10px;
		position: relative;
		background: 0 0;
		border: 0;
		margin-top: 8px;
		margin-left: 14px;
		height: 1px;
		width: 1%;
		outline: 0;
		padding: 0;
		display: inline-block;
		align-items: flex-start;
		text-align: center;
		cursor: default;
		box-sizing: border-box
	}

	#mobile_back_icon,
	#mobile_signUpBack_icon {
		color: rgb(255, 255, 255, .85);
		font-size: 26px;
		width: 1%;
		font-weight: 100
	}

	#mobile_SignUp_title,
	#mobile_login_title {
		display: inline-block;
		float: left;
		max-width: 100%;
		font-size: 16px;
		color: rgb(255, 255, 255, .85);
		font-weight: 500
	}

	#mobile_firstName_label,
	#mobile_lastName_label,
	#nameLabel,
	#scrabbl_pswd,
	#surnameLabel,
	#user_Scrabbl_reg_email {
		display: table-cell;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px 10px 5px 5px;
		vertical-align: middle
	}

	#mobile_login_form_submit,
	#mobile_signUp_form_submit {
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		max-width: calc(100% - 88px);
		color: #fff;
		user-select: none;
		text-decoration: none
	}

	#mobile_firstName_label,
	#mobile_lastName_label {
		width: 30%
	}

	#recaptchaDiv {
		margin-top: 3%;
		margin-left: 1%;
		margin-bottom: 2%
	}

	#mobile_signUp_terms {
		font-size: 12px;
		padding: 0;
		outline: 0;
		text-align: left;
		margin-left: 1.2%;
		display: block
	}

	#nameLabel,
	#scrabbl_pswd,
	#surnameLabel,
	#user_Scrabbl_reg_email {
		width: 88px
	}

	#emailDiv,
	#first_name_div,
	#last_name_div,
	#mobile_disclaimer,
	#passwordDiv {
		visibility: visible
	}

	#row_name,
	#user_inputs {
		visibility: hidden
	}

	::-webkit-input-placeholder {
		color: transparent
	}

	#scrabblRegisImage {
		width: 43%
	}

	.user_container {
		margin-left: 1%;
		width: 97%;
		padding-right: 0
	}
}

#cancelSearch,
.center {
	right: 0;
	position: absolute
}

.dropdownMenu,
.menu-dropdown {
	position: relative;
	float: left
}

.dropdown-container {
	position: absolute;
	top: 40px;
	display: none;
	background-color: #fff
}

#loader,
.toggleClass {
	display: block
}

.sideNavWidth {
	width: 15% !important;
	position: relative !important;
	float: left
}

.sideNavWidth #inner_titletext {
	float: left;
	height: auto !important;
	padding-top: .3%;
	padding-left: .5%
}

#infiflex-loader {
	position: absolute;
	top: 50%;
	left: 10%;
	height: 100%;
	z-index: 9999999
}

.center {
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

section.blog-custom-banner .bg-container {
	display: grid;
	grid-auto-flow: column;
	background-color: #fff;
	grid-gap: 10px
}

.bg-container .article-img-wrapper {
	height: auto;
	width: 55em
}

.bg-container .article-text-wrapper {
	background-color: #f6f5f2;
	padding: 8%;
	transition: .4s ease-in-out;
	height: auto;
	border-right: 1em solid var(--template-blue-theme-color)
}

.article-text-wrapper h1.main-header {
	font-size: 2em;
	letter-spacing: 0;
	margin: 0;
	font-weight: 500;
	color: #000
}

.article-text-wrapper h2.secondary-header {
	font-size: 1.2em;
	margin: 1.5em 0;
	font-weight: 600;
	color: #000;
	width: 80%;
	line-height: 1.5;
	letter-spacing: 0
}

.article-text-wrapper a.get-this-template {
	text-decoration: none;
	transition: .25s ease-in-out;
	padding: 10px 0;
	border-radius: 2px;
	display: inline-block;
	margin-top: 1em;
	font-weight: 700;
	font-size: 1em;
	font-family: inherit;
	color: #000;
	letter-spacing: 1px
}

.article-text-wrapper a.get-this-template i {
	font-weight: 700
}

.article-text-wrapper a.get-this-template:hover {
	background-color: transparent;
	color: var(--template-blue-theme-color);
	font-weight: 700;
	letter-spacing: 2px;
	border-radius: 6px
}

@media (max-width:1232px) {
	.article-text-wrapper h1.main-header {
		font-size: 3em
	}

	.article-text-wrapper h2.secondary-header {
		font-size: 1.1em;
		width: 90%
	}

	.article-text-wrapper a.get-this-template {
		margin: 0;
		font-size: .9em
	}

	.bg-container .article-text-wrapper {
		height: 21em;
		padding: 2em
	}
}

@media (max-width:1032px) {
	.bg-container .article-text-wrapper {
		height: 86%;
		margin-top: 4%
	}

	.article-text-wrapper h1.main-header {
		font-size: 2.75em;
		letter-spacing: -1px;
		line-height: 1.3
	}

	.article-text-wrapper h2.secondary-header {
		font-size: 1em;
		letter-spacing: .5px;
		line-height: 1.8;
		width: 100%
	}
}

@media (max-width:958px) {
	.bg-container .article-text-wrapper {
		height: auto;
		margin-top: 12%
	}

	.article-text-wrapper h1.main-header {
		font-size: 3em
	}

	.article-text-wrapper h2.secondary-header {
		font-size: 1.1em
	}
}

@media (max-width:852px) {
	section.blog-custom-banner .bg-container {
		grid-auto-flow: row;
		padding: 0
	}

	.bg-container .article-img-wrapper img {
		height: auto;
		border-top-left-radius: inherit;
		border-bottom-right-radius: inherit;
		box-shadow: unset
	}

	.bg-container .article-img-wrapper {
		height: auto;
		width: auto
	}

	.bg-container .article-text-wrapper {
		width: 100%;
		background-color: unset;
		backdrop-filter: unset;
		margin: 0;
		border: none
	}

	.article-text-wrapper h1.main-header {
		margin: 0;
		text-align: center;
		color: var(--header-dark-theme-color);
		letter-spacing: -2px;
		font-size: 3.5em
	}

	.article-text-wrapper h2.secondary-header {
		width: 90%;
		text-align: center;
		margin: auto;
		padding: 1.5em;
		color: initial;
		font-size: 1.4em;
		letter-spacing: -.2px;
		line-height: 1.6
	}

	.article-text-wrapper a.get-this-template {
		margin-top: 0;
		text-align: center;
		font-size: 1em;
		position: relative;
		left: 50%;
		transform: translateX(-50%)
	}
}

@media (max-width:600px) {
	.article-text-wrapper a.get-this-template {
		width: 100%
	}
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}

.glyphicon-asterisk:before {
	content: "\2a"
}

.glyphicon-plus:before {
	content: "\2b"
}

.glyphicon-euro:before {
	content: "\20ac"
}

.glyphicon-minus:before {
	content: "\2212"
}

.glyphicon-cloud:before {
	content: "\2601"
}

.glyphicon-envelope:before {
	content: "\2709"
}

.glyphicon-pencil:before {
	content: "\270f"
}

.glyphicon-glass:before {
	content: "\e001"
}

.glyphicon-music:before {
	content: "\e002"
}

.glyphicon-search:before {
	content: "\e003"
}

.glyphicon-heart:before {
	content: "\e005"
}

.glyphicon-star:before {
	content: "\e006"
}

.glyphicon-star-empty:before {
	content: "\e007"
}

.glyphicon-user:before {
	content: "\e008"
}

.glyphicon-film:before {
	content: "\e009"
}

.glyphicon-th-large:before {
	content: "\e010"
}

.glyphicon-th:before {
	content: "\e011"
}

.glyphicon-th-list:before {
	content: "\e012"
}

.glyphicon-ok:before {
	content: "\e013"
}

.glyphicon-remove:before {
	content: "\e014"
}

.glyphicon-zoom-in:before {
	content: "\e015"
}

.glyphicon-zoom-out:before {
	content: "\e016"
}

.glyphicon-off:before {
	content: "\e017"
}

.glyphicon-signal:before {
	content: "\e018"
}

.glyphicon-cog:before {
	content: "\e019"
}

.glyphicon-trash:before {
	content: "\e020"
}

.glyphicon-home:before {
	content: "\e021"
}

.glyphicon-file:before {
	content: "\e022"
}

.glyphicon-time:before {
	content: "\e023"
}

.glyphicon-road:before {
	content: "\e024"
}

.glyphicon-download-alt:before {
	content: "\e025"
}

.glyphicon-download:before {
	content: "\e026"
}

.glyphicon-upload:before {
	content: "\e027"
}

.glyphicon-inbox:before {
	content: "\e028"
}

.glyphicon-play-circle:before {
	content: "\e029"
}

.glyphicon-repeat:before {
	content: "\e030"
}

.glyphicon-refresh:before {
	content: "\e031"
}

.glyphicon-list-alt:before {
	content: "\e032"
}

.glyphicon-flag:before {
	content: "\e034"
}

.glyphicon-headphones:before {
	content: "\e035"
}

.glyphicon-volume-off:before {
	content: "\e036"
}

.glyphicon-volume-down:before {
	content: "\e037"
}

.glyphicon-volume-up:before {
	content: "\e038"
}

.glyphicon-qrcode:before {
	content: "\e039"
}

.glyphicon-barcode:before {
	content: "\e040"
}

.glyphicon-tag:before {
	content: "\e041"
}

.glyphicon-tags:before {
	content: "\e042"
}

.glyphicon-book:before {
	content: "\e043"
}

.glyphicon-print:before {
	content: "\e045"
}

.glyphicon-font:before {
	content: "\e047"
}

.glyphicon-bold:before {
	content: "\e048"
}

.glyphicon-italic:before {
	content: "\e049"
}

.glyphicon-text-height:before {
	content: "\e050"
}

.glyphicon-text-width:before {
	content: "\e051"
}

.glyphicon-align-left:before {
	content: "\e052"
}

.glyphicon-align-center:before {
	content: "\e053"
}

.glyphicon-align-right:before {
	content: "\e054"
}

.glyphicon-align-justify:before {
	content: "\e055"
}

.glyphicon-list:before {
	content: "\e056"
}

.glyphicon-indent-left:before {
	content: "\e057"
}

.glyphicon-indent-right:before {
	content: "\e058"
}

.glyphicon-facetime-video:before {
	content: "\e059"
}

.glyphicon-picture:before {
	content: "\e060"
}

.glyphicon-map-marker:before {
	content: "\e062"
}

.glyphicon-adjust:before {
	content: "\e063"
}

.glyphicon-tint:before {
	content: "\e064"
}

.glyphicon-edit:before {
	content: "\e065"
}

.glyphicon-share:before {
	content: "\e066"
}

.glyphicon-check:before {
	content: "\e067"
}

.glyphicon-move:before {
	content: "\e068"
}

.glyphicon-step-backward:before {
	content: "\e069"
}

.glyphicon-fast-backward:before {
	content: "\e070"
}

.glyphicon-backward:before {
	content: "\e071"
}

.glyphicon-play:before {
	content: "\e072"
}

.glyphicon-pause:before {
	content: "\e073"
}

.glyphicon-stop:before {
	content: "\e074"
}

.glyphicon-forward:before {
	content: "\e075"
}

.glyphicon-fast-forward:before {
	content: "\e076"
}

.glyphicon-step-forward:before {
	content: "\e077"
}

.glyphicon-eject:before {
	content: "\e078"
}

.glyphicon-chevron-left:before {
	content: "\e079"
}

.glyphicon-chevron-right:before {
	content: "\e080"
}

.glyphicon-plus-sign:before {
	content: "\e081"
}

.glyphicon-minus-sign:before {
	content: "\e082"
}

.glyphicon-remove-sign:before {
	content: "\e083"
}

.glyphicon-ok-sign:before {
	content: "\e084"
}

.glyphicon-question-sign:before {
	content: "\e085"
}

.glyphicon-info-sign:before {
	content: "\e086"
}

.glyphicon-screenshot:before {
	content: "\e087"
}

.glyphicon-remove-circle:before {
	content: "\e088"
}

.glyphicon-ok-circle:before {
	content: "\e089"
}

.glyphicon-ban-circle:before {
	content: "\e090"
}

.glyphicon-arrow-left:before {
	content: "\e091"
}

.glyphicon-arrow-right:before {
	content: "\e092"
}

.glyphicon-arrow-up:before {
	content: "\e093"
}

.glyphicon-arrow-down:before {
	content: "\e094"
}

.glyphicon-share-alt:before {
	content: "\e095"
}

.glyphicon-resize-full:before {
	content: "\e096"
}

.glyphicon-resize-small:before {
	content: "\e097"
}

.glyphicon-exclamation-sign:before {
	content: "\e101"
}

.glyphicon-gift:before {
	content: "\e102"
}

.glyphicon-leaf:before {
	content: "\e103"
}

.glyphicon-eye-open:before {
	content: "\e105"
}

.glyphicon-eye-close:before {
	content: "\e106"
}

.glyphicon-warning-sign:before {
	content: "\e107"
}

.glyphicon-plane:before {
	content: "\e108"
}

.glyphicon-random:before {
	content: "\e110"
}

.glyphicon-comment:before {
	content: "\e111"
}

.glyphicon-magnet:before {
	content: "\e112"
}

.glyphicon-chevron-up:before {
	content: "\e113"
}

.glyphicon-chevron-down:before {
	content: "\e114"
}

.glyphicon-retweet:before {
	content: "\e115"
}

.glyphicon-shopping-cart:before {
	content: "\e116"
}

.glyphicon-folder-close:before {
	content: "\e117"
}

.glyphicon-folder-open:before {
	content: "\e118"
}

.glyphicon-resize-vertical:before {
	content: "\e119"
}

.glyphicon-resize-horizontal:before {
	content: "\e120"
}

.glyphicon-hdd:before {
	content: "\e121"
}

.glyphicon-bullhorn:before {
	content: "\e122"
}

.glyphicon-certificate:before {
	content: "\e124"
}

.glyphicon-thumbs-up:before {
	content: "\e125"
}

.glyphicon-thumbs-down:before {
	content: "\e126"
}

.glyphicon-hand-right:before {
	content: "\e127"
}

.glyphicon-hand-left:before {
	content: "\e128"
}

.glyphicon-hand-up:before {
	content: "\e129"
}

.glyphicon-hand-down:before {
	content: "\e130"
}

.glyphicon-circle-arrow-right:before {
	content: "\e131"
}

.glyphicon-circle-arrow-left:before {
	content: "\e132"
}

.glyphicon-circle-arrow-up:before {
	content: "\e133"
}

.glyphicon-circle-arrow-down:before {
	content: "\e134"
}

.glyphicon-globe:before {
	content: "\e135"
}

.glyphicon-tasks:before {
	content: "\e137"
}

.glyphicon-filter:before {
	content: "\e138"
}

.glyphicon-fullscreen:before {
	content: "\e140"
}

.glyphicon-dashboard:before {
	content: "\e141"
}

.glyphicon-heart-empty:before {
	content: "\e143"
}

.glyphicon-link:before {
	content: "\e144"
}

.glyphicon-phone:before {
	content: "\e145"
}

.glyphicon-usd:before {
	content: "\e148"
}

.glyphicon-gbp:before {
	content: "\e149"
}

.glyphicon-sort:before {
	content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
	content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
	content: "\e152"
}

.glyphicon-sort-by-order:before {
	content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
	content: "\e154"
}

.glyphicon-sort-by-attributes:before {
	content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
	content: "\e156"
}

.glyphicon-unchecked:before {
	content: "\e157"
}

.glyphicon-expand:before {
	content: "\e158"
}

.glyphicon-collapse-down:before {
	content: "\e159"
}

.glyphicon-collapse-up:before {
	content: "\e160"
}

.glyphicon-log-in:before {
	content: "\e161"
}

.glyphicon-flash:before {
	content: "\e162"
}

.glyphicon-log-out:before {
	content: "\e163"
}

.glyphicon-new-window:before {
	content: "\e164"
}

.glyphicon-record:before {
	content: "\e165"
}

.glyphicon-save:before {
	content: "\e166"
}

.glyphicon-open:before {
	content: "\e167"
}

.glyphicon-saved:before {
	content: "\e168"
}

.glyphicon-import:before {
	content: "\e169"
}

.glyphicon-export:before {
	content: "\e170"
}

.glyphicon-send:before {
	content: "\e171"
}

.glyphicon-floppy-disk:before {
	content: "\e172"
}

.glyphicon-floppy-saved:before {
	content: "\e173"
}

.glyphicon-floppy-remove:before {
	content: "\e174"
}

.glyphicon-floppy-save:before {
	content: "\e175"
}

.glyphicon-floppy-open:before {
	content: "\e176"
}

.glyphicon-credit-card:before {
	content: "\e177"
}

.glyphicon-transfer:before {
	content: "\e178"
}

.glyphicon-cutlery:before {
	content: "\e179"
}

.glyphicon-header:before {
	content: "\e180"
}

.glyphicon-compressed:before {
	content: "\e181"
}

.glyphicon-earphone:before {
	content: "\e182"
}

.glyphicon-phone-alt:before {
	content: "\e183"
}

.glyphicon-tower:before {
	content: "\e184"
}

.glyphicon-stats:before {
	content: "\e185"
}

.glyphicon-sd-video:before {
	content: "\e186"
}

.glyphicon-hd-video:before {
	content: "\e187"
}

.glyphicon-subtitles:before {
	content: "\e188"
}

.glyphicon-sound-stereo:before {
	content: "\e189"
}

.glyphicon-sound-dolby:before {
	content: "\e190"
}

.glyphicon-sound-5-1:before {
	content: "\e191"
}

.glyphicon-sound-6-1:before {
	content: "\e192"
}

.glyphicon-sound-7-1:before {
	content: "\e193"
}

.glyphicon-copyright-mark:before {
	content: "\e194"
}

.glyphicon-registration-mark:before {
	content: "\e195"
}

.glyphicon-cloud-download:before {
	content: "\e197"
}

.glyphicon-cloud-upload:before {
	content: "\e198"
}

.glyphicon-tree-conifer:before {
	content: "\e199"
}

.glyphicon-tree-deciduous:before {
	content: "\e200"
}

.glyphicon-briefcase:before {
	content: "\1f4bc"
}

.glyphicon-calendar:before {
	content: "\1f4c5"
}

.glyphicon-pushpin:before {
	content: "\1f4cc"
}

.glyphicon-paperclip:before {
	content: "\1f4ce"
}

.glyphicon-camera:before {
	content: "\1f4f7"
}

.glyphicon-lock:before {
	content: "\1f512"
}

.glyphicon-bell:before {
	content: "\1f514"
}

.glyphicon-bookmark:before {
	content: "\1f516"
}

.glyphicon-fire:before {
	content: "\1f525"
}

.glyphicon-wrench:before {
	content: "\1f527"
}

#loderIcon {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .7);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	opacity: 1;
	transition: opacity .3s ease-out, visibility .3s ease-out
}

.loader {
	font-size: 2rem;
	font-weight: 700;
	color: #333
}

#cancelSearch {
	top: -10px;
	cursor: pointer
}

.header-search-submit {
	border: none;
	height: 32px
}

#searchForm .row {
	margin-top: 35px;
	padding: 10px 20px
}
.giffy-notification-bar {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    position: sticky;
    z-index: 10009;
  }

  .giffy-notification-bar__text {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-align: center;
    white-space: nowrap;
    margin: 0;
  }


 .giffy-topbar {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    position: sticky;
    /* position: absolute; */
    z-index: 100009;
  }

  .giffy-topbar__left {
    display: flex;
    align-items: center;
  }

  .giffy-topbar__right {
    display: flex;
    align-items: center;
    margin-left: auto;
  }

  .giffy-topbar__item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 16px;
    height: 38px;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    text-decoration: none;
    letter-spacing: 0.01em;
    transition: opacity 0.15s;
  }
  .giffy-topbar__item:first-child { padding-left: 0; }
  .giffy-topbar__item:hover { opacity: 0.78; }

  .giffy-topbar__divider {
    width: 1px;
    height: 18px;
    background: rgba(255, 255, 255, 0.38);
    flex-shrink: 0;
  }

  .giffy-topbar__item--book {
    font-weight: 500;
    cursor: pointer;
  }

  .giffy-topbar__social {
    display: flex;
    align-items: center;
  }

  .giffy-topbar__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 38px;
    text-decoration: none;
    transition: opacity 0.15s;
  }
  .giffy-topbar__social-link:hover { opacity: 0.72; }