/*=====================================================================================
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: #40C0BE !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: #40C0BE;}
    .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: #40C0BE; color: #40C0BE;}
    .btn-blf.outline.green:hover,
    .btn-blf.outline.green:focus     {background: #40C0BE}
    .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: #40C0BE;}
    .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: #40C0BE !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: #40C0BE}
    #blf-header .main-menu .serveices-menu li a[rel="wellness"]       + .blf-tooltip .tooltip-arrow {border-left-color: #40C0BE}
    {

    }

    @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: #40C0BE;}
    .blf-modal-form.green label             {color: #40C0BE;}

    .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: #40C0BE;}
#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: #40C0BE;}
#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: #40C0BE;}
#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 .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="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 .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)}


/*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: #40C0BE;
    }
    #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="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 .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-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)}

    	/*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='#40C0BE', endColorstr='#40C0BE00',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;
}



/*--- Live Help Chat  ---*/

#chatstack-container.opened.logo .logo img {width: auto !important;}



/** === HR ===  */
/*div.hrlabel { height: 1px; background-color: #cccccc; text-align: center; margin-bottom: 10px; margin-top: 10px; }
div.hrlabel span { color: #888888;  font-size: x-small; letter-spacing: 1px; position: relative; top: -0.9em; padding-left: 8px; padding-right: 8px; }
div.hrlabel span.gray { background-color: #FAFAFA; }
div.hrlabel span.white { background-color: #FFF; }*/


.hrlabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 25px 0;
    text-align: center;
}
.hrlabel span {
    display: inline-block;
    padding: 1px 8px;
    font-size: 12px;
    color: #999;
}
.hrlabel label {
    font-size: 11px !important;
}
.hrlabel:after,
.hrlabel:before {
    content: "";
    display: block;
    position: static;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border-top: 1px solid #DDD;
}

.hrlabel.hrlabel-left:before,
.hrlabel.hrlabel-right:after {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 0px;
    flex: 0 1 0px;
}