/* ===================================================
   CI Custom Stylesheet

   Table of Contents:
    01. Main Styles
    02. Homepage (index.html)
    03. Services
    04. Contact
    05. About Us
    06. Single Portfolio Pages
    07. Extended Portfolio Pages
    08. Map
    09. Footer

====================================================== */

/* ====================================================
    01. Main Styles
==================================================== */
.img-center {
  margin:0 auto;
}
.focus-word-title {
  color: #79B825;
  font-weight: bolder;
}
.focus-word {
  color: #79B825;
  font-weight: bolder;
}
.font-thin {
  font-weight: lighter;
}
.italic {
  font-style: italic;
}
.img-full-span {
  width: 100%;
  z-index: 0;
}
.section-body-01 {
  text-align: center;
}
.section-body-02 {
  text-align: center;
}
.crosshatch-bg {
  background-image: url("../../img/ci_crosshatch@2x.png");
}
.left-align {
  text-align: left;
}

/* ====================================================
    02. Homepage (index.html)
==================================================== */
#work .section-heading {
  margin-bottom: 0;
}
#work .section-subtitle {
  margin: 15px 0 30px;
}

/* ====================================================
    03. Services
==================================================== */
#service .section-heading .section-title {
  color: #4e4e4e;
}
#service .single-imodule.csch-white-white .imodule-title {
  color: #4e4e4e;
  margin-left: 15px
}
#service .service-crosshatch {
  background-image: url("../../img/ci_crosshatch@2x.png");
}
#service .single-imodule {
  margin: 10px;
  margin-bottom: 0;
}
#service .single-imodule .ic-module-content p {
  line-height: 1.9;
  margin-left: 15px;
  /* padding-bottom: 25px; */
}
#service .section-heading {
  margin-bottom: 0;
}
#service .section-subtitle {
  margin: 15px 0 30px;
}
#service-list a {
  text-decoration: none;
  color: #757575;
}

/* ====================================================
    04. Contact
==================================================== */
#contact .section-heading {
  margin-bottom: 0;
}
#contact .contact-info-start p {
  margin-bottom:30px;
}
#contact .left-align {
  text-align: left: 0;
  margin: 0 0 15px;
}
#home .matx_revslider_2 img {
  opacity: 15;
}

/* ====================================================
    05. About Us
==================================================== */
#about .section-heading {
  margin-bottom: 0;
}
#about .section-main .rev_slider_wrapper .banner-height {
  padding-top: 240px;
  padding-bottom: 280px;
}
#about .tparrows {
  display: none;
}
#about .tp-bullet {
  display: none;
}
.about-section .col-center {
  float: none;
  margin:0 auto;
}
.about-section .section-common-space {
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 50px;
}
.about-section .section-common-space .section-title {
  font-size: 50px;
  text-align: center;
}
.about-section .section-common-space .section-body-01 {
  font-size: 15px;
  font-weight: bolder;
}
.about-section .section-common-space .section-body-02 {
  font-size: 15px;
}

/* ====================================================
    06. Single Portfolio Pages
==================================================== */
#work2 .section-common-space {
  margin-bottom: 0;
  padding-bottom: 0;
}
#service-list {
  margin: 0 0 15px;
}
#service-list .section-heading {
  margin-bottom: 0;
}


/* ====================================================
    07. Extended Portfolio Pages
==================================================== */
#highlight .left-align {
  text-align: left: 0;
  margin: 0 0 15px;
}

/* ====================================================
    08. Map
==================================================== */
#map-open i{
  display: none;
}
#map-open:hover span{
  display: none;
}
#map-open:hover i{
  display: block;
}
#map-close i{
  display: none;
}
#map-close:hover span{
  display: none;
}
#map-close:hover i{
  display: block;
}

/* ====================================================
    09. Footer
==================================================== */
.main-footer .footer-top .section-common-space {
  padding: 30px 0 0;
}
.main-footer .footer-bottom {
  padding: 10px 0 10px;
}
.main-footer a {
  text-decoration: none;
  color: #79B825;
}
.main-footer a:hover {
  text-decoration: none;
  color: #fff;
}
.main-footer a:active {
  text-decoration: none;
  color: #fff;
}
.main-footer p {
  padding-top: 25px;
  padding-bottom: 0;
}
.main-footer .footer-bottom p {
  padding-top: 0;
  padding-bottom: 0;
}



/* ====================================================
   10. Set Up Meeting Contact Form
==================================================== */
/*------------- Form ---------------*/

.nb-form {
    position: fixed;
    z-index: 9999;
    width: 300px;
    background: #FFF;
    right: 20px;
    bottom: -452px;
    transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}
.nb-form:hover {
    bottom: 0px;
}

/*-- User Icon --*/

.nb-form .user-icon {
    position: absolute;
    top: -50px;
    right: 12px;
    display: block;
    width: 50px;
    margin: 20px auto 15px;
    border-radius: 100%;
}

/*-- Title --*/

.nb-form .title {
    background: #79B825;
    font-size: 16px !important;
    padding: 10px 15px !important;
    color: #fff !important;
    border-radius: 10px 10px 0 0;
}

/*-- Text --*/

.nb-form p {
    font-size: 13px;
    margin: 0;
    padding: 15px;
    color: #666;
}

.nb-form p.message {
    margin-left: 7px;
}

/*-- Form Elements --*/

.nb-form form {
    padding: 0 15px 15px 15px;
}

.nb-form input,
.nb-form textarea {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    width: 254px;
    max-width: 254px;
    margin-bottom: 5px;
    margin-left: 7px;
    padding: 6px;
    border: none;
    border-radius: 4px;
    color: #999;
    border-bottom: 1px solid #f0f0f0;
}

.nb-form input:focus,
.nb-form textarea:focus {
    outline: none;
    box-shadow: none;
}

.nb-form input[type='submit'] {
    display: block;
    width: 120px;
    margin: 0 auto;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    cursor: pointer;
    transition: all .4s ease;
    color: #fff !important;
    border: none;
}

.nb-form input[type='submit']:hover {
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.07),0 1px 7px 0 rgba(0,0,0,0.02),0 3px 1px -1px rgba(0,0,0,0.1);
}

.nb-form textarea {
    min-height: 110px;
}

.nb-form i {
  padding-right: 5px;
}


.nb-form ::-webkit-input-placeholder {
    color: rgba(43, 54, 73, 0.25);
}

.nb-form ::-moz-placeholder{
    color: rgba(43, 54, 73, 0.25);
}

.nb-form :-ms-input-placeholder {
    color: rgba(43, 54, 73, 0.25);
}

.nb-form :-moz-placeholder {
    color: rgba(43, 54, 73, 0.25);
}

.nb-form input[type='submit'] {
    background: #79B825;
}

@media screen and (max-width: 676px) {
    .nb-form:hover .user-icon {
        display: none;
    }

    .nb-form .message {
        display: none;
    }

    .nb-form form {
        padding-top: 15px;
    }
    .nb-form{
        right: 50%;
        bottom: -320px;
        left: 50%;
        transform: translateX(-50%);
    }
}