@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #001737;
    background-color: #fff;
}

p{
	text-align:justify;
}

.info{
	font-size:12px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

.icon{
	max-width: 46px;
	margin-right: 15px;
}
.aa a{
	color:#428bca !important;
	background:url(../images/nagbg.png)left -55px repeat-x ;
		transition:0.2s background ease-in-out;
	-moz-transition:0.2s background ease-in-out;
	-webkit-transition:0.2s background ease-in-out;
	-ms-transition:0.2s background ease-in-out;



}



.aa a:hover{
	color:#FFF !important;
	background:url(../images/nagbg.png)left top  repeat-x;
}

.hundred{
	width:100%;
	height:50px;
	background:#F00;
}
@font-face{
	src:url(../fonts/GaramondPremrPro.woff);
	font-family:GaramondPremrPro;
}
.h3{
	font-size:50pxx;
/*	font-family:GaramondPremrPro;
*/	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	text-shadow: 1px 1px #a56124;
	}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.responsive-img{
	max-width:100%;
	height:auto;
	border:none;
	vertical-align:middle;
}
.btn, button {
    display: inline-block;
    font-weight: 400;
    color: #001737;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.46875rem 0.9375rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-primary {
    color: #fff;
    background-color: #0168fa;
    border-color: #0168fa;
}














/* 


// The form CSS class
elementClass: 'bv-form',
 
// Default invalid message
message: 'This value is not valid',
 
// The CSS selector for indicating the element consists the field
// By default, each field is placed inside the <div class="form-group"></div>
// You should adjust this option if your form group consists of many fields which not all of them need to be validated
group: '.form-group',
 
//The error messages container. It can be:
// - 'tooltip' if you want to use Bootstrap tooltip to show error messages
// - 'popover' if you want to use Bootstrap popover to show error messages
// - a CSS selector indicating the container
// In the first two cases, since the tooltip/popover should be small enough, the plugin only shows only one error message
// You also can define the message container for particular field
container: null,
 
// The field will not be live validated if its length is less than this number of characters
threshold: null,
 
// Indicate fields which won't be validated
// By default, the plugin will not validate the following kind of fields:
// - disabled
// - hidden
// - invisible
//
// The setting consists of jQuery filters. Accept 3 formats:
// - A string. Use a comma to separate filter
// - An array. Each element is a filter
// - An array. Each element can be a callback function
//      function($field, validator) {
//  $field is jQuery object representing the field element
//  validator is the BootstrapValidator instance
//  return true or false;
//      }
//
// The 3 following settings are equivalent:
//
// 1) ':disabled, :hidden, :not(:visible)'
// 2) [':disabled', ':hidden', ':not(:visible)']
// 3) [':disabled', ':hidden', function($field) {
//return !$field.is(':visible');
//    }]
excluded: [':disabled', ':hidden', ':not(:visible)'],
 
// Shows ok/error/loading icons based on the field validity.
// This feature requires Bootstrap v3.1.0 or later (http://getbootstrap.com/css/#forms-control-validation).
// Since Bootstrap doesn't provide any methods to know its version, this option cannot be on/off automatically.
// In other word, to use this feature you have to upgrade your Bootstrap to v3.1.0 or later.
//
// Examples:
// - Use Glyphicons icons:
//  feedbackIcons: {
//      valid: 'glyphicon glyphicon-ok',
//      invalid: 'glyphicon glyphicon-remove',
//      validating: 'glyphicon glyphicon-refresh'
//  }
// - Use FontAwesome icons:
//  feedbackIcons: {
//      valid: 'fa fa-check',
//      invalid: 'fa fa-times',
//      validating: 'fa fa-refresh'
//  }
feedbackIcons: {
    valid:      null,
    invalid:    null,
    validating: null
},
 
// The submit buttons selector
// These buttons will be disabled to prevent the valid form from multiple submissions
submitButtons: '[type="submit"]',
 
// Live validating option
// Can be one of 3 values:
// - enabled: The plugin validates fields as soon as they are changed
// - disabled: Disable the live validating. The error messages are only shown after the form is submitted
// - submitted: The live validating is enabled after the form is submitted
live: 'enabled',
 
// Map the field name with validator rules
fields: null */



/* #testimonial {
	background: rgb(8,152,72);
	background: linear-gradient(90deg, rgba(8,152,72,0.5836834733893557) 35%, rgba(90,246,159,0.5948879551820728) 100%);
	background: url(../images/slider2.jpg);
	background-size: cover;
}
#testimonial::before {
	background: rgb(8,152,72);
	background: linear-gradient(90deg, rgba(8,152,72,0.5836834733893557) 35%, rgba(90,246,159,0.5948879551820728) 100%);
} */

/* #testimonial { 
    position: relative; 
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../images/slider2.jpg');
    background-size: cover;
}

#testimonial::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
	background: linear-gradient(90deg, rgba(8,152,72,0.4) 35%, rgba(90,246,159,0.4) 100%);
} */





#testimonial  #carousel{
	margin:30px 0px;
}

#testimonial .left.carousel-control{
	display: inline-block;
    position: absolute;
    top:90%;
	left:20%;
	font-size:45px;
	font-weight:bolder;
	color:#fff;
	background: none; 
}

#testimonial .right.carousel-control{
	display: inline-block;
    position: absolute;
    top:90%;
	right:20%;
	font-size:45px;
	font-weight:bolder;
	color:#fff; 
	background: none; 
}

#testimonial .fa.fa-quote-right{
	color: #e7cb7d;
	font-size: 22px;
	padding-right: 10px;
}
#testimonial h2 {
	color:#fff; 
	margin-top: 60px;
	margin-bottom: 35px;
	text-transform: inherit;

}
#testimonial p {
	color:#fff; 
	/* margin-top: 60px; */
	/* margin-bottom: -15px; */
}
#testimonial h4 {
	color:#fff; 
	/* margin-top: 60px; */
	/* margin-bottom: -15px; */
}


.services{ padding:50px 0px;}
.services h1{ text-align:center; font-size:36px;}
.services h3{ text-align:center;}
.services h3 i { font-family:initial;}
.services div{ padding:0px; }
.services div img{ width:100%; background:#ccc;height: 150px;}
 
.fullscreen-image {
	 
     background-size: cover;
}.fullscreen-image {
    width: 100%;
    height: 100%;
    max-height: 500px;
    min-height: 250px;
    background-position: center center;
    background-repeat: no-repeat;
    background:#ccc;
}

/* Footer 2 */

.footer {
	padding: 40px 0px 0px 40px;
	width:100%; 
	background-color:#007b5e; 
}
footer h6 {
    margin-bottom: 40px;
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
footer p {
    font-size: 13px;
    color: #CCC;
    padding-bottom: 0px;
    margin-bottom: 8px;
    margin-top: 15px;
}
footer h1 {
    color: #fff;
    font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
}
footer h6:after {
    position: absolute;
    content: "";
    background: #419641;
    width: 12%;
    height: 1px;
    left: 0;
    bottom: -20px;
}
.btn-footer {
    color: #5cb85c;
    text-decoration: none;
    border: 1px solid;
    border-radius: 43px;
    font-size: 13px;
    padding: 7px 30px;
    line-height: 47px;
}
     .btn-footer:hover {
                
                text-decoration: none;
               
     }
    .form-footer input[type="text"] {
        border: none;
    border-radius: 16px 0 0 16px;
    outline: none;
    padding-left: 10px;
    
}
::placeholder {
    font-size: 10px;
    padding-left: 10px;
    font-style: italic;
}
 .form-footer input[type="button"] {
    border: none;
    background:#232323;
        margin-left: -5px;
    color: #fff;
    outline: none;
    border-radius: 0 16px 16px 0;
    padding: 2px 12px;
}
     .social .fa {
    color: grey;
    font-size: 22px;
    padding: 10px 15px;
    background: #f9f9f9;
}
     footer ul li {
    list-style: none;
    display: block;
}
  footer ul  {
   padding-left: 0;
}
footer ul li a {
    text-decoration: none;
    color: #bfd7bf;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #f5f5f5;
    
}
.logo-part {
    border-right: 1px solid #419641;
    height: 100%;
    padding-right: 15px;
}

/* parallax */
 .wp-block-cover-image {
	position: relative;
	background-size: cover;
	background-position: 50%;
	min-height: 430px;
	width: 100%;
	margin: 0 0 1.5em;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  
  .wp-block-cover-image.has-background-dim:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/* background-color: rgba(0, 0, 0, 0.5); */
	background: linear-gradient(90deg, rgba(8,152,72,0.4) 35%, rgba(90,246,159,0.4) 100%);

  }
  .wp-block-cover-image {
	background-attachment: fixed;
	background-position: 50% 0;
  }
/* Accordion */
#accordion .panel{
    border: none;
    border-radius: 3px;
    box-shadow: none;
    margin-bottom: 15px;
}
#accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 3px;
}
#accordion .panel-title a{
    display: block;
    padding: 12px 15px;
    background: #dfdede;
    font-size: 18px;
    font-weight: 400;
    color: #676767;
    /*border: 1px solid #ececec;*/
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    position: relative;
    transition: all 0.5s ease 0s;
    box-shadow: 0 1px 2px rgba(43,59,93,0.30);
}
#accordion .panel-title a:hover {
    text-decoration: none;
    color: #007b5e !important;
}
#accordion .panel-title a.collapsed{
    box-shadow: none;
    color: #676767 !important;
    box-shadow: 0 1px 2px rgba(43,59,93,0.30);
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
    content: "\f067";
    font-family: "FontAwesome";
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 900;
    color: #089848;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 15px;
    transform: rotate(135deg);
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:before{
    color: #007b5e;
    transform: rotate(0);
}
#accordion .panel-title a:after{
    content: "";
    width: 1px;
    height: 100%;
    background: #ececec;
    position: absolute;
    top: 0;
    right: 55px;
}
#accordion .panel-body{
    padding: 0px 15px;
    border: none;
    font-size: 15px;
    color: #615f5f;
    line-height: 27px;
}

/* Banner */
.carousel-caption {
    padding-bottom: 0px !important;
    width: 800px;
    background-color: rgb(51 51 51 / 46%);
    border-radius: 10px;
    bottom: 70px !important;
}
#heroBanner .carousel-caption p{
	text-align: center;
	margin: 15px 18%;
}
.carousel-control {
    background-image: none !important;
}
.btn-banner {
    color: #fff;
    text-decoration: none;
    border: 2px solid;
    border-radius: 43px;
    font-size: 13px;
    padding: 7px 30px;
    line-height: 30px;
    background-color: #089848;
}
.btn-banner:hover {
	text-decoration: none;
    background-color: #05853e;
	color: #fff;
	/* font-weight: bold; */
    /* border: 2px solid #5cb85c; */
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #089848 !important;
}
.carousel-indicators li {
    width: 12px !important;
    height: 12px !important;
    margin: 0px !important;
    border: 2px solid #089848 !important;
}