/*------------------------------------------------------------------
Theme Name: UNICORE - Responsive Bootstrap Landing Page
Version: 2.0
Author:
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[TABLE OF CONTENTS]

  1. GLOBAL STYLES
  2. COMMON STYLES
  3. HEADER STYLES
  4. INTRO STYLES
    4.1. Intro / 1
    4.2. Intro / 2
    4.3. Intro / 3
    4.4. Intro / 4
    4.5. Intro / 5
    4.6. Intro / 6
    4.7. Intro / 7
    4.8. Intro / 8
    4.9. Intro / 9
    4.10. Intro / 10
    4.11. Intro / 11
    4.12. Intro / 12
    4.13. Intro / 13
    4.14. Intro / 14
    4.15. Intro / 15
    4.16. Intro / 16
    4.17. Intro / 17
    4.18. Intro / 18
    4.19. Intro / 19
    4.20. Intro / 20
  5. ICON BOX / SERVICES STYLES
  6. INFO STYLES
  7. TESTIMONIAL STYLES
  8. ABOUT
  9. VIDEO BOX
  10. FEATURES
  11. PRICING TABLE
  12. CLIENTS
  13. PAGE HEADER
  14. BLOG STYLES
  15. SIDEBAR
  15. PAGE HEADER
  16. PORTFOLIO
  17. TEAM
  18. 404 STYLES
  19. GOOGLE MAP
  20. CONTACT
  21. MAILCHIMP
  22. ELEMENTS
  23. COMMENTS
  24. FOOTER
  25. RESPONSIVE STYLES

-------------------------------------------------------------------*/



/* 19. GOOGLE MAP */

#map {
  width: 100%;
  height: 500px;
}

/* 20. CONTACT */

#contact-info {
  padding: 100px 0;
}

.c-info {
  padding: 15px 0;
  text-align: center;
  border-radius: 5px;
}

/*.c-info i {
  color: #0dba26;
  font-size: 45px;
  margin: 0 0 15px;
}*/

.c-info h4 {
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 2px;
}

.contact-form {
  /*background: #29d9c2;*/
  padding: 100px 0;
}

#contactForm input {
  height: 50px;
  padding: 0 20px;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 400;
  width: 100%;
  margin: 0 0 20px;
  background: #fff;
  border: none;
  border-radius: 5px;
  /*color: #fff;*/
}

#contactForm textarea {
  height: 100px;
  padding: 20px;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 400;
  width: 100%;
  margin: 0 0 20px;
  background: #fff;
  border: none;
  border-radius: 5px;
  /*color: #fff;*/
}

/*#contact-form button {
  display: table;
  margin: 0 auto;
}*/

.contact-form .submitBtn {
  text-align: center;
}

.error-info {
  padding: 180px 0;
}

.error-info h1 {
  font-size: 200px;
}

.error-info p {
  padding: 0px 25%;
}

.statusMessage, .successmessage, .errormessage {
  display: none;
  width: 100%;
  background: #fff;
  margin: 0px auto 15px;
  padding: 20px;
  border-radius: 0px;
}

.errormessage p, .statusMessage p, .successmessage p {
  margin: 0px !important;
  color: #000;
  font-size: 16px;
  letter-spacing: 0;
  margin: 0 !important;
}

.success-ico {
  background: url(../images/success.png);
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 15px;
  position: relative;
  top: 0px;
  background-size: 25px;
}

.error-ico {
  background: url(../images/error.png);
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 15px;
  position: relative;
  top: 0px;
  background-size: 25px;
}

#sendingMessage i {
  color: #00BCD4;
  font-size: 18px;
  margin-right: 10px;
}

#incompleteMessage i {
  color: yellow;
  font-size: 18px;
  margin-right: 10px;
}



/* 21. MAILCHIMP */

.ketchup-error {
  display: none !important;
}

#result {
  width: 100%;
  display: table;
  text-align: center;
  font-size: 12px;
  padding: 5px 15px;
  margin-top: 5px;
}