html {
    font-size: 62.5%;
    height: 100%;
    min-height: 100%;
}

body {  
	background:#f7f5f9;
    color: #080266;
    font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-style: normal;
    font-size: 1.8rem;
    font-weight: 600;
    height: 100%;
    min-height: 100%;    
}

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

ul {
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}

img {
    max-width: 100%;
}

/*******************************CONTAINERS*******************************/

.container {
	width:1170px;
	margin:0 auto;
}

header {
	position: relative;
	margin-top: 7%;
}

header .container {
	position: relative;
}

.navigation.inner_nav {
	display: none;
}

.navigation {
	overflow: hidden;
	background:rgba(40, 117, 250, 0.95);
	color:white;
	position: fixed;
	width:100%;
	left:0;
	top:0;
	z-index: 99;
}

.navigation nav {
	margin-left:auto;
}

.navigation span.logo_img {
	position: absolute;
	top: 18px;
	left: -2px;
	width: 10px;
	content: url(../img/o_2.png);
}

.navigation nav a {
	color:white;
	text-decoration: none;
	font-size: 1.3rem;
	display:block;
	text-transform: uppercase;
	padding:1% 2%;
	border-radius: 300px;
	background:rgba(0,0,0,0.2);
	padding: 8px 15px;
}

.navigation nav a.active_menu {
	background:rgba(0,0,0,0.4);
}

.navigation nav a:hover {
	background:rgba(0,0,0,0.6);
}

.navigation h2 span.logo_text {
	color:white;
	font-size: 2.4rem;
	-webkit-background-clip: text;
	-webkit-text-fill-color: white;
}

.navigation .container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.navigation nav ul {
	overflow: hidden;
}

.navigation nav ul li {
	display: inline-block;
}

.overlay {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	min-height: 100%;
	background: rgba(0,0,0,0.9);
	z-index: 100;
}

.result {
	position: absolute;
	top:100%;
	left:25%;
	width:50%;
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
}

.result.inner_result {
	left:0;
	width:100%;
	text-align: center;
}

.result p {
	margin:0;
}

.result p:last-child a {
	border-bottom:0;
}

.result p a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: white;
	padding: 2% 0;
	border-bottom: solid 1px rgba(255,255,255,0.3);
}

.result p a:hover {
	background:#2773fb;
}

.result li {
	list-style: none;
}

.big_search {
	width:70%;
	position: relative;
}

.big_search input[type="text"] {
	display:block;
	width:100%;
	font-size: 2.5rem;
	outline: none;
	border:none;
	border-bottom: solid 2px #6813cc;
	background:none;
	padding:1% 0;
	color:white;
}

.big_search input[type="submit"] {
	background: url(../img/search.png) no-repeat center center;
	width: 36px;
	height: 40px;
	background-size: cover;
	border: none;
	outline: none;
	position: absolute;
	right: 2%;
	top: 0;
	opacity: .7;
}

.big_search input[type="submit"]:hover {
	opacity: .8;
}

a.close_search {
	position: absolute;
	top:2%;
	right:2%;
	display: block;
	width:25px;
	opacity: .7;
}

a.close_search img {
	max-width: 100%;
	display: block;
}

a.close_search:hover {
	opacity: .8;
}

.main_search {
	position: relative;
}

.social_bar {
	position: absolute;
	right:0;
	top:43%;
}

.social_bar ul li {
	display: inline-block;
	width:20px;
	margin:0 5px;
}

.main_search input[type="text"] {
	border:none;
	outline:none;
	padding:2% 2%;
	font-size: 2rem;
	background:white;
	border-radius: 100px;
	display: block;
	width:100%;
	z-index: 5;
	font-weight: 600;
	margin:7% 0;
	padding-top: 2.3%;
	
}

.main_search input[type="submit"] {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e21265+0,ad1890+50,7b2089+100 */
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
	border:none;
	outline:none;
	color:white;
	border-radius: 50px;
	font-size: 2.2rem;
	padding:2.2% 4%;
	position: absolute;
	right:-2px;
	top:-1px;
	z-index: 10;
	font-weight: 600;
	cursor: pointer;
}

.main_search input[type="submit"]:hover {
	background:#6813cc;
}

.intro_text {
	overflow: hidden;
	margin-top: 2%;
	margin-bottom: 4%;
}

#top_searches {
	overflow: hidden;
	margin-bottom: 3%;
}

#top_searches ul {
	overflow: hidden;
}

#top_searches ul li {
	display: block;
	float:left;
	width:19%;
	margin-right:calc(5% / 4);
	margin-bottom: calc(5% / 4);
}

#top_searches ul li:nth-child(5), #top_searches ul li:nth-child(10) {
	margin-right:0;
}

#categories ul {
	overflow: hidden;
}

#categories ul li {
	position: relative;
	z-index: 10;
	float:left;
	width:18%;
	margin-right:calc(10% / 4);
	margin-bottom:2.5%;
	overflow: hidden;	
	border-radius: 20px;
}

#categories ul li:nth-child(5), #categories ul li:nth-child(10), #categories ul li:nth-child(15) {
	margin-right:0;
}

.cat_overlay {
	display:block;
	width:100%;
	left:0;
	top:0;
	z-index: 5;
	width:100%;
	height:100%;
	position: absolute;
}

#categories .cat_text {
	z-index: 5;
	position: relative;
}

#categories ul li img {
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
}

#articles {
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
	overflow: hidden;
	padding:3% 0;
	color:white;
}

#articles ul {
	overflow: hidden;
	list-style: disc;
	list-style-position: inside;
}

#articles ul li {
	width: 50%;
	float:left;
	margin:2% 0;
}

#recent {
	padding:3% 0;
	overflow: hidden;
}

.slider_wrapper {
	width:80%;
	margin:0 auto;
}

#slider ul {
	overflow: hidden;	
}

#slider li.recent_list {
	background: #2773fb;
	background: -moz-linear-gradient(top,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(top,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to bottom,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
	border-radius: 10px;
	padding-bottom: 30px;
}

#slider ul.usernames_list {
	margin-bottom: 10%;
}

#slider ul.usernames_list li {
	margin-bottom: 3%;
	padding:0 10%;
}

#intro_text {
	/*background:#00022d;*/
	font-size: 1.5rem;
	padding:3% 0;
	line-height: 150%;
}

footer {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e21265+0,ad1890+50,7b2089+100 */
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
	color:white;
	padding:3% 0;
	text-align: center;
}

footer nav {
	margin-bottom: 3%;
}

header.inner_header {
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
	color:white;	
	padding:1% 0;
	margin-top: 0;
}

header.inner_header .container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.search_bar {
	width:20%;
	margin-left: auto;
	position: relative;
}

.logo {
	width:35%;
}

.search_bar input[type="search"] {
	background:rgba(0,0,0,0.5);
	color:white;
	display:block;
	position: relative;
	border:none;
	border-radius: 100px;
	outline:none;
	width:100%;
	padding:3% 8%;
}

.search_bar input[type="submit"] {
	background:url(../img/search.png) no-repeat center center;
	width: 21px;
	height: 24px;
	background-size: cover;
	outline: none;
	border: none;
	color: none;
	position: absolute;
	display: block;
	right: 15px;
	top: 6px;
	cursor: pointer;
}

.main_profile {
	overflow: hidden;
	margin-bottom: 7%;
}

.profile_pic {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top:7%;
}

#profile, #contact {
	padding:3% 0;
}

.profile_details {
	width:40%;
	float:left;
}

.profile_text {
	width:50%;
	float:right;
}

.profile_pic img {
	width:100%;
	border-radius: 24px;
}

.profile_pic img.main_snap_pic {
	width:40%;
	margin:0 3%;
	border-radius: 33px;
}

li.lslide img, li.clone img {
	border-radius: 30px;
}

#like_list li img, #like_list li.clone img {
	border-radius: 30px;
}

.profile_snaps ul {
	overflow: hidden;
}

.profile_snaps ul li {
	float:left;
	width:15%;
	border-radius: 20px;
	overflow: hidden;
	margin-right:calc(25% / 4);
}

.profile_snaps ul li:last-child {
	margin-right: 0;
}

ul.trending .tags {
	margin-top:11%;
}

.tags {
	margin-top: 11%;
}

.profile_snaps .tags ul, #subcat .tags ul {
	text-align: center;
}

.profile_snaps .tags ul li,  #subcat .tags ul li {
	width:auto;
	margin-right:3px;
	display: inline-block;
	float:none;
	border-radius: 3px;
}

#profiles_like, #more_cat {
	padding:3% 0;	
}

#more_cat {
	background: white;
}

#social_media {
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
	color:white;
	padding:3% 0;
}

#social_media ul li {
	display: block;
	width:100%;
	text-align: center;
	margin-bottom: 3%;
}

#social_media ul li:last-child {
	margin-bottom: 0;
}

#social_media ul li a {
	display: flex;
	justify-content: center;
	align-content: center;
}

#social_media ul li span {
	display: inline-block;
	margin-right: 10px;
	max-width: 30px;
	margin-top: -5px;
}

#social_media ul li img {
	display:block;
	width:100%;
}

.mobile_nav, .burger_menu, #mobile_search, .mobile_top {
	display: none;
}
 
.mobile_add {
	display: none;
}

#subcat_list, #subcat, #category_text, #categories {
	padding:3% 0;
}

#categories {
	background:white;
}

#categories.inner_cat {
	background:#1f1f1f;
}

#category_text {
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
	color: white;
}

#subcat_list {
	background:white;
}

#subcat_list ul {
	overflow: hidden;
}

#subcat_list ul.pagination {
	text-align: center;
}

#subcat_list ul.pagination li {
	width:auto;
	float:none;
	display: inline-block
}

#subcat_list ul.pagination li a {
	color:#F50057;
	text-decoration: none;
}

#subcat_list ul li {
	float:none;
	display: inline-block;
	width:9%;
	margin-right:calc(10% / 9);
	margin-bottom:13px;
}

#subcat_list ul li:nth-child(10n) {
	margin-right:0;
}

#subcat_list ul li a {
	display:block;
	text-align: center;
	text-decoration: none;	
}

#subcat_list ul li a:hover {
	text-decoration: underline;
}

#subcat_list ul li a img {
	display: block;
	text-align: center;
	border-radius: 20px;
}

.top100 {
	overflow: hidden;
}

.top100 ul li {
	display: block;
	width:100%;
	overflow: hidden;
	padding:1%;
	border-radius: 10px;
	margin-bottom: 2%;
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
}

.top100 ul.trending li {
	width:80%;
	position: relative;
	overflow: visible;
}

.top100 ul.trending li.hot:after {
	position: absolute;
	content: url(../img/hot.svg);
	width: 5%;
	top: 35%;
	right: -15%;
}

.top100 ul.trending li.cold {
	margin-left:20%;
	background: #006ff4; /* Old browsers */
	background: -moz-linear-gradient(left,  #006ff4 0%, #0074db 50%, #0056ce 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #006ff4 0%,#0074db 50%,#0056ce 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #006ff4 0%,#0074db 50%,#0056ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ff4', endColorstr='#0056ce',GradientType=1 ); /* IE6-9 */
}

.top100 ul.trending li.cold:after {
	position: absolute;
	content: url(../img/cold.svg);
	width: 5%;
	top: 35%;
	left: -15%;
}

.top100 ul li .top_img img {
	border-radius: 32px;
}

.top100 .tags ul li {
	padding:0;
}

.top_img {
	float:left;
	width:15%;
}

.top_content {
	float:right;
	width:82%;
}

#contact {
	margin-bottom: 30vh;
}

#contact form {
	width:50%;	
	margin:0 auto;
}

#contact form input[type="text"], #contact form input[type="email"], #contact form textarea {
	display: block;
	width:100%;
	border:none;
	outline: none;
	margin-bottom: 2%;
	background:rgba(245, 0, 87, 0.3);
	padding:2% 3%;
	border-radius: 100px;
	color:white;
}

#contact form textarea {
	resize: none;
	border-radius: 20px;
}

#contact form input[type="text"]:focus, #contact form input[type="email"]:focus, #contact form textarea:focus {
	background:rgba(245, 0, 87, 0.5);
}

#contact form input[type="submit"] {
	background: #e21265;
	background: -moz-linear-gradient(left,  #e21265 0%, #ad1890 50%, #7b2089 100%);
	background: -webkit-linear-gradient(left,  #e21265 0%,#ad1890 50%,#7b2089 100%);
	background: linear-gradient(to right,  #e21265 0%,#ad1890 50%,#7b2089 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e21265', endColorstr='#7b2089',GradientType=1 );
	border: none;
	outline: none;
	color:white;
	display:block;
	width:100%;
	text-transform: uppercase;
	border-radius: 100px;
	padding:2%;
	cursor: pointer;
	font-size: 2.0rem;
	margin-top: 3%;
}

#contact form input[type="submit"]:hover {
	background:#7b2089;
}

#contact form iframe {
	margin: 1% auto;
    margin-left: 38%;
}

#cms {
	padding-bottom:5%;
}

.article_view table {
	width:100%;
	background:white;
	border-radius: 10px;
	border-collapse: collapse;
}

.article_view table thead td {
    background: #2773fb;
    padding:10px;
    color:white;
    border-right: solid 1px white;
    text-transform: uppercase;
}

.article_view table thead td:last-child {
	text-align: center;
}

.article_view table thead td:last-child {
	border-right: none;
}

.article_view table tbody td {
    padding:0px 10px;
    border-bottom:solid 1px rgba(39, 115, 251, 0.05); 
    border-right:solid 1px rgba(39, 115, 251, 0.05); 
    font-size:1.5rem;
}

.article_view table tbody td:nth-child(2) p {
	font-size: 1.2rem;
    font-style:italic;
    color:#666;
}

.article_view table tbody td:last-child {
	border-right:none;
}

.article_view table tbody td:last-child ul {
	text-align: center;
}

.article_view table tbody td:last-child ul li {
	display: inline-block;
	font-size:2rem;
}

.article_view table tbody td:last-child ul li:nth-child(2) {
    margin-left:10px;
    margin-right:10px;
}

.article_view table tbody td p {
	font-size: 1.6rem;
}

.article_view table tbody td:last-child ul li:nth-child(1) a {
    color:rgb(195, 42, 42);
}

.article_view table tbody td:last-child ul li:nth-child(2) a {
    color:rgb(33, 159, 122);
}

.article_view table tbody td:last-child ul li:nth-child(3) a {
    color:#2773fb;
}

a.add_article {
    display:block;
    width:25%;
    margin:3% auto;
    text-align: center;
    color:white;
    border-radius: 10px;
    background: #2773fb;
    background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
    background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
    background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
    padding:1% 0;
    text-decoration: none;
    margin-bottom: 0;
    text-transform: uppercase;
}

a.add_article:hover {
	background:#6813cc;
}

a.add_article span {
	display: inline-block;
	margin-right: 5px;
}

.article_add {
    width:50%;
    margin:0 auto;
}

.article_add input[type="text"], .article_add textarea, .article_add input[type="email"], .article_add input[type="password"] {
    display:block;
    width:100%;
    padding:10px;
    border-radius:10px;
    border:solid 1px rgba(0,0,0,0.1);
    margin-top:2%;
    margin-bottom:5%;
}

.article_add textarea {
    resize:none;
}

.article_add label {
    display:block;
}

.article_add input[type="submit"] {
	display:block;
	border:none;
	outline:none;
    width:50%;
    margin:3% auto;
    text-align: center;
    color:white;
    border-radius: 10px;
    background: #2773fb;
    background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
    background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
    background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
    padding:2% 0;
    text-decoration: none;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 600;
}

.article_add input[type="submit"]:hover {
	background:#6813cc;
}

.alert {
	display: none;
}
.alert-warning {
	color: plum;
}

.user_bar {
	display: flex;
	align-items: center;
}

.admin_controls {
	margin-left:auto;
}

.admin_controls ul li {
	display: inline-block;
}

.admin_controls ul li:first-child {
	margin-right:10px;
}

.admin_controls ul li:first-child a {
	color:#080266;
	text-decoration: none;
}

.welcome p {
	font-weight: 300;
}

a.logout_btn input#logout {
	display: block;
	text-align: center;
	color: white;
	border-radius: 10px;
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
	padding: 1% 0;
	text-decoration: none;
	margin-bottom: 0;
	outline: none;
	border: none;
	padding: 10px 15px;
	cursor: pointer;
	font-weight: 600;
    text-transform: uppercase;
    font-size: 1.4rem;
}

a.logout_btn input#logout:hover {
	background:#6813cc;
}

ul.pagination {
	text-align: right;
	margin-top: 1%;
}

ul.pagination a {
	text-decoration: none;
	color:#080266;
}

.article_view table tbody td:nth-child(2) {
	text-align: center;
}

.article_view table tbody td:nth-child(2) a {
	font-size: 3rem;
	color:rgb(33, 159, 122);
}


/*******************************ADS*******************************/

ul.centro {
	list-style: none;
	overflow: hidden;
	margin-bottom: 8%;
}

ul.centro li {
	display: block;
	float:left;
	width:23%;
}

ul.centro li:nth-child(2), ul.centro li:nth-child(3) {
	margin-left:2%;
	margin-right:2%;
}

ul.centro li a {
	cursor: pointer;
	text-decoration: none;
}

ul.centro a h6 {
	color: #2773fb;
	display: block;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0px;
	padding: 0;
	text-align: center;
	margin-bottom: 3%;
}

ul.centro a h6 span {
	display: block;
	font-size: 0.8em;
	font-weight: 400;
}

ul.centro li a:hover > h6 {
    text-decoration:underline;
}

ul.centro li img {
	display: block;
	max-width: 100%;
}


/*******************************TYPOGRAPHY*******************************/

h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 7rem;
	text-align: center;
	text-transform: uppercase;
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

h2.section-title {
	font-size: 3.5rem;
}

.article_title h2, .article_body h2 {font-size:2.6rem;}.article_body a{color:#2773fb}.article_body{margin-bottom:5%}

.navigation h2 {
	color:white;
	font-size: 2rem;
	-webkit-background-clip: text;
	-webkit-text-fill-color: white;
	text-align: left;
}

.intro_text h6 {
	color: #080266;
}

h6 {
	font-weight: 600;
	font-size: 5rem;
	margin:1% 0;
	text-align: center;
}

h6 span {
	font-weight: 700;
}

h2 span.logo_text {
	font-size: 9rem;
	position: relative;
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

h2 span.logo_img {
	position: absolute;
	top: 77px;
	left: -18px;
	width: 40px;
	content: url(../img/o_3.png);
}

header.inner_header h2 span.logo_img {
	position: absolute;
	top: 23px;
	left: -5px;
	width: 15px;
	content: url(../img/o_2.png);
}

header.inner_header h2 {
	font-size: 2.3rem;
	text-align: left;
	background:none;
	color:white;
	-webkit-text-fill-color:white;
}

header.inner_header h2 span.logo_text {
	font-size: 3rem;
	background:none;
	color:white;
	-webkit-text-fill-color:white;
}

h3 {
	text-align: center;
	font-size: 3rem;
	text-transform: uppercase;
	margin-bottom: 4%;
	color: #080266;
}

#articles h3 {
	color: white;
}

#profile h3, #profile h1, #profile h4 {
	color: #2773fb;
	font-size: 2.2rem;
	text-align: left;
	text-transform: none;
}

#more_cat h3, #more_cat h3, #profiles_like h3, #social_media h3 {
	text-transform: none;
	font-size: 2.2rem;
	text-align: center;
}

#social_media h3, #category_text h3 {
	color:white;
}

#more_cat h3 a {
	text-decoration: none;
	color: #2773fb;
}

#more_cat a, #profiles_like a {
	text-decoration: none;
} 

#profiles_like h3 a {
	color:#2773fb;
}

#more_cat a h6 {
	color: #2773fb;
	text-decoration: none;
	margin:2% 0;
	text-align: center;
	font-size: 1.5rem;
}

#profiles_like a h6 {
	color: #2773fb;
	text-decoration: none;
	margin:1% 0;
	text-align: center;
	font-size: 1.3rem;
}

#profile .profile_snaps h3 {
	text-align: center;
}

#profile .profile_details h1 {
	font-size: 1.6rem;
}

#search_bar p {
	color:#2575fc;
	text-align: center;
	font-size: 1.4rem;
}

#top_searches ul li h4 {
	font-size: 1.3rem;
	text-align: center;
}

#top_searches ul li a {
	color:white;
	text-decoration: none;
	display: block;
	width:100%;
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
	padding:2% 0;
	border-radius: 15px;	
}

#top_searches ul li a:hover {
	background:#6813cc;
}

#top_searches ul li a span {
	display:block;
	font-size: 1.2rem;
	margin-top: 1%;
	font-weight: 400;
}

#categories h1 {
	color:white;
	margin:0;
	font-weight: 600;
	font-size: 2.5rem;
	text-align: center;
	text-transform: uppercase;
}

#categories h1 span {
	display:block;
	font-size: 1.3rem;
	font-weight: 400;
	margin-top:3%;
}

#categories ul li a {
	text-decoration: none;
	width:211px;
	height:211px;
	display:block;
	position: relative;
	z-index: 50;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

#categories ul li a h1 {
	z-index: 50;
	position: relative;
}

#categories ul li a:hover:after {
	background:rgba(104,19,204,.8);
}

#categories ul li a:after {
	background: #2773fb; /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(39,115,251,.5) 0%, rgba(72,66,227,.5) 50%, rgba(104,19,204,.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(39,115,251,.5) 0%,rgba(72,66,227,.5) 50%,rgba(104,19,204,.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(39,115,251,.5) 0%,rgba(72,66,227,.5) 50%,rgba(104,19,204,.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 ); /* IE6-9 */
	position: absolute;
	z-index: 4;
	top:0;
	left:0;
	width:100%;
	content:" ";
	height:100%;
}

.profile_text a {
	color:#F50057;
}

#articles ul li a {
	color:white;
	text-decoration: none;
	font-size: 1.4rem;
}

#articles ul li a:hover {
	text-decoration: underline;
}

#recent h5 {
	font-weight: 700;
	font-size: 1.6rem;
	text-align: left;
	color: white;
	padding:0 10%;
}

#recent h5 span {
	font-weight: 600;
	display: block;
	font-size: 1.4rem;
	color: white;
}

#recent a {
	text-decoration: none;
}

ul.usernames_list a {
	color: white;
	font-size: 1.6rem;
}

ul.usernames_list a.recent_user {
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
	display: block;
	width:90%;
}

a.see_more {
	background:white;
	display: block;
	width:90%;
	margin-left:5%;
	text-align: center;
	color:#2773fb;
	border-radius: 10px;
	font-weight: 700;
	font-size: 1.6rem;
	padding:7% 0;
	text-transform: uppercase;
}

a.see_more:hover {
	background:#2773fb;
	color:white;
}

.profile_text p {
	font-size: 1.4rem;
	line-height: 150%;
}

.profile_details p {
	font-size: 1.4rem;
	line-height: 150%;
}

a.mobile_snap {
	display: none;
}

a.desktop_snap {
	font-weight: 700;
	font-size: 2.2rem;
	text-align: center;
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.profile_snaps .tags ul li a, #subcat .tags ul li a {
	background:#080266;
	color:white;
	text-align: center;
	padding:3px 5px;
	font-size: 1.1rem;
	text-decoration: none;
}

.profile_snaps .tags ul li a:hover, #subcat .tags ul li a:hover {
	background:#6813cc;
}

.profile_snaps .tags ul li a.official_tag, #subcat .tags ul li a.official_tag {
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
}

.profile_snaps .tags ul li a.official_tag:hover, #subcat .tags ul li a.official_tag:hover {
	background:#6813cc;
}

#social_media ul li a {
	text-decoration: none;
	color:white;
}

footer nav ul li {
	display: inline-block;
	margin:0 3%;
}

footer nav ul li a {
	text-decoration: none;
	color:white;
	text-transform: uppercase;
}

footer nav ul li a:hover {
	text-decoration: underline;
}

footer p {
	text-transform: uppercase;
}

footer p.small_caps {
	text-transform: none;
}

#subcat_list ul li a h5 {
	margin:2% 0;
	margin-bottom: 0;
	display: block;
	font-size: 1.2rem;
	font-weight: 600;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	color: #2773fb;
}

#subcat h1 {
	text-align: center;
	background: #2773fb;
	background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
	background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.top100 ul li a h5 {
	margin:0;
}

.top100 ul li a {
	display: block;
	text-decoration: none;
	color:white;
}

.top100 .tags ul li a {
	color:white;
}

.top100 ul li a p {
	font-size: 1.4rem;
}

.top100 ul li a p.slug {
	font-size: 1.2rem;
}

.logo a {
	text-decoration: none;
}

.ck.ck-editor {
	margin-top:2%!important;
	margin-bottom: 5%!important;
}

.ck.ck-editor p {
	font-size:1.2rem;
	font-weight: 300;
}

.ck.ck-editor h2 {
	font-size: 1.8rem;
}

/*******************************MEDIA QUERIES*******************************/


@media (min-width : 320px) and (max-width : 767px) {
	
	.container {
		width:100%;
	}	
	
	.navigation {
		display: none;
	}
	
	.navigation.inner_nav {
		display: none!important;
	}
	
	header {
		position: fixed;
		left:0;
		top:0;
		background: #f7f5f9;
		z-index: 50;
		width:100%;
		border-bottom: solid 2px white;
		margin-top:0;
	}
	
	h2 {
		font-size: 2rem;
		text-align: left;
		padding-left:5%;
	}
	
	h6 {
		text-align: center;
		font-size: 2.5rem;
	}
	
	.intro_text {
		margin-top: 12%;
	}
	
	.burger_menu {
		content: " ";
		position: absolute;
		right:5%;
		top:13%;
		width:30px;
		height:3px;
		background: #2773fb;
		background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
		background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
		background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
		border-radius: 1000px;
	}
	
	.burger_menu:before {
		content: " ";
		position: absolute;
		right:0;
		top:10px;
		width:30px;
		height:3px;
		background: #2773fb;
		background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
		background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
		background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
		border-radius: 1000px;
	}
	
	.burger_menu:after {
		content: " ";
		position: absolute;
		right:0;
		top:20px;
		width:30px;
		height:3px;
		background: #e21265;
		background: #2773fb;
		background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
		background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
		background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2773fb', endColorstr='#6813cc',GradientType=1 );
		border-radius: 1000px;
	}
	
	#search_bar {
		margin-top: 30%;
	}
	
	.main_search input[type="submit"] {
		position: relative;
		margin-left:25%;
		width:50%;
	}
	
	.main_search input[type="text"] {
		margin-left:10%;
		width:80%;
		border-radius: 5px;
		padding:3% 2%;
		padding-top:4%;
		font-size: 1.6rem;
	}
	
	h2 span.logo_text {
		font-size: 2.5rem;
	}
	
	h2 span.logo_img {
		position: absolute;
		top: 19px;
		left: -4px;
		width: 12px;
		content: url(../img/o.png);
	}
	
	h3 {
		line-height: 120%;
	}
	
	#top_searches ul li {
		width:90%;	
		margin:5% auto;
		float:none;
	}
	
	#top_searches ul li:nth-child(odd) {
		margin-right:auto;
	}
	
	#top_searches ul li:nth-child(5), #top_searches ul li:nth-child(10) {
		margin-right:auto;
	}
	
	#top_searches ul li h4 {
		font-size: 1.6rem;
	}
	
	#categories ul li {
		width:100%;
		margin-left:0%;
		margin-right: 0%;
		padding:0 3%;
		margin-bottom: 5%;
	}
	
	#categories ul li:nth-child(odd) {
		margin-right:0;
	}
	
	#categories ul li a {
		width:100%;
		height:auto;
		padding:20% 0;
	}
	
	#articles ul li {
		width:100%;
		float:none;
		margin-bottom: 5%;
	}
	
	#articles, #intro_text {
		padding:3% 2%;
	}
	
	footer nav ul li {
		display:block;
		margin-bottom: 3%;
	}
	
	.burger_menu {
		display: block;
	}
	
	#mobile_search {
		display: block;
		position: fixed;
		bottom:0;
		left:0;
		width:100%;
		background: #43ea7f;
		background: -moz-linear-gradient(left,  #43ea7f 0%, #3ef1a9 50%, #37f9d5 100%);
		background: -webkit-linear-gradient(left,  #43ea7f 0%,#3ef1a9 50%,#37f9d5 100%);
		background: linear-gradient(to right,  #43ea7f 0%,#3ef1a9 50%,#37f9d5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43ea7f', endColorstr='#37f9d5',GradientType=1 );
		padding:4% 5%;
		z-index: 50;
	}
	
	#mobile_search input[type="text"] {
		background:rgba(0,0,0,0.6);
		display:block;
		width:100%;
		border-radius: 50px;
		color:white;
		padding:4%;
		border:none;
		outline:none;
		padding-bottom: 3%;
	}
	
	#mobile_search input[type="submit"]	{
		position: absolute;
		right: 9%;
		top: 32%;
		border: none;
		outline: none;
		background: url(../img/search.png) no-repeat center center;
		background-size: cover;
		width: 23px;
		height: 26px;
	}
	
	.mobile_top {
		display: block;
		margin: 10% 0;
		margin-bottom: 22%;
	}
	
	.mobile_top a {
		display: block;
		width: 25%;
		margin: 0 auto;
		background: #43ea7f;
		background: -moz-linear-gradient(left,  #43ea7f 0%, #3ef1a9 50%, #37f9d5 100%);
		background: -webkit-linear-gradient(left,  #43ea7f 0%,#3ef1a9 50%,#37f9d5 100%);
		background: linear-gradient(to right,  #43ea7f 0%,#3ef1a9 50%,#37f9d5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43ea7f', endColorstr='#37f9d5',GradientType=1 );
		border-radius: 1000px;
		padding: 6%;
	}
	
	.mobile_top a img {
		display: block;
		width:30%;
		margin:0 auto;
	}
	
	.mobile_nav {
		position: fixed;
		display: none;
		top: 9%;
		z-index: 50;
		width: 100%;
		left: 0;
		background: #F50057;
		padding:  0;
		text-align: center;		
	}
	
	.mobile_nav ul li a {
		padding:4% 0;
		display:block;
		border-bottom: solid 1px white;
		text-decoration: none;
		color:white;
		text-transform: uppercase;
	}
	
	.mobile_nav ul li:last-child a {
		border-bottom: none;
	}
	
	.social_bar {
		display: none;
	}
	
	.inner_header .search_bar {
		display: none;
	}
	
	.logo {
		width:100%;
	}
	
	.inner_header .mobile_nav {
		top:12%;
	}
	
	.profile_details, .profile_text {
		width:100%;
		float:none;
	}
	
	#profile {
		margin-top: 25%;
		padding:3% 2%;
		text-align: center;
	}
	
	#profile h3, #profile h1, #profile h4 {
		text-align: center;
	}
	
	.mobile_add {
		display: block;
	}
	
	.mobile_add a {
		display: block;
		width:50%;
		margin:5% auto;
		text-align: center;
		border:none;
		outline:none;		
		border-radius: 100px;
		background: #2773fb;
		background: -moz-linear-gradient(left,  #2773fb 0%, #4842e3 50%, #6813cc 100%);
		background: -webkit-linear-gradient(left,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
		background: linear-gradient(to right,  #2773fb 0%,#4842e3 50%,#6813cc 100%);
		padding: 2.5% 0;
		font-size: 1;
		text-decoration: none;
		color: white;
		text-transform: uppercase;
	}
	
	.inner_header .burger_menu {
		top:36%;
	}
	
	.inner_header .burger_menu, .inner_header .burger_menu:after, .inner_header .burger_menu:before {
		background:white;
	}
	
	.profile_snaps ul li {
		width:48%;
		margin-left:1%;
		margin-right:1%;
	}
	
	.profile_snaps ul li:nth-child(even) {
		margin-right:0;
	}
	
	.profile_snaps .tags ul li a {
		font-size: 1.4rem;
	}
	
	#social_media, #more_cat, #profile, #profiles_like {
		padding-bottom: 9%;
	}
	
	#subcat_list ul li {
		width:45%;
		margin-right:10%;
	}
	
	#subcat_list ul li:nth-child(2n) {
		margin-right:0;
	}
	
	a.desktop_snap {
		display: none;
	}
	
	a.mobile_snap {
		display: block;
		background: #e21265;
		background: -moz-linear-gradient(left,  #e21265 0%, #ad1890 50%, #7b2089 100%);
		background: -webkit-linear-gradient(left,  #e21265 0%,#ad1890 50%,#7b2089 100%);
		background: linear-gradient(to right,  #e21265 0%,#ad1890 50%,#7b2089 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e21265', endColorstr='#7b2089',GradientType=1 );
		color: white;
		text-decoration: none;
		border-radius: 100px;
		text-transform: uppercase;
		font-size: 1.7rem;
		width: 80%;
		margin: 0 auto;
		padding: 3% 0;
	}
	
	#subcat {
		margin-top: 20%;
		padding: 3% 2%;
	}
	
	h2.section-title {
		text-align: center;
		font-size: 2.5rem;
	}
	
	/*******************************ADS*******************************/
	
	ul.centro {
		padding:0;
	}
	
	ul.centro li {
		float:left;
		width:47%;
		margin-bottom: 7%;
	}
	
	ul.centro li:nth-child(odd) {
		margin-right:5%;
	}
	
	ul.centro li img {
		display:block;
		margin:0 auto;
	}
	
	ul.centro li:nth-child(2), ul.centro li:nth-child(3) {
		margin-left:0;
		margin-right:0;
	}
	
	ul.centro li:nth-child(3) {
		margin-right: 5%;
	}
	
	ul.centro a h6 {
		font-size: 1.5rem;
	}
	
	#subcat_list ul li a img {
		border-radius: 30px;
	}
	
	#category_text {
		padding:3%;
	}
	
	.top_img {
		float: none;
		width: 30%;
		margin: 1% auto;
	}
	
	.top_content {
		width:100%;
		float:none;
	}
	
	.top100 ul.trending li.hot:after {
		width: 15%;
		top: 38%;
		right: -23%;
	}
	
	.top100 ul.trending li.cold:after {
		width: 15%;
		top: 43%;
		left: -23%;
	}
	
	#contact form {
		width: 90%;
		margin: 0 auto;
		margin-top: 20%;
	}
	
	#contact form iframe {
		margin-left: 7%;
	}
	
	#contact form input[type="text"], #contact form input[type="email"], #contact form textarea {
		margin-bottom: 5%;
	}
}

@media (min-width : 768px) and (max-width : 1169px) {
	
	
}

@media (min-width : 320px) and (max-width : 767px) and (orientation : landscape) {

    
}

@media (min-width : 768px) and (max-width : 1199px) and (orientation : portrait) {
	
}

@media (min-width : 1200px) {

}

.search_overlay {
	display: none;
}