html {
  scroll-behavior: smooth;
}

:root {
  --main: #005499;

  --primary: #005499;

  --bluetwo: #00b4eb;

  --grey: #797979;
}

body {
  background: #f7f7f7;
}

::selection {
  background: #00b4eb88;

  text-shadow: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway";
}

p {
  font-family: sans-serif;
}

a,
button,
ul,
li {
  font-family: sans-serif;
}

#mainNav {
  padding-bottom: 1rem;

  background-color: #ffffff;
}

#mainNav .container {
  padding-top: 1rem;
}

#mainNav .navbar-toggler {
  padding: 0.75rem;

  font-family: "Raleway", sans-serif;

  font-size: 0.75rem;

  color: #fff;

  text-transform: uppercase;

  background-color: var(--main);

  border: 0;

}

#mainNav .navbar-brand {
  color: var(--main);

  font-family: "Raleway", sans-serif;

  font-weight: 700;

  letter-spacing: 0.0625em;

  transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
}

#mainNav .navbar-brand img {
  height: 3.5rem;
}

#mainNav .navbar-nav .nav-item .nav-link {
  font-family: "Raleway", sans-serif;

  font-size: 0.95rem;

  color: #00539d;

  letter-spacing: 0.0625em;
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: var(--bluetwo);
  border-bottom: 2px solid;
  width: fit-content;
}

@media (min-width: 992px) {
  #mainNav .container {
    padding: 0px;
  }

  #mainNav {
    padding-top: 0;

    padding-bottom: 0;

    border: none;

    background-color: transparent;

    transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  }

  #mainNav .navbar-brand {
    font-size: 1.5em;

    transition: font-size 0.3s ease-in-out;
  }

  #mainNav .navbar-brand img {
    width: 100%;

    height: 100%;

    transition: width 0.3s ease-in-out;
  }

  #mainNav.navbar-shrink {
    -webkit-box-shadow: 0 8px 10px -5px #b8b8b838;

    box-shadow: 0 8px 10px -5px #b8b8b838;

    background-color: #ffffff;
  }

  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.25em;
  }

  #mainNav.navbar-shrink .navbar-brand svg,
  #mainNav.navbar-shrink .navbar-brand img {
    width: 70%;

    height: 70%;

    transition: width 0.3s ease-in-out;
  }

  #mainNav .navbar-nav .nav-item {
    margin-right: 1rem;

    font-weight: 700;
  }

  #mainNav .navbar-nav .nav-item:last-child {
    margin-right: 0;
  }
}

.page-section h2 {
  color: var(--main);

  font-size: 2.5rem;

  font-weight: 300;

  font-family: "Raleway";
}

.page-section h2 b {
  font-weight: 600;
}

.page-section {
  padding: 5rem 0;
}

#home.page-section {
  padding-top: 5rem;
  padding-bottom: 0;
}

.page-section h2.section-heading {
  font-size: 2.5rem;

  margin-top: 0;

  margin-bottom: 1rem;
}

#contact.page-section h2.section-heading {
  font-size: 1.5rem;

  margin-top: 0;

  margin-bottom: 1rem;
}

#contact.page-section h2.section-heading.big {
  font-size: 2.5rem;

  margin-top: 0;

  margin-bottom: 1rem;
}

#contact.page-section h2.section-heading span {
  font-size: 1rem;

  font-weight: 200;
}

.page-section h3.section-subheading {
  font-size: 1rem;

  font-weight: 400;

  font-style: italic;

  font-family: inherit;

  margin-bottom: 4rem;
}

header.masthead {
  padding-top: 13rem;

  padding-bottom: 3rem;

  text-align: center;

  height: 100vh;

  background: #f7f7f7 url(../image/bg.jpg) top center;

  background-size: cover;
}

header.masthead.consultancy {
  padding-top: 10rem;

  padding-bottom: 3rem;

  text-align: center;

  height: 100vh;

  background: #f7f7f7 url(../image/bg-consultancy.jpg) top center;

  background-size: cover;
}

header.masthead.book-w {
  padding-top: 10rem;

  padding-bottom: 3rem;

  text-align: center;

  height: 35vh;

  background: #f7f7f7 url(../image/bg-consultancy.jpg) top center;

  background-size: cover;
}

.book-w {
  background: #0E2D42;
  padding: 0 2rem;
}

.content.page-section.book-w h2.namebook {
  color: #f9c630;
  text-transform: uppercase;
}

.slider-testimonial p.yellow {
  color: #f9c630;
  font-size: 1.4rem;
  font-weight: 600;
  font-style: normal;
}
.slider-reviews p.yellow {
  color: #f9c630;
  font-size: 1.4rem;
  font-weight: 600;
  font-style: normal;
}
button.btn.btn-primary.btn-block {
  margin: 10px 0;
}

.slider-testimonial p {
  font-size: 1.2rem;
  color: #fff;
  font-style: italic;
}
.slider-reviews p {
  font-size:14px;
  color: #fff;
}
.slider-reviews p.autor {
  font-size:1.2rem;
  color: #fff;
}

.content p.card-subtitle {
  font-size: 14px;
  padding: 1rem 0;
  font-weight: 600;
}

.content .card-title {
  color: #00539d;
  font-size: 20px;
  font-weight: 700;
}

.content p.card-text{
  font-size: 16px;
}
.content.page-section.book-w h2,
.page-section.book-w h2 {
  color: #fff;

  font-size: 2.5rem;

  font-weight: 300;
}

.content.book-w p {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.8;
}


header.masthead.articles {
  padding-top: 10rem;

  padding-bottom: 3rem;

  text-align: center;

  height: 260px;

  background: #f7f7f7 url(../image/bg-consultancy.jpg) top center;

  background-size: cover;
}

img.articles {
  width: 40%;
}

header.masthead.internationalization {
  padding-top: 10rem;

  padding-bottom: 3rem;

  text-align: center;

  height: 100vh;

  background: #f7f7f7 url(../image/bg-internationalization.jpg) top center;

  background-size: cover;
}

header.masthead.home {
  padding-top: 10rem;

  padding-bottom: 3rem;

  text-align: center;

  height: 50vh;

  background: #f7f7f7;
  background: #f7f7f7 url(../image/bg-home.png) top center;

  background-size: cover;
}

.consul-slide .slider img.img-fluid {
  max-width: 100%;
}

header.masthead .masthead-subheading {
  font-size: 1.5rem;

  font-style: italic;

  line-height: 1.5rem;

  margin-bottom: 25px;

  font-family: "Raleway", sans-serif;
}

header.masthead .masthead-heading {
  font-size: 3.25rem;

  font-weight: 700;

  line-height: 3.25rem;

  margin-bottom: 2rem;

  font-family: "Raleway", sans-serif;
}

.sliderOne {
  padding: 0;
}

.btn-primary {
  color: #fff;

  background-color: var(--main);

  border-color: var(--main);
}

.btn-primary:hover {
  color: #fff;

  background-color: var(--main);

  border-color: var(--bluetwo);
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;

  background-color: var(--main);

  border-color: var(--bluetwo);

  box-shadow: 0 0 0 0.2rem rgba(254, 216, 84, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;

  background-color: var(--main);

  border-color: var(--main);
}

.masthead h1 {
  font-size: 2rem;

  font-weight: 300;

  text-align: left;

  color: #00539d;
}

.masthead h1 b {
  font-weight: 700;
}

.masthead p {
  font-size: 1.4rem;

  text-align: left;

  color: #00539d;
}
.media .card {
  height: 650px;
}

@media (min-width: 768px) {

  #home.page-section {
    background: #fff0;

    margin-top: -30%;
  }

  .consul-slide .slider img.img-fluid {
    max-width: 70%;
  }

  header.masthead.home {
    padding-top: 10rem;

    padding-bottom: 3rem;

    text-align: center;

    height: 100vh;

    background: #f7f7f7 url(../image/bg-home.png) top center;

    background-size: cover;
  }

  header.masthead.service {
    padding-top: 10rem;

    padding-bottom: 3rem;

    text-align: center;

    height: 45vh;

    background: #f7f7f7 url(../image/bg-home.png) top center;

    background-size: cover;
  }

  header.masthead .masthead-subheading {
    font-size: 2.25rem;

    font-style: italic;

    line-height: 2.25rem;

    margin-bottom: 2rem;
  }

  header.masthead .masthead-heading {
    font-size: 4.5rem;

    font-weight: 700;

    line-height: 4.5rem;

    margin-bottom: 4rem;
  }

  .masthead h1 {
    font-size: 3rem;

    font-weight: 300;

    text-align: left;

    color: #00539d;
  }

  .masthead h1 b {
    font-weight: 700;
  }

  .masthead p {
    font-size: 1.4rem;

    text-align: left;

    color: #00539d;
  }

  header.masthead button.btn {
    width: 60%;

    height: 3rem;

    border-radius: 10px;

    display: block;

    font-family: "Raleway";

    font-weight: 600;

    margin-top: 1rem;
  }
}

hr.divider-center {
  width: 20%;

  border-top: 3px solid var(--bluetwo);

  margin-bottom: 1rem;

  margin-top: 2rem;
}

hr.divider-center-y {
  width: 20%;

  border-top: 3px solid #f9c630;

  margin-bottom: 1rem;

  margin-top: 2rem;
}

hr.divider-left {
  width: 20%;

  border-top: 3px solid var(--bluetwo);

  margin-bottom: 2rem;

  margin-top: 1rem;

  margin-left: 0;
}

#home.page-section {
  background: #fff0;

  margin-top: -10%;
}

#home.page-section h2.section-heading {
  font-size: 1.6rem;

  margin-top: 0;

  display: flex;

  height: 125px;

  vertical-align: middle;

  text-align: center;

  font-weight: 700;

  margin-bottom: 1rem;
}

#home ul li {
  font-family: sans-serif;

  list-style: disc;

  color: var(--grey);

  font-size: 1.2rem;

  margin-bottom: 1.2rem;

  line-height: 1.4;
}

#home ul {
  text-align: left;

  height: 200px;
}

#home .box-home {
  background: #fff;

  padding: 0rem 2rem;

  border-radius: 15px;

  height: 550px;

  margin-bottom: 8rem;
}
@media (min-width: 320px) and (max-width: 480px) {
  .media .card {
    height: auto;
    margin: 10px 0;
}
  
.boton-foot{
  margin-top: -8rem;
}
  
}
#home .box-home img {
  position: relative;

  margin-top: -6rem;

  margin-bottom: 1rem;

  cursor: pointer;
}

#home .btn-primary {
  padding: 10px 40px;

  position: relative;

  top: 1.5rem;

  font-weight: 600;

  font-family: "Raleway";
}

#about.page-section {
  padding-bottom: 0;
}

#about.page-section h2 {
  color: var(--main);

  font-size: 1.5rem;

  font-weight: 300;
}

#about.page-section h2 b {
  font-weight: 700;
}

#about p {
  text-align: left;

  color: var(--grey);

  font-size: 1.2rem;

  line-height: 1.8;
}

#about p b {
  color: var(--bluetwo);

  font-weight: 700;
}

#privacy.page-section {
  padding: 10rem 0;
}

#privacy.page-section h2 {
  color: var(--main);

  font-size: 2.5rem;

  font-weight: 300;
}

#privacy.page-section h2 b {
  font-weight: 700;
}

#privacy p {
  text-align: left;

  color: var(--grey);

  font-size: 1.2rem;

  line-height: 1.8;
}

#privacy p b {
  color: var(--bluetwo);

  font-weight: 700;
}

.content.page-section {
  padding-bottom: 0;
}

.content.page-section h2 {
  color: var(--main);

  font-size: 2.5rem;

  font-weight: 300;
}

.content.page-section h2 b {
  font-weight: 700;
}

.content p {
  color: var(--grey);

  font-size: 1.2rem;

  line-height: 1.8;
}

.content p b {
  color: var(--bluetwo);

  font-weight: 700;
}

.content p.destacado {
  color: var(--main);

  font-size: 1.2rem;

  line-height: 1.8;

  font-style: italic;
}

.content ul {
  list-style: none;

  padding-left: 0;
}

.content ul li {
  background-image: url(../image/vi.png);

  background-repeat: no-repeat;

  font-family: sans-serif;

  list-style: none;

  color: var(--grey);

  font-size: 1.2rem;

  padding-left: 3rem;

  margin-bottom: 1.2rem;

  line-height: 1.4;
}

.content ul li::marker {
  margin-top: 1.2rem;
}

.content.page-section h3.section-heading {
  color: var(--primary);

  margin-top: 1rem;

  margin-bottom: 2rem;
}

#book.page-section {
  padding-top: 1rem;

  padding-bottom: 1rem;

  text-align: center;

  background: #005499;

  height: 100%;

  background-size: cover;
}

#book .book {
  position: relative;

  top: 0rem;
}

#book h2 {
  color: #fff;

  margin-top: 2rem;

  font-weight: 600;
}

#session.page-section {
  background-color: #f7f7f7;
}

@media (min-width: 768px) {
  #book.page-section {
    padding-top: 1rem;

    padding-bottom: 1rem;

    text-align: center;

    height: 100%;

    background: url(../image/curva.png) top;

    background-size: cover;
  }

  #about.page-section h2 {
    color: var(--main);

    font-size: 2.5rem;

    font-weight: 300;
  }

  #book .book {
    position: relative;

    top: 8rem;
  }

  #book h2 {
    color: #fff;

    margin-top: 10rem;

    font-weight: 600;
  }

  #home .box-home {
    margin-bottom: 0;
  }
}

.row {
  padding: 2rem 0;
}

#session h4 {
  color: var(--main);

  margin-top: 1rem;
}

#objectives ul {
  list-style: none;

  padding-left: 0;
}

#objectives ul li {
  background-image: url(../image/vi.png);

  background-repeat: no-repeat;

  font-family: sans-serif;

  list-style: none;

  color: var(--grey);

  font-size: 1.2rem;

  padding-left: 3rem;

  margin-bottom: 1.2rem;

  line-height: 1.4;
}

#objectives ul li::marker {
  margin-top: 1.2rem;
}

#objectives div.back-consultancy {
  height: 700px;

  background: url(../image/back-consultancy.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;
}

#objectives div.back-interna {
  height: 700px;

  background: url(../image/back-interna.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;
}

#objectives.consultancy .row {
  padding: 0;
}

#objectives.page-section.consultancy {
  padding: 0;

  background: #fff;
}

#objectives .container-xl {
  max-width: 1600px;
}

#work.page-section {
  padding-top: 4rem;

  padding-bottom: 4rem;

  height: auto;

  background: url(../image/facilitor.jpg) top;

  background-size: cover;
}

#work p,
#work h4,
#work h2.section-heading,
#work h3 {
  color: #fff;
}

#work h3,
#work p {
  text-align: center;

  padding: 1rem 0;
}

#work hr.divider-center {
  width: 20%;

  border-top: 3px solid #fff;

  margin: 0 auto;

  margin-bottom: 2rem;
}

#facilitor img.falicitor {
  position: relative;

  top: 0;

  border: 10px solid #f7f7f7;

  border-radius: 15px;

  -webkit-box-shadow: -2px 8px 10px -5px #b8b8b8;

  box-shadow: -2px 8px 10px -5px #b8b8b8;
}

#facilitor.page-section {
  padding-top: 1rem;

  padding-bottom: 1rem;

  height: 100%;

  text-align: center;

  background: url(../image/facilitor.jpg) top;

  background-size: cover;
}

#facilitor h2 {
  text-align: left;

  color: #fff;

  margin-top: 2rem;

  font-weight: 600;
}

#facilitor p {
  text-align: left;

  color: #fff;

  font-family: "Raleway", sans-serif;

  line-height: 1.8;

  width: 100%;
}

#facilitor p i {
  text-align: left;

  color: #fff;

  font-family: "Dancing Script", cursive;

  line-height: 2;

  font-size: 2rem;
}

#facilitor p b {
  font-weight: 600;
}

#facilitor hr.divider-center {
  width: 20%;

  border-top: 3px solid #fff;

  margin: 0;

  margin-bottom: 2rem;
}

#facilitor img.falicitor {
  position: relative;

  top: 0;

  border: 10px solid #f7f7f7;

  border-radius: 15px;

  -webkit-box-shadow: -2px 8px 10px -5px #b8b8b8;

  box-shadow: -2px 8px 10px -5px #b8b8b8;
}

#facilitor .row {
  margin-top: 1rem;
}

@media (min-width: 768px) {

  #facilitor img.falicitor {
    position: relative;

    width: 70%;

    top: 0rem;

    border: 10px solid #f7f7f7;

    border-radius: 15px;

    -webkit-box-shadow: -2px 8px 10px -5px #b8b8b8;

    box-shadow: -2px 8px 10px -5px #b8b8b8;
  }

  #facilitor .row {
    margin-top: -5rem;
  }

  #facilitor h2 {
    text-align: left;

    color: #fff;

    margin-top: 4rem;

    font-weight: 600;
  }

  #facilitor.page-section {
    padding-top: 1rem;

    padding-bottom: 1rem;

    height: auto;

    text-align: center;

    background: url(../image/facilitor.jpg) top;

    background-size: cover;
  }

  #facilitor p {
    text-align: left;

    color: #fff;

    font-family: "Raleway", sans-serif;

    line-height: 1.8;

    width: 70%;
  }

  #facilitor p.full {
    text-align: left;

    color: #fff;

    font-family: "Raleway", sans-serif;

    line-height: 1.8;

    width: 100%;
  }

  #work h3,
  #work p {
    text-align: left;
  }
}

#testimonial.page-section {
  padding-bottom: 0;

  background-color: #fff;

  padding: 8rem 0;
}

#testimonial div.box-test {
  background: #00b5ee;

  padding: 3rem 2rem;

  height: 430px;

  border-radius: 15px;

  margin: 1rem;

  margin-bottom: 5rem;

  -webkit-box-shadow: -2px 8px 10px -5px #b8b8b8;

  box-shadow: -2px 8px 10px -5px #b8b8b8;
}

#testimonial.consultancy div.box-test {
  height: 300px;

  margin-bottom: 1rem;

  padding: 2rem 1rem;
}

#testimonial div.box-test h2 {
  font-size: 1.4rem;

  color: #fff;

  font-weight: 600;
}

#testimonial div.box-test p {
  font-size: 1.2rem;

  font-style: italic;

  color: var(--main);

  font-weight: 30;
}

#testimonial div.box-test img {
  margin: 0 auto;

  position: relative;

  top: 0rem;
}

#testimonial.consultancy p {
  color: var(--grey);

  font-size: 1.2rem;

  line-height: 1.8;
}

#tabla.page-section {
  background: #f7f7f7;
}

@media (min-width: 768px) {

  #testimonial div.box-test {
    background: #00b5ee;

    padding: 3rem 2rem;

    height: 430px;

    border-radius: 15px;

    margin: 1rem;

    margin-bottom: 5rem;

    -webkit-box-shadow: -2px 8px 10px -5px #b8b8b8;

    box-shadow: -2px 8px 10px -5px #b8b8b8;
  }

  #testimonial div.box-test img {
    margin: 0 auto;

    position: relative;

    top: 30%;
  }

  #testimonial.consultancy div.box-test {
    height: 200px;

    margin-bottom: 1rem;

    padding: 2rem 1rem;
  }
}

.pricing a {
  text-decoration: none;
}

.pricing .card {
  border: none;

  border-radius: 1rem;

  transition: all 0.2s;

  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing .card-body {
  padding: 1rem 2rem;

  padding-bottom: 3rem;

  height: 420px;
}

.pricing hr {
  margin: 1rem;
}

#tabla h5.card-title {
  margin: 0.5rem 0;

  font-size: 2.2rem;

  color: var(--main);

  font-weight: bold;
}

#tabla h6.card-title {
  margin: 0.5rem 0;

  font-size: 1rem;

  color: var(--main);

  font-weight: bold;
}

.pricing p {
  text-align: center;

  font-size: 1rem;

  color: var(--grey);

  padding: 1rem 0;
}

.pricing p i {
  text-align: center;

  font-style: italic;

  font-size: 1rem;

  color: var(--main);
}

.pricing p.note {
  text-align: center;

  font-size: 1rem;

  color: var(--main);

  padding: 0;

  margin-top: -1rem;
}

.pricing hr {
  border-top: 1px solid rgb(9 183 236);
}

.pricing div.prices {
  padding: 12px 0;

  border-radius: 10px;

  margin-bottom: 2rem;

  background: #00b4eb;

  /* Old browsers */

  background: -moz-linear-gradient(top, #00b4eb 0%, #28beec 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #00b4eb 0%, #28beec 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #00b4eb 0%, #28beec 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b4eb', endColorstr='#28beec', GradientType=0);

  /* IE6-9 */

  -moz-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

  -webkit-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

  -o-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

  -ms-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

  transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

.pricing div.prices p {
  font-size: 2rem;

  font-weight: 700;

  color: #fff;

  margin: 0;

  padding: 0;
}

.pricing div.prices p span.den {
  font-size: 1rem;

  font-weight: 300;

  color: #fff;

  padding: 0;
}

.pricing .card-price {
  font-size: 3rem;

  margin: 0;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  font-size: 80%;

  border-radius: 5rem;

  letter-spacing: 0.1rem;

  font-weight: bold;

  padding: 1rem;

  opacity: 0.7;

  transition: all 0.2s;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -0.25rem;

    margin-bottom: 0.25rem;

    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }

  .pricing .card:hover .btn {
    opacity: 1;
  }
}

section#contact {
  background-image: url("../image/foot.jpg");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;
}

#contact form {
  width: 60%;

  margin: 0 auto;
}

section#contact .section-heading {
  color: #fff;

  font-family: "Raleway", sans-serif;

  font-weight: 700;
}

#contact button {
  width: 80%;

  padding: 1rem 0;

  background: #00b4eb;

  /* Old browsers */

  background: -moz-linear-gradient(top, #00b4eb 0%, #28beec 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #00b4eb 0%, #28beec 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #00b4eb 0%, #28beec 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b4eb', endColorstr='#28beec', GradientType=0);

  /* IE6-9 */
}

section#contact form#contactForm .form-group {
  margin-bottom: 1.5rem;
}

section#contact form#contactForm .form-group input,
section#contact form#contactForm .form-group textarea,
section#contact form#contactForm .form-group select {
  padding: 1.25rem;
}

section#contact form#contactForm .form-group input.form-control,
section#contact form#contactForm .form-group select {
  height: auto;
}

section#contact form#contactForm .form-group-textarea {
  height: 100%;
}

section#contact form#contactForm .form-group-textarea textarea {
  height: 100%;

  min-height: 10rem;
}

section#contact form#contactForm p.help-block {
  margin: 0;
}

section#contact form#contactForm .form-control:focus {
  border-color: var(--main);

  box-shadow: none;
}

section#contact form#contactForm ::-webkit-input-placeholder {
  font-family: "Raleway", sans-serif;

  font-weight: 700;

  color: #ced4da;
}

section#contact form#contactForm :-moz-placeholder {
  font-family: "Raleway", sans-serif;

  font-weight: 700;

  color: #ced4da;
}

section#contact form#contactForm ::-moz-placeholder {
  font-family: "Raleway", sans-serif;

  font-weight: 700;

  color: #ced4da;
}

section#contact form#contactForm :-ms-input-placeholder {
  font-family: "Raleway", sans-serif;

  font-weight: 700;

  color: #ced4da;
}

footer {
  background: #005499;

  color: #fff;

  padding: 1rem;

  text-align: center;

  line-height: 1.8;
}

footer a {
  color: #f7f7f7;
}

footer a:hover {
  color: var(--bluetwo);

  text-decoration: none;
}

footer .row {
  padding: 0;
}

footer a.by {
  font-family: "Kanit", sans-serif;

  font-weight: 400;

  color: #fff;
}

footer a.by b {
  font-family: "Kanit", sans-serif;

  font-weight: 700;

  color: #fff;
}

@media (min-width: 768px) {

  footer {
    background: #005499;

    color: #fff;

    padding: 1rem;

    text-align: left;

    line-height: 1.8;
  }
}