.main {
	padding-right: 5px;
	padding-left: 5px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.block {
	display: block;
}

.cellTop {
	display: table-cell;
	vertical-align: top;
}

.rimless {
	padding: 0;
	margin: 0 auto;
}

.noborder {
	border: none !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background: transparent !important;
}

.emojione {
	width: 1.1em;
	margin: 0 0.2em;
}

.leading {
	font-size: 28px;
	margin: 0 auto;
	font-weight: 700;
	padding: 0 15px;
	word-break: break-all;
	text-align: center;
}

.subtitle {
	font-size: 22px;
	line-height: 1.22;
	color: rgba(0, 0, 0, .44);
	margin-top: 0;
	display: block;
	margin-bottom: 15px;
	text-align: center;
}

.fa-comments {
	color: lightblue;
}

.fa-heart {
	color: lightcoral;
}

.fa-facebook-square {
	color: #3b5998;
}

.fa-twitter-square {
	color: #1da1f2
}

.fa-pinterest-square {
	color: #bd081c
}

.fa-instagram {
	color: #cd486b;
}

.fa-download {
	color: #000000;
}

.created_time {
	margin-right: 0 !important;
}

.ad {
	width: 100%;
	margin: 15px auto;
	text-align: center;
	line-height: 0;
}
#topup {
    display: none;
    position: fixed;
    bottom: 55px;
    right: 10px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #1b6e97;
    color: #fff;
    cursor: pointer;
    padding: 8px;
    border-radius: 10px;
    font-size: 17px;
}


#topup:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
 .container-fluid {
	 max-width:1200px;
	 }


.navbar-form{
	    float: right;
		margin-right:80px !important;
}
.topnav {
 display:none !important;
}
div.ads-container {
	position: fixed;
	z-index: 3;
	right: 0;
	top: 20px
}

div._300_600,
div.ads-google {
	width: auto;
	height: auto;
	padding: 0
}
@media (min-width:1200px) {
	.ad-side {
		width: 300px;
		height: 600px;
	}
}
@media (min-width:1200px) {
	.ad-sidebar {
		width: 300px;
		height: 600px;
	}
}
  @media (max-width: 1024px) {
            .resizss {
               display:none !important;
            }
        }
		 @media (min-width: 1024px) {
         .navbar-form {
				width: 210px;
				 display:block;
				
				}
        }
		  @media (max-width: 823px) {
            .resresizes {
               display:none !important;
            }
			.navbar-form {
				
				 display:none;
				
				}
			
					.nav-far{
				
				 display:none;
				
				}
			
				.topnav {
	display:block !important;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    width: 40%;
    float: right;
    min-height: 49px;
}
/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
      margin-top: 35px;
	    
}
.topnav .links {
    color: black;
    padding: 5px 16px;
    text-decoration: none;
    font-size: 15px;
    display: block;
}


/* Style navigation menu links */
.topnav a {
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: white;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #fff;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #fff;
  color: black;
}
        }
		@media only screen and (min-device-width : 768px) and (max-device-width : 823px) {
 
.navbar-header {
					  width: 100%;
					}
 
}
@media (min-width: 768px) {
	.ad-sidebar {
		width: 160px;
		height: 600px;
	}
}


@media (min-width: 768px) {
	.ad-leading {
		width: 728px;
		height: 90px;
	}
}

   @media (min-width: 768px) {
            .navbar-form .input-group .form-control {
                width: 205px;
            }
        }
		 @media (max-width: 768px) {	
		.navbar-form {
			
				 display:none;
				
				}
				.col-lg-4{
					  width: 100%;
					}
			.topnav {
	display:block !important;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    width: 40%;
    float: right;
    min-height: 49px;
}
/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
      margin-top: 35px;
	   
}
.topnav .links {
    color: black;
    padding: 5px 16px;
    text-decoration: none;
    font-size: 15px;
    display: block;
}


/* Style navigation menu links */
.topnav a {
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: white;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #fff;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #fff;
  color: black;
}}
		 
			@media (max-width: 411px){
.navbar-form {
    width: 250px !important;
}}	

			@media (max-width: 414px){
.navbar-form {
    width: 250px !important;
}}	
			@media (max-width: 375px){
.navbar-form {
    width: 210px !important;
}}	
			@media (max-width: 360px){
.navbar-form {
    width: 200px !important;
}}	


@media (min-width: 360px) {
	.ad-image {
		width: 336px;
		height: 280px;
	}
}



@media (min-width: 360px) {
	.ad-side {
		width: 336px;
		height: 280px;
	}
}
@media (min-width: 360px) {
	.ad-leading {
		width: 336px;
		height: 280px;
	}
}
@media (min-width: 360px) {
	.ad-sidebar {
		width: 336px;
		height: 280px;
	}
}

@media (max-width: 359px) {
	.ad-image {
		width: 300px;
		height: 250px;
	}
}


@media (max-width: 359px) {
	.ad-side {
		width: 300px;
		height: 250px;
	}
}




@media (max-width: 359px) {
	.ad-leading {
		width: 300px;
		height: 250px;
	}
}





@media (max-width: 359px) {
	.ad-sidebar {
		width: 300px;
		height: 250px;
	}
}

		
    
@media (max-width: 320px){
.navbar-form {
    width: 158px !important;
}}
		

@media (max-width: 767px) {
nav.nav-far{
				display:none !important;
				}
            .navbar {
                margin-bottom: 0;
				 box-shadow: 0 1px 15px -3px grey;
            }

            .navbar-default {
                background-color: white;
                border: none;
				    height: 50px;
					    position: fixed;
						    z-index: 99999;
							 box-shadow: 0 1px 15px -3px grey;
							 width: 100%;
            }
			
.navbar-header{
	  
	
	}
            .navbar-default .navbar-collapse, .navbar-default .navbar-form {
                border-color: transparent;
            }
			.navbar-form {
				width: 210px;
				
				}
			
			.navbar-form{
				padding: 0px 15px;
				    margin-top: -45px;
    margin-right: -10px;
    margin-bottom: 8px;
    margin-left: 155px;
				
				}
	.ad {
		margin: 10px auto;
	}
	.leading,
	.subtitle {
		font-weight: normal;
	}
	.leading {
		font-size: 24px;
		margin-top: 10px;
	}
	.subtitle {
		font-size: 1em;
		margin-bottom: 10px;
	}
}

.page-end {
	margin: 15px auto;
	clear: both;
	color: #777;
	text-align: center;
	font-size: 85%;
}

.footer {
	margin-top: 15px;
	background-color: #272729;
	padding: 15px 20px;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	font-family: Roboto, sans-serif;
}

.profile {
	word-break: break-all;
	margin: 12px auto;
}

.profile .userinfo .avatar {
	width: 100px;
	height: 100px;
	margin-bottom: 5px;
	border: 3px solid #fff;
	border-radius: 100%;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.profile .userinfo .detail {
	padding: 10px 15px;
}

.profile .userinfo .detail h1 {
	font-size: 18px;
}

.profile .userinfo .detail h1 sub {
	font-size: 16px;
	line-height: 1.22;
	letter-spacing: -.022em;
	color: rgba(0, 0, 0, .44);
	font-weight: bolder;
	display: block;
	margin-bottom: 15px;
}

.profile .userinfo .detail .counts {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.profile .userinfo .detail .counts .posts {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.profile .userinfo .detail .number {
	font-weight: 600;
	font-size: 14px;
	margin-left: .2em;
}

.grid {
	margin: 0 auto;
}

@media (max-width: 767px) {
	.grid {
		max-width: 600px;
	}
}

@media (max-width: 618px) {
	.grid {
		max-width: 450px;
	}
}

.item {
	border: 1px solid #efefef;
	margin: 12px 4px;
	width: 360px;
	display: inline-block;
	text-align: left;
	position: relative;
	margin-bottom: 35px;
	max-width: 360px;
	width: 100%;
}

.item .mask {
	display: block;
	height: 360px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.item .media .helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.item .media .image {
	display: inline-block;
	width: 100%;
	height: auto;
	z-index: -1;
}

.item .media .isVideo {
	background-image: url(/static/img/ring.png);
	
	position: absolute;
	top: 33.33333333%;
	left: 33.33333333%;
	background-size: 100% 100%;
	background-color: transparent;
}

.item .isSidecar {
	width: 30px;
	position: absolute;
	top: 0;
	right: 0;
	background-size: 100% 100%;
	background-color: transparent;
}

.item .user {
	margin-bottom: 15px;
}

.item .user .avatar {
	padding-right: 1rem;
	display: table-cell;
	vertical-align: middle;
}

.item .user>.name {
	font-weight: 700;
	display: table-cell;
	vertical-align: middle;
	word-break: break-all;
	color: #000;
	font-size: 2rem;
}

.item .user .avatar>img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

.item .media .detail {
	padding: 15px 15px 0 15px;
}

.item .media .detail .caption {
	height: 59px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.item .media .detail p {
	word-wrap: break-word;
}

.item .media .detail span {
	font-size: 12px;
	color: grey;
	margin: 0 1em 0 0;
	background: none;
	padding: 0;
}

.item .media .detail .location a {
	font-weight: bold;
}

.item .media .detail .created_time {
	color: #337ab7;
}

.next {
	margin: 15px auto;
	width: auto;
	max-width: 728px;
}

@media (min-width: 1200px) {
	.item {
		margin: 16px 8px;
	}
}

@media (max-width: 767px) {
	.profile .userinfo .detail h1 {
		font-size: 16px;
	}
	.profile .userinfo .detail h1 sub {
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.main {
		max-width: 450px;
	}
	.item {
		width: 100%;
		margin-bottom: 35px;
		display: inline-block;
	max-width: 360px;
		padding: 0;
		border: none;
		float: left;
	}
	.item .mask {
		height: auto;
		border: 1px solid #e5e5e5;
		box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.1);
		-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.1);
		-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.1);
		background-color: #fff;
		border-radius: 6px;
		border: 1px solid #fff;
	}
	.item .media .user,
	.item .media .detail {
		display: none;
	}
}

.ad-item {
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background: transparent;
	margin: 0 4px;
}

@media (min-width: 768px) {
	.ad-item>div {
		width: 358px;
		height: 552px;
		padding-top: 50px;
	}
	.ad-item .ad {
		margin: 0 auto;
	}
}

@media (max-width: 767px) {
	  .container-fluid {
                padding: 0;
				
				padding-right: 5px !important;;
    padding-left: 5px !important;;
	
            }
	.ad-item {
		width: 100%;
		max-width: 100%;
		margin: 10px auto 0;
	}
}

#fountainG {
	position: relative;
	width: 132px;
	height: 16px;
	margin: 25px auto;
}

.fountainG {
	position: absolute;
	top: 0;
	background-color: rgb(0, 0, 0);
	width: 16px;
	height: 16px;
	animation-name: bounce_fountainG;
	-o-animation-name: bounce_fountainG;
	-ms-animation-name: bounce_fountainG;
	-webkit-animation-name: bounce_fountainG;
	-moz-animation-name: bounce_fountainG;
	animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	-ms-animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-direction: normal;
	-o-animation-direction: normal;
	-ms-animation-direction: normal;
	-webkit-animation-direction: normal;
	-moz-animation-direction: normal;
	transform: scale(.3);
	-o-transform: scale(.3);
	-ms-transform: scale(.3);
	-webkit-transform: scale(.3);
	-moz-transform: scale(.3);
	border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#fountainG_1 {
	left: 0;
	animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
}

#fountainG_2 {
	left: 16px;
	animation-delay: 0.75s;
	-o-animation-delay: 0.75s;
	-ms-animation-delay: 0.75s;
	-webkit-animation-delay: 0.75s;
	-moz-animation-delay: 0.75s;
}

#fountainG_3 {
	left: 33px;
	animation-delay: 0.9s;
	-o-animation-delay: 0.9s;
	-ms-animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
}

#fountainG_4 {
	left: 49px;
	animation-delay: 1.05s;
	-o-animation-delay: 1.05s;
	-ms-animation-delay: 1.05s;
	-webkit-animation-delay: 1.05s;
	-moz-animation-delay: 1.05s;
}

#fountainG_5 {
	left: 66px;
	animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
}

#fountainG_6 {
	left: 82px;
	animation-delay: 1.35s;
	-o-animation-delay: 1.35s;
	-ms-animation-delay: 1.35s;
	-webkit-animation-delay: 1.35s;
	-moz-animation-delay: 1.35s;
}

#fountainG_7 {
	left: 99px;
	animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
}

#fountainG_8 {
	left: 115px;
	animation-delay: 1.64s;
	-o-animation-delay: 1.64s;
	-ms-animation-delay: 1.64s;
	-webkit-animation-delay: 1.64s;
	-moz-animation-delay: 1.64s;
}

@keyframes bounce_fountainG {
	0% {
		transform: scale(1);
		background-color: rgb(0, 0, 0);
	}
	100% {
		transform: scale(.3);
		background-color: rgb(255, 255, 255);
	}
}

@-o-keyframes bounce_fountainG {
	0% {
		-o-transform: scale(1);
		background-color: rgb(0, 0, 0);
	}
	100% {
		-o-transform: scale(.3);
		background-color: rgb(255, 255, 255);
	}
}

@-ms-keyframes bounce_fountainG {
	0% {
		-ms-transform: scale(1);
		background-color: rgb(0, 0, 0);
	}
	100% {
		-ms-transform: scale(.3);
		background-color: rgb(255, 255, 255);
	}
}

@-webkit-keyframes bounce_fountainG {
	0% {
		-webkit-transform: scale(1);
		background-color: rgb(0, 0, 0);
	}
	100% {
		-webkit-transform: scale(.3);
		background-color: rgb(255, 255, 255);
	}
}

@-moz-keyframes bounce_fountainG {
	0% {
		-moz-transform: scale(1);
		background-color: rgb(0, 0, 0);
	}
	100% {
		-moz-transform: scale(.3);
		background-color: rgb(255, 255, 255);
	}
}
@media only screen and (min-width: 620px){
#home-search {
       padding-top: 110px;
	   height: 500px;

}
 .navbar {
    margin-bottom: 0 !important;
    /* margin-top: -20px; */
    background-color: #ffffff;
    height: 50px;
	    box-shadow: 0 1px 15px -3px grey;
		    position: fixed;
    width: 100%;
    z-index: 9999;
		
            }

}
nav.nav-far {
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
  
    -webkit-overflow-scrolling: touch;
	
	    margin-top: 14px;
}
.nav-dropdown a, nav.nav-far a {
    color: #adb5bd;
    font-weight: 500;
    text-transform: uppercase;
	    padding-right: 10px;
}
nav.nav-bar a {
    padding: 0 6px;
    line-height: inherit;
    display: inline-block;
}
nav.nav-bar a {
  
    text-decoration: none;
    -webkit-transition: color .3s;
    transition: color .3s;
	    touch-action: manipulation;
}
@media (min-width: 1020px){
nav {
    height: inherit;
    line-height: inherit;
}
nav.nav-far {
    padding: 0;
   
    z-index: 90;
    top: 0;
    width: 100%;
    background-color: transparent;
}	
	}
	 @media (max-width: 768px) {
	nav.nav-far{
		display:none;
		}	 
		 
	 }