/* 
Template Name:GetLeads
Theme URL:http://www.themedept.com/demo/getleads/
Description:Landing Page Pack with Page Builder    
Author:Themedept  
Author URL:http://www.themedept.com
Version:1.4
Tags:Landing Page, Multipurpose Landing page, Html5, Css, Bootstrap, Javascript, Startup Landing page, Agency Landing page, Corporate Landing page, Business Landing page, Marketing Landing page, App Landing page, WebApp Landing page, Construction Landing page, E-learning Landing page, E-book Landing page, Event Landing page, Conference Landing page, Restaurant Landing page, Real Estate Landing page, Hotel Landing page, Software Landing page, Medical Landing page, Hosting Landing page, Gym Landing page, Wedding Landing page, Travel Landing Page, Yoga Landing Page
*/

/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */

/*   01 - General Style                          */
/*   02 - Typography                             */
/*   03 - Backgrounds                            */
/*   04 - Buttons                                */
/*   05 - Forms                                  */
/*   06 - Carousel, Loader, Lightbox & Hover     */
/*   07 - Spacing & Alignment                    */
/*   08 - Header Navigation                      */ 
/*   09 - Hero Section                           */
/*   10 - Content Section                        */     
/*   11 - Features Section                       */ 
/*   12 - Call to Action Section                 */
/*   13 - Testimonials Section                   */
/*   14 - Video Section                          */
/*   15 - Clients Section                        */
/*   16 - Social Widgets Section                 */
/*   17 - Portfolio Section                      */
/*   18 - Pricing Section                        */
/*   19 - Team Section                           */
/*   20 - Blog Section                           */
/*   21 - Miscellaneous Section                  */
/*   22 - Subscription Section                   */
/*   23 - Contact Section                        */
/*   24 - Footer Section                         */
/*   25 - Pages Style                            */


/* ==========================================================================
   01. GENERAL STYLE
========================================================================== */ 
@font-face {
  font-family: "Avenir LT Std";
  src: url("../fonts/AvenirLTStd-Book.eot");
  src: url("../fonts/AvenirLTStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Book.woff") format("woff"), url("../fonts/AvenirLTStd-Book.ttf") format("truetype"), url("../fonts/AvenirLTStd-Book.svg#Avenir LT Std") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir LT Medium";
  src: url("../fonts/AvenirLTStd-Medium.eot");
  src: url("../fonts/AvenirLTStd-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Medium.woff") format("woff"), url("../fonts/AvenirLTStd-Medium.ttf") format("truetype"), url("../fonts/AvenirLTStd-Medium.svg#Avenir LT Medium") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir LT Black";
  src: url("../fonts/AvenirLTStd-Black.eot");
  src: url("../fonts/AvenirLTStd-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Black.woff") format("woff"), url("../fonts/AvenirLTStd-Black.ttf") format("truetype"), url("../fonts/AvenirLTStd-Black.svg#Avenir LT Black") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir LT Heavy";
  src: url("../fonts/AvenirLTStd-Heavy.eot");
  src: url("../fonts/AvenirLTStd-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Heavy.woff") format("woff"), url("../fonts/AvenirLTStd-Heavy.ttf") format("truetype"), url("../fonts/AvenirLTStd-Heavy.svg#Avenir LT Heavy") format("svg");
  font-weight: 400;
  font-style: normal;
}

body { font-family:"Avenir LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; line-height:20px; color:#69696E; font-weight:400; -webkit-font-smoothing:antialiased; padding:0; margin:0; }
.main-container { overflow:hidden; }

section{ position:relative; overflow:hidden; }

/*------------------------------------------*/
/*   Links
/*------------------------------------------*/
a, a:link, a:visited, a:hover, a:active { color:#0072BC; text-decoration:none; outline:0; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; }

a.inverse, .inverse a, i.inverse { color:#ffffff !important; }

/*------------------------------------------*/
/*   Blockquote
/*------------------------------------------*/
blockquote { border-left:none; padding:0; margin:0; font-size:16px; line-height:16px; text-transform:none; }

/*------------------------------------------*/
/*   Iframe
/*------------------------------------------*/
iframe { border:0; }
.videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:0; height:0; }
.videoWrapper > iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
/* for page builder */
.videoWrapper > .frameCover { position:absolute; left:0px; top:0px; width:100%; height:100%; background:none; }

/*------------------------------------------------------------------*/
/*   Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix
/*-----------------------------------------------------------------*/
@-webkit-viewport { width:device-width; }
@-moz-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }


/* ==========================================================================
   02. TYPOGRAPHY
========================================================================== */
/* set margin for optimize vertical-align-middle */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .lead { margin-top:0; margin-bottom:10px; }
h1, .h1 { font-size:52px; line-height:56px; text-shadow:0 1px 2px rgba(0,0,0,.1); }
h2, .h2 { font-size:42px; line-height:46px; }
h3, .h3 { font-size:34px; line-height:38px; }
h4, .h4 { font-size:26px; line-height:30px; }
h5, .h5 { font-size:20px; line-height:24px; }
p { font-size:16px; line-height:20px; }
.p-opacity { opacity:0.7; }
.lead { font-size:22px; line-height:26px; font-weight:400; }
.lead strong, .lead b { font-weight:400; font-family:'Avenir LT Black'; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, strong, b, .lead strong, .lead b { font-family:'Avenir LT Heavy'; }

/*------------------------------------------------------------------*/
/*   Lato Font Weight
/*-----------------------------------------------------------------*/
.f-w-300 { font-weight:300; }
.f-w-400 { font-weight:400; }
.f-w-700 { font-weight:700; }
.f-w-900 { font-weight:900; }

/*------------------------------------------------------------------*/
/*   Contextual Colors
/*-----------------------------------------------------------------*/
.text-white { color:#FFF; }
.text-black { color:#000; }
.text-blue { color:#0072BC; }
.text-red { color:#0072BC; }

/* ==========================================================================
   03. BACKGROUNDS
========================================================================== */
/*------------------------------------------*/
/*   Background Colors for demos
/*------------------------------------------*/
.bg-grey{ background-color:#434343; }
.bg-light{ background-color:#fafafa; }
.bg-orange { background-color:#ef7c46; }
.bg-blue { background-color:#0072BC; }
.bg-green { background-color:#56B68B; }
.bg-red { background-color:#FF0033; }
.bg-purple { background-color:#8e44ad; }
.bg-yellow { background-color:#f1c40f; }
.bg-dark { background-color:#525e6c; }
.bg-black { background-color:#2e3234; }
.bg-white { background-color:#ffffff; }

/*------------------------------------------*/
/*   Background Images for demos
/*------------------------------------------*/
.bg-img { background:url("../images/bg-1.jpg") no-repeat center center scroll; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; }

/*------------------------------------------*/
/*  Overlay Effect
/*------------------------------------------*/
.overlay { position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; /* Provides cross-browser RGBa background */ zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#80000000', endColorstr='#80000000'); background:transparent; background:rgba(0, 0, 0, 0.4); }

/* set filter as none for IE9+, because IE9+ support RGBa */
:root .overlay { filter:none\0/IE9; }

/* ==========================================================================
   04. BUTTONS
========================================================================== */
.btn, a.btn { display:inline-block; color:#ffffff; padding:11px 18px; margin-bottom:7px; margin-right:5px; font-size:15px; font-weight:900; letter-spacing:1px; vertical-align:middle; white-space:pre-line; text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; cursor:pointer; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
.btn:focus, a.btn:focus, .btn:hover, a.btn:hover, .btn.active:focus, a.btn.active:focus, .btn:active:focus, a.btn:active:focus { color:#fff; outline:none; }
.btn-md, a.btn-md { padding:15px 25px; font-size:16px; }
.btn-lg, a.btn-lg { padding:25px 60px; font-size:18px; }
.btn-sm { margin-bottom:20px !important; padding:10px 12px 5px !important; border-width:2px !important; }

.btn-uppercase { text-transform:uppercase; }

/*------------------------------------------*/
/*  Menu Buttons
/*------------------------------------------*/
.btn-nav, a.btn-nav, .navbar-nav>li>a.btn-nav { color:#ffffff; margin-right:0; margin-bottom:0; opacity:1 !important; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.active .btn-nav { background-color:#525e6c !important; }
.cta-header .active .btn-blue.btn-nav { background-color:#0072BC !important; }
.cta-header .active .btn-nav.btn-green { background-color:#56B68B !important; }
.cta-header .active .btn-nav.btn-yellow { background-color:#f1c40f !important; }
.btn.btn-border { background-color:transparent !important; }

/*------------------------------------------*/
/*  Grey Buttons
/*------------------------------------------*/
.btn-grey, a.inverse.btn-grey, .inverse a.btn-grey { background-color:#434343; color:#69696E!important; }
.btn.btn-grey { border:3px solid #434343; }
.btn-grey:hover, .btn-nav.btn-grey:hover, .btn-grey:focus, .btn-nav.btn-grey:focus { background-color:#d7dce5; }
.btn.btn-grey:hover, .btn.btn-grey:focus { border:3px solid #d7dce5; }
.btn-shadow.btn-grey { -webkit-box-shadow:0 4px 0 #c7c8c9; -moz-box-shadow:0 4px 0 #c7c8c9; box-shadow:0 4px 0 #c7c8c9; }
.btn-border.btn-grey, a.btn-border.btn-grey { color:#434343; }

/*------------------------------------------*/
/*  Orange Buttons
/*------------------------------------------*/
.btn-orange, a.inverse.btn-orange, .inverse a.btn-orange { background-color:#ef7c46; }
.btn.btn-orange { border:3px solid #ef7c46; }
.btn-orange:hover, .btn-nav.btn-orange:hover, .btn-orange:focus, .btn-nav.btn-orange:focus { background-color:#ec6120; }
.btn.btn-orange:hover, .btn.btn-orange:focus { border:3px solid #ec6120; }
.btn-shadow.btn-orange { -webkit-box-shadow:0 4px 0 #c76f45; -moz-box-shadow:0 4px 0 #c76f45; box-shadow:0 4px 0 #c76f45; }
.btn-border.btn-orange, a.btn-border.btn-orange { color:#ef7c46; }

/*------------------------------------------*/
/*  Blue Buttons
/*------------------------------------------*/
.btn-blue, a.inverse.btn-blue, .inverse a.btn-blue { background-color:#0072BC; }
.btn.btn-blue { border:3px solid #0072BC; }
.btn-blue:hover, .btn-nav.btn-blue:hover, .btn-blue:focus, .btn-nav.btn-blue:focus { background-color:#1d83c9; }
.btn.btn-blue:hover, .btn.btn-blue:focus { border:3px solid #1d83c9; }
.btn-shadow.btn-blue { -webkit-box-shadow:0 4px 0 #437598; -moz-box-shadow:0 4px 0 #437598; box-shadow:0 4px 0 #437598; }
.btn-border.btn-blue, a.btn-border.btn-blue  { color:#0072BC; }

/*------------------------------------------*/
/*  Green Buttons
/*------------------------------------------*/
.btn-green, a.inverse.btn-green, .inverse a.btn-green { background-color:#56B68B; }
.btn.btn-green { border:3px solid #56B68B; }
.btn-green:hover, .btn-nav.btn-green:hover, .btn-green:focus, .btn-nav.btn-green:focus { background-color:#24a86d; }
.btn.btn-green:hover, .btn.btn-green:focus { border:3px solid #24a86d; }
.btn-shadow.btn-green { -webkit-box-shadow:0 4px 0 #487d65; -moz-box-shadow:0 4px 0 #487d65; box-shadow:0 4px 0 #487d65; }
.btn-border.btn-green, a.btn-border.btn-green { color:#56B68B; }

/*------------------------------------------*/
/*  Red Buttons
/*------------------------------------------*/
.btn-red, a.inverse.btn-red, .inverse a.btn-red { background-color:#DD0612; }
.btn.btn-red { border:3px solid #DD0612; }
.btn-red:hover, .btn-nav.btn-red:hover, .btn-red:focus, .btn-nav.btn-red:focus { background-color:#db2b19; }
.btn.btn-red:hover, .btn.btn-red:focus { border:3px solid #db2b19; }
.btn-shadow.btn-red { -webkit-box-shadow:0 4px 0 #ba463a; -moz-box-shadow:0 4px 0 #ba463a; box-shadow:0 4px 0 #ba463a; }
.btn-border.btn-red, a.btn-border.btn-red  { color:#DD0612; }

/*------------------------------------------*/
/*  Purple Buttons
/*------------------------------------------*/
.btn-purple, a.inverse.btn-purple, .inverse a.btn-purple { background-color:#8e44ad; }
.btn.btn-purple { border:3px solid #8e44ad; }
.btn-purple:hover, .btn-nav.btn-purple:hover, .btn-purple:focus, .btn-nav.btn-purple:focus { background-color:#722294; }
.btn.btn-purple:hover, .btn.btn-purple:focus { border:3px solid #722294; }
.btn-shadow.btn-purple { -webkit-box-shadow:0 4px 0 #66377a; -moz-box-shadow:0 4px 0 #66377a; box-shadow:0 4px 0 #66377a; }
.btn-border.btn-purple, a.btn-border.btn-purple { color:#8e44ad; }

/*------------------------------------------*/
/*  Yellow Buttons
/*------------------------------------------*/
.btn-yellow, a.inverse.btn-yellow, .inverse a.btn-yellow { background-color:#f1c40f; }
.btn.btn-yellow { border:3px solid #f1c40f; }
.btn-yellow:hover, .btn-nav.btn-yellow:hover, .btn-yellow:focus, .btn-nav.btn-yellow:focus { background-color:#ddb100; }
.btn.btn-yellow:hover, .btn.btn-yellow:focus { border:3px solid #ddb100; }
.btn-shadow.btn-yellow { -webkit-box-shadow:0 4px 0 #d1b234; -moz-box-shadow:0 4px 0 #d1b234; box-shadow:0 4px 0 #d1b234; }
.btn-border.btn-yellow, a.btn-border.btn-yellow { color:#f1c40f; }

/*------------------------------------------*/
/*  Dark Buttons
/*------------------------------------------*/
.btn-dark, a.inverse.btn-dark, .inverse a.btn-dark { background-color:#525e6c; }
.btn.btn-dark { border:3px solid #525e6c; }
.btn-dark:hover, .btn-nav.btn-dark:hover, .btn-dark:focus, .btn-nav.btn-dark:focus { background-color:#38485b; }
.btn.btn-dark:hover, .btn.btn-dark:focus { border:3px solid #38485b; }
.btn-shadow.btn-dark { -webkit-box-shadow:0 4px 0 #31363b; -moz-box-shadow:0 4px 0 #31363b; box-shadow:0 4px 0 #31363b; }
.btn-border.btn-dark, a.btn-border.btn-dark { color:#525e6c; }

/*------------------------------------------*/
/*  Black Buttons
/*------------------------------------------*/
.btn-black, a.inverse.btn-black, .inverse a.btn-black { background-color:#2e3234; }
.btn.btn-black { border:3px solid #2e3234; }
.btn-black:hover, .btn-nav.btn-black:hover, .btn-black:focus, .btn-nav.btn-black:focus { background-color:#21272a; }
.btn.btn-black:hover, .btn.btn-black:focus { border:3px solid #21272a; }
.btn-shadow.btn-black { -webkit-box-shadow:0 4px 0 #0a0b0b; -moz-box-shadow:0 4px 0 #0a0b0b; box-shadow:0 4px 0 #0a0b0b; }
.btn-border.btn-black, a.btn-border.btn-black { color:#2e3234; }

/*------------------------------------------*/
/*  Ghost-White Buttons
/*------------------------------------------*/
.btn-ghost { background-color:transparent; border:3px solid #fff; color:#fff; }
.btn-ghost:hover { background-color:#fff; color:#69696E!important; }

.btn-white { background-color:#fff; border:3px solid #fff; color:#0072BC!important; }
.btn-white:hover { background-color:transparent; color:#fff!important; }

/*------------------------------------------*/
/*  Social Buttons
/*------------------------------------------*/
.social-btn a { font-size:22px!important; border-radius:50px; display:inline-block; width:40px; height:40px; margin:-10px 0 0 1px; color:#fff; text-align:center; }
.social-btn a>i { margin-top:10px; }
.social-btn a:hover { transform:scale(1.3); -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); }
.sb-facebook { background-color:#3b5998; }
.sb-facebook:hover { background-color:#4c70ba; }
.sb-foursquare { background-color:#ef4b78; }
.sb-foursquare:hover { background-color:#f37a9b; }
.sb-google-plus { background-color:#dd4b39; }
.sb-google-plus:hover { background-color:#e47365; }
.sb-instagram { background-color:#3f729b; }
.sb-instagram:hover { background-color:#548cb9; }
.sb-linkedin { background-color:#0976b4; }
.sb-linkedin:hover { background-color:#0b96e5; }
.sb-pinterest { background-color:#cc2127; }
.sb-pinterest:hover { background-color:#e04046; }
.sb-skype { background-color:#00aff0; }
.sb-skype:hover { background-color:#24c4ff; }
.sb-twitter { background-color:#55acee; }
.sb-twitter:hover { background-color:#83c3f3; }
.sb-vimeo { background-color:#1ab7ea; }
.sb-vimeo:hover { background-color:#49c6ee; }
.sb-youtube { background-color:#e52d27; }
.sb-youtube:hover { background-color:#ea5955; }
.sb-grey { background-color:#434343; }
.sb-white { background-color:#ffffff; }
.sb-black { background-color:#69696E; }

/*------------------------------------------*/
/*  App-Store Buttons
/*------------------------------------------*/
.btn-app, a.btn-app { font-family:Arial, Helvetica, sans-serif; color:#fff; background-color:#000; border-radius:4px; padding:13px 20px 13px 60px; position:relative; display:inline-block; font-size:25px; line-height:20px; font-weight:400; font-family:'Avenir LT Black'; margin:4px; text-align:left; }
.btn-app i { position:absolute; left:15px; top:10px; font-size:45px; }
.btn-app span { display:block; font-size:12px; padding-left:2px; }
.btn-app.google-play i { top:7px; }
.btn-app.windows-store { padding-left:70px; }

/*------------------------------------------*/
/*   Back to Top Button
/*------------------------------------------*/
a.top { display:inline-block; height:60px; width:60px; position:fixed; bottom:30px; right:30px; z-index:10; box-shadow:0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow:hidden; text-indent:100%; white-space:nowrap; background:#0072BC url("../images/top-arrow.svg") no-repeat center 50%; visibility:hidden; opacity:0; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s; }
a.top.is-visible, a.top.fade-out, .no-touch a.top:hover { -webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s; }
a.top.is-visible { /* the button becomes visible */ visibility:visible; opacity:1; }
a.top.fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity:.5; }
.no-touch a.top:hover { background-color:#e86256; opacity:1; }

/* ==========================================================================
   05. FORMS
========================================================================== */
.form-control { background:#e8ebed; color:#657380; font-size:15px; font-weight:400; font-family:'Avenir LT Black'; padding:16px; width:100%; height:auto; outline:0; border:2px solid #e8ebed; box-shadow:none; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; }
.form-control:focus { background:#ffffff; border-color:#d4d9dd; box-shadow:none; }
.form-white .form-control { background:#ffffff; border-color:#ffffff; color:#657380; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.form-white .form-control:focus { border-color:#ffffff; }
.form-horizontal .control-label { padding-top:14px; }
.form-group button { width:100%; }
.form-inline .form-group, .form-inline .form-group input { margin-bottom:2px; }
.form-inline button { font-size:15px; font-weight:900; padding:12px 25px; vertical-align:top; text-transform:uppercase; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.form-inline.double-input .form-group { width:100%; }
.form-inline.double-input .form-control { width:49%; }
.form-inline.double-input button { width:99%; }
.checkbox label, .radio label { font-size:15px; }

input[type=checkbox], input[type=radio] { margin-top:6px; }
.input-group-addon { padding:6px 20px; font-size:25px; font-weight:400; line-height:1; color:#555; text-align:center; background-color:#e8ebed; border:2px solid #e8ebed; border-radius:4px; }
textarea { resize:vertical; }
.form-inline .btn { padding:14px 25px 15px; }

/* mailchimp response */
.mc-response { font-size:18px; line-height:22px; font-weight:900; margin-top:10px; color:#fff; background-color:#8e44ad; padding:20px; border-radius:5px; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; }

/* contact form response */
.success, .failed { display:none; padding:10px; border-radius:5px; font-size:17px; line-height:20px; color:#fff; }
.success i, .failed i { margin-right:5px; }
.success { background-color:#56B68B; }
.failed {    
    background-color:#FF0033; }


/* ==========================================================================
   06. CAROUSEL, LOADER, LIGHTBOX & HOVER EFFECT
========================================================================== */
/*------------------------------------------*/
/*   Carousel
/*------------------------------------------*/
/* Fade Effect */
.carousel-fade .carousel-inner .item { opacity:0; -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity; }
.carousel-fade .carousel-inner .active { opacity:1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left:0; opacity:0; z-index:1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity:1; }
.carousel-fade .carousel-control { z-index:2; }
.carousel-indicators { bottom:-40px; }
.carousel-indicators li { border:2px solid #fff; }
.carousel-indicators.inverse li { background-color:#869791; border:2px solid #869791; opacity:0.75; margin:0 3px; }
.carousel-indicators.inverse .active { opacity:1; }
.shadow { -webkit-box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.1); box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.1); -webkit-transition:0.2s ease-out; -moz-transition:0.2s ease-out; -o-transition:0.2s ease-out; -ms-transition:0.2s ease-out; transition:0.2s ease-out; margin-bottom:10px; margin-left:5px; margin-right:5px; }
.shadow:hover { -webkit-box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.2); box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.2); }
.owl-theme .owl-controls .owl-page span { margin:4px; }
.owl-theme.inverse .owl-controls .owl-page.active span { background-color:#fff; border:2px solid #fff; }
.owl-theme.inverse .owl-controls .owl-page span { border:2px solid #fff; background-color:transparent; }

/*------------------------------------------*/
/*   Loader
/*------------------------------------------*/
.loader{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; height:100%; width:100%; text-align:center; overflow:hidden !important; }
.loader.bg-white .loader-inner>div, .loader.bg-grey .loader-inner>div, .loader.bg-light .loader-inner>div { border:1px solid #69696E; }

/*------------------------------------------*/
/*   Lightbox Popup
/*------------------------------------------*/
.mfp-bg { opacity:0.9; }
.mfp-title { font-weight:900; font-size:15px; }
.mfp-close { font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900; font-size:30px; }

/*------------------------------------------*/
/*   Hover Effects
/*------------------------------------------*/
.h figure { z-index:1; position:relative; overflow:hidden; }
.h figure img { display:block; position:relative; width:100%; height:auto; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.h figcaption { position:absolute; bottom:0; top:0; width:100%; opacity:0; z-index:1; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.h figure:hover figcaption, .h figure:hover img { opacity:1; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }

/* caption-1 */
.h.caption-1 figcaption { border:3px solid #dedde1; border-radius:0; background-color:#ffffff; background-color:rgba(255,255,255,1); }
.h.caption-1 .caption-box { padding-left:20px; padding-right:20px; width:100%; }

/* caption-2, caption-3 */
.h.caption-2 figure img { z-index:10; }
.h.caption-2 figure:hover img { transform:translateY(-50px) scale(0.5); }
.h.caption-2 figcaption .caption-box { position:absolute; bottom:5%; width:100%; text-align:center; }
.h.caption-2 figcaption .caption-box p, .h.caption-3 figcaption .caption-box p { font-size:16px; font-weight:900; }
.h.caption-2 figcaption .caption-box p.small, .h.caption-3 figcaption .caption-box p.small { font-size:14px; font-weight:400; font-style:italic; }
.h.caption-2 figcaption .caption-box a, .h.caption-3 figcaption .caption-box a { padding:5px 10px; }

/* caption-3 */
.h.caption-3 figure:hover img { -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); -o-transform:translateY(-50px); transform:translateY(-50px); }
.h.caption-3 figcaption { top:auto; border:none; padding-top:10px; background-color:#0072BC; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); }
.h.caption-3 figure:hover figcaption { -webkit-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }
.h.caption-3 figcaption .caption-box { text-align:center; }

/* caption-4 */
.h.caption-4 figcaption { background-color:rgba(51, 51, 51, 0.8); }
.h.caption-4 .caption-box { padding-left:20px; padding-right:20px; width:100%; }
.h.caption-4 figure:hover img,  
.h.caption-5 figure:hover img{ -webkit-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); }

/* caption-5 */
.h.caption-5 figcaption { opacity:1; background-color:rgba(0, 0, 0, 0.15); }
.h.caption-5 .caption-box { padding-left:20px; padding-right:20px; padding-top:23%; width:100%; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }
.h.caption-5 figure p, .h.caption-5 figure a { visibility:hidden; -webkit-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out; transition:all 0.1s ease-out; }
.h.caption-5 figure:hover p, .h.caption-5 figure:hover a { visibility:visible; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }
.h.caption-5 figure:hover .caption-box { padding-top:0; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }
.h.caption-5 .caption-box h5>span { display:block; text-transform:uppercase; font-weight:800; font-size:15px; }
.img-thumbnail { border:1px solid #434343; }


/* ==========================================================================
   07. SPACING & ALIGNMENT
========================================================================== */
/* margin */
.m-a-0 { margin:0 !important; }
.m-t-0 { margin-top:0 !important; }
.m-r-0 { margin-right:0 !important; }
.m-l-0 { margin-left:0 !important; }
.m-x-0 { margin-right:0 !important; margin-left:0 !important; }
.m-y-0 { margin-top:0 !important; margin-bottom:0 !important; }
.m-a { margin:10px !important; }
.m-t { margin-top:10px !important; }
.m-r { margin-right:10px !important; }
.m-b { margin-bottom:10px !important; }
.m-l { margin-left:10px !important; }
.m-x { margin-right:10px !important; margin-left:10px !important; }
.m-y { margin-top:10px !important; margin-bottom:10px !important; }
.m-x-auto { margin-right:auto !important; margin-left:auto !important; }
.m-a-md { margin:25px !important; }
.m-t-md { margin-top:25px !important; }
.m-r-md { margin-right:25px !important; }
.m-b-md { margin-bottom:25px !important; }
.m-l-md { margin-left:25px !important; }
.m-x-md { margin-right:25px !important; margin-left:25px !important; }
.m-y-md { margin-top:25px !important; margin-bottom:25px !important; }
.m-a-lg { margin:50px !important; }
.m-t-lg { margin-top:50px !important; }
.m-r-lg { margin-right:50px !important; }
.m-b-lg { margin-bottom:50px !important; }
.m-l-lg { margin-left:50px !important; }
.m-x-lg { margin-right:50px !important; margin-left:50px !important; }
.m-y-lg { margin-top:50px !important; margin-bottom:50px !important; }
.new-row-md, .new-row-sm { margin-top:40px; }

/* padding */
.p-a-0 { padding:0 !important; }
.p-t-0 { padding-top:0 !important; }
.p-r-0 { padding-right:0 !important; }
.p-b-0 { padding-bottom:0 !important; }
.p-l-0 { padding-left:0 !important; }
.p-x-0 { padding-left:0 !important; padding-right:0 !important; }
.p-y-0 { padding-top:0 !important; padding-bottom:0 !important; }
.p-a { padding:30px !important; }
.p-t { padding-top:30px !important; }
.p-r { padding-right:30px !important; }
.p-b { padding-bottom:30px !important; }
.p-l { padding-left:30px !important; }
.p-x { padding-right:30px !important; padding-left:30px !important; }
.p-y { padding-top:30px !important; padding-bottom:30px !important; }
.p-a-md { padding:60px !important; }
.p-t-md { padding-top:60px !important; }
.p-r-md { padding-right:60px !important; }
.p-b-md { padding-bottom:60px !important; }
.p-l-md { padding-left:60px !important; }
.p-x-md { padding-right:60px !important; padding-left:60px !important; }
.p-y-md { padding-top:60px !important; padding-bottom:60px !important; }
.p-a-lg { padding:120px !important; }
.p-t-lg { padding-top:120px !important; }
.p-r-lg { padding-right:120px !important; }
.p-b-lg { padding-bottom:120px !important; }
.p-l-lg { padding-left:120px !important; }
.p-x-lg { padding-right:120px !important; padding-left:120px !important; }
.p-y-lg { padding-top:120px !important; padding-bottom:120px !important; }

/* centering vertically section*/
.vertical-center-abs, .vertical-center-rel{ top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.vertical-center-abs { position:absolute; }
.vertical-center-rel { position:relative; }

/* centering vertically and horizontally */
.vh-center { position:absolute; top:50%; left:50%; margin-right:-50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }

/* centering vertically content */
.y-middle { display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; flex-direction:row; -webkit-flex-direction:row; }
.y-bottom { display:flex; align-items:center; justify-content:center; align-self:flex-end; }

/* ==========================================================================
   08. HEADER NAVIGATION
========================================================================== */
.navbar { background-color:#fff; box-shadow:0 1px 1px rgba(0,0,0,.1); border:none; margin-bottom:0; padding:20px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.top-nav-collapse { padding:15px; }
.navbar-brand { padding:3px 0 0; height:auto; }
.navbar-brand img { height:35px; }
.navbar-nav>li>a { color:#404B55; font-size:15px; font-weight:400; font-family:'Avenir LT Black'; opacity:0.8; padding:9px 15px; border-radius:5px; margin-right:2px; }
.navbar-nav>li>a:focus { background-color:transparent; }
.navbar-nav>li>a:hover { opacity:1; background-color:transparent; }
.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { background-color:#eee; opacity:1; }
.navbar-nav>.no-active.active>a, .navbar-nav>.no-active.active>a:hover, .navbar-nav>.no-active.active>a:focus { background-color:transparent !important; opacity:1; }
.navbar-toggle { border:none; padding:5px 8px 3px; }
.navbar-toggle .icon-bar { background-color:#404B55; opacity:0.8; }
.navbar-toggle:hover .icon-bar { opacity:1; }

/*------------------------------------------*/
/*   Navbar Transparent/ Navbar Color
/*------------------------------------------*/
.navbar.bg-color { background-color:#525e6c; }
.navbar.bg-transparent { background-color:transparent; border:none; box-shadow:none; color:#fff; }
.navbar.bg-transparent.top-nav-collapse { background-color:#fff; box-shadow:0 1px 1px rgba(0,0,0,.1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.navbar.bg-transparent .logo-white, .navbar.bg-transparent.top-nav-collapse .logo-black { display:block; }
.navbar.bg-transparent.top-nav-collapse .logo-white, .navbar.bg-transparent .logo-black { display:none; }
.navbar.bg-transparent .navbar-nav>li>a, .navbar.bg-color .navbar-nav>li>a { color:#fff; opacity:1; }
.navbar.bg-transparent.top-nav-collapse .navbar-nav>li>a { color:#404B55; opacity:0.8; }
.navbar.bg-transparent.top-nav-collapse .navbar-nav>li>a.btn-nav { color:#fff; opacity:1; }
.navbar.bg-color .navbar-toggle .icon-bar { background-color:#ffffff; opacity:1; }
    
/*------------------------------------------*/
/*   Navbar Static
/*------------------------------------------*/
.navbar-static-top { position:absolute; top:0; left:0; right:0; }

/*------------------------------------------*/
/*   Navbar Only Logo Centered
/*------------------------------------------*/
.navbar.nav-onlylogo .navbar-header { width:100%; }
.navbar.nav-onlylogo .navbar-brand { float:none; display:block; }
.navbar.nav-onlylogo.bg-transparent .logo-white, .navbar.nav-onlylogo.bg-transparent.top-nav-collapse .logo-black{ display:block; }
.navbar.nav-onlylogo.bg-transparent .logo-black, .navbar.nav-onlylogo.bg-transparent.top-nav-collapse .logo-white{ display:none; }

/*------------------------------------------*/
/*   Navbar with Login and Signup
/*------------------------------------------*/
.navbar-nav>li>a.btn-login, .navbar-nav>li>a.btn-signup { padding-top:7px; padding-bottom:8px; margin-bottom:0; }
.navbar-nav>li>a.btn-login{ margin-left:150px; margin-right:10px; }
.navbar-nav>li>a.btn-signup { color:#fff !important; opacity:1; }

/*---------------------------------------------------*/
/*   Navbar 3cols with Call-us and Social Networks
/*---------------------------------------------------*/
.nav-3cols { font-size:15px; font-weight:700; padding-top:6px; }
.nav-3cols.nav-callus i{ font-size:21px; vertical-align:middle; margin-right:5px; }
.nav-3cols.nav-callus .phone-number{ font-size:21px; font-weight:900; margin-left:5px; }
.nav-3cols .social-btn .phone-number{ vertical-align:top; }
.nav-3cols-logo { text-align:center; }
.navbar.bg-transparent .nav-3cols { color:#fff; }
.navbar.bg-transparent.top-nav-collapse .nav-3cols { color:#404B55; }
.navbar.bg-transparent .nav-3cols-logo .logo-white, .navbar.bg-transparent .nav-3cols-logo .logo-black { margin:0 auto; }

/*------------------------------------------*/
/*   Navbar with Top Bar 
/*------------------------------------------*/
.nav-2.affix { position:fixed; top:0; width:100%; z-index:10; }
.top-bar { padding:20px; border-bottom:1px solid #434343; color:#404B55; font-size:14px; opacity:0.8; }
.top-bar .schedule { float:left; }
.top-bar .schedule span, .top-bar .contact-info .email, .top-bar .contact-info .phone{ font-size:15px; font-weight:700; }
.top-bar .schedule i, .top-bar .contact-info i{ font-size:20px; font-weight:bold; margin-right:5px; vertical-align:text-bottom; }
.top-bar .contact-info { float:right; }
.top-bar .contact-info .email, .top-bar .contact-info .phone { float:left; }
.top-bar .contact-info .email a{ color:#404B55; }
.top-bar .contact-info .phone span{ display:none; }

/*------------------------------------------*/
/*   Dropdown
/*------------------------------------------*/
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color:#eee; border-color:#E8E8E8; }
.bg-transparent .nav .open>a, .bg-transparent .nav .open>a:focus, .bg-transparent .nav .open>a:hover { background-color:transparent; border-color:transparent; }
.dropdown-menu>li>a { color:#404B55; font-size:15px; font-weight:700; opacity:0.8; padding:9px 15px; }
.navbar-nav>li>.dropdown-menu { border:1px solid #E8E8E8; border:1px solid rgba(0,0,0,.1); -webkit-box-shadow:0 6px 12px rgba(0,0,0,.1); box-shadow:0 6px 12px rgba(0,0,0,.1); }
.dropdown-submenu { position:relative; }
.dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.dropdown-submenu:hover>.dropdown-menu { display:block; }
.dropdown-submenu>a:after { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#E8E8E8; margin-top:5px; margin-right:-10px; }
.dropdown-submenu:hover>a:after { border-left-color:#fff; }
.dropdown-submenu.pull-left { float:none; }
.dropdown-submenu.pull-left>.dropdown-menu { left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; }

/* ==========================================================================
   09. HERO SECTION
========================================================================== */
/*------------------------------------------*/
/*  Hero General
/*------------------------------------------*/
.hero { height:700px; }
.hero.height-800, .hero.height-800-fix { height:800px; }
.hero .lead { font-weight:700; }
.hero .btn a { font-size:17px; color:#ffffff; }
.hero p.small a { font-size:15px; }
.hero h1 { margin-bottom:20px; }

/*------------------------------------------*/
/*  Hero Closeup
/*------------------------------------------*/
.closeup-box { position:absolute; bottom:0; width:50%; }
.closeup-box img { float:right; height:650px; }
.closeup-box.closeup-right { right:0; }
.closeup-box.closeup-right img { float:left; }

/*------------------------------------------*/
/*  Hero with Lists
/*------------------------------------------*/
.hero .list-unstyled li { font-size:21px; margin-bottom:10px; font-weight:700; }
.hero .list-unstyled li>i { font-size:32px; font-weight:700; vertical-align:sub; margin-right:5px; }

/*------------------------------------------*/
/*  Hero Dashboard-Img
/*------------------------------------------*/
.dashboard-box { position:absolute; bottom:-50px; width:50%; }
.dashboard-box.dashboard-right { right:0; }
.dashboard-box img { height:600px; padding-left:20px; }
.carousel-dashboard .carousel-indicators { position:absolute; bottom:102%; }

/*------------------------------------------*/
/*  Hero Devices/Countdown
/*------------------------------------------*/
.hero.hero-devices { height:auto; padding-top:140px; padding-bottom:80px; }
.hero.hero-devices .app-image { margin-top:10px; }
.hero.hero-countdown { height:auto; padding-top:160px; padding-bottom:100px; }

/*------------------------------------------*/
/*  Hero Leadbox
/*------------------------------------------*/
.hero-leadbox { height:auto; padding-top:150px; padding-bottom:100px; }
.hero-leadbox .form-horizontal { padding:30px 40px 10px; border-radius:5px; box-shadow:-2px -2px 6px 0 rgba(0,0,0,.1); background-color:#525e6c; background-color:rgba(0, 0, 0, 0.4); }
.hero-leadbox .form-horizontal.form-2col { padding:40px 40px 20px; }
.hero-leadbox h5 { font-size:20px; font-weight:900; }
.hero-leadbox .form-group.w-50 input { display:inline-block; width:49.5%; }
.hero-leadbox .feature-box i { font-size:50px; font-weight:400; margin-right:10px; }
.hero-leadbox .feature-box h5, .hero-leadbox .feature-box p { margin-left:80px; }
.hero-leadbox .feature-box h5 { margin-bottom:5px; }
.hero-leadbox .form-group button.picker__button--today, .hero-leadbox .form-group button.picker__button--clear, .hero-leadbox .form-group button.picker__button--close { width:33%; }

/*------------------------------------------*/
/*  Hero Video Popup
/*------------------------------------------*/
.popup-box { position:relative; }
.popup-box img { max-width:80%; margin:0 auto; border-radius:4px; box-shadow:0 1px 3px 1px rgba(0,0,0,.2); }
.popup-box .popup-button { position:absolute; top:40%; left:40%; }
.popup-box .popup-button i { font-size:50px; margin-top:-22px; color:#ffffff; padding:23px 24px 22px 35px; background:#56B68B; border-radius:50%; box-shadow:0 1px 5px 2px rgba(0,0,0,.29); }
.big-popup i { font-size:150px; color:#fff; }
.big-popup i:hover, .popup-box .popup-button i:hover { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); }
.watch-video{ font-size:16px; letter-spacing:1px; text-transform:uppercase; white-space:nowrap; margin-left:25px; }
.watch-video i{ font-size:28px; margin-right:5px; vertical-align:sub; }
.watch-video:hover i { transform:scale(1.6); -webkit-transform:scale(1.6); -moz-transform:scale(1.6); -ms-transform:scale(1.6); margin-right:10px; }


/* ==========================================================================
   10. CONTENT SECTION
========================================================================== */
.section-header { margin-bottom:50px; }
/*.section-header span { display:block; }*/
.content-border { border-bottom:1px solid #E5E5E5; }
.content-block h5, .content-block .h5{ font-weight:900; font-size:20px; line-height:22px; }
.content-block .lead { font-size:20px; line-height:24px; }
.content-block img:hover { opacity:0.8; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }
.content-block .img-circle { width:180px; height:180px; margin:0 auto; }

/*------------------------------------------*/
/*  Content Dashboard
/*------------------------------------------*/
.content-dashboard { overflow-x:hidden; }
.content-dashboard .dash-left { margin-left:-400px; }

/*------------------------------------------*/
/*  Content Split
/*------------------------------------------*/
.content-split { position:relative; }
.content-split .img-block { position:absolute; top:0; right:0; background-repeat:no-repeat; background-position:center center; height:600px; margin:0px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.content-split .img-block.left-block { left:0; }
.content-split .content-block { height:600px; padding-left:0; padding-right:60px; }

/*------------------------------------------*/
/*  Content Spotlight
/*------------------------------------------*/
.content-spotlight { margin-bottom:20px; }
.spotlight-block>figure{ height:500px; position:relative; overflow:hidden; }
.spotlight-block>.spotlight-text { height:500px; padding-left:50px; padding-right:50px; }
.spotlight-block>figure>.img-wrap { height:500px; position:absolute; top:0; left:0; right:0; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }
.spotlight-block>figure>.img-wrap:hover { opacity:0.8; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }
.spotlight-block.img-left>.spotlight-text, .spotlight-block.img-right>figure { overflow:visible; z-index:2; }
.spotlight-block.img-left>.spotlight-text:after, .spotlight-block.img-right>figure:after{ content:''; display:block; position:absolute; width:20px; height:100%; left:-10px; top:0; bottom:0; background:#fff; }
.spotlight-block>.spotlight-text h6 { font-size:17px; margin-bottom:20px; }

/*------------------------------------------*/
/*  Content Grid
/*------------------------------------------*/
.content-grid > div { height:600px; overflow:hidden; }
.content-grid > div:first-child { padding-right:5px; }
.content-grid .lead-block { padding:80px 40px; margin-bottom:20px; }
.content-grid .img-block { height:100%; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }

/* ==========================================================================
   11. FEATURES SECTION
========================================================================== */
.features-block i { font-size:60px; font-weight:400; }
.features-block h4 { font-size:23px; line-height:24px; font-weight:900; margin-top:15px; }
.features-block p { margin-bottom:0; }
.features-block p.small { font-size:13px; }
.features-block .icon-left i { float:left; margin-top:10px; margin-right:15px; font-size:50px; }
.features-block .icon-left p, .features-block .icon-left h5 { margin-left:80px; }
.features-block .img-left img { float:left; width:128px; margin-top:10px; margin-right:22px; }
.features-block .img-left p { margin-left:150px; }
.features-block .fix-box { height:400px; padding-right:40px; padding-left:40px; }
.features-device { padding-top:80px; }
.features-device { padding-top:80px; }
.features-list.features-list-left { text-align:right; }

/* Features Tab */
.features-tab { position:relative; }
.features-tab .p-tab { font-size:19px; line-height:23px; }
.features-tab .tab-title { width:33%; padding:30px 40px; text-transform:uppercase; position:relative; cursor:pointer; border-bottom:1px solid #dedde1; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition:.05s ease; -moz-transition:.05s ease; -ms-transition:.05s ease; transition:.05s ease; }
.features-tab.text-white .tab-title { border-bottom:1px solid #fff; }
.features-tab .tab-title.current { color:#fff; background-color:#0072BC; }
.features-tab.text-white .tab-title.current { color:#69696E; background-color:#fff; }
.features-tab .tab-title .i-right { position:absolute; right:20px; top:50%; margin-top:-15px; opacity:0; font-size:30px; -webkit-transition:.2s ease; -moz-transition:.2s ease; -ms-transition:.2s ease; transition:.2s ease; }
.features-tab .tab-title.current .i-right { opacity:1; color:#fff; }
.features-tab.text-white .tab-title.current .i-right { opacity:1; color:#69696E; }
.features-tab .tab-content { position:absolute; right:3%; top:30%; width:60%; opacity:0; margin-top:-100px; -webkit-transform:translate3d(0,200px,0); -ms-transform:translate3d(0,200px,0); transform:translate3d(0,200px,0); -webkit-transition:.3s ease; -moz-transition:.3s ease; -ms-transition:.3s ease; transition:.3s ease; }
.features-tab .tab-title.current + .tab-content { opacity:1; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }

/* Features Panels */
.features-panels .nav-tabs.nav-justified>li { padding:35px 15px 0; text-align:center; }
.features-panels .nav-tabs.nav-justified>li>a { border:1px solid #e5f0fb; color:#69696E; border-radius:0; padding:0 0 20px; text-transform:uppercase; font-size:15px; line-height:18px; font-weight:700; -webkit-transition:.3s ease; -moz-transition:.3s ease; -ms-transition:.3s ease; transition:.3s ease; }
.features-panels .nav-tabs.nav-justified>li>a:hover { background-color:#fff; color:#0072BC; }
.features-panels .nav-tabs.nav-justified>.active>a, .features-panels .nav-tabs.nav-justified>.active>a:focus, .features-panels .nav-tabs.nav-justified>.active>a:hover { border:1px solid #0072BC; color:#69696E; font-weight:900; }
.features-panels li a img { display:block; width:60px; height:60px; background-color:#fff; margin:-35px auto 20px; -webkit-transition:.3s ease; -moz-transition:.3s ease; -ms-transition:.3s ease; transition:.3s ease; }
.features-panels .tab-content h3:after { content:''; width:100px; height:3px; background:#0072BC; display:block; margin:10px 0; }
.features-panels .icon-left i { float:left; margin-right:5px; font-size:20px; }

/* ==========================================================================
   12. CALL TO ACTION(CTA) SECTION
========================================================================== */
.cta .lead { font-size:20px; line-height:24px; }
.cta .outline { border:1px solid #DDD; border-radius:10px; padding:40px 30px; }
.cta .outline .lead { font-size:23px; line-height:29px; margin-top:2px; margin-bottom:0; }
.cta .outline .btn-md { font-size:18px; padding:18px 40px; margin-bottom:0; }
.cta .small { font-size:15px; }
.cta .outline.bg-grey { border:1px solid #e9f0f3; }
.cta .outline.no-border { border:none; padding:20px 30px; }
.cta .single-line p.lead { display:inline-block; margin-bottom:15px; }
.cta .cta-box { padding:15px; margin:20px auto 10px; background-color:#434343; border-radius:5px; width:80%; }
.cta .cta-box a { width:100%; font-size:25px; line-height:30px; margin:0; }
.cta .cta-arrow { position:absolute; top:50px; right:0; }
.cta .info { font-size:22px; line-height:26px; margin-bottom:0; }


/* ==========================================================================
   13. TESTIMONIALS SECTION
========================================================================== */
.testimonials .cite { font-weight:900; font-size:18px; }
.testimonials .cite-info { display:block; font-weight:700; font-size:14px; margin-top:5px; }
.testimonials .img-left .cite { margin-left:95px; margin-top:15px; }
.testimonials .img-left .cite-info { font-style:italic; }
.testimonials .img-left figure { float:left; clear:both; width:95px; height:90px; }
.testimonials .img-left blockquote p { clear:both; }
.testimonials .big-img-left blockquote p { font-size:17px; }
.testimonials .quote-border { padding:55px 20px 30px; border:2px solid #434343; border-radius:3px; position:relative; }
.testimonials .quote-border figure{ position:absolute; top:-50px; }
.testimonials .quote-border p { margin-bottom:30px; line-height:21px; }
.testimonials .quote-border .cite { font-size:17px; }
.testimonials .quote-border .cite-info { font-size:13px; margin-top:3px; }
.testimonials .big-quote i { font-size:45px; }
.testimonials .big-quote p { font-size:25px; line-height:29px; }
.testimonials .big-quote .cite { font-size:16px; text-transform:uppercase; }
.testimonials .big-quote .cite-info{ font-size:15px; text-transform:none; }
.testimonials-twitter .twitter-row { margin-top:10px; }
.testimonials-right p { font-size:18px; }
.carousel-testimonial-single .carousel-indicators { bottom:-40px; }


/* ==========================================================================
   14. VIDEO SECTION
========================================================================== */
.bg-popup i{ color:#fff; font-size:100px; }
.bg-popup i:hover { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); }
.video h4 { margin-bottom:15px; }
.video .popup-button { top:37%; left:37%; }
.video .popup-button.sm-popup { top:30%; left:34%; }


/* ==========================================================================
   15. CLIENTS SECTION
========================================================================== */
.clients { margin:0 auto; }
.clients img { display:inline-block; max-height:128px; margin:10px 50px 0; opacity:0.55; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.clients img:hover { opacity:1; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.clients.c-grid img{ height:128px; margin:20px 0 0; }
.clients h6{ font-size:23px; font-weight:900; }
.clients h4 { font-size:28px; line-height:32px; font-weight:900; }
.clients p { font-size:16px; }

/* ==========================================================================
   16. SOCIAL WIDGETS SECTION
========================================================================== */
/* Share Widget */
a.share-block { display:block; height:160px; border-radius:5px; background-color:#fff; border:1px solid #dedcd7; padding-left:10px; padding-right:10px; padding-top:40px; margin:10px auto; color:#919191; text-decoration:none; font-size:13px; font-weight:700; }
.share-color a.share-block { border:none; color:#fff; }
a.share { color:#919191; font-size:13px; font-weight:700; }
.share-block i, .share i { font-size:50px; display:block; margin-bottom:10px; }
.share-block:hover { color:#fff; }
.share-color .share-block:hover { -webkit-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); }
.share-block.twt:hover, .share-color .share-block.twt { background-color:#32b6e6; }
.share-block.fb:hover, .share-color .share-block.fb { background-color:#6e88c6; }
.share-block.gp:hover, .share-color .share-block.gp { background-color:#e47365; }
.share.twt:hover { color:#32b6e6; }
.share.fb:hover { color:#6e88c6; }
.share.gp:hover { color:#e47365; }

/* Twitter Widget */
.twitter-header i { font-size:70px; color:#32b6e6; }
.twitter-header p{ font-weight:700; font-size:15px; }
.twitter-header { margin-bottom:30px; }
.twitter-feed ul { padding-left:0; }
.twitter-feed .tweet { font-size:23px; line-height:27px; font-weight:700; }
.twitter-feed .tweet img{ display:none; }
.twitter-feed .timePosted a { opacity:0.7; font-size:14px; font-style:italic; font-weight:700; color:#69696E; }
.twt-white .twitter-feed .tweet, .twt-white .twitter-feed .tweet a, .twt-white .twitter-feed .timePosted a { color:#fff !important; }
.twt-white .twitter-feed .tweet a, .twt-white .twitter-feed .timePosted a { font-weight:900; opacity:1; }
.twt-line i { font-size:40px; color:#32b6e6; }
.twt-line .twitter-feed .tweet { font-size:16px; line-height:20px; margin-bottom:0; }
.twt-line .twitter-feed p.timePosted { margin-bottom:0; }
.twt-line .twitter-feed .timePosted a { font-size:12px; font-weight:700; color:#69696E; }

/* Instagram Widget */
.insta-grid .instagram-feed, .insta-col .instagram-feed, .insta-line .instagram-feed { overflow:hidden; position:relative; }
.insta-grid .instagram-feed ul,  
.insta-col .instagram-feed ul, .insta-line .instagram-feed ul { padding:0; }
.insta-grid .instagram-feed li, .insta-col .instagram-feed li, .insta-line .instagram-feed li { width:20%; display:inline-block; float:left; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; }
.insta-col .instagram-feed li { width:33.3333%; }
.insta-grid .instagram-feed li:hover, .insta-col .instagram-feed li:hover, .insta-line .instagram-feed li:hover { opacity:0.9; }
.insta-grid .instagram-feed li img,  
.insta-col .instagram-feed li img, .insta-line .instagram-feed li img{ width:100%; }
.insta-grid .instagram-feed li:nth-of-type(n+11) { display:none; }
.insta-col .instagram-feed li:nth-of-type(n+7) { display:none; }
.insta-line .instagram-feed li:nth-of-type(n+6) { display:none; }
.insta-col .instagram-title { padding-left:50px; padding-right:50px; }
.insta-line .insta-square { display:block; width:70px; height:70px; position:absolute; left:0; bottom:0; }
.insta-line .insta-square i{ font-size:50px; }

/* ==========================================================================
   17. PORTFOLIO SECTION
========================================================================== */
.portfolio-grid { display:block; position:relative; margin-left:-15px; margin-right:-15px; padding-left:0; margin-bottom:0; }
.portfolio-grid:after { content:""; display:block; clear:both; }
.portfolio-grid li { display:block; position:relative; overflow:hidden; float:left; padding:0; width:25%; }
.portfolio-grid li img, .portfolio-card img { width:100%; height:auto; }
.portfolio-card figure { border-radius:5px; }
.screenshots .portfolio-grid li { width:30%; margin:0 10px; }
.carousel-app div[class^="col-"] { padding-left:5px; padding-right:5px; }


/* ==========================================================================
   18. PRICING SECTION
=========================================================================== */
/* Pricing 3 Plans Flat */
.pricing-3pf .info { padding:20px 10px; border-radius:10px; margin-bottom:20px; }
.pricing-3pf .info .price { font-size:95px; font-weight:900; padding-top:30px; padding-bottom:50px; }
.pricing-3pf .info .price .currency { font-size:50px; font-weight:400; vertical-align:super; margin-right:-15px; }
.pricing-3pf .info .price .cents { font-size:30px; font-weight:400; vertical-align:bottom; margin-left:-15px; }
.pricing-3pf .details h5 { font-size:20px; line-height:20px; margin-bottom:5px; }
.pricing-3pf .details p { font-size:17px; line-height:17px; }
.pricing-3pf .details ul { padding-left:0; list-style-type:none; }
.pricing-3pf .details ul>li  { margin-bottom:15px; }
.pricing-3pf .green .details h5, .pricing-3pf .green .details p { color:#56B68B; }
.pricing-3pf .green .details hr { border-color:#56B68B; }
.pricing-3pf .blue .details h5, .pricing-3pf .blue .details p { color:#0072BC; }
.pricing-3pf .blue .details hr { border-color:#0072BC; }
.pricing-3pf .purple .details h5, .pricing-3pf .purple .details p { color:#8e44ad; }
.pricing-3pf .purple .details hr { border-color:#8e44ad; }
.pricing-3pf .dark .details h5, .pricing-3pf .dark .details p { color:#525e6c; }
.pricing-3pf .dark .details hr { border-color:#525e6c; }
.pricing-3pf .red .details h5, .pricing-3pf .red .details p { color:#FF0033; }
.pricing-3pf .red .details hr { border-color:#FF0033; }

/* Pricing 3 Plans Outlined */
.pricing-3po .info { padding:35px 20px; border:solid 3px #434343; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:25px; }
.pricing-3po .info.bg-color { border-color:transparent; }
.pricing-3po .green .info{ border-color:#56B68B; }
.pricing-3po .info .price { font-size:80px; font-weight:900; padding-top:30px; padding-bottom:60px; margin-right:20px; }
.pricing-3po .info .price .currency { font-size:30px; font-weight:400; vertical-align:super; margin-right:0px; }
.pricing-3po .details li  { margin-bottom:10px; }
.pricing-3po .details { padding-left:0; list-style-type:none; }

/* Pricing Single with Testimonials */
.pricing-st .info { background:#EEF0F3; border-top:3px solid #EEF0F3; max-width:400px; padding:50px 60px; -webkit-transition:border-color 0.3s; transition:border-color 0.3s; }
.pricing-st .info:hover { border-color:#56B68B; }
.pricing-st .info h4 { padding-bottom:15px; border-bottom:3px solid rgba(139, 144, 157, 0.18); }
.pricing-st .info p { font-size:17px; padding-bottom:15px; border-bottom:3px solid rgba(139, 144, 157, 0.18); }
.pricing-st .info .price { font-size:80px; font-weight:900; padding-top:20px; padding-bottom:35px; margin-right:20px; }
.pricing-st .info .price .currency { font-size:30px; font-weight:400; vertical-align:super; margin-right:0; }
.pricing-st .details { padding-left:0; list-style-type:none; font-style:italic; }
.pricing-st .price { color:#56B68B; }
.pricing-st p { font-size:18px; line-height:22px; }

/* Pricing Single Centered */
.pricing-sc .info { background-color:#fff; padding:50px 20px; border-radius:10px; }
.pricing-sc .price { color:#fff; border-radius:50%; width:200px; height:200px; margin:0 auto; font-size:60px; font-weight:900; }
.pricing-sc .price .tag { display:block; padding-top:40px; margin-bottom:30px; text-transform:uppercase; font-size:16px; font-weight:900; }
.pricing-sc .price .currency { font-size:30px; font-weight:400; vertical-align:super; margin-right:0; }

/* Pricing 2 Plans */
.pricing-2p .info { background:#fff; border:2px solid #434343; border-radius:5px; padding:40px 50px; }
.pricing-2p h4 { display:inline-block; text-align:left; }
.pricing-2p .price{ display:inline-block; float:right; clear:both; font-size:35px; font-weight:700; }
.pricing-2p .price span{ font-size:27px; font-weight:400; }
.pricing-2p .details { padding-left:0; list-style-type:none; font-size:19px; }
.pricing-2p .details li { margin-bottom:10px; }
.pricing-2p .details li i { font-weight:400; font-size:25px; vertical-align:middle; margin-right:10px; }
.pricing-2p .green .price, .pricing-2p .green .details li i { color:#56B68B; }
.pricing-2p .blue .price, .pricing-2p .blue .details li i { color:#0072BC; }
.pricing-2p .red .price, .pricing-2p .red .details li i { color:#FF0033; }
.pricing-2p .info a { width:100%; font-size:17px; padding-top:10px; padding-bottom:10px; margin:0 auto; }

/* Pricing Dynamic Table */
.pricing-table { background-color:#fff; border-radius:5px; box-shadow:1px 3px 3px rgba(0,0,0,.1); }
.pricing-table li { padding:15px 20px 0; text-align:center; font-size:17px; font-weight:400; line-height:20px; }
.pricing-table li.price { text-align:center; color:#fff; font-size:80px; font-weight:900; padding-top:40px; padding-bottom:56px; background-color:#0072BC; border-top-left-radius:5px; border-top-right-radius:5px; }
.pricing-table li.price i { font-size:30px; font-weight:400; vertical-align:super; }
.pricing-table li:last-child { padding:15px 20px; }
.pricing-table li[class^="package"] { padding:0 20px; overflow:hidden; height:0; -webkit-transition:.3s; transition:.3s; }

li[class^="package"].active { height:35px; padding:15px 20px 0; font-weight:700; font-size:17px; }
.options-table { padding:30px 30px 12px; background-color:#fff; border-radius:10px; box-shadow:1px 3px 3px rgba(0,0,0,.1); }
.options-table .switch { display:block; height:50px; }
.options-table .switch:last-child { margin-bottom:0px; }
.options-table .switch .package-title { float:left; margin-bottom:0; font-size:17px; font-weight:700; line-height:23px; margin-top:3px; }
.options-table .switch .cmn-toggle, .options-table .switch label { float:right; }
.package-toggle { position:absolute; margin-left:-9999px; visibility:hidden; }
.package-toggle + label { display:block; position:relative; cursor:pointer; outline:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

input.toggle-round-flat + label { padding:1px; width:60px; height:30px; background-color:#434343; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px; -webkit-transition:background 0.4s; -moz-transition:background 0.4s; -o-transition:background 0.4s; transition:background 0.4s; }
input.toggle-round-flat + label:before, input.toggle-round-flat + label:after { display:block; position:absolute; content:""; }
input.toggle-round-flat + label:before { top:1px; left:1px; bottom:1px; right:1px; background-color:#434343; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px; -webkit-transition:background 0.4s; -moz-transition:background 0.4s; -o-transition:background 0.4s; transition:background 0.4s; }
input.toggle-round-flat + label:after { top:3px; left:3px; bottom:3px; width:26px; background-color:#fff; -webkit-border-radius:26px; -moz-border-radius:26px; -ms-border-radius:26px; -o-border-radius:26px; border-radius:26px; -webkit-transition:margin 0.4s, background 0.4s; -moz-transition:margin 0.4s, background 0.4s; -o-transition:margin 0.4s, background 0.4s; transition:margin 0.4s, background 0.4s; }
input.toggle-round-flat:checked + label, input.toggle-round-flat:checked + label:before { background-color:#56B68B; }
input.toggle-round-flat:checked + label:after { margin-left:30px; }

/* Pricing with Subscription */
.ticket-prices .item-price { border:3px solid #434343; height:140px; padding-right:25px; cursor:pointer; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.ticket-prices .item-price .amount { float:left; height:140px; width:140px; margin:-3px 26px 0 -3px; color:#fff; font-size:40px; line-height:130px; font-weight:900; text-align:center; }
.ticket-prices .item-price h4, .ticlet-prices .item-price .ticket-info { padding-right:25px; }
.ticket-prices .item-price h4 { padding-top:4%; }
.ticket-prices .item-price.active, .ticket-prices .item-price:hover { border:3px solid #56B68B; }

/* ==========================================================================
   19. TEAM SECTION
=========================================================================== */
.team .bio { font-size:17px; }
.team .role { text-transform:uppercase; font-size:12px; font-weight:900; }

/* Team Member */
.team-member { overflow:hidden; }
.team-member .tm-img img{ opacity:1; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; }
.team-member:hover .tm-img img{ opacity:0.7; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); }
.team-member .tm-details { position:relative; background-color:#fff; padding:30px 25px 0; bottom:0; border-top:1px solid #ddd; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; }
.team-member:hover .tm-details { bottom:110px; border-top:1px solid #ddd; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; }
.team-member .tm-name { display:block; }
.team-member .tm-name .tm-job { display:block; font-weight:400; text-transform:uppercase; margin-top:5px; }
.team-member .tm-info { visibility:hidden; margin-bottom:0; }
.team-member:hover .tm-info { visibility:visible; }

/* Team List */
.team-list { border:1px solid #434343; }
.text-white .team-list { border:1px solid #fff; }
.team-list .tl-image img { width:200px; height:200px; }

/* ==========================================================================
   20. BLOG SECTION
=========================================================================== */
.blog h5 { color:#69696E; }
.blog a>h5:hover { color:#0072BC; }
.blog .post-info { margin-top:20px; margin-bottom:18px; clear:both; }
.blog .post-info .date { float:left; margin-right:10px; padding:5px; width:60px; text-align:center; font-weight:900; color:#fff; background:#0072BC; border-radius:3px; }
.blog .post-info .day { display:block; }
.blog .post-info h5 { margin-bottom:5px; }
.blog .post-info h6 { font-size:14px; margin-top:0; }
.blog .post-meta { text-transform:uppercase; font-size:12px; font-weight:900; color:#0072BC; margin-bottom:5px; }
.blog .post-meta .date{ margin-right:50px; }

/* ==========================================================================
   21. MISCELLANEOUS SECTION
=========================================================================== */
.faq { padding:30px 50px; margin-left:10px; margin-right:10px; margin-bottom:30px; border-radius:10px; }
.faq h5 { font-weight:900; }
.faq-item h5 { font-weight:900; font-size:20px; line-height:24px; }

/* event schedule */
.schedule .panel-heading { background-color:transparent; border-color:#ddd; }
.schedule .panel-title a { color:#69696E; font-size:15px; font-weight:700; }
.schedule .panel-title .talk { display:block; opacity:0.7; line-height:18px; }
.schedule .panel-body img { float:left; margin-right:20px; }
.schedule .panel-body h6 { font-weight:700; font-size:15px; margin-bottom:15px; margin-top:0; }
.schedule .panel-body p { font-size:14px; }

/* countdown timer */
.countdown .timer { display:inline-block; margin-left:25px; margin-right:25px; font-size:14px; line-height:18px; font-weight:400; }
.countdown .timer>div { font-size:80px; line-height:84px; font-weight:700; }
.funfacts i { font-size:50px; margin-bottom:20px; }
.funfacts .counter { font-size:45px; line-height:50px; font-weight:700; margin-bottom:10px; }
.funfacts .text { font-size:19px; line-height:22px; }
.funfacts .counter-left { display:inline; float:left; margin-right:10px; margin-bottom:20px; }
.funfacts .counter-left i { float:left; font-size:20px; margin-top:15px; margin-right:5px; }
.funfacts .counter-left .counter { display:inline; }

/* elearning path */
.path { height:350px; width:100%; margin:0 auto; padding-left:5%; padding-right:5%; border-radius:5px; }
.path h5 { font-size:19px; }
.path .btn-ghost { font-size:13px; }
.course-level .level { display:inline-block; width:11px; height:11px; border-radius:50%; border:2px solid #fff; background-color:transparent; margin-right:3px; } 
.course-level .level.active { background-color:#fff; }
.course-level p { display:inline-block; margin-left:20px; }

/* timeline */
.timeline { border-left:4px solid #fff; border-bottom-right-radius:4px; border-top-right-radius:4px; margin:0 auto; position:relative; padding:50px; list-style:none; text-align:left; }
.timeline .event { border-bottom:1px dashed #fff; padding-bottom:25px; margin-bottom:50px; position:relative; }
.timeline .event:last-of-type { padding-bottom:0; margin-bottom:0; border:none; }
.timeline .event:before, .timeline .event:after { position:absolute; display:block; top:0; }
.timeline .event:before { left:-217.5px; color:#fff; font-weight:900; font-size:15px; content:attr(data-date); text-align:right; }
.timeline .event:after { box-shadow:0 0 0 4px #fff; left:-57.85px; background:#fff; border-radius:50%; height:11px; width:11px; content:""; top:5px; }
.timeline-tabs .nav-tabs { border-bottom:none; text-align:center; text-transform:uppercase; }
.timeline-tabs .nav-tabs>li { display:inline-block; float:none; margin-bottom:10px; }
.timeline-tabs .nav-tabs>li>a { color:#fff; font-size:15px; line-height:18px; font-weight:700; padding:20px 50px; border:2px solid #fff; border-radius:0; opacity:0.9; }
.timeline-tabs .nav-tabs>li>a:hover, .timeline-tabs .nav-tabs>li.active>a { background-color:#fff; color:#69696E; opacity:1; }

/* timetable */
.timetable .nav-tabs { border-bottom:none; text-align:center; text-transform:uppercase; }
.timetable .nav-tabs>li { display:inline-block; float:none; margin-bottom:10px; }
.timetable .nav-tabs>li>a { color:#69696E; font-size:15px; line-height:18px; font-weight:700; padding:18px 30px; border:none; opacity:0.8; }
.timetable .nav-tabs>li>a:hover { border-radius:4px; border:none; }
.timetable .nav-tabs>li.active>a, .timetable .nav-tabs>li.active>a:focus, .timetable .nav-tabs>li.active>a:hover { color:#555; cursor:default; background-color:#eee; border-radius:4px; border:none; opacity:1; }
.timetable thead>tr>th { text-align:center; padding:20px; font-size:17px; line-height:21px; font-weight:900; }
.timetable tbody>tr>td { padding:20px; font-size:16px; line-height:20px; font-weight:400; }
.timetable tbody>tr>td>a>i { font-size:22px; vertical-align:top; color:#69696E; }
.timetable tbody>tr>td>a:hover>i { transform:scale(1.6); -webkit-transform:scale(1.6); -moz-transform:scale(1.6); -ms-transform:scale(1.6); }
.timetable tbody>tr>td:first-child, .timetable tbody>tr>td:last-child { font-weight:900; font-size:15px; }

/* ==========================================================================
   22. SUBSCRIPTION SECTION
=========================================================================== */
.subscription .form-horizontal.form-bg { padding:30px 40px 10px; border-radius:3px; margin-top:15px; }
.subscription .form-horizontal.form-margin { margin-left:30px; margin-right:30px; }
.subscription .form-horizontal p.small>a { font-weight:700; }
.subscription .form-horizontal h6 { text-transform:uppercase; font-weight:900; font-size:15px; line-height:19px; }
.subscription .form-inline .form-group { width:50%; }
.subscription .form-inline .form-group input{ width:100%; }
.subscription .sub-left { padding-top:90px; }
.subscription .features-devices .img-left img { width:90px; height:90px; }
.subscription .features-devices .img-left p { margin-left:112px; }

/* ==========================================================================
   23. CONTACT SECTION
=========================================================================== */
.contact a { color:#69696E; }
.contact ul{ padding-left:0; list-style-type:none; }
.contact .contact-info li { margin-bottom:20px; font-size:15px; line-height:15px; font-weight:900; }
.contact .contact-info li i { font-size:25px; font-weight:700; vertical-align:text-top; margin-right:20px; }
.contact .contact-info li span { display:block; margin-left:46px; }
.contact .form-horizontal { margin-right:15px; margin-left:15px; }
.contact .form-group.w-50 input { display:inline-block; width:49.5%; }
.contact .mini-map { width:100%; height:300px; }
.contact .mini-info p{ font-size:15px; line-height:21px; }
.contact .map-container { width:100%; height:600px; }
.contact .map-container .map-iframe, .img-wrap .map-iframe { height:100%; width:100%; }
.contact .map-container .map-iframe { pointer-events:none; }
.contact-divider i{ font-size:40px; font-weight:bold; }
.contact-divider h5 { font-size:20px; line-height:24px; margin:15px 0 10px; }

/* ==========================================================================
   24. FOOTER SECTION
=========================================================================== */
.footer p, .footer a { font-size:15px; font-weight:700; margin-bottom:0; }
.footer a { color:#69696E; }
.footer ul { padding-left:0; list-style-type:none; margin-bottom:0; }
.footer ul li { display:inline-block; }
.footer.f1 .footer-social { float:right; }
.footer.f1 .footer-social i{ font-size:20px; margin-left:20px; }
.footer.f2 .footer-links { text-align:right; }
.footer.f2 .footer-links li>a, .footer.f2 .footer-social li>a { margin-left:15px; margin-right:15px; }
.footer.f2 .footer-social i{ font-size:20px; }
.footer.f2 .footer-links i{ margin-right:5px; }
.footer.f4 .footer-desc p{ font-weight:400; }
.footer.f5 .footer-links img { max-height:35px; margin-right:50px; display:inline-block; position:relative; bottom:2px; }
.footer.f5 .footer-links p { margin-right:50px; font-size:20px; font-weight:400; display:inline-block; margin-top:15px; margin-bottom:15px; }
.footer.f5 .footer-links a { color:#fff; font-size:17px; font-weight:900; }
.footer.f6 .footer-links li { display:block; font-size:15px; font-weight:700; margin-bottom:20px; }
.footer.f7 .contacts, .footer.f7 .about { border-bottom:2px solid #eeeeee; }
.footer.f7 .contacts i{ font-size:25px; font-weight:bold; }
.footer.f7 .contacts h5 { font-size:17px; }
.footer.f7 .about .logo { border-right:2px solid #eeeeee; padding-right:30px; }
.footer.f7 .about .newsletter { padding-left:30px; }
.footer.f7 .links ul>li>a { margin-right:15px; font-weight:900; opacity:0.9; }

/* ==========================================================================
   25. PAGES STYLE
=========================================================================== */
/* general style */
.page-head.h-img { height:350px; }
.page-head .h-bg{ padding-top:70px; }
.page-head .h-bg a { color:#69696E; }
.page-head .breadcrumb { background-color:transparent; font-weight:400; }
.page-head .breadcrumb .active{ font-weight:900; }
.page-head .breadcrumb .active.text-white{ color:#fff; }

/*login and signup*/
.login .lead { font-size:12px; font-weight:700; text-transform:uppercase; }
.login .form-horizontal { margin-left:15px; margin-right:15px; }
.login .form-horizontal label { text-transform:uppercase; float:left; font-weight:900; font-size:12px; line-height:16px; }
.login .form-horizontal .checkbox input[type=checkbox] { bottom:6px; }
.login .forgot { margin-top:20px; }
.login .forgot a{ font-weight:900; font-size:12px; line-height:16px; text-transform:uppercase; color:#69696E; }
.login .terms{ font-size:13px; line-height:17px; text-align:left; }

/* faq */
.faqs .panel-group .panel-title { padding-top:10px; padding-bottom:10px; }
.faqs .panel-group .panel-title a{ font-size:17px; }

/* blog */
.blog-list { margin-bottom:70px; padding-bottom:70px; border-bottom:3px solid #efefef; }
.blog-post .date { float:left; width:80px; padding:10px; background:#0072BC; color:#fff; font-size:20px; line-height:22px; text-align:center; margin-top:25px; margin-right:15px; font-weight:900; border-radius:7px; }
.blog-post .date span { display:block; font-size:12px; }
.blog-post h4, .blog-post .post-meta { margin-left:95px; font-size:29px; line-height:29px; }
.blog-post h4 { padding-top:25px; }
.blog-post h4 a, .blog-post .post-meta a{ color:#69696E; font-weight:900; }
.blog-post .post-meta { padding-left:0; list-style-type:none; font-size:13px; }
.blog-post .post-meta li { display:inline-block; margin-bottom:10px; margin-right:20px; }
.blog-post .post-meta li i{ margin-right:5px; }
.blog-post img { width:100%; height:auto; }
.blog-post .carousel-indicators { bottom:0; }
.blog-post .quote-post { padding:20px 50px; margin:0 0 20px; border-left:none; font-style:italic; }
.blog-post .quote-post p:before { content:"\f10d"; padding-right:10px; font-family:'FontAwesome'; color:#837f7e; }
.blog-post .quote-post p:after { content:"\f10e"; padding-left:10px; font-family:'FontAwesome'; color:#837f7e; }
.blog-post p { line-height:26px; }
.pagination>li>a { color:#69696E; border:2px solid #efefef; font-weight:700; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color:#0072BC; border-color:#0072BC; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color:#69696E; background-color:#eee; border-color:#efefef; }
.pagination-post .prev-post a>img{ float:left; margin-right:10px; }
.pagination-post .next-post a>img{ float:right; margin-left:10px; }
.pagination-post p{ color:#69696E; font-size:16px; line-height:17px; font-weight:900; margin-top:15px; }
.pagination-post p span{ display:block; font-size:13px; font-weight:700; }
.widget { margin-bottom:60px; display:inline-block; width:100%; }
.widget .w-title h5 { font-size:25px; line-height:30px; font-weight:900; }
.widget p { font-size:16px; font-weight:400; }
.widget .latest-post, .widget .w-comments { padding-left:0; list-style-type:none; }
.widget .latest-post li { clear:both; padding-top:10px; padding-bottom:20px; }
.widget .latest-post .img-latest { float:left; width:75px; margin-right:10px; }
.widget .latest-post .title-latest { margin-left:85px; font-size:15px; }
.widget .latest-post .title-latest a { display:block; color:#69696E; font-size:16px; font-weight:700; }
.widget .w-comments li{ font-size:17px; padding-top:10px; padding-bottom:5px; }
.widget .w-comments a, .comments-list a{ color:#69696E; font-weight:700; }
.widget .w-tags a{ float:left; margin-right:10px; margin-bottom:10px; padding:5px 10px; color:#69696E; border:1px solid #d3d3d3; border-radius:20px; }
.widget .w-tags a:hover{ color:#ffffff; border:1px solid #56B68B; background-color:#56B68B; }
.comments-list { padding-left:0; list-style-type:none; }
.comments-list .comment-author a{ font-size:17px; line-height:17px; font-weight:900; }
.comments-list .comment-info { font-size:13px; line-height:15px; }
.comments-list .comment-info .reply { font-size:15px; font-weight:900; padding-left:10px; }
.comments-list .comment-info .reply i{ margin-right:2px; }

body { color:#000; }
h1 { font-weight:400; }
h2 { font-weight:400; font-size:35px; line-height:39px; }
h1 span, h2 span, h3 span, h4 span, .titulo { font-family:'Avenir LT Std'; }
h1 strong, h2 strong, h3 strong, h4 strong, .titulo strong { font-family:'Avenir LT Heavy'; }
p { font-size:18px; line-height:26px; }
section img { max-width:100%; height:auto; }

.uppercase { text-transform:uppercase; }
.t-cell > div { display:table-cell; float:none; }
.t-cell-bottom > div { vertical-align:bottom; }

#hero9 { position:relative; }
#hero9:before { position:absolute; left:0; top:0; width:100%; height:200px; content:''; background: rgba(0,0,0,0.4);
background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.4)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); z-index:0; }

.navbar-brand img { height:70px; }
.navbar-brand.logo-white img { height:80px; }
.navbar-nav>li>a { font-weight:700; font-size:18px; margin-right:0; padding:9px 10px; }
.navbar-nav>li.fono { margin-left:5px; }
.navbar-nav>li.fono:before { position:absolute; left:0; top:50%; width:1px; height:20px; margin-top:-10px; background:#FFF; content:''; }
.navbar-nav>li.fono>a { font-weight:400; font-size:18px; font-family:'Avenir LT Heavy'; padding-left:15px; }
.navbar.bg-transparent.top-nav-collapse .navbar-nav > li.fono > a { color:#0072BC; }


#hero9 .html5lightbox { float:left; font-size:18px; font-weight:400; line-height:30px; color:#FFF; margin-top:10px; }
#hero9 .html5lightbox i { float:left; font-size:26px; color:#fff; margin-right:8px; }

.hero-leadbox .form-horizontal { padding:30px 30px 10px; border-radius:10px; box-shadow:-2px -2px 6px 0 rgba(0,0,0,.1); background-color:#0072BC; }
.hero-leadbox .form-horizontal .form-group { margin:0 0 10px; }
.hero-leadbox .form-horizontal h4 { font-size:24px; margin:0; }
.hero-leadbox .form-horizontal a { color:#FFF; text-decoration:underline; }
.hero-leadbox .form-horizontal a:hover { text-decoration:none; }
.hero-leadbox .form-control { padding:8px 10px 6px; border:1px none #FFF; border-radius:4px; }
.hero-leadbox .form-control.wpcf7-not-valid { border:1px solid #e30613 !important; }
.hero-leadbox .form-control { color:#657380; }
.hero-leadbox .btn { width:auto; padding:7px 15px 6px; border-width:2px; margin:0; text-decoration:none; }
.hero-leadbox .form-horizontal a.btn { text-decoration:none; }
.hero-leadbox select:not([multiple]){ -webkit-appearance:none; -moz-appearance:none; background-position:right 50%; background-repeat:no-repeat; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=); padding: .5em; padding-right:1.5em; border-radius:4px; }
.hero-leadbox .form-check .wpcf7-list-item { margin:0; }
.hero-leadbox .form-check .wpcf7-list-item > label { position:relative; padding-left:25px; }
.hero-leadbox .form-check input { position:absolute; left:0; top:0; margin-top:3px; }
.hero-leadbox .wpcf7-not-valid-tip, .hero-leadbox div.wpcf7 .ajax-loader, .hero-leadbox .wpcf7-response-output { display:none !important; }

/* video */
#video { padding-bottom:60px !important; }
#testimonios h2 strong { color:#0072BC; }
#video .video img { width:110%; max-width:110%; height:auto; margin:-5% -20px 0 -5%; }

.video > div { position:relative; height:360px; }
.m_btn_video { position:absolute; top:50%; left:50%; display:block; width:96px; height:96px; margin-top:-48px; margin-left:-48px; border-radius:100%; background-color:rgba(255,255,255,0.8); border:2px solid #0072BC; text-align:center; font-weight:normal !important; font-style:normal !important; font-size:0; }
.m_btn_video:after { position:absolute; top:50%; left:50%; margin-top:-18px; margin-left:-13px; content:""; width:0; height:0; border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:36px solid #0072BC; }
.m_btn_video:hover { background:#0072BC; }
.m_btn_video:hover:after { border-left-color:#FFF; }

/* porque */
#porque { color:#FFF; background:#0072BC; overflow:visible; }
#porque.p-y-lg { padding-top:80px !important; padding-bottom:80px !important; }
#porque .container { position:relative; }
.plano { position:absolute; top:-130px; right:-30px; width:100%; z-index:9; }
.plano .inner { position:relative; width:100%; display:block; }
.plano-casa { width:100%; height:auto; }
.plano i { width:36px; height:36px; line-height:34px; text-align:center; border-radius:50%; border:2px solid #FFF; background:#0072BC; color:#fff; font-size:16px; overflow:hidden; display:none !important; }
/*.plano span { display:inline-block; width:36px; height:36px; line-height:34px; text-align:center; border-radius:50%; border:2px solid #FFF; background:#0072BC; color:#fff; font-size:16px; overflow:hidden; font-weight:900; }*/
.plano .inner > div { position:absolute; }
/*
.plano .i1 { top:50px; right:370px; }
.plano .i2 { top:180px; right:600px; }
.plano .i3 { bottom:20px; right:460px; }
.plano .i4 { top:300px; right:285px; }
.plano .i5 { bottom:180px; right:125px; }
*/
.plano .inum { margin:-18px 0 0 -18px; }
.plano .inum > a { display:inline-block; width:36px; height:36px; line-height:34px; text-align:center; border-radius:50%; border:2px solid #FFF; background:#0072BC; font-size:16px; font-family:'Avenir LT Heavy'; color:#fff; overflow:hidden; }
.plano .i1 { left:50%; top:12.52%; }
.plano .i2 { left:24.95%; top:36.64%; }
.plano .i3 { left:39.93%; top:92.05%; }
.plano .i4 { left:60.53%; top:54.63%; }
.plano .i5 { left:81.94%; top:67.54%; }
.plano .inum > a:hover, .plano .i-active > a { border:2px solid #e30613; background:#e30613; color:#fff; }


#porque h2 { margin-bottom:30px; }
#porque h2 strong { color:#000; }
#porque h2.desktop strong { white-space:nowrap; }
#porque .ic i { display:none; float:left; width:52px; height:52px; line-height:50px; text-align:center; border-radius:50%; border:2px solid #FFF; background:#0072BC; color:#fff; font-size:33px; overflow:hidden; }
#porque .ic img { float:left; width:120px; }
#porque .ic div { margin-left:140px; }
#porque .ic h5 { position:relative; text-transform:uppercase; margin-bottom:5px; }
#porque .ic h5 a { color:#FFF; text-decoration:none; cursor:pointer; }
#porque ol { list-style-type:none; list-style-type:decimal !ie; /*IE 7- hack*/ margin:0; padding:0; counter-reset:li-counter; }
#porque ol > li { position:relative; margin-bottom:10px; padding-left:36px; }
#porque ol > li:before { position:absolute; top:0; left:0; width:24px; height:24px; font-size:16px; line-height:22px; text-align:center; font-weight:900; color:#FFF; border:2px solid #FFF; border-radius:50%; background-color:transparent; content: counter(li-counter); counter-increment:li-counter; }
#porque .ic-active h5:after { position:absolute; left:0; top:100%; width:100%; height:2px; content:''; background:#FFF; }
#porque ol > li.ic-active:before { color:#e30613; background:#FFF; border-color:#e30613; }

#porque ol li p { font-size:14px; line-height:18px; display:none; opacity:0; margin-bottom:20px; }
#porque ol li.ic-active p { display:block; opacity:1; transition:opacity 0.5s linear; }
#porque img { max-width:none; }

#myverisure .container { padding-top:80px; }
#myverisure { margin-bottom:0px; }
#myverisure .appmobile {  }
#myverisure .txtwrap { margin-left:390px; }
#myverisure .appicon { display:block; width:96px; height:96px; margin:20px 0 20px; }
#myverisure .appstores { display:block; margin-top:40px; }
#myverisure .appstores:after { clear:left; display:table; content:''; }
#myverisure .appstores img { float:left; width:170px; max-width:45%; margin:0 10px 30px 0; }

/* porque */
#promo-kit { color:#FFF; background:#0072BC; overflow:visible; }
#promo-kit .container { position:relative; min-height:200px; }
#promo-kit h2 * { display:table-cell; height:72px; line-height:1; vertical-align:bottom; }
#promo-kit h2 strong { font-size:72px; }
#promo-kit h2 span { font-size:30px; line-height:1.4; padding-left:10px; }
#promo-kit h2:after { clear:both; content:''; display:table; }
.kit { position:absolute; bottom:-20px; left:-30px; width:100%; height:470px; content:''; background:url('../images/promo-kit.png') no-repeat bottom left; background-size:auto 100%; z-index:9; }

.btn-app, a.btn-app { font-size:20px; background-color:#0072BC; }

.hidden { display:none !important; }



#myverisure .appicon-wrap { margin-bottom:20px; }
#myverisure .appicon-wrap span { display:table-cell; vertical-align:bottom; }
#myverisure .appicon { width:72px; height:72px; margin:20px 20px 0 0; }

.i-open { position:absolute; display:none; width:480px; text-align:left; padding:0 10px; z-index:10; }
.i1-open { right:-100%; bottom:100%; margin-bottom:10px; }
.i1-open:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #0072BC transparent transparent #0072BC; border-image: none; border-style: solid; border-width: 11px; content: " "; height: 20px; position: absolute; right: 31px; top: 100%; width: 11px; }
.i1:hover,.i:hover,.i:hover { cursor:pointer; }
.plano .inner > div:hover i, .plano .inner > div:hover span { color:#f80000; background:#FFF; border-color:#f80000; }
.i1:hover .i1-open { display:block; }
.i-open ul { list-style:none; margin:0; padding:0; }
.i-open li { float:left; width:46%; padding:0 2%; }
.i-open li img { float:left; width:48px; margin:3px 0 10px; }
.i-open li p { font-size:14px; line-height:18px; margin-left:58px; }
.i-open li:last-child, .i-open li:last-child * { margin-bottom:0; }
.i-open li:after { clear:both; content:''; display:table; }
.i1-open { right:auto; bottom:auto; left:-100%; top:100%; width:auto; margin:-40px 0 0 60px; background:transparent; padding-left:20px; }
.i1-open .pad { background:#FFF; border:2px solid #f80000; padding:20px 10px; border-radius:10px;  }
.i1-open:after { display:none; }

#ic1.active h5 { border-bottom:2px solid #FFF; }
#ic1.active p { display:block; }
#ic1.active:before { background:#FFF; color:#f80000; border-color:#f80000; }

#testimonios h2 strong { color:#0072BC; }
#testimonios figure { position:relative; }
#testimonios { border-bottom:50px solid #FFF;  }
#testimonios blockquote { position:relative; padding:0 80px; }
#testimonios blockquote:before, #testimonios blockquote:after { position:absolute; width:100%; height:100%; content:''; font-family:Arial; display:block; color:#0072BC;  z-index:999; }
#testimonios blockquote:before { top:0; left:0; background:url('../images/testimonios-open-quote.png') no-repeat 0 0; background-size:60px auto; }
#testimonios blockquote:after { top:auto; right:0; bottom:40px; height:80px; background:url('../images/testimonios-close-quote.png') no-repeat right bottom; background-size:60px auto; }
#testimonios blockquote p { text-align:right; font-size:22px; line-height:30px; }
#testimonios blockquote cite { font-style:normal; display:block; text-align:right; font-size:22px; line-height:30px; }
#testimonios .video > div { height:300px; }

#info #testimonios img { border-radius:20px; }

#expertos { position:relative; color:#FFF; background:#0072BC; /*margin-bottom:100px;*/ padding-top:100px; }
#expertos .titulo strong { color:#000; }
#expertos:before { position:absolute; left:0; top:0; right:0; width:100%; height:100px; content:''; background:#FFF; z-index:0; }
.experto { width:90%; margin-top:-100px; }
#expertos .m-b-lg p { margin-bottom:0; }

#expertos .btn { font-family:'Avenir LT Heavy'; padding:8px 18px 7px; border-width:2px; }

#myverisure-carousel { position:relative; }
.myverisure-mano { width:100%; }
#myverisure-carousel .carousel-indicators, #myverisure-carousel .carousel-inner { position:absolute; left:0; top:0; z-index:1; }
#myverisure-carousel .carousel-indicators { top:auto; bottom:14.98%; width:80.79%; text-align:center; margin:0; }
#myverisure-carousel .carousel-inner { width:50.87%; left:14.63%; top:12.48%; }
#myverisure-carousel .carousel-indicators.inverse .active { background-color: #0072BC; border-color:#0072BC; }

/* COMERCIAL */
.atencion { float:right; display:inline-block; width:350px; font-weight:400; line-height:1; color:#FFF; padding:10px 0; background:rgba(0,114,188,0.8); }
.atencion:after { clear:both; content:''; display:table;  }
.atencion > div { float:left; width:33.3%; display:inline-block; text-align:center; padding:0 15px; border-right:1px solid #FFF; }
.atencion > div:last-child { border-right:0 none; }
.atencion strong { font:400 50px/0.9 'Avenir LT Heavy'; }

#promo #testimonios { border-bottom:0 none; }
#promo #testimonios blockquote { border:1px solid #0072BC; border-radius:10px; padding:30px 60px; }
#promo #testimonios blockquote:before { top:40px; left:20px; background-size:30px auto; }
#promo #testimonios blockquote:after { right:20px; background-size:30px auto; }
#promo #testimonios blockquote p { font-size:18px; line-height:24px; font-style:italic; }
#promo #testimonios figure { position:absolute; left:0; top:0; width:72px; height:72px; padding:1px; background:#FFF; border:1px solid #0072BC; border-radius:50%; margin:-36px 0 0 15px; }
#promo #testimonios figure img { width:100%; height:100%; border:0 none; }

#kit-promocional { padding-top:40px !important; padding-bottom:60px !important; }
#kit-promocional:before { position:absolute; top:0; right:0; width:100%; height:40%; content:''; background:#FFF; z-index:0; }
#kit-promocional .section-header span { display:inline-block; }
#bodegon-carousel .carousel-indicators { position:relative; left:0; bottom:auto; width:100%; height:100%; list-style-type:none; list-style-type:decimal !ie; /*IE 7- hack*/ margin:0; padding:0; counter-reset:li-counter; }
#bodegon-carousel .carousel-indicators li { position:absolute; top:0; left:0; width:36px; height:36px; border:0px none !important; background-color:transparent !important; text-indent:0; background-repeat:no-repeat; background-position:0 0; background-size:cover;}
#bodegon-carousel .carousel-indicators li:after { display:block; width:36px; height:36px; font-size:20px; line-height:32px; text-align:center; font-weight:900; color:#0072BC; border:2px solid #0072BC; border-radius:50%; background-color:#FFF; content: counter(li-counter); counter-increment:li-counter; }
#bodegon-carousel .carousel-indicators li.active:after { color:#FFF; border:2px solid #FFF; background-color:#0072BC; }

#bodegon-carousel .carousel-indicators li.item-1 { width:22.59%; height:45.69%; left:0.26%; top:53.53%; background-image:url('../images/promo-kit-item1.png'); z-index:3; }
#bodegon-carousel .carousel-indicators li.item-2 { width:19.66%; height:58.24%; left:15.43%; top:5.29%; background-image:url('../images/promo-kit-item2.png'); z-index:2; }
#bodegon-carousel .carousel-indicators li.item-3 { width:23.45%; height:53.33%; left:38.02%; top:0.39%; background-image:url('../images/promo-kit-item3.png'); z-index:1; }
#bodegon-carousel .carousel-indicators li.item-4 { width:10.69%; height:45.49%; left:62.24%; top:12.55%; background-image:url('../images/promo-kit-item4.png'); z-index:1; }
#bodegon-carousel .carousel-indicators li.item-5 { width:13.97%; height:16.08%; left:73.62%; top:47.45%; background-image:url('../images/promo-kit-item5.png'); z-index:2; }
#bodegon-carousel .carousel-indicators li.item-6 { width:20.00%; height:38.36%; left:79.66%; top:60.98%; background-image:url('../images/promo-kit-item6.png'); z-index:3; }

#bodegon-carousel .carousel-inner-wrap { position:absolute; /*bottom:20px;*/ left:50%; width:50%; margin-left:-25%; }
#bodegon-carousel .carousel-inner .item span { position:absolute; top:0; left:0; width:32px; height:32px; font-size:18px; line-height:30px; text-align:center; font-weight:900; color:#FFF; border:2px solid #FFF; border-radius:50%; background-color:#0072BC; }
#bodegon-carousel .carousel-inner .item-img { display:none; }
#bodegon-carousel .carousel-inner .item-img img { max-width:80%; max-height:100%; }
#bodegon-carousel .carousel-inner .item h3 { position:relative; padding-bottom:10px; border-bottom:2px solid #FFF; }
#contactanos .mobile { display:none; }

/* REMKT */
#remkt #hero9 { padding-bottom:150px !important; }
#remkt #hero9 h1 { font-size:50px; margin:20px 0 0; }
#remkt #hero9 p.lead { font:400 38px/40px 'Avenir LT Heavy'; }

#promocion { padding-top:0 !important; margin-top:-170px; }
#promocion .bg-blue { position:absolute; left:0; top:170px; right:0; bottom:0; content:''; z-index:0; }
#promocion img { display:block; width:100%; height:auto; }
#promocion img.remkt-bodegon { max-width:none; width:106.8%; margin:0 -3.4%; }
#promocion .mobile { display:none; }
#promocion h2 span { font:400 42px 'Avenir LT Std'; }
#promocion h2 strong { font-size:50px; }
#promocion .promocion-descuento { padding-top:10px; }

#datos { background:#E5F1F6; }
#datos h2 { font-family:'Avenir LT Std'; }
.remkt-dato-nota { text-align:center; }
.remkt-dato-nota h3 { font-size:40px; line-height:1; color:#FFF; margin:0 auto; padding:14px 20px 6px; background:#50504F; border-radius:20px; }
.remkt-dato-1 { margin-bottom:60px; }
.remkt-dato-2 .remkt-dato-nota h3 { display:inline-block; background:#0072BC; }
.remkt-dato-img { padding:40px 0; }

/*
.cinco-soles { border-bottom:1px solid #FFF; margin-bottom:15px; }
.cinco-soles:after { clear:both; content:''; display:table; }
.cinco-soles .cinco { float:left; }
.cinco-soles .cinco > * { display:block; }
.cinco-soles .cinco small { font-family: "Avenir LT Black"; }
.cinco-soles .cinco strong { position:relative; font:400 135px/1 'Avenir LT Heavy'; padding-left:25px; margin-top:-10px; }
.cinco-soles .cinco strong span { position:absolute; top:10px; left:0; font:normal; font-size:30px; }
.cinco-soles .diarios { font:400 60px/0.9 'Avenir LT Heavy'; margin-left:120px; padding-top:20px; }
*/

.cinco-soles { border-bottom:1px solid #FFF; margin-bottom:15px; padding-bottom:15px; color:#FFF; }
.cinco-soles img { max-width:100%; }
.cinco-soles > div { display:table-cell; height:140px; vertical-align:middle; display:none; }
.cinco-soles .desde { font-size:25px; }
.cinco-soles .cinco span { display:block; width:140px; height:140px; overflow:hidden; font:normal 130px/1 'Avenir LT Heavy'; text-align:center; margin:0 10px; padding-top:20px; background:url('../images/remkt-cinco-bg.png') no-repeat 0 0; background-size:cover; }
.cinco-soles .soles-diarios { font-size:40px; font-family:'Avenir LT Black'; line-height:1; }

#remkt #hero9 .form-horizontal { background:rgba(0,114,188,0.8); }
#remkt #hero9 .form-horizontal p.lead { font-size:17px; line-height:1.2; }
#remkt .appicon-wrap:after { clear:both; content:''; display:table; }
#remkt .appicon-wrap { float:left; width:auto; margin:0 20px 20px 0; }
#remkt .appicon-wrap span { display:block; text-align:center; }
#remkt #myverisure .appicon { width:128px; height:128px; margin:0 0 10px 0; }
#remkt #myverisure h2 { display:inline-block; margin-top:5px; }

#remkt #testimonios { border-bottom:0 none; }
#remkt #testimonios blockquote { border:1px solid #0072BC; border-radius:15px; padding:60px 140px 60px 170px; }
#remkt #testimonios blockquote:before { top:40px; left:80px; }
#remkt #testimonios blockquote:after { right:50px; }
#remkt #testimonios figure { position:absolute; left:0; top:0; width:128px; height:128px; padding:6px; background:#FFF; border:1px solid #0072BC; border-radius:50%; margin:20px 0 0 -64px; }
#remkt #testimonios figure img { width:100%; height:100%; border:0 none; }

#listo h2 { line-height:1.5; }
#listo a { display:inline-block; color:#FFF; line-height:1.3; border:2px solid #FFF; border-radius:10px; padding:7px 20px 0; background:#e30613; border-color:#e30613; }
#listo a:hover { color:#0072BC; background:#FFF; border-color:#FFF; }
#remkt #testimonios blockquote cite { text-align:left; }

a.top.cotiza { right:0; bottom:120px; width:auto; border-top-left-radius:10px; border-bottom-left-radius:10px; font-family:'Avenir LT Heavy'; color:#FFF; text-indent:0; background:#e30613 url("../images/top-arrow.svg") no-repeat center 10px; padding:30px 15px 0; }
a.top.cotiza.fade-out { opacity:1; }
.no-touch a.top.cotiza:hover { background-color:#000; opacity:1; }

.navbar-nav>.contactanos.active>a, .navbar-nav>.contactanos.active>a:hover, .navbar-nav>.contactanos.active>a:focus { background-color:transparent; }

.mobile { display:none; }


#porque .popover { padding:0; border:2px solid #E30613; margin:0 !important; }
#porque .popover>.arrow { display:none !important; }
#porque .popover.top>.arrow { border-top-color:#E30613; }
#porque .popover.bottom>.arrow { border-bottom-color:#E30613; }
#porque .popover.right>.arrow { border-right-color:#E30613; }
#porque .popover.left>.arrow { border-left-color:#E30613; }
#porque .popover.bottom>.arrow:after { top:3px; }
#porque .popover-content { padding:0; }
#porque .popover-title { display:none !important; font-size:16px; font-family:'Avenir LT Black'; text-transform:uppercase; text-align:center; padding-bottom:4px; background:#E30613; border-radius:0; }
#porque .popover-title .close { color:#FFF; }
#porque .popover-content .desc { padding:10px 15px; background:#E5F1F6; }
#porque .popover-content .desc p { font-size:14px; line-height:1.2; color:#000; text-align:center; margin:0; }

#porque .plano .carousel { padding:10px 15px; }
#porque .plano .carousel .item { width:270px; color:#000; text-align:center; }
#porque .plano .carousel .item h5, #porque .plano .carousel .item p { font-size:14px; line-height:1.2;  }
#porque .plano .carousel .item h5 { font-size:16px; margin-bottom:5px; }
#porque .plano .carousel .item p { margin-bottom:0; }
#porque .plano .carousel .item img { max-width:80%; max-height:150px; margin:0 auto; }

#porque .carousel-control.left, #porque .carousel-control.right { background:none !important; filter: progid: none !important; }
#porque .carousel-control span { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }


.popover { max-width:310px; }

.i-hovered a {
  -webkit-animation: pulse 0.5s linear infinite;
  animation: pulse 0.5s linear infinite;
}

@-webkit-keyframes pulse {
 0% { -webkit-transform: scale(1, 1); background:#0072BC; border-color:#FFFFFF; }
 50% { -webkit-transform: scale(1.1, 1.1); background:#E30613; border-color:#E30613; }
 100% { -webkit-transform: scale(1, 1); background:#0072BC; border-color:#FFFFFF; }
}

@keyframes pulse {
 0% { transform: scale(1, 1); background:#0072BC; border-color:#FFFFFF; }
 50% { transform: scale(1.1, 1.1); background:#E30613; border-color:#E30613; }
 100% { transform: scale(1, 1); background:#0072BC; border-color:#FFFFFF; }
}

/* upselling */
#upselling #hero9:before  { position:absolute; left:0; top:auto; bottom:0; width:100%; height:45%; content:''; background:#0066AD; z-index:0; }
#upselling #hero9 h1 { color:#FFF; text-align:center; margin:30px 0 60px; }
#upselling .intro-promo { max-width:100%; }
#upselling .hero-leadbox .form-horizontal { background:rgba(255,255,255,0.9); }
#upselling .hero-leadbox .form-horizontal label { font-weight:400; }
#upselling .hero-leadbox .form-control { border:1px solid #B3B3B3; }
#upselling .hero-leadbox .form-horizontal a { color:#000; }
#upselling .hero-leadbox .form-horizontal .btn.btn-red { border-color:#DD0612; background-color:#DD0612; }

#upselling #productos { position:relative; }
#upselling #productos:before { position:absolute; left:0; bottom:0; width:100%; height:55%; content:''; background:#E5F1F6; z-index:0; }
#upselling #productos h1 { font-family:'Avenir LT Std'; color:#9A9A9A; }
#upselling #productos h1 span { color:#000; }
#upselling #productos img { width:80%; margin-bottom:40px; }

#upselling .panel { margin-bottom:20px; border:1px solid #0066AD; border-radius:10px; background:transparent; -webkit-box-shadow:none; box-shadow:none; }
#upselling .panel-heading { text-align:center; margin-top:-15px; padding:0; }
#upselling .panel-heading h4 { display:inline-block; color:#0066AD; margin:0 auto; padding:0 10px; background:#E5F1F6; }
#upselling .panel-content { padding:15px 30px 30px; }
#upselling .panel-content p { margin:0; }

#upselling #myverisure { color:#FFF; background:#0066AD; }

#upselling #testimonios { border-bottom:0px none;  }
#upselling #testimonios h2 { font-weight:700; font-family:'Avenir LT Heavy'; }
#upselling #testimonios h2 strong { color:#000; }
#upselling #testimonios blockquote { border:1px solid #0072BC; border-radius:10px; margin:0 36px; padding:30px 51px; }
#upselling #testimonios blockquote:before, #upselling #testimonios blockquote:after { display:none; }
#upselling #testimonios blockquote p { position:relative; font-size:18px; line-height:24px; font-style:italic; text-align:center; padding:0 45px; }
#upselling #testimonios blockquote p:before, #upselling #testimonios blockquote p:after { position:absolute; width:100%; height:100%; content:''; font-family:Arial; display:block; color:#0072BC; z-index:999; }
#upselling #testimonios blockquote p:before { top:0; left:0; background:url('../images/testimonios-open-quote.png') no-repeat 0 0; background-size:30px auto; }
#upselling #testimonios blockquote p:after { top:0; right:0; background:url('../images/testimonios-close-quote.png') no-repeat right bottom; background-size:30px auto; }
#upselling #testimonios blockquote cite { text-align:center; }
#upselling #testimonios figure { position:absolute; left:0; top:0; width:72px; height:72px; padding:1px; background:#FFF; border:1px solid #0072BC; border-radius:50%; margin:30px 0 0 -36px; }
#upselling #testimonios figure img { width:100%; height:100%; border:0 none; }
/*
#upselling #testimonios { border-bottom:0 none; }
#upselling #testimonios blockquote { border:1px solid #0072BC; border-radius:15px; padding:60px 140px 60px 170px; }
#upselling #testimonios blockquote:before { top:40px; left:80px; }
#upselling #testimonios blockquote:after { right:50px; }
#upselling #testimonios figure { position:absolute; left:0; top:0; width:128px; height:128px; padding:6px; background:#FFF; border:1px solid #0072BC; border-radius:50%; margin:20px 0 0 -64px; }
#upselling #testimonios figure img { width:100%; height:100%; border:0 none; }
#upselling #testimonios blockquote cite { text-align:center; }
*/
#upselling #listo { position:relative; }
#upselling #listo p.nota { position:absolute; left:0; bottom:15px; width:100%; text-align:center; }

#gracias #hero9 { padding-bottom:120px !important; }
#gracias #hero9 .container { padding-top:100px; padding-bottom:100px; }

#consulta { position:relative; min-height:500px; text-align:right; padding:0 0 100px; background:url('../images/contacto-bg.jpg') no-repeat center top; background-size:cover; }
#consulta .contacto-texto { display:inline-block; width:55%; color:#FFF; margin:0 0 0 auto; padding:50px; background:rgba(0,110,190,0.8); border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
#consulta .contacto-texto * { color:#FFF; text-align:left; }
#consulta .contacto-texto h3 { font-weight:normal; font-size:2em; margin:0; }
#consulta .contacto-texto ul { list-style:none; margin:0; padding:0; }
#consulta .contacto-texto ul:after { clear:both; display:table; content:''; }
#consulta .contacto-texto li { float:left; width:50%; }
#consulta .contacto-texto li:last-child { text-align:right; }
#consulta .contacto-texto i { width:32px; height:32px; line-height:30px; text-align:center; border:1px solid #FFF; border-radius:100%; }
#consulta .contacto-texto a { color:#FFF; text-decoration:none; }
#consulta .contacto-texto a:hover { text-decoration:underline; }

#page .section_content { color:#666; padding-bottom:60px; }
#page .section_content h1 { font-size: 1.875em; color: #006EBE; text-align: center; }
#page .section_content h2, #page .section_content h3, #page .section_content h4, #page .section_content h5, #page .section_content ol, #page .section_contente ul, #page .section_content li, #page .section_content p { margin-top:1em; margin-bottom:1em; }
#page .section_content ol, #page .section_content ul { margin-left:25px; padding:0; }
#page .section_content p { font-size:inherit; line-height:inherit; }
#page .section_content p, #page .section_content li { text-align: justify; }
.lower-roman { list-style:lower-roman; }
.lower-alpha { list-style:lower-alpha; }


/* ROJO */

.btn-white { color:#F03 !important; }
.btn-white:hover { color:#FFF !important; }


.navbar-brand.logo-white img, .navbar-brand img { width:200px; height:auto !important; }
.navbar.bg-transparent.top-nav-collapse .navbar-nav>li.fono>a { color:#F03; }  

#upselling #hero9:before  { background:#F03; }
#upselling .hero-leadbox .form-horizontal .btn.btn-red { border-color:#F03; background-color:#F03; }

#upselling #myverisure { background:#F03; }
#myverisure-carousel .carousel-indicators.inverse .active { background-color:#F03; border-color:#F03; }

#upselling #productos:before, #upselling .panel-heading h4 { background:#EFEFEF; }
#upselling .panel { border-color:#F03; } 
#upselling .panel-heading h4 { color:#F03; }

#upselling #testimonios { background:#EFEFEF !important; }
#upselling #testimonios blockquote p:before { background-image:url('../images/testimonios-open-quote-red.png'); }
#upselling #testimonios blockquote p:after { background-image:url('../images/testimonios-close-quote-red.png'); }
#upselling #testimonios blockquote, #upselling #testimonios figure { border-color:#F03; }

#listo a { background:#F03; border-color:#F03; }
#listo a:hover { color:#F03; }

/* Gracias */
#consulta .contacto-texto { background:rgba(255,0,51,0.8); }
/* Política de privacidad */
#page .section_content h1 { color:#F03; }

.footer.bg-blue { background:#636466; }

@media (min-width: 1170px){
  #gracias #contacto { background-position:center 20%; }
}

@media only screen and (max-width: 991px){
  #gracias .container>.navbar-header { text-align:center; }
  #gracias .navbar-toggle { display:none !important; }
  #gracias .navbar-brand { float:none; display:inline-block; margin:0 auto; }
  #gracias .navbar.bg-transparent { background-color:transparent; }
  #gracias .navbar.bg-transparent .logo-white { display:inline-block; }
  #gracias .navbar.bg-transparent .logo-black { display:none; }
}

@media only screen and (max-width :768px) {
  .navbar-brand img { width:175px; }

  #upselling #hero9:before { height:60%; }
  #upselling #hero9 h1 { margin:0 0 30px; }
  #upselling .intro-productos { width:60%; margin-bottom:15px; }
  #upselling .hero-leadbox .form-horizontal .form-group.text-right { text-align:center !important; }

  #upselling #productos:before { height:72.5%; }
  #upselling #productos { padding-top:60px !important; padding-bottom:20px !important; }
  #upselling #productos img { width:100%; }
  #upselling .panel { margin-bottom:40px; }
  #upselling .panel-content { text-align:center; }

  #upselling #testimonios blockquote { margin:36px 0 0 0; padding:51px 30px 30px; }
  #upselling #testimonios figure { left:50%; margin:-36px 0 0 -36px; }

  #upselling #listo { padding-top:60px !important; padding-bottom:80px !important; }
  #upselling #listo p.nota { bottom:0; line-height:1; padding:0 10%; }
}

@media only screen and (max-width :480px) {
  #upselling h1 { font-size:32px; line-height:1.1; }
  #upselling .hero-leadbox .form-horizontal .btn.btn-red { width:100%; }
  #upselling #productos .section-header { margin-bottom:30px; }
  #upselling #productos img { margin-bottom:30px; }
  #upselling .panel-content { padding:10px 20px 20px; }
  #upselling #testimonios blockquote { padding:51px 20px 30px; }

  #consulta { min-height:0; }
  #consulta .contacto-texto { width:100%; padding:30px; }
  #consulta .contacto-texto h3 { font-size:1.6em; line-height:1; }
  #consulta .contacto-texto li { float:none; display:block; width:100%; text-align:left !important; margin-bottom:5px; }
  #consulta .contacto-texto i { width:24px; height:24px; font-size:12px; line-height:22px; }
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, strong, b, .lead strong, .lead b, 
h1 span, h2 span, h3 span, h4 span, .titulo, .form-control { font-family:'Fira Sans' !important; }
h1 strong, h2 strong, h3 strong, h4 strong, .titulo strong { font-family:'Fira Sans' !important; }
#upselling { font-family:'Fira Sans'; font-weight:300; }
.navbar-nav>li>a, #upselling #testimonios h2 { font-weight:500; font-family:'Fira Sans'!important; }
#upselling .panel-heading h4 { font-weight:700; }
.btn-sm { padding:8px 12px !important; }
#listo a { padding:5px 20px; }


/* 20230518 - GALERIA */
.fancybox-container { z-index:999992; }
.galeria { padding-top:2rem; padding-bottom:2rem; }
.galeria .slider figure { position:relative; width:100%; height:0; padding-bottom:66.67%; overflow:hidden; }
.galeria .slider figure img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; }
.galeria .slider-for figure { background:#F6F6F6; }
.galeria .slider-for figure.horizontal img { object-fit:cover; }
.galeria .slider-for figure.vertical img { object-fit:contain; }
.galeria .slider-nav .slick-slide { margin:0 4px; }
.galeria .slider-nav img { height:100px; opacity:.5; }
.galeria .slider-nav img:hover { opacity:.75; }
.galeria .slider-nav img.slick-center { opacity:1; }
@media only screen and (max-width :767.98px) {
  .galeria .slider-nav img { height:80px; }
}
@media only screen and (max-width :575.98px) {
  .galeria .slider-nav img { height:60px; }
}