/*

  Theme Name: Doors

  Theme URL: http://www.themeregion.com

  Author: ThemeRegion

  Author URI: http://www.themeregion.com

  Description: Onepage Responsive HTML Parallax Template

  Version: 1.1

*/



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

[Table of contents]

=========================================================================



1. Typography

2. Home / Navigation + Main Carousel

3. Service

4. parallax promo-One

5. Recent-works

6. About Us / Skills-Section + Team-member

7. parallax promo-two

8. Blog

9. parallax promo-three

10. Clients

11. News Letter 

12. Pricing Table

13. Twitter

14. Contact us

15. Footer

16. Blog-single

17. Preloader



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



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

=======Typography=========

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



body {

	font-family: 'aller_lightregular';  

	font-size: 16px;

	color: #454545;

	background-color: #fff;

}



ul {

	list-style: none;

	margin:0;

	padding:0;

}



.navbar-nav li a:hover, 

.navbar-nav li a:focus {

	outline:none;

	outline-offset: 0;

	text-decoration:none;  

	background: transparent;

}



a {

	color: #fff;

	text-decoration: none;

	-webkit-transition: 300ms;

	-moz-transition: 300ms;

	-o-transition: 300ms;

	transition: 300ms;

}



a:focus, 

a:hover {

	text-decoration: none;

	outline: none;

	color: hsl(216, 98%, 51%);

}



h1 {

	font-size:36px;

}



h2 {

	font-size: 24px;

}



h3 {

	font-size: 20px;

}



h4 {

	font-size: 18px;

}



h5 {

	font-size: 14px;

}



h1, h2, h3, h4, h5, h6 {

	font-family: 'allerregular';

	font-weight:normal;

}



.padding-top {

	padding-top:90px;

}



.padding-bottom{	

	padding-bottom:105px;

}



.section-title {

	padding-bottom:85px;

}



.section-title h3 {

	color: hsl(58, 100%, 39%);

	line-height: 15px;

	margin-bottom: 0;

	text-transform: uppercase;

	letter-spacing: 5px;

}



.title-border {

	background-color:hsl(58, 100%, 39%);

	height: 1px;

	width:184px;

	margin-bottom: 30px;

}



.parallax-section { 	

	background-position: 50% 0;

	background-repeat: no-repeat;

	background-size: cover;

	background-attachment:fixed;

	width: 100%;

	min-height: 385px;

	color: #fff;

	font-size:18px;  

}



.parallax-content {	

	padding-bottom:70px;

	padding-top:110px;

}



.parallax-content h1 {

	text-transform: uppercase;

	line-height: 48px;

}



.navbar-toggle {

	border:1px solid #fff;

	margin-top:15px;

}



.navbar-toggle .icon-bar {

	background-color: #fff;

}





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

========Home CSS==========

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



.navbar-brand.change-logo {	

	height: 78px;

	background-color: hsl(58, 100%, 39%);

	padding:9px 3px 9px 9px;

}



.navbar-brand.change-logo h1 {

  margin-top: -5px;

}



.navbar-brand.change-logo h2 {

	display: none;

}



.navbar-brand.change-logo h1 img {

	width: 80%;

}



.main-nav {

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: 1000;

}



.top-bar-hide {

	display: none;

}



/*Topbar*/

.top-bar {

	position:absolute;

	right:15px;

	top:15px;

	z-index: 10;

}



.top-bar span {

	margin-left: 45px;

	color:#fff;

}



.top-bar span i {

	color: hsl(0, 0%, 100%);

	margin-right: 10px;

	font-size: 18px;

}



/*Navigation CSS*/

#navigation .container {

	position:relative;

}



a.navbar-brand {

	background-color: hsl(58, 100%, 39%);

	display: block;

	height: 152px;

	overflow: hidden;

	padding:12px;

	color: #fff;

	margin-left: 0 !important;

}



.navbar-brand h1 {

	margin-bottom: 0;

}



.navbar-brand h2 {

	font-size:14px;

	letter-spacing:2px;

	text-transform: uppercase;

	font-family: 'aller_lightregular';

	font-weight: 700;

	margin-top: 5px;

}



#navigation .navbar-right {

	margin-top: 76px;

	margin-right: 35px;

}



#navigation .navbar-right li a {

	color:#fff;

	font-size:14px;

	height: 100%;

	text-transform:uppercase;

	font-family: 'allerregular';

	padding:10px 17px;

}



#navigation .navbar-fixed-top {

	background-color: hsl(220, 93%, 39%);

	border-bottom: 1px solid #dfdfdf;

	-webkit-transition: 300ms;

	-moz-transition: 300ms;

	-o-transition: 300ms;

	transition: 500ms;

}



#navigation .navbar-fixed-top .navbar-right{

	margin-top: 0;

}



#navigation .navbar-fixed-top .navbar-right li a{

	line-height: 48px;

	padding: 15px 17px;

}



#navigation .navbar-fixed-top .navbar-right li a.active, 

#navigation .navbar-fixed-top .navbar-right li a:hover, 

#navigation .navbar-fixed-top .navbar-right li a:focus, 

#navigation .navbar-fixed-top .navbar-right li.active a{

	background-color: hsl(58, 100%, 39%);

}



#navigation .navbar-right li a.active, 

#navigation .navbar-right li a:hover, 

#navigation .navbar-right li a:focus, 

#navigation .navbar-right li.active a  {

	background-color:hsl(58, 100%, 39%);

}



.search{

  position: absolute;

  top: 88px;

  right:15px;

  z-index: 1;

}



#navigation .navbar-fixed-top .search {

	top: 30px;

}



#navigation .navbar-fixed-top .search .field-toggle{

	top: 40px;

}



.search i{

  color: #fff;

  cursor: pointer;

  position: absolute;

  right:0;

  top: 2px;

}



#navigation .navbar-fixed-top .search i:hover {

	color: #fff;

}



.field-toggle {

  position: relative;

  top: 30px;

  right: 0px;

  display: none;

  height: 50px;

}



.search-form{

  padding-left: 10px;

  height:35px;

  font-size: 14px;

  color: #818285;

  font-weight: 300;

  outline: none;

  border: 1px solid #df392e;

  margin-top:10px;

}



.search i:hover {

	color:#df392e;

}



/*Main Carousel CSS*/



#home-carousel  .item {

	background-position: center top;

	background-repeat: no-repeat;

	background-size:cover;

	width:100%;

	height: 990px;

}



.carousel-caption {

	left:15px;

	right:15px;

	top:300px;

	font-size:15px;

	text-align:left;

	color:#fff;

	text-shadow:none;	

}



.carousel-caption h1 {

	font-size:46px;

	margin-bottom:0;

	line-height:27px;

	letter-spacing:2px;

}



.carousel-caption h2 {

	font-size:81px;

	font-family: 'aller_displayregular';

	margin-top:0px;

	text-transform:lowercase;

	letter-spacing:2px;

}



.carousel-caption p {

	max-width:580px;

}



.brand-promotion {

	bottom:92px;

	left: 0;

	position: absolute;

	right: 15px;

	color:#fff;

	z-index:15;

}



.brand-content {

	background-color:rgba(217,35,45,0.85);

	padding: 30px 32px;

	font-size: 14px;

	margin-right: -25px;

}



.brand-content h2 {

	text-transform: capitalize;

}



.brand-content:hover {

	background-color:rgba(217,35,45,1);

}



.brand-content img {

	margin-right: 15px;

	margin-top: 15px;

}



.container>.carousel-arrows {

	top: 515px;

	left:0;

	position: relative;

}



.home-carousel-left, 

.home-carousel-right {	

	position: absolute;

	font-size: 30px;

	z-index: 15;

	color:#fff;	

}



.home-carousel-left {

	left:0px;

}



.home-carousel-right {

	left:25px;

}



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

========Service CSS========

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



.service-icon {

	display:inline-block;	

	color: hsl(58, 100%, 39%);

	font-size:60px;

	line-height: 75px;	

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



#service .col-md-3:hover .service-icon {

	-moz-transform: scale(1.3);

	-webkit-transform: scale(1.3);

	-o-transform: scale(1.3);

	-ms-transform: scale(1.3);

	transform: scale(1.3);	

}



.service-text h4 {

	margin-bottom:30px;

}



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

==parallax promo-One CSS===

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



#promo-one  {

	background-image: url("../images/promotions/promo-one-bg.jpg");

}



#promo-one h2 {

	line-height: 28px;

	margin-top: 40px;

	position: relative;

	display: inline-block;

}



#promo-one h2:before {

	content: '"';

	position: absolute;

	left: -50px;

	top:20px;

	font-size: 101px;

	font-family: Arial;

}



#promo-one h2 span {

	display: block;

	font-size: 14px;

}



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

=======Recent-works CSS=======

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



#recent-works .section-title {

	padding-bottom: 35px;

}



.filter {

	overflow:hidden;

	margin-bottom:50px;

}



.filter li {

	display:inline-block;

}



.filter li a {

	display:block;

	padding:4px 15px;

	font-size:18px;

	font-weight:300;

	color: #454545;

}



.filter li a:hover, 

.filter li a:active, 

.filter li a:focus, 

.filter li a.active {

	color:#fff;

	background-color:#db2429

}



.portfolio-items li {

	width: 24.97%;

	float: left;

	position: relative;

	overflow: hidden;

}



.portfolio-item img {

	width: 100%;

}



.portfolio-content {

	position:relative;

	overflow:hidden;

}



.overlay {

	position:absolute;

	bottom:0;

	left:0;

	height:100%;

	width:100%;

	color: #fff;

	padding:30px;

	background-color:rgba(217, 35, 45, 0.85);

	-webkit-transition:all 0.3s ease-out 0s;

	-moz-transition:all 0.3s ease-out 0s;

	-ms-transition:all 0.3s ease-out 0s;

	-o-transition:all 0.3s ease-out 0s;

	transition:all 0.3s ease-out 0s;

}



.overlay h2, .overlay h4 {

	-webkit-transition:all 0.3s ease-out 0.15s;

	-moz-transition:all 0.3s ease-out 0.15s;

	-ms-transition:all 0.3s ease-out 0.15s;

	-o-transition:all 0.3s ease-out 0.15s;

	transition:all 0.3s ease-out 0.15s;

	position: relative;

	top:30%;

}



.overlay p {

	-webkit-transition:all 0.3s ease-out 0.25s;

	-moz-transition:all 0.3s ease-out 0.25s;

	-ms-transition:all 0.3s ease-out 0.25s;

	-o-transition:all 0.3s ease-out 0.25s;

	transition:all 0.3s ease-out 0.25s;

	position: relative;

	top: 34%;

}



.portfolio-content:hover .overlay a.folio-detail, 

.portfolio-content:hover .overlay a.folio-link, 

.portfolio-content:hover .overlay h2, 

.portfolio-content:hover .overlay p, 

.portfolio-content:hover .overlay, 

.team-member:hover .overlay, 

.team-member:hover .overlay p, 

.team-member:hover .overlay h4, 

.team-member:hover .social-icons {

	opacity:1;

	-moz-transform: scale(1);

	-webkit-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

}



.overlay a.folio-detail, 

.overlay a.folio-link {

	position:absolute;

	left: 35px;	

}



.overlay a.folio-link {

	bottom:22px;

	font-size:24px;

	-webkit-transition:all 0.3s ease-out 0.35s;

	-moz-transition:all 0.3s ease-out 0.35s;

	-ms-transition:all 0.3s ease-out 0.35s;

	-o-transition:all 0.3s ease-out 0.35s;

	transition:all 0.3s ease-out 0.35s;		

} 



.overlay a.folio-detail {

	top:45px;	

	font-size:60px;

	-webkit-transition:all 0.3s ease-out 0.10s;

	-moz-transition:all 0.3s ease-out 0.10s;

	-ms-transition:all 0.3s ease-out 0.10s;

	-o-transition:all 0.3s ease-out 0.10s;

	transition:all 0.3s ease-out 0.10s;	

}



.overlay a.folio-detail, 

.overlay a.folio-link, 

.overlay p, 

.overlay h2,  

.overlay, 

.overlay h4, 

.social-icons {

	-moz-transform: scale(0.5);

	-webkit-transform: scale(0.5);

	-o-transform: scale(0.5);

	-ms-transform: scale(0.5);

	transform: scale(0.5);

	opacity: 0;

}





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

 ====Isotope filtering=====

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

.isotope-item {

    z-index: 2;

}

.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}

.isotope, .isotope .isotope-item {/* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;

    -moz-transition-duration: 0.8s;

    transition-duration: 0.8s;

}

.isotope {

    -webkit-transition-property: height, width;

    -moz-transition-property: height, width;

    transition-property: height, width;

}

.isotope .isotope-item {

    -webkit-transition-property: -webkit-transform, opacity;

    -moz-transition-property:-moz-transform, opacity;

    transition-property:transform, opacity;

}





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

======About Us CSS=========

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

#about-us  {

	overflow:hidden;

}



#about-us .section-title {

	padding-bottom: 60px;

}



.about-content h2 {

	margin-bottom: 25px;

}



.about-content .col-sm-4 {

	margin-bottom: 25px;

}



/*=== Skills-Section ==*/



.skills-section {

	min-height: 350px;

}



.heading {

	margin-bottom: 35px;

}



.skill-circle {

	margin: 0 auto;

	display: block;

	text-align: center;

	position: relative;	

}



.skill h2 {

    text-align: center;

    text-transform: uppercase;

    margin-top: 15px;

}



.skill-data {

	font-size: 24px;

	font-family: 'aller_displayregular';

	display: block;

	text-align: center;

	line-height: 185px;

	position: absolute;

	left: 50%;

	margin-left: -25px;

}



/*=======Team-member=======*/

#team-carousel .carousel-inner .col-sm-3 {

	padding: 0;

	overflow: hidden;

}



.team-member {

	position: relative;

}



.our-team {

	margin-bottom:100px;

}



.team-member .overlay h4 {

	top:15%;

	position: relative;

}

 

.team-member .overlay p {

	top:20%;

} 



.social-icons {

	bottom: 40px;

    position: absolute;

    -webkit-transition:all 0.3s ease-out 0.15s;

	-moz-transition:all 0.3s ease-out 0.15s;

	-ms-transition:all 0.3s ease-out 0.15s;

	-o-transition:all 0.3s ease-out 0.15s;

	transition:all 0.3s ease-out 0.15s;

}



.social-icons li {

	float:left;

	margin-right:25px;

}



.social-icons li a {

	color: #fff;

}



.team-carousel-left, 

.team-carousel-right {

	position: absolute;

	bottom:-90px;

	color: hsl(58, 100%, 39%);

	background-color:#f7f7f7;

	height:55px;

	width: 55px;

	line-height: 60px;

	font-size:24px;

	text-align: center;

}



.team-carousel-left i {

	margin-left: -4px;

}



.team-carousel-right i {

	margin-right: -4px;

}



.team-carousel-left {

	left: 50%;

	margin-left: -65px;

} 



.team-carousel-right {

	right:50%;

	margin-right: -65px;

}



.team-carousel-left:hover, 

.team-carousel-right:hover {

	background-color: hsl(58, 100%, 39%);

	color: #fff;

} 





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

==parallax promo-two CSS===

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



#promo-two {

	background-image: url("../images/promotions/promo-two-bg.jpg");		

}



#promo-two .parallax-content {

	padding-top: 70px;

}



.btn.btn-default {

	border: 6px solid #fff;

	border-radius: 0;

	font-size: 18px;

	font-weight: 700;

	letter-spacing: 2px;

	margin-top: 50px;

	padding:20px 80px 17px;

	text-transform: uppercase;	

	color: #fff;

	background-color:rgba(171,28,35,0.55);

}



.btn.btn-default:hover {

	background-color:rgba(171,28,35,0.95);

	color: #fff;

}





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

==========Blog CSS=========

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



#blog {

	overflow: hidden;

}



.single-blog {

	margin-bottom:30px;

	overflow:hidden;

	height:354px;

}



.blog-image {

	width:40%;

	float:left;

	position:relative;

}



.blog-image img{

	width:222px;

	height:354px;

}





.entry-content {

	width:60%;

	float:left;

	padding:10px 40px 40px 35px;

	height:100%;

	font-weight:300;

	background-color: #f5f5f5;

}



.entry-content  a h2 {

	color:#454545;

	line-height:32px;

	margin-bottom: 20px;

}



.entry-meta {

	margin-bottom:20px;

}



.entry-meta span a {

	color:#333;

	margin-right:18px;

	font-size:16px;

	font-weight:300;

}



.btn.btn-primary {

	background-color: hsl(220, 93%, 39%);

	color: #fff;

	border:none;

	display: inline-block;

	font-size: 16px;

	font-weight: 300;

	margin-top: 18px;

	padding: 10px 20px;

	border-radius:0;

	 margin-bottom: 20px;

}



.btn.btn-primary:hover{

	background-color: #096cfd;

	color: #fff;

}



.entry-meta span a:hover {

	color:hsl(58, 100%, 39%);

}





.post-date {

	background-color: rgba(245,245,245,0.95);

	color: #1E1E1E;

	font-size: 48px;

	font-weight: 400;

	line-height: 30px;

	padding: 20px 25px 0;

	position: absolute;

	right: 0;

	text-align: center;

	top: 15px;	

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



.single-blog:hover .post-date {

	background-color: rgba(217,35,45,0.95);

	color: #fff;



}



.post-date span {

	font-weight:300;

	font-size:18px;

	display:block;

}





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

==parallax promo-three CSS===

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



#fun-fact {

	background-image: url("../images/promotions/promo-three-bg.jpg");

	background-color: hsl(58, 100%, 39%);		

}



#fun-fact .parallax-content {

	padding-top: 50px;

}



#fun-fact .parallax-content h1 {

	font-weight: 700;

}



#fun-fact .funs {

	margin-top: 40px;

}



#fun-fact .funs i {

	font-size: 48px;

	margin-bottom: 20px;

}



h3.timer {

	font-size: 120px;

	font-family: 'aller_displayregular';

	margin-bottom: 0;

    margin-top: 20px;

}





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

========Clients CSS========

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





#clients-carousel .item {

	font-size:0;

	text-align:center;

}



#clients-carousel .item ul li {

	display:inline-block;

	width:25%;

}



#clients-carousel .item img {

	opacity:0.5;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



#clients-carousel .item img:hover {

	opacity:1;

}



.client-left, 

.client-right {	

	color: #1e1e1e;

	font-size: 60px;

	position: absolute;

	bottom: -20px;

}



.client-left:hover, 

.client-right:hover {

	color: hsl(58, 100%, 39%);

}



.client-left {

	left:-20px;

}



.client-right {

	right:-20px;

}





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

=======News Letter CSS=====

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



#news-letter {

	background-image: url("../images/promotions/news-letter-bg.jpg");	

	background-color: hsl(58, 100%, 39%);

	overflow:hidden;

}



#newsletter input {

	background-color: rgba(221, 57, 66, 0.5);

	border-width: 0 0 1px 0;

	border-style: solid;

	border-color: #fff;

	color: #fff;

	display: block;

	margin-top: 35px;

	padding: 12px 25px;

	width: 100%;

	outline: none;

}



#newsletter input:focus {

	background-color: rgba(221, 57, 66, 0.9);

}





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

=====Pricing Table CSS====

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

#pricing-tables {

	overflow: hidden;

}



.single-table {

	background-color: #fafafa;

}



.single-table h2 {

	background-color: #f2f2f2;

	padding: 23px;

	margin-top: 0;

	margin-bottom: 0;

}



.price {

	font-size: 14px;

	background-color: #dedede;	

	padding:9px 23px;

	margin-bottom: 0;

}



.price span {

	font-size: 24px;

	font-weight: 700;

}



.price span.dollar-icon {

	font-size: 16px;

	font-weight: 400;

	position: relative;

	top: -5px;

}



.single-table ul {

	padding: 5px 23px;

}



.single-table ul li {

	margin-top: 15px;

}



.btn-signup {

	background-color: #dedede;

	border: medium none;

	border-radius: 0;

	color: #454545;

	display: block;

	margin-bottom: 0;

	margin-top:40px;

	text-align: center;

	text-transform: uppercase;

	font-weight: 700;

	padding: 10px 0;

}



.single-table.featured-table {	

	background-color: #f2f2f2;

}



.single-table.featured-table h2  { 

	background-color: #db1820;

	color: #fff;

}



.single-table.featured-table .price {

	background-color: #c7161c;

	color: #fff;

}



.single-table.featured-table .btn-signup, 

.single-table:hover .btn-signup:hover{

	background-color: #db2429;

	color: #fff;

}



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

========Twitter CSS=======

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

#twitter {

	background-image: url("../images/promotions/twitter-bg.jpg");	

}



#twitter i {

	font-size: 80px;

	margin-bottom: 35px;

}



#twitter .parallax-content {

	padding-top: 75px;

}



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

=======Contact us CSS======

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

#contact-us {

	overflow:hidden;

}



#contact-us .section-title {

	margin-top: 40px;

	padding-bottom: 35px;

}



.contact-content h2 {

	margin-bottom: 28px;

}



.contact-content i {

	color: #db1820;

	font-size: 22px;

	margin-right: 5px;

}



.contact-content i.fa-envelope {

	font-size: 17px

}



.business-time span {

	color: #db1820;

}



.contact-content .form-control {

  background-color: #fcfcfc;

  border-width:0 0 1px 0;

  border-style: solid;

  border-color: #d7d7d7;

  border-radius: 0;

  box-shadow: none;

  height: 42px;

  margin-bottom: 5px;

}



.contact-content .form-control:focus {

	border-color: #db1820;

}



.contact-content textarea.form-control {

  min-height: 90px;

  resize: none;

}



#contact-form .name-field {

	padding-right:7px;

}



#contact-form .email-field {



	padding-left: 7px;

}



#contact-form .btn.btn-default {

	background-color: #db1820;

	color: #fff;

	margin-top: 0;

	padding: 13px 0 8px;

	width: 100%;

	border:0;

	outline: none;

}



#contact-form .btn.btn-default:hover {

	background-color: hsl(58, 100%, 39%);

}



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

========Footer CSS========

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



#gmap {

	height:440px;

}



#footer {

	background-color: hsl(220, 93%, 39%);

	color:#fff;

	padding-top:30px;

	padding-bottom:20px;

	font-weight:400;

	position: relative;

}



#footer a {

	font-weight:700;

	color:#fff;

}



#footer a.to-top {

	left: 50%;

	top: -25px;

	margin-left:-30px;

	position: absolute;

}



#footer a.to-top:before {

	content: "";

	position: absolute;

	border-color: transparent transparent #0744bf;

	border-style: solid;

	border-width: 28px 60px;

	left:-25px;

	top: -30px;

}





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

===========Blog-single=========

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



/*========Menu Style========*/

#single-blog-page .topbar{ background: #0744bf; width:100%; z-index: 1020; position:fixed; top:0; left:0; right:0; min-height:50px;}

#single-blog-page .main-nav {

	background-color: #0744bf;

	border-bottom:1px solid #dfdfdf;

	top:50px;

	left: 0;

	position: fixed;

	right: 0;

	z-index: 1030;

	border-radius:0;

	transform:translate3d(0px, 0px, 0px);

	transition:;

	margin-bottom:0 !important;

}

#single-blog-page .subnav{ top:130px; background:#efefef; position:fixed; width:100%; right:0; left:0; z-index:1020;}

#single-blog-page .subnav .navbar-left li a{ color:#1d1d1d !important;}



#single-blog-page .animated {

  animation-duration: 0s;

  animation-fill-mode: both;

}



#single-blog-page .top-bar {

	display:block;

}



#single-blog-page .navbar-brand {

  background-color: hsl(0, 0%, 100%);
  height: 78px;
  padding: 5px 5px;
  width: 180px;

}



#single-blog-page .navbar-brand h1 {

  margin-top:0px;

}



#single-blog-page .navbar-brand h1 img {

  width: 100%;

}



#single-blog-page #navigation .navbar-right {

	margin-top:0;

	margin-left:0;	

}



#single-blog-page .navbar-collapse.navbar-right {

	padding-left:0;

	padding-right:0;

}



#single-blog-page #navigation .navbar-right li a {

  line-height: 48px;

  padding: 15px 17px;

}



#single-blog-page #navigation .search {

  top: 30px;

}



#single-blog-page #navigation .navbar-right li a.active, 

#single-blog-page #navigation .navbar-right li a:hover, 

#single-blog-page #navigation .navbar-right li a:focus, 

#single-blog-page #navigation .navbar-right li.active a {

     background-color: #096cfd;

}



#single-blog-page #navigation .search .field-toggle {

  top: 40px;

}



#single-blog-page .search i {

  color: #fff;

}



/*========END: Menu Style========*/



#blog-details {

	margin-top:230px;

}



.date {

	background-color: hsl(58, 100%, 39%);

	color: #fff;

	font-size: 18px;

	font-weight: 300;

	left: 0;

	line-height: 35px;

	padding: 20px;

	position: absolute;

	top: 0;

}



.date span {

	display:block;

	font-size:48px;

}



.blog-content .entry-header {

	padding-bottom: 5px;

	padding-top:0;

	position:relative; border-bottom: 1px hsl(220, 93%, 39%) solid; margin-bottom:20px;

}

.blog-content .entry-header h2{ margin-top:0 !important;}

.blog-content .entry-header .img-responsive{ margin-bottom:20px;}



.blog-content .entry-meta {

  margin-bottom: 30px;

}



.entry-header h3 {

	color: #000;

	font-weight: 300;

	margin-top: 45px;

	text-transform: uppercase;

}



.blog-content .entry-meta span a {

	font-size:16px;

	font-weight:300;

}



.social-share {

	margin-top: 60px;

	overflow: hidden;

}



.social-share ul li{

	float:left;	

}



.author-details h2 {

	font-weight:300;

	margin-bottom:35px;

  position: relative;

  border-bottom: 1px hsl(220, 93%, 39%) solid;

  padding-bottom: 10px;

}



.author-social {

  margin-bottom: 20px;

  margin-top: 30px;

}



.author-social a {

	color: #000;

	display: inline-block;

	font-size: 16px;

	height: 35px;

	line-height: 35px;

	margin-right: 5px;

	text-align: center;

	width: 35px;

}



.author-social a:hover {

	color:#fff;

	background-color:hsl(58, 100%, 39%);

}



.comments-area img, 

.author-details img {

	background:#f4f3f3;

	height: 75px;

	margin-right: 25px;

	padding: 2px;

	width: 75px;	

}



.parent.media-list {

  margin-bottom: 50px;

  margin-left:100px;

}



.comments-area h2 {

	font-weight: 300;

	margin-bottom: 25px;

}



.media-body h3, 

.media-body h4  {

  color: #000;

  font-weight: 300;

  margin-top:0;

}



.replay-icon{

	color:#333;

}

.media.author-details{ margin-bottom:60px;}



.replay-box {

  margin-bottom:0;

  /*margin-top: 60px;*/

}



.replay-box h2 {

	margin-bottom:35px;

  position: relative;

   border-bottom: 1px hsl(220, 93%, 39%) solid; padding-bottom:10px;

}



.replay-box  .form-control {

	border-color:#a8a8a8;

	min-height:36px;

	box-shadow:none;

	border-radius:0;

}



.replay-box  textarea.form-control {

	height:113px;

}



.replay-box  .form-control:focus {

	border-color:hsl(58, 100%, 39%);

}



/*=======Sidebar=========*/



.sidebar h3 {

  color: #404040;

  border-bottom: 2px solid #dedcdc;

  margin-bottom: 7px;

  padding-bottom: 8px;

  margin-top:0;

}



.recent-post .media-body p{

	font-size:12px;

}



.sidebar-item{

  margin-bottom: 45px;

}



.categories .navbar-stacked li {

  border-bottom: 1px solid #dedcdc;

}



.categories .navbar-stacked li:last-child {

  border-bottom: 0px;

}

.categories .navbar-stacked li a {

  color: #444;

  padding: 8px 0 8px 0;

}



.categories .navbar-stacked li a:hover{

  color: hsl(58, 100%, 39%);

  opacity: 1;

}



.categories .navbar-stacked li.active a{

  color: hsl(58, 100%, 39%);

}



.sidebar-item .media{

  border-bottom: 1px solid #ccc;

  padding-bottom: 10px;

  padding-top: 20px;

  margin-top: 0;

}



.sidebar-item.recent-post img {

	max-width:60px;

}



.sidebar-item .media:last-child{

  border-bottom: 0px solid #ccc;  

  padding-bottom: 0; 

}



.sidebar-item .media:hover.media .media-body h4 a{

  color: hsl(58, 100%, 39%);

}



.sidebar-item .media .media-body h4 {

  margin-top: 0;

  margin-bottom: 8px;

}



.sidebar-item .media .media-body h4 a{

  color: #908f8f;

  font-size: 16px;

}



.tag-cloud .nav-pills{

  margin-top: 15px;

}



.tag-cloud .nav-pills li{

  margin: 0;

  margin-top: 6px;

  margin-right: 4px;

}



.tag-cloud .nav-pills li a,.side_btn{

  font-size: 14px;

  font-weight: 300;

  padding: 5px 15px;

  background: #c7c7c7;

  color: #fff;

  border-radius: 3px;

}

.read-more {

	background-color: hsl(220, 93%, 39%);

	color: #fff;

	display: inline-block;

	font-size: 16px;

	font-weight: 300;

	padding: 5px 15px; cursor:pointer;

}



.read-more:hover{

	background-color: hsl(216, 98%, 51%);

	color: #fff;

}

.read-more.secondary_btn{ border: 1px hsl(220, 93%, 39%) solid; background:none !important; margin-left:5px; color: hsl(220, 93%, 39%); padding: 4px 15px; font-weight:300	; margin-right:8px;}



.tag-cloud .nav-pills li a:hover{

  background-color: hsl(58, 100%, 39%);

}



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

=======Preloader CSS======

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

.preloader{

  display: table;

  background: #fff;

  z-index: 999999;

  position: fixed;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

}



#loaderImage {

  display: table-cell;

  vertical-align: middle;

  overflow: hidden;

  text-align: center;

}



#canvas {

  display: table-cell;

  vertical-align: middle;

  margin: 0 auto;

}

/****************************************************************************/

.tab-pane >div{ padding:0 !important;}

.media.author-details .user_form i.fa{ font-size:18px;}

.media.author-details .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus{ color:hsl(58, 100%, 39%) !important;}

.media.author-details .nav-tabs li a, .nav-tabs li a, .nav-tabs li a{ color:#494949 !important;}

.media.author-details .nav-tabs.nav-justify li.active a { border-bottom: 3px solid hsl(58, 100%, 39%);}

.media.user_form{ background:#f4f4f4; padding:15px 0; border:1px #e4e4e4 solid;}

.media.author-details .nav-tabs.nav-justify{ padding:0 15px;}

#single-blog-page #navigation .navbar-left li.active a{background:#e2e2e2;}

.subnav-fixed-top{ top:79px !important;}

.panel-group table,.panel-group table td{ color:#000 !important;}

.book_call_section{ background:#f1f1f1;}

.btn-submit {

  border: 6px solid #fff;

  border-radius: 0;

  font-size: 19px;

  font-weight: 300;

  margin-top: 50px;

  padding: 20px 80px 17px;

  text-transform: uppercase;

  color: #fff;

  background-color:hsl(58, 100%, 39%);

}

.user_form .btn-submit {

  border: none !important;

  padding: 10px 30px;

  margin-top: 28px; font-size:16px;   font-family: 'allerregular';

  background-color:hsl(58, 100%, 39%);

}

@media (min-width: 768px){

.modal-dialog.login {

  width: 400px;

}}



/*.modal-body{  display: inline-block; width: 100%; padding:0 15px !important;}

.modal-header{ margin-bottom:15px;}

.modal-footer{ margin-top:15px;}*/



.user_form i.fa{ font-size:21px; line-height:34px; text-align:left;}

.user_form i.fa.fa-mobile{ font-size:28px !important;}



.post div div{ background:#d7d7d7; padding-top:15px; padding-bottom:15px; text-align:center; display:inline-block; width:100%;}

.blog-content .post div h4{ text-align:center; color: hsl(220, 93%, 39%);}



.panel.panel-default .panel-title a:before{content:"\e082"; font-family:'Glyphicons Halflings'; margin:5px 5px 0 0;}

.panel.panel-default .panel-title a.collapsed:before{content:"\e081"; font-family:'Glyphicons Halflings'; margin:5px 5px 0 0;}



.modal.fade .modal-header { background-color: #0744bf; color:#FFF;}

.modal-dialog.login.remindLater{ margin:150px auto !important;}

.login_panel.remindLater .modal-body{ width:100%; display:inline-block; padding:7px 15px;}

.login_panel.remindLater label{ line-height:34px;}

.modal-body .padRed{ padding:0 5px;}

.modal-body .col-md-6{ padding:0 5px;}

.profile_form label{ font-size:13px;}

.profile_form input.form-control{ min-height:35px !important;}

.profile_form .entry-header h2{ font-size:15px;}

.block{ padding-left:35px; margin-bottom:22px; position:relative;}

.address_box .block:before{content:"\f041"; font-family:'FontAwesome'; margin:5px 5px 0 0; left:5px; position:absolute; top:-8px; font-size:20px;}

.block p.head{ font-size:16px !important; display:block; padding-bottom:0; font-family: 'allerregular'; font-weight: normal;}

.reminders .block p.head{ margin-left:-30px !important;}

.address_box .block p{ font-size:13px;}

.address_box .block p i.glyphicon-remove,.reminders .block p i.glyphicon-remove{ content:"\e014"; font-family:'Glyphicons Halflings'; margin:5px 5px 0 0; right:5px; position:absolute; top:-4px; font-size:13px; color:hsl(58, 100%, 39%); cursor:pointer; display:none;}

.address_box .block:hover p i.glyphicon-remove,.reminders .block:hover p i.glyphicon-remove{ display:block;}

p.calender,p.place{ position:relative; font-size:13px;}

p.calender:before,p.place:before{ content:"\f073"; font-family:'FontAwesome'; margin:5px 5px 0 0; left:-25px; position:absolute; top:-5px; font-size:16px;}

p.place:before{ content:"\f041";}

.user_form .form-group .col-xs-10,.user_form .form-group .col-md-1{ padding:0 !important;}

.blog-item{ padding-top:25px;}

.modal a{ color: hsl(220, 93%, 39%);}

.modal.fade label{ font-weight:normal; font-family: 'aller_lightregular' !important;}

.modal-body{ padding-bottom:0;}

.modal-footer{ margin-top:15px;}

.modal.fade .form-group{ margin-bottom:0;}

.profile_nav{ float:right;}

.navbar-left{ width:100%;}

.profile_nav li{ border-right:1px hsl(58, 100%, 39%) solid; margin:10px 0;}

.profile_nav li:last-child{ border:none;}

#single-blog-page .subnav .navbar-left .profile_nav li a{ color:hsl(58, 100%, 39%) !important; padding:5px 15px !important;}

#changePass .modal-content .modal-body .row{ margin-left:-5px; margin-right:-5px;}

.reminders.mCustomScrollbar{ height:400px;}

.list{ list-style:disc inside; min-height:450px;}

.list li{ margin-bottom:12px;}

.table table{ border:1px #ccc solid; width:100%;}

.table table th{ font-size:13px;}

.table table th,.table table td{ padding:4px;}





/*06-oct-15*/



.breadcrumb-block {

	padding-top: 20px;

}

.breadcrumb-block.corporate {

	padding: 0;

    position: fixed;

    top: 180px;

    background: #fff;

    width: 100%;

    overflow: hidden;

    z-index: 999;

}

.breadcrumb-list {

	overflow: hidden; 

}

.breadcrumb-list li { 

	float: left; 

}

.breadcrumb-list li a {

	color: white;

	text-decoration: none; 

	padding: 10px 0 10px 65px;

	background: brown;                   /* fallback color */

	background: hsl(220, 93%, 39%);

	position: relative; 

	display: block;

	float: left;

	transition: none;

}

.breadcrumb-list li a:after { 

	content: " "; 

	display: block; 

	width: 0; 

	height: 0;

	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */

	border-bottom: 50px solid transparent;

	border-left: 30px solid hsl(220, 93%, 39%);

	position: absolute;

	top: 50%;

	margin-top: -50px; 

	left: 100%;

	z-index: 2; 

}

.breadcrumb-list li a:before { 

	content: " "; 

	display: block; 

	width: 0; 

	height: 0;

	border-top: 50px solid transparent;       

	border-bottom: 50px solid transparent;

	border-left: 30px solid white;

	position: absolute;

	top: 50%;

	margin-top: -50px; 

	margin-left: 1px;

	left: 100%;

	z-index: 1; 

}

.breadcrumb-list li:first-child a {

	padding-left: 10px;

}

.breadcrumb-list li:nth-child(2) a       { background: hsl(220, 93%, 39%); }

.breadcrumb-list li:nth-child(2) a:after { border-left-color: hsl(220, 93%, 39%); }

.breadcrumb-list li:nth-child(3) a       { background:        hsla(0, 59%, 55%,1); }

.breadcrumb-list li:nth-child(3) a:after { border-left-color: hsla(0, 59%, 55%,1); }

.breadcrumb-list li:nth-child(4) a       { background:        hsla(0, 59%, 65%,1); }

.breadcrumb-list li:nth-child(4) a:after { border-left-color: hsla(0, 59%, 65%,1); }

.breadcrumb-list li:nth-child(5) a       { background:        hsla(0, 59%, 75%,1); }

.breadcrumb-list li:nth-child(5) a:after { border-left-color: hsla(0, 59%, 75%,1); }

.breadcrumb-list li:nth-child(6) a       { background:        hsla(0, 59%, 85%,1); }

.breadcrumb-list li:nth-child(6) a:after { border-left-color: hsla(0, 59%, 85%,1); }

.breadcrumb-list li:last-child a {

	background: transparent !important;

	color: black;

	pointer-events: none;

	cursor: default;

}

.breadcrumb-list li:last-child a:after, .breadcrumb-list li:last-child a:before { display: none; }

.breadcrumb-list li a:hover { background: hsl(216, 98%, 51%); }

.breadcrumb-list li a:hover:after { border-left-color: hsl(216, 98%, 51%) !important;}