#mainNav .navbar-nav>li.nav-item>a.nav-link/*!
 * Start Bootstrap - Creative v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */
body,html{
	width:100%;
	height:100%;
;}

body{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}
hr{max-width:50px;border-width:3px;border-color:#ce1327;}
hr.light{border-color:#fff;}
a{color: #ce1327;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;}
a:hover{color:#ce1327;}
li{text-align: left;padding: 5px 0px;}
h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}
button{cursor:pointer;}

.bg-primary{background-color:#ce1327!important;}

.bg-dark{background-color:#056948!important;}

.bg-dark-soft{
	background-color: rgba(0, 9, 53, 0.8) !important;
	padding: 17px 15px 15px;
}
.bg-cumple{background-color:#f9a223  !important;}
.fa-birthday-cake{font-size: 84px;display:table;margin: 15px auto 0;color: white;}


.text-faded{color:rgba(255,255,255,.8);}
.text-blue{
    background: rgba(255, 255, 255, 0.7);
    color: #056948;
    text-shadow: none;
}

section{padding:5rem 0;}

.section-heading{margin-top:0;}

::-moz-selection{color:#fff;background:#056948;text-shadow:none;}

::selection{color:#fff;background:#056948;text-shadow:none;}

img::selection{color:#fff;background:0 0;}

img::-moz-selection{color:#fff;background:0 0;}

body{-webkit-tap-highlight-color:#056948;}


.bg-light i.fa{color:#ce1327;}


/** Button Go Top **/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 20px;
  line-height:20px;
  border: none;
  outline: none;
  background-color: #ce1327;
  color: white;
  cursor: pointer;
  padding: 10px 10px;
  border-radius: 4px;
  text-transform:uppercase;
  font-weight:600;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5), 0px 0px 10px rgba(0, 0, 0, 1);
}

#myBtn:hover {
  background-color: #056948;
}


#mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;}

#mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#ce1327;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}
#mainNav .navbar-brand .abg-white{display:inherit;width: 100%;max-width: 152px;}
#mainNav .navbar-brand .abg-blue{display:none;}

#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#ce1327;}

#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#056948;}

#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#ce1327;}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color: #ce1327!important;background-color:transparent;}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent;}

/** VIDEO BG **/
.banner {
  position: relative;
  overflow: hidden;
  background-color: #000;
  color: #fff;
  height: 160px;
  width: 100%;
    margin-top: 4rem;	
}

.banner__background {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.no-autoplay .video-player {
  display: none;
}

.autoplay .video-placeholder {
  display: none;
}

.video-placeholder {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.video-player {
  border: none;
  width: 100%;
  height: 100%;
}

.video-player--banner, .video-player--banner.authors {
  position: absolute;
  /* (240 - 160) / 2 = 40 */
  top: -40px;
  left: -50%;
  width: 200%;
  height: 240px;
}


.video-player--banner.authors {
  position: absolute;
  /* (240 - 160) / 2 = 40 */
  top: 20px;
  left: 0%;
  width: 100%;
  height: 240px;
}


.center-box {}

.center-box:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -.25em;
}

.center-box__body {
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  margin: 15% 0px;
}

.txt-title {
  text-align: center;
  margin: 0;
  padding: 20px;
  font-weight: 300;
  font-size: 21px;
  line-height: 26px;
}
.txt-title strong{text-shadow: 0px 1px 6px rgba(0, 10, 50, 1);}








@media (min-width: 320px) {
  .banner {
    height: 240px;
  }
  .video-player--banner{
    /* (360 - 240) / 2 = 60 */
    top: -60px;
    height: 360px;
  }
  .video-player--banner.authors {
    /* (360 - 240) / 2 = 60 */
    top: 22px;
    height: 200px;
  }
}

@media (min-width: 480px) {
  .banner {
    height: 320px;
  }
  .video-player--banner{
    /* (480 - 320) / 2 = 80 */
    top: -80px;
    height: 480px;
  }
.video-player--banner.authors {
    /* (480 - 320) / 2 = 80 */
    top: 30px;
    height: 263px;
  }
}

@media (min-width: 768px) {
  .banner {
    height: 480px;
  }
  .video-player--banner{
    /* (720 - 480) / 2 = 120 */
    top: -120px;
    height: 720px;
  }
  .video-player--banner.authors {
    /* (720 - 480) / 2 = 120 */
    top: 25px;
    height: 434px;
  }
}

@media (min-width: 992px) {
  .banner {
    height: 640px;
  }
  .video-player--banner{
    /* (960 - 640) / 2 = 160 */
    top: -160px;
    height: 960px;
  }
	.video-player--banner.authors {
    /* (960 - 640) / 2 = 160 */
    top: 7px;
    height: 629px;
  }
}

@media (min-width: 1200px) {
  .banner {
    /* height: 800px; */
    height: 100vh;
    min-height: 650px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .video-player--banner{
    /* (1200 - 800) / 2 = 200 */
    top: -200px;
    height: 1200px;
  }
	.video-player--banner.authors {
    /* (1200 - 800) / 2 = 200 */
    top: 10px;
    height: 762px;
  }
}

@media (min-width: 2000px) {
  .video-player--banner{
    /* (1600 - 800) / 2 = 400 */
    top: -400px;
    height: 1600px;
  }
	.video-player--banner.authors {
    /* (1600 - 800) / 2 = 400 */
    top: -400px;
    height: 1600px;
  }
}



@media (max-width:992px){
	#mainNav .navbar-brand .abg-white{display:none;}
	#mainNav .navbar-brand .abg-blue{display:inherit;width: 100%;max-width: 152px;}
}

@media (min-width:992px){
	#mainNav{border-color:transparent;background-color: #056948;}
	#mainNav .abg-white{display:block;}
	#mainNav .abg-blue{width: 100%;max-width: 152px;display:none;}
	
	#mainNav .navbar-brand{color:rgba(255,255,255,.7);}

	#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff;}

	/*#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem;}*/

	#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,.7);}

	#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff;}

	#mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;}

	#mainNav.navbar-shrink .navbar-brand{color:#ce1327;}
	#mainNav.navbar-shrink .navbar-brand .abg-white{display:none;}
	#mainNav.navbar-shrink .navbar-brand .abg-blue{display:inherit;}

	
	
	#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#ce1327;}

	#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color: #056948;}

	#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#ce1327;}
}

.img-fluid.osmo-logo{width:200px; display:table; margin: 0px auto;}


header.masthead, header.masthead-os, header.osmo{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(../img/header.jpg);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
header.masthead-os{background-image:url(../img/header-ABG-OnlineStore.jpg);}
header.osmo{
	background-image:url(../img/header-OSMO.jpg);
	text-shadow: -1px 2px 11px rgba(0, 10, 50, 1);
	padding-top: 20rem;
	padding-bottom: calc(20rem - 56px);
}
header.osmo .btn-primary{text-shadow: none;}
 

header.masthead hr, header.masthead-os hr{margin-top:30px;margin-bottom:30px;}

header.masthead h1, header.masthead-os h1{font-size:2rem;}

header.masthead p, header.masthead-os p{font-weight:300;}
header.masthead p{
	background: rgba(255, 255, 255, 1);
    font-size: 1.6rem !important;
    letter-spacing: 0.8px;
    color: #ce1327 !important;
    font-weight: 400;
    text-shadow: none !important;
}
header.masthead-os .text-uppercase strong{color: #fff;background: rgba(13, 46, 88, 0.8);padding: 0px 20px;}
header.masthead-os .text-faded.mb-5{text-shadow: -1px 1px 2px rgba(0,0,0,0.7);color: #fff;}

.masthead .shadow{text-shadow: 0px 1px 6px rgba(0, 10, 50, 1);}

header.masthead.cumple, header.masthead-os.cumple{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(../img/FelizCumple.png);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}


.bg-primary .fa-3x{color:#6f1720;}
.img-fluid.credimex{
	max-width: 210px;
    margin: 0 auto 20px;
    display: table;}

.how-section1 .rounded-circle{
	box-shadow: -3px 4px 5px 1px rgba(0,0,0,0.4);
}
.caption{
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    background: #056948;
    color: #fff;
    position:absolute;
    top:10%;
    width:auto;
    display:table;
    margin:0px auto;
    padding:0px 10px;
    float:none;
    transform:translateY(-50%);
}

hr.my-4.white{border-color: #fff;}
hr.my-4.dark{border-color: #343a40;}

@media (max-width: 768px) {
  .center-box__body{margin: 0px 0px;}
}

@media (min-width:768px){
	header.masthead p, header.masthead-os p{font-size:1.3rem;}
}

@media (min-width:992px){
	header.masthead, header.masthead-os{height:100vh;min-height:650px;padding-top:0;padding-bottom:0;}
	header.masthead h1, header.masthead-os h1{font-size:3rem;}
}

@media (min-width:1200px){
	header.masthead h1, header.masthead-os h1{font-size:4rem;}
}

.service-box{max-width:400px;}

#services .fa{
	border: 2px solid;
	border-radius: 130px;
	padding: 25px;
	color: #ce1327;
}
.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto;}

.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background: rgba(206, 19, 39, 0.8);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;}
   

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center;}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase;}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px;}

.portfolio-box:hover .portfolio-box-caption{opacity:1;}

.portfolio-box:focus{outline:0;}

@media (min-width:768px){
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px;}
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px;}
}

#team .text-primary{color:#056948!important;}
.text-primary{color:#ce1327!important;}

#team hr.my-4, #about hr.my-4{
	max-width: 50px;
    border-width: 3px;
    border-color: #056948;
}
#about hr.my-4{
    border-color: #ce1327;
}

#contact .fa-3x{color:#ce1327;}

.bg-primary .btn.btn-xl{background: #026948;color: #fff;}
.bg-primary .btn.btn-xl:hover{background: #fff;color: #026948;}

.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}

.btn-xl{padding:1rem 2rem;}

.btn-primary, .hs-button.primary.large {background-color:#ce1327;border-color:#ce1327;}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#056948!important;cursor:pointer;}

.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(205, 23, 25,.6)!important;}


@media (max-width:535px){
	.banner h1.text-uppercase.shadow{font-size:26px;line-height:28px;}
	.banner .text-white.shadow{font-size:15px; line-height:16px;}
}

@media (max-width:280px){
	#mainNav .navbar-brand .abg-blue{max-width: 145px;}
}

.logo{margin: 20px 20px;}
.logo.aaie{max-width: 250px;}
.logo.mais{max-width: 70px;}
.logo:hover{opacity:0.6;}

.logo-abg{
	max-width: 130px;
	width: 100%;
	height:auto;
	display: table;
	margin: 0px auto;
	padding:15px 0px 6px 0px;
}
footer{
	width:100%;
	height:auto;
	background: #056948;
	color: #fff;
/*	background: rgba(204, 204, 204, .3);*/
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	font-weight:normal;
	font-size: 11px;
	line-height: 20px;
	text-align:center;
	padding: 0px 0px 0px;
	margin: 0px 0 0px;
	letter-spacing: 0px;
}

footer .copyright{
	width:100%;
	height:auto;
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	font-weight:normal;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	text-align:center;
	padding: 0px 0px 10px;
	margin: 0px 0 0px;
	letter-spacing: 0px;
}
footer a{
	width:auto;
	height:auto;
	display: table;
	margin: 0 auto;
}


/** TEAM **/
.team-member{margin-bottom:50px;text-align:center}
.team-member img{width:225px;height:225px;border:7px solid #fff}
.team-member h4{margin-top:25px;margin-bottom:0;text-transform:none}
.team-member p{margin-top:0}


/** CONTACTO **/
section#contact .section-heading{color:#fff}
section#contact .form-group{margin-bottom:25px}
section#contact .form-group input,section#contact .form-group textarea{padding:20px}
section#contact .form-group input.form-control{height:auto}
section#contact .form-group textarea.form-control{height:248px}
section#contact .form-control:focus{border-color:#ce1327;box-shadow:none}
section#contact ::-webkit-input-placeholder{color:#ced4da;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
section#contact :-moz-placeholder{color:#ced4da;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
section#contact ::-moz-placeholder{color:#ced4da;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
section#contact :-ms-input-placeholder{color:#ced4da;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
section#contact{padding:5rem 0; background-color:#056948 !important;background-image:url(../img/map-image.png);background-repeat:no-repeat;background-position:center; color: #fff;}
section#contact.international{padding:5rem 0; background-color:#ce1327 !important;background-image:url(../img/map-image.png);background-repeat:no-repeat;background-position:center; color: #fff;}
section#contact.grey{padding:5rem 0; background-color:#8e8e8e !important;background-image:url(../img/map-image.png);background-repeat:no-repeat;background-position:center; color: #fff;}
section#contact.bg-light{background-color:#f8f9fa !important; background-image:url(../img/map-image.png);background-repeat:no-repeat; color: #056948;}

section#contact.bg-light .section-heading{color: #056948;}


section#contact.international .fa{color:#fff;}
section#contact.international a.mail{color:#fff;}


/** Social Buttons **/
ul.social-buttons li a{font-size:20px;line-height:40px;display:block;width:40px;height:40px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;color:#fff;border-radius:100%;outline:0;background-color:#ce1327; text-align: center;}
ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#056948;}


.btn-turquesa{background-color:#ce1327;border-color:#ce1327;}
.btn-turquesa:hover{color:#fff;background-color:#056948!important;cursor:pointer;}



/** INTERNATIONAL SCHOOLS **/
.WhatsApp{
	width: 27px;
	display:inline-block;
	margin: -6px 0px 0px 2px;
}

i.fa.fa-whatsapp.small{
	font-size:25px;
	padding:0px 0px 0px 3px;
}

#specialize li{padding: 5px 0px 10px;} 
#is-partner .text-dark{font-size: 15px;line-height: 28px;letter-spacing: 0.5px;font-weight: 700;}
#is-partner .text-dark li{display:inline;}
#is-partner .text-dark li:nth-child(even) a{color: rgba(12, 46, 85, 1) !important;}
#is-partner .text-dark li:nth-child(odd) a{color: rgba(12, 46, 85, 1) !important;}
/*#is-partner .text-dark li:nth-child(even) a{color: rgba(12, 46, 85, 0.65) !important;}
#is-partner .text-dark li:nth-child(odd) a{color: rgb(30, 196, 222) !important;}*/

#is-partner li.list a:hover{
	color: rgba(30, 196, 222) !important;
	text-decoration:none !important;
}

#is-partner .fa.fa-circle{
	color: rgb(30, 196, 222) !important;
	text-decoration:none !important;
	font-size: 7px;
	top: -2px;
	position:  relative;
}

.goto-catalog{
	border:none;
	border-radius:1px;
	display: table;
	margin: 15px auto 0;
	padding: 1px 20px 1px;
	text-align: center;
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
	font-weight:700;
	font-size: 12px;
	letter-spacing:0.5px;
	text-transform:uppercase;
	color:#fff;
	background: rgba(20, 202, 230, 0.8);
}

ul.num li.list{
	list-style:decimal;
}
ul li.list a{
	color:#ffffff; 
}

#solutions .btn-primary{font-weight:bold;}
#solutions .btn-primary:hover{color:#ce1327; background:#fff !important;}

/*
#solutions a{font-weight:bold; color:#cbfba7}
#solutions a:hover{color:#fff}*/

#solutions .section-heading.mex{font-weight:bold;font-size: 45px;letter-spacing: 2px;}


/*
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;  *16:9*
	padding-top: 25px;
	height: 0;
}
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top: 37px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper .authors{
	margin-top: 55px;
}

/** PRESS **/
#press .lead{font-size:1rem;font-weight:500;}
#press hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    max-width: 100%;
}

.success-case iframe{
	width: 100%;
	height: 2800px;
	margin:65px auto 0px;
	display:table;
}

/** IFRAME **/
.partner-web{
    width: 100%;
    height: 850px;
    display: table;
	border: none;
    margin: 67px 0 0 0;
}

/** TESTIMONIALS **/
.testimonial-carousel .carousel-control{background-image:none;top:50%;-webkit-transform:translateY(-35%);-ms-transform:translateY(-35%);transform:translateY(-35%)}
.testimonial-carousel .carousel-control:before{font-size:5rem;color:rgba(0,0,0,.6)}
.testimonial-carousel .carousel-control:hover:before{color:#ce1327;-webkit-transition:.4s;transition:.4s;}
.testimonial-carousel .carousel-control.left{left:6%; text-decoration: none !important;}
.testimonial-carousel .carousel-control.left:before{content:"\2039"}
.testimonial-carousel .carousel-control.right{right:6%; text-decoration: none !important;}
.testimonial-carousel .carousel-control.right:before{content:"\203a"}
.testimonial-carousel .testimonial{margin-right:15%;margin-left:15%}
.testimonial-carousel .testimonial .avatar{margin-bottom:2rem}
.testimonial-carousel .testimonial .avatar img{max-width:170px; box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);}
.testimonial-carousel .testimonial p{color:#000}
.testimonial-carousel .testimonial h5{font-weight:bold;font-size: 18px;}
.testimonial-carousel .testimonial h6{line-height: 18px;font-size: 13px;}


.testimonial-carousel .testimonial .avatar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}
.testimonial-carousel .testimonial .avatar p{margin:0}
.testimonial-carousel .testimonial .avatar ul{text-align:center}
.testimonial-carousel .testimonial .avatar ul li{margin-bottom:1rem}
.testimonial-carousel .testimonial .avatar ul li:last-of-type{margin-bottom:0}