@charset "utf-8";
/* CSS Document */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
body { 
font-family: 'Lato', sans-serif;
font-size:14px; 
margin:0; 
padding:0; 
line-height:26px;
font-weight:400;
color:#000;
background:#fff;
}
html {scroll-behavior: smooth;}
/*Basic Styles*/
select:focus { box-shadow:none !important;}
ul { margin:0; padding:0;}
li { list-style:disc; line-height:30px;margin: 3px 30px;}
iframe, embed, object { width:100%; display:block;}
textarea { resize:vertical;}
p {font-family: 'Lato', sans-serif; font-size: 14px; font-weight:400; line-height:26px;}
.text-black { color:#000;}
.text-black a{ color:#000;}
.text-light a{ color:#fff;}
.text-light { color:#fff !important;}
.bg-black { background:#000; color:#fff;}
.text-black { color:#000;}
.text-dark {color:#373737 !important;}
*:hover { text-decoration:none !important;}
.bg-light { background-color:#f6f6f6 !important;}

h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif; margin:0; text-transform:none; line-height:normal; font-weight:400;}
h1 { font-size:50px;}
h2 { font-size:45px;}
h3 { font-size:35px;}
h4 { font-size:20px;}
h5 { font-size:14px;}

.bg-success { background-color:#05411d !important;}
.text-success { color:#05411d !important;}



.btn-success { background:#05411d !important;color:#fff !important; text-transform:uppercase;}
.btn-success:hover {background:#008033 !important;}
.btn { white-space: nowrap; cursor:pointer; border-radius:0; padding:12px 30px;font-family: 'Lato', sans-serif; font-size:14px; font-weight:700;}

.navbar-toggler:focus, .navbar-toggler:hover {box-shadow: none;border: none;outline: none;}
input:focus, input:active { box-shadow:none !important;}
textarea:focus, textarea:active { box-shadow:none !important;}
.navbar { padding:0; background:transparent !important; position:relative;}
.dropdown-menu { padding:0; border-radius:0; background:#fff; position:relative; top:0; border:none;}
.dropdown-toggle::after { border:none;}
.navbar-light .navbar-toggler-icon { background:url(../images/toggle.png) no-repeat;}
.navbar-toggler-icon { width:67px; height:18px;}
.navbar-toggler { background-color:transparent; border:none;}
.dropdown-item {  color:#000; padding:8px 15px; display:block;font-family: 'Lato', sans-serif; font-size:14px; font-weight:400;}
.dropdown-item:focus, .dropdown-item:hover {color:#000; background-color:#e1e1e1;}
.dropdown-item:last-child { border-bottom:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu {top: 97%; left:0;}
.breadcrumb{border-bottom:1px dashed #d3d3d3; margin:15px 0px; background-color:transparent;padding:0 0 15px; text-transform:capitalize; font-size:12px;}
.breadcrumb>li+li:before{content:"\00BB";color:#F37823; margin:0 10px;}
.border-bottom { border-left:none; border-top:none; border-right:none; border-color:#797979 !important;}
.mar-p-0 p { padding:0; margin:0;}
.mar-p-1 p { padding:4px 0; margin:0;}
.text-none { text-transform:none;}
/* =================================  website Css ================================= */
/****************************************************************************/
/*Top Navigation CSS*/
.navbar-light .navbar-nav .nav-link {color:#000; padding:20px 35px;font-family: 'Lato', sans-serif; font-size:14px; text-transform:capitalize; font-weight:400;}
.navbar-light .navbar-nav .nav-item:first-child .nav-link {}
.navbar-light .navbar-nav .nav-item:last-child .nav-link {}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:active {color:#97757a; outline:none;}
.navbar-light .navbar-nav li.active .nav-link {color:#97757a; outline:none;}
.navbar-light .navbar-nav .nav-item { margin:0 0;}

/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(0, 0, 0, 0.35); position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:50px; height:50px; text-indent:-9999px; display:none; webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover {background-color:#000; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}

/* --------------------------------- Header CSS ------------------------------*/
.sidenav { height: 100%; width: 0; position: fixed; z-index: 50; top: 0; right: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
.side-nav img { cursor:pointer !important;}
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 18px; color: #818181; display: block; transition: 0.3s;}
.sidenav a:hover { color: #f1f1f1;}
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 18px; margin-left: 50px;}
@media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;}}

/* --------------------------------- body CSS ------------------------------*/

.home-Banner .carousel-caption h2 { font-size:45px; color:#462f2c;}
.home-Banner .carousel-caption p { font-size:22px; color:#51524a; font-weight:700;}
.home-Banner .carousel-caption { top:50%; transform:translateY(-50%); bottom:0;}
.home-Banner .carousel-caption .btn { letter-spacing:3px; font-size:15px;}

.welcome { background:url(../images/leaf.png) no-repeat 98% 0; padding:50px 0;}
.welcome h1 {  font-size:30px;}
.welcome .cus-width { width:90%; margin-top:100px;}


.process h3 { font-weight:600;font-family: 'Open Sans', sans-serif; font-size:18px;}
.process .number { background:#05411d; width:70px; height:70px; line-height:70px; font-size:36px; font-weight:800; position:relative; top:-30px; left:25px;
font-family: 'Open Sans', sans-serif; }
.process p { text-align:justify;}
.process h2 { color:#464343; letter-spacing:-1px; padding-bottom:85px; font-size:36px;}
.process { padding:50px 0;}
.process .cus-width { width:65%; margin:auto;}
.process .btn { text-align:left; font-size:13px;font-family: 'Open Sans', sans-serif; }

.contacts .form-control { font-size:12px; }
.contacts textarea { min-height:234px;}


/* --------------------------------- Footer CSS ------------------------------*/

.footer p { font-size:12px;}



@media (min-width: 767.98px) {}
@media (min-width: 1200px) {	
.dropdown:hover .dropdown-menu {display: block;}
.container { max-width:1530px;}

}
@media (max-width: 1199.98px) {
.container { max-width: 100%;}
.home-Banner img { width:100%;}
.home-Banner .carousel-caption { left: 3%;}
.welcome .cus-width { margin-top: 0;}
}
		
@media (min-width: 992px) and (max-width: 1199.98px) {
.navbar-light .navbar-nav .nav-link {padding: 10px 20px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {

}
@media (max-width: 991.98px) {
.navbar-light .navbar-nav .nav-link	{ margin-bottom:5px; color:#000; display:block;  text-align:center;}
.navbar-light .navbar-nav .nav-link	{padding-left: 15px !important; padding-top: 21px; padding-bottom: 24px;  background: transparent;}
.navbar-nav { background:#fff; margin-top:15px !important;}
.navbar { background:transparent!important;}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:active {color:#d93100;}
.navbar-light .navbar-nav li.active .nav-link { color: #fff; background:#b99fa0;}
.navbar-light .navbar-nav .nav-link	{padding-left: 15px !important; padding-top: 21px; padding-bottom: 24px;  background: #e6e6e6;}
.navbar-light .navbar-nav .nav-item { line-height:0px;}
.navbar-light .navbar-nav .nav-item:after { content:" ";}
.home-Banner .carousel-caption { position:relative; background:#08612c; bottom:0; transform:translateY(0); padding:20px;}
.home-Banner .carousel-caption * { color:#fff !important;}


.process .number { top: 20px; left: 20px;}
}
@media (max-width: 768px) {
.navbar-light .navbar-nav .dropdown-toggle[aria-expanded="false"]:after {content: "\f107";color: #d93100; position: absolute; right: 15px; font-size: 20px;font-family: 'FontAwesome'; display: block; top:15px;}
.navbar-light .navbar-nav .dropdown-toggle[aria-expanded="true"]:after { content: "\f106";color: #d93100; position: absolute; right: 15px; font-size: 20px;font-family: 'FontAwesome'; display: block; top:15px;}
.navbar-light .navbar-nav .nav-link:after {content:"";}
.dropdown-item {padding: 17px 25px; font-size:11px;}
.home-Banner .carousel-caption { width:100%; left:0; right:0;}
.prectice { padding: 50px 0 50px;}
.process { padding: 50px 0 50px;}
.welcome,.contacts { background:none; padding:0 !important;}
.cus-width { width:100% !important; margin:0 !important; text-align:center;}

}
@media (max-width: 767px) {	
.footer *{ text-align:center;}
.header #Phone { top:0; position:relative; text-align:center !important; right:0;;}
.home-Banner .carousel-caption h2 {font-size: 36px;line-height: 50px;}
.search-width { width:100%;}
}