/*
  Project name:Seguro
  Project URI:http://*.cuc.com/
  Description:Custom styles for project
  Author:Jaxo Natarajan
  Version:1.0
*/

/* ==========================================================================
   Global configuration
    # Fonts
      - Dosis
      - Sans serif
    # Font size
      - 14px inherited from bootstrap
    # Colors
      - #4a4a49
      - #009fe3
      - #6ecff6

    ========================================================================== */



/* ==========================================================================
   Global Styles
   ========================================================================== */

html, body { position:relative;min-height:100%;font-family:'Dosis', sans-serif;font-size:18px;}
body { overflow-x:hidden;color:#4a4a49;}
a { }
a:hover, a:focus { text-decoration:none;color:#fff;}
h1, h2, h3{font-weight:bold;}
p { margin:0 0 30px;}
.wrapper{
  background-color:#ececec;overflow:hidden;}
.main { padding-top:10px;}
.validateError{
color:#FF0000;}
.container-inner{
  box-shadow:0px 4px 5px #dfdfdf,
        -5px 5px 8px #dfdfdf, 5px 4px 8px #dfdfdf;background-color:#fff;}
.container-fluid{
  background-color:#fff;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none;margin:0;}
input[type=number] { -moz-appearance:textfield;}
/* ==========================================================================
   header
   ========================================================================== */

header .list-inline li a{
  color:#4a4a49;font-size:16px;font-weight:600;}
.reg-area{
  background-color:#009fe3;padding:7px 0;}
.reg-area-inner{
  margin-left:60px;}
.reg-area span{
  color:#fff;font-size:22px;line-height:40px;border-bottom:dotted 1px #fff;font-weight:bold;vertical-align:middle;}
.social-networks{
  margin-top:25px;}
.blueline{
  background:transparent url("/bca/LT_SEGURO/images/ruler.png") no-repeat scroll center center;height:1px;}
.register-text{
  font-size:16px;}
.register-button{
  color:#fff;background-color:#009fe3;padding:5px 20px;font-weight:bold;margin-top:5px;font-size:16px;display:inline-block;}
/* ==========================================================================
   Navigation
   ========================================================================== */

.navbar{
  border:0;}
.navbar-nav{
  width:100%;}
.navbar-default{
  background-color:transparent;}
.navbar-default .navbar-nav>li>a{
  color:#bcbdc0;padding-left:0;padding-right:0;}
.navbar-default .navbar-nav>li>a span{
  vertical-align:middle;font-size:26px;}
#sidebar .nav-tabs>li>a:hover, #sidebar .nav-tabs>li>a:focus{
  background-color:#fff;}
.navbar-nav>li>a:hover span.lightgrey, .navbar-nav>li>a:focus span.lightgrey{
  color:#bcbdc0;}
.moviles-active, .tarjetas-active, .llaves-active, .posesiones-active{
    position:relative;top:5px;display:inline-block;padding-left:20px;margin-left:-25px;padding-right:20px;border-radius:5px;height:32px;font-weight:500;}
.navbar{
  margin-top:20px;}
/* ==========================================================================
   icons
   ========================================================================== */

.s-icons { background:url("/bca/LT_SEGURO/images/seguro-icons.png") no-repeat transparent;width:40px;height:40px;display:inline-block;}
.icon-whitetick{
  background-position:-300px 0 !important;width:30px;}
.icon-bluetelephone{
  background-position:-400px 0 !important;width:22px;}
.icon-blog{
  background-position:0 0 !important;width:37px;height:37px;}
.icon-twitter{
  background-position:-100px 0 !important;width:37px;height:37px;}
.icon-googleplus{
  background-position:-200px 0 !important;width:37px;height:37px;}
.icon-pinterest{
  background-position:-100px -400px !important;width:37px;height:37px;}
.icon-email{
  background-position:-200px -400px !important;height:25px;width:25px;}
.icon-letter{
  background-position:-300px -400px !important;height:25px;width:25px;}
.icon-eye{
  background-position:-500px 0 !important;height:35px;width:35px;}
.icon-forward_arrow{
  background-position:0 -200px !important;height:28px;width:15px;}
.icon-paper{
  background-position:0 -100px !important;width:32px;}
.icon-envelope{
  background-position:-100px -100px !important;}
.icon-double_arrow{
  background-position:-300px -200px !important;}
.icon-mismoviles{
  width:55px;height:55px;background-position:-200px -100px !important;position:relative;z-index:999999;}
.icon-mistarjetas{
  width:55px;height:55px;background-position:-300px -100px !important;position:relative;z-index:999999;}
.icon-misllaves{
  width:55px;height:55px;background-position:-400px -100px !important;position:relative;z-index:999999;}
.icon-misposesiones{
  width:55px;height:55px;background-position:-500px -100px !important;position:relative;z-index:999999;}
.icon-smallphone{
  width:25px;height:30px;background-position:-300px -300px !important;}
.icon-smallcard{
  width:25px;height:30px;background-position:-400px -300px !important;}
.icon-smallkeys{
  width:25px;height:30px;background-position:-500px -300px !important;}
.icon-smallbag{
  width:25px;height:30px;background-position:0 -400px !important;}
.s-icons-large { background:url("/bca/LT_SEGURO/images/seguro-icons-large.png") no-repeat transparent;width:109px;height:113px;display:inline-block;}
.icon-keys{
  width:40px;height:20px;background-position:-200px -300px !important;}
.icon-largephone{

}
.icon-largecard{
  background-position:-150px 0 !important;width:135px;height:95px;}
.icon-largekeys{
   background-position:-300px 0 !important;width:150px;height:115px;}
.icon-largesuitcase{
  background-position:-450px 0 !important;width:125px;height:88px;}
/* ==========================================================================
   Content Area
   ========================================================================== */

.content{
  margin-top:20px;}
/* ==========================================================================
   Slider
   ========================================================================== */

   .carousel-prev,.carousel-next{
    background:url("/bca/LT_SEGURO/images/seguro-icons.png") no-repeat transparent;width:8px;height:23px;display:inline-block;margin-top:-10px;position:absolute;top:50%;z-index:5;}
.carousel-prev{
    background-position:-100px -200px !important;left:50%;margin-left:-15px;}
.carousel-next{
    background-position:-200px -200px !important;right:50%;margin-right:-15px;}
.slider1, .slider2, .slider3, .slider4{
    height:276px;width:100%;}
.left.carousel-control, .right.carousel-control{filter:none;}
.carousel-indicators{
    bottom:-5px;}
.carousel-indicators li{
    background-color:#c6e0eb;margin:2px;width:10px;height:10px;border:0px;}
.carousel-indicators .active{
    width:10px;height:10px;margin:2px;background-color:#009fe3;}
.slider1{
    background:transparent url(/bca/LT_SEGURO/images/slider1.png) no-repeat scroll right top;}
.slider2{
    background:transparent url(/bca/LT_SEGURO/images/slider2.png) no-repeat scroll right top;}
.slider3{
    background:transparent url(/bca/LT_SEGURO/images/slider3.png) no-repeat scroll right top;}
.slider4{
    background:transparent url(/bca/LT_SEGURO/images/slider4.png) no-repeat scroll right top;}
.slider-title{
    font-size:26px;font-weight:bold;margin-top:60px;margin-left:60px;}
.slider-text{
    margin-left:60px;font-size:18px;padding-right:20px;margin-top:10px;}
/* ==========================================================================
   Content
   ========================================================================== */

   .bluebg{
    background-color:#dcebf2;}
.content-title{
      margin:30px;}
.content-benefit{
      border:2px solid #7dc9c6;height:151px;margin-bottom:30px;padding:0px 20px 20px 20px;background:#fff url(/bca/LT_SEGURO/images/greenbg-phone.png) no-repeat scroll right top;}
.content-benefit__card{
      border:2px solid #6ecff6;background-image:url(/bca/LT_SEGURO/images/bluebg-card.png);}
.content-benefit__keys{
      border:2px solid #fac864;background-image:url(/bca/LT_SEGURO/images/yellowbg-keys.png);}
.content-benefit__bag{
      border:2px solid #f38587;background-image:url(/bca/LT_SEGURO/images/pinkbg-bag.png);}
.content-benefit-title{
      font-weight:500;}
.content-benefit-text{
      color:#4a4a49;font-size:18px;width:45%;}
h1.largetext{
    font-size:60px;}
h1.largetext span{
    vertical-align:middle;}
.page-content{
    margin:10px 45px;font-weight:500;color:#4a4a49;}
.page-content h2{
    font-size:24px;line-height:28px;}
.page-content h3{font-size:20px;}
.page-content a:focus,
   .page-content a:hover,
   .page-content a:active{
    text-decoration:none;color:#009fe3;}
.page-content a.darkblue:hover,
   .page-content a.darkblue:focus,
   .page-content a.darkblue:active{
    color:#009fe3;}
.page-content a.yellow:hover,
   .page-content a.yellow:focus,
   .page-content a.yellow:active{
    color:#fac864;}
.page-content a.pink:hover,
   .page-content a.pink:focus,
   .page-content a.pink:active{
    color:#f38587;}
.page-content a.darkgreen:focus,
   .page-content a.darkgreen:hover,
   .page-content a.darkgreen:active{
    color:#59968E;}
.benefit-area, .benefit-area__card, .benefit-area__keys, .benefit-area__bag{
      border-color:#7dc9c6;border-width:5px 2px 2px 2px;border-style:solid;max-height:229px;margin-bottom:30px;padding:0px 20px 20px 20px;background:#fff url(/bca/LT_SEGURO/images/greenbg-largephone.jpg) no-repeat scroll right top;}
.benefit-area__card{
      border-color:#6ecff6;max-height:284px;background:#fff url(/bca/LT_SEGURO/images/bluebg-largecard.jpg) no-repeat scroll right top;}
.benefit-area__keys{
      border-color:#fac864;max-height:268px;background:#fff url(/bca/LT_SEGURO/images/yellowbg-largekeys.jpg) no-repeat scroll right top;}
.benefit-area__bag{
      border-color:#f38587;max-height:241px;background:#fff url(/bca/LT_SEGURO/images/pinkbg-largebag.jpg) no-repeat scroll right top;}
h2.benefit-area-title{
      font-weight:500;font-size:30px;margin-top:10px;}
.benefit-area-text{
      font-size:16px;width:80%;}
/* ==========================================================================
   Forms
   ========================================================================== */

.transition-enabled { -webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;}
/* ==========================================================================
   Footer
   ========================================================================== */
.container-footer{
  background:#009fe3 url(/bca/LT_SEGURO/images/tele-operator.png) no-repeat scroll right bottom;}
.container-footer-inner{
  padding:10px 20px 20px 35px;margin-left:10px;}
.container-footer-inner h2{
  padding-top:0;margin-top:10px;color:#fff;}
.container-footer-inner a{

}
footer, .footer { display:block;bottom:0;width:100%;font-size:14px;background-color:#ececec;}
footer a,
.footer a{
  color:#000;}
footer .text-muted,
.footer .text-muted { margin:20px 0;}
footer .list-inline li a,
.footer .list-inline li a{
  font-size:14px;font-weight:500;}
/* ==========================================================================
   Healer Classes
   ========================================================================== */

.block {display:block;}
.table {display:table;}
.table-cell {display:table-cell;}
.vmiddle {vertical-align:middle;}
.clr {clear:both;}
.full-width {width:100%;}
.relative {position:relative;}
.absolute {position:absolute;}
.boxsizing {box-sizing:border-box;}
.notext {text-indent:-9999px;}
.bold {font-weight:bold;}
.underline {text-decoration:underline;}
.strikethrough {text-decoration:line-through;}
.noborder {border:0 none !important;}
.noradius {border-radius:0 !important;}
.nomargin {margin:0 !important;}
.nopad {padding:0 !important;}
.margin5 {margin:5px !important;}
.pad5 {padding:5px !important;}
.margin10 {margin:10px !important;}
.pad10 {padding:10px !important;}
.margin15 {margin:15px !important;}
.pad15 {padding:15px !important;}
.margin20 {margin:20px !important;}
.pad20 {padding:20px !important;}
.margin0top {margin-top:0px !important;}
.margin0right {margin-right:0px !important;}
.margin0bottom {margin-bottom:0px !important;}
.margin0left {margin-left:0px !important;}
.margin5top {margin-top:5px !important;}
.margin5right {margin-right:5px !important;}
.margin5bottom {margin-bottom:5px !important;}
.margin5left {margin-left:5px !important;}
.margin10top {margin-top:10px !important;}
.margin10right {margin-right:10px !important;}
.margin10bottom {margin-bottom:10px !important;}
.margin10left {margin-left:10px !important;}
.margin15top {margin-top:15px !important;}
.margin15right {margin-right:15px !important;}
.margin15bottom {margin-bottom:15px !important;}
.margin15left {margin-left:15px !important;}
.margin20top {margin-top:20px !important;}
.margin20right {margin-right:20px !important;}
.margin20bottom {margin-bottom:20px !important;}
.margin20left {margin-left:20px !important;}
.margin35top{margin-top:35px !important;}
.margin35left{margin-left:35px !important;}
.pad0top {padding-top:0px !important;}
.pad0right {padding-right:0px !important;}
.pad0bottom {padding-bottom:0px !important;}
.pad0left {padding-left:0px !important;}
.pad5top {padding-top:5px !important;}
.pad5right {padding-right:5px !important;}
.pad5bottom {padding-bottom:5px !important;}
.pad5left {padding-left:5px !important;}
.pad10top {padding-top:10px !important;}
.pad10right {padding-right:10px !important;}
.pad10bottom {padding-bottom:10px !important;}
.pad10left {padding-left:10px !important;}
.pad15top {padding-top:15px !important;}
.pad15right {padding-right:15px !important;}
.pad15bottom {padding-bottom:15px !important;}
.pad15left {padding-left:15px !important;}
.pad20top {padding-top:20px !important;}
.pad20right {padding-right:20px !important;}
.pad20bottom {padding-bottom:20px !important;}
.pad20left {padding-left:20px !important;}
.pad45top {padding-top:45px !important;}
.pad45right {padding-right:45px !important;}
.pad45bottom {padding-bottom:45px !important;}
.pad45left {padding-left:45px !important;}
.xsmall-txt {font-size:10px;font-size:1rem;}
.small-txt {font-size:12px;font-size:1.2rem;}
.medium-txt {font-size:14px;font-size:1.4rem;}
.large-txt {font-size:16px;font-size:1.6rem;}
.xlarge-txt {font-size:18px;font-size:1.8rem;}
.xxlarge-txt {font-size:20px;font-size:2rem;}
.lineheight200 {line-height:200%;}
.white {color:#fff;}
.grey {color:#ccc;}
.dark {color:#333;}
.white-bg {background-color:#FFF;}
.grey-bg {background-color:#F1F1F1;}
.left{float:left;}
.nobg {background-image:none;}
.image-w-fit {background-size:100% auto;}
.image-h-fit {background-size:auto 100%;}
.vtop { vertical-align:top !important }
.strong{font-weight:700;}
.normal{font-weight:400;}
.medium{font-weight:500;}
.black{color:#000;}
.darkblue{color:#009fe3;}
.lightblue{color:#6ecff6;}
.dullblue{color:#dcebf2;}
.darkgrey{color:#4a4a49;}
.lightgrey{color:#bcbdc0;}
.lightgreen{color:#7dc9c6;}
.darkgreen{color:#59968E;}
.pink{color:#f38587;}
.yellow{color:#fac864;}
.underline{text-decoration:underline;}
.botborder-green{border-bottom:1px dotted #59968E;}
.botborder-yellow{border-bottom:1px dotted #fac864;}
.botborder-pink{border-bottom:1px dotted #f38587;}
/* ==========================================================================
   bootstrap overrides
   ========================================================================== */

.carousel-control{
  width:5%;background:none !important;}
.prev-arrow{

}
.next-arrow{

}
/* ==========================================================================
   Cookie Consent bar styles
    # Styles to modify as per project color scheme
      - .cookie-consent { background:#3071a9;}
- .cookie-consent__info { color:#fff;}
- .cookie-consent__accept-button { background:#fff;color:#000;}
========================================================================== */

.cookie-consent { display:none;background:#009fe3;padding:7px 5px;font-size:14px;}
.cookie-consent__info { margin:0 auto;color:#fff;}
.cookie-consent__info a, .cookie-consent__info a:hover, .cookie-consent__info a:active, .cookie-consent__info a:visited, .cookie-consent__info a:focus{
  color:#fff;text-decoration:unerline;}
.cookie-consent__accept-button { background:#fff;color:#009fe3;border:none;padding:5px 50px;margin:5px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;font-weight:600;font-size:16px;}
.cookie-consent__accept-button:hover { background:#d3d3d3;}
.errorMsg{color:red;}
.cookie-privacy{
  border:2px solid #000;margin:20px 0;}
.cookie-privacy th,td{
    padding:10px;border:1px solid #000;}
.cookie-privacy td{
  line-height:1.5em;}
.text-right { text-align:right;}
.privacy-heading{
    padding:10px 0;}