/*
Theme Name: X Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: An immensely powerful and endlessly customizable WordPress theme.
Version: 6.5.5
License: GNU General Public License v2.0
License URI: NaN
Text Domain: __x__
Template: x
*/

body {
  background-color: #fff !important;
}

h2 {
  font-size: 32px !important;
  margin-top: 15px !important;
}

p {
  color: #666;
}

.align-center {
  text-align: center;
}

.align-justify {
  text-align: justify;
}

.btn-large {
  background-image: linear-gradient(#97be3d, #20a20b, #609044);
  border: 0;
  border-radius: 60px;
  box-shadow: 0 1px 9px #999;
  color: #eee;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 60px 15px;
  text-transform: uppercase;
}

.btn-invest {
  box-shadow: 0 1px 9px #000;
  margin: 20px 0 10px !important;
}

.buy-sell img {
  border: 1px solid #ccc;
  border-radius: 50%;
  box-shadow: 1px 0 10px #ddd;
  max-height: 200px;
  max-width: 200px;
  padding: 5px;
}

.buy-sell h3 {
  color: #20a20b;
  font-size: 18px;
  letter-spacing: 0;
  margin-top: 0;
}

.buy-sell p {
  margin: 0 40px;
}

ul.contact-person, ul.contact-person li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.e2-1.x-section, .e7-1.x-section, .e8-1.x-section,
.e15-1.x-section, .e16-1.x-section, .e18-1.x-section {
  padding: 0 !important;
}

.e7-5.x-section img {
  box-shadow: 10px 10px 1px #f0f0f0;
}

.green-text {
  color: #5f9040;
}

.x-navbar .desktop .x-nav > li > a {
  font-size: 15px !important;
}

.mission h3 {
  font-size: 18px;
  letter-spacing: 0;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.no-margin, .no-margin * {
  margin: 0 !important;
}

.float-left {
  float: left;
}

.font14 {
  font-size: 14px;
  line-height: 22px;
  text-align: justify;
}

.font16 {
  font-size: 16px;
  line-height: 26px;
  text-align: justify;
}

.footer {
  background: url("img/footer-bg.jpg");
  background-position: bottom center;
  background-size: cover;
  height: 580px;
  padding: 100px 0 !important;
}

.footer h3 {
  margin: 15px auto 20px;
  text-transform: uppercase;
}

.footer img {
  height: 188px;
}

.footer p {
  font-size: 15px;
  line-height: 28px;
}

.rev_slider {
  position: relative;
}

.header-text {
  position: absolute;
  border: 15px solid #fff;
  left: 50%;
  margin-left: -360px;
  margin-top: 170px !important;
  padding: 40px 50px;
  text-align: center !important;
  width: 720px;
}

.header-text h1 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  margin-top: 0;
}

.header-text h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt40 {
  margin-top: 40px !important;
}

.no-margin {
  margin: 0 !important;
}

.required {
  color: #c00;
}

.sub-header {
  background: url("img/header.jpg");
  background-position: center;
  background-size: cover;
  height: 400px;
  width: 100%;
}

.sub-header h1 {
  color: #eee;
  line-height: 400px;
  margin: 0;
  text-align: center;
}

.wg-bg {
  background: url("img/wg-bg.png") repeat-x;
  height: 422px;
  padding: 0 !important;
}

.wg-bg h3 {
  color: #fff;
  font-size: 24px;
  letter-spacing: 1px;
  margin-top: 0;
  text-transform: none;
}

.wg-bg p {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
}

.white-bg {
  background: #fff !important;
}

.woocommerce-notices-wrapper + h2 {
  margin-bottom: 20px;
}

.woocommerce-form-login__rememberme span {
  margin-left: 5px;
}

.woocommerce-form-login__submit {
  margin-top: 20px;
}

#wpcf7-f226-p16-o1 {
  position: relative;
  left: 50%;
  margin-left: -250px;
  width: 500px;
}

.wcfmmp_sold_by_container {
  padding: 10px 15px !important;
}

.wpcf7-form input[type="text"], .wpcf7-form input[type="email"] {
  border-radius: 2px;
  padding: 1.5em 1em;
}

.wpcf7-form textarea {
  border-radius: 2px;
  padding: 0.75em 1em;
}

.wpcf7-form-control.wpcf7-submit, .wpcf7-form-control.wpcf7-submit:hover {
  background: #5f9040;
  border: none;
  border-radius: 2px;
  box-shadow: none;
  padding: 10px 30px;
  text-shadow: none;
}

.wpcf7-form label {
  margin-bottom: 10px;
}

.x-colophon-content {
  font-size: 14px;
  letter-spacing: 0 !important;
}

.x-colophon.top {
  display: none;
}

.x-colophon.bottom .x-nav li a {
  font-size: 14px;
  letter-spacing: 0 !important;
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  #inner-row .x-column.x-1-4{ width: 100%;
    margin: 0px 25px 30px 0px !important;
  }
  .wg-bg {
    background: url(img/wg-bg.png);
    height: 1210px !important;
    padding: 0 !important;
    background-size: auto !important;
    background-position: top !important;}
    .mission .x-column.x-1-3:first-child{width:60%;}
    .mission .x-column.x-1-3:nth-child(2){width: 32%;}
        .mission .font14 {
    font-size: 18px;
    line-height: 29px;
    text-align: justify;}
    .whoweareparent .e7-7.x-column.x-sm.x-1-3{width: 100% !important;}
    .whoweareparent .e7-9.x-column.x-sm.x-1-3{width: 100% !important;}
    .footer{height: 730px !important;}
    .x-colophon.bottom .x-nav li a{font-size: 12px !important; margin: 0 3px !important;}
    #inner-row h2{text-align: center;}
}
@media only screen and (width: 768px) and (height: 1024px) and (orientation:portrait) {
  #inner-row .x-column.x-1-4{    width: 460%;
    margin: 0px 25px 30px 0px !important;
  }
  .wg-bg {
    background: url(img/wg-bg.png);
    height: 540px !important;
    padding: 0 !important;
    background-size: contain !important;
    background-position: top !important;}  
        .mission .x-column.x-1-3:first-child{width:60%;}
    .mission .x-column.x-1-3:nth-child(2){width: 32%;}
    .mission .font14 {
    font-size: 18px;
    line-height: 29px;
    text-align: justify;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
    #inner-row .x-column.x-1-4{    width: 43%;
      margin: 0px 25px 30px 0px !important;
    }
    .wg-bg {
      background: url(img/wg-bg.png);
      height: 540px !important;
      padding: 0 !important;
      background-size: contain !important;
      background-position: top !important;}
          .mission .x-column.x-1-3:first-child{width:60%;}
    .mission .x-column.x-1-3:nth-child(2){width: 32%;}
    .mission .font14 {
    font-size: 18px;
    line-height: 29px;
    text-align: justify;}
    #inner-row .x-container.width{width: 112% !important;}
    #inner-row h2{text-align: center;}}
  }
/*working only in ipad landscape device*/
@media all and (width: 1024px) and (height: 768px) and (orientation:landscape){
  .header-text{
    margin:112px 0px 0px -350px;
  } 
}

@media screen and (device-width: 846px) and (orientation: landscape) {
  .header-text {
    margin-top: 110px !important;
    padding: 27px 80px !important;
    width: 520px;
  }  
  .font14 {
    font-size: 13px;
  }

  .e7-20 h3, .e7-22 h3, .e7-24 h3 {
    font-size: 20px;
  }

  .e7-20 p:last-child, .e7-22 p:last-child, .e7-24 p:last-child {
    font-size: 13px;
  }

  .buy-sell p {
    font-size: 13px;
    margin: 0 20px;
  }

  .buy-sell img {
    width: 100%;
  }

}

@media screen and (device-width: 667px) and (orientation: landscape) {
  p {
    font-size: 13px;
  }

  .header-text {
    margin-top: 60px !important;
    padding: 27px 40px !important;
    width: 410px;
  }

  .header-text h3 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .font14 {
    font-size: 13px;
  }

  .e7-19, .e7-21, .e7-23,
  .e16-11, .e16-13, .e16-15 {
    float: left !important;
    margin: 0 1% !important;
    width: 30% !important;
  }

  .e7-19, .e7-23,
  .e16-11, .e16-15 {
    margin: 0 2% !important;
  }

  .e7-17.wg-bg, .e16-9.wg-bg {
    background: #20a20b url("img/wg-bg.png") repeat-x !important;
    height: 480px !important;
  }

  .e16-11 h3, .e16-13 h3, .e16-15 h3,
  .e7-20 h3, .e7-22 h3, .e7-24 h3 {
    font-size: 20px;
  }

  .e16-11 p:last-child, .e16-13 p:last-child, .e16-15 p:last-child,
  .e7-20 p:last-child, .e7-22 p:last-child, .e7-24 p:last-child {
    font-size: 13px;
  }

  .buy-sell .e13-3.x-column.x-sm {
    float: none;
    width: 100%;
  }

  .buy-sell p {
    font-size: 13px;
    margin: 0 20px;
  }

  .buy-sell img {
    width: 100%;
  }

  .buy-sell .x-column.x-sm {
    float: left;
    width: 25%;
  }
}

@media screen and (device-width: 414px) and (orientation: portrait) {
  p {
    font-size: 13px;
  }

  .x-btn-navbar {
    margin-bottom: 20px;
    margin-top: 0;
  }

  .header-text {
    margin-left: -143px !important;
    margin-top: 50px !important;
    width: 300px;
  }

  .header-text h3 {
    font-size: 13px !important;
    line-height: 16px !important;
  }

  .font14 {
    font-size: 13px;
  }

  .e7-17.wg-bg, .e16-9.wg-bg {
    background: none;
    height: auto;
  }

  .e7-19, .e7-21, .e7-23,
  .e16-11, .e16-13, .e16-15 {
    background: url("img/wg-bg.png") repeat-x;
  }

  .e7-19 p:first-child, .e7-21 p:first-child, .e7-23 p:first-child,
  .e16-11 p:first-child, .e16-13 p:first-child, .e16-15 p:first-child {
    margin: 0;
  }

  .e7-19 p:last-child, .e7-21 p:last-child, .e7-23 p:last-child,
  .e16-11 p:last-child, .e16-13 p:last-child, .e16-15 p:last-child {
    font-size: 13px;
    padding: 0 30px 20px;
  }

  .buy-sell .x-bar-content-area p:last-child {
    margin-bottom: 20px;
  }

  .wpcf7 {
    left: auto !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  .footer {
    height: auto;
    padding: 50px 0 !important;
  }

  .footer p {
    font-size: 13px;
  }

  .x-colophon.bottom .x-container.width {
    width: 100%;
  }

  .x-colophon.bottom .x-nav li a {
    font-size: 13px;
    margin: 0 5px;
  }

  .x-colophon-content {
    font-size: 13px;
  }
}

@media screen and (device-width: 375px) and (orientation: portrait) {
  p {
    font-size: 13px;
  }

  .x-btn-navbar {
    margin-bottom: 20px;
    margin-top: 0;
  }

  .header-text {
    margin-left: -143px !important;
    margin-top: 50px !important;
    width: 300px;
  }

  .header-text h3 {
    font-size: 13px !important;
    line-height: 16px !important;
  }

  .font14 {
    font-size: 13px;
  }

  .e7-17.wg-bg, .e16-9.wg-bg {
    background: none;
    height: auto;
  }

  .e7-19, .e7-21, .e7-23,
  .e16-11, .e16-13, .e16-15 {
    background: url("img/wg-bg.png") repeat-x;
  }

  .e7-19 p:first-child, .e7-21 p:first-child, .e7-23 p:first-child,
  .e16-11 p:first-child, .e16-13 p:first-child, .e16-15 p:first-child {
    margin: 0;
  }

  .e7-19 p:last-child, .e7-21 p:last-child, .e7-23 p:last-child,
  .e16-11 p:last-child, .e16-13 p:last-child, .e16-15 p:last-child {
    font-size: 13px;
    padding: 0 30px 20px;
  }

  .buy-sell .x-bar-content-area p:last-child {
    margin-bottom: 20px;
  }

  .wpcf7 {
    left: auto !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  .footer {
    height: auto;
    padding: 50px 0 !important;
  }

  .footer p {
    font-size: 13px;
  }

  .x-colophon.bottom .x-container.width {
    width: 100%;
  }

  .x-colophon.bottom .x-nav li a {
    font-size: 13px;
    margin: 0 5px;
  }

  .x-colophon-content {
    font-size: 13px;
  }
}

@media screen and (device-width: 320px) and (orientation: portrait) {
  p {
    font-size: 13px;
  }

  .x-btn-navbar {
    margin-bottom: 20px;
    margin-top: 0;
  }

  .header-text {
    margin-left: -143px !important;
    margin-top: 25px !important;
    width: 300px;
  }

  .header-text h3 {
    font-size: 13px !important;
    line-height: 16px !important;
  }

  .font14 {
    font-size: 13px;
  }

  .e7-17.wg-bg, .e16-9.wg-bg {
    background: none;
    height: auto;
  }

  .e7-19, .e7-21, .e7-23,
  .e16-11, .e16-13, .e16-15 {
    background: url("img/wg-bg.png") repeat-x;
  }

  .e7-19 p:first-child, .e7-21 p:first-child, .e7-23 p:first-child,
  .e16-11 p:first-child, .e16-13 p:first-child, .e16-15 p:first-child {
    margin: 0;
  }

  .e7-19 p:last-child, .e7-21 p:last-child, .e7-23 p:last-child,
  .e16-11 p:last-child, .e16-13 p:last-child, .e16-15 p:last-child {
    font-size: 13px;
    padding: 0 30px 20px;
  }

  .buy-sell .x-bar-content-area p:last-child {
    margin-bottom: 20px;
  }

  .wpcf7 {
    left: auto !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  .footer {
    height: auto;
    padding: 50px 0 !important;
  }

  .footer p {
    font-size: 13px;
  }

  .x-colophon.bottom .x-container.width {
    width: 100%;
  }

  .x-colophon.bottom .x-nav li a {
    font-size: 13px;
    margin: 0;
  }

  .x-colophon-content {
    font-size: 13px;
  }
}
