Visanet | PSD a HTML, WordPress, Maquetacion MESPLIT SRL

<!DOCTYPE html>
<html>
<head>
    <title>Portada</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="css/icons.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="css/styles.css" rel="stylesheet" type="text/css" />
    <link href="css/responsive.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/slick.css">
    <link rel="stylesheet" type="text/css" href="css/slick-theme.css">
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"/></script>
    <script type="text/javascript" src="js/bootstrap.min.js"/></script>
    <script type="text/javascript" src="js/slick.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>

<body class="menu-fixed">
    <div class="header">
        <!-- BEGIN HEADER TOP -->
        <div class="header-top">
            <div class="container">
                <div class="header-social-search">
                    <div class="header-social">
                        <a class="header-icon" href="#">
                            <img src="img/icon-fb.svg" alt="Facebook" />
                        </a>
                        <a class="header-icon" href="#">
                            <img src="img/icon-in.svg" alt="Linkedin" />
                        </a>
                        <a class="header-icon" href="#">
                            <img src="img/icon-ins.svg" alt="Instagram" />
                        </a>
                        <a class="header-icon" href="#">
                            <img src="img/icon-yt.svg" alt="Youtube" />
                        </a>
                    </div>
                    <div class="header-search">
                        <a class="link-default" href="#">Blog</a>
                        <a class="link-default-outline" href="#">Iniciar sesión</a>
                        <a class="link-default-fill btn-search" href="#">Tu solución</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- END HEADER TOP -->
        <!-- BEGIN NAVIGATION MAIN -->
        <i class="sticky-scroll-box"></i>
        <div class="container main-menu">
            <nav>
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">
                        <img src="img/logo-visa.svg" alt="">
                    </a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="navbar-collapse">
                    <ul class="nav navbar-nav navbar-right header-nav">
                        <!-- BEGIN DROPDOWN MAIN MENU -->
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Productos y Servicios</a>
                            <!-- BEGIN SUBMENU -->
                            <div class="dropdown-menu submenu">
                                <div class="submenu-avatar">
                                    <div class="submenu-img">
                                        <img src="img/oval.png" alt="#" />
                                    </div>
                                    <div class="submenu-title">
                                        <a href="#">
                                            <span>Praesent</span>
                                            <small>Lorem ipsum dolor sit amet</small>
                                        </a>
                                    </div>
                                </div>
                                <!-- BEGIN SUBMENU COLUMNS -->
                                <div class="submenu-column">
                                    <div class="submenu-list">
                                        <h3>Pos</h3>
                                        <ul>
                                            <li><a href="#">Elements</a></li>
                                            <li><a href="#">Checkout</a></li>
                                            <li><a href="#">Developers</a></li>
                                            <li><a href="#">Libraries</a></li>
                                        </ul>
                                    </div>
                                    <div class="submenu-list">
                                        <h3>Digitales</h3>
                                        <ul>
                                            <li><a href="#">Instapago</a></li>
                                            <li><a href="#">Testing</a></li>
                                            <li><a href="#">Launch</a></li>
                                            <li><a href="#">Plugins</a></li>
                                        </ul>
                                    </div>
                                    <div class="submenu-list">
                                        <h3>Cuotas</h3>
                                        <ul>
                                            <li><a href="#">Reference</a></li>
                                            <li><a href="#">Status</a></li>
                                            <li><a href="#">Source</a></li>
                                            <li><a href="#">Checklists</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- BEGIN SUBMENU TEXT LINES -->
                                <div class="submenu-wrapper-line">
                                    <div class="submenu-box-line">
                                        <a href="#">
                                            <div class="submenu-line-img">
                                                <img src="img/oval.png" alt="">
                                            </div>
                                            <div class="submenu-text-line">
                                                <span>How To Play Texas Holdem For Beginners</span>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="submenu-box-line">
                                        <a href="#">
                                            <div class="submenu-line-img">
                                                <img src="img/oval.png" alt="">
                                            </div>
                                            <div class="submenu-text-line">
                                                <span>Gas Grill Burners Getting To Know You</span>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="submenu-box-line">
                                        <a href="#">
                                            <div class="submenu-line-img">
                                                <img src="img/oval.png" alt="">
                                            </div>
                                            <div class="submenu-text-line">
                                                <span>Illustration In Marketing Materials</span>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="submenu-divider">
                                    <a class="submenu-divider-btn">Roar With Confidence</a>
                                </div>

                            </div>
                        </li>
                        <li><a href="#">Punto de estafetas</a></li>
                        <li><a href="#">Afiliarse</a></li>
                        <li><a href="#">Nosotros</a></li>
                        <li><a href="#">Contacto</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </nav>
        </div>
    </div>
    <!-- END HEADER -->

    <!-- BEGIN FEATURED -->
    <section class="regular slider featured">
        <div class="featured-block">
            <div class="featured-text">
                <h2 class="featured-title">Fire Up Your Motivation</h2>
                <p class="featured-subtitle">
                    Morbi in sem quis dui placerat ornare.
                    Pellentesque odio nisi, euismod in, pharetra a,
                    ultricies in, diam. Sed arcu. Cras consequat.
                </p>
            </div>
            <div class="featured-img">
                <img src="img/featured.jpg" alt="#" />
            </div>
        </div>
        <div class="featured-block">
            <div class="featured-text">
                <h2 class="featured-title">Fire Up Your Motivation</h2>
                <p class="featured-subtitle">
                    Morbi in sem quis dui placerat ornare.
                    Pellentesque odio nisi, euismod in, pharetra a,
                    ultricies in, diam. Sed arcu. Cras consequat.
                </p>
            </div>
            <div class="featured-img">
                <img src="img/featured.jpg" alt="#" />
            </div>
        </div>
        <div class="featured-block">
            <div class="featured-text">
                <h2 class="featured-title">Fire Up Your Motivation</h2>
                <p class="featured-subtitle">
                    Morbi in sem quis dui placerat ornare.
                    Pellentesque odio nisi, euismod in, pharetra a,
                    ultricies in, diam. Sed arcu. Cras consequat.
                </p>
            </div>
            <div class="featured-img">
                <img src="img/featured.jpg" alt="#" />
            </div>
        </div>
    </section>

    <!-- BEGIN SOLUTIONS BLOCK -->
    <div class="container">
        <div class="form-radio-img interactive">
            <div class="form-radio">
                <p class="text-default">
                    Morbi in sem quis dui placerat ornare.
                    Pellentesque odio nisi, euismod in,
                    pharetra a, ultricies in, diam.
                    Sed arcu. Cras consequat.
                </p>
                <div class="form-wrapper-radio">
                    <div class="form-input-radio">
                        <input type="radio" name="opt" id="opt1" checked />
                        <label for="opt1">Empresa</label>
                    </div>
                    <div class="form-input-radio">
                        <input type="radio" name="opt" id="opt2" />
                        <label for="opt2">Persona fisica</label>
                    </div>
                </div>
                <div class="form-wrapper-dropdown">
                    <select>
                        <option value="0">Factura Mensual</option>
                        <option value="1">Opción 1</option>
                        <option value="2">Opción 2</option>
                        <option value="3">Opción 3</option>
                    </select>
                </div>
                <input class="form-button" type="submit" name="" value="Encuentra tu solución">
            </div>
            <div class="form-img opacity-vertical">
                <img src="img/cellphone.png" alt="#" />
            </div>
        </div>
    </div>

    <!-- BEGIN ICONS BLOCK -->
    <div class="container">
        <div class="wrapper-title text-center">
            <h2 class="title-default">Beneficios claves</h2>
            <h3 class="title-intro">
                Nuestro principal objetivo es proveer a los
                establecimientos comerciales afiliados a nuestra
                red las más modernas  soluciones de pago electrónicas,
                para el manejo de transacciones con tarjetas Visa,
                ofreciendo toda la asesoría, soporte tecnológico y comercial
                necesarios, que garanticen la seguridad y eficiencia en sus operaciones.
            </h3>
        </div>
        <div class="wrapper-icons interactive">
            <div class="box-icon opacity-vertical">
                <div class="icon-block">
                    <i class="icon-lightbulb_outline icon"></i>
                </div>
                <span>Innovación</span>
                <small>How Do I Know If I M Getting Any Of This Law Of Attraction Stuff</small>
            </div>
            <div class="box-icon opacity-vertical">
                <div class="icon-block">
                    <i class="icon-access_alarms icon"></i>
                </div>
                <span>Rapidez</span>
                <small>How Do I Know If I M Getting Any Of This Law Of Attraction Stuff</small>
            </div>
            <div class="box-icon opacity-vertical">
                <div class="icon-block">
                    <i class="icon-lock_outline icon"></i>
                </div>
                <span>Seguridad</span>
                <small>How Do I Know If I M Getting Any Of This Law Of Attraction Stuff</small>
            </div>
            <div class="box-icon opacity-vertical">
                <div class="icon-block">
                    <i class="icon-photo_filter icon"></i>
                </div>
                <span>Transparencia</span>
                <small>How Do I Know If I M Getting Any Of This Law Of Attraction Stuff</small>
            </div>
            <div class="box-icon opacity-vertical">
                <div class="icon-block">
                    <i class="icon-phone icon"></i>
                </div>
                <span>Colaboración</span>
                <small>How Do I Know If I M Getting Any Of This Law Of Attraction Stuff</small>
            </div>
            <div class="box-icon opacity-vertical">
                <div class="icon-block">
                    <i class="icon-trending_up icon"></i>
                </div>
                <span>Crecimiento</span>
                <small>How Do I Know If I M Getting Any Of This Law Of Attraction Stuff</small>
            </div>
        </div>
    </div>

    <!-- BEGIN WRAPPER SPLIT -->
    <div class="container wrapper-split">
        <div class="split-row ltr row-1 interactive ">
            <div class="split-info opacity-ltr">
                <div class="split-info-text">
                    <h2 class="title-default">Pagos Digitales</h2>
                    <h3 class="title-intro">
                        Impulsa tu negocio electronico a traves
                        de nuestras soluciones integrales que brindan
                        mejor experiencia de usuario y seguridad
                    </h3>
                    <a class="button-default" href="#">Call to action</a>
                </div>
            </div>
            <div class="split-img opacity-rtl">
                <img src="img/split-img-1.jpg" alt="#">
            </div>
        </div>
        <div class="split-row rtl row-2 interactive">
            <div class="split-img opacity-ltr">
                <img src="img/split-img-2.jpg" alt="#">
            </div>
            <div class="split-info opacity-rtl">
                <div class="split-info-text">
                    <h2 class="title-default">Catcher</h2>
                    <h3 class="title-intro">
                        Aumenta la movilidad de tu negocio, con la nueva aplicación
                        para aceptar transacciones VISA desde tu celular
                    </h3>
                    <a class="button-default" href="#">Call to action</a>
                </div>
            </div>
        </div>
        <div class="split-row ltr row-3 interactive">
            <div class="split-info opacity-ltr">
                <div class="split-info-text">
                    <h2 class="title-default">Pagos en Terminal</h2>
                    <h3 class="title-intro">
                        Las diversas soluciones de pagos en terminal permiten
                        que tu negocio se convierta en más que un punto de ventas
                    </h3>
                    <a class="button-default" href="#">Call to action</a>
                </div>
            </div>
            <div class="split-img opacity-rtl">
                <img src="img/split-img-3.jpg" alt="#">
            </div>
        </div>
    </div>

    <!-- BEGIN WRAPPER NEWS -->
    <div class="news-wrapper container">
        <div class="wrapper-title text-center">
            <h2 class="title-default">You may also be interested in</h2>
        </div>
        <div class="news-block">
            <div class="news-box news-img">
                <a href="#">
                    <img src="img/news-img.jpg" alt="" />
                </a>
            </div>
            <div class="news-box news-info">
                <h3 class="title-small">Travel with Visa</h3>
                <small class="subtitle-small">15 Feb, 2018</small>
                <p class="title-intro">
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                    Phasellus hendrerit. Pellentesque aliquet nibh nec urna.
                    In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.
                    Sed pretium, ligula sollicitudin laoreet viverra, tortor
                    libero sodales leo, eget blandit nunc tortor eu nibh.
                    Nullam mollis. Ut justo. Suspendisse potenti.
                </p>
                <a class="link-default" href="#">Leer más...</a>
            </div>
        </div>
        <div class="text-center">
            <a class="button-default-outline" href="#">Ver más artículos</a>
        </div>
    </div>

    <!-- BEGIN LOGOS -->
    <div class="logos-wrapper container">
        <div class="wrapper-title text-center">
            <h2 class="title-default">Our Partners</h2>
            <h3 class="title-intro">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit
            </h3>
        </div>
        <div class="logos-block text-center">
            <a href="#"><img src="img/logo-aster.png" alt="#" /></a>
            <a href="#"><img src="img/logo-edeeste.png" alt="#" /></a>
            <a href="#"><img src="img/logo-edenorte.png" alt="#" /></a>
            <a href="#"><img src="img/logo-edesur.png" alt="#" /></a>
            <a href="#"><img src="img/logo-claro.png" alt="#" /></a>
            <a href="#"><img src="img/logo-altice.png" alt="#" /></a>
            <a href="#"><img src="img/logo-tricom.png" alt="#" /></a>
            <a href="#"><img src="img/logo-viva.png" alt="#" /></a>
        </div>
    </div>

    <div class="container comments-wrapper wrapper-title">
        <div class="comments-block">
            <div class="comments-box">
                <h2 class="title-default">Que opinan nuestros clientes</h2>
                <div class="comments-slides">
                    <div>
                        <q cite="La mejor procesadora de pagos y
                            la más rápida en su procesamiento…">
                            La mejor procesadora de pagos y
                            la más rápida en su procesamiento…
                        </q>
                        <i class="comments-star star-1"></i>
                        <div class="comments-avatar">
                            <img src="img/avatar.png" alt="#" />
                            <span>Milena Milanova</span>
                        </div>
                    </div>
                    <div>
                        <q cite="La mejor procesadora de pagos y
                            la más rápida en su procesamiento…">
                            La mejor procesadora de pagos y
                            la más rápida en su procesamiento…
                        </q>
                        <i class="comments-star star-1"></i>
                        <div class="comments-avatar">
                            <img src="img/avatar.png" alt="#" />
                            <span>Milena Milanova</span>
                        </div>
                    </div>
                    <div>
                        <q cite="La mejor procesadora de pagos y
                            la más rápida en su procesamiento…">
                            La mejor procesadora de pagos y
                            la más rápida en su procesamiento…
                        </q>
                        <i class="comments-star star-1"></i>
                        <div class="comments-avatar">
                            <img src="img/avatar.png" alt="#" />
                            <span>Milena Milanova</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="instagram-box">
                <h2 class="title-default">Instagram</h2>
                <h4 class="url-default">@visanetdominicana</h4>
                <div class="instagram-img">
                    <img src="img/img-1.png" alt="#" />
                    <img src="img/img-2.png" alt="#" />
                    <img src="img/img-3.png" alt="#" />
                    <img src="img/img-4.png" alt="#" />
                    <img src="img/img-5.png" alt="#" />
                    <img src="img/img-6.png" alt="#" />
                    <img src="img/img-7.png" alt="#" />
                    <img src="img/img-8.png" alt="#" />
                </div>
            </div>
        </div>
    </div>


    <!-- BEGIN FOOTER -->
    <div class="footer">
        <!-- BEGIN NEWSLETTER -->
        <div class="newsletter">
            <div class="newsletter-box">
                <h2>Newsletter</h2>
                <small>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</small>
                <div class="newsletter-wrapper-input">
                    <form action="#" method="#">
                        <div class="newsletter-input">
                            <input class="newsletter-field" type="email" name="" value="" placeholder="Tu correo electrónico" />
                            <input class="newsletter-button" type="submit" value="Suscribirme" />
                            <small>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</small>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- BEGIN FOOTER MENU -->
        <div class="row">
            <div class="container">
                <div class="footer-menu">
                    <div class="footer-menu-block">
                        <a class="footer-logo" href="#">
                            <img src="img/logo-visa.svg" alt="">
                            <i>Para cada negocio, tenemos una solución.</i>
                        </a>
                        <ul class="footer-phone-email">
                            <li><a href="#">Blog</a></li>
                            <li><b>Tel: </b><a href="tel:8099475500 ">809.947.5500 </a></li>
                            <li><b>Email: </b><a href="mailto:info@visanetdominicana.net">info@visanetdominicana.net</a></li>
                        </ul>
                    </div>
                    <div class="footer-menu-block">
                        <h3>Servicios</h3>
                        <ul>
                            <li><a href="#">Catcher</a></li>
                            <li><a href="#">Soluciones en terminal</a></li>
                            <li><a href="#">Cybersource</a></li>
                            <li><a href="#">eCommerce</a></li>
                            <li><a href="#">Instapago</a></li>
                        </ul>
                    </div>
                    <div class="footer-menu-block">
                        <h3>Recursos</h3>
                        <ul>
                            <li><a href="#">Desarrolladores</a></li>
                            <li><a href="#">Demos</a></li>
                            <li><a href="#">Videos instructivos</a></li>
                            <li><a href="#">Pricing</a></li>
                            <li><a href="#">Preguntas frecuentes</a></li>
                        </ul>
                    </div>
                    <div class="footer-menu-block">
                        <h3>Legal + Privacidad</h3>
                        <ul>
                            <li><a href="#">Terminos y Condiciones</a></li>
                            <li><a href="#">Politica de privacidad</a></li>
                            <li><a href="#">Requisitos de afiliación</a></li>
                        </ul>
                        <div class="header-social">
                            <a class="header-icon" href="#">
                                <img src="img/icon-fb.svg" alt="Facebook" />
                            </a>
                            <a class="header-icon" href="#">
                                <img src="img/icon-in.svg" alt="Linkedin" />
                            </a>
                            <a class="header-icon" href="#">
                                <img src="img/icon-ins.svg" alt="Instagram" />
                            </a>
                            <a class="header-icon" href="#">
                                <img src="img/icon-yt.svg" alt="Youtube" />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END FOOTER MENU -->
        <!-- BEGIN COPYRIGHT -->
        <div class="copyright-wrapper">
            <div class="row">
                <div class="container">
                    <div class="copyright">
                        <div class="copyright-text">
                            <span>2018 Todos los derechos reservados </span>
                        </div>
                        <div class="copyright-action">
                            <span>Descargar Catcher</span>
                            <div class="copyright-wrapper-btn">
                                <a class="copyright-btn ios" href="#">App Store</a>
                                <a class="copyright-btn android" href="#">Google Play</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END FOOTER -->

<script type="text/javascript">
    window.onload = function(){
        var blockIcon = $('.wrapper-icons').offset().top-570;
        var blockForm = $('.form-radio-img').offset().top-620;
        var row1 = $('.row-1').offset().top-495;
        var row2 = $('.row-2').offset().top-450;
        var row3 = $('.row-3').offset().top-410;
        var currentScroll = $(window).scrollTop();

        $(window).scroll(function() {
            var currentScroll = $(window).scrollTop();
            if (currentScroll >= blockForm) {
                $('.form-radio-img').addClass('animation');
            } else {
                $('.form-radio-img').removeClass('animation');
            }
            if (currentScroll >= blockIcon) {
                $('.wrapper-icons').addClass('animation');
            } else {
                $('.wrapper-icons').removeClass('animation');
            }
            if (currentScroll >= row1) {
                $('.row-1').addClass('animation');
            } else {
                $('.row-1').removeClass('animation');
            }
            if (currentScroll >= row2) {
                $('.row-2').addClass('animation');
            } else {
                $('.row-2').removeClass('animation');
            }
            if (currentScroll >= row3) {
                $('.row-3').addClass('animation');
            } else {
                $('.row-3').removeClass('animation');
            }
        });
    };
</script>
</body>
</html>

/*  Document   : Visanet dominicana
    Created on : 22/08/2018
    Author     : Hendry Martinez
    email      : hmartinez@mesplit.com
    Web        : www.web.mesplit.com
    Description: Purpose of the stylesheet follows.
*/
@import "animation.css";
body {
    font-family: 'Open Sans','Helvetica', 'Arial';
}
.icon {
    color: #f6b600;
    font-size: 65px;
}
.icon-block {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
.header {
    border-bottom: 5px solid #F7B600;
}
.header-top {
    padding: 10px 0;
    border-bottom: 1px solid #E3E3E3;
}
.header-icon img {
    height: 19px;
    margin: 0 5px;
}
.header-social-search {
    text-align: center;
}
.header-social-search a {
    text-decoration: none;
}
.header-search {
    color: #1A1F71;
}
.header-nav > li > a {
    color: #1A1F71;
    padding-left: 0;
    padding-right: 0;
}
.link-default,
.link-default-fill,
.link-default-outline {
    color: #1a1f71;
    margin-left: 10px;
    text-decoration: none;
}
.link-default-outline {
    padding: 4px 8px;
    line-height: 14px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #1a1f71;
}
.link-default-fill {
    color: #fff;
    padding: 2px 9px;
    border-radius: 5px;
    display: inline-block;
    background-color: #F7B600;
}
.link-default-fill:hover {
    color: #fff;
}
.btn-search {
    background-image: url('../img/icon-search.svg');
    background-repeat: no-repeat;
    background-position: 11px;
    background-size: 10px;
    padding-left: 25px;
}
.navbar-brand img {
    height: 5vw;
    max-height: 45px;
}
.navbar-header .navbar-toggle {
    margin: 3.5vw 0;
    border: 1px solid #ddd;
}
.navbar-toggle .icon-bar {
    background-color: #1a1f71;
}
.navbar-brand {
    height: auto;
    padding: 20px 0;
}
.header-nav > li > a:focus,
.header-nav > li > a:hover {
    background: transparent;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background: transparent;
}
.submenu-avatar img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.submenu-avatar,
.publish-small > a,
.submenu-box-line > a {
    display: flex;
}
.submenu-img {
    margin-right: 15px;
}
.submenu-title {
    line-height: 16px;
}
.submenu-title > a span {
    color: #1A1F71;
    display: block;
    font-size: 12px;
    font-weight: 100;
    text-transform: uppercase;
}
.submenu-title > a small {
    color: #5C5C5C;
    font-size: 12px;
    font-weight: 100;
}
.submenu-column {
    display: flex;
    margin-top: 25px;
}
.submenu-list {
    width: 100%;
    font-weight: 100;
}
.submenu-list h3 {
    margin: 0;
    color: #C1B8B8;
    font-size: 14px;
    font-weight: 100;
    text-transform: uppercase;
}
.submenu-list ul {
    padding: 0;
    margin: 10px 0 0;
}
.submenu-list li {
    display: block;
}
.submenu-list li a {
    display: block;
    color: #1A1F71;
    margin-top: 5px;
    font-size: 12px;
    text-decoration: none;
}
.submenu-title a,
.submenu-title:hover,
.submenu-list li a:hover,
.submenu-box-line a:hover,
.submenu-divider-btn:hover,
.header-nav > li > a:hover {
    color: #f6b600;
    text-decoration: none;
}
.submenu-wrapper-line {
    padding: 20px;
    margin: 20px -20px 0;
    background-color: #F6F9FC;
}
.submenu-line-img {
    margin-right: 10px;
}
.submenu-line-img img {
    display: block;
    max-height: 20px;
    border-radius: 50%;
}
.submenu-box-line a {
    color: #5C5C5C;
    font-size: 10px;
    font-weight: 100;
    line-height: 20px;
    padding: 15px 0 0;
    text-decoration: none;
}
.submenu-box-line:first-child a {
    padding-top: 0;
}
.submenu-divider {
    padding: 20px;
    text-align: center;
    margin: 0 -20px -20px;
    background-color: #F6F9FC;
    border-top: 1px solid #fff;
}
.submenu-divider-btn {
    color: #1A1F71;
    font-size: 12px;
    font-weight: 100;
    padding-left: 30px;
    display: inline-block;
    background: url('../img/icon-check.svg') left center no-repeat;
    background-size: 15px;
}
.publish-small > a:hover,
.submenu-divider-btn:hover {
    cursor: pointer;
    text-decoration: none;
}

/* -- BEGIN FOOTER -- */
.footer {
    overflow: hidden;
    background-color: #F7F7F7;
}
.newsletter {
    color: #fff;
    font-weight: 100;
    min-height: 300px;
    text-align: center;
    position: relative;
    padding: 40px 0 90px;
    background: url(../img/bg-newsletter.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.newsletter::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    background: rgb(26,30,90);
    background: -moz-linear-gradient(45deg, rgba(26,30,90,.90) 0%, rgba(18,45,152,.33) 100%);
    background: -webkit-linear-gradient(45deg, rgba(26,30,90,.90) 0%,rgba(18,45,152,.33) 100%);
    background: linear-gradient(45deg, rgba(26,30,90,,90) 0%,rgba(18,45,152,.33) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1e5a', endColorstr='#122d98',GradientType=.33 );
}
.newsletter-box,
.product-featured,
.steps-numbers ul,
.contact-map-wrapper {
    position: relative;
}
.newsletter-box h2 {
    font-size: 39px;
    font-weight: 100;
    font-size: 4.2vw;
}
.newsletter-box small {
    font-size: 2.55vw;
}
.newsletter-field {
    width: 100%;
    border: none;
    outline: none;
    color: #5C5C5C;
    padding: 17px 25px;
    border-radius: 2px;
    background-color: #E3E3E3;
}
.newsletter-button {
    color: #fff;
    border: none;
    font-size: 16px;
    padding: 7px 50px;
    margin-left: 10px;
    text-align: center;
    border-radius: 2px;
    background-color: #F7B600;
}
.btn-search:hover,
.newsletter-button:hover,
.copyright-btn:hover,
.form-button:hover,
.button-default:hover {
    text-decoration: none;
    background-color: #e2a805;
}
.newsletter-input {
    padding: 15px;
    position: relative;
    margin: 10px auto 0;
}
.newsletter-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #5C5C5C;
    font-size: 11px;
    font-style: italic;
}
.newsletter-input input::-moz-placeholder { /* Firefox 19+ */
    color: #5C5C5C;
    font-size: 11px;
    font-style: italic;
}
.newsletter-input input:-ms-input-placeholder { /* IE 10+ */
    color: #5C5C5C;
    font-size: 11px;
    font-style: italic;
}
.newsletter-input input:-moz-placeholder { /* Firefox 18- */
    color: #5C5C5C;
    font-size: 11px;
    font-style: italic;
}
.newsletter-input small {
    left: 0;
    bottom: -25px;
    color: #E3E3E3;
    font-size: 12px;
    position: absolute;
}
.footer-menu-block {
    width: 100%;
    padding: 15px;
    display: inline-block;
}
.footer-menu-block h3 {
    color: #1A1F71;
    font-size: 22px;
    margin: 0 0 30px;
}
.check-list,
.frame-list,
.steps-numbers ul,
.footer-menu-block ul,
.footer-menu-block ul li:first-child a {
    margin: 0;
    padding: 0;
}
.footer-menu-block ul li {
    display: block;
}
.footer-menu-block ul li a {
    color: #5C5C5C;
    display: block;
    font-size: 14px;
    margin-top: 15px;
    font-weight: 100;
    text-decoration: none;
}
.footer-menu {
    padding: 50px 0;
}
.footer-logo {
    display: inline-block;
    margin-bottom: 15px;
}
.footer-logo img {
    height: 5vw;
    max-height: 40px;
}
.footer-logo i {
    color: #1A1F71;
    display: block;
    font-size: 12px;
    font-weight: 100;
    margin-top: 15px;
}
.footer-phone-email li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;;
}
.footer-phone-email a {
    display: inline-block !important;
}
.footer-menu-block .header-social {
    margin-top: 30px;
}
.copyright-wrapper {
    font-weight: 100;
    padding: 25px; 0;
    background-color: #EDE9E9;
}
.copyright-text,
.copyright-action {
    width: 100%;
    color: #5C5C5C;
    font-size: 14px;
    text-align: center;
}
.copyright-action,
.img-logo-wrapper {
    margin-top: 10px;
}
.copyright-wrapper-btn {
    display: inline-block;
    margin-left: 15px;
}
.copyright-btn {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    background-color: #F7B600;
    padding: 5px 10px 5px 30px;
    background-position: 10px;
    background-repeat: no-repeat;
    background-color: #f7b600;
}
.copyright-btn:hover {
    color: #fff;
    text-decoration: none;
}
.copyright-action span {
    display: block;
    margin-bottom: 5px;
}
.ios {
    background-image: url('../img/icon-apple.svg');
    background-size: 13px;
}
.android {
    background-image: url('../img/icon-googleplay.svg');
    background-size: 12px;
}
/* -- BEGIN FEATURED -- */
.featured {
    margin-bottom: 0 !important;
}
.featured .slick-track::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: -moz-linear-gradient(222deg, rgba(255,255,255,0) 0%, rgba(134,134,134,0.14) 0.75%, rgba(0,0,0,0.50) 100%);
    background: -webkit-linear-gradient(222deg, rgba(255,255,255,0) 0%, rgba(134,134,134,0.14) 0.75%, rgba(0,0,0,0.50) 100%);
    background: linear-gradient(222deg, rgba(255,255,255,0) 0%, rgba(134,134,134,0.14) 0.75%, rgba(0,0,0,0.50) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba000000', endColorstr='#24868686',GradientType=1 );
}
.featured img {
    width: 100%;
    height: auto;
}
.featured-block {
    overflow: hidden;
    max-height: 450px;
    position: relative;
    display: block !important;
}
.featured .slick-dots {
    bottom: 20px;
    z-index: 1;
}
.featured .slick-prev {
    left: 35px;
    z-index: 1;
}
.featured .slick-next {
    right: 35px;
    z-index: 1;
}
.slick-prev::before,
.slick-next::before {
    width: 30px;
    height: 30px;
    display: block;
    color: transparent !important;
    background: url('../img/arrow-prev.svg') center no-repeat;
    background-size: 15px;
}
.slick-next::before {
    background: url('../img/arrow-next.svg') center no-repeat;
    background-size: 15px;
}
.slick-dots li,
.slick-dots li button,
.slick-dots li button:before {
    opacity: 1;
    width: 90px !important;
    height: 7px !important;
    color: transparent !important;
    background-color: rgba(255,255,255,.50);
}
.slick-dots li.slick-active button:before {
    background-color: #F7B600;
}
.featured-text {
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    color: #fff;
    margin-top: 6vw;
    font-weight: 100;
    text-align: center;
    position: absolute;
}
.featured-text .featured-title {
    font-weight: 100;
    font-size: 4.2vw;
}
.featured-subtitle {
    max-width: 47vw;
    font-size: 1.5vw;
    line-height: 2.7vw;
    margin: 3vw auto 0;
    font-weight: 100;
}

/* -- BEGIN FORM RADIO -- */
.form-wrapper-radio {
    display: flex;
    margin-bottom: 20px;
}
.form-input-radio:first-child {
    margin-right: 30px;
}
.form-radio,
.form-img {
    width: 100%;
}
.form-img img {
    top: 0;
    max-height: 475px;
    margin-top: -60px;
    position: relative;
}
.text-default {
    color: #1A1F71;
    font-size: 14px;
    font-weight: 100;
    line-height: 24px;
    margin: 40px 0 30px;
}
.form-checkbox input,
.form-input-radio input,
.column-wrapper th:first-child .column-title::before {
    display: none;
}
.form-input-radio label {
    color: #1a1f71;
    font-size: 14px;
    font-weight: 100;
    padding-left: 25px;
    position: relative;
}
.form-input-radio label::before {
    left: 0;
    top: 1px;
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    position: absolute;
    border: 1px solid #1a1f71;
}
.form-input-radio input:checked + label::before {
    padding: 5px;
    background-color: #1A1F71;
    box-shadow: 0 0 0 3px #fff inset;
}
/* -- BEGIN DROPDOWN -- */
.form-wrapper-dropdown select {
    width: 100%;
    padding: 13px;
    outline: none;
    color: #1A1F71;
    max-width: 290px;
    font-weight: 100;
    border-radius: 5px;
    border: 1px solid #1A1F71;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url('../img/angle.svg') 95% center no-repeat;
    background-size: 15px;
}
.form-button {
    width: 100%;
    color: #fff;
    border: none;
    padding: 20px;
    display: block;
    margin-top: 20px;
    font-weight: 100;
    max-width: 290px;
    border-radius: 5px;
    background-color: #F7B600;
}
/* -- BEGIN TITLE DEFAULT -- */
.wrapper-title {
    margin-top: 40px;
    padding-top: 30px;
    margin-bottom: 40px;
    border-top: 1px solid #E3E3E3;
}
.title-default {
    color: #1A1F71;
    font-size: 30px;
    margin: 0 0 10px;
    font-weight: 100;
}
.title-intro {
    margin: 0;
    color: #5C5C5C;
    font-size: 14px;
    font-weight: 100;
    line-height: 25px;
}
/* -- BEGIN ICONS WRAPPER -- */
.wrapper-icons {
    text-align: center;
    /* margin-bottom: 25px; */
}
.box-icon {
    width: 100%;
    max-width: 375px;
    padding: 25px 10px;
    vertical-align: top;
    display: inline-block;
}
.box-icon img {
    display: block;
    margin: 0 auto;
    max-height: 55px;
}
.box-icon span {
    display: block;
    color: #1A1F71;
    font-size: 20px;
    font-weight: 100;
    margin-top: 20px;
    text-transform: uppercase;
}
.box-icon small {
    color: #5C5C5C;
    display: block;
    font-size: 14px;
    font-weight: 100;
    margin-top: 20px;
    line-height: 23px;
}
.split-img img {
    width: 100%;
    height: auto;
    display: block;
}
.button-default {
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 100;
    margin-top: 20px;
    border-radius: 5px;
    padding: 10px 20px;
    display: inline-block;
    background-color: #F7B600;
}
.button-default:hover {
    color: #fff;
}
.wrapper-split {
    margin-top: 20px;
    padding: 50px 0 0;
    border-top: 1px solid #E3E3E3;
}
/* -- BEGIN NEWS -- */
.news-box img {
    width: 100%;
    display: block;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
}
.title-small {
    color: #1A1F71;
    font-size: 20px;
    margin: 0 0 5px;
    font-weight: 100;
    line-height: 27px;
}
.subtitle-small {
    display: block;
    color: #5C5C5C;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 15px;
}
.news-box .link-default,
.publish-info .link-default {
    display: block;
    font-size: 16px;
    margin: 10px 0 0;
    font-weight: 100;
}
.button-default-outline {
    color: #F7B600;
    font-size: 16px;
    font-weight: 100;
    margin-top: 35px;
    padding: 13px 35px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #F7B600;
}
.button-default-outline:hover {
    color: #e2a805;
    text-decoration: none;
    border-color: #e2a805;
}
/* -- BEGIN LOGOS BLOCK -- */
.logos-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    flex-flow: row wrap;
    justify-content: center;
    align-content: flex-end;
}
.logos-block a {
    width: 50%;
    display: block;
    padding: 25px 0;
}
.logos-block img {
    max-height: 55px;
    max-width: 120px;
}

/* -- BEGIN COMMENTS AND INSTAGRAM -- */
.comments-block {
    display: flex;
    margin: 20px 0;
    flex-direction: row;
    flex-flow: row wrap;
}
.comments-box,
.instagram-box {
    width: 100%;
}
.comments-slides {
    margin-top: 45px;
}
.comments-wrapper .slick-dots li button::before {
    width: 20px !important;
    height: 3px !important;
    background-color: #E3E3E3 !important;
}
.comments-wrapper .slick-dots li,
.comments-wrapper .slick-dots li button,
.comments-wrapper .slick-dots li button:before {
    margin: 0 8px 0 0;
    opacity: 1 !important;
    width: 20px !important;
}
.comments-wrapper .slick-dots {
    text-align: left;
    position: relative;
}
.comments-wrapper .slick-dots li.slick-active button:before {
    background-color: #F7B600 !important;
}
.comments-slides q {
    color: #5C5C5C;
    display: block;
    font-size: 18px;
    font-weight: 100;
    line-height: 30px;
    font-style: italic;
}
.comments-avatar {
    display: flex;
    color: #5C5C5C;
    font-weight: 100;
    margin-top: 30px;
    align-items: center;
}
.comments-avatar img {
    max-height: 55px;
    border-radius: 50%;
    margin-right: 10px;
}
.star-1 {
    background-image: url('../img/star-1.svg');
    background-size: contain;
}
.star-2 {
    background-image: url('../img/star-2.svg');
    background-size: contain;
}
.star-3 {
    background-image: url('../img/star-3.svg');
    background-size: contain;
}
.star-4 {
    background-image: url('../img/star-4.svg');
    background-size: contain;
}
.star-5 {
    background-image: url('../img/star-5.svg');
    background-size: contain;
}
.comments-star {
    height: 20px;
    display: block;
    margin-top: 15px;
    background-repeat: no-repeat;
    background-position: left center;
}
.url-default {
    color: #1A1F71;
    font-size: 18px;
    font-weight: 100;
    margin: -10px 0 0;
}
.instagram-img {
    margin: 20px -5px -5px -5px;
}
.instagram-img img {
    width: 25%;
    float: left;
    display: block;
    border: 5px solid #fff;
}
/* -- BEGIN STEPS -- */
.steps-wrapper {
    margin-top: 40px;
    margin-bottom: 30px;
}
.steps-title,
.steps-numbers {
    width: 100%;
    text-align: center;
}
.steps-title .title-default {
    margin-bottom: 5px;
}
.steps-numbers ul::before {
    top: 50%;
    left: 10px;
    right: 10px;
    content: "";
    height: 1px;
    display: block;
    margin-top: -1px;
    position: absolute;
    background-color: #ccc;
}
.steps-numbers ul {
    display: inline-block;
}
.steps-numbers li {
    float: left;
    width: 50px;
    height: 50px;
    display: block;
    color: #CCCCCC;
    margin: 0 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    background-color: #fff;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 0px 1px #fff;
}
.steps-numbers li.active {
    color: #fff;
    border-color: #F7B600;
    background-color: #F7B600;
}
.products-slides .slick-list {
    border-radius: 5px;
    margin-bottom: 60px;
    border: 1px solid #979797;
}
.products-block {
    position: relative;
    border-left: 1px solid #979797;
}
.products-box {
    color: #1A1F71;
    font-size: 25px;
    margin-top: 80px;
    line-height: 45px;
    text-align: center;
    padding: 15px 25px;
    margin-bottom: 50px;
    white-space: nowrap;
    max-height: 75px;
}
.products-box img {
    width: 100%;
    max-height: 40px;
    display: inline-block !important;
}
.products-block input {
    display: none;
}
.products-block label {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    display: block;
    position: absolute;
}
.products-slides .slick-slide:first-child .products-block {
    border-left: none;
}
.products-block label::before {
    top: 20px;
    margin: 0;
    content: "";
    right: 20px;
    width: 36px;
    height: 36px;
    display: block;
    border-radius: 50%;
    position: absolute;
    border: 1px solid #C1B8B8;
}
.products-block input:checked + label::before {
    border-color: #f7b600;
    background: url(../img/check.svg) center #F7B600 no-repeat;
    background-size: 18px;
}
.products-slides .slick-track {
    padding: 0;
}
/* -- BEGIN INFO FORM -- */
.info-wrapper {
    clear: both;
    width: 100%;
    padding-top: 35px;
    display: inline-block;
    border-top: 1px solid #E3E3E3;
}
.info-form,
.info-summary {
    width: 100%;
}
.title-emphasis {
    color: #F7B600;
    display: block;
    font-size: 18px;
    margin: 0 0 25px;
    font-weight: 100;
}
.info-list {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 0 20px;
    display: inline-block;
    border-bottom: 1px solid #E3E3E3;
}
.info-list li {
    color: #5C5C5C;
    display: block;
    margin-top: 10px;
    font-weight: 100;
    padding-left: 25px;
    background: url('../img/icon-check-circle.svg') left 2px no-repeat;
    background-size: 16px;
}
.info-list li:first-child,
.split-list li:first-child,
.sidebar-text li:first-child,
.sidebar-list li:first-child,
.steps-wrapper .button-default-outline,
.faq-action-box .button-default-outline {
    margin-top: 0;
}
.link-prev {
    color: #ccc;
    font-weight: 100;
    padding-left: 25px;
    background: url('../img/icon-angle-prev.svg') left center no-repeat;
    background-size: 19px;
}
.link-prev:hover {
    color: #F7B600;
    text-decoration: none;
}
.input {
    width: 100%;
    outline: none;
    font-weight: 100;
    margin-top: 20px;
    border-radius: 5px;
    padding: 10px 15px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.11) inset;
}
.button-next {
    padding-right: 40px;
    background: url(../img/arrow-angle-right.svg) 90% center #F7B600 no-repeat;
    background-size: 18px;
}
/* -- BEGIN SERVICES -- */
.services-wrapper {
    display: flex;
    flex-wrap: wrap;
    min-height: 47vw;
    flex-direction: row;
    flex-flow: row wrap;
    background-color: #f7f7f7;
}
.services-block {
    width: 100%;
    overflow: hidden;
    padding-top: 2vw;
    position: relative;
}
.services-block img {
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
}
.services-block .text-default {
    padding: 15px;
    font-size: 18px;
    margin-top: 1vw;
    line-height: 29px;
    position: relative;
}
.service-points::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    background: -moz-linear-gradient(45deg, rgba(0,0,0,0.50) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.50) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(45deg, rgba(0,0,0,0.50) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba000000', endColorstr='#00ffffff',GradientType=1 );
}
.services-box {
    position: relative;
    z-index: 1;
}
.services-title {
    margin: 0;
    color: #fff;
    font-weight: 900;
    font-size: 2.5vw;
    padding: 1.5vw 4vw;
    line-height: 3.3vw;
    text-transform: uppercase;
}
.services-info {
    z-index: 1;
    color: #fff;
    font-size: 2vw;
    font-weight: 100;
    line-height: 3vw;
    position: absolute;
    padding: 1.5vw 4vw;
    bottom: 10vw;
}
.services-block .button-next {
    left: 50%;
    z-index: 1;
    width: 165px;
    bottom: 35px;
    display: block;
    position: absolute;
    margin-left: -75px;
}
/* BEGIN PRODUCT */
.product-featured img {
    width: 100%;
    height: auto;
    display: block;
}
.container-position {
    left: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
    align-items: center;
}
.featured-title-small {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.featured-title {
    color: #fff;
    margin: 2vw 0;
    display: block;
    font-weight: 100;
}
.product-featured::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    background: rgb(26,30,90);
    background: -moz-linear-gradient(45deg, rgba(26,30,90,1) 0%, rgba(18,45,152,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(26,30,90,1) 0%,rgba(18,45,152,1) 100%);
    background: linear-gradient(45deg, rgba(26,30,90,1) 0%,rgba(18,45,152,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1e5a', endColorstr='#122d98',GradientType=1 );
}
.menu-wrapper ul {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.menu-wrapper li a {
    color: #1A1F71;
    display: block;
    font-size: 1.25vw;
    position: relative;
    text-decoration: none;
    padding: 1.1vw 3vw 1vw;
    border-bottom: 4px solid transparent;
}
.menu-wrapper li a.active,
.menu-wrapper li a:hover {
    text-decoration: none;
    border-color: #f7b600;
}
.menu-wrapper li a::before {
    left: 0;
    top: 50%;
    width: 1px;
    content: "";
    height: 2vw;
    display: block;
    margin-top: -.8vw;
    position: absolute;
    background-color: #DEDEDE;
}
.menu-wrapper li:first-child a::before {
    display: none;
}
.section-box {
    padding-top: 80px;
    position: relative;
}
.section-box hr {
    left: 0;
    right: 0;
    top: 20px;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1170px;
    position: absolute;
    border-color: #E3E3E3;
}
.sticky {
    top: 0;
    z-index: 3;
    width: 100%;
    position: fixed;
}
.wrapper-section-block {
    overflow: hidden;
}
.sectin-intro {
    margin-top: 50px;
}
.banner-info,
.banner-action,
.section-intro-img,
.section-intro-info,
.section-coverflow-info,
.section-coverflow-slides,
.square-info,
.square-img,
.frame-info,
.frame-img,
.faq-info,
.faq-action,
.publish-info,
.publish-action,
.fluid {
    width: 100%;
}
.section-intro-img img {
    width: 100%;
    display: block;
    padding-bottom: 20px;
}
.coverflow {
    padding-bottom: 80px;
    background-color: #F7F7F7;
}
.coverflow-box {
    max-width: 347px;
    text-align: center;
    padding: 70px 70px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 17px 18px rgba(0,0,0,.10);
}
.coverflow-box img {
    width: 100%;
    display: block;
    max-height: 100px;
}
.coverflow-box span {
    color: #1A1F71;
    display: block;
    font-size: 18px;
    font-weight: 100;
    text-align: center;
    margin-top: 25px;
}
.flipster {
    overflow-x: visible !important;
}
.flipster button {
    z-index: 2;
    outline: none;
}
.flipster--carousel .flipster__item--past-1,
.flipster--carousel .flipster__item--future-1 {
    opacity: 1 !important;
}
.flipster__button svg {
    display: none;
}
.flipster__button--prev {
    width: 47px;
    height: 47px;
    margin: -30px;
    background: url(../img/flow-prev.svg) center no-repeat !important;
    background-size: 47px !important;
}
.flipster__button--next {
    width: 47px;
    height: 47px;
    margin: -30px;
    background: url(../img/flow-next.svg) center no-repeat !important;
    background-size: 47px !important;
}
.section-box .wrapper-title {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.news-box {
    overflow: hidden;
    position: relative;

}
.news-box:hover img {
    transform: scale(1.2);
}
.btn-video {
    right: 25px;
    bottom: 25px;
    color: #1A1F71;
    font-weight: 100;
    position: absolute;
    border-radius: 5px;
    display: inline-block;
    padding: 7px 12px 7px 40px;
    background: url(../img/icon-youtube.svg) 10px center rgba(255,255,255,.83) no-repeat;
    background-size: 20px;
}
.btn-video:hover {
    background-color: rgba(255,255,255,.90);
}
.banner-wrapper {
    background: rgb(26,30,90);
    background: -moz-linear-gradient(45deg, rgba(26,30,90,1) 0%, rgba(18,45,152,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(26,30,90,1) 0%,rgba(18,45,152,1) 100%);
    background: linear-gradient(45deg, rgba(26,30,90,1) 0%,rgba(18,45,152,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1e5a', endColorstr='#122d98',GradientType=1 );
}
.title-default-light {
    margin: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 100;
}
.subtitle-default-light {
    color: #fff;
    font-size: 18px;
    font-weight: 100;
}
.button-action {
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    padding: 8px 20px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #fff;
}
.button-action:hover {
    color: #f7b600;
    border-color: #f7b600;
    text-decoration: none;
}
.banner-block {
    align-items: center;
}
.banner-wrapper {
    padding: 80px 0;
    position: relative;
    z-index: 2;
}
.square-info p {
    padding-bottom: 25px;
    border-bottom: 1px solid #E3E3E3;
}
.check-list {
    margin: 30px 0 10px;
}
.check-list li:first-child {
    margin-top: 0;
}
.check-list li {
    color: #1A1F71;
    display: block;
    font-size: 16px;
    font-weight: 100;
    margin-top: 12px;
    padding-left: 33px;
    background: url('../img/icon-check-circle.svg') left 1px no-repeat;
    background-size: 20px;
}
.frame-list {
    margin-top: 40px;
    padding-left: 35px;
}
.frame-list li {
    color: #1A1F71;
    font-size: 18px;
    font-weight: 100;
    line-height: 45px;
    padding-left: 15px;
    list-style-position: outside;
}
.frame-block .button-default {
    margin: 45px 17px 0;
}
.faq-block {
    align-items: center;
}
.faq-box {
    margin: 0 0 30px;
}
.faq-box:first-child {
    margin-top: 0;
}
.button-default-outline.btn-small {
    padding: 10px 20px;
}
.publish-img-featured {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
}
.title-xsmall {
    color: #1A1F71;
    font-size: 18px;
    font-weight: 100;
    line-height: 27px;
    margin: -5px 0 5px;
}
.publish-small-img {
    width: 30%;
}
.publish-small-info {
    width: 70%;
}
.publish-small-img img {
    width: 100%;
    height: auto;
    display: block;
    padding: 0 25px 25px 0;
}
/* .publish-wrapper {
    margin-bottom: 70px;
} */
.map-location-block {
    color: #5C5C5C;
    font-size: 14px;
    font-weight: 100;
    line-height: 28px;
    padding-top: 25px;
    min-height: 212px;
    padding-bottom: 20px;
    border-top: 1px solid #e3e3e3;
    background: url('../img/angle-right.svg') right 30px no-repeat;
}
.map-location-block:first-child {
    background-position: right 5px;
}
.map-location-block b {
    display: block;
    line-height: 18px;
    margin-bottom: 7px;
}
.map-location-block:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}
.map-location {
    padding-bottom: 20px;
    max-height: 430px;
    overflow: auto;
    margin-top: 25px;
}
.map-iframe iframe {
    width: 100%;
    height: 100%;
}
.img-logo-wrapper img {
    max-height: 20px;
    margin-left: 10px;
    padding-left: 10px;
    display: inline-block;
    border-left: 1px solid #e3e3e3;
}
.img-logo-wrapper img:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}
.split-img-logo {
    max-width: 155px;
    max-height: 63px;
    margin-bottom: 15px;
}
.space-container {
    margin-bottom: 50px;
}
.text-intro {
    padding: 70px 0;
    text-align: center;
}
.table-wrapper {
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #DFDFDF;
}
.table-wrapper table {
    width: 100%;
    text-transform: uppercase;
}
.table-wrapper table td,
.table-wrapper table th {
    padding: 25px;
    font-weight: 100;
    text-align: center;
}
.table-wrapper table th:first-child,
.table-wrapper table td:first-child {
    text-align: left;
}
.table-wrapper table th {
    color: #5C5C5C;
    background-color: #FAFAFA;
}
.table-wrapper table td {
    padding: 13px 25px;
    border-top: 1px solid #DFDFDF;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
}
.table-block-img::before {
    top: 0;
    left: 0;
    color: #5C5C5C;
    font-weight: 100;
    position: absolute;
    content: attr(data-label);
    text-transform: uppercase;
}
.split-list {
    margin: 0;
    color: #5C5C5C;
    font-size: 14px;
    font-weight: 100;
    padding: 0 0 0 20px;
    list-style-position: outside;
}
.split-list li {
    margin-top: 10px;
}
.column-wrapper {
    overflow: hidden;
    border-radius: 5px;
    border-top: none;
    border-bottom: none;
    margin-bottom: 50px;
}
.column-wrapper table {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
.column-title {
    color: #fff;
    padding: 35px 0;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    position: relative;
    background-color: #191E5A;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.column-title::after,
.column-title::before {
    left: 0;
    top: 35px;
    content: "";
    right: auto;
    position: absolute;
    border-left: 13px solid #fff;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}
.column-title::after {
    left: auto;
    z-index: 1;
    right: -13px;
    border-left-color: #191E5A;
}
.column-wrapper td {
    font-weight: 100;
    vertical-align: top;
}
.column-wrapper td:first-child {
    border-left: none;
}
.column-wrapper tr:last-child td.sp {
    border-bottom: none;
}
.column-wrapper img {
    max-height: 50px;
    max-width: 155px;
    display: block;
    margin: 0 auto;
}
.column-wrapper td,
.column-wrapper th {
    width: 32.5%;
}
.sp {
    width: 15px !important;
    padding: 0 !important;
}
th.sp {
    background-color: #fff;
}
.column-info {
    height: 100%;
    padding: 25px 0;
    border-top: 1px solid #e3e3e3;
}
.intro-space {
    margin: 20px 0;
}
.line-flex-wrapper {
    text-align: center;
    align-items: center;
}
.line-flex-img {
    width: 100%;
    height: auto;
}
.line-flex-info {
    padding: 15px;
}
.line-flex-block .title-small {
    margin-top: 15px;
}
.line-flex-info .title-intro {
    margin-top: 15px;
}
.timeline-block {
    font-weight: 100;
    text-align: center;
}
.timeline-title {
    color: #1A1F71;
    font-size: 24px;
}
.timeline-circle {
    position: relative;
}
.timeline-circle i {
    width: 25px;
    height: 25px;
    display: block;
    margin: 20px auto;
    border-radius: 50%;
    position: relative;
    background-color: #1A1F71;
}
.timeline-circle::before {
    left: 0;
    right: 0;
    top: 50%;
    content: "";
    height: 2px;
    position: absolute;
    background-color: #E6E6E6;
}
.timeline-block p {
    color: #1A1F71;
    font-size: 12px;
    padding: 0 10px;
    line-height: 20px;
}
.timeline-wrapper {
    padding: 0 45px;
}
.timeline-wrapper .slick-prev,
.timeline-wrapper .slick-next {
    top: 40%;
}
.timeline-wrapper .slick-prev {
    left: 0;
}
.timeline-wrapper .slick-next {
    right: 0;
}
.timeline-wrapper .slick-prev::before,
.timeline-wrapper .slick-next::before {
    width: auto;
    height: auto;
    display: inline;
}
.timeline-wrapper .slick-prev::before {
    background: url('../img/timeline-nav-prev.svg') center no-repeat !important;
}
.timeline-wrapper .slick-next::before {
    background: url('../img/timeline-nav-next.svg') center no-repeat !important;
}
.timeline-wrapper .slick-track .slick-slide:nth-child(odd) .timeline-circle i{
    background-color: #F7B600;
}
.title-medium {
    margin-top: 0;
    color: #1A1F71;
    font-size: 28px;
    font-weight: 100;
}
.attaiment-wrapper {
    margin-top: 30px;
}
.attaiment-block {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}
.attaiment-block img {
    display: block;
    max-width: 70px;
    max-height: 70px;
    margin: 0 auto 10px;
}
.attaiment-block p {
    color: #5C5C5C;
    font-weight: 100;
    line-height: 24px;
}
.attaiment-block:last-child {
    padding-right: 0;
}
.numbers-wrapper {
    color: #fff;
    padding: 60px 0;
    background: rgb(26,30,90);
    background: -moz-linear-gradient(45deg, rgba(26,30,90,1) 0%, rgba(18,45,152,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(26,30,90,1) 0%,rgba(18,45,152,1) 100%);
    background: linear-gradient(45deg, rgba(26,30,90,1) 0%,rgba(18,45,152,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1e5a', endColorstr='#122d98',GradientType=1 );
}
.numbers-block span {
    display: block;
    font-size: 64px;
    font-weight: 900;
    margin: 5px 0 10px;
}
.numbers-block small {
    font-size: 22px;
    font-weight: 100;
}
.numbers-block > img {
    max-height: 30px;
}
.logos-small {
    margin-top: 30px;
}
.logos-small img {
    max-height: 35px;
}
.form-wrapper {
    overflow: hidden;
    min-height: 675px;
    max-height: 675px;
    position: relative;
}
.form-wrapper::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    content: "";
    position: absolute;
    background-color: rgba(255,255,255,.68);
}
.form-wrapper img {
    width: 100%;
    display: block;
    -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
    filter: blur(5px);
}
.form-wrapper .title-intro {
    color: #1A1F71;
}
.form-block {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 560px;
    text-align: center;
}
.form-block .input {
    box-shadow: none;
    border-color: #1a1f71;
    background-color: transparent;
}
.form-block input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #1a1f71;
}
.form-block input::-moz-placeholder { /* Firefox 19+ */
    color: #1a1f71;
}
.form-block input:-ms-input-placeholder { /* IE 10+ */
    color: #1a1f71;
}
.form-block input:-moz-placeholder { /* Firefox 18- */
    color: #1a1f71;
}
.form-block .intro-wrapper {
    margin-bottom: 30px;
}
.form-checkbox {
    text-align: left;
}
.form-checkbox label {
    color: #1A1F71;
    margin-top: 15px;
    font-weight: 100;
    position: relative;
    padding-left: 25px;
}
.form-checkbox label::before {
    top: 0;
    left: 0;
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 5px;
    position: absolute;
    border: 1px solid #1A1F71;
}
.form-checkbox input:checked + label::before {
    border: none;
    background: url('../img/check.svg') center no-repeat orange;
    background-size: 11px;
}
.form-block .button-default {
    margin-top: 30px;
    padding: 10px 40px;
}
.contact-map-wrapper iframe {
    width: 100%;
    display: block;
    min-height: 730px;
}
.contact-map-block {
    top: 50px;
    width: 100%;
    padding: 30px;
    max-width: 485px;
    border-radius: 5px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0,0,0,.10);
}
.contact-map-block .title-default {
    margin-bottom: 5px;
}
.contact-map-block .title-intro {
    color: #1A1F71;
    margin-bottom: 5px;
}
.contact-block {
    color: #1A1F71;
    font-weight: 100;
    margin-top: 20px;
    padding-top: 20px;
    line-height: 23px;
    border-top: 1px solid #E3E3E3;
}
.contact-block b {
    display: block;
    margin-bottom: 5px;
}
.contact-block span {
    color: #F7B600;
    font-weight: 700;
}
.sidebar-wrapper {
    margin: 20px 0;
}
.sidebar-wrapper a {
    text-decoration: none;
}
.sidebar-box {
    overflow: hidden;
    border-radius: 5px;
}
.sidebar-box h2 {
    margin: 0;
    color: #fff;
    padding: 20px;
    font-size: 14px;
    font-weight: 100;
    background-color: #F7B600;
}
.sidebar-accordion {
    padding: 20px;
    margin-bottom: 25px;
    border: 1px solid #E3E3E3;
    border-top: none;
}
.sidebar-accordion .panel {
    box-shadow: none;
}
.sidebar-accordion .panel-heading {
    padding: 8px 0;
    box-shadow: none;
    text-transform: uppercase;
}
.sidebar-accordion .panel-title {
    font-size: 14px;
}
.sidebar-accordion .panel-heading a {
    color: #5C5C5C;
    display: block;
    font-weight: 100;
    text-transform: uppercase;
}
.sidebar-accordion .panel-body {
    border: none !important;
}
.sidebar-list {
    padding: 0 0 0 5px;
}
.sidebar-list li {
    margin-top: 10px;
}
.sidebar-list a {
    color: #5C5C5C;
    font-size: 12px;
    font-weight: 100;
    text-decoration: none;
}
.sidebar-accordion .panel-heading a {
    background: url('../img/angle-up.svg') center right no-repeat;
}
.sidebar-accordion .panel-heading a.collapsed {
    background: url('../img/angle-down.svg') center right no-repeat;
}
.row-info .title-default,
.sidebar-accordion .panel-group {
    margin-bottom: 0;
}
.sidebar-text {
    color: #5C5C5C;
}
.sidebar-text h1 {
    margin-top: 0;
    font-size: 30px;
    font-weight: 100;
}
.sidebar-text h2 {
    font-size: 20px;
}
.sidebar-text small {
    font-size: 14px;
    font-weight: 100;
}
.sidebar-text ol {
    margin: 30px 0;
    padding: 0 0 0 15px;
}
.sidebar-text li {
    font-size: 16px;
    font-weight: 100;
    margin-top: 10px;
}
.sidebar-text p {
    font-weight: 100;
    line-height: 28px;
}
.sidebar-text table {
    overflow: hidden;
    border-radius: 5px;
}
.sidebar-text th,
.sidebar-text td {
    padding: 20px;
    vertical-align: top;
    border: 1px solid #E3E3E3;
}
.sidebar-text th {
    color: #fff;
    font-weight: 700;
    background-color: #F7B600;
}
.button-action-wrapper {
    width: 100%;
    padding: 20px;
    max-width: 600px;
    text-align: center;
    border-radius: 5px;
    margin: 0 auto 40px;
    border: 1px solid #E3E3E3;
}
.button-action-block span {
    display: block;
    margin-top: 30px;
}
.button-account {
    background: rgb(250,155,0);
    background: -moz-linear-gradient(45deg, rgba(250,155,0,1) 0%, rgba(244,202,18,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(250,155,0,1) 0%,rgba(244,202,18,1) 100%);
    background: linear-gradient(45deg, rgba(250,155,0,1) 0%,rgba(244,202,18,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9b00', endColorstr='#f4ca12',GradientType=1 );
}
.button-cc {
    background: rgb(26,30,90);
    background: -moz-linear-gradient(45deg, rgba(26,30,90,1) 0%, rgba(18,45,152,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(26,30,90,1) 0%,rgba(18,45,152,1) 100%);
    background: linear-gradient(45deg, rgba(26,30,90,1) 0%,rgba(18,45,152,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1e5a', endColorstr='#122d98',GradientType=1 );
}
.button-action-wrapper img {
    margin: 0 auto;
    display: block;
    max-width: 60px;
    max-height: 45px;
}
.button-action-wrapper a {
    color: #fff;
    margin: 20px;
    padding: 30px;
    font-weight: 700;
    border-radius: 5px;
    text-decoration: none;
}
.action-info {
    color: #5C5C5C;
    padding: 0 15px;
    max-width: 330px;
    font-weight: 100;
    line-height: 22px;
    margin: 0 auto 40px;
}
.action-info a {
    color: #1A1F71;
}
.block-left-wrapper {
    margin: 40px 0;
    overflow: hidden;
    padding-top: 30px;
    border-top: 1px solid #e3e3e3;
}

.block-left-img img {
    max-height: 330px;
    position: relative;
}
.box-left {
    margin-top: 30px;
}
.box-left-info {
    margin-bottom: 40px;
}
.box-left-info p {
    color: #5C5C5C;
    font-size: 12px;
    font-weight: 100;
    margin-top: 10px;
    line-height: 22px;
}
.box-left-info .button-default-outline {
    margin-top: 10px;
}
.row-img img {
    width: 100%;
    height: auto;
    display: block;
}
.row-info span {
    display: block;
    color: #5c5c5c;
    margin-top: 10px;
    font-weight: 100;
}
.row-info p {
    color: #5c5c5c;
    margin-top: 5px;
    max-width: 400px;
    font-weight: 100;
}
.button-demo,
.button-video {
    width: 100%;
    font-size: 14px;
    font-weight: 100;
    max-width: 100px;
    padding: 11px 20px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: none;
    display: inline-block;
}
.button-video {
    color: #fff;
    background: rgb(250,155,0);
    background: -moz-linear-gradient(45deg, rgba(250,155,0,1) 0%, rgba(244,202,18,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(250,155,0,1) 0%,rgba(244,202,18,1) 100%);
    background: linear-gradient(45deg, rgba(250,155,0,1) 0%,rgba(244,202,18,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9b00', endColorstr='#f4ca12',GradientType=1 );
}
.button-demo {
    color: #f7b600;
    box-shadow: 0 0 0 1px #f7b600;
}
.button-video:hover {
    color: #fff;
}
.button-demo:hover {
    color: #f7b600;
}
.row-logo {
    max-width: 95px;
    margin-top: 5px;
    max-height: 45px;
    display: inline-block;
}
.row-block {
    margin: 20px 0;
    padding: 20px 0 0;
    border-top: 1px solid #E3E3E3;
}
.row-block:first-child {
    border: none;
    margin-top: 0;
    padding-top: 0;
}
.row-info ul {
    padding: 0;
    margin: 5px 0 0;
}
.row-info ul li {
    color: #5c5c5c;
    display: block;
    font-size: 14px;
    margin-top: 8px;
    font-weight: 100;
    padding-left: 25px;
    background: url(../img/icon-check-circle.svg) left center no-repeat;
}
.row-info ul li:first-child {
    margin-top: 0;
}
.row-wrapper {
    margin: 50px 0;
}
.filter-block {
    padding: 0;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 40px;
    background-color: #fff;
    box-shadow: 0 0 32px -2px rgba(0,0,0,.10);
}
.filter-block li a,
.filter-block li .filter-dropdown {
    display: block;
    font-size: 12px;
    font-weight: 100;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.filter-block .active a {
    color: #fff;
    background: rgb(26,30,90);
    background: -moz-linear-gradient(45deg, rgba(26,30,90,1) 0%, rgba(18,45,152,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(26,30,90,1) 0%,rgba(18,45,152,1) 100%);
    background: linear-gradient(45deg, rgba(26,30,90,1) 0%,rgba(18,45,152,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1e5a', endColorstr='#122d98',GradientType=1 );
}
.filter-dropdown {
    border: none;
    outline: none;
    color: transparent;
    padding: 10px 5px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: #fff;
    background-image: url('../img/dotted.svg');
    background-repeat: no-repeat;
    background-position: center;
}
.active .filter-dropdown {
    background-color: rgb(26,30,90);
    background-color: -moz-linear-gradient(45deg, rgba(26,30,90,1) 0%, rgba(18,45,152,1) 100%);
    background-color: -webkit-linear-gradient(45deg, rgba(26,30,90,1) 0%,rgba(18,45,152,1) 100%);
    background-color: linear-gradient(45deg, rgba(26,30,90,1) 0%,rgba(18,45,152,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1e5a', endColorstr='#122d98',GradientType=1 );
    background-image: url('../img/dotted-white.svg') !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.faq-wrapper .panel {
    box-shadow: none;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #E3E3E3;
    padding: 27px 30px 27px 45px;
}
.faq-wrapper .panel::before {
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    display: inline-block;
    content: attr(data-label);
    background-color: #F7B600;
    text-transform: uppercase;
    width: 25px;
    border-bottom-right-radius: 5px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    position: absolute;
    top: 0;
    left: 0;
}
.faq-wrapper .panel-heading {
    padding: 0;
}
.faq-wrapper .panel-title {
    color: #1A1F71;
    font-size: 16px;
    font-weight: 100;
}
.faq-wrapper .panel-title a {
    display: block;
    text-decoration: none;
    background: url('../img/icon-less.svg') right center no-repeat;
}
.faq-wrapper .panel-title a.collapsed {
    background: url('../img/icon-plus.svg') right center no-repeat;
}
.faq-wrapper .panel-body {
    color: #5C5C5C;
    margin-top: 15px;
    font-weight: 100;
    line-height: 24px;
    position: relative;
    padding: 0 0 0 30px;
    border: none !important;
}
.faq-wrapper .panel-body::before {
    top: 0;
    left: 0;
    color: #C1B8B8;
    font-size: 18px;
    font-weight: 100;
    position: absolute;
    content: attr(data-label);
}
/* -- begin suscription -- */
.tier-wrapper {
    overflow: hidden;
    font-weight: 200;
    text-align: center;
    text-transform: uppercase;
}
.cell-wrapper {
    width: 100%;
    max-width: 292px;
    min-height: 100px;
    border-radius: 5px;
    margin-bottom: 30px;
    display: inline-block;
    border: 1px solid #e3e3e3;
}
.cell-wrapper .column-title::before,
.cell-wrapper .column-title::after {
    display: none;
}
.tier-wrapper .column-info {
    height: auto;
    padding: 20px;
    line-height: 20px;
}
.tier-wrapper .button-default {
    margin-top: 0;
}
.text-lg {
    color: #1A1F71;
    font-size: 24px;
    font-weight: 900;
}
.tier-wrapper .cell-wrapper {
    margin-left: 10px;
    margin-right: 10px;
}
.mb {
    margin-bottom: 40px;
}

Quiénes somos

Compañia

Suscríbete a nuestra lista de difusión