/* Default Responsive Layouts */
/* Color Variables */
/* Font size Variables */
/* Text tratament */
.bigTitle { text-align: center; }

/* Reset Global Values*/
* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

.container { position: relative; max-width: 1366px; padding: 0px 30px; margin: 0px auto; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@font-face { font-family: 'icomoon'; src: url("../css/fonts/icomoon.eot?kle7z4"); src: url("../css/fonts/icomoon.eot?kle7z4#iefix") format("embedded-opentype"), url("../css/fonts/icomoon.ttf?kle7z4") format("truetype"), url("../css/fonts/icomoon.woff?kle7z4") format("woff"), url("../css/fonts/icomoon.svg?kle7z4#icomoon") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Nexa Black'; src: url("nexa-black.eot"); src: url("nexa-black.eot?#iefix") format("embedded-opentype"), url("nexa-black.woff") format("woff"), url("nexa-black.ttf") format("truetype"), url("nexa-black.svg#ywftsvg") format("svg"); font-weight: normal; font-style: normal; }
body, p, .modal-container .modal .super-content h2 { font-family: "Open Sans",sans-serif; -webkit-font-smoothing: antialiased; font-weight: normal; }

header .container .items .item, .bigTitle, footer .main .container .info a, footer .multi-links p, footer .multi-links .callicon p, footer .multi-links .callicon p a, footer .multi-links .cottonicon p, footer .multi-links .cottonicon p strong, footer .multi-links .emailicon p, footer .multi-links .emailicon p strong, footer .multi-links strong, .banner h3, .paralaxProduct .bgParalax .grid.column-2 > * a, .paralaxProduct.products-view h3, .paralaxProduct.products-view h2, .load-more-news, .productDetails .product-information h1, .productDetails .product-information h4, .productDetails .product-information .btn-form, .productDetails .product-information .package-sizes li, .related-products h4, .products .product-full-list a .image-container + h3, .expanded-new h3, .expanded-new h3 + div p, .expanded-new p.author, .expanded-new .share-block p, .expanded-new .expanded-new p, .expanded-new p, .featured-news-individuals p, .featured-news-individuals ul li a span h5, .featured-news-individuals ul li a span var, section#slider a, section#feature-products .feature-products-header ul li.search-btn.inactive-button input, section#feature-products .feature-products-header ul li.search-btn.inactive-button button, .featured-products-home .bigTitle + p, section#news .items .item .info h3, .feature-new-slider .item .info h3, section#contact .info h3, section#contact .cottonicon a p, section#contact .cottonicon a p strong, section#contact .callicon p, section#contact .callicon p a, section#contact .callicon p var, section#contact h4, .compromiso-social h3, .proteccion-almedio-ambiente h3, .clould-grid h4 { font-family: 'Nunito', sans-serif; }

.icon, .clould-grid h4:before, .owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-next:before, header .container .items .close:after, header .container .items .item.social-network span:before, .related-products .owl-nav .owl-prev:before, .related-products .owl-nav .owl-next:before, .products .product-full-list a .image-container:after, .expanded-new .image-container:after, .expanded-new .flex-direction-nav a.flex-next:before, .expanded-new .flex-direction-nav a.flex-prev:before, section#slider .owl-carousel .item .container a:before, section#slider .owl-carousel .owl-nav .owl-prev:before, section#slider .owl-carousel .owl-nav .owl-next:before, section#access .items .item span:before, section#staff .container .item.text .info p:before, section#staff .container .item.text .info p:after, section#staff .container .item .info h4:before, section#news .items .item .image-container:after, .feature-new-slider .owl-nav .owl-prev:before, .feature-new-slider .owl-nav .owl-next:before, .feature-new-slider .item .image-container:after, section#phrases .container p:before, section#phrases .container p:after, section#contact .container form.sending button:before { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

section#contact p { font-family: "Open Sans",sans-serif; -webkit-font-smoothing: antialiased; font-weight: normal; }

h3, h4, footer .contact .container p, .slider ul li .content h2, .expanded-new .aside .new-slider-block .news-slider ul li .content h2, .slider ul li .content p, .expanded-new .aside .new-slider-block .news-slider ul li .content p, section#access .items .item span, section#staff .container .item.text .info p, section#staff .container .item .info h4, section#phrases .container p, section#contact .container .info .item .text p, section#contact .container .info .item .text a { font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; font-weight: 300; }

section#contact .container .info .item .text h4 { font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; font-weight: 500; }

h2, section#services .items .item .info h4 { font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; font-weight: 600; }

.icon-isologo:before { content: "\e900"; }

/*Background Gradient Color*/
/*Set Opacity*/
/* Border Radius*/
/* Animate */
/*Rotate*/
@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?9ncvex"); src: url("fonts/icomoon.eot?9ncvex#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?9ncvex") format("truetype"), url("fonts/icomoon.woff?9ncvex") format("woff"), url("fonts/icomoon.svg?9ncvex#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { from, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }
@keyframes flash { from, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
@keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: none; transform: none; } }
@keyframes wobble { from { -webkit-transform: none; transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: none; transform: none; } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none; transform: none; } }
@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none; transform: none; } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none; transform: none; } }
@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none; transform: none; } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none; transform: none; } }
@keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none; transform: none; } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
@keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
@keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
@keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
@keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
@keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

.heartSymbol { position: relative; width: 35px; height: 35px; margin: 0 auto; }
.heartSymbol .heart { width: 40px; height: 35px; display: inline-block; cursor: pointer; animation-duration: .45s; animation-timing-function: ease; animation-direction: alternate; }
.heartSymbol .heart svg { fill: transparent; color: transparent; transition: all .55s ease; }
.heartSymbol .layer { position: absolute; top: 0; left: 0; opacity: 1; width: 40px; height: 35px; display: inline-block; transform: scale(0); pointer-events: none; }
.heartSymbol .layer svg { fill: #D75A4A; color: #D75A4A; }
.heartSymbol .hackyBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.heartSymbol .hackyBox:checked ~ .heart { animation-name: love; }
.heartSymbol .hackyBox:checked ~ .layer { transform: scale(1); opacity: 1; z-index: -1; transition: transform .35s ease, opacity .35s ease; }
.heartSymbol.strokeAway .layer, .heartSymbol.stroke .layer { transform: scale(1); }
.heartSymbol.strokeAway .layer svg, .heartSymbol.stroke .layer svg { fill: transparent; color: transparent; }
.heartSymbol.strokeAway .layer svg .animatedPath, .heartSymbol.stroke .layer svg .animatedPath { stroke-dashoffset: 156; stroke-dasharray: 156; }
.heartSymbol.strokeAway .hackyBox:checked ~ .layer, .heartSymbol.stroke .hackyBox:checked ~ .layer { transition: transform .65s ease, opacity .9s ease; z-index: 1; }
.heartSymbol.strokeAway .hackyBox:checked ~ .layer svg, .heartSymbol.stroke .hackyBox:checked ~ .layer svg { fill: #fff; color: #fff; transition: color .4s ease .2s; }
.heartSymbol.strokeAway .hackyBox:checked ~ .layer .animatedPath, .heartSymbol.stroke .hackyBox:checked ~ .layer .animatedPath { stroke-dashoffset: 0; transition: all .9s ease; }

@keyframes love { 0% { transform: scale(1); }
  25% { transform: scale(0.94); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); } }
* { -webkit-tap-highlight-color: transparent; }

svg { width: 100%; height: 100%; }

@keyframes preloadingBox { 0% { stroke-dashoffset: 1000; }
  100% { stroke-dashoffset: 0; } }
.preloadingEffect { position: relative; }
.preloadingEffect .preloadIn { z-index: 9999999; display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.preloadingEffect .preloadIn rect { width: 100%; height: 100%; stroke: #ccc; stroke-width: 1; stroke-dasharray: 1000; stroke-dashoffset: 0; }
.preloadingEffect.animated .preloadIn { -webkit-animation: removingBox 2s linear; -webkit-animation-fill-mode: forwards; }
.preloadingEffect.animated .preloadIn rect { -webkit-animation: preloadingBox 2s linear; }

.icon.facebook:before, .clould-grid h4.facebook:before { content: "\e911" !important; }
.icon.twitter:before, .clould-grid h4.twitter:before { content: '\e90e'; }
.icon.whatsapp:before, .clould-grid h4.whatsapp:before { content: '\e913'; }
.icon.callus:before, .clould-grid h4.callus:before { content: '\e900'; }
.icon.email:before, .clould-grid h4.email:before { content: '\e909'; }
.icon.submit:before, .clould-grid h4.submit:before { content: '\e904'; }
.icon.cotton:before, .clould-grid h4:before { content: '\e905'; }
.icon.arrow-right:before, .clould-grid h4.arrow-right:before { content: '\e90d'; }
.icon.search:before, .clould-grid h4.search:before { content: '\e914'; }
.icon.back:before, .clould-grid h4.back:before { content: "\e90c"; }

/*Global App */
.grid:after, .grid.column-2 > :after, .grid.column-3 > :after, .grid.column-4 > :after, .grid.column-65-35 > :after, .grid.column-3-7 > :after, .grid.column-35-65 > :after, .grid.column-4-6 > :after, .grid.column-6-4 > :after, .grid.column-7-3 > :after, footer .multi-links .emailicon form:after, .grid.multirow:after, .grid.column-35-65:after, .grid.column-7-3:after, section#news.newSlider .items:after, .productDetails .owl-dots:after, .share-block .share-box:after, .expanded-new .share-box:after, .expanded-new .container:after, .modal-container .modal .super-content:after, .modal-container .modal .modal-body .row:after { content: ""; display: table; clear: both; }

.grid.column-2 > *, .grid.column-3 > *, .grid.column-4 > *, .grid.column-65-35 > *, .grid.column-3-7 > *, .grid.column-35-65 > *, .grid.column-4-6 > *, .grid.column-6-4 > *, .grid.column-7-3 > *, .vertical-align > *, .padding-50, footer .multi-links .emailicon form, footer .multi-links .emailicon form input, .grid, .banner h3, .bannerProducts h3, .productDetails .product-information, .related-products .owl-stage-outer, .slider .owl-dots, .expanded-new .aside .new-slider-block .news-slider .owl-dots, .expanded-new .container, .expanded-new .container > div, .expanded-new .share-box li, .expanded-new .share-box li a, .expanded-new .aside #thumbnailSlider .owl-item, .featured-news-individuals ul li a span, .colorized, .modal-container .modal .modal-header, .modal-container .modal .modal-header .close, .modal-container .modal .modal-header h3, .modal-container .modal .modal-header h3 p, .modal-container .modal .modal-header h5, .modal-container .modal .modal-header h5 p, .modal-container .modal .modal-body .row .col-md-6, .modal-container .modal .modal-body .row input, .modal-container .modal .modal-footer, .compromiso-social .clould-grid li, .clould-grid h4 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.grid.column-2 > *, .grid.column-3 > *, .grid.column-4 > *, .grid.column-65-35 > *, .grid.column-3-7 > *, .grid.column-35-65 > *, .grid.column-4-6 > *, .grid.column-6-4 > *, .grid.column-7-3 > * { vertical-align: top; display: inline-block; float: left; text-align: left; }

.float-left { float: left; }
.float-right { float: right; }

.hidden { display: none; }

body { overflow-x: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.only-mobile { display: none; }
@media screen and (max-width: 767px) { .only-mobile { display: block; } }

.titles { padding: 20px 0px; }
.titles * { color: #004c8c; text-transform: uppercase; padding: 0px; line-height: 1; }
.titles h2 { font-family: 'Nunito', sans-serif; font-size: 30px; }
.titles p { font-family: 'Roboto', sans-serif; font-size: 20px; }

.page-news .items .item .view-more .image-container:before { width: 145%; height: 120%; left: -24%; }

.image-container:before, .image-container img { -webkit-backface-visibility: hidden !important; }

body { background: white; }

h2 { color: #f4bd19; font-size: 50px; text-transform: uppercase; line-height: 50px; }
@media (max-width: 1366px) { h2 { font-size: 40px; } }

h3 { color: white; font-size: 23px; line-height: 25px; padding: 20px; }
h3:after { content: ''; width: 100px; height: 5px; background: #f4bd19; display: block; margin: 32px auto; }
@media (max-width: 1366px) { h3 { font-size: 21px; } }

h4 { color: white; font-size: 22px; }

p { padding: 10px 0px; color: #000000; font-size: 14px; }

a { color: #ffffff; text-decoration: none; }
a:hover, a:link, a:visited { text-decoration: none; }

.center { text-align: center !important; }

.float-left { float: left !important; }
.float-right { float: right !important; }

.uppercase { text-transform: uppercase; }

.clear-fix { clear: both; }

.align-right { text-align: right !important; }
.align-left { text-align: left; }
.align-center { text-align: center; }

.vertical-align { display: block; font-size: 0; }
.vertical-align > * { vertical-align: middle; }
.vertical-align.column-2 > * { display: inline-block; width: 50%; }
@media screen and (max-width: 768px) { .vertical-align.column-2 > * { width: 100% !important; text-align: center; } }

@media screen and (min-width: 981px) { .desktop { display: block !important; } }
@media screen and (max-width: 980px) { .desktop { display: none !important; } }

@media screen and (min-width: 981px) { .tablet-mobile { display: none !important; } }
@media screen and (max-width: 980px) { .tablet-mobile { display: block !important; } }

@media screen and (max-width: 768px) { .only-desktop { display: none !important; } }

@media screen and (min-width: 769px) { .only-mobile { display: none !important; } }

@keyframes upInFix { from { -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
  50% { -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); }
  to { -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } }
#markerLayer { -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; animation: 1s upInFix infinite; animation-delay: 2s; -webkit-animation-delay: 2s; }

.outline:after { position: absolute; content: ''; display: block; height: 2px; bottom: 0px; width: 0%; left: 0px; background: #4b9bb8; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.outline.active:after { width: 100%; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-next:before { color: white; font-size: 35px; }
.owl-carousel .owl-nav .owl-prev { left: 25px; }
.owl-carousel .owl-nav .owl-prev:before { content: "\e90c"; }
.owl-carousel .owl-nav .owl-next { right: 25px; }
.owl-carousel .owl-nav .owl-next:before { content: "\e90d"; }

.padding-50 { padding: 50px !important; background: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
@media screen and (max-width: 767px) { .padding-50 { padding: 20px 15px !important; } }

@media screen and (max-width: 767px) { .products .product-full-list a .image-container + h3 { min-height: 40px !important; } }

@media screen and (max-width: 767px) { .load-more-news { width: 275px !important; box-sizing: border-box; } }

@media screen and (max-width: 767px) { .expanded-new #new-slider-thumbs .flex-direction-nav a.flex-next:before, .expanded-new #new-slider-thumbs .flex-direction-nav a.flex-prev:before { font-size: 35px !important; } }
.share-block + a, .expanded-new + a { display: none; }
.share-block + a + a, .expanded-new + a + a { display: none; }

html { padding-top: 85px; -webkit-transition: padding 0.2s ease; -moz-transition: padding 0.2s ease; -o-transition: padding 0.2s ease; transition: padding 0.2s ease; }
html section.blur { filter: blur(5px); }

header { position: fixed; width: 100%; top: 0; z-index: 98; height: 85px; background: white; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.15); }
header .container { width: 100%; height: 100%; /* Menu icon styles */ }
header .container .logo { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -o-transition: width 0.2s ease; transition: width 0.2s ease; width: 260px; position: relative; display: inline-block; float: left; max-width: 200px; text-align: left; }
header .container .logo img { width: 100%; }
header .container .menu-icon-wrapper { display: none; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: relative; float: right; width: 34px; height: 34px; pointer-events: none; transition: 0.1s; z-index: 9999; }
header .container .menu-icon-wrapper.scaled { -webkit-transform: translateY(-50%) scale(0.5); -ms-transform: translateY(-50%) scale(0.5); transform: translateY(-50%) scale(0.5); }
header .container .menu-icon-wrapper svg { width: auto; height: auto; position: absolute; top: -33px; left: -33px; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
header .container .menu-icon-wrapper svg path { stroke: #333e48; stroke-width: 60px; stroke-linecap: round; stroke-linejoin: round; fill: transparent; }
header .container .menu-icon-wrapper .menu-icon-trigger { position: relative; width: 100%; height: 100%; cursor: pointer; pointer-events: auto; background: none; border: none; margin: 0; padding: 0; }
header .container .menu-icon-wrapper .menu-icon-trigger:hover, header .container .menu-icon-wrapper .menu-icon-trigger:focus { outline: none; }
header .container .items { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: relative; display: inline-block; float: right; }
header .container .items .close { position: absolute; display: none; top: 43px; right: 15px; -webkit-transition: top 0.2s ease; -moz-transition: top 0.2s ease; -o-transition: top 0.2s ease; transition: top 0.2s ease; }
header .container .items .close:after { content: "\e902"; color: white; font-size: 40px; cursor: pointer; }
header .container .items .item { line-height: 32px; display: inline-block; font-size: 20px; font-weight: 600; padding: 10px 11px; color: #6c7a89; text-decoration: none; min-width: 35px; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; }
header .container .items .item.active { position: relative; }
header .container .items .item.active:before { content: ''; position: absolute; bottom: -16px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #004c8c; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media screen and (max-width: 767px) { header .container .items .item.active:before { display: none !important; } }
header .container .items .item:hover, header .container .items .item.active { color: #004c8c; }
header .container .items .item.social-network { min-width: 40px; background: url("../../assets/images/general/cotton.svg") center center no-repeat; background-size: cover; font-size: 20px; color: #fff; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
header .container .items .item.social-network:hover { -webkit-filter: saturate(2); color: #fff; }
@media screen and (max-width: 767px) { header .container .items .item.social-network { background: transparent; } }
header .container .items .item.social-network span { position: absolute; top: 50%; margin-top: 2px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 2px solid #333e48; padding: 10px; border-radius: 50%; width: 25px; height: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
header .container .items .item.social-network span:before { line-height: 24px; font-size: 25px; }
header .container .items .item.social-network span.twitter:before { content: '\e90e'; }
header .container .items .item.social-network span.instagram:before { content: '\e910'; }
header .container .items .item.social-network span.facebook:before { content: '\e911'; }
header .container .items .item.social-network span.google:before { content: '\e912'; }
@media (min-width: 945px) and (max-width: 1366px) { header .container .items .item { font-size: 20px; line-height: 24px; }
  header .container .items .item:before { bottom: -19px !important; }
  header .container .items .item.social-network { height: 24px; width: 24px; }
  header .container .items .item.social-network.social-network .twitter:before { line-height: 24px; font-size: 22px; } }
@media (max-width: 945px) { header .container .menu-icon-wrapper { display: inline-block; }
  header .container .items { position: fixed; z-index: 99; top: 0; right: 0; width: 100%; height: 100%; transform: none; padding: 120px 20px; box-sizing: border-box; pointer-events: none; }
  header .container .items:before { content: ''; position: absolute; background: #004c8c; opacity: 0; right: 0; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
  header .container .items.show { pointer-events: auto; display: block; }
  header .container .items.show:before { opacity: 0.9; }
  header .container .items.show .close { display: block; }
  header .container .items.show + .menu-icon-wrapper svg path { stroke: #fff; }
  header .container .items.show .item { display: block; color: white; pointer-events: auto; opacity: 1; }
  header .container .items.show .item.social-network span { border: none; }
  header .container .items .item { opacity: 0; pointer-events: none; }
  header .container .items .item { line-height: 35px; pointer-events: none; border-top: 1px solid rgba(255, 255, 255, 0.19) !important; margin: -1px 10% !important; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: translate3d(-100%, 0, 0) translate3d(-2em, 0, 0) scale3d(0.5, 1, 1); transform: translate3d(-100%, 0, 0) translate3d(-2em, 0, 0) scale3d(0.5, 1, 1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
  header .container .items .item:first-of-type { border-top: 0px !important; }
  header .container .items.effect .item { -webkit-transition-timing-function: cubic-bezier(0.56, 1.19, 0.2, 1.05); transition-timing-function: cubic-bezier(0.56, 1.19, 0.2, 1.05); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  header .container .items .item:nth-child(6), header .container .items.effect .item:nth-child(1) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
  header .container .items .item:nth-child(5), header .container .items.effect .item:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
  header .container .items .item:nth-child(4), header .container .items.effect .item:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
  header .container .items .item:nth-child(3), header .container .items.effect .item:nth-child(4) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
  header .container .items .item:nth-child(2), header .container .items.effect .item:nth-child(5) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }
  header .container .items .item:nth-child(1), header .container .items.effect .item:nth-child(6) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
  header .container .items .menu { display: inline-block; } }
header.scrolled { height: 85px; }
header.scrolled .container .items .close { top: 25px; }
header.scrolled .container .items .item.active { position: relative; }
header.scrolled .container .items .item.active:before { content: ''; position: absolute; bottom: -16px; }
header.scrolled .container .logo { width: 220px; }
header.scrolled + .active-submenu { -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }

.submenu-dummy { position: fixed; left: 0px; -ms-transform: translateY(-100px); -webkit-transform: translateY(-100px); transform: translateY(-100px); width: 100%; background: #ecf0f1; z-index: 97; -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
@media screen and (max-width: 767px) { .submenu-dummy { display: none; } }
.submenu-dummy.active-submenu { -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
.submenu-dummy .feature-products .tabLink:after { display: none; }
.submenu-dummy .feature-products-header { display: block; width: 100%; }
.submenu-dummy .feature-products-header ul { list-style-type: none; font-size: 0px; display: inline-block; }
.submenu-dummy .feature-products-header ul li { position: relative; display: inline-block; list-style-type: inherit; width: 180px; vertical-align: text-top; height: 70px; margin: 0px auto; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.submenu-dummy .feature-products-header ul li:after { content: ''; display: block; position: absolute; left: 0px; background: #ccc; height: 70%; top: 20%; width: 1px; }
.submenu-dummy .feature-products-header ul li:first-child:hover { background: #fbfbfd; }
.submenu-dummy .feature-products-header ul li:first-child + li:hover { background: #f8ebc1; }
.submenu-dummy .feature-products-header ul li:first-child + li + li:hover { background: #d4dde4; }
.submenu-dummy .feature-products-header ul li:first-of-type:after { display: none; }
@media screen and (max-width: 767px) { .submenu-dummy .feature-products-header ul li { width: 100%; height: 95px; border-top: 1px solid #dfebf6 !important; }
  .submenu-dummy .feature-products-header ul li:first-of-type { border-top: 0px !important; padding-top: 20px; box-sizing: border-box; }
  .submenu-dummy .feature-products-header ul li:last-of-type { padding-bottom: 10px; } }
.submenu-dummy .feature-products-header ul li a { box-sizing: border-box; padding: 15px 25px; display: block; text-decoration: none; height: 70px; }
.submenu-dummy .feature-products-header ul li a img { display: block; max-width: 85%; margin: 0px auto; }
@media screen and (max-width: 767px) { .submenu-dummy .feature-products-header ul li a:after { display: none; } }
.submenu-dummy .feature-products-header ul li.search-btn a { max-width: 220px; position: relative; padding-left: 55px; font-weight: 600; line-height: 1; color: #005b79; font-size: 26px; text-align: left; font-family: 'Nunito', sans-serif; margin-top: 15px; margin: 17px auto; }
.submenu-dummy .feature-products-header ul li.search-btn a i { font-size: 45px; position: absolute; left: 0px; }

@media (max-width: 767px) { html { padding-top: 60px; }
  header { height: 60px; }
  header .container .logo { max-width: 60%; }
  header .container .items .close { top: 25px; } }
@keyframes menuBg { from { right: -55px; top: -45px; width: 150px; height: 150px; border-radius: 50%; border-top-right-radius: 0%; }
  50% { opacity: 0.8; }
  to { width: 100%; height: 100%; right: 0; top: 0; border-radius: 0; } }
.bigTitle { font-weight: normal; font-size: 40px; font-weight: normal; color: #005b79; text-transform: initial; max-width: 1010px; margin: 0px auto; }
@media screen and (max-width: 767px) { .bigTitle { text-align: center; font-size: 20px; line-height: 1; padding: 0px 15px; } }

@media screen and (max-width: 767px) { header .container .items { padding: 100px 20px; }
  .dummy.mobileStack { padding: 50px 20px !important; }
  .dummy .mobile-submenu { display: none; }
  .dummy a { line-height: 22px !important; font-size: 20px !important; }
  .dummy.show .mobile-submenu { display: none; padding-bottom: 5px; }
  .dummy.show .mobile-submenu a { display: block; padding: 10px 0px; display: block; width: 100%; text-transform: uppercase; background: rgba(255, 255, 255, 0.1); margin-bottom: 2px; font-size: 15px !important; }
  .dummy.show .submenu.active-submenu-mobile + .mobile-submenu { display: block; } }
footer img { max-width: 175px; }
footer .contact { height: 275px; background: url("../images/footer/bg.png"); background-size: cover !important; background-position: center center !important; }
footer .contact .container { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: 10px; }
footer .contact .container p { font-size: 35px; text-align: center; color: white; }
@media (max-width: 767px) { footer .contact .container p { font-size: 26px; } }
footer .contact .container a { width: 220px; line-height: 48px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #f4bd19; color: #333e48; font-size: 16px; display: block; margin: 10px auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
footer .contact .container a:hover { background: #333e48; color: white; }
footer .main { padding: 40px 0px; width: 100%; background: #004c8c; }
footer .main .container .multi-links > * { float: none !important; display: inline-block !important; vertical-align: middle; }
footer .main .container .multi-links > * a { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
footer .main .container .multi-links > * a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
footer .main .container:first-of-type { border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin-bottom: 10px; }
footer .main .container:first-of-type + .container { padding: 0px 30px; }
footer .main .container .logo { display: block; position: absolute; top: 0px; left: 30px; text-align: left; }
footer .main .container .logo img { width: 172px; }
footer .main .container .info { padding: 0px 0px 25px 175px; width: 100%; position: relative; text-align: right; box-sizing: border-box; float: right; }
footer .main .container .info p { font-size: 13px; text-align: right; color: white; }
footer .main .container .info a { line-height: 32px; display: inline-block; font-size: 21px; font-weight: 600; padding: 10px 11px; color: #ffffff; text-decoration: none; min-width: 35px; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; }
footer .main .container .info a:hover { color: #d5f5ff; }
footer .main .container .info a.active { position: relative; }
footer .main .container .info a.active:before { content: ''; position: absolute; bottom: -25px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #d5f5ff; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media (max-width: 768px) { footer .main .container .info a.active:before { display: none; color: #d5f5ff; } }
footer .main .container .multi-links * { text-align: left; color: #fff; }
footer .rights { height: 80px; width: 100%; background: #eee; }
footer .rights .container { height: 100%; }
footer .rights .container .info { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: relative; width: 50%; color: #a3a3a3; float: left; text-align: left; font-size: 11px; }
footer .rights .container .info a { font-weight: normal !important; }
footer .rights .container .kodear { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: relative; float: right; text-align: right; }
footer .rights .container .kodear img { width: 110px; }
footer .multi-links { font-size: 0px; }
footer .multi-links > div { vertical-align: middle; padding-right: 20px !important; position: relative; padding-left: 85px !important; box-sizing: border-box; }
footer .multi-links p { text-transform: uppercase; font-size: 15px; line-height: 1.25; }
footer .multi-links .callicon i { font-size: 65px; }
footer .multi-links .callicon p { font-size: 18px; }
footer .multi-links .callicon p a { font-weight: 600; font-size: 30px; }
footer .multi-links .cottonicon i { background: url("../../assets/images/general/cotton_white.svg") center center no-repeat; font-size: 30px; color: #004c8c !important; width: 70px; background-size: cover; line-height: 70px; text-align: center !important; }
footer .multi-links .cottonicon p { text-transform: initial; font-size: 15px; }
footer .multi-links .cottonicon p strong { font-weight: 600; font-size: 15px; }
@media (max-width: 767px) { footer .multi-links .emailicon { text-align: center; } }
@media (max-width: 767px) { footer .multi-links .emailicon div { text-align: center !important; } }
footer .multi-links .emailicon i.email { box-sizing: border-box; padding: 10px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 30px; color: #004c8c !important; width: 55px; height: 55px; text-align: center !important; }
footer .multi-links .emailicon p { font-size: 15px; }
@media (max-width: 767px) { footer .multi-links .emailicon p { text-align: center !important; } }
footer .multi-links .emailicon p strong { font-weight: 600; font-size: 15px; }
footer .multi-links .emailicon form { position: relative; padding-right: 20px; display: block; width: 100%; }
@media (max-width: 767px) { footer .multi-links .emailicon form { padding-right: 30px !important; width: auto; display: inline-block; text-align: center; } }
footer .multi-links .emailicon form input { float: left; background: #fff; padding: 8px 10px; font-size: 15px; color: #003867; color: #004c8c !important; width: 100%; }
@media (max-width: 767px) { footer .multi-links .emailicon form input { padding-right: 25px; display: inline-block; float: none; vertical-align: middle; } }
footer .multi-links .emailicon button { cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #6491b4; display: block; position: absolute; right: 0px; width: 50px; height: 35px; text-align: center; margin-left: 5px; color: black; margin-top: -1px; }
@media (max-width: 767px) { footer .multi-links .emailicon button { display: inline-block; float: none; text-align: center; vertical-align: middle; } }
footer .multi-links .emailicon button i { color: #fff; font-size: 15px; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (max-width: 767px) { footer .multi-links .emailicon button i:before { text-align: center; } }
footer .multi-links .icon, footer .multi-links .clould-grid h4:before, .clould-grid footer .multi-links h4:before { position: absolute; left: 0px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 65px; color: #fff; }
footer .multi-links strong { font-weight: 800; }
@media (max-width: 767px) { footer .main { padding: 10px 0px; height: auto; }
  footer .main .container:first-of-type { border: 0px; }
  footer .main .container { padding: 0px; height: auto; }
  footer .main .container .logo { position: relative; width: 100%; transform: none; padding: 20px 0; left: 0px; box-sizing: border-box; }
  footer .main .container .logo img { margin: auto; display: block; }
  footer .main .container .multi-links .cottonicon { background: #014076; }
  footer .main .container .multi-links .emailicon { padding: 5px 15px 20px 20px !important; background: #003867; margin-bottom: -10px; border-bottom: 1px dashed #ccc; }
  footer .main .container .multi-links .emailicon p, footer .main .container .multi-links .emailicon p strong { color: #ffffff; }
  footer .main .container .multi-links .emailicon form { padding: 0px; }
  footer .main .container .multi-links .emailicon .submit { left: 25px !important; }
  footer .main .container .multi-links .emailicon i.email { display: none; background: #aba3a3 !important; left: 13px !important; }
  footer .main .container .multi-links .emailicon button { margin-top: 0px; text-align: center !important; }
  footer .main .container .multi-links .emailicon input { border: 1px solid #eee; }
  footer .main .container .multi-links .icon, footer .main .container .multi-links .clould-grid h4:before, .clould-grid footer .main .container .multi-links h4:before, footer .main .container .multi-links h4:before, footer .main .container .multi-links h4:before { left: 5px !important; }
  footer .main .container .multi-links > div { padding-left: 85px !important; padding-right: 15px !important; }
  footer .main .container .multi-links > div p { font-size: 15px; }
  footer .main .container .multi-links > * { width: 100%; }
  footer .main .container .info { width: 100%; padding: 10px 0px; float: none; transform: none; text-align: center; border-top: 1px dashed #ffffff4a; border-bottom: 1px dashed rgba(255, 255, 255, 0.25); }
  footer .main .container .info a { line-height: 1; display: inline-block; font-size: 13px; font-weight: 600; padding: 8px 10px; color: #ffffff; text-decoration: none; text-transform: uppercase; }
  footer .main .container .info p { text-align: center; } }
@media (max-width: 550px) { footer .rights { height: 120px; }
  footer .rights .container .info { width: 100%; text-align: center; position: relative; float: none; top: 25px; transform: none; }
  footer .rights .container .kodear { width: 100%; float: none; position: relative; display: block; text-align: center; top: 0; transform: none; }
  footer .rights .container .kodear .developed-by { display: block; width: 110px; margin: 40px auto 0px auto; position: relative; height: 50px; } }
footer #newsletter { position: relative; }
footer #newsletter .exito { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; left: 0px; top: -1px; background: #6491b4; overflow: hidden; height: 4px; width: 0px; }
footer #newsletter .exito p { text-align: center; font-size: 13px; }
footer #newsletter.suscribed .exito { height: 35px; }
footer #newsletter.suscribed .btn .icon, footer #newsletter.suscribed .btn .clould-grid h4:before, .clould-grid footer #newsletter.suscribed .btn h4:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
footer #newsletter label { font-size: 10px; position: absolute; left: 0; bottom: -14px; }

.developed-by { display: block; max-width: 110px; margin-right: 15px; }

@media (max-width: 767px) { footer .main .container:first-of-type + .container.no-padding-mobile { padding: 0px !important; } }

@media (max-width: 767px) { body .productDetails .grid.column-2 > div:first-of-type { background: #fff !important; } }

@media (max-width: 767px) { body .expanded-new h3 { font-size: 27px; }
  body .expanded-new h3 + div p { font-size: 19px; }
  body .expanded-new .fullpost p { font-size: 17px !important; }
  body .expanded-new .fullpost ul { padding-left: 20px; }
  body .expanded-new .fullpost ul li { font-size: 17px; color: rgba(52, 52, 52, 0.8); }
  body .expanded-new .container > div:first-child { float: none; }
  body:not(.index) .productType .thetab-container .bigTitle { padding-bottom: 0px !important; }
  body:not(.index) .productType .thetab-container .bigTitle br { display: none; }
  body .productDetails .product-information .btn-form { font-size: 16px; padding: 7px 20px; }
  body section#feature-products .feature-products-header ul li a img { margin-top: 0px !important; } }
body .paralaxProduct.products-view .bgParalax { background-position: right 20px bottom 280px !important; }

.productDetails .grid.column-2 > div .owl-nav.disabled { display: block; }

@media screen and (max-width: 767px) { .product-detail-slider .owl-item { padding: 0px !important; } }

logokodear { position: absolute !important; right: 0px; }
logokodear svg { height: auto !important; }
logokodear a { position: relative; display: inline-block; }
@media screen and (max-width: 767px) { logokodear { margin-top: 25px; position: relative !important; -webkit-transform: scale(0.5) !important; -ms-transform: scale(0.5) !important; transform: scale(0.5) !important; } }

.preloading { position: fixed; top: 0; width: 100%; bottom: 0; background: #004c8c; z-index: 100; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.preloading svg { width: 200px; margin: auto; display: block; }
.preloading.removing { opacity: 0; }

/* Structure */
.grid { width: 100%; }
.grid.column-2 > * { position: relative; padding: 0px 0px; width: 50%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid.column-2 > *:first-child + * { float: right; }
@media screen and (max-width: 767px) { .grid.column-2 > * { width: 100%; } }
.grid.column-3 > * { width: 33.33%; text-align: center; }
.grid.column-3 > * img { max-width: 100%; }
.grid.column-4 > * { padding: 0px 1.5em; width: 25%; text-align: center; }
.grid.column-65-35 > * { padding: 0px 1.5%; width: 35%; text-align: right; float: right; }
.grid.column-65-35 > *:first-child { float: left; width: 65%; text-align: left; }
.grid.column-3-7 > * { padding: 0px 1%; width: 70%; text-align: right; float: right; }
.grid.column-3-7 > *:first-child { float: left; width: 30%; text-align: left; }
.grid.multirow { display: table; }
.grid.multirow > * { display: table-cell; width: 23.33%; padding: 0px; text-align: center; }
.grid.multirow > *:first-child { width: 30%; }
.grid.column-35-65 > * { padding: 0px 1.5%; width: 65%; text-align: right; float: right; }
.grid.column-35-65 > *:first-child { float: left; width: 35%; text-align: left; }
.grid.column-4-6 > * { padding: 0px 1.5%; width: 60%; text-align: right; float: right; }
.grid.column-4-6 > *:first-child { float: left; width: 40%; text-align: left; }
.grid.column-4-6.inverted > * { padding: 0px; float: left; }
.grid.column-4-6.inverted > *:first-child { float: right; }
@media screen and (max-width: 767px) { .grid.column-4-6.inverted > * { float: none; width: 100%; } }
.grid.column-6-4 > * { padding: 0px 1.5%; width: 40%; text-align: right; float: right; }
.grid.column-6-4 > *:first-child { float: left; width: 60%; text-align: left; }
.grid.column-7-3 > * { padding: 0px 1.5%; width: 33%; text-align: right; float: right; }
.grid.column-7-3 > *:first-child { float: left; width: 66%; text-align: left; }
.grid > *:first-child { padding-left: 0px; }
.grid > *:last-child { padding-right: 0px; }

/* Helpers for Components*/
/* Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Components App */
#preload { position: fixed; height: 100%; width: 100%; display: block; left: 0px; top: 0px; z-index: 9999999; }
#preload .svg-holder { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 999999; height: 100%; }
#preload .svg-holder svg { width: 100px; height: 100%; margin: 0px; margin: 0px; }
#preload .svg-holder svg path { width: 100%; height: 100%; display: block; fill: rgba(55, 69, 82, 0.95); }
#preload .svg-holder:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.95); z-index: 999999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#preload .svg-holder.removing:before { background: rgba(255, 255, 255, 0); }
#preload .svg-holder svg { z-index: 99999999; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#preload .svg-holder img { display: block; position: absolute; width: auto; height: 100%; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }
#preload #logo-02, #preload #logo-03, #preload #logo-04, #preload #logo-05, #preload #logo-06, #preload #logo-07, #preload #logo-08, #preload #logo-09 { display: none; }

.banner { display: block; position: relative; height: 300px; background-size: cover !important; }
@media screen and (max-width: 767px) { .banner { background-position: center center !important; } }
.banner:before { content: ''; display: block; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 76, 140, 0.25); }
.banner h3 { display: block; text-align: center; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 100%; color: #fff; font-size: 48px; line-height: 1; letter-spacing: 1px; text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.15); }
.banner h3 strong { font-weight: bold; }
.banner h3:after { display: none; }
.banner img { display: block; margin: 25px auto; max-width: 200px; }
.banner.small { height: 355px; }
@media screen and (max-width: 767px) { .banner.small { height: 280px; } }
@media screen and (max-width: 767px) { .banner { height: 280px; }
  .banner h3 { max-width: 100%; font-size: 28px; padding: 0px 15px; box-sizing: border-box; } }

.paralaxProduct { background-size: cover !important; }
.paralaxProduct .bgParalax { padding: 50px 0px; background-attachment: fixed !important; background-repeat: no-repeat !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background-size: 500px !important; }
@media screen and (max-width: 1024px) { .paralaxProduct .bgParalax { background-size: 400px !important; } }
@media screen and (max-width: 1366px) { .paralaxProduct .bgParalax { background-position-y: bottom !important; } }
@media screen and (max-width: 767px) { .paralaxProduct .bgParalax { padding: 25px 0px; background-image: none !important; } }
@media screen and (max-width: 767px) { .paralaxProduct .bgParalax .container { padding: 0px; } }
@media screen and (max-width: 767px) { .paralaxProduct .bgParalax .not-default-layout .only-mobile img { margin-left: 10% !important; } }
.paralaxProduct .bgParalax .grid.column-2 > * { text-align: left; display: inline-block; }
.paralaxProduct .bgParalax .grid.column-2 > * img { max-width: 290px; margin-bottom: 50px; }
@media screen and (max-width: 1366px) { .paralaxProduct .bgParalax .grid.column-2 > * img { margin-bottom: 20px; } }
@media screen and (max-width: 767px) { .paralaxProduct .bgParalax .grid.column-2 > * img { display: block; max-width: 65%; margin: 0px auto; } }
@media screen and (max-width: 767px) { .paralaxProduct .bgParalax .grid.column-2 > * .only-mobile img { max-width: 90%; margin: 0px auto !important; } }
.paralaxProduct .bgParalax .grid.column-2 > * p { font-size: 23px; font-family: 'Roboto',sans-serif; font-weight: 300; color: #6c7a89; line-height: 1.4; }
@media screen and (max-width: 1366px) { .paralaxProduct .bgParalax .grid.column-2 > * p { font-size: 20px; } }
@media screen and (max-width: 767px) { .paralaxProduct .bgParalax .grid.column-2 > * p { font-size: 17; padding: 0px 15px; } }
.paralaxProduct .bgParalax .grid.column-2 > * a { display: inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-size: 20px; color: #004c8c; border: 2px solid #004c8c; padding: 10px 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background: rgba(0, 91, 121, 0); }
@media screen and (max-width: 767px) { .paralaxProduct .bgParalax .grid.column-2 > * a { margin: 25px auto 10px auto !important; } }
@media screen and (max-width: 767px) { .paralaxProduct .bgParalax .grid.column-2 > * a { font-size: 19px; margin: 0px auto; box-sizing: border-box; display: block; max-width: 90%; text-align: center !important; } }
.paralaxProduct .bgParalax .grid.column-2 > * a:hover { background: #005b79; color: #fff; }
.paralaxProduct.products-view .bgParalax { background-size: 500px !important; background-position: center right !important; }
@media screen and (max-width: 1024px) { .paralaxProduct.products-view .bgParalax { background-size: 400px !important; } }
.paralaxProduct.products-view h3:after, .paralaxProduct.products-view h2:after { display: none; }
@media screen and (max-width: 767px) { .paralaxProduct.products-view h3, .paralaxProduct.products-view h2 { padding: 5px 0px; } }
.paralaxProduct.products-view h2 { text-transform: initial; font-weight: 600; color: #084c8b; padding: 10px 0px; font-size: 55px; }
@media screen and (max-width: 767px) { .paralaxProduct.products-view h2 { padding: 10px 0px !important; font-size: 25px; } }
@media screen and (max-width: 767px) { .paralaxProduct.products-view p { padding: 5px 0px !important; font-size: 16px !important; } }
.paralaxProduct.products-view h3 { padding: 10px 5px; color: #084c8b; font-size: 25px; }
@media screen and (max-width: 767px) { .paralaxProduct.products-view h3 { font-size: 20px; } }
.paralaxProduct.products-view .bgParalax { padding: 50px 0px; }
@media screen and (max-width: 767px) { .paralaxProduct.products-view .bgParalax { padding: 25px 0px; } }
@media screen and (max-width: 767px) { .paralaxProduct.products-view .bgParalax .grid.column-2 > * { padding: 0px 15px; } }
@media screen and (max-width: 767px) { .paralaxProduct.products-view .bgParalax .grid.column-2 > * h3, .paralaxProduct.products-view .bgParalax .grid.column-2 > * h2 { padding: 0px; line-height: 1; } }
.paralaxProduct.products-view .bgParalax .grid.column-2 > * p { padding: 10px 0px; font-size: 19px; font-weight: 300; color: #004c8c; line-height: 1.3; }

section#news.newSlider { background: #f2f6f9; }
section#news.newSlider .bigTitle { text-align: center; }
section#news.newSlider .owl-carousel { display: block; }

.load-more-news { display: block; color: #fff; text-transform: uppercase; background: #4c81ae; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 10px 25px; font-size: 20px; width: 210px; margin: 0px auto; text-align: center; }

.bannerProducts h3 { max-width: none; letter-spacing: -1px; font-size: 60px; }
@media screen and (max-width: 767px) { .bannerProducts { height: 280px; }
  .bannerProducts h3 { max-width: 100%; font-size: 28px; padding: 0px 15px; } }

.productDetails { padding: 50px 0px; background: #e8eff5; }
@media screen and (max-width: 767px) { .productDetails { padding: 25px 0px; } }
.productDetails .container { max-width: 1024px; }
.productDetails .owl-carrousel .owl-item { float: left; }
.productDetails .owl-carrousel .owl-item img { display: block; margin: 0px; max-width: 100%; }
.productDetails .product-detail-slider .owl-nav { display: block !important; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; position: absolute; }
.productDetails .product-detail-slider .owl-nav .owl-prev, .productDetails .product-detail-slider .owl-nav .owl-next { font-size: 0; left: 15px; position: absolute; width: 50px; height: 50px; cursor: pointer; }
.productDetails .product-detail-slider .owl-nav .owl-prev:before, .productDetails .product-detail-slider .owl-nav .owl-next:before { content: "\e90c"; font-family: 'icomoon' !important; font-size: 30px; color: white; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7); }
.productDetails .product-detail-slider .owl-nav .owl-next { right: 15px; left: auto; }
.productDetails .product-detail-slider .owl-nav .owl-next:before { content: "\e90d"; }
.productDetails .grid.column-2 > div:first-of-type { padding: 0px 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #d6e2ed; background: #edf2f7; }
@media screen and (max-width: 767px) { .productDetails .grid.column-2 > div:first-of-type { padding: 20px 0px; } }
.productDetails .grid.column-2 > div .owl-carrousel { overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.productDetails .grid.column-2 > div .owl-nav.disabled { display: none; }
.productDetails .product-information { padding: 10px 25px; text-align: left; }
@media screen and (max-width: 767px) { .productDetails .product-information { padding: 10px 0px; padding-top: 75px; } }
.productDetails .product-information h1 { font-size: 40px; color: #004c8c; }
@media screen and (max-width: 767px) { .productDetails .product-information h1 { font-size: 22px; padding-top: 50px; } }
.productDetails .product-information p { font-size: 17px; color: #6c7a89; }
@media screen and (max-width: 767px) { .productDetails .product-information p { font-size: 15px; } }
.productDetails .product-information h4 { margin: 5px 0px; font-size: 20px; font-weight: bold; color: #6c7a89; }
.productDetails .product-information .share-block, .productDetails .product-information .expanded-new { padding: 20px 0px; }
.productDetails .product-information .share-block .share-box, .productDetails .product-information .expanded-new .share-box { list-style-type: none; }
.productDetails .product-information .share-block .share-box li, .productDetails .product-information .expanded-new .share-box li { vertical-align: text-top; display: inline-block; text-decoration: none; }
.productDetails .product-information .share-block .share-box li a i, .productDetails .product-information .expanded-new .share-box li a i { width: 35px; height: 35px; display: block; text-align: center; padding: 8px 0px; box-sizing: border-box; font-size: 17px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; line-height: 18px; }
.productDetails .product-information .btn-form { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; margin: 25px 0px; display: inline-block; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; text-transform: uppercase; color: #85919f; border: 2px solid #85919f; font-weight: 600; padding: 7px 25px; font-size: 18px; width: auto; height: auto !important; }
.productDetails .product-information .btn-form:hover { background: #004c8c !important; border-color: #004c8c; color: #fff; }
.productDetails .product-information .btn-form + .refer-a-friend-box { display: none; }
.productDetails .product-information .btn-form.active-form + .refer-a-friend-box { display: block; }
.productDetails .product-information .package-sizes { list-style-type: none; }
.productDetails .product-information .package-sizes li { display: inline-block; background: #919da9; color: #fff; font-size: 14px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding: 5px 15px; margin: 5px 2px; font-weight: normal; }
.productDetails .product-information .package-sizes li:first-of-type { margin-left: 0px; }
.productDetails .owl-dots { padding: 5px 0px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: -40px; }
.productDetails .owl-dots .owl-dot { cursor: pointer; float: left; display: block; background: #a3bfd6; width: 15px; height: 15px; margin: 0px 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.productDetails .owl-dots .owl-dot.active { background: #004c8c; }

@media screen and (max-width: 768px) { .productDetails .product-information .share-block .share-box li, .productDetails .product-information .expanded-new .share-box li, .productDetails .product-information .expanded-new .share-box li { margin-left: 0px; margin-right: 0px; } }

.refer-a-friend-box { display: block; width: 100%; }
.refer-a-friend-box > a { background: #e8eff5; }
.refer-a-friend-box .green-box { display: none !important; padding: 40px 0px 0px 0px; margin-top: -45px; }
.refer-a-friend-box .green-box input, .refer-a-friend-box .green-box textarea { font-family: arial,helvetica,sans-serif; text-decoration: none; font-size: 15px; box-sizing: border-box; display: inline-block; color: #85919f; padding: 10px; width: 100%; margin: 5px 0px; border: 1px solid #85919f !important; }
.refer-a-friend-box .green-box input ::-webkit-input-placeholder, .refer-a-friend-box .green-box textarea ::-webkit-input-placeholder { color: #85919f; }
.refer-a-friend-box .green-box input :-moz-placeholder, .refer-a-friend-box .green-box textarea :-moz-placeholder { /* Firefox 18- */ color: #85919f; }
.refer-a-friend-box .green-box input ::-moz-placeholder, .refer-a-friend-box .green-box textarea ::-moz-placeholder { /* Firefox 19+ */ color: #85919f; }
.refer-a-friend-box .green-box input :-ms-input-placeholder, .refer-a-friend-box .green-box textarea :-ms-input-placeholder { color: #85919f; }
.refer-a-friend-box .green-box textarea { resize: none; color: #85919f; padding: 10px; min-height: 150px; }
.refer-a-friend-box .green-box button { cursor: pointer; display: inline-block; background: #004c8c; color: #fff; padding: 10px 15px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; width: 100%; margin: 15px 0px; }
.refer-a-friend-box .green-box ::-webkit-input-placeholder { color: #85919f; }
.refer-a-friend-box .green-box :-moz-placeholder { /* Firefox 18- */ color: #85919f; }
.refer-a-friend-box .green-box ::-moz-placeholder { /* Firefox 19+ */ color: #85919f; }
.refer-a-friend-box .green-box :-ms-input-placeholder { color: #85919f; }

.related-products { border-top: 1px solid #d6e2ed; padding-top: 20px; margin-top: 10px; position: relative; list-style-type: none; }
.related-products .owl-nav { z-index: 1; display: block !important; position: absolute; left: 0px; top: 115px; width: 100%; }
@media screen and (max-width: 320px) { .related-products .owl-nav { top: 81px !important; } }
@media screen and (max-width: 767px) { .related-products .owl-nav { top: 95px; } }
.related-products .owl-nav .owl-prev, .related-products .owl-nav .owl-next { font-size: 0px; }
.related-products .owl-nav .owl-prev:before, .related-products .owl-nav .owl-next:before { color: #919da9; cursor: pointer; font-size: 50px; }
.related-products .owl-nav .owl-prev { margin-left: -15px; float: left; }
.related-products .owl-nav .owl-prev:before { content: '\e916'; }
@media screen and (max-width: 767px) { .related-products .owl-nav .owl-prev { margin-left: -5px; } }
.related-products .owl-nav .owl-next { margin-right: -15px; float: right; }
.related-products .owl-nav .owl-next:before { content: '\e915'; }
@media screen and (max-width: 767px) { .related-products .owl-nav .owl-next { margin-right: -5px; } }
.related-products .owl-stage-outer { position: relative; z-index: 2; padding: 0px; }
@media screen and (max-width: 768px) { .related-products .owl-stage-outer { padding: 0px 85px; } }
@media screen and (max-width: 320px) { .related-products .owl-stage-outer { padding: 0px 72px; } }
.related-products h4 { text-transform: uppercase; text-align: center; color: #004c8c !important; font-size: 17px; margin-bottom: 10px !important; font-weight: 600; }
.related-products li { list-style-type: none; padding: 0px 15px; box-sizing: border-box; }
.related-products li a { display: block; border: 1px solid #d6e2ed; background-color: #edf2f7; padding: 10px 20px; box-sizing: border-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.related-products li a img { max-width: 100%; margin: 0px auto; }

body.index .paralaxProduct .bgParalax .grid.column-2 > * .only-mobile img { margin-left: -10px !important; }
body.index .paralaxProduct .bgParalax .grid.column-2.not-default-layout > * .only-mobile img { margin-right: 0px !important; margin-left: auto !important; }

@media screen and (max-width: 767px) { .paralaxProduct .bgParalax .grid.column-2 > * .only-mobile img { max-width: 100%; } }
body .paralaxProduct.products-view .bgParalax { background-position: top 105px right !important; background-size: 440px !important; }

.products { padding: 30px 0px; background: #e8eff5; }
@media screen and (max-width: 767px) { .products { padding: 25px 0px; } }
.products .bigTitle { line-height: 1; }
.products .bigTitle:after { display: none; }
.products .container { padding: 0px; }
.products .product-full-list { padding: 50px 0px; }
.products .product-full-list a { display: block; margin-bottom: 25px; padding: 0px 1.5em; }
@media screen and (max-width: 767px) { .products .product-full-list a { width: 50%; margin: 0px; padding: 0px 15px; }
  .products .product-full-list a:nth-child(0n+1) { padding-right: 7px; }
  .products .product-full-list a:nth-child(0n+2) { padding-left: 7px; } }
.products .product-full-list a:hover .image-container { background: white; }
@media screen and (min-width: 769px) { .products .product-full-list a:hover .image-container img { -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); } }
.products .product-full-list a .image-container { display: block; max-width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #d6e2ed; background: rgba(255, 255, 255, 0.4); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.products .product-full-list a .image-container img { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; max-width: 76%; margin: 10px 12%; }
.products .product-full-list a .image-container + h3 { color: #004c8c; font-size: 20px; }
@media screen and (max-width: 767px) { .products .product-full-list a .image-container + h3 { font-size: 15px; padding: 5px 10px; line-height: 1; min-height: 60px; } }
.products .product-full-list a .image-container + h3:after { display: none; }

.share-block .share-box li a.back-btn, .expanded-new .share-box li a.back-btn, .expanded-new .share-box li a.back-btn { background: transparent; width: 70px !important; text-align: center; color: #85919f !important; -webkit-border-radius: 25px !important; -moz-border-radius: 25px !important; border-radius: 25px !important; padding: 10px 15px 8px 15px !important; font-family: 'Nunito', sans-serif; text-transform: uppercase; font-size: 15px !important; font-family: 'Nunito', sans-serif; }
.share-block .share-box li a.back-btn .icon, .expanded-new .share-box li a.back-btn .icon, .share-block .share-box li a.back-btn .clould-grid h4:before, .clould-grid .share-block .share-box li a.back-btn h4:before, .expanded-new .share-box li a.back-btn .clould-grid h4:before, .clould-grid .expanded-new .share-box li a.back-btn h4:before, .expanded-new .share-box li a.back-btn .icon, .expanded-new .share-box li a.back-btn .clould-grid h4:before, .clould-grid .expanded-new .share-box li a.back-btn h4:before { left: 0px !important; width: 20px !important; padding: 6px 5px !important; }
.share-block .share-box li a.back-btn:hover, .expanded-new .share-box li a.back-btn:hover, .expanded-new .share-box li a.back-btn:hover { background: transparent !important; color: #004c8c !important; }

.index .paralaxProduct .bgParalax { background-size: 500px !important; }
@media screen and (max-width: 1024px) { .index .paralaxProduct .bgParalax { background-size: 400px !important; } }

@media screen and (min-width: 767px) { .products .product-full-list a .image-container + h3 { min-height: 41px !important; } }

.products .product-full-list a { min-height: 340px; }
@media screen and (max-width: 768px) { .products .product-full-list a { min-height: 220px; } }
.products .product-full-list a .image-container { position: relative; overflow: hidden; }
.products .product-full-list a .image-container:before { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; transition-delay: 0.25s; content: ''; display: block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: absolute; width: 120px; height: 90px; background: url(../../assets/images/general/cotton.svg) top center no-repeat; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: 95; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.products .product-full-list a .image-container:after { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; transition-delay: 0.25s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; content: '\e903'; font-size: 20px; color: #fff; content: '\e903'; font-size: 45px; margin: -15px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 96; }
@media screen and (min-width: 901px) { .products .product-full-list a:hover .image-container:before, .products .product-full-list a:hover .image-container:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } }

.refer-a-friend-box.active .green-box { display: block !important; }

@media screen and (max-width: 767px) { .featured-products-home .feature-slider { padding: 0px 10px; } }
@media screen and (max-width: 767px) { .featured-products-home .products .product-full-list .owl-item { box-sizing: border-box; }
  .featured-products-home .products .product-full-list .owl-item:nth-child(0n+1) { padding-right: 0px; }
  .featured-products-home .products .product-full-list .owl-item:nth-child(0n+2) { padding-left: 0px; }
  .featured-products-home .products .product-full-list .owl-item a { box-sizing: border-box; padding: 0px 10px; float: none; margin: 0px auto; } }

.ultraline { width: 100%; height: 1px; background: #ccc; margin: 20px 0px 25px 0px; display: block; }

[data-active="2"] li:first-child .tabLink:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; filter: alpha(opacity=0) !important; -moz-opacity: 0 !important; -khtml-opacity: 0 !important; opacity: 0 !important; }
[data-active="2"] li:first-child + li .tabLink:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; }

[data-active="1"] li:first-child .tabLink:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; }
[data-active="1"] li:first-child + li .tabLink:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; filter: alpha(opacity=0) !important; -moz-opacity: 0 !important; -khtml-opacity: 0 !important; opacity: 0 !important; }

.productType .thetab-container .bigTitle { padding-bottom: 50px; }
.productType .thetab-container .tab-content .tab-details { background: #fff; }
.productType .thetab-container .tab-content .tab-details .products { background: transparent; }
.productType .thetab-container .tab-content .tab-details + .tab-details { background: #f7eabf; }
.productType .thetab-container .tab-content .tab-details + .tab-details + .tab-details { background: #d5dee5; }

.featured-products-home .bigTitle { padding-bottom: 50px; }

@media screen and (max-width: 767px) { section#feature-products .feature-products-header .container { padding: 0px; }
  section#feature-products .feature-products-header ul { padding-top: 89px; }
  section#feature-products .feature-products-header ul li { height: 65px !important; }
  section#feature-products .feature-products-header ul li.search-btn { margin-top: -155px; }
  section#feature-products .feature-products-header ul li:first-child a, section#feature-products .feature-products-header ul li:first-child + li a { padding: 15px 0px 10px 0px !important; }
  section#feature-products .feature-products-header ul li:last-of-type { height: 95px !important; }
  section#feature-products .feature-products-header ul li a img { max-width: 80%; }
  .expanded-new #new-slider.flexslider .flex-direction-nav { display: none; } }
@media screen and (max-width: 767px) { .expanded-new #new-slider-thumbs .flex-direction-nav a.flex-prev, .expanded-new #new-slider-thumbs .flex-direction-nav a.flex-prev { height: 75px; margin-top: -37px; left: 0px; }
  .expanded-new #new-slider-thumbs .flex-direction-nav a.flex-prev:before, .expanded-new #new-slider-thumbs .flex-direction-nav a.flex-prev:before { font-size: 35px !important; top: 20px; position: relative; } }
@media screen and (max-width: 767px) { .expanded-new #new-slider-thumbs .flex-direction-nav a.flex-next, .expanded-new #new-slider-thumbs .flex-direction-nav a.flex-next { height: 75px; margin-top: -37px; right: -5px; }
  .expanded-new #new-slider-thumbs .flex-direction-nav a.flex-next:before, .expanded-new #new-slider-thumbs .flex-direction-nav a.flex-next:before { font-size: 35px !important; top: 20px; position: relative; } }

.share-block, .expanded-new { padding: 25px 0px 25px 0px; vertical-align: middle; display: block; }
.share-block p, .expanded-new p { vertical-align: middle; display: inline-block; font-size: 15px; }
.share-block .share-box, .expanded-new .share-box { vertical-align: middle; display: inline-block; list-style-type: none; }
.share-block .share-box li, .expanded-new .share-box li { margin: 0px 0px 0px 0px; display: inline-block; }
.share-block .share-box li a, .expanded-new .share-box li a { cursor: pointer; position: relative; text-decoration: none; font-size: 22px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 5px; width: 25px; height: 25px; display: block; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.share-block .share-box li a .icon, .expanded-new .share-box li a .icon, .share-block .share-box li a .clould-grid h4:before, .clould-grid .share-block .share-box li a h4:before, .expanded-new .share-box li a .clould-grid h4:before, .clould-grid .expanded-new .share-box li a h4:before { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.share-block .share-box li a:hover, .expanded-new .share-box li a:hover { background: #293647 !important; }
.share-block .share-box li.facebook a, .expanded-new .share-box li.facebook a { background: #004a80; }
.share-block .share-box li.twitter a, .expanded-new .share-box li.twitter a { background: #00aeef; }
.share-block .share-box li.whatsapp a, .expanded-new .share-box li.whatsapp a { background: #00a651; }
.share-block .share-box li.email a, .expanded-new .share-box li.email a { background: #666666; }

.slider ul li, .expanded-new .aside .new-slider-block .news-slider ul li { display: block; position: relative; }
@media screen and (max-width: 767px) { .slider ul li, .expanded-new .aside .new-slider-block .news-slider ul li { min-height: 65vh; } }
.slider ul li:before, .expanded-new .aside .new-slider-block .news-slider ul li:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; background: rgba(55, 69, 82, 0.85); }
.slider ul li .content, .expanded-new .aside .new-slider-block .news-slider ul li .content { text-align: left; max-width: 575px; z-index: 3; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media screen and (max-width: 767px) { .slider ul li .content, .expanded-new .aside .new-slider-block .news-slider ul li .content { text-align: center; position: absolute; max-width: 100%; left: auto; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 85px 15px 50px 15px; } }
.slider ul li .content h2, .expanded-new .aside .new-slider-block .news-slider ul li .content h2 { color: #fff; letter-spacing: 1px; font-size: 41px; }
@media screen and (max-width: 767px) { .slider ul li .content h2, .expanded-new .aside .new-slider-block .news-slider ul li .content h2 { font-size: 24px; } }
.slider ul li .content h2 strong, .expanded-new .aside .new-slider-block .news-slider ul li .content h2 strong { font-weight: 500; }
.slider ul li .content a, .expanded-new .aside .new-slider-block .news-slider ul li .content a { display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px 0px; border: 2px solid #3c95b5; padding: 8px 15px; line-height: 1; text-decoration: none; }
.slider ul li .content p, .expanded-new .aside .new-slider-block .news-slider ul li .content p { color: #fff; font-size: 18px; }
@media screen and (max-width: 767px) { .slider ul li .content p, .expanded-new .aside .new-slider-block .news-slider ul li .content p { font-size: 15px; } }
.slider ul li img, .expanded-new .aside .new-slider-block .news-slider ul li img { position: relative; z-index: 1; }
@media screen and (max-width: 767px) { .slider ul li img, .expanded-new .aside .new-slider-block .news-slider ul li img { position: absolute; top: 0px; height: 125%; width: auto !important; } }
.slider .owl-dots, .expanded-new .aside .new-slider-block .news-slider .owl-dots { padding: 0px 15px; position: absolute; left: 0px; bottom: 25px; width: 100%; display: block; text-align: center; }
.slider .owl-dots .owl-dot, .expanded-new .aside .new-slider-block .news-slider .owl-dots .owl-dot { -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; width: 10px; height: 10px; margin: 0px 5px; background: #a1a9b1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; }
.slider .owl-dots .owl-dot.active, .expanded-new .aside .new-slider-block .news-slider .owl-dots .owl-dot.active { background: #2c6985; }

.expanded-new .aside .new-slider-block .news-slider .owl-dots { bottom: 10px; }

.expanded-new { padding: 90px 0px; background: #fff; /* --Clearfix */ /* Loading
***********************/ /* Layout
***********************/ /* Media Queries
***********************/ /* ==================================================================================================================== RESETS ====================================================================================================================*/ /* ==================================================================================================================== BASE STYLES ====================================================================================================================*/ /* ==================================================================================================================== DEFAULT THEME ====================================================================================================================*/ /* ==================================================================================================================== RESPONSIVE ====================================================================================================================*/ }
@media screen and (max-width: 980px) { .expanded-new { padding: 0px; } }
.expanded-new .container { text-align: left; }
.expanded-new .container > div { padding: 0px 25px; width: 65%; }
@media screen and (max-width: 980px) { .expanded-new .container > div { width: 100%; padding: 25px 0px; } }
.expanded-new .container > div:first-child { float: left; }
.expanded-new .container > div:first-child + div { width: 35%; float: right; }
@media screen and (max-width: 980px) { .expanded-new .container > div:first-child + div { width: 100%; float: none; } }
.expanded-new h3 { font-size: 35px; font-weight: normal; color: #004d8c; font-weight: 600; margin: 0px; padding: 10px 0px; }
.expanded-new h3 + div p { font-size: 21px; line-height: 1.25; }
.expanded-new h3 + div + hr { display: block; margin: 10px 0px; border-bottom: 1px solid #eaeaea; }
.expanded-new h3:after { display: none; }
@media screen and (max-width: 768px) { .expanded-new h3 { font-size: 24px; } }
.expanded-new p.author { display: block; line-height: 1.25; float: left; }
.expanded-new p.date { float: right; }
.expanded-new .share-block p, .expanded-new .expanded-new p { text-align: center; font-size: 24px; display: block; width: 100%; font-weight: 600; }
.expanded-new .share-box { display: block; width: 100%; }
@media screen and (max-width: 768px) { .expanded-new .share-box { display: block; } }
.expanded-new .share-box li { margin: 0px 0.5%; padding: 0px; width: 32.33%; float: left; }
@media screen and (max-width: 768px) { .expanded-new .share-box li { margin-left: 0px; margin-right: 0px; width: 33.33%; margin: 0px; padding: 0px 5px; } }
.expanded-new .share-box li a { padding: 25px 0px; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; font-size: 30px; }
.expanded-new p { font-size: 18px; color: rgba(52, 52, 52, 0.8); }
@media screen and (max-width: 768px) { .expanded-new p { font-size: 15px; } }
.expanded-new p.date, .expanded-new p.author { font-size: 15px; color: #3c95b5; }
.expanded-new .fullpost { margin-top: 60px; width: 100%; }
.expanded-new .fullpost p { font-size: 15px; }
.expanded-new .aside { position: relative; }
.expanded-new .aside .new-slider-block { display: block; list-style-type: none; }
.expanded-new .aside .new-slider-block .news-slider li { display: block; list-style-type: none; }
.expanded-new .aside .new-slider-block .news-slider li img { display: block; max-width: 100%; width: auto; width: 100%; margin: 0px; }
.expanded-new .aside #thumbnailSlider .owl-dots { display: none; }
.expanded-new .aside #thumbnailSlider .owl-item { cursor: pointer; padding: 2px 1px; }
.expanded-new .aside #thumbnailSlider .owl-item .item img { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.expanded-new .aside #thumbnailSlider .owl-item .item.current img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
.expanded-new .image-container { margin: 20px 0px; overflow: hidden; position: relative; display: inline-block; }
.expanded-new .image-container:before { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; content: ''; display: block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: absolute; left: 0px; bottom: 0px; width: 120px; background: url(../../assets/images/general/cotton.svg) top center no-repeat; background-size: cover; height: 90px; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.expanded-new .image-container:after { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; content: '\e914'; color: #fff; font-size: 35px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: 6px; margin-top: 8px; }
.expanded-new .fullpost p { font-size: 18px; }
.expanded-new .cf:before, .expanded-new .cf:after { content: ""; display: table; }
.expanded-new .cf:after { clear: both; }
.expanded-new .cf { zoom: 1; }
.expanded-new .toggle { margin: 2px 0 0 14px; float: left; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.expanded-new .toggle li { float: left; }
.expanded-new .toggle li a { width: 50px; padding: 6px 0; text-align: center; display: block; text-shadow: 1px 1px 0 #fff; font-size: 12px; font-weight: 600; color: #666; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #ededed 100%); /* W3C */ box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; -moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; }
.expanded-new .toggle li:first-child a { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.expanded-new .toggle li a:hover { background: #ededed; color: #222; }
.expanded-new .toggle li a.active { background: #c8e0f3; color: #325874; cursor: default; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4); }
.expanded-new .slider, .expanded-new .aside .new-slider-block .news-slider { margin: 50px 0 10px !important; }
.expanded-new #carousel li { margin-right: 5px; }
.expanded-new #carousel img { display: block; opacity: .5; cursor: pointer; }
.expanded-new #carousel img:hover { opacity: 1; }
.expanded-new #carousel .flex-active-slide img { opacity: 1; cursor: default; }
.expanded-new .button { display: inline-block; margin: 0; padding: .461em 1.563em .41em; color: #fff !important; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7); text-transform: uppercase; line-height: 1; font-size: .9em; cursor: pointer; font-family: "proxima-nova", sans-serif; border: 1px solid #1a4064; background: #255a8c; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15); -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15); }
.expanded-new .button:active { -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1); }
.expanded-new .button.green { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); border: 1px solid #578824; background: #71b02f; }
.expanded-new .button.green:hover { background: #79bc32; }
.expanded-new .loading #container { opacity: 0; }
.expanded-new .loading:before { content: 'LOADING'; display: block; margin: 100px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3; }
.expanded-new #container { padding: 60px 40px 100px; }
.expanded-new #main { margin-left: 420px; margin-top: -25px; overflow: hidden; }
.expanded-new aside h3 { float: left; }
@media screen and (max-width: 960px) { .expanded-new #container { padding: 35px; }
  .expanded-new #main { margin-left: 380px; }
  .expanded-new aside h3 { float: none; font-size: 20px; }
  .expanded-new .toggle { margin-left: 0; float: none; } }
@media screen and (max-width: 768px) { .expanded-new { /* on nav hover */ }
  .expanded-new #container { padding: 20px 30px; }
  .expanded-new #main { margin-left: 0; }
  .expanded-new h3.nav-header { margin: 0 auto 10px; font-size: 16px; }
  .expanded-new nav { position: relative; min-height: 46px; margin-bottom: 20px; width: 100%; }
  .expanded-new nav ul { width: 260px; padding: 0; position: absolute; left: 50%; margin-left: -130px; top: 0; z-index: 9999; border: 1px solid #1e5486; background: #255a8c; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 2px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 2px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 2px 0 rgba(255, 255, 255, 0.2); }
  .expanded-new nav li { display: none; /* hide all <li> items */ margin: 0; }
  .expanded-new nav li a { border: none !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
  .expanded-new nav li a:hover { text-decoration: underline; }
  .expanded-new nav .active { display: block; /* show only current <li> item */ }
  .expanded-new nav a { display: block; padding: 10px 20px; text-align: center; font-size: 12px; }
  .expanded-new nav .active a { background: none; color: #fff; position: relative; }
  .expanded-new nav .active a:after { font-family: flexslider-icon; content: '\f005'; font-size: 13px; position: absolute; right: 10px; top: 10px; }
  .expanded-new nav ul:hover { background: #32679a; }
  .expanded-new nav ul:hover li { display: block; margin: 0 0 5px; }
  .expanded-new nav ul:hover .active { border: 1px solid #1e5486 !important; background: #255a8c; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
  .expanded-new nav ul:hover .active a:after { display: none; } }
.expanded-new .flex-container a:hover, .expanded-new .flex-slider a:hover { outline: none; }
.expanded-new .slides, .expanded-new .slides > li, .expanded-new .flex-control-nav, .expanded-new .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.expanded-new .flex-pauseplay span { text-transform: capitalize; }
.expanded-new .flexslider { margin: 0; padding: 0; }
.expanded-new .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.expanded-new .flexslider .slides img { width: 100%; display: block; }
.expanded-new .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.expanded-new html[xmlns] .flexslider .slides { display: block; }
.expanded-new * html .flexslider .slides { height: 1%; }
.expanded-new .no-js .flexslider .slides > li:first-child { display: block; }
.expanded-new .flexslider { margin: 0; background: #fff; border: 2px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); }
.expanded-new .flexslider .slides { zoom: 1; }
.expanded-new .flexslider .slides a .image-container:hover:before, .expanded-new .flexslider .slides a .image-container:hover:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; }
.expanded-new .flexslider .slides img { height: auto; -moz-user-select: none; }
.expanded-new .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.expanded-new .loading .flex-viewport { max-height: 300px; }
.expanded-new .carousel li { margin-right: 5px; }
.expanded-new .flex-direction-nav { *height: 0; }
.expanded-new .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 60px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.expanded-new .flex-direction-nav a.flex-next, .expanded-new .flex-direction-nav a.flex-prev { font-size: 0px; }
.expanded-new .flex-direction-nav a.flex-next:before, .expanded-new .flex-direction-nav a.flex-prev:before { font-size: 60px; }
.expanded-new .flex-direction-nav a.flex-next { right: 20px; }
.expanded-new .flex-direction-nav a.flex-next:before { content: '\e90d'; }
.expanded-new .flex-direction-nav a.flex-prev:before { content: '\e90c'; }
.expanded-new .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; }
.expanded-new .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.expanded-new .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 20px; }
.expanded-new .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }
.expanded-new .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1; }
.expanded-new .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.expanded-new .flex-pauseplay a:hover { opacity: 1; }
.expanded-new .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.expanded-new .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.expanded-new .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.expanded-new .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.expanded-new .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.expanded-new .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.expanded-new .flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.expanded-new .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.expanded-new .flex-control-thumbs img:hover { opacity: 1; }
.expanded-new .flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
@media screen and (max-width: 860px) { .expanded-new .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .expanded-new .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }
.expanded-new #new-slider-thumbs li { overflow: hidden; max-height: 115px; cursor: pointer; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }
.expanded-new #new-slider-thumbs li:hover, .expanded-new #new-slider-thumbs li.flex-active-slide { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); }
.expanded-new #new-slider-thumbs.no-thumbs { display: none !important; }
.expanded-new .expanded-new .adwords .container { background: transparent; text-align: center; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.expanded-new .expanded-new .adwords .container a { display: inline-block; margin: 0px auto; }

.featured-news-individuals { padding: 25px 0px; }
.featured-news-individuals p { text-align: center; font-size: 24px; display: block; width: 100%; font-weight: 600; }
.featured-news-individuals ul { list-style-type: none; }
.featured-news-individuals ul li { padding: 10px 0px; font-size: 0; border-top: 1px solid #eeeeee; }
.featured-news-individuals ul li:first-child { border-top: 0px; }
.featured-news-individuals ul li a { font-size: 0; }
.featured-news-individuals ul li a * { vertical-align: text-top; }
.featured-news-individuals ul li a img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; max-width: 40%; display: inline-block; }
.featured-news-individuals ul li a span { padding: 0px 10px; max-width: 60%; display: inline-block; }
.featured-news-individuals ul li a span h5 { color: #004d8c; font-size: 19px; font-weight: 600; }
.featured-news-individuals ul li a span var { font-size: 14px; text-transform: uppercase; color: #777777; font-style: normal; font-weight: bold; }
.featured-news-individuals ul li a span var i { font-weight: bold; font-size: 18px; margin-left: -5px; }

/* Sections */
section#slider h2 { font-size: 50px; }
@media (max-width: 900px) { section#slider h2 { padding: 0px 15px; font-size: 25px; } }
section#slider h2 { text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.15); line-height: 1; }
section#slider h4 { line-height: 1; padding: 10px 0px 0px 0px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); font-size: 20px; }
@media (max-width: 900px) { section#slider h4 { padding: 10px 15px 10px 15px; font-size: 15px; } }
section#slider a { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin: 10px 0px 0px 0px; display: inline-block; text-transform: uppercase; border: 2px solid #fff; font-weight: 600; padding: 7px 35px; font-size: 18px; width: auto; height: auto !important; border-radius: 50px; color: #fff; }
section#slider a:hover { background: #fff !important; border-color: #fff; color: #004c8c; }
section#slider h2, section#slider h4 { color: #fff !important; text-align: center; font-family: 'Nunito', sans-serif !important; font-weight: 600; }
section#slider .content { top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; text-align: center; }
section#slider .content h2, section#slider .content h4 { text-align: center; color: #fff !important; }
@media (max-width: 900px) { section#slider .content { width: 100%; } }
section#slider .owl-carousel .item { height: 360px; text-align: left; background-size: cover !important; background-position: center center !important; }
section#slider .owl-carousel .item:before { content: ''; display: block; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 76, 140, 0.25); }
section#slider .owl-carousel .item .container { text-align: center; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
section#slider .owl-carousel .item .container h2 { font-size: 50px; }
section#slider .owl-carousel .item .container h2, section#slider .owl-carousel .item .container h4 { color: #fff !important; text-align: center; font-family: 'Nunito', sans-serif !important; font-weight: bold; text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.15); }
section#slider .owl-carousel .item .container h4 { padding-top: 25px; }
section#slider .owl-carousel .item .container a { position: relative; float: left; font-family: 'Montserrat', sans-serif; font-size: 18px; text-transform: uppercase; padding-left: 25px; margin-left: 25px; margin-top: 65px; }
section#slider .owl-carousel .item .container a:before { content: "\e900"; position: absolute; color: #f4bd19; font-size: 23px; top: -1px; left: -7px; }
@media (max-width: 1366px) { section#slider .owl-carousel .item .container h2 { font-size: 35px; line-height: 35px; }
  section#slider .owl-carousel .item .container h4 { font-size: 18px; }
  section#slider .owl-carousel .item .container a { font-size: 15px; } }
@media (max-width: 767px) { section#slider .owl-carousel .item .container h2 { font-size: 30px; line-height: 30px; }
  section#slider .owl-carousel .item .container h4 { font-size: 17px; }
  section#slider .owl-carousel .item .container a { font-size: 15px; } }
section#slider .owl-carousel .owl-nav .owl-prev, section#slider .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
section#slider .owl-carousel .owl-nav .owl-prev:before, section#slider .owl-carousel .owl-nav .owl-next:before { color: white; font-size: 35px; }
section#slider .owl-carousel .owl-nav .owl-prev { left: 25px; }
section#slider .owl-carousel .owl-nav .owl-prev:before { content: "\e90c"; }
section#slider .owl-carousel .owl-nav .owl-next { right: 25px; }
section#slider .owl-carousel .owl-nav .owl-next:before { content: "\e90d"; }
@media (max-width: 1366px) { section#slider .owl-carousel .owl-nav { display: none; } }

section#access { margin-top: 8px; }
section#access .items .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; display: inline-block; padding: 0 4px; position: relative; height: 471px; overflow: hidden; }
section#access .items .item:before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; width: 100%; left: 0; opacity: 0.6; background-image: -moz-linear-gradient(bottom, black 0%, transparent 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, bottom bottom, bottom top, color-stop(0%, black), color-stop(100%, transparent)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(bottom, black 0%, transparent 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(bottom, black 0%, transparent 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(bottom, black 0%, transparent 100%); /* IE10+ */ background-image: linear-gradient(to top, black 0%, transparent 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=black, endColorstr=transparent,GradientType=0 ); /* IE6-9 */ }
section#access .items .item:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f4bd19; opacity: 0; z-index: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
section#access .items .item:first-child { padding-left: 0; }
section#access .items .item:last-child { padding-right: 0; }
section#access .items .item:hover:after { opacity: 0.6; }
section#access .items .item:hover .image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
section#access .items .item .image { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; width: 100%; height: 100%; background-size: cover !important; background-position: center center !important; position: relative; }
section#access .items .item span { font-size: 30px; position: absolute; bottom: 30px; left: 60px; font-weight: 300; z-index: 1; }
section#access .items .item span:before { content: "\e900"; color: #f4bd19; position: absolute; left: -43px; top: 3px; }
@media (max-width: 1675px) { section#access .items .item { height: 370px; }
  section#access .items .item span { font-size: 20px; left: 45px; }
  section#access .items .item span:before { left: -30px; } }
@media (max-width: 767px) { section#access .items .item { width: 100%; height: 115px; padding: 4px 0; }
  section#access .items .item span { padding-right: 20px; }
  section#access .items .owl-stage { width: 100% !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } }

section#feature-products { text-align: center; }
section#feature-products .titles { padding: 20px 0px; }
section#feature-products .feature-products-header { background: #f2f6f9; display: block; width: 100%; }
section#feature-products .feature-products-header ul { list-style-type: none; font-size: 0px; }
section#feature-products .feature-products-header ul li { position: relative; display: inline-block; list-style-type: inherit; width: 25%; vertical-align: text-top; height: 85px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
@media screen and (max-width: 1325px) { section#feature-products .feature-products-header ul li { width: 33.33%; }
  section#feature-products .feature-products-header ul li img { margin: 0px auto !important; } }
section#feature-products .feature-products-header ul li:before { display: block; content: ''; width: 1px; height: 75%; position: absolute; left: 0px; top: 12.5%; background: #e0e1e2; }
section#feature-products .feature-products-header ul li:first-child:hover { background: #fbfbfd; }
section#feature-products .feature-products-header ul li:first-child + li:hover { background: #f8ebc1; }
section#feature-products .feature-products-header ul li:first-child + li + li:hover { background: #d4dde4; }
section#feature-products .feature-products-header ul li:first-child:before { display: none; }
@media screen and (max-width: 767px) { section#feature-products .feature-products-header ul li { width: 33.33%; height: 55px; border-top: 0px solid #dfebf6 !important; }
  section#feature-products .feature-products-header ul li img { width: 90%; max-width: 85%; margin: 0px auto; }
  section#feature-products .feature-products-header ul li:first-of-type { border-top: 0px !important; padding-top: 0px; box-sizing: border-box; }
  section#feature-products .feature-products-header ul li:last-of-type { height: 95px; width: 100%; padding-bottom: 10px; } }
@media screen and (max-width: 767px) and (max-width: 767px) { section#feature-products .feature-products-header ul li:last-of-type:before { display: none; } }

section#feature-products .feature-products-header ul li a { padding: 10px 0px; display: block; text-decoration: none; }
section#feature-products .feature-products-header ul li a img { display: block; max-width: 50%; margin: 8px auto; }
@media screen and (max-width: 767px) { section#feature-products .feature-products-header ul li a img { max-width: 90%; } }
@media screen and (max-width: 767px) { section#feature-products .feature-products-header ul li a:after { display: none; } }
section#feature-products .feature-products-header ul li.search-btn { overflow: hidden; box-sizing: border-box; padding: 0px 15px; }
section#feature-products .feature-products-header ul li.search-btn div { font-size: 15px; }
@media screen and (max-width: 767px) { section#feature-products .feature-products-header ul li.search-btn div { border-top: 1px solid #e0e1e2; } }
section#feature-products .feature-products-header ul li.search-btn div input, section#feature-products .feature-products-header ul li.search-btn div button { font-size: 17px; }
section#feature-products .feature-products-header ul li.search-btn * { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
section#feature-products .feature-products-header ul li.search-btn.inactive-button > * { -ms-transform: translateY(-44px); -webkit-transform: translateY(-44px); transform: translateY(-44px); }
section#feature-products .feature-products-header ul li.search-btn.inactive-button input { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #004c8c; padding: 10px; width: 100%; color: #004c8c; background: #fff; }
section#feature-products .feature-products-header ul li.search-btn.inactive-button button { cursor: pointer; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; font-weight: 600; position: absolute; right: 0px; top: 0px; padding: 15px 10px 11px 10px; text-transform: uppercase; background: #004c8c; color: #fff; font-size: 13px; line-height: 1.5; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
section#feature-products .feature-products-header ul li.search-btn.inactive-button button:hover { background: #005b79; }
section#feature-products .feature-products-header ul li.search-btn a { max-width: 200px; position: relative; padding-left: 55px; font-weight: 600; line-height: 1; color: #005b79; font-size: 26px; text-align: left; font-family: 'Nunito', sans-serif; margin-top: 15px; margin: 5px auto; }
@media screen and (max-width: 767px) { section#feature-products .feature-products-header ul li.search-btn a { margin: 10px auto; } }
section#feature-products .feature-products-header ul li.search-btn a i { font-size: 45px; position: absolute; left: 0px; }

.featured-products-home .bigTitle { text-transform: uppercase; font-weight: bold; font-size: 30px; padding-bottom: 0px; }
.featured-products-home .bigTitle + p { padding-top: 0px; padding-bottom: 25px; color: #004c8c; text-transform: uppercase; font-size: 18px; font-weight: normal; }
.featured-products-home .products { padding: 25px 0px; }
.featured-products-home .product-full-list { padding: 0px; overflow: hidden; }
@media screen and (max-width: 767px) { .featured-products-home .product-full-list a { width: 100%; box-sizing: border-box; } }
.featured-products-home .product-full-list .feature-slider .owl-nav { display: none; }
.featured-products-home .product-full-list .feature-slider .owl-item { float: left; }

section#company { position: relative; overflow: hidden; background: url("../images/company/bg.png"); background-size: cover !important; padding: 90px 0 130px 0; }
section#company h2, section#company h3 { text-align: center; }
section#company:before { content: ''; position: absolute; height: 45px; width: 50%; bottom: 0; left: -20px; padding: 0px; background-color: #FFFFFF; transform: skew(45deg); -webkit-transform: skew(45deg); }
section#company:after { content: ''; position: absolute; height: 45px; width: 50%; bottom: 0; right: -20px; padding: 0px; background-color: #FFFFFF; transform: skew(135deg); -webkit-transform: skew(135deg); }
section#company .container .info { width: 50%; display: inline-block; float: left; }
section#company .container .info p { text-align: left; color: white; font-size: 21px; }
section#company .container .slides { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 50%; position: absolute; right: 0; }
section#company .container .slides .wrapper { width: 340px; height: 340px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 10px solid #f4bd19; }
section#company .container .slides .owl-carousel .item { width: 100%; height: 100%; background-size: cover !important; background-position: center center !important; }
section#company .container .slides .owl-carousel .owl-stage-outer { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
section#company .container .slides .owl-carousel .owl-dots { margin-top: 30px; }
section#company .container .slides .owl-carousel .owl-dots .owl-dot { width: 12px; height: 12px; background: white; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; margin: 0 7px; }
section#company .container .slides .owl-carousel .owl-dots .owl-dot.active { background: #f4bd19; }
@media (max-width: 1366px) { section#company .container .info p { font-size: 18px; } }
@media (max-width: 767px) { section#company .container .info { width: 100%; padding-top: 300px; }
  section#company .container .slides { top: -5px; transform: none; margin: auto; width: 100%; }
  section#company .container .slides .wrapper { width: 250px; height: 250px; } }

section#staff { padding: 90px 0; }
section#staff h2, section#staff h3 { text-align: center; }
section#staff h3 { color: #333e48; }
section#staff .container { padding: 0 60px; }
section#staff .container .item { position: relative; display: inline-block; width: 30%; margin: 10px  1.5%; height: 456px; background-size: cover !important; background-position: center center !important; }
section#staff .container .item:before { content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; width: 100%; left: 0; opacity: 0.8; background-image: -moz-linear-gradient(bottom, black 0%, transparent 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, bottom bottom, bottom top, color-stop(0%, black), color-stop(100%, transparent)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(bottom, black 0%, transparent 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(bottom, black 0%, transparent 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(bottom, black 0%, transparent 100%); /* IE10+ */ background-image: linear-gradient(to top, black 0%, transparent 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=black, endColorstr=transparent,GradientType=0 ); /* IE6-9 */ }
section#staff .container .item:nth-child(3n) { margin-right: 0; }
section#staff .container .item:nth-child(3n+1) { margin-left: 0; }
section#staff .container .item.text { background: #f4bd19; }
section#staff .container .item.text:before { opacity: 0; }
section#staff .container .item.text .info { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 60px 45px; }
section#staff .container .item.text .info p { color: #333e48; font-size: 30px; }
section#staff .container .item.text .info p:before { position: absolute; content: "\e90b"; color: #333e48; left: 15px; padding-top: 5px; opacity: 0.5; }
section#staff .container .item.text .info p:after { position: absolute; content: "\e90a"; color: #333e48; padding-top: 5px; opacity: 0.5; }
section#staff .container .item .info { position: absolute; padding: 45px 15px 30px 45px; bottom: 0; left: 0; right: 0; }
section#staff .container .item .info h4 { font-weight: bold; font-size: 17px; z-index: 1; text-align: left; }
section#staff .container .item .info h4:before { content: "\e900"; color: #f4bd19; position: absolute; left: 20px; }
section#staff .container .item .info p { color: white; font-size: 19px; text-align: left; min-height: 70px; }
@media (max-width: 1366px) { section#staff .container .item.text .info p { font-size: 24px; } }
@media (max-width: 991px) { section#staff .container { padding: 0 15px; } }
@media (max-width: 767px) { section#staff { padding-top: 45px; }
  section#staff .container .item { width: 100%; height: 315px; margin: 10px 0; }
  section#staff .container .item.text { height: auto; }
  section#staff .container .item.text .info { position: relative; height: auto; left: 0; padding: 50px; }
  section#staff .container .item.text .info p:before { left: 25px; } }

section#news { padding: 90px 0px; }
@media screen and (max-width: 767px) { section#news { padding: 25px 15px; }
  section#news .items { margin: 0px !important; } }
section#news:not(.newSlider) .items .item { width: 30%; min-height: 330px; }
@media screen and (max-width: 767px) { section#news:not(.newSlider) .items .item { width: 100%; margin: 10px 0px !important; height: auto !important; } }
section#news .items { padding: 50px 30px; }
@media screen and (max-width: 767px) { section#news .items { padding: 25px 0px; } }
section#news .items .item { position: relative; margin-top: 20px; margin: 10px 1.65%; text-align: center; }
section#news .items .item .view-more { display: block; }
@media screen and (min-width: 901px) { section#news .items .item .view-more:hover .image-container:before, section#news .items .item .view-more:hover .image-container:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; }
  section#news .items .item .view-more:hover h3 { color: #004c8c; } }
section#news .items .item .image-container { margin: 20px 0px; overflow: hidden; position: relative; display: inline-block; }
section#news .items .item .image-container:before { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; content: ''; display: block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: absolute; left: 0px; bottom: 0px; width: 120px; background: url(../../assets/images/general/cotton.svg) top center no-repeat; background-size: cover; height: 90px; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
section#news .items .item .image-container:after { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; content: '\e903'; font-size: 20px; color: #fff; content: '\e903'; font-size: 45px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: -15px; margin-top: -15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
section#news .items .item .info { display: inline-block; }
section#news .items .item .info img { display: block; max-width: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
section#news .items .item .info h3 { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; padding: 0px 5px; margin-bottom: 5px; color: #666666; font-size: 30px; line-height: 1; text-align: left; }
section#news .items .item .info h3:after { display: none; }
section#news .items .item .info p { margin: 0px; text-align: left; padding: 0px 5px; color: #666666; font-size: 16px; }

.feature-new-slider { padding: 20px 0px; }
.feature-new-slider h2 { text-align: center; padding: 25px 0px; font-size: 35px; line-height: 1.2; }
@media screen and (max-width: 767px) { .feature-new-slider h2 { padding: 25px 15px; font-size: 25px; } }
.feature-new-slider .owl-carousel { padding: 0px 50px; box-sizing: border-box; }
@media screen and (max-width: 767px) { .feature-new-slider .owl-carousel { padding: 0px 15px; } }
.feature-new-slider .owl-nav { box-sizing: border-box; display: block !important; position: absolute; left: 0px; top: 115px; width: 100%; }
.feature-new-slider .owl-nav .owl-prev, .feature-new-slider .owl-nav .owl-next { font-size: 0px; }
.feature-new-slider .owl-nav .owl-prev:before, .feature-new-slider .owl-nav .owl-next:before { color: #919da9; cursor: pointer; font-size: 50px; }
.feature-new-slider .owl-nav .owl-prev { margin-left: 0px; float: left; }
.feature-new-slider .owl-nav .owl-prev:before { content: '\e916'; }
@media screen and (max-width: 767px) { .feature-new-slider .owl-nav .owl-prev { left: 5px; } }
.feature-new-slider .owl-nav .owl-next { margin-right: 0px; float: right; }
@media screen and (max-width: 767px) { .feature-new-slider .owl-nav .owl-next { right: 5px; } }
.feature-new-slider .owl-nav .owl-next:before { content: '\e915'; }
.feature-new-slider .item { width: auto; box-sizing: border-box; position: relative; padding: 0px 15px; margin-top: 20px; margin: 10px 10px 20px 10px; text-align: center; }
.feature-new-slider .item .view-more { display: block; }
.feature-new-slider .item .view-more:hover .image-container:before, .feature-new-slider .item .view-more:hover .image-container:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; }
.feature-new-slider .item .view-more:hover h3 { color: #004c8c; }
.feature-new-slider .item .image-container { margin: 20px 0px; overflow: hidden; position: relative; display: inline-block; }
.feature-new-slider .item .image-container:before { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; content: ''; display: block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: absolute; left: 0px; bottom: 0px; width: 115%; background: url(../../assets/images/general/cotton.svg) top center no-repeat; background-size: cover; height: 110%; left: -9%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.feature-new-slider .item .image-container:after { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; content: '\e903'; font-size: 20px; color: #fff; content: '\e903'; font-size: 60px; position: absolute; bottom: 12%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 40%; }
.feature-new-slider .item .info { display: inline-block; }
.feature-new-slider .item .info img { display: block; max-width: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.feature-new-slider .item .info h3 { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; padding: 0px 5px; margin-bottom: 5px; color: #666666; font-size: 25px; line-height: 1; text-align: left; }
.feature-new-slider .item .info h3:after { display: none; }
.feature-new-slider .item .info p { margin: 0px; text-align: left; padding: 0px 5px; color: #666666; font-size: 15px; }

.new-header .back-btn { color: #adaeb7; }

section#phrases { background: #f4bd19; padding: 120px 0; }
section#phrases .container p { color: #333e48; font-size: 26px; text-transform: uppercase; }
section#phrases .container p:before { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; content: "\e90b"; color: #333e48; left: -25px; }
section#phrases .container p:after { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; content: "\e90a"; color: #333e48; right: -25px; }
@media (max-width: 1366px) { section#phrases .container p { padding: 35px; font-size: 20px; }
  section#phrases .container p:before { left: 20px; }
  section#phrases .container p:after { right: 20px; } }
@media (max-width: 767px) { section#phrases { padding: 65px 0; } }

section#services { position: relative; overflow: hidden; padding-top: 90px; }
section#services h2, section#services h3 { text-align: center; }
section#services h3 { color: #333e48; }
section#services .items .item { position: relative; min-height: 350px; }
section#services .items .item .image { position: absolute; bottom: 0; top: 0; width: 50%; display: inline-block; background-size: cover !important; background-position: center center !important; }
section#services .items .item .info { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; float: right; display: inline-block; padding: 35px 15% 35px 35px; }
section#services .items .item .info h4 { color: #f4bd19; font-size: 35px; }
section#services .items .item .info p { font-size: 17px; }
section#services .items .item:nth-child(2n+1) .image { left: 0; }
section#services .items .item:nth-child(2n) .info { float: left; padding: 35px 35px 35px 15%; }
section#services .items .item:nth-child(2n) .image { right: 0; }
@media (max-width: 1366px) { section#services .items .item .info h4 { font-size: 30px; }
  section#services .items .item .info p { font-size: 15px; } }
@media (max-width: 767px) { section#services .items .item .image { width: 100%; position: relative; height: 150px; }
  section#services .items .item .info { width: 100%; }
  section#services .items .item .info:nth-child(n) { padding: 15px; } }

.banner-contacto { background-position: right center !important; }

section#contact { position: relative; overflow: hidden; background: #fff; padding: 90px 0 90px 0; }
@media screen and (max-width: 767px) { section#contact { padding: 25px 0px; }
  section#contact .form-container-box { margin: 25px auto !important; }
  section#contact .form-container-box h4 { font-size: 26px; } }
section#contact .info > p { color: #6c7a89; padding: 0px; font-size: 18px; }
section#contact .info > p a { color: #6c7a89; }
section#contact .info > p i { position: relative; margin-right: 5px; font-size: 18px; }
section#contact .info h3 { padding: 0px; font-size: 18px; margin-top: 30px; font-weight: bold; }
section#contact .cottonicon { display: block; position: relative; }
section#contact .cottonicon a { display: block; padding-left: 75px; line-height: 1; margin: 20px 0px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
section#contact .cottonicon a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
section#contact .cottonicon a i { position: absolute; top: 0px; left: -10px; background: url(../../assets/images/general/cotton.svg) center center no-repeat; font-size: 25px !important; color: #fff !important; width: 80px; background-size: cover; line-height: 60px; text-align: center !important; }
section#contact .cottonicon a p { text-transform: initial; font-size: 25px !important; color: #6c7a89; }
@media screen and (max-width: 767px) { section#contact .cottonicon a p { font-size: 19px !important; } }
section#contact .cottonicon a p strong { font-weight: 600; font-size: 25px; }
@media screen and (max-width: 767px) { section#contact .cottonicon a p strong { font-size: 19px !important; }
  section#contact .cottonicon a p strong br { display: none; } }
section#contact .callicon { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display: inline-block; background: #004c8c; position: relative; padding: 10px 30px 10px 90px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
section#contact .callicon:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
@media screen and (max-width: 767px) { section#contact .callicon { width: 100%; box-sizing: border-box; padding: 5px 10px 0px 60px; } }
section#contact .callicon * { color: #fff !important; }
section#contact .callicon i { font-size: 65px; position: absolute; left: 8px; top: 15px; }
@media screen and (max-width: 767px) { section#contact .callicon i { font-size: 50px; } }
section#contact .callicon p { color: #fff; font-size: 18px; line-height: 1.2; }
@media screen and (max-width: 767px) { section#contact .callicon p { font-size: 15px !important; padding-left: 10px; } }
section#contact .callicon p a, section#contact .callicon p var { font-style: normal; font-weight: 600; font-size: 30px; }
@media screen and (max-width: 767px) { section#contact .callicon p a, section#contact .callicon p var { font-size: 29px; } }
section#contact h2, section#contact h3 { text-align: center; }
section#contact h4 { font-weight: bold; font-size: 32px; color: #005b79 !important; }
section#contact h3 { color: #005b79; text-align: left; text-transform: uppercase; }
section#contact h3:after { display: none; }
section#contact .container.form-container-box { margin: 75px auto; }
section#contact .container form { width: 50%; float: left; position: relative; }
section#contact .container form h4 { color: #333e48; text-align: left; margin-bottom: 15px; }
section#contact .container form fieldset .input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 10px; display: inline-block; position: relative; float: left; }
section#contact .container form fieldset .input input, section#contact .container form fieldset .input textarea, section#contact .container form fieldset .input select { background: #f0f1f1; margin-bottom: 20px; width: 100%; padding: 15px; font-size: 16px; border: 1px solid #ebebeb; color: #005b79; font-family: arial,helvetica,sans-serif; }
@media screen and (max-width: 767px) { section#contact .container form fieldset .input input, section#contact .container form fieldset .input textarea, section#contact .container form fieldset .input select { margin-bottom: 10px; } }
section#contact .container form fieldset .input input.error, section#contact .container form fieldset .input textarea.error, section#contact .container form fieldset .input select.error { border: 1px solid #333e48; margin-bottom: 20px; }
section#contact .container form fieldset .input label { text-align: left; width: 100%; display: inline-block; font-size: 11px; color: #333e48; position: absolute; bottom: 6px; left: 0; }
section#contact .container form fieldset .input:nth-child(2n+1) { padding-left: 0; }
section#contact .container form fieldset .input:nth-child(2n) { padding-right: 0; }
section#contact .container form fieldset .input:nth-child(2n) label { left: 10px; }
section#contact .container form fieldset .input.full-width { width: 100%; padding: 0; }
section#contact .container form button { background: #4c81ae; color: white; padding: 15px 35px; text-transform: uppercase; font-size: 18px; border-radius: 40px; margin-top: 5px; cursor: pointer; line-height: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
section#contact .container form button:hover { background: #505050; color: #fff; }
section#contact .container form.sending button { top: 20px; left: 0; position: absolute; width: 100%; height: 100%; background: #004c8c; }
section#contact .container form.sending button:before { content: '\e904'; display: block; width: 50px; height: 50px; border: 1px solid white; line-height: 50px; text-transform: none; font-size: 14px; margin: 15px auto; border-radius: 50%; }
section#contact .container form.sending.succes button:before { content: '\e90f'; }
section#contact .container form.sending.error button:before { content: '\e903'; }
section#contact .container .info { text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 50%; padding-left: 60px; margin-top: 20px; }
section#contact .container .info a i { display: block; font-size: 65px; }
section#contact .container .info a p { font-size: 18px; }
section#contact .container .info .item { position: relative; min-height: 80px; }
section#contact .container .info .item .icon, section#contact .container .info .item .clould-grid h4:before, .clould-grid section#contact .container .info .item h4:before { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; background: #333e48; }
section#contact .container .info .item .icon:before, section#contact .container .info .item .clould-grid h4:before, .clould-grid section#contact .container .info .item h4:before { line-height: 50px; color: white; font-size: 20px; }
section#contact .container .info .item .icon.location:before, section#contact .container .info .item .clould-grid h4.location:before, .clould-grid section#contact .container .info .item h4.location:before { content: "\e906"; }
section#contact .container .info .item .icon.nextel:before, section#contact .container .info .item .clould-grid h4.nextel:before, .clould-grid section#contact .container .info .item h4.nextel:before { content: "\e905"; }
section#contact .container .info .item .icon.email:before, section#contact .container .info .item .clould-grid h4.email:before, .clould-grid section#contact .container .info .item h4.email:before { content: "\e909"; }
section#contact .container .info .item .icon.tel:before, section#contact .container .info .item .clould-grid h4.tel:before, .clould-grid section#contact .container .info .item h4.tel:before { content: "\e907"; }
section#contact .container .info .item .icon.time:before, section#contact .container .info .item .clould-grid h4.time:before, .clould-grid section#contact .container .info .item h4.time:before { content: "\e908"; }
section#contact .container .info .item .text { padding-left: 75px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; }
section#contact .container .info .item .text h4 { text-align: left; font-size: 24px; color: #333e48; }
section#contact .container .info .item .text p, section#contact .container .info .item .text a { text-align: left; color: #333e48; font-size: 17px; padding: 0; display: inline-block; width: 100%; }
@media (max-width: 767px) { section#contact .container form { width: 100%; }
  section#contact .container .info { width: 100%; margin-top: 25px; padding: 0px; }
  section#contact .container .info .item { margin-bottom: 30px; }
  section#contact .container .info .item .icon, section#contact .container .info .item .clould-grid h4:before, .clould-grid section#contact .container .info .item h4:before { position: relative; transform: none; margin: 11px auto; }
  section#contact .container .info .item .text { padding: 0; position: relative; transform: none; -webkit-transform: none; -moz-transform: none; }
  section#contact .container .info .item .text h4, section#contact .container .info .item .text p, section#contact .container .info .item .text a { text-align: center; } }
@media (max-width: 450px) { section#contact .container form fieldset .input:nth-child(n) { width: 100%; padding: 0; }
  section#contact .container form fieldset .input:nth-child(n) label { left: 0; } }

section#contact .info > p a { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
section#contact .info > p a:hover { color: #004c8c; }

section#contact .callicon p { padding-left: 20px !important; }
section#contact .callicon p var { font-size: 24px; }

@media (max-width: 767px) { section#contact .callicon i { display: block; font-size: 55px !important; top: 18px; } }

[data-length="1"] .owl-nav.disabled { display: none !important; }

@media screen and (max-width: 767px) { body .products .product-full-list a { min-height: 190px !important; } }

body .expanded-new .share-block, body .expanded-new .expanded-new { padding: 25px 0px 25px 0px; border-bottom: 1px solid #ccc; }

body .featured-news-individuals ul li a img { max-width: 35%; }
body .featured-news-individuals ul li a span { max-width: 65%; }
body .featured-news-individuals ul li a h5 { line-height: 21px; }

@media screen and (max-width: 767px) { .related-products li a { padding: 5px; } }

.productDetails .grid.column-2 > div .related-products .owl-carrousel { max-width: 90%; margin: 0px auto; }

@media screen and (max-width: 767px) { .productDetails .grid.column-2 > div .related-products .owl-carrousel { max-width: 75%; margin: 0px auto; } }

@media screen and (max-width: 320px) { .related-products .owl-nav { top: 102px !important; } }
@media screen and (max-width: 767px) { .productDetails .owl-carrousel .owl-item { padding: 0px 5px; } }
@media screen and (min-width: 768px) { .related-products .owl-nav { z-index: 1; display: block !important; position: absolute; left: 0px; top: 75px; width: 100%; max-width: 90%; left: 5%; } }
section.contact2 { padding: 180px 0px; }
@media screen and (max-width: 768px) { section.contact2 { padding: 100px 0px; } }
section.contact2 h3 { font-size: 40px; color: #004c8c; font-family: 'Nunito', sans-serif; }
@media screen and (max-width: 768px) { section.contact2 h3 { line-height: 1.15; } }
@media screen and (max-width: 767px) { section.contact2 h3 { font-size: 30px; } }
section.contact2 h3:after { display: none !important; }
section.contact2 p { font-size: 25px; }
@media screen and (max-width: 767px) { section.contact2 p { font-size: 20px; } }
section.contact2 a { margin-top: 50px; display: inline-block; background: #004c8c; color: #fff; font-family: 'Nunito', sans-serif; padding: 15px 75px; border-radius: 25px; font-size: 25px; }
@media screen and (max-width: 767px) { section.contact2 a { padding: 15px 45px; border-radius: 25px; font-size: 16px; } }

.colorized { max-width: 325px; padding: 50px 25px; display: inline-block; vertical-align: middle; background: #004c8c; border-radius: 25px; }
@media screen and (max-width: 767px) { .colorized { padding: 30px 25px; } }
.colorized + .info { vertical-align: middle; width: 450px !important; }
@media screen and (max-width: 767px) { .colorized + .info { width: auto !important; } }
.colorized .icon, .colorized .clould-grid h4:before, .clould-grid .colorized h4:before { font-size: 60px; color: #fff; }
.colorized p { display: block; color: #ffffff; padding: 25px 15px; font-size: 22px; }
@media screen and (max-width: 767px) { .colorized p { font-size: 18px; } }
.colorized a { display: inline-block; margin-top: 0px; background: #ffffff; color: #004c8c; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 15px 35px; text-align: center; }

@media screen and (max-width: 979px) { .colorized { max-width: 100% !important; } }
section#map .map-container { height: 425px; }
section#map .map-container #map-canvas { width: 100%; height: 100%; }
section#map .map-container .btn-map { position: absolute; right: 0; color: #fff; background: #333e48; padding: 15px 25px 15px 55px; z-index: 2; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
section#map .map-container .btn-map svg { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 7px; max-width: 35px; }
section#map .map-container .btn-map svg path { -webkit-transition: fill 0.2s ease; -moz-transition: fill 0.2s ease; -o-transition: fill 0.2s ease; transition: fill 0.2s ease; }
section#map .map-container .btn-map strong { display: block; }
@media (max-width: 767px) { section#map .map-container .btn-map { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }
section#map .map-container .btn-map:hover { background: white; color: #333e48; }
section#map .map-container .btn-map:hover svg path { fill: #333e48; }

.modal-container { display: none; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.9); z-index: 999999; left: 0px; top: 0px; position: fixed; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; will-change: opacity; }
.modal-container .modal { -ms-transform: translateY(-50%) rotate(0deg); -webkit-transform: translateY(-50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); top: 50%; left: 50%; max-width: 800px; width: 100%; background: #172c3e; position: relative; padding: 0px 0px 0px 0px; }
.modal-container .modal:before { content: none; position: absolute; }
.modal-container .modal .super-content { position: relative; background: #fff; margin-top: -5px; }
.modal-container .modal .super-content:before { height: 5px; left: 0px; background: #e03a2b; content: ''; display: block; width: 0px; left: 0px; top: 0px; position: absolute; -webkit-transition: width 1s ease; -moz-transition: width 1s ease; -o-transition: width 1s ease; transition: width 1s ease; }
.modal-container .modal .super-content h2 { padding: 25px 0px; text-align: center; font-weight: normal; }
.modal-container .modal .super-content.submiting:before { width: 100%; }
@media screen and (max-width: 980px) { .modal-container .modal { max-width: 700px; } }
@media screen and (max-width: 767px) { .modal-container .modal { width: 400px; max-width: 95%; }
  .modal-container .modal #logo { width: 250px; }
  .modal-container .modal .modal-footer { padding-top: 0px !important; }
  .modal-container .modal .modal-body { padding-bottom: 0px !important; }
  .modal-container .modal .modal-body, .modal-container .modal .modal-footer { max-width: 100% !important; }
  .modal-container .modal .modal-body .row .col-md-6, .modal-container .modal .modal-footer .row .col-md-6 { margin: 5px 0px !important; width: 100% !important; }
  .modal-container .modal .btn { width: 100%; margin-top: 0px; } }
.modal-container .modal .modal-header { position: relative; font-size: 0; padding-bottom: 56.25%; /*&:after {
	content:'';
	display:block;
	position:absolute;
	left:-0.5%;
	top:-1%;
	z-index:-1;
	width:101%;
	height:101%;
	background:rgba(22, 42, 57, 0.9);
}*/ }
.modal-container .modal .modal-header img { width: 100%; }
.modal-container .modal .modal-header img.mobile { display: none; }
@media (max-width: 767px) { .modal-container .modal .modal-header img { display: none; }
  .modal-container .modal .modal-header img.mobile { display: block; position: static; height: auto; } }
.modal-container .modal .modal-header video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.modal-container .modal .modal-header .close { cursor: pointer; color: #fff; text-decoration: none; position: absolute; right: -35px; top: -2px; font-size: 20px; }
@media (max-width: 767px) { .modal-container .modal .modal-header .close { right: 0; top: 0; z-index: 9999999; }
  .modal-container .modal .modal-header .close .icon, .modal-container .modal .modal-header .close .clould-grid h4:before, .clould-grid .modal-container .modal .modal-header .close h4:before { padding: 5px; line-height: 35px; } }
.modal-container .modal .modal-header .close .icon, .modal-container .modal .modal-header .close .clould-grid h4:before, .clould-grid .modal-container .modal .modal-header .close h4:before { font-size: 25px; }
.modal-container .modal .modal-header * { position: relative; z-index: 3; }
.modal-container .modal .modal-header #logo { display: block; float: left; width: 300px; height: 70px; background: url(../images/icons/svg/logo_white.svg) no-repeat; text-indent: -99999px; text-align: left; background-size: contain; margin-top: 5px; }
.modal-container .modal .modal-header h3, .modal-container .modal .modal-header h3 p, .modal-container .modal .modal-header h5, .modal-container .modal .modal-header h5 p { width: 100%; padding: 25px 25px; position: absolute; left: 0px; bottom: 0px; color: #fff; font-size: 24px; text-transform: uppercase; }
.modal-container .modal .modal-header h3 { top: -1px; bottom: auto; color: #fff; padding: 15px 25px 150px 25px !important; background-image: -moz-linear-gradient(top, black 0%, transparent 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, top top, top bottom, color-stop(0%, black), color-stop(100%, transparent)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, black 0%, transparent 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, black 0%, transparent 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, black 0%, transparent 100%); /* IE10+ */ background-image: linear-gradient(to bottom, black 0%, transparent 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=black, endColorstr=transparent,GradientType=0 ); /* IE6-9 */ box-sizing: border-box; }
.modal-container .modal .modal-header h3:after { display: none; }
@media (max-width: 767px) { .modal-container .modal .modal-header h3 { font-size: 15px; text-align: left; padding: 15px 5px 0px 5px !important; } }
.modal-container .modal .modal-header h5 { bottom: auto; top: 20px; }
.modal-container .modal .modal-header h5 p { font-size: 14px; color: #fff; text-transform: none; top: 0px; }
@media (max-width: 767px) { .modal-container .modal .modal-header h5 p { top: 0; padding-left: 5px; padding-top: 15px; } }
.modal-container .modal .modal-header iframe, .modal-container .modal .modal-header img { position: absolute; top: 0; height: 100%; width: 100%; }
@media (max-width: 767px) { .modal-container .modal .modal-header iframe { min-height: initial !important; height: 100%; border-radius: 0px; }
  .modal-container .modal .modal-header.imagen { padding-bottom: 0; } }
.modal-container .modal .modal-body { float: left; width: 100%; max-width: 75%; }
.modal-container .modal .modal-body .row { padding: 15px 25px; }
.modal-container .modal .modal-body .row .col-md-6 { float: left; width: 47.5%; margin: 10px 1.25%; }
.modal-container .modal .modal-body .row input { border: 1px solid #ccc; width: 100%; padding: 15px 10px; font-size: 16px; float: left; }
.modal-container .modal .modal-body .row input.error { border-color: #e03a2b; }
.modal-container .modal .modal-body .row label { position: relative; top: 5px; font-size: 14px; color: #e03a2b; }
.modal-container .modal .modal-footer { padding: 15px 25px; float: right; max-width: 25%; width: 100%; }
@media screen and (max-width: 767px) { .modal-container .modal .modal-footer { padding: 10px 25px 15px 25px; } }
.modal-container .modal .modal-footer .btn { cursor: pointer; float: none; display: block; text-transform: uppercase; background: #004c8c; text-decoration: none; border-radius: 25px; color: #fff; padding: 15px; margin: 10px auto 0 auto; font-size: 16px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.modal-container .modal .modal-footer .btn:hover { background: #162a39; }

body.showModal .modal-container { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

@media screen and (max-width: 767px) { .modal-container .modal { margin-top: -25%; }
  .modal-container .modal .modal-header iframe { min-height: 250px; } }
@media screen and (max-width: 980px) { .modal-container .modal .modal-header iframe { min-height: 400px; } }
.compromiso-social, .proteccion-almedio-ambiente { padding: 90px 0px; text-align: left; }
@media screen and (max-width: 767px) { .compromiso-social, .proteccion-almedio-ambiente { padding: 25px 0px; } }
.compromiso-social h3, .compromiso-social p, .proteccion-almedio-ambiente h3, .proteccion-almedio-ambiente p { text-align: left; color: #000; }
.compromiso-social h3, .proteccion-almedio-ambiente h3 { margin-bottom: 25px; color: #004c8c; font-size: 35px; line-height: 1.1; padding: 0px; }
@media screen and (max-width: 767px) { .compromiso-social h3, .proteccion-almedio-ambiente h3 { font-size: 26px; line-height: 1; } }
.compromiso-social h3:after, .proteccion-almedio-ambiente h3:after { display: none; }
.compromiso-social p, .proteccion-almedio-ambiente p { font-size: 14px; }

.compromiso-social h3 { line-height: 1.25; font-size: 35px; }
@media screen and (max-width: 767px) { .compromiso-social h3 { font-size: 26px; line-height: 1; margin-bottom: 10px; } }
.compromiso-social .clould-grid li { position: relative; padding: 0px 0px; text-align: left; }
.compromiso-social .clould-grid li:nth-child(1n) { padding-right: 25px; }
@media screen and (max-width: 767px) { .compromiso-social .clould-grid li:nth-child(1n) { padding-right: 0px; } }
.compromiso-social .clould-grid li:nth-child(2n) { padding-left: 25px; }
@media screen and (max-width: 767px) { .compromiso-social .clould-grid li:nth-child(2n) { padding-left: 0px; } }

.clould-grid { margin: 50px 0px; }
.clould-grid h4 { line-height: 1; position: relative; margin: 20px 0 0 0; padding: 0 10px 0 35px; color: #004c8c; font-size: 20px; font-weight: 600; }
@media screen and (max-width: 767px) { .clould-grid h4 { padding: 0px 10px; } }
.clould-grid h4:before { position: absolute; left: 0px; top: 3px; font-size: 23px; color: #8995a1; display: block; }
@media screen and (max-width: 767px) { .clould-grid h4:before { display: none; } }
.clould-grid p { color: #666; padding: 0 10px 0 35px; }
@media screen and (max-width: 767px) { .clould-grid p { padding: 0px 10px; } }

.compromiso-social .slides .wrapper { width: 90%; height: 500px; margin: 0px auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
@media screen and (max-width: 767px) { .compromiso-social .slides .wrapper { width: 100% !important; } }
.compromiso-social .slides .owl-carousel .item { width: 100%; height: 100%; background-size: cover !important; background-position: center center !important; }
.compromiso-social .slides .owl-carousel .owl-stage-outer { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.compromiso-social .slides .owl-carousel .owl-dots { margin-top: 30px; }
.compromiso-social .slides .owl-carousel .owl-dots .owl-dot { width: 12px; height: 12px; background: #d1d3d5; border: 2px solid #d1d3d5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; margin: 0 5px; }
.compromiso-social .slides .owl-carousel .owl-dots .owl-dot.active { background: #fff; }
@media (max-width: 1366px) { .compromiso-social .info p { font-size: 18px; } }
@media screen and (max-width: 768px) { .compromiso-social { margin-top: 25px; } }
@media (max-width: 767px) { .compromiso-social .info { width: 100%; padding-top: 300px; }
  .compromiso-social .slides { top: -5px; transform: none; margin: auto; width: 100%; margin-top: 25px; }
  .compromiso-social .slides .wrapper { width: 250px; height: 250px; }
  .compromiso-social .slides .owl-dots { margin-top: 15px !important; } }

.proteccion-almedio-ambiente { background: url("../../assets/images/backgrouds/compromiso-social.jpg") center center no-repeat; padding: 100px 50px; background-attachment: fixed !important; background-repeat: no-repeat !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
@media screen and (max-width: 767px) { .proteccion-almedio-ambiente { background: url("../../assets/images/backgrouds/compromiso-social_m.jpg") center center no-repeat; padding: 0px 0px; }
  .proteccion-almedio-ambiente h3 { font-size: 28px; margin: 0px; }
  .proteccion-almedio-ambiente .padding-50 { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; background: rgba(0, 76, 140, 0.75); } }
@media screen and (max-width: 767px) and (max-width: 767px) { .proteccion-almedio-ambiente .padding-50 { padding: 25px 15px !important; } }
@media screen and (max-width: 767px) and (max-width: 767px) { .proteccion-almedio-ambiente .padding-50 h3, .proteccion-almedio-ambiente .padding-50 p { color: #fff; } }
@media screen and (max-width: 767px) { .proteccion-almedio-ambiente .container { padding: 0px; } }

.tab-details { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; display: none; }
.tab-details.active-tab { display: block; }

.tabLink { position: relative; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.tabLink:after { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; left: 25%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; position: absolute; top: 70px; content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #f2f6f9; border-bottom-color: inherit !important; }
.tabLink.active-tab:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.refer-a-friend input { text-decoration: none; font-size: 15px; border: 1px solid #ccc; padding: 5px; }