@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');


* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


body {
	background: #f0f8ff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	color: #222;
	margin: 0;
	padding: 0;
	overflow-wrap: break-word;
	word-break: break-word;
	word-wrap: break-word
}

.hidden {
	display: none
}

.invisible {
	visibility: hidden
}

.arya-container::after {
	clear: both;
	content: '';
	display: table
}

.clearfix {
	clear: both
}


/* Typography */

h1 {
	font-size: 3em;
}

h2 {
	font-size: 2.2em;
	margin: 0;
}

h1,
h2 {
	text-align: center;
	-webkit-backface-visibility: hidden;
	/* Safari */
	backface-visibility: hidden;
	float: left;
	width: 100%;
	font-weight: 300;
	color: #444;
	font-family: Arial;
}

p {
	font-size: 1em;
}

a {
	text-decoration: none;
}


/* Structure */

.arya-container {
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
}

.homepage-seo img {
	max-width: 100%;
}


/* Header */

.site-title {
	float: left;
	width: 100%;
	background: #0300bf;
	text-align: center;
	margin-bottom: 15px;
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 21%);
	font-family: 'Pacifico', cursive;
}

.site-title h2,
.site-title h2 a {
	font-family: 'Pacifico', cursive;
    color: #fff;
    font-size: 30px;
    padding-bottom: 5px;
}
#mobile-fly-menu {
	display: block;
	position: absolute;
	cursor: pointer;
	width: 50px;
	height: 40px;
	float: left;
	top: 4px;
	z-index: 99999;
	}
	#mobile-fly-menu span {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	display: block;
	position: absolute;
	left: 12px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	height: 4px;
	background: #ffffffa6;
	}
	#mobile-fly-menu span:nth-child(1) {
	top: 9px;
	width: 38px;
	}
	#mobile-fly-menu span:nth-child(2) {
	top: 19px;
	width: 30px;
	}
	#mobile-fly-menu span:nth-child(3) {
	top: 28px;
	width: 22px;
	}
	
	.menusection {
		float: left;
		width: 23%;
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		z-index: 99;
		-webkit-box-shadow: 8px 0 17px 0 rgb(0 0 0 / 28%);
		-moz-box-shadow: 8px 0 17px 0 rgba(0,0,0,.28);
		box-shadow: 8px 0 17px 0 rgb(0 0 0 / 28%);
		background: #eff8fe;
		padding: 4px;
		display: none;
		z-index: 9999;
	}
	.menusection .close {
		position: absolute;
		right: -45px;
		top: 10px;
		font-size: 18px;
		padding: 10px 17px;
		border: none;
		background: #fd1d1d;
		color: #fff;
		border-radius: 0 3px 3px 0;
		cursor: pointer;
		z-index: 3;
	}
	.menusection h2 {
		text-align: center;
		margin: 5px;
		font-size: 1.4rem;
	}
	.menusection h2 a{
		color: #000;
	}
span.open {
  position: fixed;
  right: 0;
  top: 20%;
  background: #009313;
  color: #fff;
  padding: 8px 12px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 3px 0 0 3px;
  cursor:pointer;
  z-index: 999;
  }
  .right-sec input{
  width: 100%;
  font-size: 18px;
  border: none;
  background: #ebf1fa;
  padding: 18px;
  }
  .right-sec .clear {
  position: absolute;
  right: 10px;
  top: 5px;
  border: none;
  font-size: 20px;
  color:#de0707;
  cursor: pointer;
  padding: 10px;
  display: inline-block;
  }
  .right-sec .clear:hover {
  color: #000;
  }
  .right-sec .close {
  padding: 5px 15px;
  background: #ef0800;
  color: #fff;
  position: absolute;
  left: -43px;
  top: 10px;
  font-size: 20px;
  border-radius: 2px 0 0 2px;
  cursor: pointer;
  }
.bookmarks {
	padding: 10px;
    overflow-x: scroll;
    height: 90%;
}

.bookmarks a {
	display: inline-block;
	text-transform: uppercase;
	color: #444;
	padding: 5px 12px;
	border-radius: 3px;
	margin: 4px;
	font-size: 14px;
	-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
}

.bookmarks a:hover {
	background: #fff;
	color: #000;
}

.top-link {
	margin-top: 5px;
}

.top-link a {
	padding: 5px 10px;
	display: inline-block;
	border: 1px solid #f9f9f9;
	background: #047ffe;
	color: #fff;
	border-radius: 4px;
	opacity: 0.7
}

.top-link a:hover {
	opacity: 1
}


/* Input Box */

.thenitesharya-text {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #fff;
	z-index: 9999;
	-webkit-box-shadow: 0px -2px 16px 0px rgb(0 0 0 / 26%);
	-moz-box-shadow: 0px -2px 16px 0px rgba(0, 0, 0, 0.26);
	box-shadow: 0px -2px 16px 0px rgb(0 0 0 / 26%);
}

.input-box {
	padding: 1%;
	margin-bottom: 5px;
	border-radius: 5px;
	display: table;
	width: 100%;
	position: relative;
	background: #fff;
	z-index: 999!important;
	box-shadow: 1px 2px 4px 0 rgb(0 0 0 / 21%);
}

.input-box textarea {
	width: 100%;
	min-height: 80px;
	padding: 1%;
	background: #ebf1fa;
	border: none;
	border-radius: 6px;
	letter-spacing: .02em;
	line-height: 1.4;
	font-size: 18px;
	outline: 0;
}

.right-sec {
	float: right;
	display: none;
	width: 350px;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
	background: #fff;
	transition: .1s cubic-bezier(1, 0, 0, 1);
	box-shadow: -5px 0px 10px 0px #00000052;
}

span.open {
	position: fixed;
	right: 0;
	top: 20%;
	background: #0300bf;
	color: #ffffffa6;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 3px 0 0 3px;
	cursor: pointer;
	z-index: 999;
	transition: .1s cubic-bezier(1, 0, 0, 1);
	box-shadow: 0 2px 2px 0 #e8e8e8;
}

span.open:hover {
	transform: scale(1.1);
	box-shadow: 0 0 10px 0 #d6d6d6;
}

.input-box .copyit {
	position: absolute;
	top: 48px;
	right: 10px;
	background: #009212;
	border-radius: 3px;
	color: #fff;
	font-size: 18px;
	line-height: 1.5;
	text-transform: uppercase;
	cursor: pointer;
	padding: 6px 12px;
}

.input-box .copyit:hover {
	background: #00750e;
}

.thenitesharya-text .clear {
	position: absolute;
	top: 13px;
	right: 10px;
	color: #de0707;
	font-size: 20px;
	padding: 7px 20px;
	line-height: 1.5;
	background: transparent;
	border: none;
	z-index: 99999;
	border-radius: 3px;
	cursor: pointer;
	outline: none;
}

.thenitesharya-text .clear:hover {
	color: #000;
}

.settings {
	float: right;
	margin: 7px;
}

input[type=range] {
	-webkit-appearance: none;
	margin: 5px 0;
}

.settings input {
	box-shadow: none;
	cursor: pointer;
	padding: 2px;
	width: 220px;
}

input::placeholder {
	color: #888;
	opacity: 1;
}

input[type=range] {
	-webkit-appearance: none;
	margin: 9px 0;
	padding-bottom: 10px;
	background: 0 0
}

input[type=range]:focus {
	outline: 0
}

input[type=range]::-webkit-slider-runnable-track {
	height: 6.4px;
	cursor: pointer;
	animate: .2s;
	background: #724acd;
	border-radius: 1.3px
}

input[type=range]::-webkit-slider-thumb {
	height: 24px;
	width: 24px;
	border-radius: 3px;
	background: #724acd;
	cursor: pointer;
	-webkit-appearance: none;
	border: 2px solid #724acd;
	margin-top: -9px
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: #724acd
}

.fixedtop .share_button {
	display: none;
}

.share_button {
	padding-bottom: 4px;
	float: left;
}

.share {
	padding-top: 8px;
	padding-left: 5px;
	display: block;
	float: left;
	text-transform: uppercase;
	color: #c1c1c1;
	margin-right: 5px;
	font-size: 12px;
	text-align: right;
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
	display: inline-block
}

.resp-sharing-button__link {
	text-decoration: none;
	color: #fff;
	float: left;
	font-size: 18px;
	margin-right: 3px;
}

.resp-sharing-button {
	transition: 25ms ease-out;
	padding: 3px 25px;
	border-radius: 3px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.resp-sharing-button__icon svg {
	width: 1em;
	height: 1em;
	margin-right: 0.4em;
	vertical-align: top
}

.resp-sharing-button--small svg {
	margin: 0;
	vertical-align: middle
}


/* Non solid icons get a stroke */

.resp-sharing-button__icon {
	stroke: #fff;
	fill: none
}


/* Solid icons get a fill */

.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
	fill: #fff;
	stroke: none
}

.resp-sharing-button--twitter {
	background-color: #55acee
}

.resp-sharing-button--twitter:hover {
	background-color: #2795e9
}

.resp-sharing-button--pinterest {
	background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
	background-color: #8c0615
}

.resp-sharing-button--facebook {
	background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
	background-color: #2d4373
}

.resp-sharing-button--tumblr {
	background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
	background-color: #222d3c
}

.resp-sharing-button--reddit {
	background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
	background-color: #3a80c1
}

.resp-sharing-button--google {
	background-color: #dd4b39
}

.resp-sharing-button--google:hover {
	background-color: #c23321
}

.resp-sharing-button--linkedin {
	background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
	background-color: #046293
}

.resp-sharing-button--email {
	background-color: #777
}

.resp-sharing-button--email:hover {
	background-color: #5e5e5e
}

.resp-sharing-button--xing {
	background-color: #1a7576
}

.resp-sharing-button--xing:hover {
	background-color: #114c4c
}

.resp-sharing-button--whatsapp {
	background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
	background-color: #1da851
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
	background-color: #2d4373;
	border-color: #2d4373;
}

.resp-sharing-button--twitter {
	background-color: #55acee;
	border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
	background-color: #2795e9;
	border-color: #2795e9;
}

.resp-sharing-button--email {
	background-color: #777777;
	border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
	background-color: #5e5e5e;
	border-color: #5e5e5e;
}

.resp-sharing-button--whatsapp {
	background-color: #25D366;
	border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
	background-color: #1DA851;
	border-color: #1DA851;
}

.resp-sharing-button--telegram {
	background-color: #0088cc;
	border-color: #0088cc;
}

.share-link {
	float: left;
	width: 100%;
	padding: 10px 0;
	cursor: pointer;
}

.share-link span {
	color: #777;
	font-family: arial, sans-serif;
}

#share-link {
	cursor: pointer;
}

.fixedtop .thenitesharya-text {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	margin-top: 0;
}


/* Main */

.post-header,
h3.post-title.entry-title,
.single .pagelinks {
	display: none;
}

a.pagelinks {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	color: #009313;
	display: inline-block;
	padding: 5px;
}

a.pagelinks:hover {
	text-decoration: underline;
}
.emojisymbols-list {
    float: left;
    width: 100%;
}
.emojisymbols {
	border: 1px solid #ececec;
	width: max-content;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 6px 4px;
	transition: .1s cubic-bezier(1, 0, 0, 1);
	padding: 0 13px;
	box-shadow: 0 2px 2px 0 #e8e8e8;
	float: left;
	cursor: pointer;
	border-radius: 4px;
	position: relative;
}

.emojisymbols div {
	font-size: 20px;
	padding: 5px;
	font-family: Arial;
	color: #444
}

.emojisymbols div:hover {
	color: #000
}

.emojisymbols span {
	display: none
}

.emojisymbols:hover {
	z-index: 10;
	transform: scale(1.1);
	box-shadow: 0 0 10px 0 #d6d6d6
}

.emojisymbols:active {
	transform: translateY(-5px) scale(1.1)
}

.emojisymbols button {
	position: absolute;
	top: -5px;
	color: #fff;
	border: none;
	font-size: 10px;
	right: -5px;
	z-index: 99;
	border-radius: 3px;
	background: transparent;
}

#latestemojisymbols {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	display: flex;
}

#latestemojisymbols .emojisymbols {
	height: 40px;
	min-width: 80px;
	max-width: 100px;
	overflow: hidden;
	color: #555;
	background: #fff;
}

#latestemojisymbols .emojisymbols span {
	font-size: 24px;
}


/* Sidebar */

.aryafontslist {
	height: 80%;
	overflow: scroll;
}

.aryafonts {
	padding: 5px 15px;
	display: block;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #efecec;
}

.aryafonts:hover {
	background: #ebf1fa;
}

.aryafonts p {
	margin: 0;
}

.aryafonts button {
	position: absolute;
	top: 3px;
	right: 5px;
	border: none;
	background: transparent;
}


/* Links */

.links {
	text-align: center;
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 10px;
	background: #fff;
}

.links a {
	background: #fff;
	color: #000;
	display: inline-block;
	border: 1px solid;
	display: inline-block;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 12px;
	cursor: pointer;
	border-radius: 3px;
	justify-content: center;
	padding: 7px 13px;
	text-align: center;
	white-space: nowrap;
}

.links a:hover {
	opacity: 0.7
}


/* Footer */

#footer-sec {
	background: #fff;
	border-top: 1px solid #e6e6e6;
	margin-bottom: 130px;
}

#footer-sec p {
	font-size: 1em;
	color: #555;
}

.copyright-area {
	width: 100%;
	text-align: center;
	padding: 15px 0;
	background: #000;
	color: #ffffff82;
	margin-top: 15px;
}


/* Extra Things */

.randomgen {
	background: #fff;
	box-shadow: 1px 2px 4px 0 rgb(0 0 0 / 21%);
	border: none;
	display: inline-block;
	float: right;
	padding: 10px 15px;
	bottom: 35%;
	right: 0;
	position: fixed;
	border-radius: 3px 0 0 3px;
	color: #0300bf;
	cursor: pointer;
}

.randomgen:hover,
#scroll:hover {
	background: #0300bf;
	color: #fff;
}

#scroll {
	background: #fff;
	display: none;
	position: fixed;
	bottom: 25%;
	right: 30px;
	z-index: 99;
	font-size: 25px;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 10px 12px;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .21);
	border-radius: 3px;
	color: #0300bf;
}

p.copied {
	position: fixed;
	width: auto;
	right: 0;
	bottom: 35%;
	background: #0300bf;
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px 0 0 3px;
	z-index: 99999;
	box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, .21);
}

p.copied span {
	float: left;
	width: 100%;
}

p.copied .text {
	display: none;
}

.aload {
	font-size: 20px;
	/* change size here */
	position: relative;
	width: 4em;
	height: 1em;
	margin: 10px auto;
}

.aload span {
	display: block;
	width: 1em;
	height: 1em;
	border-radius: 0.5em;
	background: #555;
	/* change color here */
	position: absolute;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}

.aload span:nth-child(1),
.aload span:nth-child(2) {
	left: 0;
}

.aload span:nth-child(3) {
	left: 1.5em;
}

.aload span:nth-child(4) {
	left: 3em;
}

@keyframes reveal {
	from {
		transform: scale(0.001);
	}
	to {
		transform: scale(1);
	}
}

@keyframes slide {
	to {
		transform: translateX(1.5em)
	}
}

.aload span:nth-child(1) {
	animation-name: reveal;
}

.aload span:nth-child(2),
.aload span:nth-child(3) {
	animation-name: slide;
}

.aload span:nth-child(4) {
	animation-name: reveal;
	animation-direction: reverse;
}

#load-more {
	font-size: 20px;
	padding: 8px 10%;
	border: 2px solid #007fff;
	color: #007fff;
	margin: 10px 0 5px 0;
	cursor: pointer;
	background: #fff;
	text-align: center;
	outline: none;
	border-radius: 3px;
}

#load-more:hover {
	background: #007fff;
	color: #fff;
}

.last11 {
	font-size: 20px;
	margin: 2px 0;
	padding: 2px 0;
}

.page11 {
	text-align: center;
	color: #777;
	float: left;
	width: 100%;
}

p.aryapage,
.blog-feeds {
	display: none;
}

#footer-sec .thumb img {
	width: 70%
}

@media only screen and (max-width: 970px) {
	.menusection,.right-sec{
		width: 70%;
	}
	span.open{
		top: 50%;
	}
	.thenitesharya-text .clear {
		top: 2px;
		right: 0;
	}
	.input-box {
		margin-bottom: 0;
	}
	.input-box textarea {
		width: 100%
	}
	h1 {
		font-size: 2em;
	}
	h2 {
		font-size: 1.5em;
	}
	.resp-sharing-button {
		padding: 2px 15px;
	}
	.settings {
		margin: 5px 5px 0;
	}

	#scroll {
		right: 0;
		border-radius: 3px 0 0 3px;
	}
	.site-title {
		height: 48px;
	}
	.emojisymbolsmain {
		padding: 10px 0;
		overflow: hidden;
	}
	#footer-sec {
		margin: 0 5px
	}
	#footer-sec img {
		width: 100%;
	}
}

@media only screen and (max-width: 600px) {
	.emojisymbols div {
		font-size: 17px;
	}
	.site-title h2, .site-title h2 a {
		font-size: 26px;
	}
}










.social-color .blogger a{background-color:#ff5722}
.social-color .facebook a{background-color:#3b5999}
.social-color .twitter a{background-color:#00acee}
.social-color .gplus a{background-color:#db4a39}
.social-color .youtube a{background-color:#db4a39}
.social-color .instagram a{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)}
.social-color .pinterest a{background-color:#ca2127}
.social-color .dribbble a{background-color:#ea4c89}
.social-color .linkedin a{background-color:#0077b5}
.social-color .tumblr a{background-color:#365069}
.social-color .twitch a{background-color:#6441a5}
.social-color .rss a{background-color:#ffc200}
.social-color .skype a{background-color:#00aff0}
.social-color .stumbleupon a{background-color:#eb4823}
.social-color .vk a{background-color:#4a76a8}
.social-color .stack-overflow a{background-color:#f48024}
.social-color .github a{background-color:#24292e}
.social-color .soundcloud a{background:linear-gradient(#ff7400,#ff3400)}
.social-color .behance a{background-color:#191919}
.social-color .digg a{background-color:#1b1a19}
.social-color .delicious a{background-color:#0076e8}
.social-color .codepen a{background-color:#000}
.social-color .flipboard a{background-color:#f52828}
.social-color .reddit a{background-color:#ff4500}
.social-color .whatsapp a{background-color:#3fbb50}
.social-color .messenger a{background-color:#0084ff}
.social-color .snapchat a{background-color:#ffe700}
.social-color .email a{background-color:#888}

.social-text .blogger a:after{content:"Blogger"}
.social-text .facebook a:after{content:"Facebook"}
.social-text .twitter a:after{content:"Twitter"}
.social-text .gplus a:after{content:"Google Plus"}
.social-text .rss a:after{content:"Rss"}
.social-text .youtube a:after{content:"YouTube"}
.social-text .skype a:after{content:"Skype"}
.social-text .stumbleupon a:after{content:"StumbleUpon"}
.social-text .tumblr a:after{content:"Tumblr"}
.social-text .vk a:after{content:"VKontakte"}
.social-text .stack-overflow a:after{content:"Stack Overflow"}
.social-text .github a:after{content:"Github"}
.social-text .linkedin a:after{content:"LinkedIn"}
.social-text .dribbble a:after{content:"Dribbble"}
.social-text .soundcloud a:after{content:"SoundCloud"}
.social-text .behance a:after{content:"Behance"}
.social-text .digg a:after{content:"Digg"}
.social-text .instagram a:after{content:"Instagram"}
.social-text .pinterest a:after{content:"Pinterest"}
.social-text .twitch a:after{content:"Twitch"}
.social-text .delicious a:after{content:"Delicious"}
.social-text .codepen a:after{content:"CodePen"}
.social-text .flipboard a:after{content:"Flipboard"}
.social-text .reddit a:after{content:"Reddit"}
.social-text .whatsapp a:after{content:"Whatsapp"}
.social-text .messenger a:after{content:"Messenger"}
.social-text .snapchat a:after{content:"Snapchat"}
.social-text .email a:after{content:"Email"}
.social-text .external-link a:after{content:"WebSite"}


dl, ul {
    list-style-position: inside;
    font-weight: 400;
    list-style: none;
}


.post-share{position:relative;overflow:hidden;line-height:0;margin:0 0 30px}
ul.share-links{position:relative}
.share-links li{width:18%;float:left;box-sizing:border-box;margin:0 5px 0 0}
.share-links li.facebook,.share-links li.twitter,.share-links li.gplus{width:18%}
.share-links li a{float:left;display:inline-block;cursor:pointer;width:100%;height:28px;line-height:28px;color:#fff;font-weight:400;font-size:13px;text-align:center;box-sizing:border-box;opacity:1;margin:0;padding:0;transition:all .17s ease}


.is-mobile li.whatsapp-mobile{display:inline-block}

.share-links li a:hover{opacity:.8}
ul.post-nav{position:relative;overflow:hidden;display:block;margin:0 0 30px}