/** Table of Content  Css



Project:	Gallery Layouts

Version:	1.0

Author:	'Gallaxy Themes'

Primary use:	///



[Layout]



--> body









[Color Codes]









[Typography]



Body:		font:16px/16px 'Roboto', sans-serif;









==> RESET    

==> Wrapper   











End of Table of Content Css End **/



/*===========================================================================*/

						/*Default Css Start*/

/*===========================================================================*/

body{

	font-family: 'Roboto', sans-serif;

	margin: 0;

	padding: 0;

  background-color: #f5f5f5;

}

.bb-fp-wrapper{

	float: left;

	width: 100%;

}

.pd-tb-100{

	padding-top: 98px;

	padding-bottom: 98px;

}

.pd-t-100{

	padding-top: 98px;

}

.pd-b-100{

	padding-bottom: 98px;

}

.bb-fp-wrapper figure{

	position: relative;

	float: left;

	width: 100%;

	overflow: hidden;

}

.bb-fp-wrapper figure img{

	max-width: 100%;

	height: auto;

}

.bb-fp-wrapper ul{

	padding: 0;

	margin: 0;

}

.bb-fp-wrapper ul li{

	list-style: none;

}

.bb-fp-wrapper h1,.bb-fp-wrapper h2,.bb-fp-wrapper h3,.bb-fp-wrapper h4,.bb-fp-wrapper h5,.bb-fp-wrapper h6,.bb-fp-wrapper strong {

	font-family: 'Roboto', sans-serif;

	font-weight: normal;

	color: #020202;

	margin: 0;

}

.bb-fp-wrapper h1 a,.bb-fp-wrapper h2 a,.bb-fp-wrapper h3 a,.bb-fp-wrapper h4 a,.bb-fp-wrapper h5 a,.bb-fp-wrapper h6 a{

	color: #020202;

}

.bb-fp-wrapper h2{

	font-weight: 400;

	font-size: 48px;

	line-height: 40px;

}

.bb-fp-wrapper h3{

	font-weight: 400;

	font-size: 24px;

	margin: 0 0 16px;

}

.bb-fp-wrapper h4{

	font-size: 18px;

}

.bb-fp-wrapper p{

  font-size: 16px;

  margin: 0;

  color: #020202;

}

.bb-fp-heading-outer{

  float: left;

  width: 100%;

  margin-bottom: 50px;

}

.bb-fp-heading-outer h2{

  font-size: 40px;

  position: relative;

  margin: 0 0 15px;

  padding-bottom: 20px;

}

.bb-fp-heading-outer h2:before{

  content: '';

  position: absolute;

  left: 0;

  width: 70px;

  border-bottom: 2px solid #222;

  bottom: 0;

}

.bb-fp-social-links,.bb-fp-social-links_v2{

  float: left;

  width: 100%;

  padding: 0;

  margin: 0;

  transition: all .4s ease-in-out;

}

.bb-fp-social-links li,.bb-fp-social-links_v2 li{

  display: inline-block;

  margin: 0 2px;

}

.bb-fp-social-links_v2 li{

  margin: 0 4px;

}

.bb-fp-social-links li a,.bb-fp-social-links_v2 li a{

  font-size: 14px;

  color: #222;

  display: block;

  text-decoration: none;

  width: 35px;

  height: 35px;

  line-height: 35px;

  border: 1px solid #ccc;

  text-align: center;

}

.bb-fp-social-links li:hover .fa {

    color: #1e73be;

    -webkit-animation: toTopFromBottom 0.5s forwards;

    -moz-animation: toTopFromBottom 0.5s forwards;

    -ms-animation: toTopFromBottom 0.5s forwards;

    animation: toTopFromBottom 0.5s forwards;

}

.bb-fp-social-links_v2 li a{

  background-color: #fff;

  border-radius: 5px;

  border: none;

  box-shadow: 0 0 2px #ccc;



}





/*=====================================================*/

  /*Inner Banner Css Start*/

/*=====================================================*/

.bb-fp-inner-banner{

  float: left;

  width: 100%;

  z-index: 11;

  padding: 50px 0 45px;

  position: relative;

}

.bb-fp-inner-banner:before{

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background-color: rgba(0,0,0,0.50);

  z-index: -1;

}

.bb-fp-inner-banner-outer{

  float: left;

  width: 100%;

  text-align: center;

}

.bb-fp-inner-banner-outer h2{

  font-weight: 600;

  font-size: 30px;

  color: #fff;

  padding-bottom: 15px;

  margin: 0 0 20px;

  position: relative;

  text-shadow: 0 5px 7px rgba(0,0,0,0.3);

}

.bb-fp-inner-banner-outer h2:after{

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  margin: 0 auto;

  width: 70px;

  border-bottom: 3px solid #44c6eb;

}

.bb-fp-inner-banner-outer .breadcrumb{

  background-color: transparent;

  padding: 0;

  margin: 0;

}

.bb-fp-inner-banner-outer .breadcrumb li{

  font-size: 16px;

  color: #fff;

  font-style: italic;

}

.bb-fp-inner-banner-outer .breadcrumb li.active,.bb-fp-inner-banner-outer .breadcrumb li.active a{

   color: #44c6eb; 

}

.bb-fp-inner-banner-outer .breadcrumb li a{

  color: #fff;

  text-decoration: none;

}





/*====================================================*/

/*Blog Detail Css Start*/

/*====================================================*/

.bb-fp-blog-section {

  width: 100%;

  float: left;

  position: relative;

  padding: 80px 0 60px;

}

.bb-fp-blog-item{

  float: left;

  width: 100%;

  margin: 0 0 30px;

}
.bb-fp-thumb img{
  width: 100%;
}
.bb-fp-blog-item .bb-fp-thumb{

  margin: 0;

}

.bb-fp-blog-item .bb-fp-text{

  float: left;

  width: 100%;

  background-color: #f1f1f1;

  padding: 30px 30px;

}

.bb-fp-blog-item .bb-fp-text h3{

  margin: 0 0 12px;

}

.bb-fp-blog-item .bb-fp-text p{

  margin: 0 0 20px;

}

.bb-fp-blog-detail .bb-fp-text p{

  margin: 0 0 30px;

}

.bb-fp-blog-detail .bb-fp-thumb:hover img{

  -webkit-transform: scale(1.2) rotate(2deg);

  -moz-transform: scale(1.2) rotate(2deg);

  -ms-transform: scale(1.2) rotate(2deg);

  -o-transform: scale(1.2) rotate(2deg);

  transform: scale(1.2) rotate(3deg);

}

.bb-fp-blog-detail .bb-fp-thumb img{

    -webkit-transition: all .4s ease-in-out;

     -moz-transition: all .4s ease-in-out;

      -ms-transition: all .4s ease-in-out;

       -o-transition: all .4s ease-in-out;

          transition: all .4s ease-in-out;

  -webkit-transform: scale(1) rotate(0deg);

  -moz-transform: scale(1) rotate(0deg);

  -ms-transform: scale(1) rotate(0deg);

  -o-transform: scale(1) rotate(0deg);

  transform: scale(1) rotate(0deg);

}

.bb-fp-text .read-btn{

  font-size: 18px;

  font-weight: 600;

  line-height: 18px;

  color: #222;

}

ul.post-meta {

  width: 100%;

  float: left;

  padding: 0px;

  margin: 0 0 15px;

  list-style: none;

}

.post-meta li {

  font-size: 16px;

  list-style: none;

  float: left;

  margin-right: 20px;

}

.post-meta li:last-child {

  margin: 0px;

}

.post-meta li .fa{

  margin: 0 5px 0 0;

  color: #44c6eb;

}

.bb-fp-blockquote{

  float: left;

  width: 100%;

  padding: 23px 50px 19px 100px;

  background-color: #fff;

  position: relative;

  border: none;

  box-shadow: 0 5px 7px rgba(0,0,0,0.15);

  border-top: 2px solid #44c6eb;

}

.bb-fp-blockquote:before{

  font-size: 50px;

  font-family:'FontAwesome';

  content:"\f10d";

  position: absolute;

  left: 30px;

  top: 30px;

  color: #44c6eb;

}

.bb-fp-blockquote p{

  font-size: 16px;

  line-height: 26px;

  font-style: italic;

  color: #666;

  margin: 0;

}

.bb-fp-blog-item .bb-fp-text .bb-fp-blockquote p{

  margin: 0;

}

.bb-fp-form-box {

  float: left;

  width: 100%;

}

.bb-fp-blog-item .bb-fp-form-box h3{

  font-size: 30px;

  margin: 0 0 20px;

}

.bb-fp-form-box .inner-holder {

  float: left;

  width: 100%;

  margin: 0 0 30px;

}

.bb-fp-form-box .inner-holder input[type="text"], .bb-fp-form-box .inner-holder input[type="password"], .bb-fp-form-box .inner-holder input[type="tel"], .bb-fp-form-box .inner-holder textarea {

  width: 100%;

  font-size: 16px;

  color: #777777;

  background-color: #fff;

  border: none;

  border: none;

  padding: 0 20px;

  height: 50px;

  line-height: 50px;

  position: relative;

  z-index: 99;

}

.bb-fp-form-box .inner-holder textarea {

  height: 200px;

  -webkit-resize: none;

  -moz-resize: none;

  resize: none;

}

.bb-fp-form-box .inner-holder .btn-submit {

  font-size: 18px;

  font-weight: 600;

  float: right;

  color: #fff;

  height: 50px;

  line-height: 43px;

  text-align: center;

  min-width: 200px;

  border: 2px solid;

  padding: 0 30px;

  background-color: #44c6eb;

}

.bb-fp-form-box .inner-holder .btn-submit:hover{

  background-color: #44c6eb;

}

.bb-fp-form-box .bb-fp-btn-holder{

  margin-bottom: 0;

}

.bb-fp-post-navigation{

	font-size: 16px;

	float: left;

	width: 100%;

	margin: 20px 0;

	color: #222;

	text-align: center;

}

.bb-fp-post-navigation a{

	color: #222;

	margin: 0 5px;

	display: inline-block;

	text-decoration: none;

	padding: 7px 15px;

	border: 1px solid #ccc;

}