@charset "utf-8";
ol, ul {
list-style:none;
}
.company-process h2 {
    position: absolute;
    bottom: 0px !important;
    left: 0px;
    right: 0px;
    box-sizing: border-box;
    display: block;
    line-height: 25px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 12px !important;
    background: rgba(0, 168, 159, 0.85);
    color: #FFFFFF;
    font-size: 21px;
    padding: 12px;
}
.img-app{position: relative;    top: 15px;    left:-10px;}
.box:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.grid-quality figure {
position: relative;
float: left;
overflow: hidden;
margin: 0;
width: 100% !important;
text-align: center;
cursor: pointer;
padding: 5px !important;
}
figure.effect-oscar2 figcaption {
padding: 20% !important;
}
figure.effect-oscar2 h2 {
    margin: 0;
    line-height:5em !important;
	font-size: 22px; 
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
#portfolio:hover .belt-01{display:none;}
.belt-01{ width:93.3%; display:block;background:#333333b8;position: absolute;
    bottom: 5px;left: 20px;}
.belt-01 p{ font-family:"Open Sans", "Open Sans Extrabold", "Open Sans Light", "Open Sans Semibold"; font-size:16px;font-weight:500;text-align:center;color:#FFFFFF; text-transform:uppercase;padding:5px;margin:0px;}
.footer-copy2 {
background: #333;
text-align:center;
margin:0px;
}
.footer-copy2 p {
color:#FFFFFF;
text-align:center;
margin:0px;
padding:10px;
}
.go-top {
position:fixed;
bottom: 2px;
left:0px;
background: #3498db;
padding:20px;
display:none;
color: #fff;
cursor: pointer;
height: 100%;
opacity: 0.4;
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
width:100px;
}
.go-top:after {
content: '▲';
position: absolute;
bottom:10px;
left: 50px;
font-size: 32px;
font-weight:100;
}
#scroll-top {
position: fixed;
bottom: 40px;
right: 25px;
width: 50px;
height: 55px;
color: #16252d;
text-align: center;
font-size: 50px;
padding: 0px;
opacity: 0;
visibility: hidden;
z-index: 9999;
cursor:pointer;
}
#scroll-top {
background-color: #88888888;
border-radius:10%;
}
.fa-chevron-circle-up {
padding-bottom: 25px;
vertical-align:middle;
}
#scroll-top.showScrollTop {
opacity: 1 !important;
visibility: visible;
}
.btns {
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
border:none;
font-family: "Open Sans", "Open Sans Extrabold", "Open Sans Light", "Open Sans Semibold";
color: #ffffff;
font-size: 15px;
background: #11B3A2;
padding: 5px 10px 5px 10px;
text-decoration: none;
}
.btns:hover {
background: #007860;
text-decoration: none;
}
.clearfix {
display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* close commented backslash hack */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
font-weight:normal;
font-style:normal;
font-family:'codropsicons';
src:url('../fonts/codropsicons/codropsicons.eot');
src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), url('../fonts/codropsicons/codropsicons.woff') format('woff'), url('../fonts/codropsicons/codropsicons.ttf') format('truetype'), url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}
.scroller {
overflow-y:scroll;
}
.scroller, .scroller-inner {
position:relative;
}
.menu-trigger {
position:relative;
padding-left:60px;
font-size:0.9em;
}
.menu-trigger:before {
position:absolute;
top:2px;
left:0;
width:40px;
height:6px;
background:#fff;
box-shadow:0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff;
content:'';
}
.mp-pusher {
position:relative;
left:0;
height:100%;
}
.mp-menu {
position:absolute;
top:0;
left:0;
z-index:1;
width:300px;
height:100%;
-webkit-transform:translate3d(-100%, 0, 0);
-moz-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
}
.mp-level {
position:absolute;
top:-163px;
right:0px;
left:300px;
width:100%;
height:100%;
background:#336ca6;
-webkit-transform:translate3d(-100%, 0, 0);
-moz-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
}
.sub-menu {
background:#404040;
}
.sub-menu li:hover {
background:#11B3A2;
}
.mp-pusher::after, .mp-level::after, .mp-level::before {
position:absolute;
top:0;
right:0;
width:0;
height:0;
content:'';
opacity:0;
}
.mp-pusher::after, .mp-level::after {
background:rgba(0, 0, 0, 0.3);
-webkit-transition:opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
-moz-transition:opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
transition:opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}
.mp-level::after {
z-index:-1;
}
.mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after {
width:100%;
height:100%;
opacity:1;
-webkit-transition:opacity 0.3s;
-moz-transition:opacity 0.3s;
transition:opacity 0.3s;
}
.mp-level.mp-level-overlay {
cursor:pointer;
}
.mp-level.mp-level-overlay.mp-level::before {
width:100%;
height:100%;
background:transparent;
opacity:1;
}
.mp-pusher, .mp-level {
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.mp-overlap .mp-level.mp-level-open {
box-shadow:1px 0 2px rgba(0, 0, 0, 0.2);
-webkit-transform:translate3d(-40px, 0, 0);
-moz-transform:translate3d(-40px, 0, 0);
transform:translate3d(-40px, 0, 0);
}
.mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open {
box-shadow:none;
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.mp-cover .mp-level.mp-level-open {
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
-webkit-transform:translate3d(-100%, 0, 0);
-moz-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
}
.mp-menu ul {
margin:0;
padding:0;
list-style:none;
}
.mp-menu h2 {
margin:0;
padding:1em;
color:rgba(0, 0, 0, 0.4);
text-shadow:0 0 1px rgba(0, 0, 0, 0.1);
font-weight:300;
font-size:2em;
}
.mp-menu.mp-overlap h2::before {
position:absolute;
top:0;
right:0;
margin-right:8px;
font-size:75%;
line-height:1.8;
opacity:0;
-webkit-transition:opacity 0.3s, -webkit-transform 0.1s 0.3s;
-moz-transition:opacity 0.3s, -moz-transform 0.1s 0.3s;
transition:opacity 0.3s, transform 0.1s 0.3s;
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
transform:translateX(-100%);
}
.mp-menu.mp-cover h2 {
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
font-size:1em;
}
.mp-overlap .mp-level.mp-level-overlay > h2::before {
opacity:1;
-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;
-moz-transition:-moz-transform 0.3s, opacity 0.3s;
transition:transform 0.3s, opacity 0.3s;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
transform:translateX(0);
}
.mp-menu ul li > a {
display:block;
padding:0.7em 1em 0.7em 1.8em;
outline:none;
box-shadow:inset 0 -1px rgba(0, 0, 0, 0.2);
text-shadow:0 0 1px rgba(255, 255, 255, 0.1);
font-size:1.4em;
-webkit-transition:background 0.3s, box-shadow 0.3s;
-moz-transition:background 0.3s, box-shadow 0.3s;
transition:background 0.3s, box-shadow 0.3s;
}
.mp-menu ul li::before {
position:absolute;
left:10px;
z-index:-1;
color:rgba(0, 0, 0, 0.2);
line-height:3.5;
}
.mp-level > ul > li:first-child > a {
box-shadow:inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
}
.mp-menu ul li a:hover, .mp-level > ul > li:first-child > a:hover {
background:rgba(0, 0, 0, 0.2);
box-shadow:inset 0 -1px rgba(0, 0, 0, 0);
}
.mp-menu .mp-level.mp-level-overlay > ul > li > a, .mp-level.mp-level-overlay > ul > li:first-child > a {
box-shadow:inset 0 -1px rgba(0, 0, 0, 0);
}
.mp-level > ul > li:first-child > a:hover, .mp-level.mp-level-overlay > ul > li:first-child > a {
box-shadow:inset 0 -1px rgba(0, 0, 0, 0), inset 0 1px rgba(0, 0, 0, 0);
}
.mp-back {
background:rgba(0, 0, 0, 0.1);
outline:none;
color:#fff;
text-transform:uppercase;
letter-spacing:1px;
font-weight:700;
display:block;
font-size:0.8em;
padding:1em;
position:relative;
box-shadow:inset 0 1px rgba(0, 0, 0, 0.1);
-webkit-transition:background 0.3s;
-moz-transition:background 0.3s;
transition:background 0.3s;
}
.mp-back::after {
font-family:'linecons';
position:absolute;
content:"\e037";
right:10px;
font-size:1.3em;
color:rgba(0, 0, 0, 0.3);
}
.mp-menu .mp-level.mp-level-overlay > .mp-back, .mp-menu .mp-level.mp-level-overlay > .mp-back::after {
background:transparent;
box-shadow:none;
color:transparent;
}
.no-csstransforms3d .mp-pusher, .no-js .mp-pusher {
padding-left:300px;
}
.no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level {
display:none;
}
.no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level {
display:block;
}
.col-md-md-3 h5 b {
display:none;
}
.col-md-md-3 h5 {
margin:0px;
}
.slogan {
background:#333333
}
.slogan {
color:#11B3A2;
padding:15px;
text-align:justify;
font-size:18px;
font-weight:300;
font-family:Raleway;
}
.slogan h4 {
color:#FFFFFF;
margin:0;
text-align:justify;
font-size:30px;
font-weight:300;
font-family:Raleway;
}
.slogan p {
color:#00CCCC;
padding-top:15px;
text-align:justify;
font-size:22px;
font-weight:500;
font-family:Raleway;
}
.gallery-index-1 {
}
.main-who b {
display:none
}
.front-gallery .gallery-content {
width:100%;
float:left;
}
.front-gallery .gallery-caption {
list-style-type:none;
margin:0;
float:left;
position:relative;
overflow:hidden;
}
.front-gallery .gallery-caption img {
opacity:1;
}
.front-gallery .gallery-caption .caption-own {
cursor:pointer;
position:relative;
bottom:50px;
opacity:0;
-webkit-transition:all 0.5s ease 0s;
;
transition:all 0.5s ease 0s;
;
}
.front-gallery .gallery-caption .caption-own {
opacity:1;
}
.front-gallery .gallery-caption img {
margin:0;
padding:0;
float:left;
-webkit-transition:all 0.8s 0.2s;
transition:all 0.8s 0.2s;
}
.caption-own {
position:absolute;
width:100%;
height:38px;
line-height:38px;
bottom:-10px;
left:0px;
font-family:Open Sans !important;
font-size:18px;
color:#ffffff;
background:rgba(51, 51, 51, 0.78);
text-align:center;
font-weight:500;
}
.front-gallery .gallery-caption .blur {
background-color:rgba(0, 0, 0, .65);
position:absolute;
padding:10px;
-webkit-transition:all 0.9s;
transition:all 0.9s;
}
.front-gallery .gallery-caption .caption-text h1 {
font-size:18px;
font-family:Raleway;
color:rgb(255, 255, 255);
text-transform:uppercase;
line-height:0;
text-align:left;
right:40px;
}
.front-gallery .gallery-caption-own .caption-text {
z-index:00;
color:#fff;
position:absolute;
text-align:center;
-webkit-transition:all .45s ease-in-out;
-moz-transition:all .45s ease-in-out;
-o-transition:all .45s ease-in-out;
-ms-transition:all .45s ease-in-out;
transition:all .45s ease-in-out;
}
.front-gallery .gallery-caption .caption-text .gallery_caption_text span {
font-family:Oswald, sans-serif;
letter-spacing:5px;
font-weight:400;
position:absolute;
bottom:5%;
right:10%;
color:#585745;
font-size:11px;
font-family:Raleway"Oswald";
color:rgb(168, 166, 129);
text-transform:uppercase;
line-height:3.091;
text-align:center;
position:absolute;
}
.front-gallery .gallery-caption .caption-text .gallery_caption_icon span.icon {
border-style:solid;
border-width:5px;
border-color:#585745;
opacity:.9;
width:69px;
height:69px;
position:absolute;
top:43%;
display:inline-table;
padding:20px;
right:40%;
left:auto;
border-radius:50%;
-webkit-box-shadow:0 0 5px 7px #47483D;
-moz-box-shadow:0 0 5px 7px #47483D;
box-shadow:0 0 5px 7px #47483D;
background:#585745;
font-size:24px;
font-family:Stroke-Gap-Icons;
color:#fff;
line-height:1.083;
text-align:right;
}
.gallery-section .gallery-content {
width:100%;
float:left;
}
.gallery-section .gallery-caption {
list-style-type:none;
margin:0;
float:left;
position:relative;
overflow:hidden;
}
.gallery-section .gallery-caption img {
opacity:1;
}
.gallery-section .gallery-caption .caption-own {
cursor:pointer;
position:absolute;
opacity:0;
-webkit-transition:all .45s ease-in-out;
-moz-transition:all .45s ease-in-out;
-o-transition:all .45s ease-in-out;
-ms-transition:all .45s ease-in-out;
transition:all .45s ease-in-out;
}
.gallery-section .gallery-caption .caption-own {
opacity:1;
}
.gallery-section .gallery-caption img {
margin:0;
padding:0;
float:left;
z-index:4;
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
-ms-transition:all .25s ease-in-out;
transition:all .25s ease-in-out;
}
.gallery-section .gallery-caption .blur {
background-color:rgba(0, 0, 0, .65);
z-index:5;
position:absolute;
padding:30px;
}
.gallery-section .gallery-caption .caption-own-text h1 {
font-size:18px;
font-family:"Oswald";
color:rgb(255, 255, 255);
text-transform:uppercase;
line-height:1.889;
text-align:right;
right:40px;
letter-spacing:4px;
}
.gallery-section .gallery-caption .caption-text {
z-index:10;
color:#fff;
position:absolute;
text-align:center;
}
.gallery-section .gallery-caption .caption-text .gallery_caption_text span {
font-family:Oswald, sans-serif;
letter-spacing:5px;
font-weight:400;
position:absolute;
bottom:5%;
right:10%;
color:#585745;
font-size:11px;
font-family:"Oswald";
color:rgb(168, 166, 129);
text-transform:uppercase;
line-height:3.091;
text-align:right;
position:absolute;
}
.gallery-section .gallery-caption .caption-text .gallery_caption_icon span.icon {
border-style:solid;
border-width:5px;
border-color:#585745;
opacity:.9;
width:69px;
height:69px;
position:absolute;
top:43%;
display:inline-table;
padding:20px;
right:40%;
left:auto;
border-radius:50%;
-webkit-box-shadow:0 0 5px 7px #47483D;
-moz-box-shadow:0 0 5px 7px #47483D;
box-shadow:0 0 5px 7px #47483D;
background:#585745;
font-size:24px;
font-family:Stroke-Gap-Icons;
color:#fff;
line-height:1.083;
text-align:right;
}
.gallery-section .owl-nav {
text-align:center;
float:left;
width:100%;
}
.gallery-section .owl-prev {
width:50%;
text-align:right;
float:left;
}
.gallery-section .owl-next {
width:50%;
text-align:left;
float:left;
}
.gallery-section .owl-nav .gallery_prev_div {
border-style:solid;
border-width:1px;
border-color:rgb(225, 225, 225);
background-color:rgba(225, 225, 225, 0);
opacity:0.75;
width:100px;
height:42px;
padding:8px;
margin-right:20px;
text-align:left;
float:right;
}
.gallery-section .owl-nav .gallery_prev_div .fa {
margin-left:5px;
margin-right:10px;
}
.gallery-section .owl-nav .gallery_next_div {
border-style:solid;
border-width:1px;
border-color:rgb(225, 225, 225);
background-color:rgba(225, 225, 225, 0);
opacity:0.75;
width:100px;
height:42px;
padding:8px;
margin-right:20px;
text-align:right;
float:left;
}
.gallery-section .owl-nav .gallery_next_div .fa {
margin-right:5px;
margin-left:10px;
}
.gallery-section .owl-stage-outer {
margin-bottom:30px;
}
.project-gallery .gallery-2 img {
margin-bottom:30px;
}
.project-gallery .gallery-2 .gallery-caption-2 {
border-style:solid;
border-width:15px;
border-color:#585745;
background-color:#585745;
position:absolute;
top:0;
text-align:center;
margin:20px;
opacity:0;
}
.project-gallery .gallery-2 .gallery-caption-2 .gallery-heading {
font-size:20px;
font-family:Oswald;
color:#fff;
text-transform:uppercase;
line-height:1.3;
}
.project-gallery .gallery-2 .gallery-caption-2 .gallery-content {
font-size:11px;
font-family:Oswald;
color:#fff;
line-height:1.636;
}
.project-gallery .gallery-2 .gallery-caption-2 {
opacity:.75;
}
.portfolioinfodiv address {
font-size:14px;
line-height:31px;
}
.portfolioinfodiv p {
font-size:13px;
line-height:26px;
}
.portfolio-thumb .owl-item .projectitem {
cursor:pointer;
}
.portfolio-thumb .owl-item .projectitem.active {
cursor:inherit;
}
body {
margin:0px;
padding:0px;
font-family:Open Sans, Raleway
}
ul {
padding:0px;
margin:0px;
}
li {
padding:0px;
margin:0px;
}
.header-01 {
background:rgba(80, 89, 87, 0.86);
z-index:151;
position:absolute;
height:30px;
width:100%;
top:142px;
}
.about-main-mg{margin-top:15px;}
.pad-bottom {margin-top:25px !important;}
.slim-top-belt p {
color:#FFFFFF;
line-height:30px;
height:20px;
font-size:13px;
font-family:open sans;
text-align:center;
}
.social-icon ul {
text-align:right;
}
.social-icon ul li {
display:inline-block;
text-decoration:none;
list-style:none;
color:#FFFFFF;
}
.social-icon ul li a i {
padding-left:25px;
line-height:30px;
color:#FFFFFF;
}
.social-icon ul li a i:hover {
color:#1CBC9B;
}
.social-icon ul li a i {
padding-left:15px;
line-height:30px;
color:#FFFFFF;
z-index:10000;
padding-right:5px;
}
.social-footericon {
background:#00B5A3;
}
.social-footericon ul {
text-align:left;
}
.social-footericon ul li {
display:inline;
text-decoration:none;
list-style:none;
width:50%;
margin:0 auto;
}
.social-footericon ul li a i {
padding-left:15px !important;
line-height:4px;
color:#FFFFFF;
font-size:19px;
padding-top:16px;
padding-bottom:16px;
padding-right:15px;
}
.social-footericon ul li a i:hover {
color:#2f4652;
}
.navbar {
position:relative;
min-height:0px;
margin-bottom:0px;
}
.navbar li a {
color:#ffffff;
text-decoration:none;
padding-top:10px;
padding-bottom:10px;
font-size:16px;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration:none;
background-color:rgb(0, 168, 159);
}
.navbar-fixed-top {
width:0;
height:0;
}
.navbar-nav {
animation-name:zoomIn;
-webkit-animation-name:zoomIn;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
}
.menu p {
color:#FFFFFF;
margin:0px;
line-height:0px;
text-align:right;
padding-right:20px;
cursor:wait;
}
.menu p:hover {
cursor:pointer;
}
.text-mail {
list-style:none;
}
.text-mail h3 {
list-style:none;
margin:0px;
}
.text-mail h3 a {
color:#FFFFFF;
font-size:18px;
text-decoration:none;
display:list-item;
padding-top:23%;
position:relative;
padding-left:25%;
}
.main-menu.active .nav-social, .main-menu .nav-menu {
display:none;
}
.main-menu ul {
float:none;
margin:0;
z-index:10000;
}
.nav-menu {
width:100%;
background:#0b0c16;
z-index:1000;
}
.main-menu {
right:0;
width:50%;
background:none !important;
box-shadow:none !important;
z-index:10000;
}
.main-menu {
display:inline-block;
position:absolute;
right:0%;
top:181px;
z-index:152;
transition:background .4s ease-in-out;
-web-kit-transition:background .4s ease-in-out;
clear:both;
}
.main-menu.active {
transition:2s;
clear:both;
}
.nav-toggle {
background:#11B3A2;
transition:0.2s;
}
.nav-toggle {
display:inline-block;
float:right;
position:absolute;
top:-20px;
right:-50%;
}
.nav-toggle:active {
transition:2s;
padding:2px;
}
.toggle-btn {
background-color:transparent;
border:0 none;
padding:15px;
outline:none;
}
.toggle-btn.active {
transition:2s;
}
.toggle-btn.active .icon-bar:nth-child(1) {
top:10px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
transition:2s;
}
.toggle-btn .icon-bar {
background:#fff!important;
}
.toggle-btn .icon-bar {
background-color:#fff;
display:block;
height:3px;
margin-bottom:6px;
width:30px;
position:relative;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
transition:0.5s;
}
.toggle-btn .icon-bar:nth-child(2) {
width:20px;
transition:0.1s;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height:340px;
transition:2s;
}
.toggle-btn.active .icon-bar:nth-child(1) {
top:10px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
transition:0.5s;
}
.toggle-btn.active .icon-bar:nth-child(3) {
top:-9px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
transition:0.5s;
}
.toggle-btn.active .icon-bar:nth-child(2) {
opacity:0;
visibility:hidden;
transition:0.5s;
}
.main-menu .nav-social, .main-menu.active .nav-menu {
display:block;
transition:2s;
height:100%;
}
.main-menu ul {
float:none;
margin:0;
transition:2s;
}
.nav-menu {
width:100%;
background:#0b0c16;
}
.main-menu ul li {
float:none;
height:100%;
}
.navbar-collapse.in {
overflow-y:visible;
position:absolute;
right:11%;
width:18%;
float:right;
width:41%;
}
.play iframe {
position:relative;
top:0px;
left:0;
right:0;
bottom:0;
}
iframe.ytp-cued-thumbnail-overlay-image {
background-image:url(images/video/kavya-video-01.jpg) !important;
-webkit-background-size:cover;
background-position:center;
background-repeat:no-repeat;
width:100%;
height:100%;
position:absolute;
}
.col-md-md-3 h5 b {
display:none;
}
.searchi h2 b {
display:none;
}
.kavya-logo {
z-index:91;
position:absolute;
width:100%;
top:12px;
}
.logo-kavya span img {
width:320px;
padding:15px;
}
.logo-kavya {
background:rgba(255, 255, 255, 0.88);
text-align:center;
}
.text-content p span {
color:#5e5e5d;
font-weight:800;
font-family:Raleway;
}
.text-content p {
text-align:left;
font-size:28px;
padding:25px;
padding-top:50px;
color:#5e5e5d;
border-bottom:4px #727773 solid;
}
.text-content {
background:rgba(255, 255, 255, 0.88);
}
.space {
padding-left:0px;
}
.space-01 {
padding-left:0px;
;
padding-right:0px;
}
.nav-nav {
position:absolute;
top:-14px;
}
#slideshow {
margin:-10px auto;
position:relative;
width:100%;
height:259px;
padding:10px;
}
#slideshow > div {
position:absolute;
top:0px;
left:-75px;
right:10px;
bottom:10px;
}
div.caption {
position:absolute;
width:71%;
height:38px;
line-height:38px;
bottom:-10px;
left:0px;
font-family:Open Sans !important;
font-size:18px;
color:#ffffff;
background:rgba(51, 51, 51, 0.78);
text-align:center;
font-weight:500;
}
.about-text {
background:#11B3A2;
margin:0px;
padding:28px;
font-family:raleway;
}
.perfectpower {
text-align:center !important;
margin:0px;
}
.perfectpower img {
width:220px;
text-align:center;
margin:0;
border:2px solid #fff;
}
.about-text h3 {
color:#FFFFFF;
font-weight:800;
text-transform:uppercase;
font-size:24px;
}
.about-text h5 {
color:#006853;
font-size:20px;
font-weight:600;
}
.about-text p {
color:#FFFFFF;
font-size:19px;
font-weight:300;
text-align:justify;
padding-top:5px;
line-height:25px;
word-spacing:0px;
}
.text-belt {
background:#cbcbcb;
margin-top:0px;
}
.text-belt-in {
padding:10px;
line-height:35px;
margin:0px;
}
.text-belt-in p {
color:#010101;
text-transform:uppercase;
font-weight:300;
font-size:26px;
text-align:center;
margin:0px;
font-family:open sans
}
.video-kavya {
width:100%;
height:438px !important;
margin:0px;
}
.kavya-vyt {
width:780px;
height:438px !important;
margin:0px;
}
.who-we {
padding:40px 10px;
}
.main-who {
padding:23px;
}
.who-img {
text-align:center;
}
.who-img img {
width:80%;
}
.head-who h3 {
font-family:Raleway;
color:#11B3A2;
font-weight:900;
font-size:28px;
padding-top:25px;
}
.head-who h5 {
font-family:Raleway;
font-size:24px;
font-weight:700;
padding-bottom:27px;
}
.main-who p {
font-family:Raleway;
font-size:20px;
line-height:28px;
text-align:justify;
font-weight:500;
word-wrap:break-word;
word-spacing:2px;
letter-spacing:0px;
}
.read{
background: #11B3A2;
    border: none;
    padding: 8px;
    outline: none;
    text-decoration: none !important;
	margin-top:29PX;
}
.company-photo2 img{margin:0 auto;}
.read a{
color:#fff;
text-decoration:none;}

.main-who u {
background:#11B3A2;
border:none;
padding:8px;
float:right;
outline:none;
text-decoration:none !important
}
.main-who u a {
color:#fff;
text-decoration:none;
}
.main-vision {
background-image:-webkit-linear-gradient(-180deg, #425f6e 0, #2f4652 100%);
background-image:-moz-linear-gradient(270deg, #425f6e 0, #2f4652 100%);
background-image:linear-gradient(270deg, #425f6e 0, #2f4652 100%);
padding:23px;
height:268px;
max-height:500px;
}
.main-vision_alt {
background-image:-webkit-linear-gradient(-180deg, #425f6e 0, #2f4652 100%);
background-image:-moz-linear-gradient(270deg, #425f6e 0, #2f4652 100%);
background-image:linear-gradient(270deg, #425f6e 0, #2f4652 100%);
padding:23px;
height:268px;
max-height:500px;
}
.vision {
background:#425f6e;
}
.vision-sub {
background:#3f3f3f;
}
.belt-vision {
padding-top: 117px;
}
.belt {
/*background:#50849f;
position:absolute;
z-index:1;
width:62%;
transform:rotate(270deg);
top:116px;
left:-148px;*/
background: #50849f; 
    position: absolute;
    z-index: 1;
    width: 61%;
    /* transform: rotate(270deg); */
    /* top: 116px; */
    /* left: -148px; */
}
.brand
{ color:#FFFFFF;
font-size:24px;
text-align:center;
font-family: Raleway;
margin: 0px;
padding: 10px;
font-weight: 700;
}
.per {
color:#FFFFFF;
list-style:disc;
font-family: Raleway;
    text-align: justify;
    font-size: 14px;
	padding-left:40px;
	padding-top:0px;

}
.perr{
color:#FFFFFF;
list-style:disc;
font-family: Raleway;
    text-align: justify;
    font-size: 14px;
	padding-left:40px;
	padding-top:76px;
}
.per1{
color:#FFFFFF;
list-style:disc;
font-family: Raleway;
text-align: justify;
font-size: 14px;
padding-left:40px;
padding-top:76px;
}
.belt-img {
position:absolute;
z-index:1;
width:25%;
top:-85px;
right:80px;
background:#fff;
border:15px solid #3f5b69;
border-radius:10px;
}
.belt-img img {
/*padding:12px 5px 5px 3px;*/
}
.belt-img1 {
position:absolute;
z-index:1;
/*width:25%;*/
top:-85px;
right:307px;
background:#fff;
border:15px solid #425f6e;
border-radius:10px;
}
.belt-img1 img
{ /*padding-left:26%;*/}
.belt h2 {
color:#FFFFFF;
text-align:center;
margin:0px !important;
padding:16px !important;
font-weight:700;
}
.vision-img {
text-align:center;
line-height:0px;
color:#FFFFFF;
font-size:26px;
/*font-family:Raleway;*/
font-weight:800;
word-spacing:20px;
}
.vision-img span i {
font-size:50px;
color:rgba(25, 170, 140, 0.9);
vertical-align:middle;
margin:0px;
padding:0px;
display:inline-block
}
.vision-text p {
/*text-align:justify;*/
color:#FFFFFF;
font-size:16px;
/*font-family:Raleway;*/
font-weight:300;
/*font-style:oblique;*/
padding-top:75px;
padding-left:3px;
font-weight:400;
}
.vision-text-sub p {
text-align:right;
color:#FFFFFF;
font-size:28px;
font-family:Raleway;
margin:0px;
padding:10px;
}
.triangle-bottomleft {
content:'';
width:0;
height:0;
position:absolute;
/*border-bottom:34px solid #1f313a;*/
border-right:55px solid transparent;
z-index:0;
top:-33px;
left:65px;
}
.head-prod p {
font-size:21px;
font-weight:500;
line-height:30px;
margin:0px;
text-align:center;
}
.main-infrastruture {
background-image:url(../images/infra-bg.jpg);
background-size:100%;
background-position:top;
background-attachment:fixed;
}
.main-infrastruture1 {
/*background-image:url(../images/infra-bg.jpg);*/
background-size:100%;
background-position:top;
background-attachment:fixed;
background-color:#6a6a6a2e;
    padding: 30px 0px 0px 0px;

}

.left-text {
background:rgba(0, 168, 159, 0.6);
padding:100px 75px 115px 40px;
vertical-align:middle;
}
.left-text1 {
/*background:rgba(0, 168, 159, 0.6);*/
/*padding:100px 75px 115px 40px;*/
vertical-align:middle;
}
.left-text h3 {
color:#FFFFFF;
font-size:30px;
margin:0px;
line-height:42px;
font-weight:800;
font-family:Raleway;
}
.left-text h5 {
color:#FFFFFF;
font-size:28px;
font-weight:300;
line-height:40px;
margin:0px;
}
.right-text {
background:rgba(51, 51, 51, 0.74);
margin:0px;
padding:100px 75px 115px 40px
}
.right-text h3 {
margin:0px;
color:#FFFFFF;
font-size:32px;
line-height:50px;
font-weight:700;
font-family:Raleway;
}
.right-text h5 {
margin:0px;
color:#FFFFFF;
font-size:28px;
font-weight:300;
}
.right-text p {
color:#FFFFFF;
padding-top:15px;
text-align:justify;
font-size:18px;
font-weight:300;
font-family:Raleway;
}
.right-text-bg:after {
content:'';
position:absolute;
top:0;
left:100%;
width:47%;
max-width:1000px;
height:100%;
background:rgba(51, 51, 51, 0.74);
}
.col-md-md-2 {
width:19%;
float:left;
}
.col-md-md-2 h5 img {
float:right;
position:absolute;
padding-top:20%;
left:34.6%;
z-index:1;
}
.col-md-md-3 {
width:21.4%;
float:left;
position:relative;
}
.col-md-md-3 {
width:100%;
margin:0px !important;
}
.col-md-md-3 img {
width:100%;
margin:0px !important;
filter:grayscale(0);
}
.col-md-md-3 img:hover {
filter:grayscale(0);
transition:0.5s;
}
.col-lg-md-2 {
width:23%;
float:left;
}
.col-lg-md-3 {
width:20%;
float:left;
}
.text {
z-index:100;
position:absolute;
color:white;
font-size:24px;
font-weight:bold;
left:0;
top:0px;
overflow:hidden;
width:100%;
height:100%;
}
.text p {
font-family:Raleway;
font-size:36px;
color:#FFFFFF;
font-weight:600;
text-align:center;
padding:111px;
background:rgba(4, 4, 4, 0.8);
overflow:hidden;
}
.text:hover p {
z-index:-0;
position:relative;
padding:0px;
background:none;
background:rgba(130, 130, 130, 0.65);
overflow:hidden;
transition:2s cubic-bezier(0, 1.17, 0.24, 1.34);
padding:20px;
font-size:28px;
}
.infra-img h5 {
margin:0px;
}
.head-prod h2 {
text-align:center;
padding:20px;
font-size:36px;
font-weight:400;
}
.head-prod h2 b {
font-weight:bold;
color:#11B3A2;
font-weight:800;
font-family:Raleway;
}
.product-cont {
padding:145px 25px 10px 40px;
}
.product-cont h3 {
color:#11B3A2;
font-weight:800;
font-family:Raleway;
font-size:26px;
}
.product-cont h5 {
color:#000000;
font-family:raleway;
font-size:24px;
}
.product-cont h4 {
padding-top:60px;
font-size:20px;
}
.product-cont li {
margin:0px;
padding:0px;
list-style:none;
text-decoration:none;
}
.product-cont li a {
text-decoration:none;
line-height:30px;
font-size:18px;
color:#000000;
}
.product-cont li a:hover {
text-decoration:none;
line-height:30px;
font-size:18px;
color:#1bbc9b;
}
.product-cont p {
padding:10px 32px 10px 3px;
text-align:justify;
line-height:25px;
font-size:16px;
}
.product-name {
background:#6a6a6a;
padding:11px;
margin-top:30px;
}
.product-name p {
color:#FFFFFF;
font-size:24px;
text-align:center;
line-height:30px;
margin:0px;
}
.products {
padding:8px;
margin:10px 0px 10px 0px;
}
.pro-img img {
border-left:4px solid #11B3A2;
border-right:4px solid #11B3A2;
border-bottom:4px solid #11B3A2;
border-radius:5px;
}
.read-img img {
position:absolute;
top:132px;
right:0;
}
.item .info {
width:135%;
height:193px;
background:rgba(0, 168, 159, 0.65);
position:absolute;
top:0px;
left:-100px;
opacity:0;
color:#ffffff;
transition:left .2s ease;
-webkit-transition:left .2s ease;
}
.item:hover .info {
left:0px;
opacity:1;
transition:left .2s ease;
-webkit-transition:left .2s linear, opacity .2s linear;
}
.more-btn {
display:none;
color:#FFF;
text-transform:capitalize;
text-decoration:none;
font-family:Raleway;
background:rgba(21, 21, 21, 0.81);
padding:11px 25px;
font-size:20px;
margin-left:28%;
margin-top:35%;
transition:background .2s ease;
-webkit-transition:background .2s linear;
}
.more-btn:hover {
background:rgba(21, 21, 21, 0.81);
color:#FFF;
font-size:20px;
text-decoration:none;
transition:background .2s ease;
-webkit-transition:background .2s linear;
}
.half-background img {
width:115px;
}
.footer {
background-image:url(../images/map2.jpg);
background-position:right;
position:relative;
background-size:60% 100%;
background-repeat:no-repeat;
background-position:left;
}
.addresss {
padding:6px 300px 10px 300px;
}
.addresss h2 {
font-size:35px;
color:#FFFFFF;
font-weight:200;
}
.addresss h2 b {
font-weight:900;
font-family:Raleway;
}
.addresss h3 {
list-style:none;
color:#FFFFFF;
font-size:18px;
line-height:24px;
margin:0px;
}
.addresss p {
color:#FFFFFF;
font-size:16px;
line-height:20px;
padding-top:20px;
}
p.mails {
line-height:0px;
color:#FFFFFF;
}
p.mails a {
line-height: 0px;
color: #FFFFFF;
}
.addresss p a {
color: #FFFFFF;
font-size: 16px;
/*line-height: 20px;*/
padding-top: 20px;
text-decoration:none;
}
#content {
width:160px;
margin:25px auto;
}
aside:hover {
top:-1px;
}
aside:active {
top:1px;
}
aside.diamond {
background-color:#C6ED8D;
}
aside.diamond:after, aside.diamond:before {
border-color:transparent #C6ED8D;
}
aside.diamond:after {
right:-17px;
border-width:17px 0 17px 17px;
}
aside:before, aside:after {
content:'';
position:absolute;
height:0;
width:0;
border-style:solid;
border-width:0;
}
.footer-inn {
background-image:url(../images/map.jpg);
background-position:right;
}
.footer-copy {
background:#5E6665;
border-top:2px solid #00fff5;
}
.copyright p {
color:#FFFFFF;
line-height:35px;
text-align:left;
margin:0px;
}
.copyright p a {
color:#CCCCCC;
text-decoration:none;
}
.work p {
color:#FFFFFF;
line-height:35px;
text-align:right;
margin:0px;
}
.work p a {
color:#CCCCCC;
text-decoration:none;
}
.main-licence {
background-image:-webkit-linear-gradient(180deg, rgba(1, 185, 159, 0) 0, rgba(0, 184, 158, 0) 50%, #333333 50%, #333333 100%);
background-image:-moz-linear-gradient(180deg, rgba(1, 185, 159, 0) 0, rgba(0, 184, 158, 0) 50%, #333333 50%, #333333 100%);
background-image:linear-gradient(180deg, rgba(1, 185, 159, 0) 0, rgba(0, 184, 158, 0) 50%, #333333 50%, #333333 100%)
}
.catlog
{     color: #FFFFFF;
    font-size: 16px;
    text-transform: uppercase;
   
    padding-top: -3%;
 
    font-weight: bold;
    position: relative;
    top: 64px;
	}
.catlog a
{ text-decoration:none;
color:#FFFFFF; }

.licence {
text-align:center;

}
.licence img {
border:#009999 solid 3px;
margin:10px 10px 27px 10px;
}
.spe-products {
background:-webkit-linear-gradient(0deg, #425f6e 0, #425f6e 50%, #2f4652 50%, #2f4652 100%), #0199d9;
background:-moz-linear-gradient(90deg, #425f6e 0, #425f6e 50%, #2f4652 50%, #2f4652 100%), #0199d9;
background:linear-gradient(90deg, #425f6e 0, #425f6e 50%, #2f4652 50%, #2f4652 100%), #0199d9;
}
.product-footer {
padding:30px 25px 130px 5px;
}
.half-background {
background:#425f6e;
text-align:left;
}
.half-background figure p {
color:#FFFFFF;
font-size:24px;
font-family:Raleway;
margin-right:10px;
}
.half-background h3 {
color:#FFFFFF;
font-size:28px;
font-family:Raleway
}
.product-footer h4 {
color:#FFFFFF;
font-size:24px;
font-family:Raleway
}
.product-footer li {
list-style:none;
}
.product-footer li a {
text-decoration:none;
color:#FFFFFF;
font-size:18px;
font-family:Raleway;
}
.product-footer li a:hover {
text-decoration:none;
color:#11B3A2;
font-size:18px;
font-family:Raleway;
}
.product-footer figure {
color:#FFFFFF;
font-size:24px;
font-family:Raleway;
display:inline-flex;
padding-left:10px;
}
.product-footer i {
color:aliceblue;
font-size:65px;
line-height:100px;
text-align:right;
display:block;
}
.social-footericon ul {
padding-left:26%;
}
.kavyapplication {
margin-top:30px;
position:relative;
}
.owl-theme .owl-controls {
position:absolute;
z-index:999;
display:block;
bottom:25px;
left:0px;
right:0px;
margin-left:auto;
margin-right:auto;
}
.owl-theme .owl-controls .owl-page span {
margin:0px 7px;
height:4px;
width:65px;
background:#fff;
}
.owl-theme .owl-controls .owl-pagination {
display:block;
padding:0px 0px 0px 0px;
}
.owl-theme .owl-controls .owl-buttons div {
padding:5px 9px;
}
.owl-theme .owl-buttons i {
margin-top:2px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
background:#ffc925;
}
.owl-theme .owl-controls .owl-buttons div {
position:absolute;
z-index:99999;
margin:0px;
background:rgba(255, 255, 255, 0.6);
padding:12px 18px;
font-size:30px;
color:#fff;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
left:0px;
top:-240px;
border-radius:0px 4px 4px 0px;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
right:0px;
top:-240px;
border-radius:4px 0px 0px 4px;
}
.clients {
width:100%;
padding:20px 0px 10px 0px;
float:none;
background:rgba(0, 0, 0, 0.35);
position:absolute;
z-index:100;
bottom:0;
z-index:1000;
}
#client-carousel {
margin-top:0px;
}
#client-carousel.owl-theme .owl-controls .owl-buttons div {
opacity:1;
background:transparent;
font-size:50px;
}
#client-carousel.owl-theme .owl-controls .owl-buttons .owl-prev {
top:-0px;
left:-8%;
display:none
}
#client-carousel.owl-theme .owl-controls .owl-buttons .owl-next {
top:-0px;
right:-8%;
display:none
}
#client-carousel .item {
margin:3px;
text-align:center;
}
#client-carousel.owl-theme .owl-controls .owl-buttons i {
color:#666;
}
.bottom-line.carousel #client-carousel.owl-theme .owl-controls .owl-buttons i {
color:#fff;
}
#client-carousel .item img {
display:block;
margin:0px auto;
height:auto;
text-align:center;
}
.bottom-line.carousel {
padding:40px 0px;
}
.bottom-line.carousel #client-carousel {
margin:0px;
}
.bottom-line.carousel #client-carousel.owl-theme .owl-controls .owl-buttons .owl-prev {
color:#fff;
top:-45px;
left:-8%;
}
.bottom-line.carousel #client-carousel.owl-theme .owl-controls .owl-buttons .owl-next {
color:#fff;
top:-45px;
right:-8%;
}
.form-group {
margin-bottom:15px;
}
.form-control {
display:block;
width:100%;
height:54px;
padding:6px 12px;
font-size:16px;
line-height:1.42857143;
color:#000000;
background-color:#c6eee6;
background-image:none;
border:none;
border-radius:0px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
margin-bottom:30px;
box-shadow:none;
}
.form-cap {
display:inline-block;
height:54px;
padding:6px 12px;
font-size:16px;
line-height:1.42857143;
color:#000000;
background-color:#c6eee6;
background-image:none;
border:none;
border-radius:0px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
margin-bottom:0px;
box-shadow:none;
}
.imgcap {
margin-top:-8px;
height:48px;
}
.btn {
display:inline-block;
margin-bottom:0;
font-size:14px;
font-weight:400;
line-height:1.42857143;
text-align:center;
white-space:nowrap;
vertical-align:middle;
cursor:pointer;
background-image:none;
background:transparent;
border:1px solid transparent;
border-radius:0px;
color:#FFFFFF;
}
.vision-text-sub {
text-align:right;
}
.kavyapplication h1 {
background:rgba(0, 168, 159, 0.88);
padding:15px;
text-align:center;
font-family:Raleway;
font-weight:500;
margin:0 auto;
font-size:28px;
color:#fff;
position:absolute;
z-index:1000;
width:100%;
top:0;
}
#abouthead {
background-image:url(../images/banner/01.jpg);
background-attachment:fixed;
background-size:100%;
padding:30% 0% 0% 0%;
background-repeat:no-repeat;
}
#valve-guide {
background-image:url(../images/banner/02.jpg);
background-attachment:fixed;
background-size:100%;
padding:30% 0% 0% 0%;
background-repeat:no-repeat;
}
#cylinder-liners-sleeves {
background-image:url(../images/banner/cylinder-sleves.jpg);
background-attachment:fixed;
background-size:100%;
padding:30% 0% 0% 0%;
background-repeat:no-repeat;
}
#chrome {
background-image:url(../images/banner/chrome-steel.jpg);
background-attachment:fixed;
background-size:100%;
padding:30% 0% 0% 0%;
background-repeat:no-repeat;
}
#engine {
background-image:url(../images/banner/valve-engine.jpg);
background-attachment:fixed;
background-size:100%;
padding:30% 0% 0% 0%;
background-repeat:no-repeat;
}
#liner {
background-image:url(../images/banner/linear-insert.jpg);
background-attachment:fixed;
background-size:100%;
padding:30% 0% 0% 0%;
background-repeat:no-repeat;
}
#seats {
background-image:url(../images/banner/VALVE-SEAT.jpg);
background-attachment:fixed;
background-size:100%;
padding:30% 0% 0% 0%;
background-repeat:no-repeat;
}
#quality {
background-image:url(../images/banner/quality.jpg);
background-attachment:fixed;
background-size:100%;
padding:30% 0% 0% 0%;
background-repeat:no-repeat;
}
#application {
background-image:url(../images/banner/application.jpg);
background-attachment:fixed;
background-size:100%;
padding:30% 0% 0% 0%;
background-repeat:no-repeat;
}
#process {
background-image:url(../images/banner/prcess.jpg);
background-attachment:fixed;
background-size:100%;
padding:30% 0% 0% 0%;
background-repeat:no-repeat;
}
#contact {
background-image:url(../images/banner/contact.jpg);
background-attachment:fixed;
background-size:100%;
padding:30% 0% 0% 0%;
background-repeat:no-repeat;
}
.breadcrumb ul li {
list-style:none;
display:inline-block;
vertical-align:bottom;
color:#333333;
font-family:Raleway;
font-size:16px;
text-align:right;
font-weight:500;
}
.breadcrumb ul li a {
text-decoration:none;
display:inline-block;
color:#FFFFFF;
font-family:Raleway;
font-size:36px;
text-align:right;
font-weight:800;
}
.breadcrumb ul li a h4 {
text-decoration:none;
display:inline-block;
color:#FFFFFF;
font-family:Raleway;
font-size:21px;
text-align:right;
font-weight:800;
}
.breadcrumb {
padding:15px 15px;
margin-bottom:0px;
list-style:none;
background-color:rgba(10, 10, 10, 0.65);
border-radius:0px;
text-align:left;
}
.img-responsive1{position:absolute;top:20px; right:-38px}
.text-primary {
color:#11B3A2;
font-family:Raleway;
font-size:40px;
padding:0;
font-weight:800;
margin-bottom:20px;
text-transform:uppercase;
}
.main-about {
margin:30px 0px 60px 0px !important;
}
.company-photo img {
width:100%;
border:12px solid #cccccc;
}
.company-photo1 img {
width:100%;
/*border:12px solid #cccccc;*/
padding-top:10px;
padding-bottom:10px;
}
/*.company-photo2 img {

border:12px solid #cccccc;
padding-top:10px;
padding-bottom:10px;
margin-top: 2%;
margin-bottom: -8%;
}*/
.contact-happy-1{border:5px solid #11B3A2}

.quality {
border:5px solid #11B3A2
}
.about-main {
margin:60px 0px 5px 0px;
}
.quality-content p {
font-style:italic;
line-height:17px !important;
}
.about-content p {
color:#333333;
line-height:21px;
text-align:justify;
margin:0px;
padding:0px 0px 12px 0px;
font-family:Raleway;
font-size:15px;
font-weight:500;
}
.quality-content p {
color:#333333;
width:100%;
display:inline-flex;
line-height:21px;
text-align:justify;
margin:0px;
padding:0px 0px 12px 0px;
font-family:Raleway;
font-size:15px;
font-weight:500;
}
.quality-content p:before {
font-family: 'icofont';
content:'\eb81';
position:relative;
width:3%;
display:inline-flex;
float:left;
}

.about-content {
font-family:Raleway;
font-size:18px;
text-align:right;
font-weight:500;
}
.about-content h1 {
font-family:Raleway;
font-size:18px;
text-align:left;
font-weight:700;
margin:0px;
padding-bottom:5px;
color:#11B3A2;
}
.about-content h3 {
font-family:Raleway;
font-size:18px;
text-align:left;
font-weight:700;
margin:0px;
padding-bottom:5px;
color:#333333;
}
/*.about-content h3 {
font-family:Raleway;
font-size:18px;
text-align:left;
font-weight:700;
margin:0px;
padding-bottom:5px;
color:#333333;
}*/

.about-contentt h3 {
font-family:Raleway;
font-size:18px;
text-align:left;
font-weight:700;
margin:0px;
padding-bottom:5px;
color:#0770b8;
padding-top: 18px;
}
.about-contentc h3 {
font-family:Raleway;
font-size:18px;
text-align:right;
font-weight:700;
margin:0px;
padding-bottom:5px;
color:#0770b8;
padding-top: 18px;
}
.about-content5 h3 {
font-family:Raleway;
font-size:26px;
text-align:right;
font-weight:700;
margin:0px;
padding-bottom:5px;
color:#0aaba2;
padding-top: 18px;
}
.about-content5c h3 {
font-family:Raleway;
font-size:26px;
text-align:left;
font-weight:700;
margin:0px;
padding-bottom:5px;
color:#0aaba2;
padding-top: 18px;
}
.pur1c {
    font-size: 17px;
    font-family: Raleway;
    text-align: justify;
    color: #535353;
	padding-top: 13px;
    line-height: 30px;
}
/*.about-content1 h3 {
font-family:Raleway;
font-size:18px;
text-align:left;
font-weight:700;
margin:0px;
padding-bottom:5px;
color: #0770b8;
padding-top: 13px;
}*/
.about-content1 h3 {
    font-family: Raleway;
    font-size: 23px;
    text-align: left;
    font-weight: 700;
    margin: 0px;
    padding-bottom: 19px;
    color: #00a89f;
    padding-top: 21px;
}
.pur
{ font-size:18px;
 font-family: Raleway;}

.value li 
{ 
list-style: disc;
margin-left:21px;
font-size:18px;
padding-top:3px;
/*background :url(../images/icon/vision-subpoint.png) left 6px no-repeat;*/
font-weight: 500;
font-family: Raleway;
line-height:29px;
}

.application-main {
margin:60px 0px 60px 0px;
}
.application-main p {
color:#333333;
line-height:21px;
text-align:justify;
margin:0px;
padding:0px 0px 12px 0px;
font-family:Raleway;
font-size:16px;
font-weight:500;
}
.belt-vision1 {
padding-top:72px;
}
.facilties-products {
background:#425f6e;
}
.about-expi {
padding:30px 25px 30px 5px;
}
.half-background p span {
letter-spacing:-2px;
font-size:18px;
font-weight:500;
}
.parallax {
max-height:5000px;
background:transparent;
background-image:url(../images/BuildingPhot.jpg);
height:auto;
background-position:50% 0;
background-repeat:no-repeat;
-webkit-background-size:cover;
background-size:cover;
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.guide {
max-height:5000px;
background:transparent;
background-image:url(../images/valve-guide.jpg);
height:auto;
background-position:center bottom;
background-repeat:no-repeat;
-webkit-background-size:cover;
background-size:cover;
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.inserts {
max-height:5000px;
background:transparent;
background-image:url(../images/seat.jpg);
height:auto;
background-position:center bottom;
background-repeat:no-repeat;
-webkit-background-size:cover;
background-size:cover;
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.cylinder-sleves {
max-height:5000px;
background:transparent;
background-image:url(../images/cylinder.jpg);
height:auto;
background-position:center bottom;
background-repeat:no-repeat;
-webkit-background-size:cover;
background-size:cover;
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.chrome_steel {
max-height:5000px;
background:transparent;
background-image:url(../images/sleeves.jpg);
height:auto;
background-position:center bottom;
background-repeat:no-repeat;
-webkit-background-size:cover;
background-size:cover;
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.engine {
max-height:5000px;
background:transparent;
background-image:url(../images/engine.jpg);
height:auto;
background-position:center bottom;
background-repeat:no-repeat;
-webkit-background-size:cover;
background-size:cover;
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.liner-in {
max-height:5000px;
background:transparent;
background-image:url(../images/liner.jpg);
height:auto;
background-position:center bottom;
background-repeat:no-repeat;
-webkit-background-size:cover;
background-size:cover;
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.quality-main {
max-height:5000px;
background:transparent;
background-image:url(../images/quality.jpg);
height:auto;
background-position:center bottom;
background-repeat:no-repeat;
-webkit-background-size:cover;
background-size:cover;
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.leftabout-text {
background:rgba(0, 168, 159, 0.91);
padding:109px 75px 74px 41px;
vertical-align:middle;
}
.leftabout-text h3 {
color:#FFFFFF;
font-size:41px;
margin:0px;
line-height:42px;
font-weight:800;
font-family:Raleway;
}
.leftabout-text h5 {
color:#FFFFFF;
font-size:35px;
font-weight:300;
line-height:55px;
margin:0px;
}
.leftabout-text img {
width:100%;
padding-bottom:15px;
}
.leftproduct-text {
background:rgba(0, 168, 159, 0.91);
padding:160px 75px 140px 40px;
vertical-align:middle;
}
.leftproduct-text h3 {
color:#FFFFFF;
font-size:55px;
margin:0px;
line-height:65px;
font-weight:800;
font-family:Raleway;
}
.leftproduct-text h4 {
color:#FFFFFF;
font-size:28px;
font-weight:400;
line-height:55px;
margin:0px;
}
.leftproduct-text h5 {
color:#FFFFFF;
font-size:48px;
font-weight:300;
line-height:55px;
margin:0px;
}
.rightabout-text {
background:rgba(51, 51, 51, 0.74);
margin:0px;
padding:100px 75px 115px 40px;
}
.rightabout-text h3 {
margin:0px;
color:#FFFFFF;
font-size:32px;
line-height:50px;
font-weight:700;
font-family:Raleway;
}
.rightabout-text h5 {
margin:0px;
color:#FFFFFF;
font-size:28px;
font-weight:300;
}
.rightabout-text p {
color:#FFFFFF;
padding-top:15px;
text-align:justify;
font-size:18px;
font-weight:300;
font-family:Raleway;
}
.page-icon {
margin-top:-75px;
float:right;
}
.manuf {
margin:0;
padding:0;
}
.manuf li {
display:inline-block;
}
.manuf li a img {
width:228px;
margin:10px
}
.box {
cursor:pointer;
height:130px;
float:left;
position:relative;
overflow:hidden;
width:228px;
}
.box img {
position:absolute;
width:100%;
left:0;
-webkit-transition:all 300ms ease-out;
-moz-transition:all 300ms ease-out;
-o-transition:all 300ms ease-out;
-ms-transition:all 300ms ease-out;
transition:all 300ms ease-out;
margin:5px;
}
.box h3 {
margin:0px;
}
.box h4 {
font-size:12px;
margin:0px;
padding-top:2px;
}
.box:hover h4 {
font-size:24px;
margin:0px;
padding-top:10px;
}
.box h5 {
font-size:14px;
margin:0px;
}
.box:hover h5 {
font-size:18px;
margin:0px;
}
.box .caption {
font-family:Raleway;
font-size:0.5em;
background-color:rgba(0, 168, 159, 0.82);
position:absolute;
color:#fff;
z-index:100;
-webkit-transition:all 300ms ease-out;
-moz-transition:all 300ms ease-out;
-o-transition:all 300ms ease-out;
-ms-transition:all 300ms ease-out;
transition:all 300ms ease-out;
left:5px;
bottom:5px;
opacity:1;
width:223px;
height:28px;
text-align:center;
padding:0;
}
.box:hover .caption {
font-family:Raleway;
font-size:.5em;
background-color:rgba(0, 168, 159, 0.82);
position:absolute;
color:#fff;
z-index:100;
-webkit-transition:all 300ms ease-out;
-moz-transition:all 300ms ease-out;
-o-transition:all 300ms ease-out;
-ms-transition:all 300ms ease-out;
transition:all 300ms ease-out;
left:5px;
bottom:5px;
opacity:0;
width:223px;
height:120px;
text-align:center;
padding:15px;
}
.manuf-product {
background:#425f6e;
padding:45px;
}
.tltl {
font-family:Raleway;
font-size:38px;
font-weight:600;
text-align:center;
color:#fff;
margin:0px;
padding-bottom:22px;
}
.kavyappli {
margin-top:0px;
position:relative;
}
.box:hover .fade-caption {
opacity:1;
}
.contact-text {
background:rgba(25, 170, 140, 1);
padding:100px 75px 115px 40px;
vertical-align:middle;
margin-top:80px;
}
.contact-text h2 {
font-size:33px;
color:#fff;
font-weight:600;
font-family:Raleway;
}
#contact-form {
margin-top:80px;
}
.banner {
position:relative;
}
.banner .caption {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0, 0, 0, 0.9);
}
.banner .caption-wrapper {
display:table;
height:100%;
width:100%;
}
.banner .caption-info {
display:table-cell;
vertical-align:middle;
text-align:center;
color:#fff;
}
.banner .caption-info h1 {
font:normal 4.5em Josefin Sans, Arial, Helvetica;
text-transform:capitalize;
}
.banner .caption-info p {
font:600 1.7em Josefin Sans, Arial, Helvetica;
}
.banner a.explore {
color:#fff;
}
.explore {
margin:0 1em;
}
.banner img.profile {
border:5px solid #333;
}
#works figcaption a {
border:1px solid #fff;
margin-top:1em;
display:inline-block;
color:#fff;
padding:0 2em;
}
#works figcaption a:hover {
text-decoration:none;
padding:0 3em;
}
.btn {
font-family:Lato;
font-size:1rem;
font-weight:normal;
text-decoration:none;
cursor:pointer;
display:inline-block;
line-height:normal;
padding:.5rem 1rem;
margin:0;
height:auto;
vertical-align:middle;
-webkit-appearance:none;
color:#555;
background-color:rgba(0, 0, 0, 0);
}
.btn:hover {
text-decoration:none;
}
.btn:focus {
outline:none;
}
::-moz-focus-inner {
border:0;
padding:0;
}
.tile {
-webkit-transform:scale(0);
transform:scale(0);
-webkit-transition:all 350ms ease;
transition:all 350ms ease;
}
.tile:hover {
}
.scale-anm {
transform:scale(1);
}
.company-process {
padding:15px;
width:100%;
}
.company-process img {
padding:0px 0px 0px 0px;
width:100%;
}
.company-process p {
padding:0px 15px 15px 15px;
width:100%;
padding-top:10px;
}
.aboutleft-text {
padding:75px 75px 40px 40px;
!important
}
.company-process h2 {
/*position:absolute;
top:282px;
left:0;
right:0;
margin:0px auto;
width:78.5%;
background:rgba(0, 188, 153, 0.85);
color:#FFFFFF;
font-size:21px;
padding:12px;*/
}
.cd-img-replace {
display:inline-block;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
}
.cd-main-content {
min-height:100%;
position:relative;
background-color:#f5f4e9;
z-index:2;
padding-top:50px;
-webkit-transform:translateZ(0);
-webkit-backface-visibility:hidden;
-webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform;
transition-property:transform;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
transition-duration:0.4s;
}
.cd-main-content.lateral-menu-is-open {
-webkit-transform:translateX(-260px);
-moz-transform:translateX(-260px);
-ms-transform:translateX(-260px);
-o-transform:translateX(-260px);
transform:translateX(-260px);
}
@media only screen and (min-width:768px) {
.cd-main-content {
padding-top:70px;
}
}
@media only screen and (min-width:768px) {
#cd-logo {
margin:22px 0 0 30px;
}
}
#cd-top-nav {
position:absolute;
top:0;
right:120px;
height:100%;
display:none;
}
#cd-top-nav ul {
height:100%;
padding-top:18px;
}
#cd-top-nav li {
display:inline-block;
margin-right:1em;
}
#cd-top-nav a {
display:inline-block;
padding:.5em;
color:#FFF;
text-transform:uppercase;
font-weight:600;
}
#cd-top-nav a.current {
background-color:#242e30;
}
.no-touch #cd-top-nav a:hover {
color:rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width:768px) {
#cd-top-nav {
display:block;
}
}
#cd-menu-trigger {
position:absolute;
right:0;
top:0;
height:100%;
width:50px;
background-color:#64807d;
}
#cd-menu-trigger .cd-menu-text {
height:100%;
text-transform:uppercase;
color:#FFF;
font-weight:600;
display:none;
}
#cd-menu-trigger .cd-menu-icon {
display:inline-block;
position:absolute;
left:50%;
top:50%;
bottom:auto;
right:auto;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
width:18px;
height:2px;
background-color:#FFF;
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
content:'';
width:100%;
height:100%;
position:absolute;
background-color:inherit;
left:0;
}
#cd-menu-trigger .cd-menu-icon::before {
bottom:5px;
}
#cd-menu-trigger .cd-menu-icon::after {
top:5px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
background-color:rgba(255, 255, 255, 0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
background-color:white;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
bottom:0;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
top:0;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
@media only screen and (min-width:768px) {
#cd-menu-trigger {
width:110px;
padding-left:1.25em;
}
#cd-menu-trigger .cd-menu-text {
display:inline-block;
line-height:70px;
}
#cd-menu-trigger .cd-menu-icon {
left:auto;
right:1.25em;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
}
}
}
#cd-lateral-nav .cd-navigation {
margin:10px 0 16px;
}
#cd-lateral-nav .sub-menu {
padding:0;
display:none;
}
#cd-lateral-nav a.current {
background-color:#3a4a4d;
color:#FFF;
}
.no-touch #cd-lateral-nav a:hover {
color:#FFF;
}
@media only screen and (min-width:768px) {
#cd-lateral-nav .cd-navigation {
margin:20px 0;
}
}
#cd-lateral-nav.lateral-menu-is-open {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
visibility:visible;
-webkit-transition:-webkit-transform .4s 0s, visibility 0s 0s;
-moz-transition:-moz-transform .4s 0s, visibility 0s 0s;
transition:transform .4s 0s, visibility 0s 0s;
-webkit-overflow-scrolling:touch;
}
#cd-lateral-nav .item-has-children > a {
position:relative;
text-transform:capitalize;
}
#cd-lateral-nav .item-has-children > a::after {
content:'';
display:block;
height:11px;
width:8px;
position:absolute;
top:50%;
bottom:auto;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
right:1em;
background:url("../img/cd-arrow.svg") no-repeat center center;
background-size:8px 11px;
-webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform;
transition-property:transform;
-webkit-transition-duration:0.2s;
-moz-transition-duration:0.2s;
transition-duration:0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
-webkit-transform:translateY(-50%) rotate(90deg);
-moz-transform:translateY(-50%) rotate(90deg);
-ms-transform:translateY(-50%) rotate(90deg);
-o-transform:translateY(-50%) rotate(90deg);
transform:translateY(-50%) rotate(90deg);
}
#cd-lateral-nav .socials {
padding:0 32px;
}
#cd-lateral-nav .socials:after {
content:"";
display:table;
clear:both;
}
#cd-lateral-nav .socials a {
height:32px;
width:32px;
float:left;
padding:0;
background-image:url("../img/cd-socials.svg");
background-repeat:no-repeat;
background-size:128px 64px;
background-color:#FFF;
margin-right:.5em;
border-radius:0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {
background-position:0 0;
}
#cd-lateral-nav .socials a.cd-github {
background-position:-32px 0;
}
#cd-lateral-nav .socials a.cd-facebook {
background-position:-64px 0;
}
#cd-lateral-nav .socials a.cd-google {
background-position:-96px 0;
}
.no-touch #cd-lateral-nav .socials a:hover {
background-color:#4e6361;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
background-position:0 -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {
background-position:-32px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
background-position:-64px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {
background-position:-96px -32px;
}
.sub-menu li a {
display:block;
line-height:10px;
padding:11px 16px;
}
table {
margin-bottom:10px;
}
td {
padding:6px 5px;
}
th {
padding:6px 2px;
border:0px solid #666666;
}
.head {
font-weight:600;
background:linear-gradient(-360deg, #11B3A2 61%, #5ad2bb 88%);
color:#FFFFFF;
font-size:16px;
text-align:center;
border:none;
color:white;
}
.head1 {
font-weight:600;
background:linear-gradient(-360deg, #11B3A2 61%, #5ad2bb 88%);
color:#FFFFFF;
font-size:16px;
text-align:left;
border:none;
color:white;
padding-left:20px;
}
tbody tr:nth-child(even) td {
background-color:#eee;
}
.head th {
color:white;
}
.head1 th {
color:white;
}
.data {
font-weight:600;
background:#FFFFFF color:#FFFFFF;
text-align:center;
border:solid 1px #333333;
}
.table-head h3 {
text-align:center;
margin-top:0px;
}
.data {
border:solid 1px #CCCCCC;
color:#091D40;
font-size:14px;
font-weight:600;
text-align:left;
padding-left:20px;
}
.data1 {
border:solid 1px #CCCCCC;
color:#091D40;
font-size:14px;
font-weight:600;
text-align:left;
}
.headsub {
font-weight:600;
background:linear-gradient(-180deg, #747378 90%, #CCCCCC 40%);
border-top:solid 2px #FFFFFF;
}
.table-head {
font-weight:700;
}
.headsub th {
color:white;
font-size:18px !important;
text-align:center;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
}
.headsub:hover {
color:#FFFFFF;
}
.columndig {
background:linear-gradient(red 95%, white 20%);
border:none !important;
}
.data1 {
width:10%;
text-align:center;
font-weight:600;
background:#FFFFFF color:#FFFFFF;
text-align:center;
}
.columndig th {
font-size:18px;
text-align:center;
font-weight:600;
color:#f3f3f3;
}
.column td {
color:#000000;
font-size:14px;
}