::-webkit-scrollbar-thumb {
	background: #0141d0
}

::-webkit-scrollbar-track {
	background: #f9f9f9
}

::-webkit-scrollbar {
	width: 2px
}


*,
body,
html {
	box-sizing: border-box
}

body,
html {
	padding: 0;
	margin: 0;
	height: 100%;
	line-height: 1.5;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	background: #fff;
}

.ads {
    display: table;
    width: 100%;
    margin: 10px 0px;
    float: left;
}  

a {
    color: #ff5722;
    text-decoration: none;
    padding: 6px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

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

/* header */

nav a {
    display: inline-block;
    padding: 1px 10px;
    text-decoration: none;
    color: f1f1f1;
    font-size: 22px;
}
.header {
    background: linear-gradient(to left, #0575e6, #021b79);
    height: 40px;
    margin: 0px;
}

div#header {
    margin-top: -30px;
}

.site-branding-text {
	color: #FFF;
	text-align: center;
}

p.site-title {
	margin: 0;
}

.site-title a {
		text-align: center;
		color: #fff;
		padding: 3px;
		display: block;
		font-size: 25px;
		text-transform: none;
}
.container {
	max-width: 950px;
	margin: 0 auto;
	text-align: center;
}

/* left side menu */
.leftsection {
    float: left;
    width: 23%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: #2a5fd2;
	box-shadow: 5px 1px 4px 0 rgba(0,0,0,.08);
	display: none;
}
.leftsection .close {
    position: absolute;
    right: -45px;
    top: 10px;
    font-size: 18px;
    padding: 10px 17px;
    border: none;
    background: #ff5722;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    z-index: 3;
}
.leftsection h2 {
    text-align: center;
    margin: 5px;
    font-size: 1.4rem;
}
.leftsection h2 a {
    color: #fff;
    text-transform: none;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
}
.bookmarks a {
    display: block;
    text-align: right;
    padding: 10px 15px;
    color: #ffffff85;
    text-transform: uppercase;
}

#mobile-fly-menu {
	display: block;
	position: absolute;
    cursor: pointer;
    width: 50px;
    height: 40px;
    float: left;
}
#mobile-fly-menu:hover span {
    background: #fff;
}
#mobile-fly-menu span:nth-child(1) {
    top: 10px;
    width: 38px;
}
#mobile-fly-menu span:nth-child(2){top:19px;width:30px}
#mobile-fly-menu span:nth-child(3){top:28px;width:22px}
#mobile-fly-menu span{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:#ffffff8f}

.site-link {
	position: absolute;
	left: 0;
    bottom: 0;
	right: 0;
	padding-bottom: 20px;
}
.site-title a {
    color: #fff;
    padding: 0px;
    display: block;
    font-size: 25px;
    text-transform: none;
    TEXT-DECORATION: NONE;
    font-family: 'Oswald', sans-serif;
}
.site-link a:hover {
    color: #fff9;
}
.bookmarks a:hover{
	background: #fff;
	color: #000;
}

/* main content */
.mainsection {
	width: 100%;
	margin-top: 10px;
}
.emojidetails {
    position: relative;
    display: inline-block;
    margin: 4px;
	background: #fff;
	border: 2px solid #f7f7f7;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.emojidetails span {
    display: block;
    padding: 5px 22px 0;
    overflow: hidden;
    font-size: 40px;
    background: #fff;
    border-radius: 3px;
}
.emojidetails p {
    font-size: 8px;
    padding: 2px;
    width: 100%;
    margin: 0;
    bottom: 0;
    background: #f3f5f8;
    color: #777;
    text-transform: uppercase;
}
.emojidetails:hover{
	border-color: #0141d0;
}
p.copied {
	position: fixed;
	width: 260px;
    right: 0;
	bottom: 25%;
    background: #0141d0;
    color: #fff;
    padding: 5px 10px;
	border-radius: 0;
	z-index: 99999;
	box-shadow: 0px 0px 8px 0 rgba(0,0,0,.41);
}
p.copied span {
    float: left;
    width: 100%;
}
p.copied .text {
    background: transparent;
    color: #fff;
    border: none;
    width: 100%;
}
/* bottom menu */
.links {
	text-align: center;
	margin-top: 10px;
	clear: both;
	float: left;
	width: 100%;
}

.links a {
	background: #fff;
    display: inline-block;
    margin: 3px;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    padding: 7px 14px;
    text-align: center;
    box-shadow: 2px 2px 4px #ccc;
}

.links a:hover {
	background: #0041d0;
	color: #fff;
}
#scroll:hover {
    background-color: #ffd700;
    border: 2px #0141d0 solid;
    opacity: 1;
}
#scroll {
    position: fixed;
    right: 15px;
    bottom: 120px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #0000ff;
    text-indent: -9999px;
    display: none;
    z-index: 9999999;
    border-radius: 5px;
    border: 1px gold solid;
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #ffffff;
}


/* footer css */
.footer {
	width: 100%;
	float: left;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	background: #fff;
	padding-bottom: 50px;
}

.footer p {
	color: #444
}

.copyright-area {
    text-transform: uppercase;
    color: #444;
    margin-top: 15px;
}
.copyright-area a{
    color: #0141d0;
}
::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #021b79;
}

/* responsive css */
@media only screen and (max-width:970px) {

	.leftsection{
		width: 75%;
	}

	.mads{
		width: 100%; height: 90px;
	}


	#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;
	}

	#mobile-fly-menu{position: absolute;}

	

	.container {
		max-width: 100%;
	}
	
	.rightside {
		width: 100%;
		margin-left: 0%;
	}
	.footer .thumb {
		width: 90%;
	}
	#myBtn {
		bottom: 20%;
	}
}

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


	.container {
		width: 100%;
	}
	.mads{
        width: 100%; height: 50px; 
    }
	
	.footer img {
		width: 90%;
	}
	.site-info {
		padding: 0 5px;
	}

	.site-title a {
		font-size: 18px;
    padding: 6px;
	}
	p.copied {
		width: 50%;
	}


	.footer .thumb img {
		width: 100%;
	}
span#sharebutton {
    display: table !important;
    margin-bottom: -206px;
    margin-left: 50px;
}
}







p.first.para {
    background: #c7eaca;
    padding: 7px;
    border-radius: 0px 9px;
    box-shadow: 0px 0px 8px 1px rgba(7, 13, 47, 0.54);
}
li#blockquote {
    background: #e6f3ff;
    margin: 10px;
}
p {
    text-align: left;
    font-size: 19px;
    line-height: 1.625;
    margin-left: 10px;
    margin-right: 10px;
    font-family: 'Roboto', sans-serif;
}

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

img#contatus {
    width: 90%;
}

a {
    color: #ff5722;
    text-decoration: none;
    padding: 2px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

a.linkbutton {
    text-decoration: none;
    background: #0141d0;
    padding: 10px 30px;
    border: black;
    border-radius: 5px;
    color: #ffffff;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.63);
}

a.linkbutton:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    background: #1c0b77;
}

li {
    margin-left: 40px;
}

ul {
    text-align: left;
    font-size: 20px;
    padding: 5px;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
}

iframe#youtube {
    width: 720px;
    height: 405px;
    background: #d5d6ec9e;
    padding: 4px;
    margin: 20px auto;
    margin-bottom: 30px;
    border-radius: 20px;
    box-shadow: 0px 0px 20px 10px rgba(10, 0, 0, 0.48);
}

img#infographic {
    width: 75%;
}

img#howtoreset {
    margin-top: 0px;
    width: 50%;
}

h1,
h2,
h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

h1.first-heading {
    padding: 5px;
    font-size: 34px;
    text-align: center;
    background: rgb(1 65 208);
    box-shadow: 0px 6px 20px 0px rgba(10, 0, 0, 0.48);
    border: 0;
    backface-visibility: hidden;
    border-radius: 8px;
    color: #ffffff;
}

h2.second-heading {
    background: #c7eaca;
    padding: 3px;
    border: black;
    border-radius: 5px;
    color: #000000;
    text-align: center;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.63);
}

h3.third-heading {
    padding: 5px;
    border-bottom: 2px solid blue;
    border-radius: 5px;
    font-weight: 500;
    font-size: 25px;
}

img {
    border: 2px gold solid;
    width: 60%;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px rgba(7, 13, 47, 0.54);
}

img#coloum {
    width: 45%;
    margin: 15px;
}

.thumb {
    text-align: center;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td,
th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

.small {
    margin: 25px;
    width: 235px;
    margin: 20px -40px 20px 330px;
}

.thumb-small {
    width: 17%;
    margin-bottom: 26px;
    margin-left: 365px;
}

.button a {
    /* margin-top: 20px; */
    padding: 14px 30px;
    background: #213c86;
    color: white;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px 1px;
    margin: 20px -40px 11px 0px;
}

.button a:hover {
    background-color: rgb(90, 17, 17);
    box-shadow: 0px 5px 20px 7px rgba(7, 17, 47, 0.36);
}

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

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0.5em
}

.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    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--hackernews {
    background-color: #FF6600
}

.resp-sharing-button--hackernews:hover,
.resp-sharing-button--hackernews:focus {
    background-color: #FB6200
}

.resp-sharing-button--vk {
    background-color: #507299
}

.resp-sharing-button--vk:hover {
    background-color: #43648c
}

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

.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--tumblr {
    background-color: #35465C;
    border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
    background-color: #222d3c;
    border-color: #222d3c;
}

.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--pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
    background-color: #8c0615;
    border-color: #8c0615;
}

.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;
}

img#webstore {
    width: 24%;
    border: 1px rgb(229 229 229) solid;
    box-shadow: none;
    margin: 0 auto;
    border-radius: 8px;
}

/*

@ media (min-w idth: 768px) and (max-width: 905px)
*/

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

    header {
        font-size: 14px;
        margin-bottom: 35px;

        padding-top: 10px;
    }

    h1.entry-title {
        font-size: 24px;
        padding: 10px 29px;
    }

    h2 {
        font-size: 18px;
        padding: 10px 20px;
    }

    .thumb {
        width: 66%;
        margin-left: 160px;
    }

    .info ul {
        list-style: initial;
        font-size: 15px;
        line-height: 20px;
    }

    .column {

        width: 48%;
    }

    .columns {

        width: 48%;

    }

    .container {
        margin: 0 auto;
        width: 90%;
    }

    .button a {
        /* margin-top: 20px; */
        padding: 14px 30px;
        background: #213c86;
        color: white;
        text-decoration: none;
        display: inline-block;
        border-radius: 32px 1px;
        margin: 38px 179px 20px 150px;
    }

    iframe#youtube {
        width: 600px;
        height: 337px;
    }

    img {
        width: 80%;
    }
}

@media screen and (max-width: 479px) {
    p.site-title {
        text-align: center;
    }

    h1.first-heading {
        font-size: 20px;
    }

    header a {

        font-size: 27px;
    }

    body {
        font-size: 11px;
    }

    header p {
        font-size: 12px;
    }

    li {
        margin-left: 20px;
        font-size: 15px;
    }


    nav a {

        font-size: 13px;

    }

    a {

        font-size: 16px;
    }

    ul#toc {
        margin: 0 12%;

    }


    p.des {

        font-size: 12px;
    }

    img {
        width: 90%;
    }

    img#howtoreset {
        margin-top: 0px;
        width: 98%;
    }

    img#infographic {
        width: 100%;
    }

    img#coloum {
        width: 185%;
        margin: 15px;
    }

    .container {
        margin: 0 auto;
        width: 90%;
    }

    .lap {
        /* text-align: justify; */
        font-size: 11px;
    }

    .thumb {
        width: 95%;
        margin-left: 0px;
    }

    .info {
        float: left;
        width: 100%;
        text-align: justify;
    }

    .info ul {
        list-style: initial;
        /* font-size: 14px; */
        line-height: 22px;
        /* width: 95%; */
        margin-left: 10px;
    }

    .column {

        width: 48%;
    }

    .columns {

        width: 48%;

    }

    ul p {
        font-size: 13px;
        margin: 5px 10px;
    }

    h1.entry-title {
        font-size: 12px;
        padding: 10px 10px;
    }

    h2 {
        font-size: 19px;
        padding: 6px 12px;
        margin-top: 17px;
    }

    h3 {

        margin: auto;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    p {
        font-size: 16px;
        text-align: left;
        margin-left: 5px;
        margin-right: 5px;
        line-height: 1.680;
    }

    .button a {

        font-size: 15px;
        padding: 10px;

        margin: 21px 100px 20px 100px;
        border-radius: 22px 0px;
    }

    iframe#youtube {
        width: 325px;
        height: 185px;
    }

    #main {
        max-width: 350px;
    }

    .thumb-small {
        width: 17%;
        margin-bottom: 26px;
        margin-left: 174px;
    }

    a.site-title {
        font-size: 25px;
        font-family: 'Pacifico', cursive;
    }
}






.linkbutton {
    text-align: center;
}

h2 {
    font-size: 2.2em;
    margin: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    float: left;
    width: 100%;
}

.linkbutton a {
background: #007fff;
color: #fff;
display: inline-block;
text-decoration: none;
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;
}

.linkbutton a:hover {
opacity: 0.7;
}







body#layout {
	width: 800px;
	position: relative;
	padding: 95px 5px 0;
	margin: 0
}

body#layout div.section {
	margin: 0 5px 10px!important;
	padding: 16px 16px 18px!important
}

body#layout .section h4 {
	font-size: 14px;
	margin: 0
}

body#layout #header-wrap {
	height: auto
}

body#layout .header-header {
	float: left;
	width: 100%;
	height: auto;
	padding: 0
}

body#layout .header-header .container {
	display: flex
}

body#layout div.header-logo,
body#layout div.header-ads {
	float: left;
	width: 100%;
	height: auto;
	max-width: none;
	max-height: none
}

body#layout .header-ads .widget-content {
	width: auto
}

body#layout .header-ads .add_widget {
	padding: 15px!important
}

body#layout .mobile-header {
	display: block;
	width: 100%;
	height: auto
}

body#layout .mobile-menu {
	display: none
}

body#layout .header-menu {
	float: left;
	width: 100%;
	height: auto
}

body#layout #main-menu {
	height: auto
}

body#layout #hot-wrapper .widget {
	display: block
}

body#layout #content-wrapper {
	margin: 0
}

body#layout #content-wrapper>.container {
	display: flex;
	margin: 0
}

body#layout #main-wrapper {
	width: 100%;
	padding: 0
}

body#layout .footer-widgets-wrap {
	display: flex
}

body#layout .footer-widgets-wrap div.footer {
	width: 100%
}