body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizelegibility;
    color: #888888;
}

.row {
  max-width: 70.625rem; 
}

.body-header {
    height: 7rem;
}

.body-header a img {
    margin: 1rem;
}

.upper-right-button {
    margin-top: 1rem;
}

@media (max-width: 572px) {
.blockcontainer {
	margin-left: calc(50% - 140px)!important;
}

.backgrey {
	max-width: 260px;
	margin-left: calc(50% - 130px)!important;
}
.backtop {
	max-width: 260px;
	margin-left: calc(50% - 130px)!important;
}

}

@media (min-width: 572px) and (max-width: 880px){
.blockcontainer {
	margin-left: calc(50% - 270px)!important;
}

.backgrey {
	max-width: 540px;
	margin-left: calc(50% - 260px)!important;
	height: 1080px;
}
.backtop {
	max-width: 540px;
	margin-left: calc(50% - 260px)!important;
}

}

@media (min-width: 880px) and (max-width: 1133px){
.blockcontainer {
	margin-left: calc(50% - 420px)!important;
}

.backgrey {
	max-width: 820px;
	margin-left: calc(50% - 410px)!important;
	height: 722px;
}
.backtop {
	max-width: 820px;
	margin-left: calc(50% - 410px)!important;
}

}

@media (min-width: 1133px) {
.blockcontainer {
	margin-left: calc(50% - 570px)!important;
	
}

.backgrey {
	max-width: 1120px;
	margin-left: calc(50% - 560px)!important;
	height: 722px;
}
.backtop {
	max-width: 1120px;
	margin-left: calc(50% - 560px)!important;

}

}

/* start top menu*/


.top-bar { 
    background: #fff;
    margin-bottom: 20px;
}
 

.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #fff none repeat scroll 0 0;
    color: #a8a8a8;
    border-top: solid 4px #234063;
    line-height: 2.8125rem;
    padding: 0 0.9375rem;
}


  .top-bar-section li:not(.has-form) a:not(.button) {
    background: #fff none repeat scroll 0 0;
    border-top: solid 4px transparent;
    color: #a8a8a8;
}
  .top-bar-section li:not(.has-form) a:hover:not(.button) {
    background: #fff none repeat scroll 0 0;
    color: #a8a8a8;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #fff none repeat scroll 0 0;
    /*border-top: solid 4px #000;*/
    color: #a8a8a8;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button) {
    background: #fff none repeat scroll 0 0;
    color: #a8a8a8;
}

.top-bar section.top-bar-section li:not(.has-form) a:not(.button):after {
    background: #fff none repeat scroll 0 0;
    border-bottom: solid 4px #234063!important;
    color: #a8a8a8;
    display:block;
    content: '';
    transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
.top-bar section.top-bar-section li:not(.has-form) a:not(.button):hover:after {
    transform: scaleX(1);
}


.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
    background: #fff none repeat scroll 0 0;
    color: #a8a8a8;
}
.top-bar .toggle-topbar.menu-icon a {
    color: #a8a8a8;
}

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
    color: #a8a8a8;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #fff none repeat scroll 0 0;
    color: #a8a8a8;
    line-height: 2.8125rem;
    padding: 0 0.9375rem;
}

nav.top-bar ul.title-area li.name h1 a {
    color: #a8a8a8;
}
.top-bar.expanded .title-area {
    background: #fff none repeat scroll 0 0;
}

.top-bar .toggle-topbar.menu-icon a span::after {
          box-shadow: 0 0 0 1px #a8a8a8, 0 8px 0 1px #a8a8a8, 0 16px 0 1px #a8a8a8;
}

/* end top menu*/


.innerbox {
    margin: 24px;
    display: inline-block;
    border-bottom: 1px solid #6c6f71;
    height:292px;
    width: 212px;
    overflow: hidden;

}
.uppertext {
    height: 260px;
}


.fonticon {
	color: #5CC2EC;
	font-size: 42px;
    margin-top: -8px;
}
.fonticon:hover {
	color: #5D6062;
}

/*slider out text start*/
.slide-text{
    width: 200px;
    height: 64px;
    background-color: #003D99;
    margin-top: 2em;
    margin-left: 2em;
    padding-top: 0.25em;
    overflow: hidden;
}
.outerslidetext {
    margin-left: 0em;
    -webkit-transition: all 0.75s linear;
    -moz-transition: all 0.75s linear;
    -ms-transition: all 1.3s linear;
    -o-transition: all .3s linear;
    transition: all 0.75s linear; 

}

.agrid:hover .outerslidetext {
    margin-left: -212px;
    -webkit-transition: all 0.75s linear;
    -moz-transition: all 0.75s linear;
    -ms-transition: all 1.3s linear;
    -o-transition: all 1.3s linear;
    transition: all 0.75s linear; 
}

.outerslidetext span.noshowtext {
    color: transparent;
    font-size: 0.375em;
}
.outerslidetext h5 {
    font-size: 18px;
}

.outerslidetext h4 {
    font-size: 23px;
    color: #a8a8a8;
    width: 600px;
}






.footagrid {
	
	width: 255px;
	height: 340px;
	color: #fff;
	
}

.backtop {
	margin-bottom: 20px;
}


.backgrey {
	background-color: #373D41;
}

.backyell {
	background-color: #373D41; /*it was this yellow #E8C63D   #00D0D0 #D06820   4C8C95*/
	height: 2rem;
	/*    #4c8c95 #297782 #5c9ea9*/	
}


div.fullwidth.backyell div.large-12.columns.text-center p {
    font-size: 80%;
    line-height: 10px;
    margin-bottom: 0rem;
}

div.row.backyell div.large-3.columns.text-center h1 {
    line-height: 50px;
}

.fa.fa-building-o.fa-3x {
    color: #fff;
}

.outer {
    margin: 24px;
    display: inline-block;
    border-top: 1px solid #6c6f71;
    height:292px;
    overflow: hidden;
    width: 85%;

}
.borbot {
   
    border-bottom: 1px solid #6c6f71;
overflow: hidden;
    width: 85%;
    height:312px;
}

li div.footagrid div.outer h5 {
	color: #a8a8a8!important;
}

li div.footagrid div.outer ul li {
	color: #a8a8a8;
	margin-top: 5px;

}

.slidinghover {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 0px;
	height: 2px;
	background-color: #a8a8a8;
	margin-bottom: 3px;
	-webkit-transition: width 0.6s; /* For Safari 3.1 to 6.0 */
    transition: width 0.6s;
}
div.outer ul.no-bullet li.lilink:hover .slidinghover {
	width: 16px;
	color: #a8a8a8;
	-webkit-transition: width 0.6s; /* For Safari 3.1 to 6.0 */
    transition: width 0.6s;
}

div.outer ul.no-bullet li.lilink a {
	color: #a8a8a8;
	font-size: 14px;
}
div.outer ul.no-bullet li.lilink a:hover {
	color: #5d6062;
}
ul.no-bullet.quicklinks {
	line-height: 1rem;
}





div.footagrid div.outer div.lang {
	font-size: 90px;
	color: #5D6062;
	line-height: 132px;
	margin-top: -10px;
}

ul.no-bullet.create-account h5 {
    color: #a8a8a8;
}

ul.no-bullet.create-account li {
    font-size: 0.875rem;
}

ul.no-bullet.create-account ul.no-bullet li {
    margin-left: 0.3125rem;
}


div.langmenu ul.outerul {
  
  text-align: left;
  display: inline;
  margin: 0;
  padding: 0px 0px 0px 0px;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
div.langmenu ul.outerul li.outerli {
  width: 216px;
  display: inline-block;
  font-size: 16px;
  position: relative;
  padding: 8px 12px;
  padding-left: 0px;
  background: #5d6062;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
div.langmenu ul.outerul li.outerli:hover {
  background: #555;
  color: #fff;
}
div.langmenu ul.outerul li.outerli ul.innerul {
  padding: 0px;
  position: absolute;
  top: 42px;
  width: 216px;
  font-size: 14px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
div.langmenu ul.outerul li.outerli ul.innerul li.innerli { 
  background: #555; 
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 0px;
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
div.langmenu ul.outerul li.outerli ul.innerul li.innerli:hover { background: #666; }
div.langmenu ul.outerul li.outerli:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  margin-left: -0px!important;
}

ul.no-bullet.address {
	line-height: 0.75rem;
}

/*New site blanca*/
/* ************************************************************************************************************************ */
div.agrid-price div.content-item-price h5.text-center {
    font-size: 1.25rem;
}

div.agrid-price div.content-item-price ul li {
    font-size: 0.875rem;
}

div.agrid-price div.content-item-price ul.no-bullet li::before {
    content: "\2714"; 
    color: #5cc2ec!important;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
}

div.agrid-price div.content-item-price ul {
    list-style: none;
    margin-left: 1.25rem;
    height: 240px;
}

div.agrid-price div.content-item-price p.price-note {
    font-size: 0.625rem;
    margin-bottom: 0.5rem;
    margin-top: -0.5rem;
}

h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-rendering: optimizelegibility;
    }
h2 {
   font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-rendering: optimizelegibility;
    }
p {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizelegibility;
    }

h1, h2, h3, h4, h5, h6 {
    color: #234063;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizelegibility;
}


.top-bar-section ul li > a {
    font-family: 'Lato', sans-serif;
}

.agrid-price {
    max-width: 260px;
    min-width: 260px;
    height: 440px;
    background-color: #fff;
    color: #848484;
    border: solid 1px #a8a8a8;
     overflow: hidden;
}

.agrid-price a {  
  color: #a8a8a8;
}

.content-item-price {
    height: 440px;
    overflow: hidden;
    position: relative;
    width: 260px;
}

.option-note {
    font-size: 0.75rem;
    margin-left: 0.625rem;
}

div.agrid-price div.content-item-price sup {
    color: #5cc2ec;
}

div.agrid-price div.content-item-price hr {
    border-color: #5cc2ec;
    width:33.3333%;
    margin: 0;
    text-align: center!important;
    margin: auto;
}

.testimonial-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    overflow: hidden;
    position: relative;
    height: 125px;
    width: 100px;
    border-radius: 50%;
    width: 40%;
    margin: 0 auto;
}

div.uppertext p.testimonial-quote {
    font-size: 0.875rem;
    font-style: italic;
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
    height: 310px
}

q { 
    quotes: '\201c' '\201d'; 
}

q:before { 
    content: open-quote;
    font-family: 'georgia', serif; 
    font-size: 2.5rem;
    line-height: 0rem;
    color: #5cc2ec;
    vertical-align: -12px;
}

q:after  { 
    content: close-quote; 
    font-family: 'georgia', serif;
    font-size: 2.5rem;
    line-height: 0rem;
    vertical-align: -14px;
    color: #5cc2ec;
}

div.uppertext h6 span {
    color: #5cc2ec;
}

/*div.agrid-price div.innerbox-options div.uppertext h6 {
    text-align: left;
}*/

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 65%;
}

h1 small {
    color: #234063;
}

h1 small span {
    color: #FFD15C;
}

.dark-blue h2 small {
    color: #5cc2ec;
}

.dark-blue h2 small span {
    color: #FFD15C;
}

.dark-blue h3 small {
    color: #5cc2ec;
}

.dark-blue h3 small span {
    color: #FFD15C;
}

.light-blue h2 small {
    color: #234063;
}

.light-blue h2 small span {
    color: #FFD15C;
}



.light-blue h3 small {
    color: #234063;
    font-size: 80%;
}

.light-blue h3 small span {
    color: #FFD15C;
    /*font-size: 120%;*/
}


.light-blue h2 span {
    color: #FFD15C;
}

.button-hero button, .button {
    width: 16rem;
}

.button-hero button.alert, .button.alert {
    background-color: #FFD15C;
    border-color: #FFD15C;
}

.button-hero a.button.alert span.button-upper-text, .button-hero a.button.secondary span.button-upper-text {
    color: #222222;
    font-size: 1.25rem;
    font-weight: bold;
}

button.secondary, .button.secondary {
    background-color: #b9b9b9;
    border-color: #b9b9b9;
    color: #333333;
}

.button-hero a.button.alert, .button.secondary span.button-lower-text {
    color: #fff;
    font-weight: normal;
    font-size: 1rem;
}

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
    background-color: #ffb65c;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
    background-color: #999999;
}
.butt a.button.alert span.button-upper-text
a.button.alert span.button-upper-text {}

.shero-one {
    background-image:url("../img/heropic.jpg");
    /*height:470px;*/
}

.shero-features {
    background-image:url("../img/heropic_features.jpg");
    /*height:470px;*/
}

.shero-accountants {
    background-image:url("../img/heropic_accountants.jpg");
    /*height:470px;*/
}

.shero-prices {
    background-image:url("../img/heropic_prices.jpg");
    /*height:470px;*/
}

.shero-about {
    background-image:url("../img/heropic_about.jpg");
    /*height:470px;*/
}

.shero-support {
    background-image:url("../img/heropic_support.jpg");
    /*height:470px;*/
}

.shero-aboutus {
    background-image:url("../img/heropic_aboutus.jpg");
    /*height:470px;*/
}

.shero-sign-up-business-owner {
    background-image:url("../img/heropic_sign_up_business_owner.jpg");
    /*height:470px;*/
}

.shero-sign-up-accountant {
    background-image:url("../img/heropic_sign_up_accountant.jpg");
    /*height:470px;*/
}

.shero-contacto {
    background-image:url("../img/heropic_contacto.jpg");
    /*height:470px;*/
}

.shero-preguntas {
    background-image:url("../img/heropic_preguntas.jpg");
    /*height:470px;*/
}

.shero-nosotros {
    background-image:url("../img/heropic_nosotros.jpg");
    /*height:470px;*/
}


a.button.secondary.butcent {
    left: 50%;
    margin-left: -9.5rem;
    margin-top: 2rem;
    width: 19rem;
}

a.button.secondary.butcent-two {
    left: 50%;
    margin-left: -8rem;
    margin-top: 0.5rem;
    width: 16rem;
}

.shero-two {
    background-image:url("../img/lauren-mancke-60627-colorised-dark-blue.jpg");
    height:180px!important;
}

.shero-three {
    background-image:url("../img/cathryn-lavery-67851 colorised blue.jpg");
    height:180px!important;
}

.shero-four {
    background-image:url("../img/luis-llerena-16146-cropped-color-blue.jpg");
    height:320px;
}

.shero-five {
    background-image:url("../img/luis-llerena-16146-colorized-orange.jpg");
    height:320px;
}

.shero-six {
    background-image:url("../img/rayi-christian-wicaksono-366-color-blue.jpg");
    height:320px;
}

.shero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    height: 320px;

}

.shero::before {
    box-sizing: border-box;
    border-left: 50vw solid #fff;
    border-right: 50vw solid #fff;
    border-top: 60px solid transparent;
    bottom: 0px;
    content: '';
    display: block;
    height: 60px;
    position: absolute;
    width: 100vw;
    z-index: 3;
}

.shero::after {
    background: rgba(0,0,0,0.1);
    content: '';
    left: 0;
    position: absolute;
    position: -ms-page;
    top: 0;
    width: 100%;
}

.sheroup {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    height: 320px!important;

}

.sheroup::before {
    box-sizing: border-box;
    border-left: 50vw solid #fff;
    border-right: 50vw solid #fff;
    border-bottom: 60px solid transparent;
    top: 0px;
    content: '';
    display: block;
    height: 60px;
    position: absolute;
    width: 100vw;
    z-index: 3;
}

.sheroup::after {
    background: rgba(0,0,0,0.1);
    content: '';
    left: 0;
    position: absolute;
    position: -ms-page;
    top: 0;
    width: 100%;
}

.upboxtopmargin {
    margin-top: 3rem;
}

.backlit {
    background: rgba(0, 0, 0, 0.6);
    margin-top: 1rem;
}

.backlit-lighter {
    background: rgba(0, 0, 0, 0.3);
    margin-top: 1rem;
}

.uppertext p {
    font-size: 0.875rem;
}

div.uppertext p span.blue {
    color: #5cc2ec;
}

h3.acc-blue {
    color: #234063;
}

h1.acc-blue small {
    color: #234063;
}

.slide-text-still {
    display: inline;
    width:212px;
    float: left;
    font-size: 1.5rem;
    
}
.slide-text-move {
    display: inline;
    width:212px;
    font-size: 1.5rem;
    float: right;
}
div.textwwrt {
    clear:both;
    width: 424px;
    text-align: left;
}

.slide-text-still, .slide-text-move {
    font-size: 1.125rem;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    color: #234063;
    margin-top: 12px;
}

.agrid-features:hover .slide-text-still, .agrid-features:hover .slide-text-move {
    color: #FFD15C;
}

div.uppertext h4 {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

div.uppertext h5 {
    margin-top: 0rem;
    margin-bottom: 0rem;
    color: #234063;/*234063 #FFD15C*/
}

.agrid-features {
    max-width: 260px;
    min-width: 260px;
    height: 390px;
    background-color: #fff;
    color: #848484;
    border: solid 1px #a8a8a8;
     overflow: hidden;
}

.agrid-features {  
  color: #a8a8a8;
}

div.agrid-features div.innerbox div.uppertext {
    height: 310px;
}

div.agrid-features div.innerbox {
    height: 342px;
}

.agrid-features:hover .outerslidetext {
    margin-left: -212px;
    -webkit-transition: all 0.75s linear;
    -moz-transition: all 0.75s linear;
    -ms-transition: all 1.3s linear;
    -o-transition: all 1.3s linear;
    transition: all 0.75s linear; 
}

.innerbox-options {
    border-bottom: 1px solid #6c6f71;
    display: inline-block;
    height: 414px;
    margin: 12px;
    overflow: hidden;
    width: 236px;
}

div.agrid-price div.innerbox-options div.uppertext p a {
    color: #FFD15C;
}

div.agrid-price div.innerbox-options div.uppertext p a:hover {
    color: #234063;
    font-weight: bold;
}

div.uppertext div.fonticon img {
    margin-bottom: 5px;
}

.fonticon-features {
    color: #5CC2EC;
    font-size: 64px;
    margin-top: 16px;
}
.fonticon-features:hover {
    color: #5D6062;
}

div.fonticon-features.right i. {
    float: right;
}

.fonticon-outer-div {
    padding-right: 8px;
}

button.info, .button.info {
    background-color: #5cc2ec;
}

a.button.info {
    margin-bottom: 2rem;
}

.main-features ul.no-bullet li::before {
    color: #4c8c95;
    content: "— ";
    font-weight: 900;
    vertical-align: 2px;
}

.img-features {
  position: relative;
  z-index: 5;
  color: #000;
  font-size: 400%;
  padding: 20px;
}

.img-features .bg {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("../img/menu_principal.png") top left;
  opacity: .3;
    width: 100%;
    height: auto;
}

div.row.img-features.menu-principal div.large-7.medium-7.columns.main-features h2 small {
    color: #FFD15C;
}

div.row.img-features.menu-principal div.large-7.medium-7.columns.main-features p {
    color: #FFD15C;
}

div.row.img-features.menu-principal div.large-7.medium-7.columns.main-features ul.no-bullet li {
    color: #FFD15C;
}

ul.no-bullet li ul.no-bullet.increase-indent {
    margin-left: 2.25rem;
}

ul.no-bullet li ul.no-bullet.increase-indent li::before {
    color: #FFD15C;
    content: "— ";
    font-weight: 900;
    vertical-align: 2px;
}

div#lightbox.lightbox div.lb-dataContainer div.lb-data div.lb-details span.lb-caption {
    font-size: 1.5rem;
}

div.fonticon-features a img {
    border: 3px solid #fff;
}

div.fonticon-features a img:hover {
    border: 3px solid #5CC2EC;
}

.accounting-features p {
    color: #a8a8a8;
}
/*fullfeatures*/

.agrid-fullfeatures {
    max-width: 200px;
    min-width: 200px;
    height: 200px;
    background-color: #fff;
    color: #848484;
    border: solid 1px #a8a8a8;
     overflow: hidden;
}

.agrid-fullfeatures-esp {
    max-width: 232px;
    min-width: 232px;
    height: 232px;
    background-color: #fff;
    color: #848484;
    border: solid 1px #a8a8a8;
     overflow: hidden;
}

.fasize {
   
    
    font-size: 1.5rem;
    color: white;
    text-shadow:
   -2px -2px 0 #5CC2EC,  
    2px -2px 0 #5CC2EC,
    -2px 2px 0 #5CC2EC,
     2px 2px 0 #5CC2EC;
}

.innerbox-fullfeatures {
  width: 100%;
  height: 100%;
  position: relative;
}


.inner {
    margin-top: 32px;
    opacity: 0.4;
}

div.agrid-fullfeatures-esp a div.innerbox-fullfeatures div.navi.inner {
    margin-top: 56px;
    opacity: 0.4;
}


.agrid-fullfeatures:hover .inner {
    opacity: 1.0;
    color: #FFD15C;
    text-shadow:
        -0px -0px 0 #fff,
        0px -0px 0 #fff,
        -0px 0px 0 #fff,
        0px 0px 0 #fff;
}

.agrid-fullfeatures-esp:hover .inner {
    opacity: 1.0;
    color: #FFD15C;
    text-shadow:
        -0px -0px 0 #fff,
        0px -0px 0 #fff,
        -0px 0px 0 #fff,
        0px 0px 0 #fff;
}

.navi,
.infoi {
  width: 100%;
  height: 100%;
  position: absolute;
  

}
.infoi {
  color: black;
  font-size: 0.9375rem;
  width: 95%;
  height: 95%;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);

}

div.innerbox-fullfeatures div.infoi h5 {
    margin-bottom: 0.25rem;
    color: #1C2D3F;
    font-weight: 900;
}

div.innerbox-fullfeatures div.infoi p {
    font-size: 1rem;
    font-weight: 600;
    color: #234063;
}


.blockcontainer-small {
  margin: 0 auto;
}

ul.blockcontainer-small {
    width: 98%;
    margin: auto;
    text-align:center;
}


ul.blockcontainer-small li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 20px;
}

.top-left,
.top-right,
.bottom-left,
.bottom-right {
    width: 50%;
    height: 50%;
    float: left;
    margin-top: 10px;
}


.fasize-small {
    font-size: 0.875rem;
    opacity: 0.4;
    color: white;
    text-shadow:
   -2px -2px 0 #5CC2EC,  
    2px -2px 0 #5CC2EC,
    -2px 2px 0 #5CC2EC,
     2px 2px 0 #5CC2EC;
}


.agrid-fullfeatures:hover .bottom-right,
.agrid-fullfeatures:hover .bottom-left,
.agrid-fullfeatures:hover .top-right,
.agrid-fullfeatures:hover .top-left {
    opacity:1.0;
    color:#FFD15C;
    text-shadow:
    -0 -0 0 #fff,
     0 -0 0 #fff,
      -0 0 0 #fff,
       0 0 0 #fff;
}

.agrid-fullfeatures-esp:hover .bottom-right,
.agrid-fullfeatures-esp:hover .bottom-left,
.agrid-fullfeatures-esp:hover .top-right,
.agrid-fullfeatures-esp:hover .top-left {
    opacity:1.0;
    color:#FFD15C;
    text-shadow:
    -0 -0 0 #fff,
     0 -0 0 #fff,
      -0 0 0 #fff,
       0 0 0 #fff;
}

.agrid-fullfeatures:hover {
    border: 2px solid #234063;
}

.agrid-fullfeatures-esp:hover {
    border: 2px solid #234063;
}

div.innerbox-fullfeatures div.infoi p span {
    font-size: 0.75rem;
    font-weight: 700;
    color: #FF8C00;
    opacity: 1.0;
    
}

div.agrid-fullfeatures-esp a div.innerbox-fullfeatures div.infoi.esp-txt-para p span {

    font-size: 0.875rem;
}


div.navi.inner.fasize span.fa-stack.fa-3x strong.fa-stack-1x.file-o-text {
    font-size: 2.5rem;
    margin-top: .3em;
}

div.navi.inner.fasize span.fa-stack.fa-3x strong.fa-stack-1x.calendar-text {
    font-size: 3.5rem;
    margin-top: .5em;
}

.account-full {
    opacity:0.4;
    background-image: url("../img/international_accountancy_symbol_fullfeatures_blue.png");
    background-size: 80px 120px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0px;
}

div.agrid-fullfeatures-esp a div.innerbox-fullfeatures div.navi.inner.account-full {
    margin-top: 0px;
}

.agrid-fullfeatures:hover .account-full {
    opacity:1.0;
    background-image: url("../img/international_accountancy_symbol_fullfeatures_orange.png");
}

.agrid-fullfeatures-esp:hover .account-full {
    opacity:1.0;
    background-image: url("../img/international_accountancy_symbol_fullfeatures_orange.png");
}


/* #8DD4F2 #FFD15C #234063 */
/* Large full width title*/
.fullfeatures-title h2 {
     color: #8DD4F2;
     font-weight: 700;
}

.fullfeatures-title h3 {
     margin-top: 0.5rem;
     color: #FFD15C;
     font-weight: 700;
}

.fullfeatures-title {
     background-color: #234063;
     height: 200px;
     padding-top: 1rem;
     position: relative;
     width: 100%;
     margin-bottom: 20px;
}

.comp-prices-title h2 {
     color: #234063;
     font-weight: 700;
}

.comp-prices-title h3 {
     margin-top: 0.5rem;
     color: #1D3F5A;
     font-weight: 700;
}

.comp-prices-title {
     background-color: #8DD4F2;
     height: 200px;
     padding-top: 1rem;
     position: relative;
     width: 100%;
     margin-bottom: 20px;
}

.comp-prices-title::before, .fullfeatures-title::before {
     box-sizing: border-box;
     border-left: 50vw solid #fff;
     border-right: 50vw solid #fff;
     border-top: 60px solid rgba(0,0,0,0);
     bottom: 0;
     content: '';
     display: block;
     height: 60px;
     position: absolute;
     width: 100vw;
     z-index: 3;
}

.comp-prices-title::after, .fullfeatures-title::after {
     background: rgba(0,0,0,0.1);
     content: '';
     left: 0;
     position: -ms-page;
     top: 0;
     width: 100%;
}

/* Large full width title*/


.blockcontainer-small {
  margin: 0 auto;
}

ul.blockcontainer-small {
    width: 98%;
    margin: auto;
    text-align:center;
    margin-bottom: 5rem;
}


ul.blockcontainer-small li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 20px;
}

.blockcontainer-large {
  margin: 0 auto;
}

ul.blockcontainer-large {
    width: 98%;
    margin: auto;
    text-align:center;
}


ul.blockcontainer-large li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 20px;
}

ul.blockcontainer-large li div.agrid-price div.content-item-price ul.no-bullet li {
    margin-left: 0;
    margin-bottom: 0;
    text-align: left;
    display: block;
}

.features-button-nav ul.blockcontainer-small li a.button.secondary {
    width: 200px;
}

.features-button-nav ul.blockcontainer-small li a.button.secondary span.button-upper-text {
    color: #234063;
    font-size: 1.25rem;
    font-weight: bold;
}

.features-button-nav ul.blockcontainer-small li a.button.secondary span.button-lower-text {
    font-size: 1.125rem
}

.features-button-nav ul.blockcontainer-small li a.button.secondary {
    margin: 0px;
}

.featherlight-content {
/*    width: auto;
    height: auto;*/
    max-width: 85%;
    max-height: 85%;
}

.featherlight-inner ul.no-bullet li::before {
    color: #4c8c95;
    content: "— ";
    font-weight: 900;
    vertical-align: 2px;
}

.featherlight-inner ul.no-bullet li {
    color: #a8a8a8;
}

.featherlight-inner h3 {
    color: #234063;
}

.featherlight-inner h5 {
    color: #234063;
}

.featherlight-inner p {
    color: #a8a8a8;
}

.main-features h5 {
    color: #234063;
}

/*COMPARISON TABLE*/
/* START COMPARISON TABLE STYLES */

table.compare tr:hover {
          background-color: #8DD4F2;
}


table.compare {
    width: 100%;
    border: none!important;
}

table tr:nth-of-type(even) {
    background-color: transparent !important;
}

table tr:nth-of-type(even):hover {
    background-color: #8DD4F2 !important;
}

table.compare thead {
    background-color: transparent !important;
}

table.compare thead tr:hover {
    background-color: transparent !important;
}

table.compare thead tr th {
    background-color: #1D3F5A;
    text-align: center;
    font-size: 1.125rem;
    padding: 0.9375rem 1.25rem;
    color: #fff;
    border: 1px #fff solid;
}

table.compare tbody tr td {
    text-align: center;
}

table.compare tbody tr td.rowtitle {
    text-align: left;
    color: #234063;
    font-weight: 600;
    font-size: 1rem;
}

table.compare tbody tr td.tick {
    font-size: 1.125rem;
    color: #008000!important;
    font-weight: 600;
}

table.compare tbody tr td.cross {
    font-size: 1.125rem;
    color: #ff0000;
    font-weight: 600;
}

table.compare tbody tr td.cross-two {
    font-size: 1.125rem;
    color: #ff0000;
    font-weight: 600;
}

table.compare thead tr td.blank {
    background: none!important;
    border: none!important;
}
/*START OF PRICES IN TABLE*/

table.compare.unstriped.bg tbody tr.no-hov td.cta-button {
    padding: 0;
    padding-top: 0.5rem;
}

table.compare.unstriped.bg tbody tr.no-hov td.description {
    background-color: #fff;
    padding: 0.9375rem;
    text-align: center;
    color: #777;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.4;
}

tbody tr.no-hov td.cta-button a.button {
    width: auto;
}

table tr th, table tr td {
    color: #222222;
    font-size: 0.875rem;
    padding: 0.5625rem 0.625rem;
    text-align: left;
}

tbody tr td.nopadd {
    padding: 0;
}

.pricing-table .cta-button {
    padding: 0;
}

table.compare tr.no-hov:hover {
    background-color: transparent !important;
}

.pricing-table {
    border: 1px solid #dddddd;
    margin-bottom: 1.25rem;
    margin-left: 0;
}

.pricing-table .description {
    border-bottom: none;
}

tbody tr td.price span.price-currency {
    font-size: 0.875rem;
    font-weight: 600;
    color: #5CC2EC;
}

table.compare.unstriped.bg tbody tr td.price-small span.price-currency {
    font-size: 0.875rem;
    font-weight: 600;
    color: #5CC2EC;
}

tbody tr.no-hov td.price-small span.price-currency {
    font-size: 0.875rem;
    font-weight: 600;
    color: #5CC2EC;
}

table.compare.unstriped.bg tbody tr td.price {
    font-size: 1.25rem;
    padding: 0.5rem 0.25rem;
    color: #234063;
}

table.compare.unstriped.bg tbody tr td.price-small {
    font-size: 1.5rem;
    padding: 0.5rem 0.25rem;
    color: #234063;
}
/*table.compare.unstriped.bg tbody tr.no-hov.bggray*/
tbody tr td.price-small.bggray {
    background-color: #F6F6F6;
    border: 1px solid white;
}

table.compare.unstriped.bg tbody tr td.price span.period {
    font-size: 0.875rem
}

table.compare.unstriped.bg tbody tr td.price-small span.period {
    font-size: 0.875rem
}

li.price-small span.period {
    font-size: 0.875rem
}

/*END OF PRICES IN TABLE*/
/*END OF COMPARISON TABLE*/

/*START OF ACCOUNTING PAGE*/


blockquote h2.text-center {
    font-style: italic;
    color: #FFD15C;
}

blockquote {
    font-family: 'Muli', sans-serif;
  border-left: none;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #FFD15C;
  content: open-quote;
  font-size: 5em;
  line-height: 0.0em;
  margin-right: -0.05em;
  vertical-align: -0.25em;
}
blockquote h2 {
  display: inline;
}
blockquote:after {
    color: #FFD15C;
    content: close-quote;
    font-size: 5em;
    line-height: .1em;
    margin-left: .05em;
    vertical-align: -.25em;}

/*END OF ACCOUNTING PAGE*/

div.innerbox-options div.uppertext {
    height: 340px;
}

.secondary span.button-upper-text {
    color: #234063;
    font-size: 1rem;
    font-weight: bold;
}

.footer {
    background-color: #373D41;
}


/*Support*/

.content-item-support {
    margin: 12px;
}


h2.price.text-center {
    color: #234063;
}

.signup h3 {
    color: #234063;
}

.signup h5 {
    color: #234063;
}

div.row.text-center.inicio-titulo h3 {
    color: #8DD4F2;
}

div.row.text-center.inicio-titulo h4 {
    color: #234063;
}

div.row div#FSCForm1 form#fsc_form1 div#fsc_recaptcha1 {
    margin-bottom: 1rem;
}

div.row div#FSCForm1 form#fsc_form1 div input#fsc-submit-1 {
    height: 54px;
    width: 165px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #234063;
    background-color: #FFD15C;/*#ffb65c*/
    border: 1px solid #fff;
    margin-bottom: 1rem!important;
}

div.row div#FSCForm1 form#fsc_form1 div input#fsc-submit-1:hover {
    background-color: #ffb65c;/*#ffb65c*/
}

div.row div#FSCForm2 form#fsc_form2 div#fsc_recaptcha2 {
    margin-bottom: 1rem;
}

div.row div#FSCForm2 form#fsc_form2 div input#fsc-submit-2 {
    height: 54px;
    width: 165px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #234063;
    background-color: #FFD15C;/*#ffb65c*/
    border: 1px solid #fff;
    margin-bottom: 1rem!important;
}

div.row div#FSCForm2 form#fsc_form2 div input#fsc-submit-2:hover {
    background-color: #ffb65c;/*#ffb65c*/
}





div.row div#FSCForm3 form#fsc_form3 div#fsc_recaptcha3 {
    margin-bottom: 1rem;
}

div.row div#FSCForm3 form#fsc_form3 div input#fsc-submit-3 {
    height: 54px;
    width: 165px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #234063;
    background-color: #FFD15C;/*#ffb65c*/
    border: 1px solid #fff;
    margin-bottom: 1rem!important;
}

div.row div#FSCForm3 form#fsc_form3 div input#fsc-submit-3:hover {
    background-color: #ffb65c;/*#ffb65c*/
}

.contactus {
    text-align: center;
}

.globo-colombia {
    background-image:url('../img/globe.png');
    background-size: 260px 340px;
}


/* =============================================================================
  ICONS - COMMON
============================================================================= */
/**
 * Icon common styles.
 *
 * Set it to block or inline block, whichever suits your needs. Overflow set to
 * hidden for precautions, and make sure to set the font size to 0 and the text
 * indent to -9999px. This allows us to actually include text in the markup
 * which will be good for screen readers and accessibility purposes.
 */
.icon {
  display: block;
  vertical-align: top;
  overflow: hidden;
  margin: 5px;
  width: 36px;/*56px*/
  height: 36px;/*56px*/
  font-size: 24px;/*36px*/
  text-indent: 0px;
  color: white;
}

a.icon.icon-cube span {
    font-size: 14px;
    margin-left: 46px;
    color: #a8a8a8;
}
/**/
a.icon.icon-cube span:hover {
    font-size: 22px;
    margin-left: 46px;
    color: #5D6062;
}
/*.icon a {
    color: #fff;
}

.icon a:hover {
    color: white;
}
*/

/* =============================================================================
  ICONS - DEMO 5
============================================================================= */
.icon-cube {
  position: relative;
  -webkit-perspective: 800px;
          perspective: 800px;
  overflow: visible;
}

a.icon.icon-cube:hover {
    color: white;
}

.icon-cube::before,
.icon-cube::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: url("../img/icons5.png");
  background-image: url("../img/icons5.svg"), none;
  content: "";*/
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}

.icon-cube::before {
  z-index: 2;
  background-color: #848484;
}

.icon-cube::after {
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(48px) rotateX(-90deg);
          transform: translateY(48px) rotateX(-90deg);
}

.icon-cube:hover::before {
  opacity: 0;
  -webkit-transform: translateY(-48px) rotateX(90deg);
          transform: translateY(-48px) rotateX(90deg);
}

.icon-cube:hover::after {
  opacity: 1;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

/* facebook */
.icon-cube.facebook::before,
.icon-cube.facebook::after {
    font-family: FontAwesome;
    content: "\f09a";
    text-indent: 11px;
}

.icon-cube.facebook::after {
  background-color: #3b5998;
}

/* twitter */
.icon-cube.twitter::before,
.icon-cube.twitter::after {
    font-family: FontAwesome;
    content: "\f099";
    text-indent: 7px;
}

.icon-cube.twitter::after {
  background-color: #4099ff;
}

/* google plus */
.icon-cube.googleplus::before,
.icon-cube.googleplus::after {
    font-family: FontAwesome;
    content: "\f0d5";
    text-indent: 4px;
}

.icon-cube.googleplus::after {
  background-color: #d34836;
}

/* github */
.icon-cube.github::before,
.icon-cube.github::after {
    font-family: FontAwesome;
    content: "\f09b";
}

.icon-cube.github::after {
  background-color: #333333;
}

/* FAQ Accordian Start*/

/* Acordeon styles */
.preguntas-frecuentes div.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #848484;
  overflow: hidden;
}
.preguntas-frecuentes div.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
/**/
}
.preguntas-frecuentes div.tab label {
  position: relative;
  display: block;
  padding: 0 2em 0 1em;
  background: #f6f6f6;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
  width: 100%;
}
.blue label {
  background: #2980b9;
}
.tab-content {
  max-height: 0;
  margin-left: 0.5rem;
  overflow: hidden;
  background: #fafafa;
  -webkit-transition: max-height .05s;
  -o-transition: max-height .05s;
  transition: max-height .05s;
}
.blue .tab-content {
  background: #3498db;
}
.tab-content p {
  margin: 1em;
}
/* :checked */
input:checked ~ .tab-content {
  max-height: 116em;
}
/* Icon */
label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

/*original*/
input[type=checkbox] + label::after {
  content: "+";
}

input[type=radio] + label::after {
  content: "\25BC";
}
input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

.preguntas-frecuentes {
    margin-bottom: 2rem;
}

.preguntas-frecuentes h3 {
    color: #234063;
}

.preguntas-frecuentes div.tab div.tab-content p a {
    color: #234063;
}

.preguntas-frecuentes div.tab div.tab-content p a:hover {
    color: #0078A0;
    text-decoration: underline;
}

.mienlace {
    margin-bottom: 2rem;
}

h3.text-center.mienlace a {
    color: #234063;
}

h3.text-center.mienlace a:hover {
    color: #0078A0;
    text-decoration: underline;
}

.contactus h5.text-center {
    color: #234063;
}

/* FAQ Accordian End*/

div.row div.text-center a#mibew-agent-button img {
    border: solid 1px #fff;
}

div.row div.text-center a#mibew-agent-button img:hover {
    border: solid 1px #ddd;
}

div.row div.text-center a#mibew-agent-button img:target {
    border: solid 1px #234;
}

.nosotros  {
    padding: 0 0.5rem;
    margin-bottom: 2rem;
}

.nosotros h3 {
    color: #234063;
}

.ision {
    width: 90%!important;
    text-align: center !important;
    margin-left: auto!important;
    margin-right: auto!important;
}

div.row.nosotros.ision.text-center p {
    text-align: left;
    border-left: solid 2px #FFD15C;
    margin-left: 1rem;
    padding-left: 1rem;
}

h1.backlit.text-center {
    line-height: 0.9;
    padding-bottom: 0.9rem;
}

h1.backlit-lighter.text-center {
    line-height: 0.9;
    padding-bottom: 0.9rem;
}

/*.mapa-del-sitio ul {
    list-style: none;
    padding-left: 2rem;
    margin: 0
}

.mapa-del-sitio p {
    display: inline-block!important;
    color: #a8a8a8;
    margin-bottom: 0.5rem;
}

.mapa-del-sitio i.fa {
    font-size: 1rem;
    color: #a8a8a8;
}*/

/*.mapa-del-sitio ul li ul li a:hover i {
    color: #234063!important;
    font-weight: bold; 
}

.mapa-del-sitio ul li ul li a:hover p {
    color: #234063!important; 
    font-weight: bold;
}

.mapa-del-sitio ul li a:hover i {
    color: #234063!important; 
    font-weight: bold;
}

.mapa-del-sitio ul li a:hover p {
    color: #234063!important; 
    font-weight: bold;
}*/

/*.mapa-del-sitio {
    margin-bottom: 2rem;
}*/

.mapa-del-sitio ul{list-style:none;padding-left:2rem;margin:0;}
.mapa-del-sitio p{display:inline-block!important;color:#a8a8a8;margin-bottom:.5rem;}
.mapa-del-sitio i.fa{font-size:1rem;color:#a8a8a8;}
.mapa-del-sitio{margin-bottom:2rem;}

.mapa-del-sitio ul li ul li a:hover p,.mapa-del-sitio ul li a:hover p {
color:#234063!important;
font-weight:bold;
}

.mapa-del-sitio ul li ul li a:hover i,.mapa-del-sitio ul li a:hover i {
color:#234063!important;
}


div.row div.large-12.medium-12.small-12.columns.contactus img {
    color: #8DD4F2;
}

div.row div.large-12.medium-12.small-12.columns.contactus p {
    color: #92D050;
}


.pagos ul {
    display: table;
}

.pagos li {
    height: 6rem;
    width: 11.5rem;
    vertical-align: top;
}

.exitoso ul.text-left.no-bullet li::before {
    color: #234063;
    content: "— ";
    font-weight: 900;
    vertical-align: 2px;
}

.exitoso ul {
    margin-left: 1rem;
}

/* #8DD4F2 #FFD15C #234063 */