/***** Box Sizing ****/
.hbupro-column, .hbupro-columns {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.hbupro-hero-banner-wrp *{outline: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.hbupro-hero-banner-wrp img{border-radius:0px !important; box-shadow:none !important;}
/***** Clearfix *****/
.hbupro-clearfix:before, .hbupro-clearfix:after{content: "";display: table;}
.hbupro-clearfix::after{clear: both;}
.hbupro-clearfix{clear: both;}

/***** Common Designs CSS *****/
.hbupro-hero-banner{position:relative; overflow:hidden}
.hbupro-hero-banner{  background-repeat:no-repeat !important; }
.hbupro-hero-banner-inner{ background-repeat:no-repeat !important;   }
.hbupro-hero-banner-inner{-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;  hyphens: none; position:relative; z-index:2; }
.hbupro-hero-banner-inner-wrap	{  margin:0 auto;}
.hbupro-hero-banner-title {  line-height:normal; color:#fff;  word-wrap: normal !important}
.hbupro-hero-banner-sub-title p{margin:0px !important; font-size:16px; color:#fff;}
.hbupro-hero-banner-links{clear:both;  margin:15px 0;}
.hbupro-hero-banner-links a.hbupro-button{font-size: 14px !important; padding:4px 10px; margin-right:10px; margin-bottom:3px; display:inline-block; color:#fff; text-decoration:none; -moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.hbupro-hero-banner-title,  .hbupro-hero-banner-sub-title{margin-bottom:15px !important}
.hbupro-hero-banner-inner-wrap{max-width:1024px;}
/***** Layout Designs *****/

/***** Layout Designs-1 *****/
.hbupro-layout-1 .hbupro-hero-banner{background-color:#4c9ed9;}

/***** Layout Designs-2 *****/
.hbupro-layout-2 .hbupro-hero-banner{background-color:#4c9ed9;}
.hbupro-layout-2 h2.hbupro-hero-banner-title{ border-bottom:1px solid #fff; margin-bottom:15px !important; padding-bottom:15px !important}

/***** Layout Designs-3 *****/
.hbupro-layout-3 .hbupro-hero-banner{background-color:#4c9ed9;}
.hbupro-layout-3 h2.hbupro-hero-banner-title{ border:3px solid #fff; margin-bottom:15px !important; padding:20px !important;}

/***** Layout Designs-4 *****/
.hbupro-layout-4 .hbupro-hero-banner-inner-wrap{max-width:400px; }
.hbupro-layout-4 .hbupro-hero-banner-inner-wrap .hbupro-hero-content-position{padding:50px 50px 0 50px}
.hbupro-layout-4 .hbupro-hero-banner-links a.hbupro-button{margin-bottom:0px;}

/***** Layout Designs-7 ****/
.hbupro-layout-7 .hbupro-hero-banner{background-color:#4c9ed9;}
.hbupro-layout-7 .hbupro-hero-banner-inner-wrap .hbupro-hero-content-position{ border:4px solid #fff; padding:80px !important; }

/***** Layout Designs-8 *****/
.hbupro-layout-8 .hbupro-hero-banner-inner{display: table;}
.hbupro-layout-8 .hbupro-hero-banner-links a.hbupro-button{margin-bottom:0px;}
.hbupro-layout-8 .hbupro-hero-banner-inner{padding:0px !important;width:100%;}
.hbupro-layout-8 .hbupro-grid-img-wrap{display: table-cell;vertical-align: middle;}
.hbupro-layout-8 .hbupro-grid-img-wrap img{display:block;width:100%;}
.hbupro-layout-8 .hbupro-grid-content-wrap{display: table-cell; vertical-align: middle;}

/***** Layout Designs-9 *****/
.hbupro-layout-9 .hbupro-hero-banner-inner{display: table;}
.hbupro-layout-9 .hbupro-hero-banner-links a.hbupro-button{margin-bottom:0px;}
.hbupro-layout-9 .hbupro-hero-banner-inner{padding:0px !important;width:100%;}
.hbupro-layout-9 .hbupro-grid-img-wrap{display: table-cell;vertical-align: middle;}
.hbupro-layout-9 .hbupro-grid-img-wrap img{display:block;width:100%;}
.hbupro-layout-9 .hbupro-grid-content-wrap{display: table-cell; vertical-align: middle;}

/**** Layout Designs-10 ****/
.hbupro-layout-10 .hbupro-hero-banner-inner-header * {box-sizing: border-box;margin-bottom: 0;margin-left: 0;margin-right: 0;margin-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0; padding-top: 0;}
.hbupro-layout-10 .hbupro-hero-banner-inner-header{position: relative;width: 100%;overflow:hidden;}
.hbupro-layout-10 .hbupro-hero-banner-inner-header .hbupro-hero-content-position{position: relative;min-height: 400px;display: flex;align-items: center;}
.hbupro-layout-10 .hbupro-hero-banner-inner-header img {display: block;width: 100%;}
.hbupro-layout-10 .hbupro-hero-banner-inner-header .hbupro-hero-content-position::before { background-attachment: scroll; background-clip: border-box; background-image: none;  background-origin: padding-box; background-position-x: 0;background-position-y: 0;background-repeat: repeat;background-size: auto auto;content: "";height: 100%;left: -10%;position: absolute;top: 0;width: 70%;background-color: rgba(255,255,255,0.3);}
.hbupro-layout-10 .hbupro-hero-banner-inner-header .hbupro-container-text-box {position: relative;padding: 30px;text-align: left;width: 55%;}
.hbupro-layout-10 .hbupro-hero-banner-links a.hbupro-button {font-size: 16px !important;padding: 10px 20px;margin-right: 0;margin-bottom: 0;}
.hbupro-layout-10 .hbupro-hero-banner-sub-title{line-height: 26px !important;margin-bottom: 20px !important;}
/**** Button designs *****/

/****** Button Black *****/
.hbupro-black{background-color: #252525;}
.hbupro-black:hover, .hbupro-black:focus{background-color: #000;}
a.hbupro-black{color: #fff !important;}

/****** Button White *****/
.hbupro-white{background-color: #fff;}
.hbupro-white:hover, .hbupro-white:focus{background-color: #f1f1f1;}
a.hbupro-white{color: #8799a3 !important;}

/****** Button Gray *****/
.hbupro-grey{background-color: #8799a3;}
.hbupro-grey:hover, .hbupro-gray:focus{background-color: #73848d;}
a.hbupro-grey{color: #fff !important;}

/****** Button azure *****/
.hbupro-azure{background-color: #0081ff;}
.hbupro-azure:hover, .hbupro-azure:focus{background-color: #0374e3;}
a.hbupro-azure{color: #fff !important;}

/****** Button moderate-green *****/
.hbupro-moderate-green{background-color: #8dc63f;}
.hbupro-moderate-green:hover, .hbupro-moderate-green:focus{background-color: #78b623;}
a.hbupro-moderate-green{color: #fff !important;}

/****** Button soft-red*****/
.hbupro-soft-red{background-color: #f04e4e;}
.hbupro-soft-red:hover, .hbupro-soft-red:focus{background-color: #dd3131;}
a.hbupro-soft-red{color: #fff !important;}

/****** Button moderate-red*****/
.hbupro-red{background-color: #fe0000;}
.hbupro-red:hover, .hbupro-red:focus{background-color: #df0303;}
a.hbupro-red{color: #fff !important;}

/****** Button green*****/
.hbupro-green{background-color: #39b54a;}
.hbupro-green:hover, .hbupro-green:focus{background-color: #23a535;}
a.hbupro-green{color: #fff !important;}

/****** Button Yellow*****/
.hbupro-bright-yellow{background-color: #fefb30;}
.hbupro-bright-yellow:hover, .hbupro-bright-yellow:focus{background-color: #e2df22;}
a.hbupro-bright-yellow{color: #000 !important;}

/****** Button cyan*****/
.hbupro-cyan{background-color: #1cbbb4;}
.hbupro-cyan:hover, .hbupro-cyan:focus{background-color: #10a19b;}
a.hbupro-cyan{color: #fff !important;}

/****** Button orange*****/
.hbupro-orange{background-color: #ff9700;}
.hbupro-orange:hover, .hbupro-orange:focus{background-color: #e68903;}
a.hbupro-orange{color: #fff !important;}

/****** Button moderate violet*****/
.hbupro-moderate-violet{background-color: #6739b6;}
.hbupro-moderate-violet:hover, .hbupro-moderate-violet:focus{background-color: #5e2eb0;}
a.hbupro-moderate-violet{color: #fff !important;}

/****** Button dark-magenta*****/
.hbupro-dark-magenta{background-color: #9c26b0;}
.hbupro-dark-magenta:hover, .hbupro-dark-magenta:focus{background-color: #911ea5;}
a.hbupro-dark-magenta{color: #fff !important;}

/****** Button moderate-blue*****/
.hbupro-moderate-blue{background-color: #5674b9;}
.hbupro-moderate-blue:hover, .hbupro-moderate-blue:focus{background-color: #435f9f;}
a.hbupro-moderate-blue{color: #fff !important;}

/****** Button blue*****/
.hbupro-blue{background-color: #00f;}
.hbupro-blue:hover, .hbupro-blue:focus{background-color: #0101e1;}
a.hbupro-blue{color: #fff !important;}

/****** Button magenta*****/
.hbupro-magenta{background-color: #f0f;}
.hbupro-magenta:hover, .hbupro-magenta:focus{background-color: #e201e2;}
a.hbupro-magenta{color: #fff !important;}

/****** Button lime *****/
.hbupro-lime{background-color: #bfff00;}
.hbupro-lime:hover, .hbupro-lime:focus{background-color: #a8e003;}
a.hbupro-lime{color: #000 !important;}

/****** Button pink *****/
.hbupro-pink{background-color: #ff0056;}
.hbupro-pink:hover, .hbupro-pink:focus{background-color: #dd044d;}
a.hbupro-pink{color: #fff !important;}

/****** Button vivid-yellow *****/
.hbupro-vivid-yellow{background-color: #fecb16;}
.hbupro-vivid-yellow:hover, .hbupro-vivid-yellow:focus{background-color: #dfb10e;}
a.hbupro-vivid-yellow{color: #000 !important;}

/****** Button lime-green *****/
.hbupro-lime-green{background-color: #7bcba7;}
.hbupro-lime-green:hover, .hbupro-lime-green:focus{background-color: #67ac8d;}
a.hbupro-lime-green{color: #000 !important;}

/****** Button yellow *****/
.hbupro-yellow{background-color: #e8ff00;}
.hbupro-yellow:hover, .hbupro-yellow:focus{background-color: #c7da05;}
a.hbupro-yellow{color: #000 !important;}

/******	Grid CSS *****/
.container-player {overflow: none; width: 100%; height: 100%; background-color: #eee; overflow: hidden; position: absolute; }
.container-player.fullscreen-background {position: fixed; z-index: -1; top: 0; left: 0; }
.container-player .container-player-outer {position: relative; width: 100%; height: 100%; }
.container-player .container-player-inner, .container-player .container-player-poster {position: absolute; z-index: 0; }
.container-player .container-player-poster {background-size: cover; z-index: 0; }
.container-player.youtube iframe, .container-player.vimeo iframe { opacity: 0; left:0px !important	}
.container-player.youtube.transition-in.playing iframe,
.container-player.youtube.transition-in.paused iframe, .container-player.vimeo.transition-in.playing iframe,
.container-player.vimeo.transition-in.paused iframe { -webkit-animation: revealVideo 1s; animation: revealVideo 1s; }
.container-player.youtube.playing iframe,
.container-player.youtube.paused iframe, .container-player.vimeo.playing iframe,
.container-player.vimeo.paused iframe {opacity: 1; }
.container-player .container-player-overlay {position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; }

@-webkit-keyframes revealVideo {
  0%, 50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes revealVideo {
  0%, 50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.container-player video, .container-player iframe { width: 100%; height: 100%; border: none; }

/***** Grid CSS *****/
.hbupro-column,
.hbupro-columns {  padding-left: 0.9375em;  padding-right: 0.9375em;  width: 100%;  float: left; position: relative;  }

.hbupro-text-center{text-align:center}
.hbupro-text-left{text-align:left}
.hbupro-text-right{text-align:right}

@media only screen and (max-width:480px) { 
.hbupro-column,
.hbupro-columns {  padding-left: 0.9375em;  padding-right: 0.9375em;  width: 100%;  float: left; position: relative;  }
}

@media only screen and (min-width: 40.0625em) {  
	.hbupro-column,
	.hbupro-columns {position: relative;padding-left: 0.9375em;padding-right: 0.9375em;float: left; }
	.hbupro-medium-1{width: 8.33333%;}
	.hbupro-medium-2{width: 16.66667%;}
	.hbupro-medium-3{width: 25%;}
	.hbupro-medium-4{width: 33.33333%;}
	.hbupro-medium-5{width: 41.66667%;}
	.hbupro-medium-6{width: 50%;}
	.hbupro-medium-7{width: 58.33333%;}
	.hbupro-medium-8{width: 66.66667%;}
	.hbupro-medium-9{width: 75%;}
	.hbupro-medium-10{width: 83.33333%;}
	.hbupro-medium-11{width: 91.66667%;}
	.hbupro-medium-12{width: 100%;}
	.hbupro-offest-medium-6{margin-left: 50%;}
}
@media only screen and (max-width: 40.0625em){	
	/**** layout-8 ****/
	.hbupro-layout-8 .hbupro-grid-img-wrap{display: block;}
	.hbupro-layout-8 .hbupro-grid-content-wrap{display: block;}
	
	/***** layout-9 ****/
	.hbupro-layout-9 .hbupro-grid-img-wrap{display: block;}
	.hbupro-layout-9 .hbupro-grid-content-wrap{display: block;}

}
@media only screen and (max-width: 40em){
	h2.hbupro-hero-banner-title{line-height: normal !important;}
	.hbupro-layout-4 .hbupro-hero-banner-inner{padding: 80px 0 !important;}
	.hbupro-layout-4 .hbupro-hero-banner-links{padding-bottom: 30px;}
	.hbupro-layout-6 .hbupro-hero-banner-inner{padding: 60px 0 !important;}
	.hbupro-layout-7 .hbupro-hero-banner-inner{margin: 10px; padding: 0px !important;}
	.hbupro-layout-7 .hbupro-hero-banner-inner-wrap .hbupro-hero-content-position{padding: 10px !important;}
	.hbupro-layout-8 .hbupro-hero-banner-links{margin: 30px 0;}
	.hbupro-layout-8 h2.hbupro-hero-banner-title{padding-top: 30px;}
	.hbupro-layout-9 h2.hbupro-hero-banner-title{padding-top: 50px;}
	.hbupro-layout-9 .hbupro-hero-banner-links{padding:10px 0 30px;}

	.hbupro-layout-10 h2.hbupro-hero-banner-title{font-size: 18px !important;}	
	.hbupro-layout-10 .hbupro-hero-banner-inner-header .hbupro-hero-content-position::before {height: 100%;left: 0;position: absolute;top: 0;transform: skewX(0deg);width: 100%;}
  .hbupro-layout-10 .hbupro-hero-banner-inner-header .hbupro-container-text-box{width: 100%;}
	.hbupro-layout-10 .hbupro-hero-banner-links a.hbupro-button{padding: 5px 10px !important;font-size: 14px !important;}
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em){
h2.hbupro-hero-banner-title{line-height: normal !important;font-size: 40px !important;}
.hbupro-layout-4 .hbupro-hero-banner{background-size: cover !important;}
.hbupro-layout-4 .hbupro-hero-banner-links{padding: 10px 0 30px;}
.hbupro-layout-6 .hbupro-hero-banner-inner{padding: 80px 0 !important;}
.hbupro-layout-7 .hbupro-hero-banner-inner{margin: 10px; padding: 80px 0 !important;}
.hbupro-layout-7 .hbupro-hero-banner-inner-wrap .hbupro-hero-content-position{padding: 10px !important;}
.hbupro-layout-8 .hbupro-hero-banner-links{margin: 20px;}
.hbupro-layout-8 h2.hbupro-hero-banner-title{padding-top: 20px;}
.hbupro-layout-8 h2.hbupro-hero-banner-title, .hbupro-layout-9 h2.hbupro-hero-banner-title{font-size: 30px !important;padding-top: 30px;}
.hbupro-layout-10 .hbupro-hero-banner-inner-header .hbupro-container-text-box{width: 60%;}
.hbupro-layout-10 .hbupro-hero-banner-inner-header .hbupro-hero-content-position::before{width: 80%;}
.hbupro-layout-10 h2.hbupro-hero-banner-title{line-height: 44px !important;}
.hbupro-layout-10 .hbupro-hero-banner-links a.hbupro-button{font-size: 16px !important;
  padding: 8px 15px;}
.hbupro-layout-10 .hbupro-hero-banner-sub-title{margin-bottom: 20px !important;}
}