/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
#logo img{display:block !important}
#topbar .top-menu li{border:solid 1px #fff;padding:0px 10px;top:10px;}
#topbar .social-icons{float:right;}
.topbar-transparent{border: none !important;}
#topbar .top-menu{position:relative;}
#mainMenu nav > ul > li{margin-left:0px !important;}
#mainMenu nav > ul > li.bdr-menu{border: solid 1px #fff;line-height: 30px;margin: 25px 3px;}
#mainMenu nav > ul > li.bdr-menu a{text-transform: capitalize;}
.rt{transform: rotate(90deg);}
.btn.btn-success{background:#103a0d !important;}
.services-in h1{color:#ffffff  !important;}
.service-in p{color:#fff!important;}

.a-box {
  display: inline-block;
  width: 240px;
  text-align: center;
}

.img-container {
    height: 230px;
    width: 200px;
    overflow: hidden;
    border-radius: 0px 0px 20px 20px;
    display: inline-block;
}

.img-container img {
    transform: skew(0deg, -13deg);
    height: 250px;
    margin: -35px 0px 0px -70px;
}

.inner-skew {
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
    padding: 0px;
    transform: skew(0deg, 13deg);
    font-size: 0px;
    margin: 30px 0px 0px 0px;
    background: #c8c2c2;
    height: 250px;
    width: 200px;
}

.text-container {
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  padding: 120px 20px 20px 20px;
  border-radius: 20px;
  background: #fff;
  margin: -120px 0px 0px 0px;
  line-height: 19px;
  font-size: 14px;background: linear-gradient(0deg, #b6ea66, #ffffff);border: inset 5px #afe759;min-height: 350px;
}

.text-container h3 {
  margin: 20px 0px 10px 0px;
  color: #256708  !important;
  font-size: 18px;
}
.a-box p{color:#000 !important;line-height:18px;font-size:12px;}
.services .text-container p {
    color: #256708;
    font-size: 16px;
    line-height: 24px;
}
.services .text-container a{color: #256708 !important;
    font-weight: 900;
    font-style: italic;}
.get-touch{background:#000;background-image: url("../img/bg1.jpg"); background-repeat: no-repeat; background-size:cover; background-attachment: fixed;color:#fff;}
.mt-50{margin:50px 0px;}
.btn-transparent {
    color: #fff !important;
    padding: 20px;
    border: solid 1px #fff !important;
    border-radius: 0px !important;
}
#logo{background: rgb(255 255 255);opacity: 0.5;border-radius: 4px;}
#logo img{padding-left:8px;}
.hw-it-works h1, .hw-it-works p{color:#000 !important;}
.latest-work h2{color:#fff !important;}
.latest-work p{color:#fff !important}
.inside-page #header{height: 60px;}
.inside-page #logo{opacity: 0.9;}
.inside-page #mainMenu nav > ul > li.bdr-menu{border: solid 1px #316a23;}
#footer #logo img {
    padding-left: 8px;
    width: 100%;
}
#footer #logo {opacity:0.9;}
.get-contact {
    background: #000;
    background-image: url(../img/background2a.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
}
#footer{font-size:12px;}
#form-submit{background: #5c810f;
    border: none !important;
    border-radius: 4px !important;}
.btn-fancy{background: #5c810f !important;border:none !important;}
.inside-page h1{color:##5c810f !important;font-size:1.5rem;}
.text-container a.rmore{color: #000 !important;
    font-size: 18px !important;
    position: absolute;
    bottom: 23px;
    left: 30%;
   }
 .get-contact-us h3{color:#000 !important;}
 .get-contact-us .address address{color:#000 !important;}
.get-contact-us .widget-contact-form input, .get-contact-us .widget-contact-form textarea{border:solid 1px #000;}
.get-contact-us .widget-contact-form{background: #2f4402;
    padding: 15px;
    border-radius: 5px;}
.accordion h5.ac-title{color:#256c16  !important;font-weight: 600 !important;}
.accordion.accordion-shadow .ac-item{border: solid 1px #256c16;}
.accordion .ac-content p{font-size: 1rem;line-height: 18px;}
.inside-page h2{font-size: 1.5rem;color: #4f5c00 !important;}
.inside-page p{font-size:1rem;line-height: 20px;}
.inside-page ul li{color:#000 !important;font-size: 1rem;}
.list-icon.list-icon-colored li:before, .list-icon.icon-list-colored i {
    color: #4f5c00 !important;
}

@media (max-width: 420px) {
  .slide-captions.text-center.text-light{margin-top: 52px;}
.slide-captions.text-center.text-light .strong.mt150.fadeInUp{display:none;}
.slide-captions.text-center.text-light h2{margin-top:50px !important;font-size:24px !important;}
}

#mainMenu nav > ul > li.bdr-menu a{padding:3px;font-size:10px;}
#mainMenu nav > ul > li.bdr-menu{}
.cnct-form{background: #2e6a21;padding: 15px}