@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
/* ============================== Common Styles ============================== */
.align-center {text-align: center !important;}
.align-left {text-align: left !important;}
.align-right {text-align: right !important;}
.left {float: left !important;}
.right {float: right !important;}
.relative {position: relative;}
.hidden {display: none;}
.inline-block {display: inline-block;}
.white {color: #fff !important;}
.black {color: #111 !important;}
.color {color: #e41919 !important;}
.glass {opacity: .5;}
.image-fullwidth img {width: 100%;}
.stick-fixed {position: fixed !important; top: 0; left: 0;}
.round {border-radius: 2px !important;}
::-moz-selection {color: #fff; background: #000;}
::-webkit-selection {color: #fff; background: #000;}
::selection {color: #fff; background: #000;}
.animate, .animate * {-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.no-animate, .no-animate * {-webkit-transition: 0 none !important; transition: 0 none !important;}
.shadow {box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);}
.white-shadow {box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);}
.clearlist, .clearlist li {list-style: none; padding: 0; margin: 0; background: none;}
.full-wrapper {margin: 0 2%;}
.container-fluid {max-width: 1170px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
html {overflow-y: scroll; -ms-overflow-style: scrollbar;}
html, body {height: 100%; -webkit-font-smoothing: antialiased;}
.page {overflow: hidden;}
.body-masked {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fff url('/assets/loader.gif') no-repeat center center; z-index: 100000;}
.mask-delay {-webkit-animation-delay: 0.75s; animation-delay: 0.75s;}
.mask-speed {-webkit-animation-duration: 0.25s !important; animation-duration: 0.25s !important;}
iframe {border: none;}
a, b, div, ul, li {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent;}
a:focus, a:active {outline: none;}
img:not([draggable]), embed, object, video {max-width: 100%; height: auto;}
/* ============================== Page Loader ============================== */
.page-loader {display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #082653; z-index: 100000;}
.loader {height: 100%; background-image: linear-gradient(white, #d70017), linear-gradient(white, #d70017), linear-gradient(white, #d70017), linear-gradient(white, #d70017), linear-gradient(white, #d70017), linear-gradient(white, #d70017), linear-gradient(white, #d70017); background-position: calc(50% - 30px) 50%, calc(50% - 20px) 50%, calc(50% - 10px) 50%, 50% 50%, calc(50% + 10px) 50%, calc(50% + 20px) 50%, calc(50% + 30px) 50%; background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px; background-repeat: no-repeat; -webkit-animation: l-bars 1s linear infinite alternate; animation: l-bars 1s linear infinite alternate; z-index: 100001;}
@-webkit-keyframes l-bars {
  0% {background-size: 5px 30px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px;}
  16.6% {background-size: 5px 10px, 5px 40px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px;}
  33.2% {background-size: 5px 10px, 5px 10px, 5px 40px, 5px 10px, 5px 10px, 5px 10px, 5px 10px;}
  49.8% {background-size: 5px 10px, 5px 10px, 5px 10px, 5px 40px, 5px 10px, 5px 10px, 5px 10px;}
  66.4% {background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 40px, 5px 10px, 5px 10px;}
  83% {background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 40px, 5px 10px;}
  100% {background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 40px;}
}
@keyframes l-bars {
  0% {background-size: 5px 30px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px;}
  16.6% {background-size: 5px 10px, 5px 40px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px;}
  33.2% {background-size: 5px 10px, 5px 10px, 5px 40px, 5px 10px, 5px 10px, 5px 10px, 5px 10px;}
  49.8% {background-size: 5px 10px, 5px 10px, 5px 10px, 5px 40px, 5px 10px, 5px 10px, 5px 10px;}
  66.4% {background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 40px, 5px 10px, 5px 10px;}
  83% {background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 40px, 5px 10px;}
  100% {background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 40px;}
}
/* ============================== Typography ============================== */
body {color: #666666; font-size: 16px; font-family: "HelveticaNeueLT Std Roman", arial, sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased;}
a {color: #082653; text-decoration: underline;}
a:hover {color: #666666; text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 1.3em; line-height: 1.4; font-weight: 400;}
h1 {font-size: 36px;}
h2 {font-size: 28px;}
h5 {font-size: 18px; font-weight: 700;}
h6 {font-weight: 700;}
p {margin: 0 0 2em 0;}
ul, ol {margin: 0 0 1.5em 0;}
blockquote {margin: 3em 0 3em 0; padding: 0; border: none; background: none; font-style: normal; line-height: 1.8; color: #082653;}
blockquote p {margin-bottom: 1em; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.8;}
blockquote footer {font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 0;}
dl dt {margin-bottom: 5px;}
dl dd {margin-bottom: 15px;}
pre {background-color: #f9f9f9; border-color: #ddd;}
hr {background-color: rgba(255, 255, 255, .08);}
hr.white {border-color: rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .35);}
hr.black {border-color: rgba(0, 0, 0, .85); background: rgba(0, 0, 0, .85);}
.uppercase {text-transform: uppercase; letter-spacing: 0;}
.font-alt {font-family: "HelveticaNeueLT Std Roman", arial, sans-serif; text-transform: uppercase; letter-spacing: 0;}
.serif {font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal;}
.normal {font-weight: 400;}
.strong {font-weight: 700 !important;}
.lead {margin: 1em 0 2em 0; font-size: 140%; line-height: 1.6;}
.text {font-size: 16px; font-weight: 400; color: #666666; line-height: 1.8;}
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {color: #082653;}
.dropcap {float: left; font-size: 3em; line-height: 1; padding: 2px 8px 2px 0;}
.big-icon {display: block; width: 90px; height: 90px; margin: 0 auto 20px; border: 3px solid #fff; text-align: center; line-height: 88px; font-size: 32px; color: rgba(255, 255, 255, .97); border-radius: 50%; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.big-icon .fa-play {position: relative; left: 4px;}
.big-icon.big-icon-rs {border: none; width: auto; height: auto; font-size: 96px;}
.big-icon-link {display: inline-block; text-decoration: none;}
.big-icon-link:hover {border-color: transparent !important;}
.big-icon-link:hover .big-icon {border-color: #fff; color: #fff; -webkit-transition: 0 none !important; transition: 0 none !important;}
.big-icon-link:active .big-icon {-webkit-transform: scale(0.99); transform: scale(0.99);}
.wide-heading {display: block; margin-bottom: 10px; font-size: 48px; font-weight: 400; letter-spacing: 0; text-align: center; text-transform: uppercase; opacity: .9; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.big-icon-link:hover, .big-icon-link:hover .wide-heading {color: #fff; text-decoration: none;}
.sub-heading {font-size: 16px; font-style: italic; text-align: center; line-height: 1.3; color: rgba(255, 255, 255, .75);}
.big-icon.black {color: #000; border-color: rgba(0, 0, 0, .75);}
.big-icon-link:hover .big-icon.black {color: #000; border-color: #000;}
.wide-heading.black {color: rgba(0, 0, 0, .87);}
.big-icon-link.black:hover, .big-icon-link:hover .wide-heading.black {color: #000; text-decoration: none;}
.sub-heading.black {color: rgba(0, 0, 0, .75);}
.product-title h1, .product-title h5 {font-family: "HelveticaNeueLT Std Bold", arial, sans-serif;}
.azul {color: #082653;}

/* ============================== Buttons ============================== */
.btn-mod, a.btn-mod {box-sizing: border-box; padding: 5px 15px 0 15px; color: #fff; background: rgba(8, 38, 83, 1); border: 2px solid transparent; font-size: 14px; font-weight: 700; text-transform: uppercase; text-decoration: none; letter-spacing: 0; border-radius: 0; box-shadow: none; -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.btn-mod:hover, .btn-mod:focus, a.btn-mod:hover, a.btn-mod:focus {font-weight: 700; color: rgba(255, 255, 255, .85); background: rgba(153, 153, 153, 1); text-decoration: none; outline: none; border-color: transparent; box-shadow: none;}
.btn-mod:active {cursor: pointer !important; outline: none !important;}
.btn-mod.btn-small {height: auto; padding: 6px 17px; font-size: 11px; letter-spacing: 1px;}
.btn-mod.btn-medium {height: auto; padding: 8px 37px 5px 37px; font-size: 14px;}
.btn-mod.btn-large {height: auto; padding: 12px 45px; font-size: 13px;}
.btn-mod.btn-glass {color: rgba(255, 255, 255, .75); background: rgba(0, 0, 0, .40);}
.btn-mod.btn-glass:hover, .btn-mod.btn-glass:focus {color: rgba(255, 255, 255, 1); background: rgba(0, 0, 0, 1);}
.btn-mod.btn-border {color: #151515; border: 2px solid #151515; background: transparent;}
.btn-mod.btn-border:hover, .btn-mod.btn-border:focus {color: #fff; border-color: transparent; background: #000;}
.btn-mod.btn-border-c {color: #e41919; border: 2px solid #e41919; background: transparent;}
.btn-mod.btn-border-c:hover, .btn-mod.btn-border-c:focus {color: #fff; border-color: transparent; background: #e41919;}
.btn-mod.btn-border-w {color: #fff; border: 2px solid rgba(255, 255, 255, .75); background: transparent;}
.btn-mod.btn-border-w:hover, .btn-mod.btn-border-w:focus {color: #111; border-color: transparent; background: #fff;}
.btn-mod.btn-w {color: #111; background: rgba(255, 255, 255, .8);}
.btn-mod.btn-w:hover, .btn-mod.btn-w:focus {color: #111; background: #fff;}
.btn-mod.btn-w-color {color: #e41919; background: #fff;}
.btn-mod.btn-w-color:hover, .btn-mod.btn-w-color:focus {color: #151515; background: #fff;}
.btn-mod.btn-gray {color: #777; background: #e5e5e5;}
.btn-mod.btn-gray:hover, .btn-mod.btn-gray:focus {color: #444; background: #d5d5d5;}
.btn-mod.btn-color {color: #fff; background: #e41919;}
.btn-mod.btn-color:hover, .btn-mod.btn-color:focus {color: #fff; background: #e41919; opacity: .85;}
.btn-mod.btn-circle {border-radius: 30px;}
.btn-mod.btn-round {border-radius: 2px;}
.btn-icon {position: relative; border: none; overflow: hidden;}
.btn-icon.btn-small {overflow: hidden;}
.btn-icon > span {width: 100%; height: 50px; line-height: 50px; margin-top: -25px; position: absolute; top: 50%; left: 0; color: #777; font-size: 48px; opacity: .2; -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.btn-icon:hover > span {opacity: 0; -webkit-transform: scale(2); transform: scale(2);}
.btn-icon > span.white {color: #fff;}
.btn-icon > span.black {color: #000;}
.btn-full {width: 100%;}

/* ============================== Forms Fields ============================== */
.form input[type="text"] {display: inline-block; height: 30px; vertical-align: middle; font-size: 16px; font-weight: 400; text-transform: none; letter-spacing: 0; color: #666; border: 1px solid rgba(8, 38, 83, 1); padding-left: 7px; padding-right: 7px; border-radius: 0; box-shadow: none; box-sizing: border-box; -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.form input[type="text"]:hover {border-color: rgba(102, 102, 102, 1);}
.form input[type="text"]:focus {color: #082653; border-color: rgba(153, 153, 153, 1); box-shadow: 0 0 3px rgba(8, 38, 83, .25); outline: none;}
.form input[type="text"].input-lg {height: 46px; padding-left: 15px; padding-right: 15px; font-size: 16px;}
.form textarea {resize: vertical; font-size: 16px; font-weight: 400; text-transform: none !important; letter-spacing: 0; color: #666; border-color: rgba(8, 38, 83, 1); outline: none; box-shadow: none; border-radius: 0;}
.form textarea:hover {border-color: rgba(102, 102, 102, 1);}
.form textarea:focus {color: #111; border-color: rgba(153, 153, 153, 1); box-shadow: 0 0 3px rgba(8, 38, 83, .25);}
.form .form-group {margin-bottom: 10px;}
.form input.error {border-color: #e41919;}
.form div.error {margin-top: 20px; padding: 13px 20px; text-align: center; background: rgba(228, 25, 25, .75); color: #fff;}
.form div.success {margin-top: 20px; padding: 13px 20px; text-align: center; background: rgba(50, 178, 95, .75); color: #fff;}
.form-tip {font-size: 14px; color: #666;}
.form-tip .fa {font-size: 16px; color: #082653;}
/* ============================== Home Sections ============================== */
.home-section {width: 100%; display: block; position: relative; overflow: hidden; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;}
.home-content {display: table; width: 100%; height: 100%; text-align: center;}
.home-content {position: relative;}
.home-text {display: table-cell; height: 100%; vertical-align: middle;}
@-webkit-keyframes scroll-anim {
  0% {bottom: 2px;}
  50% {bottom: 5px;}
  100% {bottom: 2px;}
}
@keyframes scroll-anim {
  0% {bottom: 2px;}
  50% {bottom: 5px;}
  100% {bottom: 2px;}
}
.scroll-down {width: 44px; height: 44px; margin-left: -22px; position: absolute; bottom: 30px; left: 50%; text-align: center; text-decoration: none; -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.scroll-down:before {display: block; content: ""; width: 22px; height: 22px; margin: 0 0 0 -10px; position: absolute; bottom: 0; left: 50%; background: #fff; border-radius: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); z-index: 1;}
.scroll-down:hover:before {opacity: .6;}
.scroll-down-icon {display: block; width: 11px; height: 11px; margin-left: -7px; position: absolute; left: 49%; bottom: 5px; color: #082653; font-size: 15px; -webkit-animation: scroll-anim 1s infinite; animation: scroll-anim 1s infinite; z-index: 2;}
.bg-video-wrapper {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0;}
.bg-video-overlay {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}
.bg-video-wrapper video {max-width: inherit; height: inherit; z-index: 0;}
.hs-line-4 {font-family: "HelveticaNeueLT Std Bold", arial, sans-serif; margin-top: 0; position: relative; font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; color: rgba(255, 255, 255, 1);}
.hs-line-11 {font-family: "HelveticaNeueLT Std Bold", arial, sans-serif; margin-top: 0; position: relative; font-size: 48px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; line-height: 1.8; opacity: 1;}
.no-transp {opacity: 1 !important;}
.fullwidth-galley-content {position: absolute; top: 0; left: 0; width: 100%; z-index: 25;}
/* ============================== Classic Menu Bar ============================== */
.nav-logo-wrap {float: left; margin-right: 20px;}
.nav-logo-wrap .logo {display: table-cell; vertical-align: middle; max-width: 285px; height: 75px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.nav-logo-wrap .logo img {max-height: 100%;}
.nav-logo-wrap .logo:before, .nav-logo-wrap .logo:after {display: none;}
.logo, a.logo:hover {font-family: Arial, sans-serif; font-size: 18px; font-weight: 400 !important; text-transform: uppercase; letter-spacing: 0.2em; text-decoration: none; color: rgba(0, 0, 0, .9);}
/* Desktop Nav */
.main-nav {width: 100%; height: 75px !important; position: relative; top: 0; left: 0; text-align: left; background: rgba(255, 255, 255, .97); box-shadow: 0 1px 0 rgba(0, 0, 0, .05); z-index: 1030; -webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.small-height {height: 55px !important;}
.small-height .inner-nav ul li a {height: 55px !important; line-height: 55px !important;}
.inner-nav {display: inline-block; position: relative; float: right;}
.inner-nav ul {float: right; margin: auto; font-family: "HelveticaNeueLT Std Bold", arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; text-align: center; line-height: 1.3;}
.inner-nav ul li {float: left; margin-left: 20px; position: relative;}
.inner-nav ul li a {color: #FFFFFF; letter-spacing: 0; display: inline-block; box-sizing: border-box; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.inner-nav ul > li:first-child > a {}
.inner-nav ul li a:hover, .inner-nav ul li a.active {color: #D70017; text-decoration: none;}
.fa-2x {font-size: 1.33333333em; line-height: .75em; vertical-align: -15%;}
/* Menu Sub */
.mn-sub {display: none; width: 280px; position: absolute; top: 100%; left: 0; padding: 0; background: rgba(8, 38, 83, .95);}
.mn-sub li {display: block; width: 100%; margin: 0 !important;}
.mn-sub li:first-child > a {border-top: 1px solid #FFFFFF;}
.inner-nav ul li .mn-sub li a {display: block; width: 100%; height: auto !important; line-height: 1.3 !important; position: relative; box-sizing: border-box; margin: 0; padding: 15px 15px 10px 15px; font-size: 12px; text-align: left; text-transform: none; border-left: none; border-right: none; letter-spacing: 0; color: #FFFFFF !important; cursor: pointer;}
.mobile-on .mn-has-multi > li:last-child > a {border-bottom: 1px solid rgba(255, 255, 255, .1) !important;}
.mn-sub li a:hover, .inner-nav ul li .mn-sub li a:hover, .mn-sub li a.active {background: rgba(255, 255, 255, .035); color: #d70017 !important;}
.mn-sub li ul {left: 100%; right: auto; top: 0; border-left: 1px solid rgba(255, 255, 255, .035);}
.inner-nav > ul > li:last-child .mn-sub, .inner-nav li .mn-sub.to-left {left: auto; right: 0;}
.inner-nav li:last-child .mn-sub li ul, .inner-nav li .mn-sub li ul.to-left {left: auto; right: 100%; top: 0; border-left: none; border-right: 1px solid rgba(255, 255, 255, .035);}
.mobile-on .inner-nav li:last-child .mn-sub li ul {left: auto; right: auto; top: 0;}
.mn-wrap {padding: 8px;}
/* Menu Sub Multi */
.mn-has-multi {width: auto !important; padding: 15px; text-align: left; white-space: nowrap;}
.mn-sub-multi {width: 190px !important; overflow: hidden; white-space: normal; float: none !important; display: inline-block !important; vertical-align: top;}
.mn-sub-multi > ul {width: auto; margin: 0; padding: 0; float: none;}
.mn-group-title {font-weight: 700; text-transform: uppercase; color: #fff !important;}
.mn-group-title:hover {background: none !important;}
.mobile-on .mn-sub-multi > ul {left: auto; right: auto; border: none;}
.mobile-on .mn-sub-multi {display: block; width: 100% !important;}
.mobile-on .mn-sub-multi > ul > li:last-child > a {border: none !important;}
.mobile-on .mn-sub > li:last-child > a {border: none !important;}
.mobile-on .mn-sub-multi:last-child > ul {border-bottom: none !important;}

/* Mobile Nav */
.mobile-on .desktop-nav {display: none; width: 100%; position: absolute; top: 100%; left: 0; padding: 0 15px; z-index: 100;}
.mobile-on .full-wrapper .desktop-nav {padding: 0;}
.mobile-on .desktop-nav ul {width: 100%; float: none; background: rgba(8, 38, 83, .95); position: relative; overflow-x: hidden;}
.mobile-on .desktop-nav > ul {overflow-y: auto;}
.mobile-on .desktop-nav ul li {display: block; float: none !important; overflow: hidden;}
.mobile-on .desktop-nav ul li ul {padding: 0; border-bottom: 1px solid rgba(255, 255, 255, .1);}
.mobile-on .desktop-nav ul li a {display: block; width: 100%; height: 38px !important; line-height: 38px !important; position: relative; box-sizing: border-box; padding: 0 10px; text-align: left; border-left: none; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, .1); color: #FFFFFF; letter-spacing: 0; cursor: pointer;}
.mobile-on .desktop-nav ul li a:hover, .mobile-on .desktop-nav ul li a.active {background: rgba(255, 255, 255, .035); color: #d70017;}
/* Menu Sub */
.mobile-on .mn-has-sub > .fa {display: block; width: 18px; height: 18px; font-size: 12px; line-height: 16px; position: absolute; top: 50%; right: 10px; margin-top: -8px; text-align: center; border: 1px solid rgba(255, 255, 255, .1); border-radius: 50%;}
.mobile-on .js-opened > .mn-has-sub > .fa {border-color: rgba(255, 255, 255, .4); line-height: 14px;}
.mobile-on .inner-nav li {margin: 0 !important;}
.mobile-on .mn-sub {display: none; opacity: 0; position: relative; left: 0 !important; right: 0; top: 0; bottom: 0; border-left: none !important; border-right: none !important; border-top: none; z-index: 10;}
.mobile-on .mn-sub li {padding-left: 10px;}
.inner-nav li.js-opened .mn-sub {opacity: 1;}
.mobile-nav {display: none; float: right; vertical-align: middle; font-size: 11px; font-weight: 400; text-transform: uppercase; border-left: 1px solid rgba(0, 0, 0, .05); border-right: 1px solid rgba(0, 0, 0, .05); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -webkit-transition-property: background, color; transition-property: background, color;}
.mobile-nav:hover, .mobile-nav.active {background: #fff; color: #777;}
.mobile-nav:active {box-shadow: 0 0 35px rgba(0, 0, 0, .05) inset;}
.no-js .mobile-nav {width: 55px; height: 55px;}
.mobile-on .mobile-nav {display: table;}
.mobile-nav .fa {height: 100%; display: table-cell; vertical-align: middle; text-align: center; font-size: 21px;}
/* Menu Sub Multi */
.mobile-on .mn-has-multi {width: auto; padding: 0; text-align: left; white-space: normal;}
.mobile-on .mn-sub {width: 100%; float: none; position: relative; overflow-x: hidden;}
/* Dark Panel Style */
.main-nav.dark {background-color: rgba(255, 255, 255, .95); box-shadow: none; border-bottom: 1px solid #FFFFFF;}
.main-nav.dark .inner-nav ul > li > a {color: rgba(255, 255, 255, 1);}
.main-nav.dark .inner-nav ul > li > a:hover, .main-nav.dark .inner-nav ul > li > a.active {color: #d70017;}
.main-nav.dark .mobile-nav {background-color: transparent; border-color: transparent; color: rgba(8, 38, 83, .95);}
.main-nav.dark .mobile-nav:hover, .main-nav.dark .mobile-nav.active {color: #d70017;}
.main-nav.mobile-on.dark .inner-nav {border-top: 1px solid rgba(100, 100, 100, .4);}
.main-nav.dark .logo, .main-nav.dark a.logo:hover {font-size: 18px; font-weight: 700; text-transform: uppercase; text-decoration: none; color: rgba(255, 255, 255, .9);}
.main-nav.dark .mn-sub {box-shadow: none;}
.main-nav.dark .mn-soc-link {border: 1px solid rgba(255, 255, 255, .2);}
.main-nav.dark .mn-soc-link:hover {border: 1px solid rgba(255, 255, 255, .3);}
/* Transparent Panel Style */
.main-nav.transparent {background: transparent !important;}
.main-nav.js-transparent {-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
/* Centered Menu */
.mn-centered {text-align: center;}
.mn-centered .inner-nav {float: none;}
.mn-centered .inner-nav > ul {float: none; display: inline-block; margin-left: auto; margin-right: auto;}
.mn-centered .inner-nav > ul > li:first-child {margin-left: 0;}
.mn-centered .mobile-nav {float: none; margin-left: auto; margin-right: auto;}
/* Aligned Left Menu */
.mn-align-left {}
.mn-align-left .inner-nav {float: none; width: 100%;}
.mn-align-left .inner-nav > ul {float: none; margin-left: auto; margin-right: auto;}
.mn-align-left .inner-nav > ul > li:first-child {margin-left: 0;}
.mn-align-left .mobile-nav {float: none; margin-left: auto; margin-right: auto;}
/* Menu Social Links */
.mn-soc-link {width: 34px; height: 34px; line-height: 33px; text-align: center; font-size: 12px; display: inline-block; border: 1px solid rgba(0, 0, 0, .1); border-radius: 50%; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.mn-soc-link:hover {border: 1px solid rgba(0, 0, 0, .25);}
.main-nav .tooltip {font-size: 12px; text-transform: none; letter-spacing: 0;}
/* ============================== Sections Styles ============================== */
.page-section, .small-section, .tiny-section {width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; box-sizing: border-box; padding: 140px 0;}
.small-section {padding: 70px 0;}
.tiny-section {padding: 40px 0;}
.small-title {padding: 0; margin: 0 0 30px 0; text-transform: uppercase; font-size: 18px; font-weight: 300; letter-spacing: 0.3em;}
.section-icon {margin-bottom: 7px; text-align: center; font-size: 32px;}
.small-title .serif {text-transform: none; font-weight: 400;}
.small-title.white {color: #fff;}
.bg-scroll {background-attachment: scroll !important;}
.bg-pattern {background-repeat: repeat; background-size: auto;}
.bg-pattern-over:before, .bg-pattern-over .YTPOverlay:after {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: repeat; background-size: auto; background-image: url('/assets/pattern.png');}
.bg-gray {background-color: #f4f4f4;}
.bg-gray-lighter {background-color: #f8f8f8;}
.bg-dark, .bg-dark-lighter, .bg-dark-alfa-30, .bg-dark-alfa-50, .bg-dark-alfa-70, .bg-dark-alfa-90, .bg-dark-alfa, .bg-color, .bg-color-lighter, .bg-color-alfa-30, .bg-color-alfa-50, .bg-color-alfa-70, .bg-color-alfa-90, .bg-color-alfa {color: #fff;}
.bg-dark a, .bg-dark-lighter a, .bg-dark-alfa-30 a, .bg-dark-alfa-50 a, .bg-dark-alfa-70 a, .bg-dark-alfa-90 a, .bg-dark-alfa a, .bg-color a, .bg-colorlighter a, .bg-color-alfa-30 a, .bg-color-alfa-50 a, .bg-color-alfa-70 a, .bg-color-alfa-90 a, .bg-color-alfa a {color: rgba(255, 255, 255, .8); padding-bottom: 3px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.bg-dark a:hover, .bg-dark-lighter a:hover, .bg-dark-alfa-30 a:hover, .bg-dark-alfa-50 a:hover, .bg-dark-alfa-70 a:hover, .bg-dark-alfa-90 a:hover, .bg-dark-alfa a:hover, .bg-color a:hover, .bg-color-lighter a:hover, .bg-color-alfa-30 a:hover, .bg-color-alfa-50 a:hover, .bg-color-alfa-70 a:hover, .bg-color-alfa-90 a:hover, .bg-color-alfa a:hover {color: rgba(255, 255, 255, 1); text-decoration: none;}
.bg-color .text, .bg-color-lighter .text, .bg-color-alfa-30 .text, .bg-color-alfa-50 .text, .bg-color-alfa-70 .text, .bg-color-alfa-90 .text, .bg-color-alfa .text, .bg-color .section-text, .bg-color-lighter .section-text, .bg-color-alfa-30 .section-text, .bg-color-alfa-50 .section-text, .bg-color-alfa-70 .section-text, .bg-color-alfa-90 .section-text, .bg-color-alfa .section-text {color: rgba(255, 255, 255, .75);}
.bg-color .white, .bg-color-lighter .whitet, .bg-color-alfa-30 .white, .bg-color-alfa-50 .white, .bg-color-alfa-70 .white, .bg-color-alfa-90 .white, .bg-color-alfa .white {color: #fff;}
.bg-dark {background-color: #111;}
.bg-dark-lighter {background-color: #252525;}
.bg-dark-alfa:before, .bg-dark-alfa .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(17, 17, 17, .97);}
.bg-dark-alfa-30 .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34, 34, 34, .3);}
@keyframes color-change-5x {
  0% {background-color: rgba(0, 0, 102, .7);}
  25% {background-color: rgba(51, 102, 204, .5);}
  50% {background-color: rgba(0, 153, 255, .5);}
  75% {background-color: rgba(0, 51, 153, .5);}
  100% {background-color: rgba(8, 38, 83, .6);}
}
.bg-dark-alfa-30:before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: transparent; animation: color-change-5x 8s linear infinite alternate both;}
.bg-dark-alfa-50:before, .bg-dark-alfa-50 .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34, 34, 34, .5);}
.bg-dark-alfa-70:before, .bg-dark-alfa-70 .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(17, 17, 17, .7);}
.bg-dark-alfa-90:before, .bg-dark-alfa-90 .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(3, 3, 3, .9);}
.bg-light-alfa:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252, 252, 252, .97);}
.bg-light-alfa-30:before, .bg-light-alfa-30 .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252, 252, 252, .30);}
.bg-light-alfa-50:before, .bg-light-alfa-50 .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252, 252, 252, .50);}
.bg-light-alfa-70:before, .bg-light-alfa-70 .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252, 252, 252, .7);}
.bg-light-alfa-90:before, .bg-light-alfa-90 .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252, 252, 252, .9);}
.bg-color {background-color: #e41919;}
.bg-color-alfa:before, .bg-color-alfa .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .97;}
.bg-color-alfa-30:before, .bg-color-alfa-30 .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .3;}
.bg-color-alfa-50:before, .bg-color-alfa-50 .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .5;}
.bg-color-alfa-70:before, .bg-color-alfa-70 .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .7;}
.bg-color-alfa-90:before, .bg-color-alfa-90 .YTPOverlay:before {content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .9;}
.bg-orange {background-color: #f47631 !important;}
.bg-yellow {background-color: #ffce02 !important;}
.bg-cyan {background-color: #27c5c3 !important;}
.bg-green {background-color: #58bf44 !important;}
.bg-blue {background-color: #43a5de !important;}
.bg-purple {background-color: #375acc !important;}
.bg-red {background-color: #e13939 !important;}
.section-title {margin-bottom: 15px; font-size: 18px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 0.5em; line-height: 1.4;}
.section-more {margin-top: 7px; color: #999; font-size: 11px; font-weight: 400; letter-spacing: 0.4em; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.section-more:hover {text-decoration: none; color: #000;}
.section-more .fa {font-size: 12px;}
.section-heading {margin-bottom: 15px; font-size: 24px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 0.5em; line-height: 1.3;}
.section-line {width: 55px; height: 1px; margin: 30px auto; background: #111;}
.section-text {font-size: 15px; font-weight: 300; color: #777; line-height: 1.7;}
.section-text blockquote {margin-top: -5px;}
.section-bot-image {margin: 140px 0 -140px; text-align: center; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0);}

/* Breadcrumbs */
.mod-breadcrumbs {margin-top: -5px; font-size: 11px; font-weight: 400; letter-spacing: 0.4em; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.mod-breadcrumbs span {opacity: .65;}
.mod-breadcrumbs a {text-decoration: none;}
.mod-breadcrumbs a:hover {text-decoration: none;}
.mod-breadcrumbs .fa {font-size: 12px;}
.mod-breadcrumbs-mini {text-align: left;}
.home-bot-image {width: 100%; position: absolute; bottom: 0; left: 0; text-align: center;}
.fixed-height-large, .fixed-height-medium, .fixed-height-small {box-sizing: border-box;}
.fixed-height-large {min-height: 800px;}
.fixed-height-medium {min-height: 700px;}
.fixed-height-small {min-height: 400px;}

/* Split Section */
.split-section {width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.split-section-headings {width: 50%; position: relative; overflow: hidden; text-align: center; background-size: cover;}
.ssh-table {width: 100%; min-height: 500px; display: table;}
.ssh-cell {display: table-cell; padding-left: 10px; padding-right: 10px; vertical-align: middle; background-size: cover;}
.split-section-content {width: 50%; position: relative; overflow: hidden; background-size: cover;}
.split-section-wrapper {padding: 0 80px;}
/* ============================== Testimonial ============================== */
/* Logotypes */
.logo-item {height: 80px; text-align: center; opacity: .75; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.logo-item:hover {opacity: 1;}
.logo-item img {position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

/* ============================== Post Previews ============================== */
.post-grid {}
.post-prev-img {margin-bottom: 23px; position: relative;}
.post-prev-img a {-webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.post-prev-img a:hover {opacity: .85;}
.post-prev-img img {width: 100%;}
.post-prev-title {margin-bottom: 0; font-family: "HelveticaNeueLT Std Bold", arial, sans-serif; font-size: 22px; text-transform: uppercase; letter-spacing: 0;}
.post-prev-title a {color: #082653; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.post-prev-title a:hover {color: #666666;}
.post-prev-info, .post-prev-info a {margin-bottom: 15px; margin-top: 0; font-family: "HelveticaNeueLT Std Bold", arial, sans-serif; font-size: 16px; text-decoration: none; color: #666; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.post-prev-info a:hover {color: #082653;}
.post-prev-text {margin-bottom: 22px; color: #777; font-size: 15px; font-weight: 300; line-height: 1.75;}
/* ============================== Newsletter ============================== */
.newsletter-label {margin-bottom: 15px; font-size: 16px; font-weight: 400; text-transform: none; letter-spacing: 0.3em;}
.form input.newsletter-field {max-width: 293px; text-transform: none;}
.form input.newsletter-field:hover {}
.form input.newsletter-field:focus {}
.form input.newsletter-field::-webkit-input-placeholder {color: #777;}
.form input.newsletter-field:focus::-webkit-input-placeholder {color: #111;}
.form input.newsletter-field:-moz-placeholder {color: #777;}
.form input.newsletter-field:focus:-moz-placeholder {color: #111;}
.form input.newsletter-field::-moz-placeholder {color: #777;}
.form input.newsletter-field:focus::-moz-placeholder {color: #111;}
.form input.newsletter-field:-ms-input-placeholder {color: #777;}
.form input.newsletter-field:focus:-ms-input-placeholder {color: #111;}

/* ============================== Contact Section ============================== */
.contact-item {position: relative; padding-left: 50px; color: #666666; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.contact-item a {color: #666666; text-decoration: none;}
.contact-item a:hover {color: #082653; text-decoration: none;}
.contact-icon {position: absolute; top: 0; left: 0; width: 35px; height: 35px; color: #082653; text-align: center;}
.ci-icon {width: 23px; height: 23px; position: absolute; top: 10px; left: 3px; color: #fff; text-align: center; line-height: 23px;}
.ci-icon:before {content: " "; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: #111; border-radius: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ci-icon i, .ci-icon span {position: relative;}
.ci-title {margin-bottom: 1px; color: #082653; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0;}
.ci-text {font-size: 16px; font-weight: 400;}
.cf-left-col {width: 49.4%; float: left; margin-right: 1.2%;}
.cf-right-col {width: 49.4%; float: left;}
.contact-form .form-group {margin-bottom: 24px;}
/* ============================== Google Maps ============================== */
.google-map {position: relative; background: #111; border-radius: 5px;}
#gmap_canvas {position: relative; height: 600px; background-color: #111 !important; z-index: 1;}
#gmap_canvas img {max-width: none !important; background: none !important;}
#map-canvas {height: 410px; position: relative; background-color: #111 !important; z-index: 1;}
.gm-style-cc {display: none !important;}
.gm-style-iw div {color: #777;}
.map-section {width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; padding: 0 !important; background: rgba(17, 17, 17, .93); z-index: 2; cursor: pointer; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.map-section:hover {background: rgba(17, 17, 17, .90);}
.map-toggle {width: 200px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -100px; color: #fff; text-align: center;}
.mt-icon {width: 27px; height: 27px; line-height: 27px; margin: 6px auto 25px; position: relative; color: #111; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.mt-icon:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; border-radius: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mt-icon i, .mt-icon span {position: relative;}
.mt-text {margin-left: 12px; font-size: 16px; text-transform: uppercase; letter-spacing: 0.3em; color: rgba(255, 255, 255, .75);}
.mt-close {display: none;}

/* Map Opened */
.map-section.js-active {height: 50px; background: rgba(17, 17, 17, .75);}
.map-section.js-active:hover {background: rgba(17, 17, 17, .85);}
.map-section.js-active .mt-icon {opacity: 0;}
.map-section.js-active .mt-text {position: relative; top: -20px;}

/* ============================== Footer ============================== */
.footer {text-align: center; font-size: 12px; color: #FFFFFF; background: url('/assets/fondo_titulo_productos.jpg') bottom center; background-size: cover;}
.footer a {color: #888; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.footer a:hover {color: #111; text-decoration: underline;}
.footer-copy {margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0;}
.footer-made {font-size: 12px; color: #FFFFFF;}
.footer-social-links {font-size: 14px;}
.footer-social-links a {width: 25px; height: 25px; line-height: 25px !important; position: relative; margin: 0 6px; text-align: center; display: inline-block; color: #111; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.footer-social-links a i, .footer-social-links a span {position: relative; top: 0; left: 0;}
.footer-social-links a:before {content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #111; border-radius: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.footer-social-links a:hover {color: #fff;}
.footer-social-links a:hover:before {background: #111;}
a.link-to-top {position: absolute; bottom: 20px; right: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: rgba(0, 0, 0, .2); font-size: 48px;}

/* ============================== Blog ============================== */
.blog-item {margin-bottom: 100px; position: relative;}
.blog-item-date {width: 100px; padding: 10px; position: absolute; top: 0px; left: -130px; font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 1.3; text-transform: uppercase; text-align: center; color: #666666; border-right: 2px solid #082653;}
.date-num {display: block; margin-bottom: 3px; font-size: 32px; font-weight: 700; color: #082653;}
.blog-media {margin-bottom: 20px;}
.blog-media .video, .blog-media iframe {width: 100%;}
.blog-media img {width: 100%; display: block; height: auto;}
.blog-item-title {margin: 0 0 .1em 0; padding: 0; font-family: "HelveticaNeueLT Std Bold", arial, sans-serif; font-size: 32px; font-weight: 700; text-transform: none; color: #082653; }
.blog-item-title a {color: #082653; text-decoration: none;}
.blog-item-title a:hover {color: #666666; text-decoration: none;}
.blog-item-data {margin-bottom: 40px; text-transform: none; font-size: 16px; letter-spacing: 0; color: #666666;}
.separator {margin: 0 5px;}
.blog-item-data a {color: #082653; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.blog-item-data a:hover {color: #666666; text-decoration: none;}
.blog-post-data {margin-top: 10px; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; color: #aaa;}
.blog-item-body {font-size: 16px; font-weight: 400; color: #666666; line-height: 1.8;}
.blog-item-body h1, .blog-item-body h2, .blog-item-body h3, .blog-item-body h4, .blog-item-body h5, .blog-item-body h6 {margin: 1.3em 0 0.5em 0;}
.blog-item-more {border: 1px solid #eaeaea; padding: 5px 10px; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #777; letter-spacing: 1px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.blog-item-more:hover {text-decoration: none; border-color: #111;}
a.blog-item-more {color: #777; text-decoration: none;}
a.blog-item-more:hover {color: #111;}
.blog-item-q {background: none; border: none; padding: 0; margin: 1em 0;}
.blog-item-q p {position: relative; background: #f8f8f8; padding: 17px 20px; font-size: 18px; font-weight: 300; font-style: normal; letter-spacing: 0;}
.blog-item-q p a {color: #555; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.blog-item-q:hover a, .blog-item-q p a:hover {text-decoration: none; color: #777;}
.blog-item-q p:before, .blog-item-q p:after {-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.blog-item-q p:before {content: '"'; position: absolute; top: 10px; left: 10px;}
.blog-item-q p:after {content: '"';}
.blog-item-q p:hover:before, .blog-item-q p:hover:after {color: #777;}
.blog-page-title {margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #eee;}

/* Pagination */
.pagination {font-size: 13px; font-family: Arial, sans-serif;}
.pagination a {display: inline-block; min-width: 30px; box-sizing: border-box; padding: 7px 14px; border: 1px solid #eaeaea; color: #999; font-size: 13px; font-weight: 400; text-transform: uppercase; text-align: center; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.pagination .fa {margin-top: 1px; font-size: 16px;}
.pagination a:hover {text-decoration: none; border-color: #bbb; color: #444;}
.pagination a.active, .pagination a.active:hover {border-color: #bbb; color: #444; cursor: default;}
.pagination a.no-active, .pagination a.no-active:hover {border-color: #efefef; color: #bbb; cursor: default;}

/* Comments */
.comment-list {}
.comment-item {padding-top: 30px !important; border-top: 1px dotted #e9e9e9; font-size: 14px; overflow: hidden;}
.comment-item:first-child {padding-top: 0; border-top: none;}
.media-body {overflow: hidden;}
.comment-avatar {width: 50px; margin-right: 10px; border-radius: 50%;}
.comment-item-data {margin: 0 0 5px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #777;}
.comment-item-data a {color: #777; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.comment-item-data a:hover {color: #000; text-decoration: none;}
.comment-author {display: inline-block; margin-right: 20px; font-size: 11px; font-weight: 700;}
.comment-author a {color: #999;}

/* Sidebar */
.sidebar {margin-top: 10px;}
.widget {margin-bottom: 60px;}
.widget .img-left {margin: 0 10px 10px 0;}
.widget .img-right {margin: 0 0 10px 10px;}
.widget-title {margin-bottom: 20px; padding-bottom: 5px; text-transform: uppercase; font-size: 14px; font-weight: 400; color: #777; border-bottom: 1px solid #ccc;}
.widget-body {font-size: 13px; color: #777;}
.widget-text {line-height: 1.7;}

/* Widget Menu */
.widget-menu {font-size: 13px;}
.widget-menu li {padding: 5px 0;}
.widget-menu li a {color: #555; text-decoration: none; padding-bottom: 2px; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.widget-menu li a:hover, .widget-menu li a.active {color: #999;}
.widget-menu li small {font-size: 11px; color: #aaa;}

/* Widget Tags */
.tags {}
.tags a {display: inline-block; margin: 0 2px 5px 0; padding: 5px 7px; border: 1px solid #e9e9e9; color: #777; font-size: 11px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.tags a:hover {text-decoration: none; border-color: #333; color: #111;}

/* Comments */
.widget-comments {color: #aaa;}
.widget-comments li {padding: 12px 0; border-bottom: 1px dotted #eaeaea;}
.widget-comments li a {color: #555; text-decoration: none; -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.widget-comments li a:hover {color: #999;}

/* Posts */
.widget-posts {color: #aaa;}
.widget-posts li {padding: 10px 0; border-bottom: 1px solid #082653;}
.widget-posts li a {font-family: "HelveticaNeueLT Std Bold", arial, sans-serif; font-size: 16px; display: block; color: #666666; text-decoration: none; -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.widget-posts li a:hover {color: #082653;}
.widget-posts li:last-child {padding: 10px 0 0 0; border-bottom: none;}
.widget-posts li:last-child a {font-size: 16px;}
.widget-posts-img {float: left; margin: 0 7px 0 0;}
.widget-posts-descr {overflow: hidden;}

/* ============================== Shortcodes ============================== */
.margin-block {margin-bottom: 30px;}

/* Owl Carousel */
.owl-carousel {overflow: hidden;}
.owl-buttons {position: static;}
.owl-prev, .owl-next {opacity: 0; display: block; position: absolute; top: 50%; margin-top: -50px; width: 105px; height: 105px; line-height: 105px; font-size: 16px; text-align: center; color: #111; z-index: 6; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.owl-prev {left: -50px;}
.owl-next {right: -50px;}
.owl-prev:before, .owl-next:before {content: ""; display: block; width: 66%; height: 66%; position: absolute; top: 17px; left: 0; background: #fff; border-radius: 2px; box-shadow: 1px 1px 0px rgba(0, 0, 0, .1); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.owl-next:before {left: auto; right: 0;}
.owl-prev .fa, .owl-next .fa {position: relative;}
.owl-prev:hover, .owl-next:hover {-webkit-transition: 0 none !important; transition: 0 none !important;}
.owl-prev:hover:before, .owl-next:hover:before {opacity: 0.87;}
.owl-prev:active:before, .owl-next:active:before {opacity: 0.6;}
.owl-carousel:hover .owl-prev {opacity: 1; left: -35px;}
.owl-carousel:hover .owl-next {opacity: 1; right: -35px;}
.owl-pagination {display: block; width: 100%; position: absolute; bottom: 30px; left: 0; text-align: center;}
.owl-page {display: inline-block; padding: 6px 4px; position: relative;}
.owl-page span {width: 6px; height: 6px; display: block; background: rgba(255, 255, 255, .7); position: relative; z-index: 1000 !important; border-radius: 4px; box-shadow: 1px 1px 0px rgba(0, 0, 0, .1); -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.owl-page:hover span {background: rgba(255, 255, 255, 1);}
.owl-page.active span {background: transparent; border: 1px solid rgba(255, 255, 255, .8); -webkit-transform: scale(1.3333333); transform: scale(1.3333333);}
.item-carousel .owl-prev {left: -125px;}
.item-carousel .owl-next {right: -125px;}
section:hover .item-carousel.owl-carousel .owl-prev {opacity: 1; left: -80px;}
section:hover .item-carousel.owl-carousel .owl-next {opacity: 1; right: -80px;}
.item-carousel {margin-bottom: -50px; padding-bottom: 50px;}
.item-carousel .owl-pagination {bottom: 0;}
.work-full-slider .owl-pagination, .content-slider .owl-pagination {bottom: 15px;}
.single-carousel, .small-item-carousel {margin-bottom: 35px;}
.single-carousel .owl-pagination, .small-item-carousel .owl-pagination {position: relative; left: 0; top: 35px; margin: 0;}
.single-carousel.black .owl-page span, .small-item-carousel.black .owl-page span {background: rgba(0, 0, 0, .15); box-shadow: none;}
.single-carousel.black .owl-page:hover span, .small-item-carousel.black .owl-page:hover span {background: rgba(0, 0, 0, .4);}
.single-carousel.black .owl-page.active span, .small-item-carousel.black .owl-page.active span {background: rgba(0, 0, 0, .4);}
.single-carousel.black .owl-prev, .single-carousel.black .owl-next, .small-item-carousel.black .owl-prev, .small-item-carousel.black .owl-next {color: rgba(0, 0, 0, .2); text-shadow: none; box-shadow: none;}
.single-carousel.black .owl-prev:hover, .single-carousel.black .owl-next:hover, .small-item-carousel.black .owl-prev:hover, .small-item-carousel.black .owl-next:hover {color: rgba(0, 0, 0, .35);}
.single-carousel .owl-prev, .small-item-carousel .owl-prev {left: -125px;}
.single-carousel .owl-next, .small-item-carousel .owl-next {right: -125px;}
section:hover .single-carousel .owl-prev, section:hover .small-item-carousel .owl-prev {opacity: 1; left: -80px;}
section:hover .single-carousel .owl-next, section:hover .small-item-carousel .owl-next {opacity: 1; right: -80px;}

/* Alert Messages */
.alert {margin: 0 auto 10px; padding: 14px 20px; box-sizing: border-box; border: 1px solid #ddd; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #777; border-radius: 0;}
.success {border-color: #a9e2c2; color: #36a367;}
.info {border-color: #9ecdfc; color: #297ad3;}
.notice {border-color: #f9ce75; color: #e9a00a;}
.error {border-color: #ffbbbb; color: #e33131;}

/* Accordion */
.accordion > dt {margin-bottom: 10px; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em;}
.accordion > dt > a {display: block; position: relative; color: #777; text-decoration: none; padding: 14px 20px; border: 1px solid #e5e5e5; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.accordion > dt > a:hover {text-decoration: none; border-color: #ddd; background-color: #fcfcfc; color: #444;}
.accordion > dt > a.active {color: #000; border-color: #ddd; background-color: #fcfcfc; cursor: default;}
.accordion > dt > a:after {content: "\f107"; width: 15px; height: 15px; margin-top: -8px; position: absolute; top: 50%; right: 10px; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 15px; line-height: 15px; text-align: center; color: #999; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.accordion > dt > a.active:after, .accordion > dt > a.active:hover:after {content: "\f106"; color: #111;}
.accordion > dt > a:hover:after {color: #444;}
.accordion > dd {margin-bottom: 10px; padding: 10px 20px 20px; font-size: 14px; line-height: 1.8; color: #777;}

/* Toggle */
.toggle > dt {margin-bottom: 10px; font-size: 13px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em;}
.toggle > dt > a {display: block; position: relative; color: #777; text-decoration: none; padding: 14px 20px; border: 1px solid #e5e5e5; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.toggle > dt > a:hover {text-decoration: none; border-color: #ddd; background-color: #fcfcfc; color: #444;}
.toggle > dt > a.active {color: #000; border-color: #ddd; background-color: #fcfcfc;}
.toggle > dt > a:after {content: "\f107"; width: 15px; height: 15px; margin-top: -8px; position: absolute; top: 50%; right: 10px; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 15px; line-height: 15px; text-align: center; color: #999; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.toggle > dt > a.active:after, .toggle > dt > a.active:hover:after {content: "\f106"; color: #111;}
.toggle > dt > a:hover:after {color: #444;}
.toggle > dd {margin-bottom: 10px; padding: 10px 20px 20px; font-size: 14px; line-height: 1.8; color: #777;}

/* Font Icons Examples */
.fa-examples {color: #555; margin-left: 1px;}
.fa-examples > div {padding: 0; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; font-size: 13px;}
.fa-examples > div:hover {background: #f0f0f0; color: #000;}
.fa-examples > div > i {display: inline-block; margin-right: 5px; min-width: 40px; min-height: 40px; border-right: 1px solid #f1f1f1; line-height: 40px; text-align: center; font-size: 14px;}
.fa-examples > div > .muted {margin-left: 5px; color: #999; font-size: 12px;}
.fa-sm {width: 20px; font-size: 14px;}
.et-examples {color: #555; margin-left: 1px; vertical-align: middle;}
.et-examples .box1 {display: block; width: 33%; float: left; padding: 0; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; font-size: 13px;}
@media only screen and (max-width: 1024px){
  .et-examples .box1 {width: 50%;}
}
@media only screen and (max-width: 480px){
  .et-examples .box1 {width: 100%;}
}
.et-examples .box1:hover {background: #f8f8f8; color: #111;}
.et-examples .box1 > span {display: inline-block; margin-right: 5px; min-width: 70px; min-height: 70px; border-right: 1px solid #f1f1f1; line-height: 70px; text-align: center; font-size: 32px;}

/* ============================== Intro Page ============================== */
.intro-image {width: 100%;}
.intro-label {position: absolute; top: 7px; right: 10px; font-size: 17px; text-transform: uppercase; letter-spacing: 0.1em;}
.label-new {background: #f32929; color: white; padding: 2px 3px; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.label-for-button {position: absolute; top: -5px; right: -5px;}
.intro-label-round {width: 50px; height: 50px; position: absolute; top: -5px; right: -5px; color: rgba(255, 255, 255, .85); font-size: 11px; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 1px; line-height: 50px; background: #f32929; border-radius: 50%;}

/* ============================== Special Demos ============================== */

/* Magazine */
.magazine-logo-text {margin-top: 0; position: relative; font-size: 25px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1.8;}
.blog-posts-carousel-item {padding-bottom: 20px;}
.blog-posts-carousel-item .post-prev-title, .blog-posts-carousel-item .post-prev-info {padding: 0 10px;}
.blog-post-prev-small {color: #aaa; font-size: 12px; padding: 12px 0; border-top: 1px dotted #eaeaea;}
.blog-post-prev-small a {font-size: 13px; display: block; color: #555; text-decoration: none; -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.blog-post-prev-small a:hover {color: #999;}
.blog-posts-carousel-alt li img {-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.blog-posts-carousel-alt li:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.blog-slide-info {width: 100%; padding: 30px 30px 30px 30px; position: absolute; bottom: 0; left: 0; text-transform: uppercase; text-align: center; font-size: 11px; letter-spacing: 1px; color: rgba(255, 255, 255, .75); -webkit-box-sizing: border-box; box-sizing: border-box; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)); background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)); background-color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, .65);}
.blog-slide-title {margin-bottom: 6px; font-size: 16px; text-transform: uppercase; letter-spacing: 0.2em;}
.blog-slide-title a {display: block; color: rgba(255, 255, 255, .85); text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.blog-slide-title a:hover {color: rgba(255, 255, 255, 1);}
.blog-slide-data {text-transform: uppercase; font-size: 11px; letter-spacing: 1px;}
.blog-slide-data a {color: rgba(255, 255, 255, .65); text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.blog-slide-data a:hover {color: rgba(255, 255, 255, 1); text-decoration: none;}

/* Landing */
.play-video-link {text-decoration: none; text-transform: uppercase; font-size: 14px; color: #111;}
.play-video-link:hover, .play-video-link:focus {color: #777; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.play-video-link .fa {vertical-align: middle;}
.download-button {display: inline-block; position: relative; padding: 13px 20px 13px 55px; border: 2px solid #111; text-align: left; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.download-button:hover, .download-button:focus {text-decoration: none; color: #111; opacity: .6;}
.db-icon {width: 40px; height: 40px; position: absolute; top: 10px; left: 10px; font-size: 28px; line-height: 40px; text-align: center;}
.db-title {display: block; font-size: 12px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase;}
.db-descr {display: block; font-size: 11px; color: #777; font-weight: 400;}

/* Photography 1 */
.fullwidth-slideshow {cursor: grab; cursor: -webkit-grab; cursor: -moz-grab;}
.fullwidth-slideshow-pager-wrap {cursor: default; width: 100%; position: absolute; bottom: 0; left: 0; padding: 60px 0 20px 0; z-index: 25; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .65))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65)); background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65)); background-color: rgba(0, 0, 0, 0);}
.fullwidth-slideshow-pager-wrap .owl-item {opacity: .7; -webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.fullwidth-slideshow-pager-wrap .owl-item:hover {opacity: 1;}
.fullwidth-slideshow-pager-wrap .owl-item.synced {opacity: 1;}
.fsp-item {margin: 0 2px; cursor: pointer;}
.fsp-item:active {-webkit-transform: scale(0.98); transform: scale(0.98);}
.fsp-item img {width: 100%; border-radius: 2px; box-shadow: 0px 1px 5px rgba(0, 0, 0, .75);}
/* ============================== Vertical Styles ============================== */
.mt-0 {margin-top: 0 !important;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-100 {margin-top: 100px;}
.mt-110 {margin-top: 110px;}
.mt-120 {margin-top: 120px;}
.mt-130 {margin-top: 130px;}
.mt-140 {margin-top: 140px;}
.mb-0 {margin-bottom: 0 !important;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
.mb-130 {margin-bottom: 130px;}
.mb-140 {margin-bottom: 140px;}
.pt-0 {padding-top: 0 !important;}
.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pt-50 {padding-top: 50px;}
.pt-60 {padding-top: 60px;}
.pt-70 {padding-top: 70px;}
.pt-80 {padding-top: 80px;}
.pt-90 {padding-top: 90px;}
.pt-100 {padding-top: 100px;}
.pt-110 {padding-top: 110px;}
.pt-120 {padding-top: 120px;}
.pt-130 {padding-top: 130px;}
.pt-140 {padding-top: 140px;}
.pb-0 {padding-bottom: 0 !important;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}
.pb-50 {padding-bottom: 50px;}
.pb-60 {padding-bottom: 60px;}
.pb-70 {padding-bottom: 70px;}
.pb-80 {padding-bottom: 80px;}
.pb-90 {padding-bottom: 90px;}
.pb-100 {padding-bottom: 100px;}
.pb-110 {padding-bottom: 110px;}
.pb-120 {padding-bottom: 120px;}
.pb-130 {padding-bottom: 130px;}
.pb-140 {padding-bottom: 140px;}
/* ============================== Sueltos ============================== */
.ms {display: inline-block; position: relative; bottom: 5px; margin-left: 5px; margin-right: 5px;}
.lista ul {margin: 0 0 5px 0;}
.sliderxx {width: 100%; display: block; position: relative; overflow: hidden; box-sizing: border-box; padding: 0;}
.product-title > h1 {margin: 0; padding: 0;}
.product-title > h5 {margin: 0; padding: 0;}
.homi {background-image: url('/assets/fondo_home.jpg')}
#logo_home {width: 540px; height: 276px; text-align: center; margin: 0 auto;}
.zoomi {width: 100%; display: block; position: relative; overflow: hidden; background-image: url('/assets/fondo_titulo_productos.jpg'); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; box-sizing: border-box; animation-name: ken-burns; animation-duration: 10s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-fill-mode: forwards; animation-delay: 0s; transition: ease 1s all;}
.text-justify {text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.blog-item-date {width: 120px; left: -140px;}
@keyframes ken-burns {
  0% {background-position: 0 0; background-size: 100%;}
  50% {background-position: 0 0; background-size: 110%;}
  100% {background-position: 0 0; background-size: 100%;}
}
/* ============================== MEDIA QUERYs ============================== */