/************************************************************
				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 CS
************************************************************/
.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-top:15px;}
.hbupro-hero-banner-links a.hbupro-button{padding:8px 20px; 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}

/************************************************************
				Layout Designs
************************************************************/

.hbupro-layout-2 h2.hbupro-hero-banner-title{ border-bottom:1px solid #fff; margin-bottom:15px !important; padding-bottom:15px !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: 480px) { 
	.hbupro-hero-banner-inner{padding:70px 0; }
}