@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Raleway:wght@100;300;400;500;600;700;800&display=swap');

a{
  text-decoration: none !important;
}

.wchat{
position: fixed;
right: -100px;
bottom: 10px;
z-index: 999;
}

.wchat img{
width: 50%;
}

.m-name{
    display:none;
}

.top{
font-family: 'Montserrat', sans-serif;
}

.top-left{
  text-align: right;
}

.top-left ul{
  margin: 0px;
color:#fff;
padding-left: 0px;
/*display: inline-block;*/
float: left;
}

.top-left ul li{
color:#fff;
display: inline-block;
margin-right: 4px;
  margin-top: 9px;
  font-size: 15px;
}

.top-left ul li:nth-child(1), .top-left ul li:nth-child(2){
  padding-right: 6px;
  border-right: 1px solid #919191;
}

.top-left ul li span{
color:#fff;  
margin-right: 5px;
}

.top-left ul li a{
 color:#fff;
 text-decoration: none; 
 -webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}


.top-right ul{
padding-left: 0px;
margin: 0px;
float: right;
}

.top-right ul li{
float: left;
list-style: none;
color: #fff;
}


.top-right ul li a
{
color: #fff;
text-decoration: none;
display: block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
background:#222;
border-radius: 50%;
margin: 4px;
}

.top-right ul li a:hover{
  color: #f1f1f1;
}

.top-right ul li.top-quote a{
  height: auto;
  width: auto;
  border-radius: 0px;
}

.top-right ul li.top-quote{
 background: #ef7f1b; 
 margin-right: 10px;
}

.top-right ul li.top-quote a{
height: auto;
width: auto;
border-radius: 0px;
background: #ef7f1b;
color: #fff;
text-transform: uppercase;
font-weight: 600;
position: relative;
z-index: 999;
padding: 4px 15px;
top: 4px;
margin: 0;
}

.top-right ul li.top-quote a::before {
border-bottom: 4px solid transparent;
border-left: 4px solid #d97115;
content: "";
display: block;
height: 0px;
right: -6px;
position: absolute;
bottom: 0px;
width: 6px;
z-index: 999;
}


header{
/*box-shadow: 0 2px 4px rgba(34, 34, 34, 0.58);*/
position: absolute;
left: 0px;
width: 100%;
z-index: 99;
/*background: rgba(0,0,0, 0.5);*/
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}


.logo{
padding-top: 4px;  
}

.logo img{
width: 65%;
position: absolute;
top: -10px;
}

.navbar-inverse {
background:none;
border: none;
margin-bottom:0px;
float: right;
}

.nav > li > a {
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
font-weight: 500;
    opacity: 1;
     transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    padding: 28px 20px;
  }


.navbar .nav > li::before {
    bottom: 40px;
}

.navbar .nav > li:hover::before{
    opacity: 1;
}

.navbar .nav > li::before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 2px;
    opacity: 0;
    background-color:#ef7f1b;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}


.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color:#ef7f1b;
    background:none;
}

.navbar-inverse .navbar-nav > .active::before{
    opacity: 1;
}

.navbar-inverse .navbar-nav > .active::after{
    opacity: 1;
}



.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color:#ef7f1b;
    background:none;
}

.navbar .nav > li::after {
 position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    margin-left: -6px;
    opacity: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #ef7f1b;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.navbar .nav > li:hover::after {
    opacity: 1;
}

.navbar-nav {
    float: right;
}

.dropdown-menu > li > a {
font-family: 'Poppins', sans-serif;
padding: 8px 20px;
font-weight: 600;
}

.dropdown-menu > li > a:hover {
color: #fff;
text-decoration: none;
background-color: #ef7f1b;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #ef7f1b;
    background: none;
}

.nav li.nav-box{
display: flex;
border-left: 1px solid rgba(255, 255, 255, 0.4);
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}

.nav li.nav-box::before{
  background: none;
}

.nav li.nav-box::after{
border-bottom: 0px solid #ef7f1b;
}

.nav li.nav-box span{
  color: #fff;
font-size: 30px;
float: left;
padding-top: 23px;
margin-right: 12px;
padding-left: 12px;
font-weight: 500
}

.nav li.nav-box .nav-phone{
font-family: 'Poppins', sans-serif;
color: #fff;
}

.nav li.nav-box .nav-phone h4{
  margin-bottom: 0px;
margin-top: 18px;
}

.nav li.nav-box .nav-phone p{
margin-bottom: 18px;
}

.item.bb1::before {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    width: 100%;
    height: 20%;
   background:-moz-linear-gradient(to bottom, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.62) 17%, rgba(0,0,0,0.28) 60%, rgba(0,0,0,0) 100%);
    background:-webkit-linear-gradient(to bottom, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.62) 17%, rgba(0,0,0,0.28) 60%, rgba(0,0,0,0) 100%);
    background:linear-gradient(to bottom, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.62) 17%, rgba(0,0,0,0.28) 60%, rgba(0,0,0,0) 100%);
    top: 0;
    z-index: 1;
}

.carousel-caption p{
font-family: 'Poppins', sans-serif;
line-height: 26px;
}

.first-banner{
    left: 15%;
    top: 26%;
    right: 60%;
    text-align: left;
    z-index: 999;
    bottom: 26%;
}

.first-banner h2{
font-family: 'Montserrat', sans-serif;
position: relative;
color: #fff;
margin-top: 0px;
}

.first-banner h2::before{
content: "";
position: absolute;
left: 0;
bottom: -7px;
height: 2px;
width: 50px;
background-color:#fff;
}

.first-banner p {
  color: #e3e3e3;
}

.first-banner .btn{
text-shadow: none;
background: transparent;
color:#ef7f1b;
padding: 8px 18px;
border: 2px solid #ef7f1b;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
}

.first-banner .btn:hover{
background: #ef7f1b;
color: #fff;
}


.second-banner{
left: 58%;
top: 23%;
right: 12%;
text-align: left;
z-index: 999;
background: #222;
padding: 15px;
bottom: 30%;
background: rgba(0, 0, 0, 0.9);
}


.second-banner h2{
font-family: 'Montserrat', sans-serif;
position: relative;
color: #fff;
margin-top: 0px;
font-size: 25px;
}

.second-banner h2::before{
content: "";
position: absolute;
left: 0;
bottom: -7px;
height: 2px;
width: 50px;
background-color:#fff;
}


.second-banner p{
color: #f1f1f1;
}

.second-banner .btn {
text-shadow: none;
background:transparent;
color: #fff;
border: 2px solid #fff;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
}

.second-banner .btn:hover{
  background:#ef7f1b;
  border: 2px solid #ef7f1b;
  color: #fff;
}

.third-banner{
  top: 35%;
  left: 10%;
  right: 10%;
}

.third-banner h4{
 font-family: 'Poppins', sans-serif;
  font-size: 25px;
  font-style: italic;
  font-weight: 300;
}



.third-banner h2{
font-family: 'Montserrat', sans-serif;
position: relative;
color: #fff;
margin-top: 0px;
font-size: 45px;
font-weight: 800;
}

.third-banner .btn {
text-shadow: none;
background:transparent;
color: #fff;
border: 2px solid #fff;
background:none; 
padding: 10px 25px;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
}

.third-banner .btn:hover{
  border:2px solid #ef7f1b;
  background: #ef7f1b;
}


.fourth-slide h2{
  font-size: 70px;
}


.carousel .item.active .animated1 {
   -webkit-animation: fadeInRight 1s ease-in-out 500ms both;
animation: fadeInRight 1s ease-in-out 500ms both;
        
}

.carousel .item.active .animated2 {
   -webkit-animation: fadeInLeft 1s ease-in-out 500ms both;
animation: fadeInLeft 1s ease-in-out 500ms both;
        
}

.carousel .item.active .animated3 {
   -webkit-animation: fadeInDown 1s ease-in-out 500ms both;
animation: fadeInDown 1s ease-in-out 500ms both;    
}

.carousel .item.active .animated4 {
   -webkit-animation: fadeInUp 1s ease-in-out 500ms both;
animation: fadeInUp 1s ease-in-out 500ms both;    
}

.carousel .item.active .animated5 {
   -webkit-animation: lightSpeedIn 1s ease-in-out 500ms both;
animation: lightSpeedIn 1s ease-in-out 500ms both;    
}




.carousel-caption{
    transition: opacity 100ms;
    text-shadow: none;
}

.carousel .item img{
  width: 100%;
}

.carousel-inner > .item .carousel-caption {
z-index: 0;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
}

.carousel .item.active .carousel-caption {
    z-index: 0;
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;  
}


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control.right {
    background: none;
}

.carousel-control.left {
    background: none;
}

.carousel-inner .item > img {
  -webkit-animation: zoom 50s;
  animation: zoom 50s;
  width: 100%;
}


@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.sec-1{
  padding: 40px 0px;
}

.sec1-box1{
background: #222;
padding: 20px 18px;
border-top: 3px solid #ff7e00;
position: relative;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
 height: 190px;
}

.sec1-box1:hover {
    box-shadow: 0 4px 4px rgba(0,0,0,0.5);
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
}

.sec1-box1::before{
border-left: 20px solid transparent;
border-bottom: 20px solid #fff;
bottom: 3px;
right: 3px;
content: "";
z-index: 0;
position: absolute;
transition: .4s;
-webkit-transition: .4s;  
}

.sec1-box2{
 background: #ef7f1b;
 border-top: 3px solid #b56c0a;
}

.sec1-box2::before{
border-bottom: 20px solid #222; 
}

.sec1-box2 .sec1-icon{
background: #222 !important;
}

.sec1-box1 .sec1-icon{
float: left;
color: #fff;
display: inline-block;
-webkit-transition: all 0.5s;
transition: all 0.5s;
background-color: #ff7e00;
font-size: 20px;
height: 50px;
width: 50px;
text-align: center;
clip-path: polygon(100% 0, 100% 81%, 80% 100%, 0 100%, 0 0);
line-height: 50px;
}

.sec1-box1 .sec1-icon span{
  -webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}

.sec1-box1:hover .sec1-icon span{
  transform: rotateY(360deg);
}

.sec1-box1 .sec1-matter{
  margin-left: 65px;
}

.sec1-box1 .sec1-matter h3{
font-family: 'Montserrat', sans-serif;
margin-top: 0px;
font-weight: 600;
color: #fff;
font-size: 22px;
}

.sec1-box1 .sec1-matter p{
font-family: 'Poppins', sans-serif;
line-height: 26px;
color: #f9e8d9;
}

.sec-2{
background:url(../images/sec2-bg.jpg); 
padding: 60px 0px;
}
.youtube{
  width: 100%;
  height: 385px;
}

.sec-2 iframe{
    width: 100%;
  height: 385px;
  background: #000;
}

.sec-2 h2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #fff;
text-align: center;
font-size: 23px;
}

.sec-2 h6{
 font-family: 'Poppins', sans-serif;
  color:#d9d9d9;
  font-style: italic;
  text-align: center;
  position: relative;
}

.sec-2 h6::before{
  content: '';
  position: absolute;
  bottom: -25px;
height: 15px;
width: 23px;
  margin: 0 16px;
  background:url(../images/icon.png);
}

.nav-tabs {
    border-bottom: 0px solid #ddd;
    margin-top: 50px;
}

.sec-2 .tab-content{
  text-align: center;
}

.sec-2 .tab-content h4{
color: #fff;
font-family: 'Poppins', sans-serif;
margin-top: 40px;
}

.sec-2 .tab-content p{
color: #fff;  
font-family: 'Poppins', sans-serif;
line-height: 26px;
}

.nav-tabs li > a {
padding: 35px 35px 0px;
    position: relative;
 font-family: 'Montserrat', sans-serif;
 border: 0px solid transparent;
 color: #fff;
}

.nav-tabs > li.active > a::before{
  background-color:#ef7f1b;
}

.nav-tabs > li:hover > a::before{
  background-color:#ef7f1b;
}

.nav-tabs li > a::before {
content: '';
position: absolute;
display: block !important;
top: 30px;
left: -3px;
width: 30px;
height: 30px;
border-radius: 50%;
border: 10px solid #fff;
z-index: 999;
background-color: #666;
  -webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}


.nav-tabs li:last-child > a{
padding-bottom: 50px;
}

.nav-tabs li > a::after {
    content: '';
    position: absolute;
    left: 0.95rem;
    display: block !important;
    top: 0;
    bottom: -0.7rem;
    width: 0.53rem;
    height:auto;
    background-color:#fff;
    z-index: 99;
    border-radius: 0.5rem;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color:#ef7f1b;
    background: none;
    border: 0px solid #ddd;
}


.nav-tabs > li > a:hover {
    border:none;
    background: none !important;
}

.nav-tabs > li > a:focus{
      background: none !important;
}

.abt-more{
  text-align: center;
}

.abt-more a{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
background: #fff;
padding: 13px 20px;
display: inline-block;
border-radius: 30px;
color: #333;
text-decoration: none !important;
  -webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}

.abt-more a:hover{
  color: #fff;
  background: #ff7e00;
}

.sec-3{
padding: 40px 0px;
background: url(../images/bggg.png);
}

.sec-3-title h2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color:#222;
margin-top: 0px;
position: relative;
}

.sec-3-title h2::after{
position: absolute;
content: '';
left: 0px;
bottom: -5px;
height: 2px;
width: 50px;
background:#ef7f1b;
}

.sec-3-title h2::before{
  position: absolute;
content: '';
left: 60px;
bottom: -5px;
height: 2px;
width: 15px;
background:#222;
}

.sec-3-title h2 span{
  color:#777;
  font-weight: 600;
}

.sec-3-title p{
font-family: 'Poppins', sans-serif;
color:#666;
font-size: 15px;
line-height: 26px;
}

.sec3-box{
  margin-top: 10px;

}


.sec3-box h3{
  font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 20px;

}
.sec3-box p{
font-family: 'Poppins', sans-serif;
color:#666;
font-size: 15px;
line-height: 26px;
}
.sec-3 .sec3-box a{
  position: relative;
  display: block;
}
.sec3-box:hover a::before {
    transform: scale(1,1);
    transition: .5s ease;
}
.sec3-box:hover a::after{
    opacity: 1;
}
.sec3-box a::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.80);
    left: 0;
    top: 0;
    transform: scale(0,1);
    transition: .5s ease;
    z-index: 1;
     }
.sec3-box a::after{
  position: absolute;
  top: 34%;
  left: 40%;
  opacity: 0;
  transition: 0.4s;
  content: "\f0c1";
  color:  #fff;
  z-index: 99;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color:#ef7f1b;
  text-align: center;
  line-height: 2.9;
}






.sec-4{
  padding:0px 0px 70px;
}
.sec-4 h2 {
  font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #222;
margin-top: 0px;
margin-bottom: 20px;
position: relative;

}
.sec-4 h2 span {
    color:#777;
    font-weight: 600;
}
.sec-4  h2::before {
    position: absolute;
    content: '';
    left: 60px;
    bottom: -10px;
    height: 2px;
    width: 15px;
    background: #222;
}
.sec-4 h2::after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: -10px;
    height: 2px;
    width: 50px;
    background:#ef7f1b;
}
.sec-4 p{
 font-family: 'Poppins', sans-serif;
color:#666;
font-size: 15px;
line-height: 26px;
}
.why-icon {
  padding: 0;
}

.why-icon li{
  list-style: none;
  position: relative;
  color: #444;
  font-size: 18px;
  padding-left: 50px;
  line-height: 1.4em;
  margin-bottom: 50px;
  margin-top: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.why-icon li i{
  position: absolute;
  left: 0px;
  top: 0px;
  color:#ef7f1b;
  font-size: 34px;
  line-height: 1em;
}

.why-img{
position: absolute;
left: -110px;
}

.why-img img{
width: 100%;
}



 .why-img::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    bottom: -220px;
    width: 750px;
    height:850px;
    z-index: -1;
    background: url(../images/sec4-bg.png);
}

 .why-img::after {
    position: absolute;
    content: '';
    right: -15px;
    bottom: 0px;
    width: 115px;
    height: 99px;
    z-index: 1;
    background: url(../images/why-bg.png) no-repeat;
}


.why-right{
padding: 60px 0px 60px 90px;
display: inline-block;
width: 100%;
}


.sec-5 {
    padding: 30px 0px;
    background: url(../images/sec5-bg.jpg) no-repeat;
    position: relative;
    margin-left: 115px;
      
  
}
.sec-5::after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100px;
    height: 99px;
    z-index: 1;
    background: url(../images/count-bg.png) no-repeat;
}


.counter {
    text-align: center;
}

.counter h3{
font-family: 'Poppins', sans-serif;
font-weight: 600;
position: relative;
margin-bottom: 25px;
color: #fff;
font-size: 30px;
}

.counter p{
  font-family: 'Poppins', sans-serif;
  color:#f9f9f9;
font-size: 15px;
}

.counter h3::before {
content: "";
position: absolute;
background:#fff;
width: 45px;
height: 2px;
bottom: -12px;
left: 105px;
}

.counter .add::after {
    content: "\f067";
    position: absolute;
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    top: -7px;
    font-weight: 400;
}

.sec-5{
  padding: 40px 0px;
}

.sec-5-title h2{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 28px;
  color: #1d5727;
  position: relative;
  margin-top: 0px;
}

.sec-5-title h2 span{
  color: #f42225;
}

.sec-5-title h2::before {
    position: absolute;
    content: '';
    left: 46px;
    bottom: -6px;
    width: 15px;
    height: 3px;
    background:#f42225;
}

.sec-5-title h2::after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: -6px;
    height: 3px;
    width: 40px;
    background: #21682e;
}


.sec-6 {
  padding: 40px 0px;
  background: url(../images/sec6-bg.jpg) no-repeat;
}

.sec-6 .sec-6txt{
  color: #fff;
  padding: 15px 25px;
  background: rgba(255, 255, 255, 0.75);
}

.sec-6 .sec-6txt h2 {
    margin-top: 0;
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    background:#ef7f1b;
    padding: 8px 15px;
    margin-left: -30px;
    display: inline-block;
    position: relative;
}

.sec-6 .sec-6txt h2::before {
border-bottom: 6px solid transparent;
border-right: 6px solid #e17819;
content: "";
display: block;
height: 0px;
left: 0px;
position: absolute;
bottom: -6px;
width: 6px;
z-index: 999;
}

.sec-6 .sec-6txt p{
font-family: 'Poppins', sans-serif;
  margin-bottom: 10px;
  position: relative;
  font-size: 14px;
  line-height: 30px;
  color: #444;
}

.butn2{
  color:#ef7f1b;
  border: 2px solid #ef7f1b;
  font-weight: 600;
  padding: 10px 18px;
  transition: 0.4s;
  display: inline-block;
  border-radius: 30px;
  font-family: 'Montserrat', sans-serif;
}

.butn2:hover{
background: #ef7f1b;
color: #fff;
  transition: 0.4s;
}

.sec-6-right ul{
padding-left: 0px;
margin-bottom: 0px;
}

.sec-6-right ul li{
list-style: none;
font-family: 'Poppins', sans-serif;
color: #fff;
}

.sec-6-right h3{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #fff;
margin-bottom: 20px;
position: relative;
text-transform: uppercase;
margin-left: 15px;
}

.sec-6-right h3::before {
    position: absolute;
    content: '';
    left: 60px;
    bottom: -10px;
    height: 2px;
    width: 15px;
    background: #fff;
}

.sec-6-right h3::after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: -10px;
    height: 2px;
    width: 50px;
    background: #fff;
}

.sec-6-right small{
color: #fff;
font-family: 'Poppins', sans-serif;
}


.sec-6 .last-fm{
  text-align: left;
}

.sec-6 .form-control{
color: #fff;
  position: relative;
  display: block;
  width: 100%;
  line-height: 24px;
  padding: 10px 15px;
  min-height: 45px;
border-radius: 5px;
border: 1px solid #fff;
background: rgba(255,255,255,0.10);
  font-weight: 400;
font-family: 'Poppins', sans-serif;
padding-left: 35px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sec-6 .form-control:focus {
box-shadow: none;
}


.sec-6 .form-control::placeholder{
  color: #fff;
}

.sec-6-right i {
position: absolute;
font-size: 16px;
color: #fff;
padding: 14px;
}

.bnt2{
color: #fff;
border: none;
font-weight: 600;
padding: 12px 30px;
transition: 0.4s;
display: inline-block;
border-radius: 30px;
font-family: 'Montserrat', sans-serif;
background: #ef7f1b;
}

.call-bar{
/*  background: url(../images/9.jpg);*/
  background: #000 url(../images/bggg.png);
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 45px 0px;
  background-repeat: repeat-x;
}

.call-bar h3{
  margin: 0;
  font-size: 26px;
  color: #fff;
  line-height: 24px;
font-family: 'Poppins', sans-serif;
  position: relative;
  font-weight: 700;
  padding: 20px 0;
  text-transform: uppercase;
}

.call-bar .right{
  position: relative;
  text-align: right;
}

.btnaa{
  font-family: Archivo;
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #ab7442;
  padding: 12px 42px 12px;
  font-weight: 700;
  overflow: hidden;
  border-radius: 50px;
  border: 2px solid #ffffff;
  background-color: #ffffff;
  text-transform: capitalize;
  z-index: 99;
  text-decoration: none;
  transition: 0.4s;
}

.btnaa:hover{
  color: #ffffff;
  background: none;
  transition: 0.4s;
}

.call-bar .right::after{
  position: absolute;
  content: '';
  left: 0px;
  top: -100px;
  bottom: -100px;
  width: 2000px;
  border-left: 4px solid #fff;
  transform: skewX(20deg);
  background-color:#ef7f1b;
}

.call-bar .right::before{
  position: absolute;
  content: '';
  left: -10px;
  top: -100px;
  bottom: -100px;
  width: 4px;
  background-color: #ffffff;
  transform: skewX(20deg);
}

.sec-8{
  position: relative;
  padding: 40px 0;
}

.sec-8 h2{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color:#222;
  margin-top: 0px;
  margin-bottom: 20px;
  position: relative;
}

.sec-8 h2 span {
  color: #777;
  font-weight: 600;
}

.sec-8 h2::before {
  position: absolute;
  content: '';
  left: 60px;
  bottom: -10px;
  height: 2px;
  width: 15px;
  background:#222;
}

.sec-8 h2::after {
  position: absolute;
  content: '';
  left: 0px;
  bottom: -10px;
  height: 2px;
  width: 50px;
  background: #ef7f1b;
}

.autoplay {
  margin-top: 30px;
}

.slick-nxt, .slick-pre{
  display: none !important;
}

.autoplay .inner-image{
  margin: 0 10px;
  position: relative;
  border: 1px solid #ddd;
  overflow: hidden;
  border-radius: 10px;
}

.autoplay .inner-image a{
  z-index: 99;
}

.autoplay .inner-image::before{
  content: "";
  background: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 0%;
  z-index: 99;
  transition: 0.4s;
}

.autoplay .inner-image:hover::before{
  width: 100%;
  transition: 0.4s;
  height: 100%;
}

.autoplay .inner-image:hover::after{
  opacity: 1;
  transition: 0.4s;
}

.autoplay .inner-image::after{
  content: "\f067";
  position: absolute;
  top: 32%;
  left: 42%;
  transition: 0.4s;
  color: #fff;
  background:#ef7f1b;
  width: 40px;
  height: 40px;
  text-align: center;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
      font-size: 14px;
      line-height: 1;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 999;
  border-radius: 50%;
  line-height: 2.8;
  opacity: 0;
}

.autoplay .inner-image span{
  width: 100%;
  background:#222;
  text-align: center;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  padding: 10px;
  font-size: 14px;
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 999;
}

.f-about h1{
  font-size: 28px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  margin: 0px;
  color: #fff;
}

.f-about p{
  color: #f1f1f1;
  font-family: 'Poppins', sans-serif;
  line-height: 26px;
}

.f-about a{
  color:#fff;
  padding: 9px 20px;
  text-decoration: none;
  background-color:#b0cb1f;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  display: inline-block;
}

.f-about a:hover{
 color: #fff;
  background: none;
}



.inner-banner{
padding: 200px 0px  40px;
background: url(../images/in-ban.jpg);
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.inner-banner::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #000;
    opacity: 0.8;
}

.inner-banner h1{
  position: relative;
color: #fff;
text-transform: uppercase;
font-weight: 700;
font-family: 'Poppins', sans-serif;
margin-bottom: 5px;
}

.inner-banner .bread-subtitle {
    display: inline-block;
    position: relative;
    font-family: 'Poppins', sans-serif;
     font-size: 15px;
}

.inner-banner .bread-subtitle a {
    color: #f1f1f1;
    font-weight: 400;
    text-decoration: none;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}

.inner-banner .bread-subtitle a:hover{
    color: #ef7f1b;
}

.inner-banner .spacebread {
    padding: 0 5px;
}

.inner-banner .spacebread::before {
    display: inline-block;
    content: '';
    width: 20px;
    height: 1px;
    position: relative;
    top: -4px;
   background:#ef7f1b;
}

.spacebread.space-2::before{
       width: 70px;
}

.spacebread.space-2::after{
display: inline-block;
    position: relative;
    top: 0px;
    content: "\f105\f105\f105\f105";
font: normal normal normal 14px/1 FontAwesome;
right: 3px;
}

.inner-banner span{
  color: #ef7f1b;
  font-family: 'Poppins', sans-serif;
}

.inner-matter{
padding: 40px 0px;
}

.inner-matter .single-pro{
  position: relative;
  border: 1px solid #eee;
  z-index: 99;
}

.inner-matter .single-pro:hover .overlay{
  opacity: 1;
  transition: 0.4s;
}

.inner-matter .single-pro:hover .overlay span{
  padding: 20px;
  transition: 0.3s;
}

.inner-matter .single-pro:hover::after{
  height: 60px;
  width: 60px;
  transition: 0.4s;
}

.inner-matter .single-pro:hover::before{
  height: 60px;
  width: 60px;
  transition: 0.4s; 
}

.inner-matter .single-pro .overlay{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.4s;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.2);
}

.inner-matter .single-pro .overlay span{
  color: #000;
  font-size: 25px;
  color: #fff;
  background: rgba(239, 127, 27, 0.70);
  padding: 30px;
  border: 1px solid #ef7f1b;
  transition: 0.3s;
}

.inner-matter .single-pro::after{
  content: "";
  position: absolute;
  z-index: 1;
  left: -2px;
  top: -2px;
  height: 40px;
  width: 40px;
  border-top: 3px solid #ef7f1b;
  border-left: 3px solid #ef7f1b;
  transition: 0.4s;
}

.inner-matter .single-pro::before{
  content: "";
  position: absolute;
  z-index: 1;
  right: -2px;
  bottom: -2px;
  height: 40px;
  width: 40px;
  border-bottom: 3px solid #ef7f1b;
  border-right: 3px solid #ef7f1b;
  transition: 0.4s;
}

.inner-matter .single-details{
  position: relative;
}

.inner-matter .single-details h2{
  margin-top: 0;
}

.inner-matter .single-details h4{
margin-top: 15px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
padding-top: 10px;
}

.inner-matter .single-table{
  margin-top: 20px;
}

.inner-matter .single-table table{
 font-family: 'Poppins', sans-serif;
}

.inner-matter .single-table table thead{
  background: #ef7f1b;
  color: #fff;
}

.inner-matter .single-table h4{
color: #ef7f1b;
font-family: 'Poppins', sans-serif;
border-bottom: 1px solid #ececec;
padding-bottom: 5px;
}

.inner-matter .single-table ul{
 padding-left: 0px;   
}

.inner-matter .single-table ul li{
list-style: none;
font-family: 'Poppins', sans-serif;
color: #666;
line-height: 26px;
padding-left:20px;
position:relative;
}

.inner-matter .single-table ul li::before{
content: "\f18e";
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
font-size: inherit;
color:#ef7f1b;
position:absolute;
left:0;
top:6px;
}

.inner-matter h2{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #ef7f1b;
position: relative;
}


.inner-matter h2::before {
    position: absolute;
    content: '';
    left: 60px;
    bottom: -5px;
    height: 2px;
    width: 15px;
    background: #222;
}

.inner-matter h2::after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: -5px;
    height: 2px;
    width: 50px;
    background: #ef7f1b;
}

.inner-matter p{
font-family: 'Poppins', sans-serif;
color: #666;
line-height: 26px; 
}


.in-list{
padding-left: 0px;
}

.in-list li{
 list-style: none; 
font-family: 'Poppins', sans-serif;
color: #666;
line-height: 26px; 
}

.in-list li i{
color: #ef7f1b;
padding-right: 5px;
}


.about-wood{
  margin-top: 25px;
  margin-left: 30px;
  position: relative;
}

.about-wood::before{
position: absolute;
content: '';
left: -25px;
top: -25px;
width: 100%;
height: 100%;
z-index: -1;
border: 7px solid #f1f4fb;
}

.hanged-text {
position: absolute;
left: -5px;
top: 30%;
height: 100%;
width: 200px;
font-family: 'Poppins', sans-serif;
}

.hanged-text::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 20px;
    height: 100px;
    border-left: 1px solid #ef7f1b;
}

.hanged-text span {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    color: #ef7f1b;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    word-spacing: 2px;
    letter-spacing: 1px;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #eee;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.journey {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

.journey h3{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #ef7f1b;
position: relative;
margin-top: 0px;
}

.journey h3::before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: -5px;
    height: 2px;
    width: 35px;
    background: #222;
}
.journey h4{
  font-family: 'Poppins', sans-serif;
font-size: 45px;
font-weight: 600;
color: #ffe0c5;
position: absolute;
top: -60px;
}

/* The circles on the timeline */
.journey::after {
content: '';
position: absolute;
width: 25px;
height: 25px;
right: -13px;
background-color: #EF7F1B;
border: 5px solid #ffe0c5;
top: 59px;
border-radius: 50%;
z-index: 1;
}

/* Place the container to the left */
.j-left {
  left: 0;
}

/* Place the container to the right */
.j-right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.j-left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 63px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #f7f7f7;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #f7f7f7;
}

/* Add arrows to the right container (pointing left) */
.j-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 63px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #f7f7f7;
  border-width: 10px 10px 10px 0;
  border-color: transparent #f7f7f7 transparent transparent;
}

.journey-line{
  font-family: 'Poppins', sans-serif;
text-transform: uppercase;
font-weight: 600;
text-align: center;
font-size: 28px;
color: #ef7f1b;
}

/* Fix the circle for containers on the right side */
.j-right::after {
  left: -13px;
}

/* The actual content */
.content {
  padding: 20px 30px;
  background-color: #f7f7f7;
  position: relative;
  border-radius: 6px;
  margin-top: 50px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }
  
  /* Full-width containers */
.journey {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}
  /* Make sure that all arrows are pointing leftwards */
  .journey::before {
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .j-left::after, .j-right::after {
  left: 15px;
  }
  
  /* Make all right containers behave like the left ones */
  .j-right {
  left: 0%;
  }
}

.history{
display: flex;
}

.history-box h3{
background: #ef7f1b;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 26px;
padding: 8px 25px;
text-align: center;
color: #fff;
margin-right: 20px;
}

.history p{
  padding-top: 10px;
}

.team-box{
border-left: 3px solid #222;
border-bottom: 3px solid #222;
padding: 35px 12px 10px;
margin: 15px 0px;
position: relative;
height: 160px;
}

.team-box::before{
position: absolute;
content: '';
left: -4px;
top: 20px;
height: 30px;
width: 5px;
background: #ef7f1b;
}

.team-box h3{
  font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #ef7f1b;
font-size: 19px;
border-bottom: 1px solid #d1d1d1;
padding-bottom: 8px;
}

.team-box h4, .team-box h5{
  font-family: 'Montserrat', sans-serif;
}

.team-box h4{
font-weight: 600;
font-size: 16px;
}

.team-box h4 span, .team-box h5 span{
color: #ef7f1b;
border-right: 1px solid #d1d1d1;
padding-right: 6px;
width: 23px;
margin-right: 3px;
}

.video-box{
  position: relative;
  margin: 20px 0px;
}

.video-box::before{
position: absolute;
content: '';
right: -8px;
background: #ef7f1b;
height: 100%;
width: 100%;
z-index: -1;
top: 15px;
}

.video-box iframe{
height: 250px;
}

.video-box h3 {
font-family: 'Poppins', sans-serif;
font-size: 16px;
letter-spacing: 0.5px;
margin: 0px;
color: #fff;
padding-top: 10px;
position: relative;
padding-left: 40px;
}

.video-box h3 span{
font-size: 22px;
position: absolute;
left: 15px;
top: 8px;
}

.cnt-box{
text-align: center;
-webkit-box-shadow: 0 0 7px 0 rgba(43,52,59,.08);
-moz-box-shadow: 0 0 7px 0 rgba(43,52,59,.08);
box-shadow: 0 0 7px 0 rgba(43,52,59,.08);
position: relative;
padding: 0px 20px 25px;
margin: 30px 0px;
}

.cnt-box::after {
    transform: scaleX(0);
    transition: transform 800ms ease-in-out;
    position: absolute;
    content: '';
    border-bottom: 5px solid #ef7f1b;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
}

.cnt-box:hover::after {
    transform: scaleX(1);
}

.cnt-box .cnt-icon{
position: relative;
height: 60px;
width: 60px;
display: block;
margin: 0 auto;
line-height: 60px;
background: #ef7f1b;
color: #fff;
font-size: 22px;
margin-bottom: 25px;
}

.cnt-box .cnt-icon::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 60px;
    border-width: 0 13px 12px 0;
    border-style: solid;
    border-color: #ef7f1b;
    border-right-color: transparent;
    border-left-color: transparent;
    display: block;
    transition: all .4s;
    opacity: .7;
}

.cnt-box .cnt-icon::after {
    position: absolute;
    content: "";
    right: 0;
    height: 11px;
    width: 100%;
    top: -11px;
    transition: all .5s;
    background-color: #ef7f1b;
    transform: scale(1,1.2);
}

.cnt-box p a{
color: #666;
}

.cnt-box h4{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 20px;
}

.cnt-br h4{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #ef7f1b;
font-size: 22px;
border-bottom: 1px solid #d1d1d1;
padding-bottom: 10px;
}

.cnt-box2{
-webkit-box-shadow: 0 0 7px 0 rgba(43,52,59,.08);
-moz-box-shadow: 0 0 7px 0 rgba(43,52,59,.08);
box-shadow: 0 0 7px 0 rgba(43,52,59,.08);
position: relative;
margin: 15px 0px;
padding: 25px;
font-size: 15px;
}

.cnt-box2 i{
  color: #ef7f1b;
  padding-right: 6px;
}
.cnt-box2 h4{
  font-family: 'Montserrat', sans-serif;
margin-top: 0px;
font-weight: 600;
color: #ef7f1b;
border-bottom: 1px solid #d1d1d1;
padding-bottom: 5px;
}

.cnt-box2 p a{
color:#666;
}

.enq-form .form-control{
margin-bottom: 15px;
height: 45px;
border-radius: 0px;
font-family: 'Montserrat', sans-serif;
border: 1px solid rgba(119,119,119,.2);
margin: 12px 0px;
box-shadow: none;
}

.enq-form .form-control:focus {
    border-color: #ef7f1b;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,.6);
}

.enq-form textarea.form-control{
  height: auto;
}

.enq-form small{
  font-family: 'Montserrat', sans-serif;
}

.enq-form .btn{
color: #fff;
border: none;
font-weight: 600;
padding: 12px 30px;
transition: 0.4s;
display: inline-block;
border-radius: 0px;
font-family: 'Montserrat', sans-serif;
background: #ef7f1b;
width: 100%;
text-transform: uppercase;
font-size: 15px;
}

.map{
margin-top: 20px;
}

.map iframe{
  height: 515px;
}


.pro-box{
  border:1px solid #e3e3e3;
  margin: 15px 0px;
}


.pr-name{
position: relative;
border-top: 2px solid #ef7f1b;
margin: 0px 8px;
padding: 10px 0px;
display: flex;
align-items: center;
}

.pr-name::before{
background: url(../images/up-line.png);
content: '';
position: absolute;
width: 62px;
height: 8px;
display: inline-block;
top: -3px;
left: 50%;
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.pr-name h5{
font-size: 15px;
font-family: 'Montserrat', sans-serif;
color: #666;
margin: 0px;
float: left;
width: 72%;
}

.pr-name .enq-link{
display: flex;
width: 65px;
}


.pr-name .enq-link a{
  background: #222;
border-radius: 50%;
color: #fff;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
display: block;
margin-right: 5px;
}

.pr-name .enq-link a.sdl{
  background: #ef7f1b;
  margin-right: 0px;
}

.event-box{
position: relative;
border: 1px solid #eee;
z-index: 99;
padding: 2px;
margin: 15px 0;
}

.event-box a {
  display: block;
  position: relative;
  overflow: hidden;
}

.event-box img{
  width: 100%;
transition: all 0.9s ease 0s;
}

.event-box:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
  transition: all 0.9s ease 0s;
}


footer{
  padding: 40px 0;
  background: #222 url(../images/footer-bg.png);
  color: #fff;
  position: relative;
  z-index: 9;
}

footer .fo-cont{
  position: relative;
}


footer .fo-cont .f-logo img{
  width: 80%;
}

footer .fo-cont p{
line-height: 26px;
font-family: 'Poppins', sans-serif;
  padding-top: 12px;
}

footer .fo-cont h3{
  margin-top: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #fff;
  margin-top: 0px;
  margin-bottom: 20px;
  position: relative;
  z-index: 9;
}

footer .fo-cont h3::after{
  position: absolute;
  content: '';
  left: 0px;
  bottom: -10px;
  height: 2px;
  width: 50px;
  background:#ef7f1b;
}

footer .fo-cont h3::before{
  position: absolute;
  content: '';
  left: 60px;
  bottom: -10px;
  height: 2px;
  width: 15px;
  background: #fff;
}

footer .fo-cont ul{
  list-style: none;
  padding-left: 10px;
}

footer .fo-cont ul li{
  padding-left: 10px;
  line-height: 30px;
  font-family: 'Poppins', sans-serif;
}

footer .fo-cont ul li a{
  color: #fff;
}

footer .fo-cont ul li::marker{
  content: "\f101";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
      font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bottom{
  position: relative;
  padding: 10px 0;
  background:#ef7f1b;
}

.bottom a{
  color: #fff;
}

.bottom p{
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 13px;
  font-family: 'Poppins', sans-serif; 
}

.bottom .right{
  text-align: right;
}

/*

footer{
background-color: #1d5727;
padding: 40px 0px;
}

footer h2
{
font-family: 'Roboto', sans-serif;
color: #fff;
position: relative;
margin-top: 0px;
font-size: 25px;
}

footer h2::before
{
  content: '';
  position: absolute;
left: 0;
bottom: -6px;
height: 3px;
width: 30px;
background-color:#b0cb1f;
}

footer h2::after
{
content: '';
position: absolute;
left: 36px;
bottom: -6px;
height: 3px;
width: 10px;
background-color: #f1cf69;
}

footer ul{
  padding-left: 0px;
  margin: 0px;
}

footer ul li{
  list-style: none;
  position: relative;
  padding-left: 15px;
}


footer ul li::before {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 14px;
    line-height: 26px;
    color: #f1cf69;
    font-weight: 900;
    font-family: "FontAwesome";
    content: "\f105";
}

footer ul li a{
 color: #f1f1f1;
  font-family: 'Open Sans', sans-serif;
  line-height: 30px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  text-decoration:none !important; 
}

footer ul li a:hover{
  color: #b0cb1f;
}
*/


@media (min-width:320px) and (max-width:414px){
.m-name{
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	padding: 15px;
	display: inline-block;
}



.logo{
text-align:center;
}

.logo img {
width: 30%;
position: relative;
top: 5px;
display: inline-block;
}

header {
position: relative;
}

.navbar-header{
background:#222;    
}

.navbar-inverse {
float:none;
margin:15px 0;
background: #ef7f1b;
}

.navbar-inverse .navbar-toggle {
	background: #ef7f1b !important;
}

.navbar-nav {
	float: none;
}

.nav > li > a {
padding: 12px 15px;
text-shadow:none;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	color: #222;
	background: none;
}

.navbar-inverse .navbar-nav > li > a {
	text-shadow: none;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	color: #222;
	background: none;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
		color: #222;
	background: none;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: #fff;
}


.third-banner {
	top: 20%;
}

.third-banner h4{
    font-size:10px;
}

.third-banner h2{
    font-size:14px;  
}

.third-banner p{
display:none;
}

.third-banner .btn{
    padding:4px 10px;
    font-size:13px;
}


.sec1-box1 {
	height: auto;
	margin-bottom: 20px;
}

.nav-tabs li > a {
	padding: 13px 0px 20px 25px !important;
}

.nav-tabs li > a::after {
	width: 100%;
	height: 2px;
	bottom: 7px;
	top:auto;
}

.abt-more a {
	background: #fff;
	padding: 11px 15px;
	margin-top: 50px;
}

.sec3-box img{
width:100%;
}

.why-img {
	position: relative;
	left: -35px;
}

.why-right {
padding: 28px 0px 0px;
}

.why-img::before {
height: 1370px;
width: 412px;
}

.sec-5 {
margin-left: 15px;
}

.counter h3::before {
	left: 58px;
}

.sec-6 {
	background-size: cover;
}


.inner-banner {
padding: 50px 0;
}

.inner-banner h1 {
font-size: 18px;
}

.inner-banner span {
font-size: 12px;
}

.inner-banner .bread-subtitle a {
	font-size: 12px;
}

.inner-matter h2 {
	font-size: 22px;
}

.journey {
	width: 100%;
}

.journey::before {
	left: 0;
}

.spacebread.space-2::after {
	display: none;
}

.spacebread.space-2::before {
	display: none;
}

.inner-matter .single-pro {
margin-bottom: 20px;
}

.inner-matter .single-table {
	overflow: scroll;
}



.inner-matter .single-table table tr th{
padding:4px;
font-size:13px;
}

.inner-matter .single-table table tr td{
padding:4px;
font-size:13px;
}

.call-bar .right::after {
	display: none;
}

.call-bar .right::before {
	display: none;
}

.call-bar h3 {
	font-size: 22px;
	padding: 0px 0 20px;
	text-align:center;
}

.call-bar .right {
	text-align: center;
}

.btnaa {
	font-size: 15px;
	color: #ef7f1b;
	padding: 4px 12px;
}

footer .fo-cont .f-logo img {
	width: 35%;
}
    
}



@media (min-width:768px) and (max-width:980px){

.logo img {
  width: 75%;
  left: 5px;
}

.navbar-inverse {
margin-left: -37px;
}

.nav > li > a {
  padding: 17px 3px;
  font-size: 12px;
  text-transform: capitalize;
}

.nav li.nav-box span {
  font-size: 22px;
  padding-top: 15px;
  margin-right: 6px;
  padding-left: 6px;
}

.nav li.nav-box .nav-phone h4 {
  margin-bottom: 0px;
  margin-top: 15px;
  font-size: 13px;
}

.nav li.nav-box .nav-phone p {
  margin-bottom: 8px;
  font-size: 12px;
}

.dropdown-menu > li > a {
  padding: 6px 20px;
  font-size: 12px;
}

.sec1-box1 {
padding: 10px;
}

.sec1-box1 .sec1-icon {
  font-size: 15px;
  height: 40px;
  width: 40px;
  line-height: 40px;
}

.sec1-box1 .sec1-matter {
margin-left: 50px;
}

.sec1-box1 .sec1-matter h3 {
font-size: 18px;
}

.sec1-box1 .sec1-matter p {
line-height: 20px;
font-size: 13px;
}

.sec-2 .tab-content p {
  line-height: 22px;
  font-size: 13px;
}

.nav-tabs li > a {
padding: 35px 35px 10px !important;
font-size: 14px;
}

.sec-3-title h2 {
font-size: 25px;
}

.why-right {
  padding: 30px 0px 0px 25px;
}

.sec-4 h2 {
  font-size: 25px;
}

.sec-4 p {
font-size: 14px;
}

.why-icon li {
  font-size: 14px;
  padding-left: 40px;
  margin-bottom: 30px;
  margin-top: 20px;
}

.why-icon li i{
font-size: 25px;
}

.why-img::before {
  width: 490px;
  height: 655px;
}

.sec-4 {
  padding: 0px 0px 40px;
}

.counter h3::before {
  left: 54px;
}

.sec-5 {
margin-left: 30px;
}

.counter h3 {
  font-size: 25px;
}

.counter p {
font-size: 14px;
}

.sec-6 .sec-6txt h2 {
 font-size: 24px;
}

.sec-6 .sec-6txt p {
  font-size: 13px;
  line-height: 25px;
}

.sec-8 h2 {
font-size: 25px;
}

.call-bar {
padding: 25px 0px;
  }

.call-bar h3 {
font-size: 18px;
}

.call-bar .right {
margin-top: 8px;
}

.btnaa {
  font-size: 14px;
  line-height: 22px;
  padding: 10px 30px 10px;
}

.inner-banner {
  padding: 140px 0px 40px;
}

.inner-banner h1 {
  font-size: 25px;
}

.inner-banner .bread-subtitle {
  font-size: 14px;
}

.inner-matter h2 {
  font-size: 25px;
}


.team-box h3 {
  font-size: 17px;
}

.team-box h4 {
font-size: 14px;
}

.team-box h5 {
  font-size: 13px;
}

.video-box h3 {
font-size: 15px;
}

.cnt-box h4 {
  font-size: 18px;
}

.cnt-br h4 {
font-size: 20px;
}

.cnt-box .cnt-icon {
  height: 50px;
  width: 50px;
  line-height: 50px;
  font-size: 18px;
}

.cnt-box .cnt-icon::before {
left: 50px;
}

footer .fo-cont h3 {
  font-size: 15px;
}

footer .fo-cont ul li {
  padding-left: 6px;
  line-height: 26px;
  font-size: 13px;
}


}