/*! Body Layout */

  body {
    background-color: #33362f;
    font-family: Arimo, sans-serif !important;
    color:white;
    width: 100%;
    margin:auto;

  }

  h1 {
    line-height: 1.2pt;
    font-size: 35px;
  }

  h2 {
    line-height: 1.2pt;
    font-size: 25px;
    
  }

  h3 {
    line-height: 1.2pt;
    font-size: 20px;
  }

  h4 {
    line-height: 1.2pt;
    font-size: 18px;
  }

  p {
    color: whitesmoke;
    line-height: 1.2;
    word-spacing: 1px;
  }

  a {
    color: whitesmoke;
    text-decoration: none;
  }

  a:hover {
    color: #e0230f;
  }

  .mainbody {
    max-width: 100%;
    margin: auto;
  }

  @media screen and (max-width: 600px) {
    .mainbody {
      max-width: 100%;
    }
  }

  .section {
    max-width: 96%;
    margin: auto;
  }

  @media screen and (max-width: 600px) {
    .section {
      max-width: 98%;
    }
  }


  /*! header Layout */
  .topSection {
    max-width: 100%;
    padding-top: 103px;
  }

  @media screen and (max-width: 600px) {
    .topSection {
      max-width: 100%;
      padding-top: 72px;
    }
  }

  .menubar {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
    background: linear-gradient(to bottom, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    max-height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2%;
    padding-right: 2%;
  }

  .menu {
    font-size: 14px;
  }
  .menutab{
    padding:2px;

  }
  .menutab:hover{
    background-color: #e0230f;
    color: rgb(198, 200, 202);
    transition: all 7s ease;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
}
.logo{
margin-top:-15px;
padding-left:7px;

}
@media screen and (max-width: 600px) {
  .logo {
    margin-top:-25px;
    padding-left:7px;
  }
}
  .icon {
    color: white;
    font-size: 20px;
  }

  .top {
    background-color: #EA2016;
    padding-left: 2%;
    padding-right: 2%;
  }

  /*! footer Layout */
  .footer {
    color: white;
    padding-top: 30px;

  }

  .txt1 {
    font-size: 12px;
  }

  .txt2 {
    font-size: 10px;
    color: darkgray;

  }
  .txt3 {
    margin-top:30px;
  

  }

  .url {
    font-size: 12px;
  }

  .r1 {
    padding-top: 5px;
  }
  .btn100
  {
    background-color:#EA2016;
    cursor: pointer;
  }
  .btn100:hover
  {
    background-color:#f4554c;
    cursor: pointer;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.subject{
  padding-top:16px;
  padding-bottom:24px;
  color:white;
}
.subject2{
  padding-top:16px;
  padding-bottom:24px;
  color:#e71f2a;
  border-style: dotted;
  border-color: whitesmoke;
  border-width: 1px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.cap1{
  background-color: #e71f2a;
  font-size: 13px;
}
.whatsapp-button{
  position: fixed;
  bottom: 25px;
  right: 55px;
  z-index: 1;
  background-color: #25d366;
  border-radius: 50px;
  color: #ffffff !important;
  text-decoration: none;
  width: 50px;
  height: 50px;
  font-size: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  animation: effect 5s infinite ease-in;
}
.bnrContact
{
  margin-top:70px;
}
@media screen and (max-width: 600px) {
  .bnrContact {
    margin-top:80px;
   
  }
}
.imgContact
{
height: 100%;
}
@media screen and (max-width: 600px) {
  .imgContact {
    min-height:230px
   
  }
}