/*** 
    =============================================
        contact area style
    =============================================
    ***/
    .contact-area {
        padding-bottom: 0px;
        padding-top: 20px;
      }
      
      .contact-area .contact-details h3 {
        color: #833032;
        
        font-weight: 600;
        margin: 0 0 52px;
        
      }
   
      .contact-info{ list-style: none;}
      .contact-info li{ display: flex}

      .contact-info li .icon-box{ font-size: 22px; font-weight: bold;
        color: #4f2829;margin-right: 15px;}


        .contact-info li .text-box { font-weight: 500;}

      .contact-social-links {
        border-top: 1px solid #f7f7f7;
        margin-top: 24px;
        overflow: hidden;
        padding-top: 30px;
      }
      .contact-social-links ul li {
        display: inline-block;
        margin-right: 11px;
      }
      .contact-social-links ul li:last-child{
        margin-right: 0;
      }
      .contact-social-links ul li a i {
        background: #f7f7f7 none repeat scroll 0 0;
        border-radius: 50%;
        color: #9e9e9e;
        display: block;
        font-size: 15px;
        height: 40px;
        line-height: 38px;
        text-align: center;
        width: 40px;
        transition: all 500ms ease;
      }
      .contact-social-links ul li a:hover i{
        background: #833032;
        color: #fff;
      }
      
      .send-message-form .title {
        padding-bottom: 32px;
      }
      .send-message-form .title h2 {
        color: #074e27;
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 17px;
        text-transform: uppercase;
      }
      .send-message-form .title .border {
        background: #f7f7f7 none repeat scroll 0 0;
        display: block;
        height: 2px;
        width: 70px;
      }
      .send-message-form h3 {
        margin: 0 0 15px;
        text-transform: none;
        color: #833032;
      }
      
      .send-message-form form .ui-state-default {
        margin-bottom: 22px;
      }
      .send-message-form form input[type="text"], 
      .send-message-form form textarea {
        border: 1px solid #eaeaea;
        color: #9e9e9e;
        display: block;
  
        font-size: 14px;
        height: 50px;
        margin-bottom: 30px;
        padding: 0 15px;
        text-transform: capitalize;
        transition: all 500ms ease 0s;
        width: 100%;
      }
      .send-message-form form textarea{
        height: 100px;
        padding: 15px 15px;
      }
      .send-message-form form button {
        width: 100%;
        height: 55px;
      }
      .send-message-form form input[type="text"]:focus {
        border: 1px solid #074e27;  
      }
      .send-message-form form textarea:focus{
        border: 1px solid #074e27;      
      }
      
      .contact-form .line_btn2{ background-color: #fff;cursor: pointer;}





/* ------------------------
    Blog - Post
------------------------*/
.post{position:relative; border-radius: 2px; overflow: hidden;}
.post-meta ul li{color: #23244a; font-size: 12px; display: inline-block; margin: 0 15px 0 0; list-style-type: none; position: relative; text-transform: uppercase;}
.post-meta ul li:last-child{margin-right: 0;}
.post-meta ul li:before{content: ""; background: #074e27; height: 50%; width: 1px; right: -10px; top: 50%; position: absolute;}
.post-meta ul li:last-child:before{display: none;}
.post .post-desc{padding:30px; background: #ffffff; width: 100%; display: inline-block;}
.post .post-desc h5 a{text-transform: capitalize; font-weight: 500; color: #7a2e32}
.post .post-desc h5 a:hover{color: #074e27}
.post .post-desc p{margin: 15px 0 0;}
.post-image{ overflow: hidden;}
 
.post-image:before {opacity: 0; content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,0.6);
-webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.post:hover .post-image:before{opacity: 1;}
.post-btn{text-transform: uppercase; display: inline-block;}
.post .post-btn:hover{color: #23244a;}
.post-image{position: relative; height: 100%;}
.post-date {background: #074e27; display: inline-block; color: #fff; padding: 10px 20px;}
.post .post-date {bottom: 0; position: absolute; right: -50%; opacity: 0; z-index: 99;}
.post:hover .post-date{opacity: 1; right: 0;}
.post-bottom{padding:15px 30px; background: #ffffff; width: 100%; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #efefef}

.post.style-2 .post-meta{float: none; margin-bottom: 15px;}
.post.style-2 .post-btn{float: none; margin-top: 20px;}
.post.style-2 .post-date {top: 0; opacity: 1; right: inherit; left: 0; bottom: inherit; top: 0;}
.post.style-2:hover .post-date{right: inherit;}

.post.style-3 .post-image:before{display: none;}
.post.style-3 .post-date{position: inherit; right: inherit; opacity: 1; margin-bottom: 15px;}

.blog-classic {margin-bottom: 50px;}
 
/*Widget-Title*/
.widget-title {background: #f6f6f6; border-left: 3px solid #7a2e32; color: #7a2e32; display: inline-block; margin: 25px 0; padding: 7px 7px 7px 15px; position: relative; width: 100%;}

 
 

/*widget-Categories*/ 
.widget .widget-categories li {display: block; margin-bottom: 6px; border-bottom: 1px dashed #efefef}
.widget .widget-categories li a {font-size: 14px; color: #23244a; line-height: 32px; display: block; font-weight: 500;}
.widget .widget-categories li a:hover {color: #7a2e32; padding-left: 5px;}

/*widget-tags*/ 
.widget .widget-tags li {display: inline-block; margin: 5px 5px 15px 0;}
.widget .widget-tags li a {border: 1px solid #efefef; color: #23244a; padding: 10px 18px; display: inline-block; text-align: center; font-weight: normal;}
.widget .widget-tags li a:hover{background: #7a2e32; color: #ffffff;}



/*GALLERY */

.gallery-main img{ transition:all 0.5s ease-in-out;}
.gallery-main img:hover{ transform:scale(1.02);}