/***************************
      Accordion
***************************/
.acd-des { padding: 0 20px 20px 0; }

/*plus-icon*/

/*plus-icon round*/

/*gray*/

/*shadow*/


/*border*/

/* Accordion Simple */ 

/* No border radius*/

/*************************************
        action-box 
**************************************/

/*border*/

/*border center*/

/*theme-bg*/ 

/*theme-bg*/ 

/*gray-bg*/

/*white-bg*/

/*gray-bg*/ 

/*full-width*/

/*gray-bg*/

/*small*/


/*************************
    blockquote
*************************/

/*************************
    blockquote
*************************/

.blockquote { font-size: 14px; padding: 10px 20px; margin: 0 0 20px; font-size: 17px; border-left: 5px solid #eee; position: relative; }
.blockquote cite { display: block; font-weight: 600; margin-top: 10px; }

/*blockquote-right*/
.blockquote-right { text-align: right; border-right: 5px solid #eee; border-left: 0; padding: 0 20px 0; }

/*quote*/
.quote { padding-top: 50px; }
.quote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #eee; position: absolute; left: 14px;top: -30px; }

/*quote right*/
.blockquote-right.quote:before { left: inherit; right: 14px; }

/*theme-bg*/
.blockquote.theme-bg { border: 0px; color: #ffffff; padding: 70px 30px 30px; border-radius: 6px; }
.blockquote.theme-bg:before { left: 24px; top: -10px; }

/*theme-bg*/
.blockquote.black-bg { border: 0px; color: #ffffff; padding: 70px 30px 30px; border-radius: 6px; }
.blockquote.black-bg:before { left: 24px; top: -10px; left: inherit; }

/************************************
	bootstrap-typography
************************************/
div.dataTables_wrapper div.dataTables_paginate, div.dataTables_wrapper div.dataTables_info {
    margin-top: 15px;
}
.btn-primary { background-color: #84ba3f; border-color: #84ba3f; }
.btn-primary:hover { background-color: #323232; border-color: #323232; color: #ffffff; }
.btn-primary:focus { background-color: #323232; border-color: #323232; color: #ffffff; }
.nice-select:active, .nice-select:focus { border-color:#84ba3f !important; }
.btn-primary:active:focus, .btn-primary:active:hover { background-color: #84ba3f; border-color: #84ba3f }
.dropdown-item:active { background-color: #84ba3f;  }

/*************************
    Process step
*************************/

/*************************
    responsive-utilities
*************************/

/*************************************
          animations
 **************************************/

/*************************
	   columns
*************************/

/*************************
  data table
*************************/
.table { margin-bottom: 0; }
.table td, .table th { vertical-align: middle; }
.table-bordered tbody tr td, .table-bordered thead tr th { border-color: #eee;  font-size: 14px; padding: 6px 10px; text-align: center;}
.table-bordered tbody tr td, .table-bordered tfoot tr th { border-color: #eee;  font-size: 14px; padding: 6px 10px; text-align: center;}

/*************************
	Typography
*************************/
 

/*************************
   alerts and callouts
*************************/

@media screen and (max-width: 767px) {
.nav-tabs li a { font-size: 14px; }
}
.animated  { margin-top: 30px; }
 /*************************
        isotope 
*************************/

 /*************************
        lists panels 
*************************/
.badge-primary { background: #84ba3f !important; }

 /*************************
        lists panels 
*************************/
.modal { z-index: 99999; }
.modal-dialog { margin: 100px auto; }
 
 /*************************
       extra class
*************************/ 
.image-content-left { float: left; width: 50%; margin: 0 20px 20px 0 ; }
.image-content-right { float: right; width: 50%; margin: 0 20px 20px 0 ; }

/***************************
        button
***************************/
.button { background: #84ba3f; padding: 10px 20px; font-size: 13px; letter-spacing: 1px; font-family: 'Montserrat', sans-serif; border: 0; color: #ffffff; text-transform: uppercase; font-weight: 500; display: inline-block; border-radius: 3px; text-align: center; border:2px solid #84ba3f; cursor: pointer; }
.button:hover, .button:focus { background: #353535; color: #ffffff; border-color: #353535; }
button { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.button.button-border { background: transparent; border: 2px solid #84ba3f; color: #323232; }
.button.button-border:hover, .button.button-border:focus { background: #84ba3f; color: #ffffff; border-color: #84ba3f; }
.button.white { background: #fff; color: #84ba3f; border-color: #ffffff; }
.button.white:hover, .button.white:focus { background: #353535; color: #ffffff; border-color: #353535;}
/*button with icon*/
.button.x-small { padding: 8px 14px; font-size: 12px; }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus { background: #84ba3f; border-color: #84ba3f; box-shadow: 0 0 0 0.2rem rgba(132,186,63,0.5); }
.btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(132,186,63,0.5); background: #84ba3f; border-color: #84ba3f; }


/*************************
        Clients
*************************/
 
/*column-4*/

/*column-3*/

/*column-2*/


/*************************
        Contact form
*************************/
/*form-control*/
.form-control { border-radius: 3px; font-size: 13px; height: auto; line-height: 1.33333; padding: 15px 15px 15px 20px; background: #f6f7f8; color: #323232; border: 0px solid transparent; box-shadow: none; }
.form-control:focus { background: #ffffff; border:0px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;
    border-color: transparent; }
.form-control::-moz-placeholder { color: #323232; }
.form-control::-ms-input-placeholder { color: #323232; }
.form-control::-webkit-input-placeholder { color: #323232; }
textarea.form-control { resize: vertical; }


/*************************
    countdown
*************************/

/*small*/

/*medium*/

/*large*/

/*gray-bg */

/*border*/

/*border*/


/*************************
        Counter
*************************/


/*counter-small*/

/*big-counter*/

 /*left-icon*/

 /*left-icon*/


/*************************************
          divider
 **************************************/
.divider { border-bottom: 1px solid rgba(0, 0, 0, 0.1);  }
 
/*icon*/
.divider.icon { border: 0; color: #ccc; width: 100%; overflow: hidden; text-align: center;  } 
.divider.icon:after, .divider.icon:before, .divider.icon:after, .divider.icon:before { border-bottom: 1px solid rgba(0, 0, 0, 0.2); content: ""; display: inline-block; height: 10px;
    margin: 0 -4px 0 -100%; vertical-align: top; width: 50%; }
.divider.icon::after, .divider.icon::after { margin: 0 -100% 0 0; }
.divider.icon i, .divider.icon i { margin: 0 20px 0 24px; }
 
/*icon left*/

/*medium*/
.divider.medium { width: 40%; margin: 0 auto; }

/*small*/

/*************************************
           Dropcap & Highlight
 **************************************/
 .dropcap { width: 40px; height: 40px; line-height: 40px; float: left; border-radius: 50%; background: #84ba3f; text-align: center; color: #ffffff; margin-right: 10px; }
 
 .dropcap-26 {
    width: 26px;
    height: 26px;
    line-height: 26px;
    float: left;
    border-radius: 50%;
    background: #84ba3f;
    text-align: center;
    color: #ffffff;
    margin-right: 10px;}
	
 .dropcap.dropcap-border { background: transparent; border:2px solid #84ba3f; color: #84ba3f; }
 .dropcap.square {  border-radius: 3px; }
 
 
/*************************************
             Features all
 **************************************/
.feature-text { text-align: center; }

/*left-icon*/

/*right-icon*/

 /*box-shadow*/
 
/*border-box*/

/*button*/

 /*feature-box*/
  
  
/*************************
	  list-style
*************************/
ul.list { padding:0; margin:0;  }
ul.list li { margin:5px 0; padding-left:24px; position: relative; line-height: 28px; }
ul.list li:after { content:""; font-family: 'FontAwesome'; position:absolute; color:#84ba3f; left:0; top:0; }

/* Ul List Mark */

/* Ul List Arrow */
ul.list-arrow{padding:0; margin:0;}

/* Ul List Hand */
ul.list-hand{padding:0; margin:0;}
ul.list-hand li{list-style-type:none; padding-left:25px; position:relative;}
ul.list-hand li:after{content:"\f0a4";}

/* Ul List check-square-o */
ul.list-check-square-o{padding:0; margin:0;}
ul.list-check-square-o li{list-style-type:none; padding-left:25px; position:relative;}
ul.list-check-square-o li:after{content: "\f046";}

/* Ul List Edit */
ul.list li:after {
    content: "";
    font-family: 'FontAwesome';
    position: absolute;
    color: #84ba3f;
    left: 0;
    top: 0;
}
ul.list-arrow li:after {
    content: "\f105";
    font-size: 18px;
}
ul.list-hand li:after {
    content: "\f0a4";
}
ul.list-lamp li:after {
    content: "\f111";
    font-size: 12px;
}