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

@font-face {
  font-family: 'FontAwesome';
  src: url("../bower_components/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../bower_components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; 
}

.p-0 {
  padding: 0 !important;
}

.w-100 {
  width: 100% !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.verify_btn {
  width: 50%;
  margin: auto;
}

.verification_code {
  width: 80%;
  margin: auto;
}

.hidden {
  display: none;
}

.resendOtp {
  cursor: pointer;
}

.card-overlay {
    overflow: hidden;
    position: relative;
}



.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {

    display: block;

    max-width: 100%;

    height: auto;

}

.card-overlay .card-hover {

    bottom: 0;

    left: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.2);

    transition: all ease .35s;

    -webkit-transition: all ease .35s;

}



.card-overlay .card-content {

    bottom: 0;

    left: 0;

    position: absolute;

    width: 100%;

    padding: 20px 15px;

}

.label-primary {

    background: #4267b2 !important;

}

.label {

    font-weight: 300;

}

.card-overlay .card-content h3 {

    font-weight: 400;

    font-size: 18px;

    margin: 8px 0 5px;

}

.card-overlay .card-content h3 a {

    color: #fff;

}

.rating-list {

    margin: 0px;

    padding: 0px;

}

.mb0 {

    margin-bottom: 0 !important;

}

.list-inline {

    padding-left: 0;

    margin-left: -5px;

    list-style: none;

}

.rating-list li {

    padding: 0px;

}

.text-warning {

    color: #ffb802 !important;

}

.card-icons {

    position: absolute;

    right: 20px;

    bottom: 20px;

    margin-right: -10px;

    opacity: 0;

    transition: all ease .35s;

    -webkit-transition: all ease .35s;

}

.card-icons a {

    width: 32px;

    height: 32px;

    line-height: 32px;

    text-align: center;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    display: block;

    background: #fff;

    margin-top: 5px;

}

.card-icons a {

    width: 32px;

    height: 32px;

    line-height: 32px;

    text-align: center;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    display: block;

    background: #fff;

    margin-top: 5px;

}





.card-overlay {

  overflow: hidden;

  position: relative; }

  .card-overlay .card-hover {

    bottom: 0;

    left: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.2);

    transition: all ease .35s;

    -webkit-transition: all ease .35s; }

  .card-overlay .card-content {

    bottom: 0;

    left: 0;

    position: absolute;

    width: 100%;

    padding: 20px 15px; }

    .card-overlay .card-content h3 {

      font-weight: 400;

      font-size: 18px;

      margin: 8px 0 5px; }

      .card-overlay .card-content h3 a {

        color: #fff; }

  .card-overlay:hover .card-icons {

    margin-right: 0px;

    opacity: 1; }

  .card-overlay:hover .card-hover {

    background: rgba(0, 0, 0, 0.7); }



.card-icons {

  position: absolute;

  right: 20px;

  bottom: 20px;

  margin-right: -10px;

  opacity: 0;

  transition: all ease .35s;

  -webkit-transition: all ease .35s; }

  .card-icons a {

    width: 32px;

    height: 32px;

    line-height: 32px;

    text-align: center;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    display: block;

    background: #fff;

    margin-top: 5px; }

    .card-icons a:hover {

      background-color: #4267b2;

      color: #fff; }



.download-app-card {

  position: relative;

  background: url(../images/img-lg1.jpg) no-repeat center bottom;

  background-attachment: fixed;

  width: 100%;

  background-size: cover;

  padding: 40px 20px; }

  .download-app-card h1 {

    color: #fff;

    font-weight: 300; }

  .download-app-card a {

    display: inline-block;

    margin: 4px; }

    .download-app-card a:hover {

      opacity: 0.8; }



.icon-center-card {

  text-align: center; }

  .icon-center-card h3 {

    font-weight: 400; }

  .icon-center-card p {

    color: #000;

    opacity: 0.8; }

  .icon-center-card i {

    width: 70px;

    height: 70px;

    line-height: 70px;

    text-align: center;

    display: block;

    font-size: 25px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    margin: 0 auto;

    margin-bottom: 15px;

    border: 2px solid #4267b2;

    color: #4267b2; }

  .icon-center-card a {

    color: #4267b2;

    position: relative;

    padding-right: 20px;

    display: inline-block; }

    .icon-center-card a:after {

      position: absolute;

      right: 0;

      top: 0px;

      content: "\f105";

      font-family: "FontAwesome"; }

    .icon-center-card a:hover {

      opacity: 0.8; }



.post-card {

  position: relative;

  overflow: hidden; }

  .post-card .post-content h4 {

    font-weight: 400;

    font-size: 20px; }

    .post-card .post-content h4 a {

      color: #000; }

      .post-card .post-content h4 a:hover {

        color: #4267b2; }





.list-inline {

    padding-left: 0;

    margin-left: -5px;

    list-style: none;

}



.mb0 {

    margin-bottom: 0 !important;

}

ol, ul {

    margin-top: 0;

    margin-bottom: 10px;

}

.rating-list li {

    padding: 0px;

}



.list-inline>li {

    display: inline-block;

    padding-right: 2px;

    padding-left: 2px;

}

.row {

    margin-right: -15px;

    margin-left: -15px;

}

.mb30 {

    margin-bottom: 30px !important;

}





.navbar-nav li a:hover{ color:#14bef0 !important;}

.navbar-nav li .btn-common{

	width: 200px;

	margin-top: 20px;

	margin-bottom: 20px;

	margin-left:10px;

	margin-right:10px;

}

#main-navbar{

	margin-left: -10%;

}

.logo-image {
    width: 200px !important;
}

@media screen and (max-width: 768px){
  .navbar-brand {
      position: absolute;
      padding: 5px;
      top: 7px;
  }

  .logo-image {
      width: 250px !important;
  }
}

.navbar {
    border-bottom: 1px solid #f0f0f5 !important;
}

@media (max-width: 767px){

	.header-top-right {

		display: block !important; 

	}

}

.navbar{

	border-bottom: 1px solid rgba(54, 59, 77, .88); 

}

#hero-area .overlay{

	background: none;

}

.navbar-nav li a:focus{ color:#49e4fa !important; }



#hero-area{

		background: none !important;

	}

	.theme-color{

		color: #49e4fa !important;

	}

	.theme-black{

		color: black !important;

	}

	.search-inner{

		border: 1px solid rgba(54, 59, 77, .88) !important; 

	}

	.search-bar .search-inner{

		margin: auto;

		width:70%;

		float:inherit;

	}

	.inputwithicon{

	 	width: 65% !important;

	}

	.item{

		float:left;

		margin-top: 5%;

		margin-bottom: 5%;

	}

	.center{

		text-align: center;

		margin: auto;

	}

	.category-icon-item{

		padding: 15px !important;  

	}

	.category-active{

		background: 0 0;

		box-shadow: 0 0 10px rgba(73, 228, 250, 0.51);

		color:  rgba(73, 228, 250, 0.51) !important;

	}
	#hero-area .contents {
		padding: 50px 0 50px;
	}

	.search-result-title{

		font-size: 15px;

		color: #333;

		line-height: 52px;

		font-weight: 700;

		padding-bottom: 15px;

		margin-bottom: 0;

		text-align: center;

		position: relative;

	}

	#blog .blog-item-text{

		padding:5px !important;

	}

	#blog .blog-item-text {

		padding: 15px;

		box-shadow: none; 

	}

	.search-result a{

		font-size: 14px;

		line-height: 0;

	}

	.user-search-img{

		width: 12%;

		margin-top: 3%;

	}

	.meta-tags{

		font-size: 12px;

	}

	.btn-round{

		border-radius: 20px;

	}

	.mobile-search{

		display:none;

	}

	

	@media (max-width: 767px){

		.desktop-search{

			display:none;

		}

			

		.mobile-search{

			display:block;

		}

			

		.inputwithicon{

			width: 80% !important;

			float:left;

			display: inline;

			margin: 0 !important;

		}

		

		.mobile-search-button{

			width: 20% !important;

			float:left;

			display: inline;

		}

		.search-bar .search-inner {

			margin: auto;

			width: 100%;

		}

		.search-bar{

			width: 100% !important;			

		}

	}

	

	.no-search-result{

		margin:auto; margin-bottom:10px;

	}

	.inline-align{

		float:left;color:black;font-size:16px; font-weight:700;

	}
	
  .d-flowroot { display: flow-root !important; }
  .float-left { float: left !important; }


  .OtpModalForLogin .otp_text {
    line-height: 1.8;
    font-size: 1.2em;
    color: #a0a0a0;
  }
  .OtpModalForLogin .mobile_color {
    color: #a0a0a0;
  }
  .OtpModalForLogin .verification_text {
      float: left;
      margin-left: 10px;
      line-height: 1.8;
      font-size: 1.2em;
      color: #a0a0a0; 
  }