html, body{
    height:100%;
}

.at-navigation > ul > li{
    margin-right: 15px
}

.at-navigation > ul > li > a{
    padding: 0 0px 27px;
}

.at-textcontent{
    padding-top:45px;
    padding-bottom:45px;
}

.at-textcontent .at-description{
    padding-bottom: 0px;
}

.at-logo a img{
    width: 161px;
    position: absolute;
    top: 14px;
}

.at-logo.logo-footer a img{
    width: 120px;
    top: 14px;
    margin-left: 10px;
    margin-top: -8px;
}

.at-navigationarea.activetes{
    background-color: white!important;
}

footer .at-logo a img{
    position: relative;
}

.g-recaptcha{
    margin-bottom: 10px;
    clear: both;
}

.at-aboutus{
    padding: 96px 6px 40px!important;
    border-top:0px!important;
}

.at-header {
    margin-bottom: 6px;
}

.at-infoemail{
    left: -109px;
}

.at-history{
    width: 100%;
}

.at-history li{
    width: 100%;
}

.at-sectionhead{
    padding-bottom: 0px;
}

.lh-13{
    line-height: 1.3!important;
}

.at-parallexhelping{
    padding: 30px 0 210px;
}

.pb-35{
    padding-bottom: 35px;
}

.at-ourprocess li:nth-child(odd){
    position: relative;
    /*background: #f5f5f5;*/
}

.at-ourprocess li:nth-child(even){
    background: transparent;
}

.at-parallexservices .at-sectionhead{
    padding-bottom: 0px;
}

.at-before:before {
    left: -70px;
    content: '';
    /*width: 170px;*/
    height: 50%;
    position: absolute;
    background: #f4f4f4;
}

.at-featuresarea:before {
    background: transparent;
}

.center-vertically{
    /*display: flex;*/
    align-items: center;
}

.pd-0{
    padding:0px;
}

.at-widgetusefullinks .at-widgetcontent ul li{
    width: 49%;
}

.at-parallexservices{
    background: #353535;
}

.at-requestacallback .at-textcontent .at-description p + p{
    margin: 5px 0 0;
}

.at-serviceimg figcaption h2{
    line-height: 32px;
}

.at-servicesvone .at-service:hover figcaption h2{
    display: none;
}

.at-services{
    padding-bottom: 10px;
}

.at-serviceimg{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 324px;
}

.at-featuresarea {
    padding: 100px 50px 100px 50px!important;
}

.at-features{
    margin-right: 0px;
}

.at-featuresslider .at-slidernav{
    right: 0%;
    margin-bottom: 5px;
}

.at-slidernav [class*='at-']{
    color: #fff;
    background: #000;
    border-color: #000;
}

.at-featuresarea .at-sectiontitleborder:before {
    background: #333;
}
.boximg{
    max-height: 572px!important;
    height: 100%;
}
.at-imgholder{
    /*height: 450px; */
    /*background-size:cover; */
    background-size: 100% 100%, cover;
    background-repeat: no-repeat;
}

.at-locationmap{
    height: 350px;
}

.at-widgetcontent ul li{
    padding:8px 0px;
}

.title-logo.title-logo-1 {
    margin: 0px 0px 3px 0px;
}

.title-logo.title-logo-2 {
    margin: -5px 0px 2px 0px;
}

.title-logo {
    font-size: 9px;
}

.logo-bgp {
    /*float: left;*/
    /*width: 100%;*/
    max-width: 150px;
}

.logo-adminseg {
    /*float: right;*/
    /*margin-top: 5px;*/
    width: 100%;
    max-width: 150px;
}

.logo-bgp img, .logo-adminseg img {
    width: 100%;
}

.logo-adminseg.mw135 img{
    max-width: 135px!important
}

/*.logo-mdabroad, .logo-arch {
    width: 100%;
    max-width: 150px;
    float: left;
}*/

/*.logo-arch {
    margin-top: 25px;
    margin-left: 15px;
    margin-right:0px;
    float: right;
}*/

.at-fcolumn + .at-fcolumn{
    padding: 30px 0 30px 5%;
}

/*.logo-mdabroad {
    margin-top: 30px;
}*/

/*.at-widgetusefullinks .at-widgetcontent ul li:nth-last-child(2){
    width: 50%;
}*/

/*modal*/

.modal-title{
    float: left;
    text-transform: inherit;
}

.login-modal .form-group {
    display: flex;
    align-items: center;
}

.login-modal .form-group .form-control{
    height: 35px;
}

.login-modal .form-group label{
    margin-bottom: 0px;
}

.mb0{
    margin-bottom: 0px!important;
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

.color-bgi{
    color: #5284c4;
}

.ul-description{
    margin-left: 18px;
}

.items-bkp-container .at-feature .at-featureicon:before,
.items-bkp-container .at-feature:hover .at-featureicon:before{
    background: transparent;
}

.items-bkp-container .at-featureicon{
    margin: 0 0 0px;
    padding: 0 0 0px;
}

.items-bkp-container .items-bkp{
    padding:0px;
}

.items-bkp-container .items-bkp .at-feature{
    margin:0px;
    background: #5284c4;
    color: white;

    -webkit-box-shadow: 0 0 1px 0 rgb(255, 255, 255);
    box-shadow: 0 0 1px 0 rgb(255, 255, 255);

    height: 165px;
    padding: 15px;
}

.items-bkp-container .items-bkp .at-feature .at-title h3{
    color: white;
    font-size: 15px;
    line-height: 20px;
}

.backup-icon{
    margin-bottom: 30px;
    height: 329px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.backup-icon img{
    margin-left: -30px;
    display: block;
}

.at-title{
    padding:0px;
    margin-top: 20px;
}

.at-postsvtwo .at-post{
    overflow: hidden!important;
}


.at-postsvtwo .at-posttitle{
    position: absolute;
    bottom: 0px;
    z-index: 999;
    left: 20px;
}

.abtn{
    background-color:;
}

.at-postsvtwo .at-posttitle{
    padding: 0 37px 25px 0px!important;
}

.at-ourprocess li.item-style{
    width: 100%;
    float: left;
    background: #fff;
    padding: 100px 0px 100px 0px;
    line-height: inherit;
    list-style-type: none;
}

.at-ourprocess li.item-style:nth-child(odd) {
    background: transparent;
}

.at-ourprocess li{
    padding:0px;
}

.at-ourprocess .ul-description li:nth-child(even):before,
.at-ourprocess .ul-description li:nth-child(even):after{
    background: transparent!important;
}

.ul-description li{
    list-style: disc outside none!important;
}

.sub-menu-1{
    width: 230px!important;
    max-width: 230px!important;
}

.at-postimg{
    /*width: 481px;*/
    width: 100%;
    height: 397px;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mt10{
    margin-top: 20px;
}

.at-postsvtwo .at-postcontent{
    background: rgba(44, 103, 244, 0.60);
}

.at-posttitle h2 a,
.at-postsvtwo .at-post .at-postcategory .at-posttag{
    color: white!important;
}

.at-posttag{
    color: white;
    float: left;
    margin: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    padding: 3px 26px;
    text-transform: capitalize;
    border: 1px solid #e4e4e4;
    position: absolute;
    left: 20px;
    top: 17px;
    z-index: 9;
}

.at-posttag:hover{
    color: white;
}

.at-postsvtwo .at-posttitle:before{
    background-color: white;
}

.at-innerbanner{
    background-size: cover;
}

.sidebar-padding{
    padding-top: 100px;
}

.group-pd-7{
    padding: 0px 7px;
}

.row-7{
    margin-left: -7px;
    margin-right: -7px;
}

.radio, .checkbox {
    margin-top: 0px!important;
    display: flex!important;
    align-items: center!important;
}

input[type="radio"], input[type="checkbox"] {
    margin-top: -1px!important;
}

label.checkbox{
    font-weight: normal!important;
}

.panel-group .panel{
    border:0px;
}

.panel-group .panel-heading{     background-color: #5284c4;     border-color:
#5284c4;     border-radius: 0px; }

.panel-group .panel-default>.panel-heading+.panel-collapse>.panel-body{
    border-top:0px;
}

.panel-group .panel-heading .panel-title a label{
    margin-bottom: 0px;
}

.panel-group .panel-heading .panel-title a,
.panel-group .panel-heading .panel-title a label,
.panel-group .panel-heading .panel-title a:hover{
    color: white;
    display: flex;
    align-items: center;
}

.panel-group .panel-heading .panel-title a input{
    margin-right: 6px;
}

.panel-collapse{
    border:1px solid #ddd;
}

@media (max-width: 1366px){
    .at-postsvtwo .at-post {
        height: 300px!important;
    }

    .sub-menu {
        min-width: 200px;
    }
}

/*.cbox-head input {
  position: absolute;
  opacity: 0;
}*/
/*.cbox-head input + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.cbox-head input + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.cbox-head input:hover + label:before {
  background: #f35429;
}
.cbox-head input:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.cbox-head input:checked + label:before {
  background: #f35429;
}
.cbox-head input:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.cbox-head input:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.cbox-head input:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}*/


.modal{
 max-height:100%;
 overflow:hidden;
 overflow-y: auto!important;
}

input[type="submit"]{
  width: 100%;
  margin-top: 50px;
}
.modal-close{
  position: absolute;
  top:10px;
  right:10px;
  padding:0;
  margin:0;
}

.img-about{
    width: 100%;
    max-width: 593px;
    max-height: 400px;
    height: 100%
}


/* ORGANIZAR CSS */
.head-logo{
    background-image: url('../../images/logos/bgi-h.svg')!important;
    box-shadow: 0px 0px 0px 0px;
    width: 150px;
    background-repeat: no-repeat!important;
}

.activetes .head-logo{
    position: absolute;
    left: 20px;
    height: 50px;
    top: 5px;
}

/* ORGANIZAR CSS */
.mi{
    float: right!important;
}

.let{
    font-size: 16px;
}

.contact_us .info-column .contact-info {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.contact_us .info-column .contact-info li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255,255,255,0.95);
    word-spacing: 1px;
    font-family: 'Hind', sans-serif;
}
.colp{
    padding-left: 0px;
    padding-right: 0px;
}

.circle {
  line-height: 200px;
  border-radius: 50%; /* the magic */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 auto 40px;
}
.blvol{
    background-color: #b964ff;
    float: left;
    width: 300px;
    height: 300px;
}
.blgreed{
    background-color: #b9d892;
    float: left;
    width: 300px;
    height: 300px;
}
.black{
  background-color: #212121;
  float: left;
  width: 300px;
  height: 300px;
}
.blcel{
    background-color:#31afd7;
    float: left;
    width: 300px;
    height: 300px;
}
.blcol{
    background-color: #99b2e5;
    float: right;
    width: 200px;
    height: 200px;
    position: absolute;
    margin-top: 140px;
    margin-left: 235px;
    opacity: 0.8;
}
.cirh3{
    color: white;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}
.at-esp{
    margin-top: 50px;
}
.at-td{
    text-align: left;
    width: 800px;
    height: 40px;
    border: 0px solid white;
}
.at-tdmin{
    text-align: right;
    border: 0px solid white;
}

ul.leaders {
    max-width: 100%;
    padding: 0;
    /*overflow-x: hidden;*/
    list-style: none
}
ul.leaders li:after {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white
}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white;
    position: relative;
    z-index: 1
}
ul.leader2 {
    max-width: 100%;
    padding: 0;
    /*overflow-x: hidden;*/
    list-style: none
}
ul.leader2 li:after {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . "
 ". . . . . "
 ". . . . . "
 ". . . . . "
}
ul.leader2 span:first-child {
    padding-right: 0.33em;
    background: white
}
ul.leader2 span + span {
    float: right;
    padding-left: 0.33em;
    background: white;
    position: relative;
    z-index: 1
}
ul.leader3 {
    max-width: 100%;
    padding: 0;
    /*overflow-x: hidden;*/
    list-style: none
}
ul.leader3 li:after {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . "
}
ul.leader3 span:first-child {
    padding-right: 0.33em;
    background: white
}
ul.leader3 span + span {
    float: right;
    padding-left: 0.33em;
    background: white;
    position: relative;
    z-index: 1
}
ul.leaders4 {
    max-width: 100%;
    padding: 0;
    /*overflow-x: hidden;*/
    list-style: none
}
ul.leaders4 li:after {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
}
ul.leaders4 span:first-child {
    padding-right: 0.33em;
    background: white
}
ul.leaders4 span + span {
    float: right;
    padding-left: 0.33em;
    background: white;
    position: relative;
    z-index: 1
}
ul.leaderbox {
    max-width: 50%;
    width: 100%;
    padding: 0;
    /*overflow-x: hidden;*/
    list-style: none
}
ul.leaderbox li:after {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 " . . . . "
 " . . . . "
 " . . . . "
 " . . . . "
}
ul.leaderbox span:first-child {
    padding-right: 0.33em;
    background: white
}
ul.leaderbox span + span {
    float: left;
    padding-left: 0.33em;
    background: white;
    position: relative;
    z-index: 1
}
.title-col-black ,.title-col-diamond, .title-col-plati, .title-col-elite{
    /*background:#a8adaf!important;*/
    border-radius: 25px;
    text-align: center;
}
/* COLORES DE BOTONES INICIO*/
.hcolor{
    /*background:#a8adaf!important;*/
    border-radius: 25px;
    text-align: center;
}
.hcolor:hover{
    background:#99b2e5!important;
}
.hcolorv{
    background:#a8adaf!important;
    border-radius: 25px;
    text-align: center;
}
.hcolorv:hover{
    background:#b964ff!important;;
}
.col-gren{
    background-color: #52addb!important;
    border-radius: 25px;
    text-align: center;
}
.hcolorg{
    /*background:#a8adaf!important;*/
    border-radius: 25px;
    text-align: center;
}
.hcolorg:hover{
    background:#b9d892!important;
}
.hcolorcel{
    background:#a8adaf!important;
    border-radius: 25px;
    text-align: center;
}
.hcolorcel:Hover{
    background:#31afd7!important;
}
.h1color{
    background:#2f5597!important;
    border-radius: 25px;
    text-align: center;
    max-width: 600px;
    width: 100%;
    margin-bottom: 35px;
}
.m400{
    width: 100%;
    max-width: 400px;
}
.m150{
    width: 100%;
    max-width: 200px;
    display: table;
    margin: 0 auto;
    margin-bottom: 15px;
}
.mbo{
    margin-bottom: 60px;
}
.cwhite{
    color: white;
}
.abtn{
    width: 100%;
    border-radius: 25px;
    max-width: 350px;
    border:2px solid #0f214e!important;
    margin-bottom: 10px;
    min-height: 44px;
}
.abtn:hover{
    background-color: transparent!important;
    border:2px solid #0f214e!important;
    color: #0f214e!important;
}
.abtnc{
    width: 100%;
    border-radius: 25px;
    max-width: 200px;
}
.at-aboutsection .at-whatwedoslider{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
/* COLORES DE BOTONES FIN*/
.htop{
    margin-top: 8px;
}
.mleft{
    text-align: left!important;
}
.pleft{
    padding-left: 2px;
    padding-right: 2px;
}
.htextw{
    color:white!important;
}
.cocel{
    color: #30c8d8;
}
.colne{
    color: black;
    font-weight: bold;
}
.est{
    padding-left: 20px;
}
.loslogos{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.logo-mdabroad{
    margin: 0px 10px;
}
@media (max-width:1158px){
    .logo-bgp ,.logo-mdabroad,.logo-adminseg ,.logo-arch{
        max-width: 120px!important;
    }
    .mtop{
        margin-top: 25px;
    }
/*    .carousel-caption{
        width: 100%!important;
        position: relative!important;
        left: 0px!important;
        float: left!important;
        margin: 0 auto!important;
    }*/
}
@media (max-width:991px){
    .at-widgetusefullinks .at-widgetcontent ul li {
        width: 100%!important;
        text-align: center!important;
    }
    .at-parallexhelping {
        margin-top: 0px!important;
    }
    .logo-bgp ,.logo-mdabroad,.logo-adminseg ,.logo-arch{
        max-width: 250px!important;
    }
    .at-fwidgettitle , .at-widgetcontent{
        text-align: center!important;
    }
    .at-fcolumn{
        width: 100%;
    }
    .logo-bgp ,.logo-mdabroad,.logo-adminseg ,.logo-arch{
        float: initial!important;
        max-width: 200px!important;
    }
    .loslogos{
        max-width: 200px;
        float: initial!important;
        display: table;
        margin: 0 auto;
    }
    footer .at-logo{
        display: table!important;
        margin: 0 auto!important;
        float: initial!important;
    }
}
@media (max-width: 768px){
    .carousel-caption {
        width: 100%!important;
        position: relative!important;
        left: 0px!important;
        float: left!important;
        margin: 0 auto!important;
    }
    .at-img02{
        height: 800px!important;
        background-size: contain!important;
    }
}
.pbot{
    margin-bottom: 0px;
}
.at-img-server{
    position: absolute;
   top: 50%;
   left: 50%;
   width: 500px;
   height: 500px;
   margin-top: -250px;
   margin-left: -250px;
}
.at-server-left{
    z-index: 1;
    width: 400px;
}
.at-server{
    width: 100%;
    float: left;
}
.at-textcontent-right{
    float: right;
    width: 400px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    padding: 29px 64px !important;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.10) !important;
    z-index: 1;
}
.at-description-right{
    padding-left: 12px;
    padding-right: 15px;
}
.at-textcontent-left {
    overflow: hidden;
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    padding: 29px 64px !important;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.10);
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.10) !important;
}
.plist{
    margin: 0px!important;
}
.tab-pane{
    max-height: 800px;
    height: 100%;
}
.height-server{
    max-height: 800px;
    height: 100%;
}
.at-servicetabs{
    max-height: 800px;
    height: 100%;
}
/*@media (min-width: 992px){
   .container {
        width: 970px;
    }
}*/
/* ORGANIZAR CSS Fin */


.text-justify{
    text-align: justify;
}

.at-homesliderarea,
.at-homeslider,
.owl-stage,
.at-homeslider .owl-item,
.at-homeslider .item{
    min-height: 850px;
}

.at-postsvtwo .at-post {
    width: 33.33%;
}

.carousel, .item, .active {
height:100%;
}
.carousel-inner {
height:100%;
}
.carousel {
/*margin-bottom: 60px;*/
/*margin-top: 6px;*/
}
.carousel-caption {
z-index: 10;
}
.carousel .item {
background-color: #777;
}
.carousel .carousel-inner .bg {
background-repeat:no-repeat;
background-size:cover;
}
.carousel .carousel-inner .bg1 {
background-position: center center;
}
.carousel .carousel-inner .bg2 {
background-position: center center;
}
.carousel .carousel-inner .bg3 {
background-position: center center;
}
.carousel .carousel-inner .bg4 {
background-position: center center;
}
.carousel .carousel-inner {
background-position: center center!important;
}
.carousel-caption{
    text-align: left;
    width: 540px;
    padding: 30px;
    background: rgba(0,0,0,0.3);
    margin-bottom: 120px;
    position: absolute;
    left: 58px;
}

.carousel-indicators li{
    background-color:#333;
    border-color:#333;
    height: 12px;
    width: 12px;
    margin:0px 6px;
}

.carousel-indicators li.active{
    background: #5092ce;
    border-color: #5092ce;
    height: 12px;
    width: 12px;
    margin:0px 6px;
}

.transition-timer-carousel .carousel-caption .carousel-caption-header {
    margin-top: 10px;
    font-size: 24px;
}

@media (min-width: 970px) {
    /* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
    .transition-timer-carousel .carousel-caption .carousel-caption-header {
        font-size: 36px;
    }
}
.transition-timer-carousel .carousel-indicators {
    bottom: 0px;
    margin-bottom: 25px;
}
.transition-timer-carousel .carousel-control {
    z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: #5284c4;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    -webkit-transition: width 9.70s linear;
    -moz-transition: width 9.70s linear;
    -o-transition: width 9.70s linear;
    transition: width 9.70s linear;
}

.list-horizontal{
    margin-left:0px;
    float: left;
}

.list-horizontal li{
    list-style-position: inside;
    margin: 0px 15px 0px 0px;
}

.title-h1{
    margin: 0px;
}

.coverage-title{
    margin:4px 0px 8px;
}

.height-420{
    height: 420px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.color-blue{
    color:#2f5597!important;
    margin-bottom:15px;
}

.col-gren .cwhite{
    margin:0px;
}

.at-title img{
    margin:22px 0px;
}

.at-displaytable .at-post .at-posttitle h2 a{
    color: white!important;
}

.at-post .at-posttitle h2 a{
    color: black!important;
}

.col-gren.m400{
    margin-bottom: 12px!important;
}

.table-general{
    height: 280px;
    position:relative;
}

.flex-center{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.plan-general{
    margin-top:30px;
}

.plan-item{
    margin-bottom: 20px;
}

.arrow{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-right: 6px solid #0f214e;
    border-top: 6px solid transparent;
    clear: both;
}

.arrow-1{
    right: 0;
    top: -2px;
    transform: rotate( -47deg );
}

.arrow-block{
    background-color:#0f214e;
}

.arrow-position-1{
    height:2px;
    max-width: 474px;
    margin:0 auto;
    float:none;
}

.arrow-position-2{
    height: 250px;
    width: 2px;
    float: right;
    padding: 0px;
    position: absolute;
    right: 139px;
    top: 30px;
}

.arrow-2{
    right: -2px;
    top: initial;
    transform: rotate( 44deg );
    bottom: 0;
}

.min-years{
    margin:0px;
    text-align: left;
}

.max-years{
    margin:0px;
    float:right;
    margin-top:-30px;
    margin-right:-55px;
    text-align: right;
}

.level-protect div{
    max-width: calc(100% - 206px);
    margin:0 auto;
    float:none;
    padding:0px;
}

.value-store{
    position:absolute;
}

.text-value-store{
    height: 250px;
    width: 33px;
    float: right;
    padding: 0px;
    position: absolute;
    right: 0;
    top: 0px;

}

.text-value-store p{
    margin-top: 25px;
    text-orientation:sideways;
    writing-mode: vertical-rl;
}
.pad-0  {
    padding: 55px!important;
}
@media(max-width: 992px){
    .value-store{
        top: 0px;
    }

    .plan-item{
        text-align: left!important;
        padding: 0px;
    }

    .level-protect div {
        max-width: calc(100% - 76px);
    }

    .arrow-position-2{
        right: 73px;
    }
}

@media(max-width: 860px){
    .level-protect div {
        max-width: calc(100% - 76px);
    }
    .at-servicetabs{
        max-height: 100%!important;
    }
    .tab-pane{
        max-height: 100%!important;
    }
    .at-servicetabsnav li:nth-child(4) {
        border-bottom: 1px solid #e7e7e7;
    }
}

@media(max-width: 640px){
    .plan-item h4{
        font-size: 16px;
    }

    .plan-general{
        padding:0px;
    }

    .flex-center{
        padding:0px;
    }

    .at-postimg {
        height: 300px;
    }
    .at-textcontent-right,.at-textcontent-left{
        width: 375px;
    }
}

#vmap {
    width: 100%;
    height: 470px;
    margin-top: 20px;
    background-color: #333;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.jqvmap-region {
    cursor: default !important;
}

.map-pin {
    width: 64px;
    height: 50px;
    position: absolute;
    top: -26px;
    left: -34px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: top center;
    color: #888;
    font-weight: 500;
    font-size: 14px;
}

.map-pin span {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    left: 0;
}

.red {
    /*background-image: url('../app-website/img/marker/circle-2.png');*/
    background-size: 13px;
}

/* Setup basic CSS for Label */
.jqvmap-pin {
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
    cursor: default;
}

.panel-body ul li{
    list-style-position: inside;
}

.padding-none,
.block-list {
    padding: 0px!important;
}

.in.collapse{
    display: block;
    height: auto!important;
}

@media (max-width: 767px){
    .container-cotiza{
        margin-top: 40px;
    }
    .at-aboutus {
        padding: 20px!important;
        height: 100%;
        background-image: url(/app-website/img/about/about-07.jpg);
        background-size: cover!important;
        background-position: center!important;
        background-repeat: no-repeat!important;
        padding-left: 0px!important;
        padding-right: 30px!important;
    }
    .at-aboutus .at-sectionimg {
        margin-bottom: 0px!important;
        /*position: absolute;*/
    }
    .at-aboutus .at-textcontent{
        width: 100%!important;
        margin:15px!important;
    }
    .imageabout{
        display: none;
    }
    .pan20{
        padding: 20px;
    }
}

@media(max-width: 560px){
    .pad-0 {
        padding: 20px!important;
    }
    .at-textcontent-right {
        margin-top: 75px;
    }
}

@media(max-width: 490px){
    .at-textcontent-right, .at-textcontent-left {
        width: 100%!important;
    }
    .pad-0{
        padding: 10px!important;
    }
    .at-textcontent-right ,.at-textcontent-left {
        margin-top: 50px;
        padding: 25px 10px!important;
    }
}

.header-table,
.header-table div,
.body-table div,
.footer-table,
.body-table-coverage{
    text-align:center;
    padding: 0px;
    color: #0f214e;
}

.footer-table{
    padding-top: 10px;
}

.body-table-coverage{
    width: 130px;
    margin: 0 auto;
    float: none;
}

.main-table{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px;
}

.box-coverage{
    padding:3px 10px;
    border:1px solid #0f214e;
    margin-bottom:10px;
}

.middle-arrow{
    height: 200px;
    background-color: #0f214e;
    width: 24px;
    float: left;
    position: relative;
}

.arrow-top{
    top: -15px;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-right: 30px solid #0f214e;
    border-top: 30px solid transparent;
    clear: both;
    transform: rotate( -135deg );
    right: -3px;
}

.arrow-text{
    position: relative;
    height: 200px;
    background: rgb(15,33,78);
    background: linear-gradient(180deg, rgba(15,33,78,1) 0%, rgba(32,49,90,1) 9%, rgba(32,49,90,1) 50%, rgba(32,49,90,0.5) 82%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow-text h3{
    color: white!important;
    font-size: 17px;
    width: 200px;
    transform: rotate( -90deg );
    margin: 0px;
    position: absolute;
    top: 58px;
    color:#0f214e;
}

.header-table h4,
.footer-table h4{
    color: #0f214e;
}

.after-separator{
    margin-left: -28px;
}

.after-separator:after{
    content: "";
    display: block;
    margin: 0 auto;
    width: 70%;
    padding-top: 200px;
    border-bottom: 1px solid #0f214e;
    margin-left: 85px;
}

@media(max-width: 992px){
    .main-table{
        padding-top: 0px;
    }

    .after-separator:after{
        margin: -45px auto 0;
        padding-top: 0px;
    }
}

/*+++++++++++++++++++++++++++++++++*/
.select-cot .form-control{
    height: 35px;
    padding: 0px 20px!important;
}
.select-cot label{
    color: #fff;
}
.at-planes{
    z-index: 2;
    color: #333;
    padding: 6px 15px;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    border: 1px solid #d6d6d6;
    text-transform: capitalize;
}
div#imagen {
    max-width: 315px;
    width: 100%;
    min-height: 260px;
    height: 100%;
    background-size: cover;
    margin: 30px auto;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

div#info {
/*  position:absolute;*/
    overflow:hidden;
    width: 100%;
    height: 260px;
    background-color: rgba(31, 31, 31, 0.9);
    opacity:0;
    transition: opacity 0.3s;
    border-radius: 10px;
}

div#imagen:hover div#info {
  opacity:1;
  display: flex;
  align-items: center;
}

p#headline {
  position: absolute;
  font-size: 1.5rem;
  margin-left: -75px;
  margin-top: 15px;
  transition: margin-left 0.3s;
}

div#imagen:hover p#headline {
  margin-left: 115px;
}

p#descripcion {
    margin: 25px 15px;
    font-size: 15px;
    font-weight: 100;
    line-height: 20px;
    color: #fff;
}

.center-box{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: inherit;
}
.circle-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.at-alt-plan{
    width: 100%!important;
    max-width: 360px!important;
    height: 100%!important;
    max-height: 500px!important;
}
blockquote h2{
    font-size: 20px!important;
    font-family: 'Rubik', Arial, Helvetica, sans-serif;
}
.at-testimonial blockquote.blockq{
    margin:0px!important;
}
.at-right{
    top: 29px;
    right: 15px;
    font-weight: 400;
    line-height: 26px;
    padding: 5px 30px;
    position: absolute;
}
.m-l-t,input[type="radio"], input[type="checkbox"]{
    margin-top: 8px!important;
    margin-right: 5px!important;
}
.at-testimonial.at-alt-plan .at-btn.at-btnb{
    padding: 8px 40px;
}

.breadcrumb{
    background-color: transparent;
}

.form-quote .font-size25 label{
    text-transform: initial!important;
    margin-bottom: 20px;
    line-height: 1.2;
}

.modal .input-group-addon{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.logo-bgp {
    /*float: left;*/
    /*width: 100%;*/
    max-width: 150px;
    margin-right: 5px;
}

.logo-adminseg {
    /*float: right;*/
    /*margin-top: 5px;*/
    width: 100%;
    max-width: 150px;
}

.at-sectionspace.bg-color-1{
    padding: 30px 0 40px!important;
}

.separate {
    border: 2px solid #399da5 !important;
}

.conditions .list-style-alpha{ list-style-type: lower-alpha; }
.conditions .list-style-decimal{ list-style-type: decimal; }
.conditions h4 { font-weight: bold; margin-top: calc(1.00 * 25px); font-size: calc(1.00 * 25px); }
.conditions h5 { font-weight: bold; margin-top: calc(0.75 * 25px); font-size: calc(0.80 * 25px); }
.conditions h6 { font-weight: bold; margin-top: calc(0.50 * 25px); font-size: calc(0.60 * 25px); }
.conditions dl { margin-left: 25px; }
.conditions table thead th { background: #009ca3; color: white; }
.conditions table tbody th { color: #009ca3; }

.flex{
    display: flex;
    align-items: center;
}

.plr0{
    padding-right: 0px;
    padding-left: 0px;
}

.pb10{
    padding-bottom: 10px;
}

.flex-direction-column{
    display: flex;
    flex-direction: column;
}

.logo_agency img{
    width: 90px;
    margin-bottom: 10px;
}

.fs16{
    font-size: 16px;
}

.fs21{
    font-size: 21px;
}