@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');

a{
  text-decoration: none !important;
  outline: none;
}

.top{
  background: #9cbebf;
  padding: 5px 0px;
  position: relative;
  overflow: hidden;
}

.top-links {
padding-left: 0px;
margin: 0px;
padding-top: 4px;
}

.top-links li{
padding-left: 0px;
float: left;
list-style: none;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 13px;
}


.top-links li a
{
  color: #fff;
  margin-right: 12px;
}

.top-links li a span{
margin-right: 4px;
border-right: 1px solid #c1e9ea;
padding: 0px 4px;
}

.social-links{
  padding-left: 0px;
margin: 0px;
}

.social-links li{
  float: left;
  list-style: none;
}

.social-links li a{
  display: block;
  padding: 0px 8px;
  color: #d0f4f5;
  transition: .4s;
}

.social-links li a:hover{
color: #596f71;
}

.top-follow
{
  padding-top: 4px;
padding-left: 65px;
}

.top-follow p{
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 13px;
color: #d0f4f5;
border-right: 1px solid #d0f4f5;
float: left;
padding-right: 4px;
margin: 0px;
}

.translate-box
{
  position: relative;
z-index: 1;
float: right;
padding-left: 15px;
}

.translate-box::after {
    top: -8px;
    width: 0;
    height: 0;
    right: 100%;
    content: '';
    position: absolute;
    border-top: 40px solid #954719;
    border-left: 30px solid transparent;
    z-index: -1;
}

.translate-box::before {
top: -6px;
left: 0px;
width: 500px;
height: 40px;
background: #954719;
content: '';
position: absolute;
 z-index: -1;
}

header{
  padding: 15px 0px;
  position: relative;
}

.no-padding{
  padding: 0px;
}

.logo img{
  width: 100%;
}

.logo-text
{
  padding-left: 6px;
}

.logo-text h2
{
font-family: 'Noto Serif', serif;
text-transform: uppercase;
font-size: 24px;
color: #986e56;
margin-top: 0px;
margin-bottom: 8px;
text-align: left;
}

.logo-text h2 span{
color: #fff;
background: #954719;
padding: 0px 4px;
height: 28px;
width: 28px;
display: inline-block;
text-align: center;
border-radius: 50%;
margin-right: 2px;
}

.logo-text::before {
position: absolute;
content: "";
width: 1px;
height: 100px;
background: none;
left: 10px;
}

.last-text-logo{
  margin-bottom: 0px !important;
}

.logo-text h2 sup
{
font-family: 'Montserrat', sans-serif;
color: #d40000
}

.top-add{
margin-top: 30px;
}

.top-border
{
  border-right: 1px solid #e3e3e3;
}

.top-add .top-icon{
float: left;
border: 2px solid #bdb099;
padding: 10px 12px;
font-size: 16px;
color: #954719;
}

.top-add .top-text
{
  margin-left: 58px
}

.top-add .top-text h4
{
  color: #954719;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-transform: uppercase;
font-size: 17px;
margin-bottom: 4px;
}

.top-add .top-text p{
    font-family: 'Lato', sans-serif;
    color: #444;
    margin: 0px;
}

.quote-line p{
position: absolute;
right: 16%;
font-family: 'Noto Serif', serif;
font-weight: 600;
font-size: 16px;
top: 8px;
margin: 0px;
border-radius: 15px;
}



#mainText p {
    margin-bottom: 0px;
    color: #0a5d60;
}       

word{ 
    display:inline-block; 
}

letter{ 
    display:inline-block; 
    white-space:pre; 
    background:none; 
    transition:.4s; 
}

letter.initial{ 
    opacity:0; 
    text-shadow:0 0 9px; 
    color:#FFF; 
    -webkit-transform:scale(8); 
    -webkit-transform-origin:150% 50%; 
    transform:scale(8); 
    transform-origin:150% 50%; 
}


.navigation{
background: #954719;
}

.navbar-inverse {
    background: none;
    border: none;
    margin: 0px;
}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #732f03;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-right: 1px dashed #782f04;
}

.nav > li > a {
position: relative;
display: block;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-weight: 600;
padding: 15px 25px;
}

.nav > li > a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #732F03;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.nav > li > a:hover::before, .nav > li > a:hover:focus::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.dropdown-menu > li > a {
    padding: 6px 15px;
    color: #333;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #954719;
}


.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 .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-caption{
    text-align: left;
    transition: opacity 100ms;
    text-shadow: none;
}


.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-caption h1{
color: #954719;
text-transform: uppercase;
/*text-shadow: 0px 2px 5px #222;*/
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 28px;
margin-top: 0px;
}

.carousel-caption p{
       font-family: 'Lato', sans-serif; 
      font-size: 16px;
      color:#444;
     /* text-shadow: 0px 2px 3px #888;*/
      font-weight: 600;
      padding-bottom: 15px;
      line-height: 26px;
}


.carousel-caption a{
font-family: 'Lato', sans-serif;
 }

.item .second-banner{
left: 53% !important;
right: 10%;
text-align: right;
bottom: 80px;
background: rgba(255, 255, 255, 0.8);
 }

.item .second-banner h1{
color: #954719;
}

.item .second-banner p{
color: #333;
}

.item  .third-b{
bottom: 80px;
background: rgba(255, 255, 255, 0.8);
}


.carousel-caption {
    right: 50%;
    left: 12%;
    padding-bottom: 30px;
    top: 18%;
    background: rgba(255, 255, 255, 0.7);
    padding: 25px;
    bottom: 55px;
}

.carousel-caption .btn {
background:#954719;
transition: .4s;
border: 1px solid #954719;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
padding: 12px 24px;
margin-right: 12px;
}

.carousel-caption .btn:hover{
background: #732f03;
color: #fff;
border: 1px solid #732f03;

}

.carousel-caption .btn2{
  background: #444;
border: 1px solid #444;
}

.carousel-caption .btn2:hover{
  background: #954719;
border: 1px solid #954719;
}

.carousel-caption .btn-contact{
    border: 1px solid #fff;
    background: none;
    color: #fff;
}

.carousel-caption .btn-contact:hover{
  background: #ed3237;
color: #fff;
border: 1px solid #ed3237;
}

.carousel-caption .btn-contact-2{
    border: 1px solid #ed3237;
    background: none;
    color: #ed3237;
}

.carousel-caption .btn-contact-2:hover{
  background: #ed3237;
color: #fff;
border: 1px solid #ed3237;
}

.sec-1
{
  background: #9cbebf;
  padding: 60px 0px;
}

.sec-1-box
{
border: 1px dashed #fff;
padding: 30px 20px;
height: 115px;
}

.sec-1-box .sec-1-icon{
float: left;
font-size: 22px;
}

.sec-1-box .sec-1-icon span
{
  color: #fff;
}

.sec-1-box:hover span
{
  transform: rotate(360deg);
  transition: .4s;
}

.sec-1-box .sec-1-detail{
  margin-left: 40px;
}

.sec-1-box .sec-1-detail h3{
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 18px;
margin-top: 0px;
text-transform: uppercase;
color: #d0f4f5;
}

.sec-1-box .sec-1-detail h5{
  font-family: 'Lato', sans-serif;
color: #fff;
margin-bottom: 0px;
  }

.sec-2{
    padding: 60px 0px;
}

.wel-right{
  text-align: center;
}

.wel-right h2{
 font-family: 'Noto Serif', serif;
text-transform: uppercase;
font-size: 26px;
color: #954719;
  }

.wel-right h2::after{
position: absolute;
content: '';
left: 36%;
top: 96px;
background: #bdb099;
height: 1px;
width: 80px;
  }

.wel-right h2::before{
position: absolute;
content: '';
right:  36%;
top: 96px;
background: #bdb099;
height: 1px;
width: 80px;
  }

.wel-right span
  {
    font-size: 18px;
    color: #a7836d;
}

.wel-right p{
font-family: 'Lato', sans-serif;
color: #666;
line-height: 26px;
}

.wel-right a{
  font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-transform: uppercase;
background: #333;
display: inline-block;
padding: 10px 18px;
color: #fff;
transition: .4s;
}

.wel-right a:hover{
  background: #954719;
}

.sec-3{
padding: 60px 0px;
background: url(../images/sec-3-bg.jpg);
}

.sec-3-box{
  text-align: center;
padding: 20px 0;
}

.sec-3-box:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transition: 0.5s ease all;
}

.sec-3-box h3
{
  font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #fff;
margin-top: 0px;
font-size: 26px;
border-bottom: 1px solid #c5c5c5;
padding-bottom: 10px;
}

.sec-3-box span
{
  border: 2px solid #fff;
color: #fff;
border-radius: 50%;
padding: 30px;
font-size: 22px;
margin: 20px 0px;
}


.sec-3-box p{
  color: #fff;
font-family: 'Lato', sans-serif;
line-height: 26px;
font-size: 15px;
}

.sec-3-box a{
  font-family: 'Lato', sans-serif;
background: #fff;
padding: 8px 20px;
display: inline-block;
border-radius: 2px;
margin-top: 10px;
color: #954719;
 transition: 0.5s ease all;
 border: 2px solid #fff;
}

.sec-3-box a:hover{
border: 2px solid #fff;
background: none;
color: #fff;
}


.sec-4{
padding: 50px 0px;
}

.title-line{
  text-align: center;
}

.title-line h2
{
  font-family: 'Noto Serif', serif;
text-transform: uppercase;
font-size: 26px;
color: #954719;
margin-top: 0px;
}

.title-line span{
  font-size: 18px;
color: #a7836d;
}

.title-line h2::before {
position: absolute;
content: '';
right: 43%;
bottom: 9px;
background: #bdb099;
height: 1px;
width: 50px;
}

.title-line h2::after {
position: absolute;
content: '';
left: 43%;
bottom: 9px;
background: #bdb099;
height: 1px;
width: 50px;
}

.our-pr-box:hover {
    -moz-box-shadow: 0 20px 40px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.1);
    box-shadow: 0 20px 40px rgba(0,0,0,.1);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    transform: translateY(-4px);
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}
.our-pr-box {
    background: #fff;
    overflow: hidden;
    margin: 25px 0px 0px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.our-pr-box a {
  border-radius: 30px;
font-size: 100%;
height: 50px;
line-height: 50px;
padding: 0px 35px;
position: absolute;
opacity: 0;
top: 50%;
left: 50%;
margin-top: -60px;
margin-left: -90px;
background-color: #7a5946;
z-index: 1000;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #fff;
}

.our-pr-box a:hover{
  background: #333;
}

.our-pr-box:hover a{
  opacity: 1;
}

.our-pr-box img
{
  width: 100%;
   -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.our-pr-box:hover img {
    opacity: .5;
}

.our-pr-box .pr-name
{
border-bottom: 2px dashed #e3e3e3;
padding: 10px 5px;
text-align: center;
background: #954719;
}

.our-pr-box .pr-name h3{
  margin: 0px;
  font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #fff;
font-size: 20px;
}

.sec-5{
  background: url(../images/sec-5-bg.jpg) fixed;
background-size: cover;
}


.gra {
    background: rgba(0, 0, 0, 0.8);
    padding: 50px 0;
}

.counter {
    text-align: center;
}

.sec-5 h2 {
    color: #fff;
    font-size: 45px;
    margin-top: 0;
    position: relative;
    margin-bottom: 21px;
    padding-bottom: 9px;
   font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.sec-5 h2::after {
    content: "";
    position: absolute;
     background: url(../images/line.png) no-repeat;
    width: 60px;
    height: 2px;
    bottom: -5px;
    left: 97px;
}

.counter p {
    color: #fff;
   font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}

.sec-5 h3 {
    color: #fff;
    font-size: 45px;
    margin-top: 0;
    position: relative;
    margin-bottom: 21px;
    padding-bottom: 9px;
    position: relative;
    font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.sec-5 h3::before {
    content: "";
    position: absolute;
    background: url(../images/line.png) no-repeat;
    width: 60px;
    height: 2px;
    bottom: -5px;
    left: 97px;
}

.sec-5 h3::after {
    content: "\f067";
    position: absolute;
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    top: 11px;
}

.sec-6{
 padding: 50px 0px 0px;
background:#9cbebf;
position: relative;
}

.sec-6 h3{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 22px;
line-height: 28px;
margin: 0px;
color:#d0f4f5;
}

.sec-6 h3 span{
font-family: 'Noto Serif', serif;
color: #fff;
}

.sec-6-box{
border: 2px dashed #d0f4f5;
padding: 25px 15px;
display: inline-block;
width: 100%;
}

.sec-6-right a
{
 font-family: 'Lato', sans-serif;
font-size: 16px;
background: #85a3a4;
padding: 12px 30px;
color: #fff;
border-radius: 30px;
text-transform: uppercase;
border: 2px solid #cbf4f5;
font-weight: 600;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}


.sec-6-right a::before{
  content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #5b7778;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
border-radius: 30px;
}

.sec-6-right a:hover::before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    border-radius: 30px;
}

.sec-6-right{
  text-align: right;
  margin-top: 18px;
}

.sec-6 .cycle-move span {
  font-size: 45px;
    -webkit-animation: wpb_ltr .2s 1 cubic-bezier(.175,.885,.32,1.275);
    -o-animation: wpb_ltr .2s 1 cubic-bezier(.175,.885,.32,1.275);
    animation: wpb_ltr .2s 1 cubic-bezier(.175,.885,.32,1.275);
    color: #fff;
        position: relative;
    top: 5px;
}

.sec-6 .cycle-move {
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
    margin-top: 10px;
}

.sec-6:hover .cycle-move {
    margin-left: calc( 100% - 60px );
    margin-left: -webkit-calc( 100% - 60px );
    margin-left: -moz-calc( 100% - 60px );
}

@keyframes wpb_ltr {

0% {
    -webkit-transform: translate(-10%,0);
    opacity: 0;
    filter: alpha(opacity=0);
}
100% {
    -webkit-transform: translate(0,0);
    opacity: 1;
    filter: alpha(opacity=100);
}

}

@keyframes wpb_ltr {

0% {
    -moz-transform: translate(-10%,0);
    opacity: 0;
    filter: alpha(opacity=0);
}
100% {
    -moz-transform: translate(0,0);
    opacity: 1;
    filter: alpha(opacity=100);
}
  }

  @keyframes wpb_ltr {

0% {
    -webkit-transform: translate(-10%,0);
    -ms-transform: translate(-10%,0);
    -o-transform: translate(-10%,0);
    transform: translate(-10%,0);
    opacity: 0;
    filter: alpha(opacity=0);
}
100% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
    filter: alpha(opacity=100);
}

}


.company-profile-banner{
background: url(../images/company-profile-banner.jpg);
padding: 70px 0px;
background-size: cover;
background-position: center;
}

.banner-matter{
  text-align: center;
}

.banner-matter h1
{
font-family: 'Noto Serif', serif;
color: #fff;
text-transform: uppercase;
font-size: 32px;
margin-top: 0px;
margin-bottom: 15px;
}

.banner-matter ul{
margin: 0px;
display: inline-block;
background: rgba(255, 255, 255, 0.3);
padding: 6px 20px;
border-radius: 50px;
}

.banner-matter ul li{
float: left;
list-style: none;
font-family: 'Lato', sans-serif;
color: #9cbebf;
}

.banner-matter ul li a{
  color: #fff;
}

.inner-matter{
padding: 50px 0px;
}

.title-inner{
  position: relative;
}

.title-inner h2{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #954719;
margin-top: 0px;
font-size: 28px;
margin-bottom: 8px;
}

.title-inner span
{
  font-size: 18px;
color: #a7836d;
position: relative;
left: 52px;
}

.title-inner h2::before {
position: absolute;
content: '';
left: 100px;
top: 48px;
background: #bdb099;
height: 1px;
width: 40px;
}

.title-inner h2::after {
position: absolute;
content: '';
left: 15px;
top: 48px;
background: #bdb099;
height: 1px;
width: 40px;
}

.inner-matter p{
  font-family: 'Lato', sans-serif;
color: #666;
line-height: 28px;
font-size: 15px;
}

.about-right
{
position: relative;
background: transparent url(../images/about-dots.png) 0% 0% no-repeat;
text-align: right;
top:-50px;
}

.about-right img{
  display: inline-block;
  margin-top: 25px;
margin-right: 10px;
}

.about-right::after{
position: absolute;
content: '';
right: 0px;
bottom: -10px;
background: #954719;
height: 100px;
width: 100px;
z-index: -1;
}

.about-sec-1{
padding: 40px 0px;
background: #fff8f4;
}

.about-sec-1 h2{
  font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #954719;
margin-top: 0px;
font-size: 26px;
margin-bottom: 8px;
text-align: center;
}

.about-sec-1 h2::before{
content: "";
position: absolute;
background: url(../images/line.png) no-repeat;
width: 50px;
height: 2px;
bottom: -5px;
left: 48%;
}

.about-sec-1 p{
font-family: 'Lato', sans-serif;
color: #666;
line-height: 28px;
font-size: 15px;
margin: 25px 50px;
text-align: center;
}

.about-sec-1 ul{
  padding-left: 0px;
  margin: 0px;
}

.about-sec-1 ul li{
  float: left;
  list-style: none;
  margin: 10px 33px 0px;
  text-align: center;
}

.about-sec-1 ul li i{
  padding: 20px;
font-size: 18px;
border: 1px dashed #bdb099;
border-radius: 50%;
display: inline-block;
color: #954719;
transition: .4s;
}

.about-sec-1 ul li:hover i{
  background: #954719;
  color: #fff;
}

.about-sec-1 ul li h4{
  font-family: 'Noto Serif', serif;
color: #954719;
transition: .4s;
}

.about-sec-1 ul li:hover h4{
  color: #333;
}

.about-sec-2{
  padding: 70px 0px 40px;
}

.about-box{
  background: #954719;
padding: 25px 30px;
}

.about-box h3
{
  font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #fff;
margin-top: 0px;
font-size: 24px;
margin-bottom: 5px;
}

.about-box em {
position: relative;
content: '';
left: 0px;
top: 0px;
background: #fff;
height: 1px;
width: 40px;
display: block;
margin-bottom: 5px;
}

.about-box p{
  font-family: 'Lato', sans-serif;
color: #fff;
line-height: 28px;
font-size: 15px;
text-align: justify;
}

.about-box .about-box-icon {
position: absolute;
right: 12%;
top: -23px;
background: #333;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
font-size: 20px;
transform: rotate(45deg);
}

.about-box .about-box-icon span {
    transform: rotate(-45deg);
    color: #fff;
}

.our-core span
{
font-family: 'Lato', sans-serif;
font-size: 17px;
color: #aa9167;
display: block;
}

.progress span{
  color: #fff;
  font-size: 13px;
}

.our-core h3{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #fff;
margin-top: 0px;
font-size: 24px;
background: #b09463;
display: inline-block;
padding: 6px 15px;
margin-bottom: 16px;
}

.infra-box {
    border: 1px solid #ddd;
    box-shadow: 0 0px 5px rgb(198, 198, 198);
    transition: 0.4s;
    margin: 15px 0;
}

.infra-box .thumb {
    display: block;
    position: relative;
    overflow: hidden;
}

.infra-box .img-thumbnail {
    padding: 4px;
    border: 0px solid #ddd;
}

.infra-box img {
    width: 100%;
    height: 100%;
    transition: all 0.9s ease 0s;
}

.infra-box .thumb:hover img {
    -moz-transform: scale(1.1);
    -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;
}

.qty-list{
padding-left: 0px;
}

.qty-list li
{
font-family: 'Lato', sans-serif;
color: #666;
line-height: 28px;
font-size: 15px;
list-style: none;
position: relative;
margin-bottom: 15px;
}

.qty-list li::before {
content: "\f192";
font: normal normal normal 14px/1 FontAwesome;
height: 30px;
width: 30px;
text-align: center;
background: #b09463;
color: #fff;
display: inline-block;
line-height: 30px;
margin-right: 15px;
}

.qty-list li::after 
{
content: "";
position: absolute;
top: 10px;
left: 29px;
display: block;
border: 6px solid transparent;
border-left: 6px solid #b09463;
}

.quality-sec1{
background: url(../images/quality-sec-bg.jpg) 100% 100% fixed;
background-size: cover;
padding: 50px 0px;
}

.quality-sec-box{
  background:rgba(255, 255, 255, 0.9);
padding: 25px 30px;
}

.quality-sec-box h3{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #954719;
margin: 0px;
}

.quality-sec-box p{
  font-family: 'Lato', sans-serif;
color: #666;
line-height: 28px;
font-size: 15px;
text-align: justify;
}

.testing {
  text-align: center;
}

.testing img{
width: 70%;
display: inline-block;
margin-top: -9px;
}

.side-pro h3
{
  font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #954719;
margin-top: 0px;
border: 1px solid #d8d8d8;
margin-bottom: 15px;
}

.side-pro h3 i{
  color: #fff;
width: 50px;
position: relative;
background:#b09463;
line-height: 50px;
text-align: center;
margin-right: 12px;
font-size: 22px;
}

.side-pro h3 i::after
{
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 5px solid #b09463;
border-top: 27px solid transparent;
border-bottom: 22px solid transparent;
right: -5px;
top: 0;
}

.side-pro ul{
  padding-left: 0px;
  margin-bottom: 0px;
}

.side-pro ul li{
  list-style: none;
}

.side-pro ul li a{
  font-family: 'Lato', sans-serif;
font-size: 17px;
font-weight: 600;
display: block;
padding: 12px 12px;
border: 1px solid #ececec;
color: #b09463;
margin-bottom: 10px;
background: #fffbf9;
display: inline-block;
width: 100%;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
vertical-align: middle;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}

.side-pro ul li a span{
/*-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);*/
-webkit-transition: 0.5s;
transition: 0.5s;
position: relative;
top: -2px;
font-size: 13px;
margin-right: 5px;
color: #954719;
}

.side-pro ul li a:hover span
{
  -webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.side-pro ul li a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #954719;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.side-pro ul li a:hover::before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.side-pro ul li a:hover, .side-pro ul li a:hover span{
  color: #fff;
}

.pr-outter
{
  margin: 18px 0px;
box-shadow: 0px 0px 1px rgba(95, 94, 94, 0.4);
padding: 20px 15px;
display: inline-block;
width: 100%;
transition: .3s;
}


.pr-outter:hover{
box-shadow: 1px 2px 4px rgba(95, 94, 94, 0.6);
}

.left-pad{
padding-left: 0px;
}

.product-box 
{
  border: 1px solid #ddd;
  border-radius: 4px;
}


.product-box .thumb {
    display: block;
    position: relative;
    overflow: hidden;

}

.product-box img {
    width: 100%;
    height: 100%;
    transition: all 0.9s ease 0s;
}

.product-box .img-thumbnail
{
  border: 0px solid #ddd;
}

.product-box .thumb:hover img {
    -moz-transform: scale(1.1);
    -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;
}

.right-pad{
padding-right: 0px;
}

.pr-table{
  width: 100%;
  margin: 10px 0px;
}

.pr-table tr th
{
  font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-transform: uppercase;
background: #782f04;
color: #fff;
padding:10px;
border: 1px solid #fff;
font-size: 15px;
width: 40%;
}

.pr-table tr td{
    font-family: 'Montserrat', sans-serif;
    padding: 10px;
    border: 1px solid #eaeaea;
    font-weight: 500;
    background: #fffbf9;
}


.enquiry-link a
{
  font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-transform: uppercase;
background: #9b8c73;
padding: 8px 15px;
display: inline-block;
color: #fff;
margin-top: 5px;
transition: .4s;
}

.enquiry-link a:hover{
  background: #5f523e;
}

.nxt-link{
  text-align: center;
}

.nxt-link a
{
  font-family: 'Montserrat', sans-serif;
background: #782f04;
display: inline-block;
padding: 10px 15px;
color: #fff;
font-weight: 500;
}

.enq-form {
    padding-top: 15px;
    display: inline-block;
    width: 100%;
}


.enq-form i {
    position: absolute;
    font-size: 15px;
    color: #a5a2a2;
    padding: 11px;
}

.enq-form input {
    height: 40px;
    border-radius: 0px;
    margin-bottom: 30px;
    padding-left: 35px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 500;
     font-size: 14px;
}

.enq-form textarea {
    border-radius: 0px;
    padding-left: 40px;
    padding-top: 10px;
    margin-bottom: 30px;
      font-family: 'Montserrat', sans-serif;
     font-weight: 500;
}

.enq-form small{
    font-family: 'Montserrat', sans-serif;
     font-weight: 500;
}

.enq-form .sendbtn {
    background: #954719;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 10px 20px;
    font-weight: 500;
    border: 0;
    transition: .4s;
    width: 100%;
}

.enq-form .sendbtn:hover{
  background: #333;
}

.contact-box{
border: 1px solid #ececec;
text-align: center;
padding: 30px;
margin: 20px 0px;
height: 230px;
}

.contact-box span i
{
  height: 55px;
width: 55px;
border: 1px dashed #9b8c73;
line-height: 54px;
font-size: 22px;
border-radius: 50%;
color: #9b8c73;
transition: .4s;
margin-bottom: 8px;
}

.contact-box h4{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-transform: uppercase;
color: #954719;
}


.contact-box p a
{
  color: #666;
  transition: .4s;
}


.contact-box p a:hover
{
  color: #954719
}

.contact-box:hover span i{
background: #9b8c73;
color: #fff;
}


footer{
  background: #9b8c73;
  padding: 40px 0px;
}

footer h2{
  font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-transform: uppercase;
font-size: 18px;
color: #fff;
margin-top: 0px;
}

footer h2::after {
    content: "";
    width: 100px;
    height: 2px;
    background: transparent url(../images/f-line.png) no-repeat scroll 0% 0%;
    display: block;
    margin: 15px 0;
}

footer p{
  color: #fff;
font-family: 'Lato', sans-serif;
line-height: 26px;
}

.f-links{
  padding-left: 0px;
}

.f-touch{
    padding-left: 0px;
}

.f-touch li{
  list-style: none;
}

.f-links li
{
  font-family: 'Lato', sans-serif;
  list-style: none;
  line-height: 28px;
  padding-right: 17px;
  transition: all .25s ease;
}

.f-links > li:hover::before {
    width: 34px;
}

.f-links li a{
  color: #fff;
  text-decoration: none;
  transition: .4s;
}

.f-links li:hover a
{
  color: #d7d7d7;
}

.f-links li:before{
  display: inline-block;
vertical-align: middle;
content: '';
height: 2px;
width: 17px;
margin-right: 17px;
background: #d7d7d7;
transition: inherit;
}

.f-links > li:hover {
    padding-right: 17px;
}

.f-a-link a{
  font-family: 'Lato', sans-serif;
background: #5f523e;
padding: 10px 20px;
display: inline-block;
color: #fff;
border-radius: 30px;
text-transform: uppercase;
font-size: 12px;
}

.f-left
{
  float: left;
padding: 2px 10px 2px 0px;
font-size: 16px;
color: #d7d7d7;
}

.f-right
{
  margin-left: 26px;
}

.f-right p{
  line-height: 24px;
}

@media (max-width:320px){

.logo-text h2 {
    font-size: 20px;
  }

  .logo-text h2 span {
    padding: 0px 4px;
    height: 25px;
    width: 25px;
    margin-right: 4px;
}

.wel-right h2::after {
    left: 30% !important;
    top: 65px !important;
}

.wel-right h2::before {
    right: 30% !important;
    top: 65px !important;
}

.sec-1-box .sec-1-detail h5 {
    font-size: 10px !important;
    }

    .sec-1-box .sec-1-detail {
    margin-left: 17px !important;
}

.sec-1-box .sec-1-icon {
    font-size: 14px !important;
}


}



@media (min-width:320px) and (max-width:414px){

.top-follow {
    padding: 4px 0px 10px 20px;
}

.translate-box {
    float: none;
    margin-bottom: 12px;
}

.translate-box::before {
    width: 100%;
}

.translate-box::after {
    border-top: 0px solid #954719;
}

.quote-line p {
    right: 0%;
    font-size: 14px;
    width: 100%;
    text-align: center;
    top: 91%;
}

.top-add .top-icon {
    border: 1px solid #bdb099;
    padding: 6px 8px;
    font-size: 14px;
}

.top-add .top-text h4 {
    font-size: 15px;
}

.top-add .top-text p {
    font-size: 12px;
}

.top-add .top-text {
    margin-left: 45px;
}

.top-border {
    border-right: 0px solid #e3e3e3;
}

.top-add {
    margin-top: 20px;
}


header {
    padding: 15px 0px 35px;
}

.navbar-inverse .navbar-nav > li > a {
    border-right: 0px dashed #782f04;
    display: block;
    border-bottom: 1px dashed #782f04;
}

.carousel-caption {
    right: 30%;
    padding: 10px;
    bottom: 15px;
}

.carousel-caption h1 {
 font-size: 14px;
}

.carousel-caption p {
    display: none;
}

.carousel-caption .btn {
    font-size: 11px;
    padding: 6px 10px;
}

.item .third-b {
    bottom: 10px;
}

.item .second-banner {
    left: 44% !important;
    text-align: right;
    bottom: 15px;
}

.second-banner h1 {
    font-size: 10px;
}

.wel-right p {
    text-align: justify;
}

.sec-1-box {
    border: 1px dashed #fff;
    padding: 15px 10px;
    height: 106px;
    margin-bottom: 15px;
}

.our-pr-box .pr-name h3 {
    font-size: 15px;
}

.our-pr-box a {
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    top: 60%;
    left: 40%;
    margin-top: -60px;
    margin-left: -43px;
    font-size: 13px;
}

.sec-1-box .sec-1-icon {
    font-size: 18px;
}

.sec-1-box .sec-1-detail {
    margin-left: 26px;
}

.sec-1-box .sec-1-detail h3 {
    font-size: 14px;
}

.sec-1-box .sec-1-detail h5 {
    font-size: 12px;
}

.sec-1 {
    padding: 40px 0px 20px;
}

.wel-img{
text-align: center;
}

.wel-img img{
width: 40%;
display: inline-block;
}

.sec-2 {
    padding: 30px 0px;
}

.wel-right h2 {
    font-size: 14px;
}

.wel-right h2::before {
    right: 33%;
    top: 52px;
    width: 40px;
}

.wel-right h2::after {
    left: 33%;
    top: 52px;
    width: 40px;
}

.sec-3-box h3 {
    font-size: 20px;
}

.title-line h2::before {
    right: 30%;
}

.title-line h2::after {
    left: 30%;
}

.sec-5 h2 {
    font-size: 28px;
    margin-bottom: 15px;
 }

.sec-5 h3 {
    font-size: 28px;
    margin-bottom: 15px;
  }

.sec-5 h3::after {
    font-size: 14px;
    top: 0px;
}

.sec-5 h3::before {
    left: 55px;
}

.sec-5 h2::after {
    left: 55px;
}

.counter p {
    font-size: 15px;
}

.counter {
    margin-bottom: 20px;
}

.sec-6 h3 {
    font-size: 18px;
    text-align: center;
}
.sec-6-box {
    border: 1px dashed #d0f4f5;
    padding: 20px 15px;
}

.sec-6-right a {
    font-size: 14px;
    padding: 10px 22px;
 }

.sec-6-right {
    text-align: center;
}

.sec-6 .cycle-move span {
    font-size: 35px;
}

.sec-6:hover .cycle-move {
    margin-left: calc( 100% - 60px );
    margin-left: -webkit-calc( 100% - 60px );
    margin-left: -moz-calc( 100% - 60px );
}

.company-profile-banner {
    padding: 45px 0px;
}

.banner-matter h1 {
    font-size: 24px;
  }

  .banner-matter ul li {
    font-size: 13px;
}

.banner-matter ul {
    padding: 4px 14px;
}

.inner-matter {
    padding: 35px 0px;
}

.title-inner h2 {
    font-size: 23px;
}

.title-inner h2::before {
    top: 42px;
}

.title-inner h2::after {
    top: 42px;
}
.inner-matter p {
    line-height: 26px;
    font-size: 14px;
}

.about-right {
    top: -10px;
    margin-top: 40px;
}

.about-sec-1 h2 {
    font-size: 23px;
}

.about-sec-1 h2::before {
    bottom: -10px;
    left: 43%;
}

.about-sec-1 p {
    line-height: 26px;
    font-size: 14px;
    margin: 15px 0px;
}

.about-sec-1 ul li i {
    padding: 15px;
    font-size: 15px;
}

.about-sec-1 ul li h4 {
    font-size: 15px;
}

.about-sec-1 ul li {
    margin: 10px 10px 0px;
    width: 40%;
}

.about-box h3 {
    font-size: 22px;
}

.our-core h3 {
    font-size: 20px;
    margin-top: 25px;
}

.our-core span {
    font-size: 15px;
}

.side-pro h3 {
    font-size: 20px;
}

.side-pro h3 i {
    width: 40px;
    line-height: 40px;
    font-size: 18px;
}

.side-pro h3 i::after {
    border-top: 21px solid transparent;
    border-bottom: 18px solid transparent;
    }

.side-pro ul li a {
    font-size: 15px;
    padding: 8px 10px;
  }

  .side-pro ul li a span {
    font-size: 10px;
}

.pr-table tr th {
    padding: 8px;
    font-size: 13px;
}

.pr-table tr td {
    padding: 8px;
 font-size: 13px;
}

.enquiry-link a {
font-size: 13px;
  }

  .nxt-link a {
margin-bottom: 15px;
}

.enq-form .sendbtn {
    margin-bottom: 20px;
}

.f-a-link a {
    margin-bottom: 15px;
}

footer h2::after {
    margin: 8px 0;
}

}