/*
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');

* {
	margin: 0;
	padding: 0;
}
/* Base styles */
*, *:after, *:before {
  box-sizing: border-box;
}
html {
  font-size: 100%;
  line-height: 1.5;
 /* height: 100%;*/
}
body {
	height: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 1.3;
	color: #666666;
	
	background-color:#fff;
}
::selection {
 color: #fff;
 background: #58ABFF;
}

::-moz-selection {
 color: #fff;
 background: #58ABFF;
}
html, body {
    height: 100%;
}
.main_page {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -70px;
	padding-bottom:70px;
}
.footer {color:#7e7d7d; height:70px; text-align: center; font-size:18px; text-transform: uppercase;}
p {
	margin: 0 0 ;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Roboto', sans-serif;}

a {
	color: #050505;
	text-decoration: none;
	text-shadow: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:hover {
	/*color: #000;*/
	text-decoration: none;
}
.ml-0{margin-left: 0}
.mr-0{margin-right: 0}
.pr-5px{padding-right: 5px}
.btn {
	border: 0px;
	border-radius: 0px;
}
.btn-primary {
	background: #58ABFF;
}
.form-control {
	border-radius: 0px;
}
.mrgn30 {
	margin: 30px 0;
}
.copyright {
	color: #7f7f7f;
	background: #f2f2f2;
	padding: 5px 0 10px;
}
.copyright a {
	color: #7f7f7f;
}
.copyright a:hover {
	color: #7f7f7f !important;
}
.copyright p a { text-decoration:underline;} 

/* Header 
----------------------------------------------*/
.modal-header{ border-bottom:0px;}
.logo { padding-top:10%; text-align:center;}
.logo img{ max-width:400px;}
.login_nav  { margin:35px 0 0}
#login_form_error p,#sign_up_email_form_error p,#forgot_password_form_error p,.errorForm p {
    text-align: center;
    padding-bottom: 20px;
    font-size: 18px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.search_wrap p.red_result_error {
    font-size: 18px;
    max-width: 400px;
    margin: 0 auto 10px;
}
.loader_div{background:#FFF url(../images/loader.gif) no-repeat center center;height: 100%;width: 100%; position: fixed;z-index: 1000;left: 0;top: 0; opacity: 0.4;}
.mobile_icon {
	font-size: 40px;
    cursor: pointer;
    color: #a6a8ab;
    float: left;
    margin: 35px 0px 0 0;
	    line-height: 28px;
	}
.widget .drop_down > a img {
    width: 34px;
}
.sidenav {
    height: 100vh;
    width: 0;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #6679dd;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
	font-family: 'Roboto', sans-serif;
}
.sidenav ul { padding-left:0px;min-width:266px;}
.sidenav ul li { padding-bottom:30px; list-style: none;}
.sidenav ul li ul {padding-left:20px}
.sidenav ul li a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    display: block;
    transition: 0.3s;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
}
.sidenav ul li ul li a { font-size:18px; font-weight:normal; }
.sidenav ul li ul li {padding-bottom:10px;}
.sidenav a:hover {
    color: #fff;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 50px;
     margin-left: 0;
    padding-left: 0;
	color:#fff;
}



.search_wrap { max-width:720px; margin:0 auto; text-align: center; position: relative; bottom:-60px;}
.search_wrap ul { padding:0px; margin:0px; list-style:none;}
.search_wrap ul li{ padding:0px; margin:0px 5px; display: inline-block; font-size:22px; }
.search_wrap ul li a {display: block; padding:10px 15px;  font-weight: 300; background:#6679dd; font-size:18px; color:#fff; border-radius:5px; position:relative;}
.search_wrap ul li.active a:before,.search_wrap ul li a:hover:before {
    position: absolute;
    content:"\f062";
    left: 50%;
    top: -10px;
       margin-left: -9px;
    font: normal normal normal 20px/1 FontAwesome;
    color: #6679dd;
    z-index: -1;
}
.search_wrap ul li a:hover { background:#6679dd; display: block; color:#fff; opacity:0.8}
.search_wrap ul li:nth-child(2) a:before {
    color: #ff6d0a;
}
.search_wrap ul li:nth-child(2) a {
    background: #ff6d0a;
}
.search_wrap ul li:nth-child(3) a:before {
    color: #28c1e3;
}
.search_wrap ul li:nth-child(3) a {
    background: #28c1e3;
}
.search_wrap ul li:nth-child(4) a:before {
    color: #d6df28;
}
.search_wrap ul li:nth-child(4) a {
    background: #d6df28;
}
.search_wrap .input-group {
    background: #fff none repeat scroll 0 0;
	border:10px solid #b3b3b3;
	border-radius:50px;
    padding: 0px 0 0px 0px;
	text-align:right;
	margin:10px 0 0;
	overflow:hidden;
}

.search_wrap .input-group > span{vertical-align:top; padding-right:10px;font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;display: table-cell; font-size:38px;color:#3e3e3e; font-weight:bold;}
.search_wrap .input-group .input-group-btn{ vertical-align:top; padding:3px 15px;}
.search_wrap .input-group .form-control{font-family: 'Roboto', sans-serif; height:60px; border-color:#fff;    border-radius: 26px 0 0 26px; color:#494b4e; font-size:18px; font-weight:500;}
.search_wrap .input-group .btn{ height:60px; border:0; font-size:20px; font-weight: bold; text-transform: uppercase; color:#fff; padding:0 25px 0 20px; background:#6679dd; vertical-align:top; min-width: unset;}

.search_result .search_wrap ul li a{ padding:10px 8px}
.search_result .search_wrap .input-group{ padding:20px 0 17px 10px}
.search_result .search_wrap {bottom:0px; margin:-105px auto 0px;}
.left-logo {margin: 0 30px 0 -85px;}
.left-logo img {
    max-height: 59px;
}
.top_inner .search_wrap {
    bottom: 0;
        max-width: none;
    padding: 0 0 0 70px
}
.top_inner .search_wrap .input-group  { overflow: visible}
.top_inner .search_wrap .input-group .btn { border-radius: 0 30px 30px 0 }

.content.grid-container {margin-bottom:90px;}
.login_social ul { list-style:none; margin:0px; padding:0px;}
.login_social ul li { padding-bottom:13px;}
.login_social ul li a{ text-align:center; display:block; border:1px solid #b7b7b7; border-radius:5px; padding:10px 10px}
.login_social ul li a span{ min-width:100px; color:#7a7c7e; font-size:18px; font-weight:300;display: inline-block;text-align: left; margin: 0 0 0 10px; vertical-align: middle;}
.login_social ul li a:hover { background:#f6f6f6}
.login_social h2,.login_form h2{ font-size:30px; color:#5c5e61; font-weight:bold; text-align:center;    margin: 0 0 40px;}
#login .col-md-6 {
    border-right: 1px solid #ccc;
    padding: 0 50px;
}
#login .col-md-6:last-child{ border:0px;}
.login_form .form-control {
    border-radius: 30px;
    padding: 10px 20px;
    height: 50px;
	border:1px solid #b7b7b7;
	font-size:18px;
	font-weight:300;
}
.login_form .form-group {
    margin-bottom: 13px;
}
.login_form .form-group a.pull-right {
    margin: 15px 0 0 0;
    color: #6679dd;
    font-size: 16px;
    text-decoration: underline;
    font-weight: 300;
}
.login_form p {
    text-align: center;
    padding-bottom: 20px;
    font-size: 18px;
}
.close { opacity:1;}
.sign_up_link {
    text-align: center;
    padding: 50px 0 10px;
	color:#5c5e61;
	font-size:18px;
	font-weight:normal
}
.sign_up_link a {color: #6679dd; text-decoration:underline;}
#signup .modal-body {
    padding:0 20% 1rem;
}
#signup .form-group .btn { min-width:240px;}
#signup .form-group p.pull-right {
    margin: 7px 0 0 0;
    
    font-size: 16px;
    color:#5b5d5f;
    font-weight: 300;
}
#signup .form-group p.pull-right a {
	text-decoration: underline;
	color: #6679dd;
	}
        
        
/******************About**********************/
.breadcrumb {display:block; background: none; padding: 50px 0 0;}
.breadcrumb li.breadcrumb-item {display: inline-block; vertical-align: middle; color: #8e8e8e; font-size: 18px;}
.breadcrumb li.breadcrumb-item a {color: #8e8e8e; }
.breadcrumb li.breadcrumb-item.active {color: #000; font-size: 36px; font-weight: bold}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #8e8e8e;
    content: "\f054";
    font: normal normal normal 7px/1 FontAwesome;
    vertical-align: middle;
}
.about_img {text-align: center; padding-top: 15px;}
.about_img img{ max-width: 100%;}
.about_text { padding-bottom: 30%}
.about_text h2{color:#ff6d0a; font-size: 44px; font-weight: bold; border-bottom: 1px solid #999a9c; padding: 0 0 20px;}
.about_text ul {color:#313235; font-size: 16px; padding: 0 0 0 20px;}
.about_text h3{color:#313235; font-size: 22px; font-weight: bold; padding: 40px 0 0px;}
.about_text p {color:#313235; font-size: 16px; font-weight:normal; padding: 30px 0 0px;}
.sky { color: #28c1e3 !important}
.blue { color: #6679dd !important}
.orange { color: #ff6d0a !important}
.contact_text .input-group-inner .input-group { background:#eeeeee; border-radius:30px;}
.contact_text .input-group-inner .form-control { background:none; border:0px;    height: 50px;}
.contact_text .input-group-inner .input-group-text { background:none; border:0px; text-align:center;padding-left: 20px;  padding-right: 0;}
.contact_text .input-group-inner textarea.form-control {
    height: 130px;
    padding: 12px 10px;
}
.contact_text .input-group-inner .input-group-text.baseline {
    align-items: baseline;
}
.form-control:focus { box-shadow: none;}

/************************Conatct***************************/
img { max-width:100%;}
.contact_img p {
    font-size: 40px;
    font-weight: bold;
    padding: 40px 0 20px;
}
.submit_btn a.btn, .submit_btn buttton.btn{
	    background: #d6df28;
		color:#494b4e;
		font-size:24px;
		font-weight:bold;
		text-align:center;
		width:100%;
		max-width:50%;
		border-radius:10px;
		padding:10px 10px;
		margin-top:20px;
		min-width:250px;
		margin-bottom:20px;
}


.photo_wrap { background: url(../images/profile_bg.png) no-repeat;    background: #a6a8ab; padding: 8px; display: inline-block;float: left;    border-radius: 8px;}
.photo_wrap img { max-width:156px; border-radius: 8px;}
.change_pic { display:inline-block; margin: 0 0 0 10%;}
.public_url .input-group-inner .input-group{ background:none;}
.public_url .input-group-inner .input-group .form-control{ background: #eeeeee; border-radius:30px; margin-left:10px;}
.contact_text label {
    font-weight: 300;
	font-size:18px;
}
.setting_form .submit_btn a.btn { max-width:35%;}
/*******************User**********************/
.user_count { padding:20px 0 0; font-size:16px}
.user_count span{ font-size:36px; font-weight:bold; color:#d6df28; padding-right:50px; vertical-align:middle}
.user_n { text-align:center; padding-top:40px;}
.user_n img { border-radius:5px; max-width: 107px; max-height: 107px; width: 107px}
.user_n a { font-size:18px; color:#6679dd; padding-top:20px; display:block; text-decoration:underline;}
/***************Follower view*****************/
/*.follower_view { display:inline-block; padding: 0px 0 0 20px; vertical-align: top;}*/
.follower_view {
    /* display: inline-block; */
    padding: 0px 0 0 200px;
    vertical-align: top;
    width: 100%;
}
.follower_view h2 { font-size:36px; font-weight:bold; color:#313235;}
.follower_view p { font-size:18px; font-weight:300;}
.follower_view ul {
    padding: 38px 0 0;
}
.follower_view ul li{ padding:0px; margin:0px 5px 10px; display: inline-block; font-size:22px; }
.follower_view ul li a {display: block; padding:10px 15px;  font-weight: 300; background:#d6df28; font-size:18px; color:#000; border-radius:5px; position:relative;}
.follower_view ul li.active a:before,.follower_view ul li a:hover:before {
    position: absolute;
    content:"\f063";
    left: 50%;
    bottom: -10px;
       margin-left: -9px;
    font: normal normal normal 20px/1 FontAwesome;
    color: #d6df28;
    z-index: -1;
}
.follower_view ul li a:hover { background:#d6df28; display: block; color:#000; opacity:0.8}
.follower_view ul li a span{ font-weight:bold;}
#forgot .modal-body {
    padding:0 20% 1rem;
}
#forgot .form-group .btn { min-width:240px;}



/******************Footer*********************/
.footerLink { list-style:none; padding-top:15px;}
.footerLink li{ list-style:none; display: inline-block; margin:0 5px;}
.footerLink li a{color:#7e7d7d}

.dropdown-menu-right {
    right: 0;
    left: auto;
}
.filter_radios {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    margin-bottom: 0;
}
.filter_radios label {
    display: inline-block;
    padding: 0;
    position: inherit;
}
.filter_radios input[type="radio"] {
    float: none;
}
.icon_svg {
    background-color: #1e1e1e;
    cursor: pointer;
    height: 30px;
    padding: 5px;
    width: 30px;
}
.popup_one {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    display: none;
    max-width: 235px;
    padding: 40px 40px 20px;
    position: absolute;
    right: 110px;
    text-align: left;
    top: 70px;
    width: 100%;
    z-index: 99999;
    border-radius: 10px;
}
.popup_one textarea {
    margin: 5px 0 0;
    max-width: 100%;
    min-width: 96%;
    border-radius: 5px;
}
.icon_svg_close {
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    z-index: 10;
}
.popup_one:before {
    content: '';
    z-index: 99;
    width: 29px;
    height: 10px;
    background: url(/assets/images/toltip_arrow.png);
    top: -10px;
    left: 50%;
    margin: 0 0 0 -15px;
    /* font: normal normal normal 27px/1 FontAwesome; */
    color: #fff;
    position: absolute;
}
.popupWrap {
    /*float: right;*/
    margin-top: 40px;
    margin-bottom: 30px;
}
.popup_one.three:before {
    left: inherit;
    right: 20px;
}

.popup_one.three {
    max-width: 500px;
    right: 0;
    top: 70px;
}
.popup_one.two:before {
    right: 113px;
    left: inherit;
}
.popup_one.two {
    max-width: 500px;
    right: 0;
    top: 70px;
}

.embed_box .btn {
    border: 0;
    font-size: 14px;
    margin: 20px 0 0;
    color: #444444;
    display: inline-block;
}

.embed_box .form-control{
    background: #eeeeee;
    border-radius: 20px;
    border: 0px;
}
.share_link { text-align: center;}
.share_link h2{ font-size: 36px; text-align: center; font-weight: bold; color: #313235;}
.share_link .form-control{
    background: #eeeeee;
    border-radius: 20px;
    border: 0px;
}
.share_link .btn {
    border: 0;
    font-size: 14px;
    margin: 20px 0 0;
    color: #444444;
    display: inline-block;
}
span.filter_option {
    padding-left: 30px;
    cursor: pointer;
}
.svg_icon {
    cursor: pointer;
    height: 20px;
    padding: 5px;
    width: 20px;
}
#filter li {
    display: block;
        padding-bottom: 20px;
}

#filter li a {
    border: 0;
    background: url(/assets/images/checkbox_bg.png) no-repeat;
    padding: 10px 0 21px 40px;
    height: 8px;
    display: block;
    font-size: 14px;
    box-shadow: none !important;
}
#filter li a.selected,#filter li a:hover {
    background-position:left bottom;
    box-shadow: none !important;
    color: #676767;
}
.input:focus + .label,
input:valid + .label {
  transform: translateY(-100%);
  font-size: 13px;
  color: #666;
}
.bootstrap-select .btn{ color:#666; outline:none; font-size:18px; padding:0px 0 7px;}
/*.bootstrap-select .btn{ color:#5d3512; font-weight:900; outline:none; font-size:18px; padding:0px 0 7px;}*/
.bootstrap-select .btn:hover { background:none;}
.bootstrap-select .dropdown-toggle:focus{ background:none;}
.submit_btn input{color:#222121; font-size:22px; font-weight:900; text-transform: uppercase;  border:0;text-align:center; display: block; width:100%; padding:15px 0px}
.btn-group.open .dropdown-toggle { outline:none; box-shadow:none; background:none;}
.bootstrap-select .dropdown-toggle:focus{outline:none !important; }
.btn:active, .btn.active{box-shadow:none; background:none;}
.btn-primary {background: #cad326; border-radius:5px; color:#000; min-width:160px; text-align:center; font-size:18px; font-weight:bold;    padding: 12px 10px;}
/* Intro animation */
@keyframes intro {
  from {
    /* opacity: 0; */
    top: 0;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}

/******************login****************/


.padr0 { padding-right:0px;}
.footer {
	color:#a6a8ab;
	font-size:14px;
}

.author-footer {
    padding:5px 0 10px;
}
.user {
    padding: 0 50px 0 0;
    display: block;
}
.user img {
    float: left;
    min-width: 26px;
    min-height: 26px;
    margin-right: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.user .name {
    color: #185c77;
    display: inline-block;
    font: bold 13px/15px Tahoma,sans-serif;
}
.author-footer .favicon,.author-footer .screen {
    line-height: 12px;
	    color: #ff6d0a;
    text-decoration: none;
}

.author-footer .favicon:hover {
    
    text-decoration: underline;
}
.user .name .screen {
    display: block;
    font: 11px/12px Tahoma,sans-serif;
    text-decoration: none;
    color: #313235;
}
.media-box-date { color: #313235;}
.user .name a {font: 11px/12px Tahoma,sans-serif;}
.user .name .screen a {
    color: #313235;
    display:inline;
        font: 11px/12px Tahoma,sans-serif;
}
img.share_icon1 {
    margin-left: 7px;
}
.load_more_button {
    background: url(../images/plus_icon.png) no-repeat;
    height: 150px;
    padding: 120px 0 0;
    text-align: center;
    background-position: top center;
    color:#8c8d8f;
}
.load_more_button:hover,.load_more_button:focus,.load_more_button:active{
    color: #0069d9 !important;
    background: url(../images/plus_icon.png) no-repeat;
    background-position: top center;
    border: 0;
    box-shadow: none !important;
    background-color: transparent !important;
}
.search_result {}
.share-data.favicon::before,.share-data.favicon::after{left:17px;}
.share-data.publisher::before,.share-data.publisher::after{left:23px;}
.share-data .favicon{color:#145A7C;font:11px/15px Tahoma,sans-serif;}
.share-data .share-post-bar{color:#8E8E8E;float:right;cursor:pointer;font-size:11px;line-height:15px;margin:1px 0 0 0;}
.share-data .icons.share-bar,.share-data .share-post-bar .providers{position:relative;top:-1px;vertical-align:middle;}
.share-data .share-post{ background: #fff;position:absolute;right:0;top:-1px;margin-top:0;z-index:12;display:none;width:100%;padding:0 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #ddd;}
.share-data .share-post-bar:active .share-post,.share-data .share-post-bar:hover .share-post{display:block;}
.share-data .share-post .holder{display:table;width:100%;}
.share-data .share-post:before{ display:none;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #cdcdcd;top:-9px;left:16px;width:0;height:0;content:'';position:absolute;}
.share-data .share-post:after{display:none;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #F6F6F6;top:-8px;left:16px;width:0;height:0;content:'';position:absolute;}
.giant-splash .share-data .share-post-bar:hover .share-post,.splash .share-data .share-post-bar:hover .share-post{width:auto;border-left:1px solid #ddd;}
.splash .share-data .share-post-bar:hover .share-post:before,.splash .share-data .share-post-bar:hover .share-post:after{display:none;}
.share-data a:hover,.share-data a{color:#8e8e8e;text-decoration:none;}
.share-data .share-post a{padding:8px 2px 7px;text-align:center;display:table-cell;min-width:26px;}
.share-data .share-post a i{opacity:0.9;}
.lt-ie9 .share-data .share-post a i{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
.share-data .share-post a:hover i{opacity:1;}
.lt-ie9 .share-data .share-post a:hover i{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
a.created_ts:hover{text-decoration:none;color:#444;}
.share-data li{display:inline-block;margin:0 4px;}
.share-data li:first-child{margin-left:0;}
.share-data li:last-child{margin-right:0;}
.share-data li a{font:11px Arial;color:#909090;}
.share-data li a:hover{text-decoration:none;color:#666;}
.share-data li .icons.reply{position:relative;top:2px;}
.share-data li .icons.favorite{position:relative;top:3px;}
.share-data {position: relative;left: -15px;bottom: -5px;min-height: 34px;margin: 0;padding: 7px 15px; width: 111%;}
.share-data:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e8e8e8;
    top: -9px;
    left: 16px;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    display:none;
}
.icons.share-bar { width: 16px; height: 14px;background-position: -67px -43px;}
.icons {background-color: transparent;background-image: url(../images/icons-buttons.png?57); background-position: 0 0; background-repeat: no-repeat;display: inline-block;}
.share-data .share-post a i { opacity: 0.9;}
.providers.instagramx16, .providers.pinterestx16, .providers.tumblrx16, .providers.gplusx16, .providers.twitterx16, .providers.fbx16 {
    width: 16px; height: 16px;
}
.providers.twitterx16 {
    background-position: -68px -140px;
}
.providers {
    background-color: transparent; background-image: url(../images/providers-sprite.png?17); background-position: 0 0; background-repeat: no-repeat;
    display: inline-block; vertical-align: top;
}

.providers.fbx16 {
    background-position: -85px -140px;
}

.providers.pinterestx16 {
    background-position: -17px -140px;
}
.providers.emailx16 { width: 16px; height: 14px; background-position: 0 -141px;}
.author-footer {
    padding:5px 0 10px;
}
.user {
    padding: 0 5px 0 0;
    display: block;
}
.media-box-text span {
    background: #ff6d0a;
    border-radius: 4px;
    padding: 3px 4px;
    color: #000;
}
.user img {
    float: left;
    min-width: 26px;
    min-height: 26px;
    margin-right: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display:none;
}
.user .name {
    color: #185c77;
    display: inline-block;
    font: bold 13px/15px Tahoma,sans-serif;
}


.embed_wrap {
   border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 30px 30px 1px #f1f1f1;
    margin: 30px 0 30px;
    padding: 50px 10%;

}
.embed_con span {
    font-size: 16px;
}
.embed_con h2 {
    color: #000;
    text-align: center;
}
.embed_con h3 {
   color: #6679dd;
    padding: 30px 0 10px;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}
.login_nav a {
    font-size: 12px;
}
.checkbox {
    display: inline-block;
    position: relative;
    padding-left: 34px !important;
    margin-bottom: 15px !important;
    cursor: pointer;
    font-size: 16px;
    padding-top: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal !important;
    color: #5e6063 !important;
    font-family: 'Roboto', sans-serif;
}

/* Hide the browser's default checkbox */
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkbox label {
    position: absolute;
    top: 0;
    left: 0;
    height: 31px;
    width: 31px;
    background-color: #eee;
    background: url('/assets/images/checkbox_bg.png') no-repeat;
    cursor: pointer;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ label {
    /*background-color: #ccc;*/
    /*background-position: bottom;*/
    
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ label {
    /*background-color: #2196F3;*/
    background-position: bottom;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox label:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ label:after {
    /*display: block;*/
}

/* Style the checkmark/indicator */
.checkbox label:after {
/*    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);*/
}
input#width, #height {
    background: #ededed;
    border: 0;
    width: 100px;
    padding: 10px 10px;
    border-radius: 20px;
}
input#color_no {
    background: #ededed;
    border: 0;
    padding:10px 5px;
    border-radius: 20px;
    display: inline-block;
    max-width: 100px;
}
.custom_btn {
    padding: 50px 0 0;
}
.custom_btn .btn {
    font-size: 14px;
    color: #444;
    font-family: 'Roboto', sans-serif;
        font-weight: bold;
    min-width: 160px;
    border-radius: 10px;
}
.custom_btn .btn.preview{
    margin-top: 10px;
    padding: 10px 10px;
    margin-bottom: 10px;
}
.copy_paste {
    padding: 50px 0 0;
}

.copy_paste p {
    color: #6679dd;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 7px;
}
.copy_paste textarea.form-control {
    border-radius: 10px;
    background: #ededed;
    border: 0;
    height: 90px;
    font-size: 14px;
}


.widget {
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 4px 8px -1px rgba(50, 50, 50, .1);
    -moz-box-shadow: 0 4px 8px -1px rgba(50, 50, 50, .1);
    box-shadow:0 4px 8px -1px rgba(50, 50, 50, .1);
       padding: 0;
    margin: 0 0 30px;
    position: relative;
        border-radius: 5px;
        z-index: 1;
    /*float: left;*/
}
.widget:hover {
    -webkit-box-shadow: 0 4px 8px -1px rgba(50, 50, 50, .3);
    -moz-box-shadow:0 4px 8px -1px rgba(50, 50, 50, .3);
    box-shadow:0 4px 8px -1px rgba(50, 50, 50, .3);
}

/*.widget:hover:before {
    content: '';
    position: absolute;
    background: #6679dda3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}*/
.widget.custom {padding: 0 0 50px;}
.widget .body a.image-link {
    text-align: center;
    display: block;
    padding: 10px 0 0;
    font-size: 18px;
    color: #ff6d0a;
}
.widget .drop_down {
    /*background: #f5f5f5;*/
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 99;
}
.widget .drop_down ul {
       background: #fff;
    border: 0;
    width: 170px;
    position: absolute;
    z-index: 999;
    bottom: 44px;
    right: -10px;
    display: none;
    margin: 0px;
    padding: 10px;
    text-align: left;
    border-radius: 7px;
    box-shadow: 0 5px 20px 0px #ccc;
}
.widget .drop_down ul:before {
    position: absolute;
    content: "\f063";
    right: 20px;
    bottom: -10px;
    margin-left: 0px;
    font: normal normal normal 20px/1 FontAwesome;
    color: #fff;
    z-index: -1;
}
.widget .drop_down ul li {
    /*border-bottom: 1px solid #e0e0e0;*/
    display: block;
    padding: 5px 0;
    width: 100%;
}

.widget .drop_down:hover ul {
    display: block;
}
.delete_user {
    background: url(../images/delete-icon.png) no-repeat;
    background-size: 12px 12px;
    background-position: left 2px top 4px;
    color: #ca0200 !important;
    font-size: 14px;
    font-weight: bold;
}
.drop_down ul li a {
  display: block;
    padding: 10px 10px;
    color: #313235;
    margin: 0 0 0;
    text-decoration: none;
    background: #eeeeee;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 300;
}
.block_user {
    background: url(../images/block_user.png) no-repeat;
    background-size: 14px 16px;
    background-position: left 2px top 2px;
    color: #ca0200 !important;
    font-size: 14px;
    font-weight: bold;
}
.add_user_fav {
    background: url(../images/Plus_icon.png) no-repeat;
    background-size: 14px 14px;
    background-position: left 3px top 2px;
    color: #0179ad !important;
    font-size: 14px;
    font-weight: bold;
}

.custome_user_editor li a {
    padding-left: 25px !important;
}

.widget .image-link {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 6px;
}
.widget img.image {
    max-width: 210px;
    display: inline-block;
    margin: 0;
    margin-bottom: 6px;
}
.widget a .image {
    max-width: 100% !important;
    width: 100% !important;margin: 0;
}
.widget .widget-details a {
    cursor: pointer;
}
.widget .widget-details {
    margin: 0;
    padding: 0 0 5px;
}
.widget-details .widget-date {
    color: #b9b9b9;
}
.widget .original-source {
    font-size: 11px;
    margin: 5px 0 5px;
    padding: 5px 0;
}
.widget .original-source.instagram-publisher {
    margin: 0 0 5px;
    padding: 0 0 5px;
}

.widget .original-source .author-footer {
    padding: 0 0 5px;
}
.tagboard_bar {
    background: #eeeeee;
    margin: 5px 0;
    padding: 0px 5px 0px 0;
    border-radius: 30px;
    /*box-shadow: 0 1px 10px 0px #c7c7c7;*/
    /* border: 1px solid #d4d4d4; */
}
.tagboard_bar a{padding:10px; display:inline-block ; border-right:1px solid #d0d0d0; color:#78777D; font-weight:bold;}
.tagboard_bar a:hover{background:#f6f6f6; text-decoration:none ; color: #145a7c}
.tagboard_bar nav ul li {
    float: none;
    display: inline-block;
    line-height: 25px;
        list-style: none;
    vertical-align: top;
    margin: 0 0px;
}
.tagboard_bar nav ul {
    margin: 0 0 0;
}
.tagboard_bar nav ul li a, .tagboard_bar nav ul li span {
    display: block;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.tagboard_bar a {
    padding: 10px 12px;
    display: inline-block;
    border-right: 3px solid #ffffff;
    color: #78777D;
    font-weight: bold;
}
.home-link {
    display: inline-block;
    width: 80px;
    float: left;
    text-align: center;
}
.tagboard_bar nav ul li.more {
    text-align: center;
    padding: 8px 0 0 10px;
    display: none;
    position: relative;
}
.tagboard_bar nav ul li a.home-link {
    background: #6679dd;
    border-radius: 30px 0 0px 30px;
    color: #fff;
}

.tagboard_bar nav {display: inline-block;width:100%;}
.tagboard_bar nav ul { margin: 0 0 0; }
.tagboard_bar nav ul li { float: left;  display:inline-block; line-height: 25px; margin: 0 -2px;}
.tagboard_bar nav ul li.more {text-align: center;padding: 8px 0 0 10px;display: none;position: relative;}
.tagboard_bar nav ul li.more:hover ul#overflow {opacity: 1;visibility: visible;}
.tagboard_bar nav #overflow {opacity: 0;visibility: hidden; position: absolute; text-align: left; -webkit-transition-duration: .3s; transition-duration: .3s;
    right:-18px; background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #d4d4d4; border-radius: 4px; box-shadow: 1px 1px 2px #888; z-index: 9999;}
.tagboard_bar nav #overflow li {float: none; display:block; border-bottom: 1px solid #d4d4d4;}
.tagboard_bar nav #overflow li a {white-space: nowrap;border:0px;}
.tagboard_bar_add {background: #f9f9f9;border: 1px solid #d4d4d4;border-radius: 4px; box-shadow: 1px 1px 2px #888; margin: 5px 0; padding: 0; float: right;}
.tagboard_bar_add a{padding:10px; display:inline-block ; border-right:2px solid #fff; color:#000; font-weight:bold; font-size: 14px;}
.tagboard_bar_add a:hover{background:#f6f6f6; text-decoration:none ; color: #145a7c}
.tagboard_bar nav ul li a:hover{background: #6679dd; text-decoration:none ; color: #fff; }
.tagboard_bar nav ul li .selected {background: #6679dd; text-decoration:none ; color: #fff; }
.add_tag_board a{text-decoration:none; border:none;}
.add_tag_board a:hover{background:#E9E9E9;}
.logo_rightside{ float: right; max-width: 150px; margin: 10px 0; display: inline-block }
.logo_leftside{ float: left; display: inline-block; padding-top: 20px; }
.popup_one.filter_custom:before {
    left: inherit;
    right: 20px;
}
.popup_one.filter_custom {
    right: 0;
}
.follower_view span.pull-right .btn {
    background: #eee;
    font-size: 18px;
    color:#000;
}
.follower_view span.pull-right .btn img {
    margin-right: 7px;
    max-width: 24px;
}
.login_form .form-control.hashtag_board {
    background: #eee;
    border: 0;
    border-radius: 30px;
}
.select_image::-webkit-scrollbar {
    width: 1em;
}
 
.select_image::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.select_image::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
#changeimagepopupbody a {
      width: 32%;
    float: left;
    margin: 0 0.5%;
}
#changeimagepopupbody div.fl {
    box-shadow: 0 0 4px 1px #ccc;
}
#changeimagepopupbody div img {
    width: 100%;
}
#changeimagepopupbody h2{
        text-align: center;
    margin: 0;
    padding: 0 0 20px;
}
.widget.custom2 .drop_down {
    bottom: inherit;
    top: 5px;
}
.widget.custom2 .drop_down ul:before {
    bottom: inherit;
    top: -10px;
    content: "\f062";
    right: 3px;
}
.widget.custom2 .drop_down ul li {
    padding: 1px;
}
.widget.custom2 .drop_down ul li a {
    padding: 4px 0 !important;
    text-align: center;
}
.widget.custom2 .drop_down ul {
    bottom: inherit;
    top: 25px;
    right: 0;
    box-shadow: 0 0px 20px 0px #ccc;
}
.media-box-content.new {
    padding: 16px 10px 5px;
}
.widget.custom2 {
    margin: 0 0 0 0;
    max-width: 20px;
    float: right;
    width: 20px;
}
.widget.custom2 .drop_down {
    bottom: inherit;
    top: 0;
    right: 0;
}
.text_404 {
    padding: 0 0 0 5%;
}
.text_404 p {
    font-size: 72px;
    font-weight: 900;
    padding: 40px 0 0 0;
}
.text_404 p span.blue {
    font-size: 36px;
    line-height: 36px;
    display: block;
}
.text_404 .submit_btn a.btn { font-size: 16px; min-width: 180px; max-width: none;    display: inline-block; width: auto;}
.wrap_404 { padding-top: 50px;}
@media (min-width: 992px){
.modal-lg {
    max-width: 900px;
}
}
@media (min-width: 768px){
.modal-sm {
    width: 447px;
}
}
@media (min-width: 992px){
.modal-lg {
    width: 900px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
}
 
 @media (max-width: 767px) {
    .mobile_icon { float: left;}
    .follower_view { padding: 0;}
    .photo_wrap { float: none;  display: block; max-width: 172px; margin: 0 auto 20px;}
    .follower_view ul li a {
         padding: 5px 5px;
        font-size: 15px;
    }
    .top_inner .search_wrap {
    bottom: 0;
    max-width: none;
    padding: 30px 0 0px 0px;
}
.search_wrap .input-group .form-control { font-size: 12px;}
.follower_view h2 a {
    margin: 5px 0 0 0;
}
.popup_one.three {
    max-width: 500px;
    right: 0;
    top: 70px;
    padding: 10px 10px;
    margin: 0 5%;
    width: 90%;
}
}
 @media (max-width:760px) {
.search_wrap ul li { margin:0px 1%}
.search_wrap ul li a{ font-size:18px; padding:12px 12px;}
.search_result .search_wrap { margin:0 auto 0;}
#login .col-md-6 { border:0px;}
.logo img {
    max-width: 270px;
}
.user_count span{ font-size:24px; font-weight:bold; color:#d6df28; padding-right:50px; vertical-align:middle}
}
 @media (max-width: 480px) {
	 .search_wrap { bottom:-20px;}
	 .hubpedia { padding:30px 0 0}
.hubpedia p {font-size:16px;}
.hubpedia h1 { font-size:42px;}
.footer { font-size:14px;}
.user_count span{ font-size:22px; font-weight:bold; color:#d6df28; padding-right:50px; vertical-align:middle}
}
 @media (max-width: 479px) {
   .user_count span{ font-size:22px; font-weight:bold; color:#d6df28; padding-right:50px; vertical-align:middle}
.search_wrap ul li { margin:0px 0.8%}
.search_wrap ul li a{ font-size:14px; padding:8px 7px;}
/*.search_wrap .input-group { padding:20px 10px 10px 10px;}*/
.search_result .search_wrap .input-group {
    padding: 20px 10px 17px;
    width: 100%;
}
span.input-group-btn .btn {
    width: 100%;
}
.search_wrap .input-group .input-group-btn {
    vertical-align: top;
    padding: 3px 0px;
    display: block;
    width: 100%;
}
 }
 @media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
  .user_count span{ font-size:22px; font-weight:bold; color:#d6df28; padding-right:50px; vertical-align:middle}
}

 @media (max-width: 320px) {
     /*providers-sprite.png*/
     .user_count span{ font-size:17px; font-weight:bold; color:#d6df28; padding-right:50px; vertical-align:middle}
}
.login_popup {
    max-width: 600px;
    border-radius: 0;
    text-align: center;
    background: #fff;
    color: #000;
    padding: 5% 7%;
    z-index: 999;
    margin: 0 auto;
}

.login_popup p{
    font-size: 20px;
    text-align: center;
    padding-bottom: 30px;
}
.loader_div{background:#FFF url(../images/loader.gif) no-repeat center center;height: 100%;width: 100%;}
.about_text2 { padding-bottom: 10px;padding-top: 15%; text-align: center;}
.about_text2 h2{color:#ff6d0a; font-size: 44px; font-weight: bold; text-align: center; padding: 0 0 20px;}
.about_text2 ul {color:#313235; font-size: 16px; padding: 0 0 0 20px;}
.about_text2 h3{color:#313235; font-size: 22px; font-weight: bold; padding: 40px 0 0px;}
.about_text2 p {color:#313235; font-size: 16px; font-weight:normal; padding: 30px 0 0px;}
.about_text2 img { max-width: 300px;}