@font-face {font-family: 'RobotoRegular';src: url('../../images/MNF%20351/RobotoRegular.eot');src: url('../../images/MNF%20351/RobotoRegular.eot') format('embedded-opentype'), url('../../images/MNF%20351/RobotoRegular.html') format('woff2'), url('../../images/MNF%20351/RobotoRegular.woff') format('woff'), url('../../images/MNF%20351/RobotoRegular-2.html') format('truetype'), url('../../images/MNF%20351/RobotoRegular.svg#RobotoRegular') format('svg');} @font-face {font-family: 'OswaldRegular';src: url('../../images/MNF%20351/OswaldRegular.eot');src: url('../../images/MNF%20351/OswaldRegular.eot') format('embedded-opentype'), url('../../images/MNF%20351/OswaldRegular.html') format('woff2'), url('../../images/MNF%20351/OswaldRegular.woff') format('woff'), url('../../images/MNF%20351/OswaldRegular-2.html') format('truetype'), url('../../images/MNF%20351/OswaldRegular.svg#OswaldRegular') format('svg');} @font-face {font-family: 'ConstantiaItalic';src: url('../../images/MNF%20351/ConstantiaItalic.eot');src: url('../../images/MNF%20351/ConstantiaItalic.eot') format('embedded-opentype'), url('../../images/MNF%20351/ConstantiaItalic.html') format('woff2'), url('../../images/MNF%20351/ConstantiaItalic.woff') format('woff'), url('../../images/MNF%20351/ConstantiaItalic-2.html') format('truetype'), url('../../images/MNF%20351/ConstantiaItalic.svg#ConstantiaItalic') format('svg');} body {font-size: 14px;line-height: 22px;margin: 0;padding: 0;font-family: 'RobotoRegular';} .flt{float: left;width: 100%;} .maindiv{float: left;width:100%;} .navbar-inverse {background: none;border:none;} .navbar {margin: 0px;} .navbar-nav > li > a {padding:0px;} .navbar-header {display: none;} .clientscontainer {float: left;width: 100%;} .clients {float: left;width: 100%;text-align: center;font-size: 30px;} .dcont {float: left;width: 100%;font-size: 14px;padding: 30px 0px 10px;} .callus .fa {padding-right: 10px;} .owl-theme .owl-controls {display: none;} .ser2 .sericon {float: left;width: 20%;} .navbar {min-height: auto;} a:active, a:hover {outline: none !important;} .ser {float: left;width: 100%;} .ser img {float: left;width: 50%;} .sercont {float: left;width: 46%;} .sercont h3 {float: left;width: 100%;font-size: 28px;} .sercont span {float: left;width: 100%;text-align: left;} .headercontainer {float: left;width: 100%;background: #21b18b;} .milestone {float: left;width: 100%;display: none !important;} .ser2 img {float: left;width: 20%;padding-top: 40px;} .cntl-state {min-height: 116px !important;} .ser2 .sercontent {float: left;width: 75%;padding-left: 15px;text-align: left;} .cntl-image {float: right !important;} .menuH{float: left;width: 100%;font-family: 'RobotoRegular';} .menuH ul{margin: 0px;padding: 0px;display: table;margin: 0px auto;float: none;} .menuH ul li{list-style: none;float: left;text-decoration: none;} .inverse .cntl-image {position: relative;left: -21%;} .menuH ul li a {float: right;font-size: 18px;color: #fff !important;padding: 15px 40px;text-transform: uppercase;} .menuH ul li.selected a {background: #000;} .menuH ul li:hover {background: #000;} .logocontainer{background: #fff;} .logo{float: left;width: 100%;font-family: 'ConstantiaItalic';font-size: 40px;padding: 15px 0px;letter-spacing: -2.5px;color: #656364;} .logo span{color: #bc2e08;font-family: 'ConstantiaItalic';font-size: 50px;} .callus {float: right;margin-top: 15px;color: #000;padding-top: 15px;} .callus a {color: #000;text-decoration: none;} .bannercontainer{float:left;width:100%;} .bannercontainer img{float:left;width:100%;} .aboutcontainer{float: left;width: 100%;font-family: 'RobotoRegular';color: #261e1e;background: #f0f0f0;} .about{float:left;width:100%;text-align: justify;padding: 45px 0px 20px;} .abtimg {float: left;width: 100%;} .abthead {float: left;width: 100%;font-size: 30px;padding: 20px 0px;} .abtcon {width: 100%;float: left;padding: 0px 15px;} .about1 {float: left;width: 100%;background: #fff;} .head{float: left;width: 100%;font-size: 30px;padding: 10px 0px;color: #bc2e08;} .head span {font-weight: bold;} .pagecontent {float: left;width: 100%;font-size: 14px;padding: 15px 0px;} .pagecontent img {float: right;margin-left: 15px;padding: 10px 0px;} .footer {float: left;width: 100%;text-align: center;font-size: 16px;color: #fff;padding: 15px 0px;background: #21b18b;} .footer a{text-decoration: none;font-size: 15px;padding: 0px 5px;color: #fff;} .main_ser_div {margin-bottom: 45px;} .ser_main_head {font-size: 18px;font-weight: bold;position: relative;padding-left: 20px;margin-bottom: 20px;} .ser_main_head::before {position: absolute;top: 0px;left: 0px;content: '\f0da';font-family: fontawesome;} .ser_main_desc span {margin-bottom: 25px;} .ser_main_desc span ul {padding: 0pc;margin: 0px;} .ser_main_desc span ul li {margin-bottom: 30px;position: relative;padding-left: 15px;list-style-type: none;} .ser_main_desc span ul li::before {position: absolute;top: 0px;left: 0px;content: '\f101';font-family: fontawesome;} .inn_list {margin-top: 20px !important;} .inn_list li:last-child {margin-bottom: 0px !important;} .inn_list li {margin-bottom: 15px !important;} .ser_main_desc span:last-child {margin-bottom: 0px;} .ser_main_desc span ul li:last-child {margin-bottom: 0px;} .service {padding: 10%;border: 1px solid #fff;} .service_border {padding: 4%;background-color: #000;font-size: 16px;color: #fff;} .service ul li {margin-bottom: 5%;list-style-type: none;position: relative;padding-left: 30px;} .service ul li::before {position: absolute;content: '\f0a9 ';left: 0px;top: 0px;font-family: fontawesome;color: #21b18b;} .process ul {padding: 0px;} .process ul li {font-size: 16px;margin-bottom: 10px;list-style-type: none;position: relative;padding-left: 20px;color: #21b18b;} .process ul li::before {position: absolute;left: 0px;top: 0px;content: '\f0da';font-family: fontawesome;font-size: 20px;color: #21b18b;} .sample img {float: left;margin: 0px auto !important;padding: 0px;width: 100%;} .sample_main .col-sm-3 {padding: 0px;} .sample_main {margin: 4% 0%;} .sample_head {font-size: 36px;font-weight: bold;text-align: center;letter-spacing: 0.5px;margin-bottom: 4%;} .sample {cursor: pointer;} .sample a {float: left;width: 100%;position: relative;} .sample a::before {position: absolute;content: '';background-color: rgba(0, 0, 0, 0.73);height: 100%;width: 100%;left: 0px;top: 0px;opacity: 0;transition: 0.5s;} .sample a::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #fff;opacity: 0;transition: 0.5s;} .sample_cont .col-sm-3:nth-child(1) .sample a::after {content: 'Marble finish';} .sample_cont .col-sm-3:nth-child(2) .sample a::after {content: 'Wood finish';} .sample_cont .col-sm-3:nth-child(3) .sample a::after {content: 'Brushed finish';} .sample_cont .col-sm-3:nth-child(4) .sample a::after {content: 'High gloss painting finish';} .sample_cont .col-sm-3:nth-child(5) .sample a::after {content: 'Anodizes finish';} .sample_cont .col-sm-3:nth-child(6) .sample a::after {content: 'Painting/Anodize finish';} .sample_cont .col-sm-3:nth-child(7) .sample a::after {content: 'Leather finish';} .sample_cont .col-sm-3:nth-child(8) .sample a::after {content: 'CFRP finish';} .sample a:hover::before {opacity: 1;transition: 0.5s;} .sample a:hover::after {opacity: 1;transition: 0.5s;} @media screen and (min-width: 1100px) and (max-width: 4000px){} @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){.aboutcontainer {top: 345px;} .cntl-content {font-size: 28px !important;}} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {.abthead {font-size: 25px;}} @media only screen and (min-width : 480px) and (max-width : 640px), handheld and (min-device-width : 480px) and (max-device-width : 640px){.navbar-header {display: block;} .navbar-collapse {border-top: none;box-shadow: none;} .navbar-inverse .navbar-brand {color: #999;display: none;} .logocontainer {position: relative;} .headercontainer {top: 0px;} .aboutcontainer {position: relative;top: 0px;} .menuH ul li a {float: right;} .menuH ul li{float: none;} .menuH ul {float: right;} .footer {font-size: 14px;} .abtimg img {width: 100%;}} @media only screen and (max-width : 480px){.abtimg img {width: 100%;}} @media only screen and (max-width : 399px), handheld and (max-device-width : 399px){.navbar-header {display: block;} .navbar-collapse {border-top: none;box-shadow: none;} .navbar-inverse .navbar-toggle {background-color: RGBA(231, 231, 231, 0.6);} .logocontainer {position: relative;} .headercontainer {top: 0px;} .aboutcontainer {position: relative;top: 0px;} .menuH ul li a {float: right;} .menuH ul li{float: none;} .menuH ul {float: right;} .footer {font-size: 14px;}} .pagecontbg .col-lg-9{width:100%;} .outercoverfrontend {width: 50%;} .fa {padding-right: 10px;} .allfields-wrapper {float: left;width: 50%;} .outercoverfrontend {width: 50%;display: table;margin: 0 auto;} .form-group {float: left;width: 100%;} .form-inline .control-label {display: none;margin-bottom: 0;vertical-align: middle;} form .col-md-5 {width: 100%;} form .col-md-3 {width: 100%;} .form-inline .form-control {display: inline-block;vertical-align: middle;width: 100%;} .submitbutton input {float: right;background: none repeat scroll 0% 0% #0B4D6B;border: 0;padding: 5px 15px;color: #fff;text-transform: uppercase;} .submitbutton input:hover {background: #2A98C8 none repeat scroll 0% 0%;transition: all 0.6s ease-in-out 0s;font-style: italic;} @media screen and (min-width: 981px) and (max-width: 4000px) {} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {} @media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:landscape) {} @media only screen and (max-width : 399px), handheld and (max-device-width : 399px) {.outercoverfrontend {width: 100%;} .cntl-content {font-size: 24px !important;} .cntl-icon {width: 60px !important;height: 60px !important;line-height: 52px !important;} .navbar-inverse .navbar-brand {color: #999;display: none;} .allfields-wrapper {width: 100%;margin-top: 30px;} .callus {float: none;color: #000;padding-top: 0px !important;margin: 0 auto;display: table;} .logo span {line-height: 50px;}} @media only screen and (min-width : 400px) and (max-width : 619px), handheld and (min-device-width : 400px) and (max-device-width : 619px) {.outercoverfrontend {width: 100%;} .logo {text-align: center;} .cntl-content {font-size: 24px;} .callus {float: none;color: #000;padding-top: 0px !important;margin: 0 auto;display: table;} .allfields-wrapper {width: 100%;margin-top: 30px;}} @media only screen and (max-width : 460px) {.logo span {line-height: 50px;} .logo {text-align: center;} .cntl-content {font-size: 24px;} .callus {float: none;color: #000;padding-top: 0px !important;margin: 0 auto;display: table;}} @media (max-width: 768px) {.service_border {font-size: 14px;margin-bottom: 6%;} .service {padding: 5% 0%;}}img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}