/*=====================================================================================
FRAMEWORK RESETS
=====================================================================================*/
* {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

html, body {
	font-family: aileron, "helvetica-neue", arial, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	line-height: 1.8;
	color: #666666;
	height: 100%;
	transition: opacity 0.5s linear;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	font-family: brandongrotesque, "helvetica-neue", arial, sans-serif;
	font-weight: 100;
	-webkit-font-smoothing: subpixel-antialiased;
}
ul {
	margin: 5px 0;
}
.preload {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s linear;
}
/*.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    }*/
iframe
[name='google_conversion_frame'] {
	height: 0 !important;
	width: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	margin-top: -13px;
	float: left;
}

.owl-carousel img {
	width: auto !important;
	max-width: 100% !important;
	margin: auto !important;
}

.popover.blf-tour {
	box-shadow: none;
	text-align: center;
	line-height: 1.3;
	color: #666;
}
.tour-backdrop {
	opacity: 0.25 !important;
}
.popover.blf-tour .popover-title {
	background: transparent;
	margin: 0px 10px;
}
.popover.blf-tour .popover-title {
	font-size: 21px;
	line-height: 1;
}
.popover.blf-tour .popover-content {
	padding: 10px;
	font-size: 14px;
}
.popover.blf-tour .popover-navigation .btn {
	margin: 0 10px;
	padding: 3px 15px;
	font-size: 14px;

}
.popover.blf-tour .popover-navigation .btn:focus {
	outline: none;
}
.popover.blf-tour .btn-close{
	position: absolute;
	right: 5px; top: 5px;
	width: 20px; height: 20px;
	padding: 0px;
	background: transparent;
	border-radius: 50%;
	text-align: center;
	font-size: 12px;
}
.popover.blf-tour .btn-close:hover,
.popover.blf-tour .btn-close:focus {
	text-shadow: none;
	outline: none;
}
.popover.blf-tour .introjs-tooltipbuttons {
	text-align: center;
}
.introjs-helperLayer.blf-pointer {
	box-shadow: none;
}
.introjs-fixParent {
	z-index: auto !important;
	opacity: 1.0 !important;
	position: absolute;
}

/*--- Typography ---*/

.text-aileron {
	font-family: aileron, "helvetica-neue", arial, sans-serif;
}
.text-brandongrotesque {
	font-family: brandongrotesque, "helvetica-neue", arial, sans-serif;
}
.text-red,
.text-red:hover,
.text-red:focus{color: #DC2F3D !important;}

.text-orange,
.text-orange:hover,
.text-orange:focus{color: #F26A29 !important;}

.text-yellow,
.text-yellow:hover,
.text-yellow:focus{color: #FCB116 !important;}

.text-purple,
.text-purple:hover,
.text-purple:focus{color: #5F53A3 !important;}

.text-green,
.text-green:hover,
.text-green:focus{color: #EE8822 !important;}

.text-orange,
.text-orange:hover,
.text-orange:focus{color: #EE8822 !important;}

.text-lightblue,
.text-lightblue:hover,
.text-lightblue:focus{color: #00A5CF !important;}

.text-darkblue,
.text-darkblue:hover,
.text-darkblue:focus{color: #004694 !important;}

.text-gray,
.text-gray:hover,
.text-gray:focus{color: #BFBEBE !important;}

.text-white,
.text-white:hover,
.text-white:focus{color: #FFFFFF !important;}

.text-light {font-weight: 100}
.text-bold {font-weight: bold;}
.text-italic {font-style: italic;}



/*--- Buttons ---*/

.btn-blf {
	padding: 16px 40px;
	font-size: 21px;
	border-radius: 12px !important;
	color: #FFF;
	white-space: normal;
	line-break: auto;
}
.btn-blf.btn-sm {
	padding: 10px 25px;
	font-size: 18px;
	border-radius: 10px
}
.btn-blf.btn-xs {
	padding: 8px 18px;
	font-size: 16px;
	border-radius: 8px
}
.btn-blf.btn-blf-group {
	padding: 6px 20px;
	font-size: 16px;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	max-height: 34px;
}
.btn-blf:not(.outline):hover,
.btn-blf:not(.outline):focus {
	box-shadow: inset 0 60px 0 0 rgba(0,0,0,0.25);
	color: #FFF;
}
.btn-blf.red       {background: #DC2F3D;}
.btn-blf.orange    {background: #F26A29;}
.btn-blf.yellow    {background: #FCB116;}
.btn-blf.purple    {background: #5F53A3;}
.btn-blf.green     {background: #EE8822;}
.btn-blf.orange     {background: #EE8822;}
.btn-blf.lightblue {background: #00A5CF;}
.btn-blf.darkblue  {background: #004694;}
.btn-blf.gray      {background: #BFBEBE;}
.btn-blf.white     {background: #FFFFFF; color: #BFBEBE;}

.btn-blf.outline {
	background: transparent;
	border: 1px solid #666666;
	color: #666666
}
.btn-blf.outline:hover,
.btn-blf.outline:focus {
	background: #666666;
	color: #FFF !important;
}
.btn-blf.outline.red             {border-color: #DC2F3D; color: #DC2F3D;}
.btn-blf.outline.red:hover,
.btn-blf.outline.red:focus       {background: #DC2F3D}
.btn-blf.outline.orange          {border-color: #F26A29; color: #F26A29;}
.btn-blf.outline.orange:hover,
.btn-blf.outline.orange:focus    {background: #F26A29}
.btn-blf.outline.yellow          {border-color: #FCB116; color: #FCB116;}
.btn-blf.outline.yellow:hover,
.btn-blf.outline.yellow:focus    {background: #FCB116}
.btn-blf.outline.purple          {border-color: #5F53A3; color: #5F53A3;}
.btn-blf.outline.purple:hover,
.btn-blf.outline.purple:focus    {background: #5F53A3}
.btn-blf.outline.green           {border-color: #EE8822; color: #EE8822;}
.btn-blf.outline.green:hover,
.btn-blf.outline.green:focus     {background: #EE8822}
.btn-blf.outline.orange           {border-color: #EE8822; color: #EE8822;}
.btn-blf.outline.orange:hover,
.btn-blf.outline.orange:focus     {background: #EE8822}
.btn-blf.outline.lightblue       {border-color: #00A5CF; color: #00A5CF;}
.btn-blf.outline.lightblue:hover,
.btn-blf.outline.lightblue:focus {background: #00A5CF}
.btn-blf.outline.darkblue        {border-color: #004694; color: #004694;}
.btn-blf.outline.darkblue:hover,
.btn-blf.outline.darkblue:focus  {background: #004694}
.btn-blf.outline.gray            {border-color: #BFBEBE; color: #BFBEBE;}
.btn-blf.outline.gray:hover,
.btn-blf.outline.gray:focus      {background: #BFBEBE}
.btn-blf.outline.white           {border-color: #FFFFFF; color: #FFFFFF;}
.btn-blf.outline.white:hover,
.btn-blf.outline.white:focus     {background: #FFFFFF; color: #BFBEBE !important;}



/*--- Backgrounds ---*/
.bg-red       {background-color: #DC2F3D;}
.bg-orange    {background-color: #F26A29;}
.bg-yellow    {background-color: #FCB116;}
.bg-purple    {background-color: #5F53A3;}
.bg-green     {background-color: #EE8822;}
.bg-orange     {background-color: #EE8822;}
.bg-lightblue {background-color: #00A5CF;}
.bg-darkblue  {background-color: #004694;}
.bg-gray      {background-color: #BFBEBE;}
.bg-white     {background-color: #FFFFFF;}

.bg-red .arrow:after       {border-right-color: #DC2F3D !important;}
.bg-orange .arrow:after    {border-right-color: #F26A29 !important;}
.bg-yellow .arrow:after    {border-right-color: #FCB116 !important;}
.bg-purple .arrow:after    {border-right-color: #5F53A3 !important;}
.bg-green .arrow:after     {border-right-color: #EE8822 !important;}
.bg-orange .arrow:after     {border-right-color: #EE8822 !important;}
.bg-lightblue .arrow:after {border-right-color: #00A5CF !important;}
.bg-darkblue .arrow:after  {border-right-color: #004694 !important;}
.bg-gray .arrow:after      {border-right-color: #BFBEBE !important;}
.bg-white .arrow:after     {border-right-color: #FFFFFF !important;}


/*--- Bootstrap Components ---*/
.modal-content {
	border-radius: 8px!important;
	box-shadow: none;
}

.blf-tooltip {
	position: fixed;
	-webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
	transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important
}
#blf-header .main-menu .serveices-menu li a + .blf-tooltip .tooltip-inner {
	padding: 8px;
	font-size: 18px;
	font-family: brandongrotesque, "helvetica-neue", arial, sans-serif;
}

#blf-header .main-menu .serveices-menu li a[rel="administracion"] + .blf-tooltip .tooltip-inner {background-color: #00A5CF}
#blf-header .main-menu .serveices-menu li a[rel="administracion"] + .blf-tooltip .tooltip-arrow {border-left-color: #00A5CF}
#blf-header .main-menu .serveices-menu li a[rel="atraccion"]      + .blf-tooltip .tooltip-inner {background-color: #FCB116}
#blf-header .main-menu .serveices-menu li a[rel="atraccion"]      + .blf-tooltip .tooltip-arrow {border-left-color: #FCB116}
#blf-header .main-menu .serveices-menu li a[rel="ingenieria"]     + .blf-tooltip .tooltip-inner {background-color: #004694}
#blf-header .main-menu .serveices-menu li a[rel="ingenieria"]     + .blf-tooltip .tooltip-arrow {border-left-color: #004694}
#blf-header .main-menu .serveices-menu li a[rel="desarrollo"]     + .blf-tooltip .tooltip-inner {background-color: #F26A29}
#blf-header .main-menu .serveices-menu li a[rel="desarrollo"]     + .blf-tooltip .tooltip-arrow {border-left-color: #F26A29}
#blf-header .main-menu .serveices-menu li a[rel="planeacion"]     + .blf-tooltip .tooltip-inner {background-color: #5F53A3}
#blf-header .main-menu .serveices-menu li a[rel="planeacion"]     + .blf-tooltip .tooltip-arrow {border-left-color: #5F53A3}
#blf-header .main-menu .serveices-menu li a[rel="wellness"]       + .blf-tooltip .tooltip-inner {background-color: #EE8822}
#blf-header .main-menu .serveices-menu li a[rel="wellness"]       + .blf-tooltip .tooltip-arrow {border-left-color: #EE8822}
{

}

@media screen and (max-width: 768px) {
	/*--- Buttons ---*/

	.btn-blf { padding: 12px 20px; font-size: 16px; border-radius: 8px;
	}
}

/*--- custom form layouts ---*/
.blf-modal-form .form-group {margin-bottom: 0;}
.blf-modal-form .form-control,
.blf-modal-form .form-control-static {
	border: none;
	border-bottom: 1px solid #999;
	border-radius: 0;
	box-shadow: none;
	background: rgba(0,0,0,0.02);
}
.blf-modal-form .form-control:focus,
.blf-modal-form .form-control-static:focus {
	background: rgba(0,0,0,0.05);
}
.blf-modal-form .form-control-static {
	padding-left: 12px;
	color: #999;
}
.blf-modal-form .form-group {
	position: relative;
}
.blf-modal-form label {
	display: block;
	margin-bottom: 9px;
	font-weight: normal;
	color: #999;
	font-size: 12px;
	line-height: 1.3;
}
.blf-modal-form input.help-block,
.blf-modal-form select.help-block,
.blf-modal-form textarea.help-block {
	margin: 0;
	border-bottom: 1px solid red !important;
}
.blf-modal-form span.help-block {
	position: absolute;
	top: calc(100% - 16px); right: 0; left: 50%;
	margin: 0 0;
	font-size: 10px;
	font-style: italic;
	color: red;
	text-align: right;
	line-height: 1.3;
	opacity: 0.6;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.blf-modal-form .checkbox.custom-checkbox input + label {
	padding: 5px 5px 5px 30px !important;
}
.blf-modal-form .checkbox.custom-checkbox input + label:before {
	left: 5px;
}
.blf-modal-form .checkbox.custom-checkbox input:checked + label:after {
	left: 6px;
}
.blf-modal-form.red [class*='form-control']       {border-color: #DC2F3D;}
.blf-modal-form.red label               {color: #DC2F3D;}

.blf-modal-form.orange [class*='form-control']    {border-color: #F26A29;}
.blf-modal-form.orange label            {color: #F26A29;}

.blf-modal-form.yellow [class*='form-control']    {border-color: #FCB116;}
.blf-modal-form.yellow label            {color: #FCB116;}

.blf-modal-form.purple [class*='form-control']    {border-color: #5F53A3;}
.blf-modal-form.purple label            {color: #5F53A3;}

.blf-modal-form.green [class*='form-control']     {border-color: #EE8822;}
.blf-modal-form.green label             {color: #EE8822;}

.blf-modal-form.orange [class*='form-control']     {border-color: #EE8822;}
.blf-modal-form.orange label             {color: #EE8822;}

.blf-modal-form.lightblue [class*='form-control'] {border-color: #00A5CF;}
.blf-modal-form.lightblue label         {color: #00A5CF;}

.blf-modal-form.darkblue [class*='form-control']  {border-color: #004694;}
.blf-modal-form.darkblue label          {color: #004694;}

.blf-modal-form.gray [class*='form-control']      {border-color: #BFBEBE;}
.blf-modal-form.gray label              {color: #BFBEBE;}

/*=====================================================================================
LAYOUT
=====================================================================================*/

/* HEADER ANIMATIONS */
@-webkit-keyframes HeaderRight {
	0% {left: 0;}
	100% {left: calc(100% - 100px)}
}
@keyframes HeaderRight {
	0% {left: 0;}
	100% {left: calc(100% - 100px)}
}

@-webkit-keyframes HeaderLeft {
	0% {left: calc(100% - 100px)}
	100% {left: 0}
}

@keyframes HeaderLeft {
	0% {left: calc(100% - 100px)}
	100% {left: 0}
}

@media screen and (max-width: 767px) {
	@-webkit-keyframes HeaderRight {
		0% {left: 0;}
		100% {left: calc(100% - 70px)}
	}
	@keyframes HeaderRight {
		0% {left: 0;}
		100% {left: calc(100% - 70px)}
	}

	@-webkit-keyframes HeaderLeft {
		0% {left: calc(100% - 70px)}
		100% {left: 0}
	}

	@keyframes HeaderLeft {
		0% {left: calc(100% - 70px)}
		100% {left: 0}
	}
}

@media screen and (max-width: 480px) {
	@-webkit-keyframes HeaderRight {
		0% {left: 0;}
		100% {left: calc(100% - 50px)}
	}
	@keyframes HeaderRight {
		0% {left: 0;}
		100% {left: calc(100% - 50px)}
	}

	@-webkit-keyframes HeaderLeft {
		0% {left: calc(100% - 50px)}
		100% {left: 0}
	}

	@keyframes HeaderLeft {
		0% {left: calc(100% - 50px)}
		100% {left: 0}
	}

}

#blf-header {
	position: fixed;
	top: 0; left: 0; bottom: 0; right: auto;
	width: 100px;
	background: #FFF;
	border-right: 1px solid #DDD;
	z-index: 999;
	-webkit-animation-duration: 1.4s;
	animation-duration: 1.4s;
	-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
	transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
#blf-header.header-left {
	-webkit-animation-name: HeaderLeft;
	animation-name: HeaderLeft;
}
#blf-header.header-right {
	-webkit-animation-name: HeaderRight;
	animation-name: HeaderRight;
}

body.header-right #blf-header {
	top: 0; left: calc(100% - 100px); bottom: 0; right: auto;
}
#blf-header {
}
#blf-header * {
	-webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1)
}
#blf-header .menu-toggle {
	display: block;
	margin-top: -60px;
	font-size: 24px;
	text-align: left;
	background: transparent;
	border: none;
	line-height: 1;
	color: #BFBEBE;
}
#blf-header .menu-toggle[data-color="red"] {color: #DC2F3D;}
#blf-header .menu-toggle[data-color="orange"] {color: #F26A29;}
#blf-header .menu-toggle[data-color="yellow"] {color: #FCB116;}
#blf-header .menu-toggle[data-color="purple"] {color: #5F53A3;}
#blf-header .menu-toggle[data-color="green"] {color: #EE8822;}
#blf-header .menu-toggle[data-color="orange"] {color: #EE8822;}
#blf-header .menu-toggle[data-color="lightblue"] {color: #00A5CF;}
#blf-header .menu-toggle[data-color="darkblue"] {color: #004694;}
#blf-header .menu-toggle[data-color="gray"] {color: #BFBEBE;}
#blf-header .menu-toggle[data-color="white"] {color: #FFFFFF;}
#blf-header .top-logo {
	display: block;
	padding: 20px 5px 10px 10px;
}
#belieff-menu-logo {overflow: hidden;}
#belieff-menu-logo * {
	-webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1)
}

#belieff-menu-logo #be.red       path {fill: #DC2F3D;}
#belieff-menu-logo #be.orange    path {fill: #F26A29;}
#belieff-menu-logo #be.yellow    path {fill: #FCB116;}
#belieff-menu-logo #be.purple    path {fill: #5F53A3;}
#belieff-menu-logo #be.green     path {fill: #EE8822;}
#belieff-menu-logo #be.orange     path {fill: #EE8822;}
#belieff-menu-logo #be.lightblue path {fill: #00A5CF;}
#belieff-menu-logo #be.darkblue  path {fill: #004694;}
#belieff-menu-logo #be.gray      path {fill: #BFBEBE;}
#belieff-menu-logo #be.white     path {fill: #FFFFFF;}


#blf-header .main-menu {
	position: relative;
	height: calc(100% - 120px);
	padding: 10px 5px 20px 10px;
	overflow: hidden;
}
#blf-header .main-menu > ul {

}
#blf-header .main-menu > ul.hidden {
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px)
}
#blf-header .main-menu .top-menu li {padding: 4px 0;}
#blf-header .main-menu .top-menu li a {display: block; padding: 1px 2px; line-height: 1;}

#blf-header .main-menu .top-menu li a:hover,
#blf-header .main-menu .top-menu li a:focus {text-decoration: none;}
#blf-header .main-menu .top-menu li a.active           {background: #999; color: #FFF;}
#blf-header .main-menu .top-menu li a.active.red       {background: #DC2F3D;}
#blf-header .main-menu .top-menu li a.active.orange    {background: #F26A29;}
#blf-header .main-menu .top-menu li a.active.yellow    {background: #FCB116;}
#blf-header .main-menu .top-menu li a.active.purple    {background: #5F53A3;}
#blf-header .main-menu .top-menu li a.active.green     {background: #EE8822;}
#blf-header .main-menu .top-menu li a.active.orange     {background: #EE8822;}
#blf-header .main-menu .top-menu li a.active.lightblue {background: #00A5CF;}
#blf-header .main-menu .top-menu li a.active.darkblue  {background: #004694;}
#blf-header .main-menu .top-menu li a.active.gray      {background: #BFBEBE;}
#blf-header .main-menu .top-menu li a.active.white     {background: #FFFFFF;}

#blf-header .main-menu .bottom-menu {
	position: absolute;
	left: 10px; right: 5px; bottom: 0;
}
#blf-header .main-menu > ul li a {
	color: #BFBEBE;
}
#blf-header .main-menu .bottom-menu li a  {
	font-weight: bold;
	font-size: 16px;
	color: #4d4d4d;
}
#blf-header .main-menu > ul li a:hover {

	text-decoration: none;
}

#blf-header.menu-hidden .menu-toggle{
	margin-top: 0;
}
#blf-header.menu-hidden .main-menu > ul {
	-webkit-transform: translateX(-120px);
	-ms-transform: translateX(-120px);
	transform: translateX(-120px)
}
#blf-header.menu-hidden.toggled .main-menu > ul {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

#blf-header .main-menu .go-back {
	display: block;
	min-width: 89px;
}

/*=== Services menu ===*/
#blf-header .main-menu .serveices-menu li a {
	display: block;
	width: 60px; height: 60px;
	background: url(../img/home/services-spritesheet.png);
}
#blf-header .main-menu .serveices-menu li a[rel="administracion"] {background-position: 50% 0}
#blf-header .main-menu .serveices-menu li a[rel="atraccion"] {background-position: 50% 20%}
#blf-header .main-menu .serveices-menu li a[rel="ingenieria"] {background-position: 50% 40%}
#blf-header .main-menu .serveices-menu li a[rel="desarrollo"] {background-position: 50% 80%}
#blf-header .main-menu .serveices-menu li a[rel="planeacion"] {background-position: 50% 60%}
#blf-header .main-menu .serveices-menu li a[rel="wellness"] {background-position: 50% 100%}

#blf-header .main-menu .serveices-menu li a[rel="administracion"]:hover,
#blf-header .main-menu .serveices-menu li a[rel="administracion"]:focus,
#blf-header .main-menu .serveices-menu li a.active[rel="administracion"] {background-position: 100% 0}
#blf-header .main-menu .serveices-menu li a[rel="atraccion"]:hover,
#blf-header .main-menu .serveices-menu li a[rel="atraccion"]:focus,
#blf-header .main-menu .serveices-menu li a.active[rel="atraccion"] {background-position: 100% 20%}
#blf-header .main-menu .serveices-menu li a[rel="ingenieria"]:hover,
#blf-header .main-menu .serveices-menu li a[rel="ingenieria"]:focus,
#blf-header .main-menu .serveices-menu li a.active[rel="ingenieria"] {background-position: 100% 40%}
#blf-header .main-menu .serveices-menu li a[rel="desarrollo"]:hover,
#blf-header .main-menu .serveices-menu li a[rel="desarrollo"]:focus,
#blf-header .main-menu .serveices-menu li a.active[rel="desarrollo"] {background-position: 100% 80%}
#blf-header .main-menu .serveices-menu li a[rel="planeacion"]:hover,
#blf-header .main-menu .serveices-menu li a[rel="planeacion"]:focus,
#blf-header .main-menu .serveices-menu li a.active[rel="planeacion"] {background-position: 100% 60%}
#blf-header .main-menu .serveices-menu li a[rel="wellness"]:hover,
#blf-header .main-menu .serveices-menu li a[rel="wellness"]:focus,
#blf-header .main-menu .serveices-menu li a.active[rel="wellness"] {background-position: 100% 100%}


#blf-body {
	margin: 0 0 0 100px;
	overflow: hidden;
}

/* BODY ANIMATIONS */
@-webkit-keyframes slideInRight {
	0% {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
	100% {-webkit-transform: none; transform: none;}
}

@keyframes slideInRight {
	0% {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
	100% {-webkit-transform: none; transform: none;}
}

@-webkit-keyframes slideInLeft {
	0% {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
	100% {-webkit-transform: none; transform: none;}
}

@keyframes slideInLeft {
	0% {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
	100% {-webkit-transform: none; transform: none;}
}



#blf-body {
	-webkit-animation-duration: 1.4s;
	animation-duration: 1.4s;
	-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
	transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
#blf-body.slide-left {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
#blf-body.slide-right {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

body.header-right #blf-body {
	margin: 0 100px 0 0;
}


#blf-footer {
	padding: 0 20px;
	background: #818386;
	color: #FFF;
}
#blf-footer a {
	color: #FFF;
	text-decoration: underline;
}

#blf-footer .top-contact {
	padding: 25px 0 45px;
}
#blf-footer .top-contact img {
	margin: 10px 15px 10px 0;
}
.footer-certificates img {
	display: block;
	max-height: 100px !important;
	max-width: 200px !important;
}
#blf-footer .post-footer {
	margin: 25px auto 0;
	padding: 20px 10px;
	border-top: 1px solid #FFF;
}
#blf-footer .post-footer p {
	margin-bottom: 0;
}

#blf-footer .footer-service-list {margin: 25px 0;}
#blf-footer .footer-service-list li:not(:last-child) {border-right: 1px dotted rgba(255,255,255,0.4);}
#blf-footer .footer-service-list li a {
	display: block;
	width: 60px; height: 60px;
	margin: -15px 0;
	background: url(../img/home/services-spritesheet.png);
}
#blf-footer .footer-service-list li a[rel="administracion"] {background-position: 0% 0}
#blf-footer .footer-service-list li a[rel="atraccion"]      {background-position: 0% 20%}
#blf-footer .footer-service-list li a[rel="ingenieria"]     {background-position: 0% 40%}
#blf-footer .footer-service-list li a[rel="desarrollo"]     {background-position: 0% 80%}
#blf-footer .footer-service-list li a[rel="planeacion"]     {background-position: 0% 60%}
#blf-footer .footer-service-list li a[rel="wellness"]       {background-position: 0% 100%}


@media screen and (max-width: 768px) {
	body.header-right #blf-header {
		top: 0; left: calc(100% - 70px); bottom: 0; right: auto;
	}
	#blf-header {
		width: 70px;
		-webkit-transition: width 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: width 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	#blf-header .top-logo {
		height: 55px;
		padding: 10px 5px 10px 10px;
	}

	#belieff-menu-logo {
		-webkit-transform: scale(0.65);
		-ms-transform: scale(0.65);
		transform: scale(0.65);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
	}

	#blf-header .main-menu .go-back {
		margin: 70px 0 0 35px;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		transform-origin: bottom left;
	}

	#blf-header .main-menu {
		height: calc(100% - 70px);
	}
	#blf-header .menu-toggle {
		margin-top: -50px;
	}
	#blf-header.toggled {
		width: 150px;
	}
	#blf-header.toggled #lieff * {
		fill: #BFBEBE;
	}

	#blf-body {margin: 0 0 0 70px;}
	body.header-right #blf-body {margin: 0 70px 0 0;}

	#blf-footer {padding: 0px;}

	#blf-footer .top-contact {padding: 10px 0;}
	#blf-footer .top-contact h2,
	#blf-footer .top-contact p {
		margin: 5px 0;
	}
	#blf-footer .footer-service-list li {
		padding-right: 0px;
		padding-left: 0px;
	}
	#blf-footer .footer-service-list li a {
		margin-left: -2px;
		margin-right: -2px;
	}

	#blf-footer .footer-contact-data {
		padding: 15px 0;
	}
	#blf-footer .footer-contact-data .contact-address p {text-align: center;}
	#blf-footer .footer-contact-data .contact-address p br {
		display: none;
	}

	#blf-footer .post-footer {
		margin: 0;
		padding: 5px 0px;
		font-size: 12px;
	}
	#blf-footer .post-footer p {
		display: block;
		text-align: center !important;
		float: none !important;
		margin: 0;
	}
}
@media screen and (max-width: 480px) {
	body.header-right #blf-header {
		top: 0; left: calc(100% - 50px); bottom: 0; right: auto;
	}
	#blf-header {
		width: 50px;
	}
	#blf-header .top-logo {
		height: 40px;
		padding: 4px 4px 4px 10px;
	}
	#belieff-menu-logo {
		-webkit-transform: scale(0.45);
		-ms-transform: scale(0.45);
		transform: scale(0.45);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
	}
	#blf-header .main-menu {
		height: calc(100% - 40px);
	}
	#blf-header .menu-toggle {
		font-size: 15px;
	}
	#blf-header.toggled {
		width: 110px;
	}
	#blf-header .main-menu .serveices-menu li a {
		width: 35px; height: 35px;
		background: url(../img/home/services-spritesheet-sm.png);
	}
	#blf-header .main-menu .go-back {
		margin: 50px 0 0 28px;
	}

	#blf-body {margin: 0 0 0 50px;}
	body.header-right #blf-body {margin: 0 50px 0 0;}

	#blf-footer {padding: 0px;}
	#blf-footer .top-contact img {max-width: 50px; margin: 5px 5px 5px 0;}
	#blf-footer .top-contact h2 {font-size: 16px;}
	#blf-footer .top-contact p {font-size: 14px;}

	#blf-footer .footer-service-list li a {
		width: 35px; height: 35px;
		background: url(../img/home/services-spritesheet-sm.png);
	}

	#blf-footer .footer-contact-data {font-size: 13px; line-height: 1.3;}
}


/*=====================================================================================
SECTIONS
=====================================================================================*/

.page-section {
	position: relative;
	/*overflow: hidden;*/
}
.page-section .pull-bottom {
	position: absolute;
	top: auto; bottom: 0; left: 0; right: 0;
}
.page-section .pull-top {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: auto;
}


/*Start text*/
#text-intro {background-color: #38B5B1;}

#text-intro .main-start h1 {font-size: 48px}
#text-intro .main-start ul {margin: 25px 0;}
#text-intro .main-start ul li {position: relative;  margin: 0 5px;}
#text-intro .main-start ul li a {color: #FFF; font-size: 21px;}
#text-intro .main-start ul li:not(:last-child):after {
	content: "\00B7";
	display: block;
	position: absolute;
	top: 0; right: -10px;
	font-size: 36px;
	line-height: 1;
}

#text-intro .intro-copy {
	position: absolute;
	left: 15%; bottom: 10%; right: 10% !important;
	height: auto;
	padding: 0 15px;
	z-index: 1000;
	overflow: hidden;
	text-shadow: 2px 1px 6px rgba(0,0,0,0.5);
}
#text-intro .intro-copy h1 {
	overflow: visible;
	margin: 0;
	font-size: 48px;
	line-height: 1.7;
}
#text-intro .intro-copy.contracted {
	height: 80px;
	text-shadow: 0 0 0 transparent;
}
#text-intro .intro-copy h1 {
	font-size: 48px;
}
#text-intro .intro-copy p {
	font-size: 18px;
	margin-bottom: 35px;
}
#text-intro .intro-copy p a {color: #FFF;}
#text-intro .intro-copy p a i {opacity: 0.5}

/*Start Video*/
#video-intro video {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;
}
.video-play {
	display: block;
	position: absolute;
	top: 50%; left: 50%; bottom: auto; right: auto;
	height: 200px; width: 200px;
	margin: -100px;
	font-size: 200px;
	color: #FFF;
	line-height: 0;
	text-align: center;
	text-shadow: 0 0 20px rgba(0,0,0,0.6);
	opacity: 0.7;
}
.video-play:hover,
.video-play:focus {
	color: #FFF;
	opacity: 0.9;
}
.video-play.is-playing {
	opacity: 0;
	top: 0; left: 0; bottom: 0; right: 0;
	margin: 0;
	height: auto; width: auto;
}

#video-intro .intro-copy {
	position: absolute;
	left: 15%; bottom: 10%; right: 10% !important;
	height: auto;
	padding: 0 15px;
	z-index: 1000;
	overflow: hidden;
	text-shadow: 2px 1px 6px rgba(0,0,0,0.5);
}
#video-intro .intro-copy h1 {
	overflow: visible;
	margin: 0;
	font-size: 48px;
	line-height: 1.7;
}
#video-intro .intro-copy.contracted {
	height: 80px;
}
#video-intro .intro-copy h1 {
	font-size: 48px;
}
#video-intro .intro-copy p {
	font-size: 18px;
	margin-bottom: 35px;
}
#video-intro .intro-copy p a {color: #FFF;}
#video-intro .intro-copy p a i {opacity: 0.5}



/*Copy Top*/
#copy-top {
	background: url(../img/home/back-belieff.jpg) center center no-repeat;
	background-size: cover;
}

#copy-top .main-start h1 {font-size: 48px}
#copy-top .main-start ul {margin: 25px 0;}
#copy-top .main-start ul li {position: relative;  margin: 0 5px;}
#copy-top .main-start ul li a {color: #FFF; font-size: 21px;}
#copy-top .main-start ul li:not(:last-child):after {
	content: "\00B7";
	display: block;
	position: absolute;
	top: 0; right: -10px;
	font-size: 36px;
	line-height: 1;
}

#copy-top .intro-copy {
	position: absolute;
	left: 10%; bottom: 35%; right: 10% !important;
	height: auto;
	padding: 0 15px;
	z-index: 1000;
	overflow: hidden;
	text-shadow: 2px 1px 6px rgba(0,0,0,0.5);
}
#copy-top .intro-copy h1 {
	overflow: visible;
	line-height: 1.4;
}
#copy-top .intro-copy.contracted {
	height: 80px;
	text-shadow: 0 0 0 transparent;
}
#copy-top .intro-copy h1 {
	font-size: 40px;
	margin-bottom: 30px;
}
#copy-top .intro-copy p {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 25px;
}
#copy-top .intro-copy p a {color: #FFF;}
#copy-top .intro-copy p a i {opacity: 0.5}



/*Services*/
#service-list ul {margin: 0;}
#service-list ul li {
	position: relative;
	display: block;
	width: calc(100%/3);
	height: 50vh;
	float: left;
	background: center center no-repeat;
	background-size: cover;
}
#service-list ul li a {
	display: block;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}
#service-list ul li a:hover .caption span {color: #FFF;}
#service-list ul li a[rel="lightblue"]:hover {background-color: rgba(  0, 165, 207,0.9)}
#service-list ul li a[rel="yellow"]:hover    {background-color: rgba(252, 177,  22,0.9)}
#service-list ul li a[rel="darkblue"]:hover  {background-color: rgba(  0,  70, 148,0.9)}
#service-list ul li a[rel="orange"]:hover    {background-color: rgba(242, 106,  41,0.9)}
#service-list ul li a[rel="red"]:hover       {background-color: rgba(220,  47,  61,0.9)}
#service-list ul li a[rel="purple"]:hover    {background-color: rgba( 95,  83, 163,0.9)}
#service-list ul li a[rel="green"]:hover     {background-color: rgba(64 , 192, 190,0.9)}
#service-list ul li a[rel="orange"]:hover     {background-color: rgba(64 , 192, 190,0.9)}
#service-list ul li a .caption {
	position: absolute;
	top: 50%; left: 0; right: 0;
	text-align: center;
}
#service-list ul li a .caption span {
	font-size: 21px;
	color: #666;
}
#service-list ul li a .caption .icon {
	position: absolute;
	top: 0; left: 50%;
	height: 60px; width: 60px;
	margin: -80px 0 0 -30px;
	background: url(../img/home/services-spritesheet.png) no-repeat;
}
#service-list ul li a[rel="lightblue"] .caption .icon {background-position: -120px 0px }
#service-list ul li a[rel="yellow"]    .caption .icon {background-position: -120px -60px }
#service-list ul li a[rel="darkblue"]  .caption .icon {background-position: -120px -120px }
#service-list ul li a[rel="orange"]    .caption .icon {background-position: -120px -240px }
#service-list ul li a[rel="purple"]    .caption .icon {background-position: -120px -180px }
#service-list ul li a[rel="green"]     .caption .icon {background-position: -120px -300px }
#service-list ul li a[rel="orange"]     .caption .icon {background-position: -120px -300px }
#service-list ul li a[rel="lightblue"]:hover .caption .icon {background-position: 0px 0px }
#service-list ul li a[rel="yellow"]:hover    .caption .icon {background-position: 0px -60px }
#service-list ul li a[rel="darkblue"]:hover  .caption .icon {background-position: 0px -120px }
#service-list ul li a[rel="orange"]:hover    .caption .icon {background-position: 0px -240px }
#service-list ul li a[rel="purple"]:hover    .caption .icon {background-position: 0px -180px }
#service-list ul li a[rel="green"]:hover     .caption .icon {background-position: 0px -300px }
#service-list ul li a[rel="orange"]:hover     .caption .icon {background-position: 0px -300px }
#service-list ul li a .hover-tagline {
	display: none;
	position: absolute;
	left: 10px; right: 10px; bottom: 30px;
	color: #FFF;
	font-size: 14px;
	font-style: italic;
	text-align: center;
}
#service-list ul li a:hover .hover-tagline {
	display: block;
}

/*Statistics*/
#stats-list {
	padding: 0 !important;
}
#stats-list h1 {
	padding-top: 30px;
	font-size: 48px;
}
#stats-list .grid-block {
	width: calc(100%/3);
	position: relative;
	background: center center no-repeat;
	background-size: cover;
	padding: 20px;
}
#stats-list .grid-block:after {
	content: "";
	display: block;
	position: absolute;
	top: 0; left: 0; right: 0; bottom:0;
}
#stats-list .grid-block > div,
#stats-list .grid-block > span {
	z-index: 10;
}
#stats-list .grid-block .pull-bottom {
	padding: 0 10px 15px 10px ;
}
#stats-list .grid-block .pull-bottom .visible {display: block;}
#stats-list .grid-block .pull-bottom .hover {display: none;}
#stats-list .grid-block span {
	display: block;
	position: relative;
	text-align: center;
	line-height: 1.3;
}
#stats-list .grid-block span.spec,
#stats-list .grid-block span.number {
	font-family: brandongrotesque, "helvetica-neue", arial, sans-serif;
}
#stats-list .grid-block span.spec {
	font-size: 14px;
	font-weight: 100;
	font-variant: small-caps;
	text-align: left;
}
#stats-list .grid-block span.number {
	line-height: 0.8;
	font-weight: 100;
}
#stats-list .grid-block p.source {
	margin: 10px 0 0 0 ;
	line-height: 1.2;
}
#stats-list .grid-block a {
	color: #FFF;
}
#stats-list .grid-block *:not(.source) a:hover,
#stats-list .grid-block *:not(.source) a:focus {
	text-decoration: none;
}
#stats-list .grid-block .source a {
	text-decoration: underline;
}
#stats-list .grid-block:hover .pull-bottom .visible {display: none;}
#stats-list .grid-block:hover .pull-bottom .hover {display: block;}

#stats-list .grid-block.bg-lightblue:hover:after {background-color: rgba(  0, 165, 207,0.7)}
#stats-list .grid-block.bg-yellow:hover:after    {background-color: rgba(252, 177,  22,0.7)}
#stats-list .grid-block.bg-darkblue:hover:after  {background-color: rgba(  0,  70, 148,0.7)}
#stats-list .grid-block.bg-orange:hover:after    {background-color: rgba(242, 106,  41,0.7)}
#stats-list .grid-block.bg-red:hover:after       {background-color: rgba(220,  47,  61,0.7)}
#stats-list .grid-block.bg-green:hover:after     {background-color: rgba( 64, 192, 190,0.7)}
#stats-list .grid-block.bg-orange:hover:after     {background-color: rgba( 64, 192, 190,0.7)}


/*Testimonials*/
.testimonial-quote {
	margin: 0 auto;
	max-width: 300px;
}
.testimonial-quote img {
	margin-top: 5px !important;
	box-shadow: 0 0 0 4px #EEE;
}
.testimonial-quote blockquote {
	font-family: brandongrotesque, "helvetica-neue", arial, sans-serif;
	font-size: 21px;
	line-height: 2;
	margin-bottom: 40px;
	border-left: none;
}
.testimonial-quote blockquote:before,
.testimonial-quote blockquote:after {
	display: block;
	height: 40px;
	font-size: 80px;
	color: #F26A29;
	font-family: brandongrotesque, "helvetica-neue", arial, sans-serif;
	line-height: 1;
}
.testimonial-quote blockquote:before {content: "“"}
.testimonial-quote blockquote:after  {content: "”"}
.testimonial-quote cite {font-size: 15px;}


/*Form Wizard*/
#form-wizard {
	padding-left: 45px;
	padding-right: 45px;
}
#form-wizard .fp-tableCell {
	vertical-align: inherit;
}
#form-wizard h1 {
	font-size: 48px;
	padding: 30px 0 45px;
}
#form-wizard .wizard {
	position: absolute;
	top: 50%; left: 25%; right: 45px; bottom: 45px;
	width: auto;
}
#form-wizard .steps {
	position: absolute;
	bottom: 0px; left: 0px; right: 0px;
	width: auto;
}
#form-wizard .steps > ul, #form-wizard .actions > ul {
	text-align: right;
}
#form-wizard .steps > ul > li, #form-wizard .actions > ul > li {
	float: none;
	display: inline-block;
	text-align: left;
	width: 25%;
}
#form-wizard .steps a, #form-wizard .steps a:hover, #form-wizard .steps a:active {
	padding: 25px 5px 5px;
	background: transparent;
	border-radius: 0;
	border-bottom: 1px solid #FFF;
	color: #FFF;
}
#form-wizard .steps .current a, #form-wizard .steps .current a:hover, #form-wizard .steps .current a:active {
	border-width: 5px;
}
#form-wizard .content {
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	min-height: 70vh;
}
#form-wizard .content .body {
	width: 100%; height: 100%;
	padding: 0;
}
#form-wizard .content .form-block {
	position: relative;
	width: 85%;
	padding-right: 50px;
}
#form-wizard .content .form-block .form-control {
	height: auto;
	background: transparent;
	border: none;
	border-bottom: 1px solid #FFF;
	border-radius: 0;
	box-shadow: none;
	color: #FFF;
	font-size: 21px;
}
#form-wizard .content .form-block .form-control:focus {
	outline: none;
}
#form-wizard .content .form-block label {
	padding-left: 12px;
	font-size: 21px;
}
#form-wizard .content .form-block .btn.next {
	position: absolute;
	top: 50%; right: 0;
	margin-top: -25px;
	width: 50px; height: 50px;
	background: transparent;
	border: 1px solid #FFF;
	border-radius: 50%;
	font-size: 24px;
}
#form-wizard .content .form-block .btn.next:hover,
#form-wizard .content .form-block .btn.next:focus {
	background: #FFF;
	color: #004694;
}
#form-wizard .actions {
	display: none;
}

/*Price Tables*/

#price-table h1 {
	font-size: 48px;
	margin-top: 0;
}

#price-table > div:not(.fp-tableCell) {
	padding: 45px 40px;
}

#price-table .nav-tabs,
#price-table .tab-preview,
#price-table .tab-content {
}

#price-table .nav-tabs {
	border-bottom: none;
	text-align: center;
}
#price-table .nav-tabs li {
	position: relative;
	display: inline-block;
	margin: 0 -2px;
	float: none;
	font-size: 2.3vw;
	font-weight: 100;
}
#price-table .nav-tabs li:not(:last-child):after {
	content: "\b7";
	display: block;
	position: absolute;
	top: 50%; bottom: 0; right: -8px;
	margin-top: -4px;
	font-size: 60px;
	line-height: 0;
}
#price-table .nav-tabs li a {
	padding: 0.8vw 1vw;
	border: none;
	color: #FFF;
	opacity: 0.6
}
#price-table .nav-tabs li a:hover,
#price-table .nav-tabs li.active a,
#price-table .nav-tabs li.lit a,
.nav>li>a:focus, .nav>li>a:hover {
	background: transparent;
	opacity: 1
}

#price-table .tab-preview {
	height: 10vh
}
#price-table .tab-preview > div {
	display: none;
}


#price-table .tab-content {
	height: 60vh
}
#price-table .tab-content .plan-features {
	margin: 0; padding: 10px 0 25px;
	list-style: none;
	background: #00688d;
	box-shadow: inset 0 -80px 200px rgba(0,83,108,0.7);
	text-align: center;
}
#price-table .tab-content .plan-features > li {
	display: block;
	margin: 0; padding: 15px 8px;
	font-size: 17px;
}
#price-table .tab-content .plan-features > li:not(:last-child) {
	border-bottom: 1px solid #005e89;
}
#price-table .tab-content .plan-features > li > ul > li {
	opacity: 0.7;
	font-size: 14px;
}
#price-table .tab-content .plan-features > li p {
	margin: 0;
}
#price-table .tab-content .price {
	text-align: center;
}
#price-table .tab-content .price h1 {
	display: inline-block;
	margin: -25px auto 15px;
	padding: 20px 30px;
	background: #FFF;
	border-radius: 13px;
	font-size: 21px;
}

#price-table .tab-content #tabDefault {
	margin: 0 -40px;
	height: 60vh;
	background: url(../img/home/price-tables-bg.jpg) top center no-repeat;
	background-size: cover;
}

/*---------------------------------------------*/

#price-table {
	padding: 0;
}
#price-table h1 {
	margin: 0;
	padding: 15px;
}
#price-table .price-grid {
	height: 90vh;
	overflow: hidden;
}
#price-table .price-grid .grid-block {
	display: block;
	position: relative;
	width: 50%; height: 45vh;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	float: left;
}
#price-table .price-grid .grid-block .caption {
	position: absolute;
	top: 50%; bottom: 50%; left: 0; right: 0;
	margin-top: -70px;
	text-align: center;
	font-size: 30px;
	font-weight: 100;
}
#price-table .price-grid .grid-block .caption span {
	display: block;
	line-height: 1.3;
}
#price-table .price-grid .grid-block .hover-block {
	display: none;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: #00688d;
	box-shadow: inset 0 -80px 200px rgba(0,83,108,0.7);
	text-align: center;
	font-size: 1.5vw;
	vertical-align: middle;
}
#price-table .price-grid .grid-block .hover-block .inner-content {
	position: absolute;
	top: 50%; left: 5vw; right: 5vw; bottom: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#price-table .price-grid .grid-block:hover .hover-block {
	display: block;
}
#price-table .price-grid .grid-block:hover .hover-block .btn {
	color: #004694;
}
#price-table .price-grid .grid-block .hover-block .wizard {
	position: absolute;
	top: 54px; left: 45px; right: 45px; bottom: 10px;
	width: auto;
}
#price-table .price-grid .grid-block .hover-block .steps {
	position: absolute;
	bottom: 0px; left: 0px; right: 0px;
	width: auto;
}
#price-table .price-grid .grid-block .hover-block .steps > ul,
#price-table .price-grid .grid-block .hover-block .actions > ul {
	text-align: right;
}
#price-table .price-grid .grid-block .hover-block .steps > ul > li,
#price-table .price-grid .grid-block .hover-block .actions > ul > li {
	float: none;
	display: inline-block;
	text-align: left;
	width: 15%;
}
#price-table .price-grid .grid-block .hover-block .steps a,
#price-table .price-grid .grid-block .hover-block .steps a:hover,
#price-table .price-grid .grid-block .hover-block .steps a:active {
	padding: 25px 5px 5px;
	background: transparent;
	border-radius: 0;
	border-bottom: 1px solid #FFF;
	color: #FFF;
}
#price-table .price-grid .grid-block .hover-block .steps .current a,
#price-table .price-grid .grid-block .hover-block .steps .current a:hover,
#price-table .price-grid .grid-block .hover-block .steps .current a:active {
	border-width: 5px;
}
#price-table .price-grid .grid-block .hover-block .steps a span {font-size: 16px;}
#price-table .price-grid .grid-block .hover-block .content {
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	min-height: 70vh;
}
#price-table .price-grid .grid-block .hover-block .content .body {
	width: 100%; height: 100%;
	padding: 0;
}
#price-table .price-grid .grid-block .hover-block .content .form-block {
	position: relative;
	width: 85%;
	padding-right: 50px;
}
#price-table .price-grid .grid-block .hover-block .content .form-block .form-control {
	height: auto;
	background: transparent;
	border: none;
	border-bottom: 1px solid #FFF;
	border-radius: 0;
	box-shadow: none;
	color: #FFF;
	font-size: 21px;
}
#price-table .price-grid .grid-block .hover-block .content .form-block .form-control option {
	color: #004694;
}
#price-table .price-grid .grid-block .hover-block .content .form-block .form-control:focus {
	outline: none;
}
#price-table .price-grid .grid-block .hover-block .content .form-block label {
	display: block;
	height: 28px;
	padding-left: 40px;
	font-size: 16px;
	font-weight: 100 !important;
	text-align: left;
}
#price-table .price-grid .grid-block .hover-block .content .form-block .btn.next,
#price-table .price-grid .grid-block .hover-block .content .form-block .btn.previous {
	position: absolute;
	top: 50%; right: 0;
	margin-top: -20px;
	width: 50px; height: 50px;
	background: transparent;
	border: 1px solid #FFF;
	border-radius: 50%;
	color: #FFF;
	font-size: 24px;
}
#price-table .price-grid .grid-block .hover-block .content .form-block .btn.next:hover,
#price-table .price-grid .grid-block .hover-block .content .form-block .btn.next:focus,
#price-table .price-grid .grid-block .hover-block .content .form-block .btn.previous:hover,
#price-table .price-grid .grid-block .hover-block .content .form-block .btn.previous:focus {
	background: #FFF;
	color: #004694;
}
#price-table .price-grid .grid-block .hover-block .actions {
	display: none;
}
#price-table .price-grid .grid-block .hover-block .content .form-block .btn.previous {
	width: 25px; height: 25px;
	top: auto; left: 0; bottom: 0; right: auto;
	padding: 1px 6px;
	font-size: 14px;
}

#price-table .price-grid .grid-block .hover-block .content .checkbox {padding-left: 40px;}
#price-table .price-grid .grid-block .hover-block .content .checkbox input {margin-top: 0;}


/*#price-table h1 {
    font-size: 48px;
    margin-top: 5vh
}
.price-table {
    max-width: 1200px;
    margin: 5vh auto;
}
.price-table .column {
    float: left;
    width: calc(100% / 3);
}
.price-table .column:not(:last-child){
    border-width: 0px 3px 0px 0px;
    border-style: solid;
    -webkit-border-image: -webkit-linear-gradient( rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,0.8) 70%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100% ) 1 100%;
    -moz-border-image:    -moz-linear-gradient( rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,0.8) 70%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100% ) 1 100%;
    -o-border-image:      -o-linear-gradient( rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,0.8) 70%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100% ) 1 100%;
    border-image:         linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,0.8) 70%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100% ) 1 100%;
}
.price-table .column .col-heading,
.price-table .column .col-body,
.price-table .column .col-footer {
    padding: 25px 0;
}
.price-table .column .col-body ul li:not(:last-child):after {
    content: "";
    display: block;
    margin: 20px auto;
    border-top: 1px solid #FFF;
    max-width: 10px;
    }*/


/*Contact Info*/
#contact-info #contact-map {
	display: block;
	width: calc(100% + 15px); height: 100vh;
	margin-right: -15px;
}
#contact-info form {
	margin-top: 80px;
}
#contact-info p {
	position: relative;
	font-size: 1.65vw;
	font-weight: 100;
	width: 40vw;
}
#contact-info input,
#contact-info textarea {
	display: inline;
	width: 17vw;
	background: transparent;
	border: none;
	color: #999;
}

#contact-info input+span.help-block,
#contact-info select+span.help-block,
#contact-info textarea+span.help-block {
	color: red;
	display: inline-block;
	font-size: 12px;
	margin-left: -127px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
#contact-info textarea+span.help-block {
	margin-left: 0px;
	margin-top: -0px;
}
#contact-info .form-name {width: 95%}
#contact-info .form-email {width: 45%}
#contact-info .form-message {width: 95%}

#contact-info input:focus,
#contact-info textarea:focus {
	outline: none;
	border-color: #EE8822;
}
#contact-info input {
	padding: 0 10px;
	border-bottom: 1px solid #BBB;
}

#contact-info textarea {
	position: relative;
	display: block;
	background: url(../img/home/form-background.jpg) top left;
	background-size: 0.5% auto;
	width: 100%;
	resize: none;
}

@media screen and (max-width: 1200px) {
	#contact-info p {font-size: 2.8vw; width: 50vw}

	/*Copy Top*/
	#copy-top .intro-copy {top: 100px; bottom: 30px; left: 20px;  right: 30% !important; overflow: hidden; line-height: 1.3;}
	#copy-top .intro-copy h1 {display: block;  font-size: 36px;  line-height: 1.3;}

	/*Testimonials*/
	.testimonial-quote img {max-width: 140px !important;}
	.testimonial-quote blockquote {font-size: 18px; line-height: 1.3; margin-bottom: 0px;}
}

@media screen and (max-width: 768px) {

	/*Start Video*/
	.video-play { height: 100px; width: 100px; margin: -50px; font-size: 100px;}

	#video-intro {position: relative;}
	#video-intro .intro-copy {left: 0; bottom: 10%; right: 0; width: calc(100vw - 70px) !important; padding: 0;}
	#video-intro .intro-copy.contracted {height: 60px;}
	#video-intro .intro-copy h1 {font-size: 38px;}

	/*Copy Top*/
	#copy-top {background-position: top right;}
	#copy-top *{text-align: right;}
	#copy-top .pull-bottom {padding: 15px;}
	#copy-top .pull-bottom p {font-size: 16px; margin-bottom: 0 !important;}

	/*Services*/
	#service-list ul li { width: calc(100%/2); height: 33.333vh;}

	/*Statistics*/
	#stats-list {padding: 0 !important;}

	#stats-list .grid-block .pull-bottom .visible,
	#stats-list .grid-block:hover .pull-bottom .visible {display: block;}
	#stats-list .grid-block .pull-bottom .hover,
	#stats-list .grid-block:hover .pull-bottom .hover {display: none;}

	#stats-list .grid-block .pull-bottom .number {font-size: 18px; font-weight: bold;}

	/*Testimonials*/
	.testimonial-quote blockquote {font-size: 16px; line-height: 1.5; margin-bottom: 0px;}
	.testimonial-quote cite {font-size: 14px; line-height: 1.3;}

	/*Price Tables*/
	#price-table .price-grid .grid-block .hover-block  {font-size: 2.5vw;}

	/*Contact Info*/
	#contact-info #contact-map {width: calc(100% + 30px); height: 40vh; margin: 0 -15px;
	}
	#contact-info .container-fluid .row > div {width: 100%;}
	#contact-info #contact-map {height: 50vh;}
	#contact-info form {margin-top: 60px;}
	#contact-info p {font-size: 2.8vw; width: 70vw}
	#contact-info textarea {width: 80vw}
}

@media screen and (max-width: 480px) {
	/*Live Help*/
	.LiveHelpMobileButton {right: 10px !important; bottom: 10px !important;}


	/*Start Video*/
	#video-intro h1 {font-size: 24px; line-height: 1.3;}
	#video-intro .intro-copy h1 {font-size: 24px; line-height: 1.3;}
	#video-intro .intro-copy p {font-size: 14px;}

	/*Copy Top*/
	#copy-top {background: url(../img/home/back-belieff-mobile.jpg) center center no-repeat; background-size: cover;}
	#copy-top .pull-bottom {position: static; width: 100%; padding: 10px 0;}
	#copy-top .pull-bottom p {font-size: 14px;}
	#copy-top h1 {font-size: 24px; line-height: 1.3;}

	#copy-top .intro-copy {top: auto;bottom: 80px; left: 10px; right: 5px !important; overflow: hidden; line-height: 1.3;}
	#copy-top .intro-copy h1 {font-size: 24px; line-height: 1; margin-bottom: 10px; font-weight: 400;}
	#copy-top .intro-copy p {font-size: 14px; margin-bottom: 10px;}

	#copy-top .intro-copy .main-start {position: absolute; bottom: 0; left: 0; right: 0;}
	#copy-top .intro-copy .main-start,
	#copy-top .intro-copy .main-start * {text-align: center !important;}
	#copy-top .intro-copy .main-start ul {margin: 0;}
	#copy-top .intro-copy .main-start ul li {display: block; margin: 4px 0;}
	#copy-top .intro-copy .main-start ul li:after{display: none;}
	#copy-top .intro-copy .main-start ul li a {font-size: 14px; text-decoration: underline;}

	/*Services*/
	#service-list ul li a .caption { top: 5px; left: 5px; right: 5px; margin: 0;}
	#service-list ul li a .caption .icon {width: 35px; height: 35px; position: static; margin: 0 auto; background: url(../img/home/services-spritesheet-sm.png);}
	#service-list ul li a[rel="lightblue"] .caption .icon {background-position: 100% 0%}
	#service-list ul li a[rel="yellow"]    .caption .icon {background-position: 100% 20%}
	#service-list ul li a[rel="darkblue"]  .caption .icon {background-position: 100% 40%}
	#service-list ul li a[rel="orange"]    .caption .icon {background-position: 100% 80%}
	#service-list ul li a[rel="purple"]    .caption .icon {background-position: 100% 60%}
	#service-list ul li a[rel="green"]     .caption .icon {background-position: 100% 100%}
	#service-list ul li a[rel="orange"]     .caption .icon {background-position: 100% 100%}
	#service-list ul li a[rel="lightblue"]:focus .caption .icon {background-position: 0% 0%}
	#service-list ul li a[rel="yellow"]:focus    .caption .icon {background-position: 0% 20%}
	#service-list ul li a[rel="darkblue"]:focus  .caption .icon {background-position: 0% 40%}
	#service-list ul li a[rel="orange"]:focus    .caption .icon {background-position: 0% 80%}
	#service-list ul li a[rel="purple"]:focus    .caption .icon {background-position: 0% 60%}
	#service-list ul li a[rel="green"]:focus     .caption .icon {background-position: 0% 100%}
	#service-list ul li a[rel="orange"]:focus     .caption .icon {background-position: 0% 100%}
	#service-list ul li a .caption span {display: block; font-size: 16px; line-height: 1.2;}
	#service-list ul li a .hover-tagline {left: 5px right: 5px; bottom: 5px; display: block; font-size: 12px; line-height: 1.3; color: #333; text-shadow: 0 0 10px #FFF, 1px 1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF, -1px -1px 0px #FFF;}
	/*#service-list ul li a:focus .hover-tagline {color: #FFF;}*/

	/*Statistics*/
	#stats-list {padding: 0 !important;}
	#stats-list h1 {margin: 0; padding: 10px 0; font-size: 30px;}
	#stats-list .grid-block {width: 50%; padding: 5px; text-align: center; line-height: 1 !important;}
	#stats-list .grid-block span.description {display: inline; font-size: 11px; margin-right: 2px;}
	#stats-list .grid-block span.number {line-height: 1; font-weight: 100;}
	#stats-list .grid-block p.source {display: none;}
	#stats-list .grid-block .pull-bottom {padding: 5px;}

	#stats-list .grid-block.bg-lightblue {height: 35vh !important;}
	#stats-list .grid-block.bg-orange    {height: 30vh !important;}
	#stats-list .grid-block.bg-red       {height: 35vh !important;}

	#stats-list .grid-block.bg-yellow    {height: 30vh !important;}
	#stats-list .grid-block.bg-darkblue  {height: 40vh !important;}
	#stats-list .grid-block.bg-green     {height: 30vh !important;}
	#stats-list .grid-block.bg-orange     {height: 30vh !important;}

	#stats-list .grid-block.bg-lightblue:after {background-color: rgba(  0, 165, 207,0.7)}
	#stats-list .grid-block.bg-yellow:after    {background-color: rgba(252, 177,  22,0.7)}
	#stats-list .grid-block.bg-darkblue:after  {background-color: rgba(  0,  70, 148,0.7)}
	#stats-list .grid-block.bg-orange:after    {background-color: rgba(242, 106,  41,0.7)}
	#stats-list .grid-block.bg-red:after       {background-color: rgba(220,  47,  61,0.7)}
	#stats-list .grid-block.bg-green:after     {background-color: rgba( 64, 192, 190,0.7)}
	#stats-list .grid-block.bg-orange:after     {background-color: rgba( 64, 192, 190,0.7)}

	/*Testimonials*/
	.testimonial-quote {padding: 0;}
	.testimonial-quote img {max-width: 120px !important;}
	.testimonial-quote blockquote {font-size: 14px; line-height: 1.3; margin-bottom: 0;}
	.testimonial-quote cite {font-size: 12px;}

	/*Price Tables*/
	#price-table h1 { font-size: 26px; margin-top: 0;}
	/*#price-table > div:not(.fp-tableCell) {padding: 10px;}*/

	#blf-plan-tabs {height: calc(100vh - 60px);}
	#blf-plan-tabs .nav-tabs {display: none;}
	#blf-plan-tabs select {display: block !important; background: #00A5CF; border-color: #FFF; color: #FFF;}
	#blf-plan-tabs .tab-preview {display: none;}
	#blf-plan-tabs .tab-pane { margin: 10px -10px !important; height: calc(100vh - 100px) !important;}
	#blf-plan-tabs .tab-pane .plan-features li {font-size: 12px; padding: 8px 4px; line-height: 1.3;}
	#blf-plan-tabs .tab-pane .plan-features li ul li { font-size: 11px; padding: 4px;}
	#blf-plan-tabs .tab-pane .price {margin: -10px 0 15px;}
	#blf-plan-tabs .tab-pane .price h1 {font-size: 24px; padding: 10px 15px}
	#blf-plan-tabs .tab-pane .plan-details {display: none;}


	#price-table .price-grid {padding: 0 !important; overflow: visible; height: auto !important}
	#price-table .price-grid .grid-block { width: 100%; height: 30vh; float: none;}
	#price-table .price-grid .grid-block:last-child {height: 80vh;}
	#price-table .price-grid .grid-block .caption {margin-top: -20px; font-size: 18px;}
	#price-table .price-grid .grid-block .caption img {max-width: 25px;}
	#price-table .price-grid .grid-block .hover-block {padding: 10px; font-size: 12px; line-height: 1.3;}
	#price-table .price-grid .grid-block .hover-block p {margin: 0;}
	#price-table .price-grid .grid-block .hover-block a.btn-blf {font-size: 14px; padding: 4px 8px; border-radius: 6px !important;}
	#price-table .price-grid .grid-block .hover-block .wizard {top: 15px; left: 15px; bottom: 15px; right: 15px;}
	#price-table .price-grid .grid-block .hover-block .steps a,
	#price-table .price-grid .grid-block .hover-block .steps a:hover,
	#price-table .price-grid .grid-block .hover-block .steps a:active {padding: 5px;}
	#price-table .price-grid .grid-block .hover-block .steps a span {font-size: 12px;}
	#price-table .price-grid .grid-block .hover-block .content .form-block {width: 100%;}
	#price-table .price-grid .grid-block .hover-block .content .form-block .form-control {font-size: 14px;}
	#price-table .price-grid .grid-block .hover-block .content .form-block label {font-size: 13px}



	/*Contact Info*/
	#contact-info #contact-map {display: none;}
	#contact-info form {margin-top: 50px;}
	#contact-info p {font-size: 5vw; width: 80vw}
	#contact-info textarea {background-size: 0.79% auto}
}



/*====================================================
SERVICIOS
====================================================*/

@-webkit-keyframes arrowWiggle {
	0%   {-webkit-transform: translateY(0); transform: translateY(0)}
	50%  {-webkit-transform: translateY(10px); transform: translateY(10px)}
	100% {-webkit-transform: translateY(0); transform: translateY(0)}
}
@keyframes arrowWiggle {
	0%   {-webkit-transform: translateY(0); transform: translateY(0)}
	50%  {-webkit-transform: translateY(10px); transform: translateY(10px)}
	100% {-webkit-transform: translateY(0); transform: translateY(0)}
}

/*Gradients*/
.service-bg-header[data-gradient]:before {
	content:"";
	display: block;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 25%;
}
.service-bg-header[data-gradient="yellow"]:before {
	background: -moz-linear-gradient(left,  rgba(252,177,22,1) 38%, rgba(252,177,22,0) 82%);
	background: -webkit-linear-gradient(left,  rgba(252,177,22,1) 38%,rgba(252,177,22,0) 82%);
	background: linear-gradient(to right,  rgba(252,177,22,1) 38%,rgba(252,177,22,0) 82%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCB116', endColorstr='#FCB11600',GradientType=1 );
}
.service-bg-header[data-gradient="orange"]:before {
	background: -moz-linear-gradient(left,  rgba(242,106,41,1) 38%, rgba(242,106,41,0) 82%);
	background: -webkit-linear-gradient(left,  rgba(242,106,41,1) 38%,rgba(242,106,41,0) 82%);
	background: linear-gradient(to right,  rgba(242,106,41,1) 38%,rgba(242,106,41,0) 82%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F26A29', endColorstr='#F26A2900',GradientType=1 );
}
.service-bg-header[data-gradient="purple"]:before {
	background: -moz-linear-gradient(left,  rgba(95,83,163,1) 38%, rgba(95,83,163,0) 82%);
	background: -webkit-linear-gradient(left,  rgba(95,83,163,1) 38%,rgba(95,83,163,0) 82%);
	background: linear-gradient(to right,  rgba(95,83,163,1) 38%,rgba(95,83,163,0) 82%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F53A3', endColorstr='#5F53A300',GradientType=1 );
}
.service-bg-header[data-gradient="darkblue"]:before {
	background: -moz-linear-gradient(left,  rgba(0,70,148,1) 38%, rgba(0,70,148,0) 82%);
	background: -webkit-linear-gradient(left,  rgba(0,70,148,1) 38%,rgba(0,70,148,0) 82%);
	background: linear-gradient(to right,  rgba(0,70,148,1) 38%,rgba(0,70,148,0) 82%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004694', endColorstr='#00469400',GradientType=1 );
}
.service-bg-header[data-gradient="lighblue"]:before {
	background: -moz-linear-gradient(left,  rgba(0,165,207,1) 38%, rgba(0,165,207,0) 82%);
	background: -webkit-linear-gradient(left,  rgba(0,165,207,1) 38%,rgba(0,165,207,0) 82%);
	background: linear-gradient(to right,  rgba(0,165,207,1) 38%,rgba(0,165,207,0) 82%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A5CF', endColorstr='#00A5CF00',GradientType=1 );
}
.service-bg-header[data-gradient="green"]:before {
	background: -moz-linear-gradient(left,  rgba(64,162,190,1) 38%, rgba(64,162,190,0) 82%);
	background: -webkit-linear-gradient(left,  rgba(64,162,190,1) 38%,rgba(64,162,190,0) 82%);
	background: linear-gradient(to right,  rgba(64,162,190,1) 38%,rgba(64,162,190,0) 82%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE8822', endColorstr='#EE882200',GradientType=1 );
}

.service-bg-header[data-gradient="orange"]:before {
	background: -moz-linear-gradient(left,  rgba(64,162,190,1) 38%, rgba(64,162,190,0) 82%);
	background: -webkit-linear-gradient(left,  rgba(64,162,190,1) 38%,rgba(64,162,190,0) 82%);
	background: linear-gradient(to right,  rgba(64,162,190,1) 38%,rgba(64,162,190,0) 82%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE8822', endColorstr='#EE882200',GradientType=1 );
}


.service-bg-header {
	position: relative;
	background: center center no-repeat;
	background-size: cover;
}

.service-bg-header .pull-bottom {
	padding: 30px;
	bottom: 50px;
}
.service-bg-header .pull-bottom h3.service-name {
	font-weight: normal;
	text-shadow: 0 0 6px rgba(0,0,0,0.45);
}
.service-bg-header .pull-bottom .top-prompt,
.service-bg-header .pull-bottom .top-prompt h2 {
	font-size: 40px;
	line-height: 1.2;
	text-shadow: 1px 1px 10px rgba(0,0,0,0.45);
	font-weight: normal !important;
}
.service-bg-header .pull-bottom ul {
	margin: 60px 0 40px;
}
.service-bg-header ul {
	padding-left: 40px;
	font-size: 24px;
}
.service-bg-header ul li i {
	top: 14px;
	font-size: 21px;
}

.scroll-down {
	position: absolute;
	left: 50%; bottom: 10px;
	margin-left: -17px;
}
.scroll-down svg polyline {
	animation: arrowWiggle 2s infinite;
}
.scroll-down svg polyline.arrow-1 {animation-delay: 0.1s;}
.scroll-down svg polyline.arrow-2 {animation-delay: 0.2s;}
.scroll-down svg polyline.arrow-3 {animation-delay: 0.3s;}


.service-content .container {
	width: auto !important;
	max-width: 1170px !important;
}
.service-content h1.display {
	font-size: 48px;
	margin: 60px 15px 20px;
}
.service-content h3.display {
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 50px;
}
.service-content p {
	padding: 10px 15px;
	font-size: 24px;
	font-weight: 100;
	line-height: 1.8;
}
.service-content hr {
	border: none;
	margin: 40px auto;
}
.service-content img {
	margin: 20px auto;
}
.service-content ul {
	max-width: 350px;
	margin: 0 auto;
	font-size: 24px;
	font-weight: 100;
}
.service-content ul li small {
	opacity: 0.5;
}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 768px) {
	.service-bg-header[data-gradient]:before {right: -20%;}
	.service-bg-header .pull-bottom .top-prompt h2 {font-size: 30px; }
	.service-bg-header .pull-bottom ul {margin: 40px 0 15px; font-size: 18px; line-height: 1.3}
	.service-bg-header .pull-bottom ul li i {top: 12px;}
	.service-bg-header .pull-bottom {padding: 10px;}
	.service-bg-header .pull-bottom h3 {font-size: 30px; line-height: 1.8; text-shadow: 0 0 5px rgba(0,0,0,0.6)}
	.service-content p {font-size: 16px;}
	.service-content img {max-width: calc(100% + 30px); margin: 0 auto;}
}

@media screen and (max-width: 480px) {
	.service-bg-header[data-gradient]:before {right: -20%;}
	.service-bg-header .pull-bottom .top-prompt h2 {font-size: 24px; }
	.service-bg-header .pull-bottom ul {margin: 25px 0 10px; line-height: 1.3}
	.service-bg-header .pull-bottom ul li { font-size: 16px;}
	.service-bg-header .pull-bottom ul li i {font-size: 16px; top: 3px;}
	.service-bg-header .pull-bottom {padding: 10px;}
	.service-bg-header .pull-bottom h3 {font-size: 21px; line-height: 1.3;}
	.service-content h1.display { margin: 10px 10px;font-size: 24px}
	.service-content hr {margin: 0;}
	.service-content p {margin: 0; padding: 4px 0; line-height: 1.3;}
	.service-content ul li {font-size: 14px; line-height: 1.5;}
	.service-content img {max-width: 100px; margin: 0 auto;}
}


/* Newsletter */
#newsletterModal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}
#newsletterModal .modal-dialog {
	position: relative;
	width: 100% !important;
	max-width: 500px !important;
}
#newsletterModal .modal-dialog .dismiss {
	display: block;
	position: absolute;
	top: 10px; right: 10px;
	width: 20px; height: 20px;
	color: #666;
	line-height: 1.3;
	text-align: center;
}
#newsletterModal .modal-content h3 {
	margin: 0 0 5px;
	font-weight: bold;
}
#newsletterModal .modal-content p {
	margin: 15px 0;
}
#newsletterModal .modal-content form .btn {
	white-space:nowrap;
}



/* Live Help Plugin */

#LiveHelpEmbedded.opened.sidebar.logo #LiveHelpLogo img {
	max-height: 40px !important;
	margin: 5px auto !important;
}



/* jQuery Msgbox Plugin */

.jquery-msgbox {
	margin: 0 0 64px 0;
	padding: 0;
	background-image: none;
	border: 1px solid #eee;
	border-bottom: none;
	border-radius: 0 !important;
	box-shadow: 3px 3px rgba(0,0,0,0.05) !important;
}
.jquery-msgbox .jquery-msgbox-wrapper {
	margin: 0;
	background-position: 20px center !important;
}
.jquery-msgbox-alert   { background-image: url(../img/msgbox/alert.png); }
.jquery-msgbox-info    { background-image: url(../img/msgbox/info.png); }
.jquery-msgbox-error   { background-image: url(../img/msgbox/error.png); }
.jquery-msgbox-prompt  { background-image: url(../img/msgbox/question.png); }
.jquery-msgbox-confirm { background-image: url(../img/msgbox/confirm.png); }

.jquery-msgbox .jquery-msgbox-wrapper form {

}
.jquery-msgbox .jquery-msgbox-wrapper .jquery-msgbox-buttons {
	top: 100%; left: 0; right: 0; bottom: auto;
	padding: 15px;
	background: #FFF;
	border: 1px solid #eee;
	border-top: none;
	box-shadow: 3px 3px rgba(0,0,0,0.01) !important;
}
.jquery-msgbox .jquery-msgbox-wrapper .jquery-msgbox-buttons:after {
	content: "";
	display: block;
	position: absolute;
	top: 0; left: 15px; right: 15px;
	border-top: 1px solid #ccc;
}
.jquery-msgbox .jquery-msgbox-wrapper .jquery-msgbox-buttons .jquery-msgbox-button-submit {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	height: 34px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.jquery-msgbox .jquery-msgbox-wrapper .jquery-msgbox-buttons .jquery-msgbox-button-submit:hover,
.jquery-msgbox .jquery-msgbox-wrapper .jquery-msgbox-buttons .jquery-msgbox-button-submit:focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

/* TOP MENU */
.user-full-name
{
	text-transform: capitalize !important;
}