html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
a:hover{
text-decoration:none !important;
transition: all 0.6s ease-in-out 0s;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@font-face {
font-family: 'open_sansregular';
src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
url('../fonts/opensans-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sanssemibold';
src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
url('../fonts/opensans-semibold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sanssemibold_italic';
src: url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
url('../fonts/opensans-semibolditalic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'nexa_boldregular';
src: url('../fonts/nexa_bold-webfont.woff2') format('woff2'),
url('../fonts/nexa_bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'arialbold';
src: url('../fonts/arialbd-webfont.woff2') format('woff2'),
url('../fonts/arialbd-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'helvcondensedregular';
src: url('../fonts/helvcondensed_regular-webfont.woff2') format('woff2'),
url('../fonts/helvcondensed_regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body { font-family: 'helvcondensedregular' !important;}
body h1{ font-family: 'helvcondensedregular' !important;}
body p{ font-family: 'helvcondensedregular' !important;}
body h2{ font-family: 'helvcondensedregular' !important;}
body h3{ font-family: 'helvcondensedregular'!important;}
.wrraper{
width:100%;
}
.my-container{
width:100%;
display:table;
}
.header-top {
background-color: #f1f1f1;
width: 100%;
display:table;
}
.bg::after {
background: #efefef none repeat scroll 0 0;
content: "";
height: 40.5px;
position: absolute;
top: 0;
width: 63.3%;
z-index: 1;
}
.bg::before {
background: #000 none repeat scroll 0 0;
content: "";
height: 40.5px;
position: absolute;
right: 0;
width: 2500px;
z-index: 1;
}
.content-top {
position: relative;
z-index: 2;
background-color:#efefef;
display: table;
width: 100%;
}
.top-icon a {
color: #c1c1c1 !important;
}
.col-md-2.col-xs-12.col-sm-12.top-icon-bg {
padding: 0;
}
.top-menu li {
float: left;
padding: 0px 17px;
border-right: 1px solid #7f7777;
display: table;
letter-spacing: 1px;
}
.top-menu a {
color: #000;
font-family: 'helvcondensedregular';
}
.top-menu a:hover {
color: #ff0000;
}
#trapezoid {
border-bottom: 41px solid #000;
border-left: 30px solid transparent;
height: 0;
width: 31px;
float: left;
}
.camera_caption > div p {
font-size: 13px !important;
letter-spacing: 2px;
margin: 0 1px 25px 0;
text-transform: inherit !important;
}
.camera_caption.fadeFromBottom div > h1 {
font-family: 'helvcondensedregular';
font-size: 28px;
margin: 23px 0 18px !important;
}
.top-icon {
float: right;
background-color: #000;
width: 84% !important;
height: 40.5px;
}
.side-bar li > a:hover {
background-color: #ff0000;
color: #fff;
}
.top-menu > ul {
margin: 11px 0 0;
float: right;
}
.border-non {
border-right: medium none !important;
}
.top-icon li {
float: left;
font-size: 19px;
width: 26px;
margin: 7px 1px;
transition: all 0.6s ease-in-out 0s;
}
#menu, #toggle-menu {
background-color: #444;
display: none;
}
.top-logo {
padding: 10px 0;
}
.header-contact {
float: right;
margin: 13px 0;
}
.header-contact p {
font-family: 'helvcondensedregular' !important;
margin: 0 0;
font-size: 16px;
}
.fancyDemo img {
width: 30%;
margin: 0 0 5px 0;
}
.header-contact a i {
margin: -4px 6px 0 0;
font-size: 24px;
color: #ff0000;
display: block;
padding: 5px 0;
}
.header-contact a {
color: #282828;
font-size: 20px;
}
.header-contact a {
color: #282828;
}
.num {
float: left;
}
.num.n > p {
font-family: 'helvcondensedregular' !important;
}
.num p {
font-size: 16px;
padding-top: 3px;
}
.num.n {
margin: -3px 0;
}
.top-nav {
width: 100%;
display: table;
position: relative;
z-index: 2;
padding-top: 9px;
}
.nav-border {
width: 100%;
display: table;
position: absolute;
margin: -6px 0;
}
.nav-border-black {
width: 50%;
display: block;
float: left;
background-color: #000;
padding: 3px 0;
}
.nav-border-red {
width: 50%;
background-color: #ff0000;
padding: 3px 0;
display: block;
float: left;
}
.work-section h2 {
font-size: 29px;
font-family: 'helvcondensedregular';
}
.work-section span {
color: #fe0000;
}
.owl-work-content h3 {
font-size: 15px;
font-family: 'helvcondensedregular';
color: #6b6363;
margin: 10px 0 4px;
}
.owl-work-content h2 {
font-size: 14px;
font-family: 'helvcondensedregular';
margin: 0px 0;
}
.owl-work-content a {
border: 1px solid #fe0000;
padding: 4px 9px;
font-size:11px;
display: table;
margin: 8px 0;
color: #6b6363;
}
.owl-work-content a:hover {
background-color:#fe0000;
color: #fff;
}
.work-section {
display: table;
float: left;
padding: 12px 0;
margin-top: 22px;
}
.owl-buttons {
display: table;
float: right;
margin: 25px 22px 18px 0px;
}
.owl-pagination {
display: none;
}
.nv {
border-left: 3px solid #ff0000;
background-color: #f1f1f1;
}
.event-content p {
font-family: 'helvcondensedregular';
font-size: 14px;
padding-right: 18px;
padding-top: 2px;
line-height: 15px;
}
.event-content h4 { color:#000;
font-family: 'helvcondensedregular';
margin: 0;
font-size: 18px;
}
.event-content a {
color: #000;
font-family: 'helvcondensedregular';
font-size: 15px;
}
.event-content a span {
color: #ff0000;
}
.event-content a:hover {
color: #ff0000;
}
.event-content {
border-bottom: 1px solid #ff0000;
padding: 23px 0;
}
.news-event > div:nth-of-type(3) {
border-bottom: none;
}
.news-event-section {
padding: 3px 0;
}
.nav.nav-pills.my-soical-tab .active > a {
background-color:#ff0000;
border-radius: 0;
color:#fff;
}
.nav.nav-pills.my-soical-tab li a{
background-image:url(file:///D|/Usama%20work/autocom/Slicing/social-tap-top.png);
background-repeat:no-repeat;
background-position: right top;
color:#333333;
}
.soical-tap {
border-bottom: 1px solid #ff0000;
border-top: 4px solid #ff0000;
height: 344px;
}
.my-soical-tab li {
border: medium none;
margin:0px 0px 0px !important;
padding: 0;
font-size:24px;
text-align: center;
width: 25%;
}
.home-featured-section {
background-color: #f1f1f1;
}
.featured-bg-main {
height: 362px;
margin: 35px 0;
position: relative;
width: 100%;
}
.featured-title {
width: 100%;
display: table;
}
.featured-heading {
width: 100%;
background-color: #fe0000;
font-size: 16px;
padding: 10px 20px;
border-radius: 10px 10px 0 0;
color: #fff;
font-family: 'helvcondensedregular';
}
.featured-heading.featured-heading-bk {
background-color: #333333;
}
.featured-heading.featured-heading-gy {
background-color: #bfc1bc;
color:#000;
}
.featured-heading.featured-heading-wh {
background-color: #fff;
color: #000;
}
.featured-section h3 {
font-size: 14px;
padding: 0 19px;
}
.featured-section {
color: #8e8a8a;
padding: 0 0 15px 0;
}
.featured-section:hover {
box-shadow: 6px 7px 5px;
}
.featured-img {
margin: 0 17px;
}
.featured-img img {
width: 100%;
}
.featured-section p {
font-family: 'helvcondensedregular';
font-size: 14px;
padding: 0px 19px;
}
.col-md-12 > img {
margin: 0px 0 20px;
}
.col-md-12 > p {
margin: 0 0 0 80px;
text-align: center;
width: 80%;
}
.carousel-spacer {
margin-bottom: 28px;
}
.featured-section a {
color: #000;
margin: 0 19px;
}
.featured-section a:hover{
color: #ff0000;
}
.featured-sec {
position: absolute;
margin: 0 auto;
display: table;
top: -42px;
z-index: 4;
}
.featured-bg {
background-color: #fff;
display: table;
height: 400px;
width: 97.5%;
margin: 0 auto;
position: relative;
}
.main-footer {
display: table;
width: 100%;
background-color: #ececec;
}
.back-top {
border-bottom: 3px solid #ff0000;
display: table;
width: 100%;
margin-top: 35px;
}
.go-top a {
color: #fff;
padding: 0px 53px;
}
.go-top a:hover {
color: #000000;
}
.news-event-b {
margin-bottom: 25px;
}
.go-top {
display: block;
width: 130px;
margin: 0 auto;
background-repeat: no-repeat;
background-image: url(../images/go-top.png);
background-position: center;
text-align: center;
color: #FFF;
font-size: 20px;
line-height: 0;
}
.main-footer h1 {
font-size: 22px;
color: #252525;
font-family: 'arialbold';
}
.main-footer h2 {
font-size: 16px;
color: #000000;
font-family: 'arialbold';
}
.news-event-bg{
}
.footer-logo {
margin-bottom: 11px;
margin-top: -12px;
}
.main-footer a {
color: #000;
font-size: 14px;
line-height: 22px;
}
.main-footer a:hover {
color: #ff0000;
}
.copy-right p span {
font-family: arialbold;
}
.all-heading h1 {
font-size: 27px;
font-family: 'arialbold';
}
.all-heading h1 span {
color: #fe0000;
}
.simple-page-img img {
height: 100%;
width: 100%;
}
.side-bar {
border: 1px solid #9f9f9f;
margin: 40px 0;
width: 100%;
}
.side-bar li {
border-bottom: 1px solid #9f9f9f;
}
.side-bar li:last-child {
border-bottom: navajowhite;
}
.side-bar ul {
margin: 0;
}
.side-bar li a {
font-family: 'helvcondensedregular';
padding: 11px 15px;
color: #9f9f9f;
display: table;
width: 100%;
}
.side-bar li a:hover {
color:#fff;
}
.simple-page-content h2 {
font-family: 'helvcondensedregular';
font-size: 23px;
padding: 8px 0 0;
}
.simple-page-content h1 {
font-family: 'helvcondensedregular';
font-size: 26px;
color: #ff0000;
margin-top:38px;
}
.simple-page-content p {
font-size: 15px;
font-family: 'helvcondensedregular';
line-height: 22px;
text-align: justify;
}
.main-csr-info > img {
margin: 0 0 10px;
}
.ab_auto_24 {
border: 1px solid #d5d5d5;
padding: 0;
}
.ab_auto_24 h2 {
background-color: #ff0000;
width: 100%;
padding: 8px 0px 8px 10px;
margin: 0;
font-size: 22px;
color: #fff;
font-family: 'helvcondensedregular';
}
.ab_auto_24 ul {
padding: 0px 10px;
}
.ab_auto_24 ul li {
padding: 4px 0;
}
.stater_popup {
background: #797979 none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 10px;
margin: 290px 0 30px 475px;
padding: 30px 50px 10px 40px;
position: absolute;
text-align: justify;
width: 30%;
z-index: 999;
}
.close_popup > a {
background: red none repeat scroll 0 0;
border: 1px solid #000;
border-radius: 50px;
color: #fff;
float: right;
margin: -24px -40px 0 0;
padding: 5px 10px 0;
}
.pulse img {
width: 100%;
}
/*#opacity_popup {
opacity: 0.1;
}*/
.side-bar-title {
background-color: #e8e8df;
display: table;
padding: 9px;
width: 100%;
}
.side-bar-title img {
display: block;
float: left;
padding: 0 6px 0 0;
}
.side-bar-title h2 {
font-family: 'helvcondensedregular';
color: #000;
font-size: 22px;
margin: 0;
padding: 3px 0;
text-align: center;
}
.product-heading h1 {
color: #ff0000;
font-size: 28px;
margin: 33px 0 10px;
}
.product-heading h2 {
margin: 10px 0;
font-size: 28px;
color: #000;
}
.side-bar-heading h2 {
font-size: 20px;
}
.product-heading h2 > span {
color: #ff0000;
}
.all-featured-section {
margin: 28px 0;
}
.featured-section-bg {
background-color: #f1f1f1;
border-radius: 16px 16px 0 0;
height:437px;
}
.featured-section-bg p {
padding: 10px 10px 0 !important;
}
.featured-section-bg h2 {
font-size: 16px;
padding: 0 10px;
margin: 16px 0 0px;
text-align: center;
}
.all-featured-heading {
background-color: #fe0000;
padding: 8px 10px;
border-radius: 11px 11px 0 0;
color: #fe0000;
font-size: 16px;
font-family: 'helvcondensedregular';
}
.all-featured-section:hover {
box-shadow: 4px 7px 5px;
}
.all-featured-img img {
width: 100%;
}
.all-featured-section p {
font-family: 'helvcondensedregular';
padding: 9px 0;
}
.read-more {
display: table;
margin: 0 auto;
padding: 0 10px;
width: 100%;
margin-top: 31px;
}
.read-more a {
color: #000;
font-family: 'helvcondensedregular';
border: 1px solid #ff0000;
padding: 10px 24px;
margin: 10px auto;
display: block;
width: 84%;
text-align: center;
}
.read-more a:hover {
color: #fff;
background-color: #ff0000;
}
.item-img {
position: relative;
overflow: hidden;
width: 100%;
}
.item-img img {
max-width: 100%;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
/*.item-img:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}*/
.all-featured-gy {
background-color: #bfc1bc;
color: #000;
}
.all-featured-bk {
background: ;
background-color: #333333;
}
.all-featured-lgy {
background-color: #E7E9E2;
color: #000;
}
.latest-item-img {
position: relative;
overflow: hidden;
width: 92.5%;
}
.latest-item-img img {
border: 1px solid #fff;
border-radius: 12px;
max-width: 100%;
transition: all 0.3s ease 0s;
}
.latest-item-img :hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.w3-row.mytab a {
color: #ff0000;
font-size: 16px;
font-family: 'arialbold';
}
.contact-info h1 {
font-size: 28px;
margin: 4px 0;
color:#333333;
font-family: 'arialbold';
}
.contact-info h1 >span {
color:#ff0000;
}
.contact-info h2 {
color: #333333;
font-size: 16px;
margin: 0;
}
.contact-info {
margin-top: 29px;
}
.contact-form {
margin-top: 27px;
}
.contact-info-ul {
margin: 10px 0;
padding: 0 0 27px;
}
.contact-info-ul li a {
color: #333333;
}
.contact-info-ul li a:hover {
color: #ff0000;
}
.contact-info-ul li {
padding: 4px 0;
font-size: 16px;
}
.contact-info-ul li > a >span {
font-family: 'arialbold';
}
.contact-form h1 {
color: #333333;
font-family: "arialbold";
font-size: 28px;
margin: 4px 0;
padding: 0 21px 4px;
}
.contact-form.contact-pop > p {
font-size: 14px;
margin: 0 0 18px;
padding: 0 22px;
}
.contact-form h1 >span {
color:#ff0000;
}
.contact-form input {
font-size: 18px;
padding: 10px 10px;
width: 100%;
border: none;
margin-bottom: 16px;
border-bottom: 1px solid #ff0000;
}
.contact-form input:hover {
background-color: #ff00004d;
}
.contact-form textarea:hover {
background-color: #ff00004d;
}
.contact-form textarea {
width: 100%;
border: none;
border-bottom: 1px solid #ff0000;
font-size: 18px;
padding: 10px 10px;
}
.mybtn input {
margin: 10px 0;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
background-color: #ff0000;
color: #fff;
border-right: 4px solid #000000;
border-bottom: none;
}
.mybtn input:hover {
margin: 10px 0;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
background-color: #333333;
color: #fff;
border-right: 4px solid #ff0000;
}
.contact-map {
margin-top: 25px;
}
.download-product {
margin: 39px 0;
}
.download-product:hover {
box-shadow: 5px 5px 5px;
}
.download-product h1 {
color: #333333;
font-family: "arialbold";
font-size: 14px;
text-align: center;
}
.download-img img {
width: 100%;
}
.download-product a {
background-color: #000;
width: 100%;
display: table;
padding: 9px 0;
text-align: center;
color: #fff;
font-size: 17px;
}
.download-product a:hover {
background-color:#ff0000;
color: #fff;
font-family: 'arialbold';
}
.inner-service-info > h1 {
font-family: "arialbold";
font-size: 40px;
margin-top: 33px;
text-align: center;
}
.inner-service-info span {
color: #f00;
}
.border-heading-down {
border-bottom: 3px solid;
border-radius: 11px;
margin: 15px auto 10px;
width: 80px;
}
.border-heading-image img {
margin-left: 151px;
}
.main-service-info-image {
float: left;
margin: 0 0 0 6px;}
.inner-service-info > h2 {
font-family: 'helvcondensedregular';
font-size: 23px;
margin: 22px 0 12px;
text-align: center;
}
.inner-service-info > p {
font-family: 'helvcondensedregular';
font-size: 17px;
padding: 0 37px;
text-align: center;
}
.inner-service-info-image {
margin-top: 25px;
position: relative;
}
.inner-service-info.inner-service-info-secound > h1 {
margin: 56px 0 0;
}
.image-hover {
display: table;
height: 248px;
opacity: 0.31;
position: absolute;
top: 0;
width: 99.9%;
}
.image-hover:hover{ background-color:#000;}
.inner-service-info-image-info a {
font-family: 'helvcondensedregular';
color: #000001;
font-size: 25px;
}
.inner-service-info-image-info a:hover{ color:#f00;}
.inner-service-info-image-info > p {
font-family: 'helvcondensedregular';
font-size: 15px;
}
.main-service-page-intro {
display: table;
margin: 63px 0 0;
width: 100%;
}
.left-info { background-color:#e2e6e7;
display: block;
float: left;
height: 570px;
width: 50%;
}
.right-info { background-color:#e2e6e7;
float: right;
height:570px;
width: 50%;
}
.right-info > img {
height: 100%;
width: 100%;
}
.inner-service-info-secound {
margin: 65px auto;
}
.left-info > img {
height: 100%;
width: 100%;
}
.button-service {
border: 1px solid #f00;
border-radius: 37px;
margin: 26px auto 0;
width: 230px;
}
.inner-service-info.inner-service-info-secound a { font-family: "arialbold";
border: 1px solid #f00;
color: #000;
font-size: 28px;
padding: 12px 23px;
}
.inner-service-info.inner-service-info-secound a:hover{ border:2px solid #fff; color:#f00;
}
.inner-service-info-image img{ width:100%;
}
.heading-csr > h1 {
font-family: 'helvcondensedregular';
font-size: 34px;
margin-top:36px;
}
.csr-dis > h1 {
font-family: "helvcondensedregular";
font-size: 27px;
margin: 15px 0 0;
}
.csr-image > img {
width: 100%;
}
.main-csr-info {
border-bottom: 1px solid #c1c1c1;
display: table;
padding: 22px 0 26px;
width: 100%;
}
.crs2013-info > h1 {
font-family: "helvcondensedregular";
font-size: 26px;
margin-top: 36px;
}
.crs2013-info > p {
margin: 0 0 26px;
}
.crs2013-info > h2 {
font-size: 19px;
}
.inner-service-info3 > p {
margin-top: 22px;
}
.careers-image > img {
width: 100%;
}
.careers-image {
margin: 20px 0;
}
.careers-dis > h2 {
font-size: 22px;
}
.careers-dis > h1 {
font-size: 29px;
}
.careers-dis > p {
text-align: justify;
}
.csr-dis > p { margin: 12px 0 0;
font-family: 'helvcondensedregular';
text-align: justify;
}
.current-opening-dis > ul {
list-style: outside none disc; margin: 0 0 0 16px;
}
.current-opening-dis > h1 {
font-size: 23px;
}
.current-opening-dis {
margin: 0 0 27px 18px;
}
.hp > a {
color: #f00;
}
.hp > h1 {
font-size: 23px;
margin: 0 0 38px;
}
.complain-form-info {
margin: 42px 0;
}
.mediacenter-image > img {
width: 100%;
}
.media-center-information > h1 {
font-size: 20px;
}
ul.nav-pills {
}
.opening-section {
border-top: 1px solid #c1c1c1;
}
#section1 {margin:20px 0;}
#section2 { margin:20px 0;}
#section3 {margin:20px 0;}
#section4 { margin:20px 0;}
.inner-service-info2 > h1 {
font-family: 'helvcondensedregular';
font-size: 38px;
margin: 22px 0;
}
.burger {
display: none !important;
}
.video-btn {
position: absolute;
}
.video-btn button {
border: 1px solid #ff0000;
background-color: #fff;
color: #000;
border-radius: 6px;
font-size: 20px;
padding: 2px 15px;
margin: 4px 0 0 6px;
}
.video-btn button:hover {
background-color: #ff0000;
}
.box {
margin: 10px 0 0 18px;
text-align: center;
}
.button {
border: medium none;
color: #000;
cursor: pointer;
font-size: 1em;
padding: 0;
text-decoration: none;
transition: all 0.3s ease-out 0s;
}
.button:hover {
font-weight:bold;
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
z-index: 9;
}
.popup {
margin: 310px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 40%;
position: relative;
transition: all 5s ease-in-out;
}
.popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #ff0000;
}
.popup .content {
max-height: 30%;
overflow: auto;
}
.button > img {
margin: 0 0 10px;
width: 100%;
}
.button2 > img {
width: 100%;
margin: 0 0 10px;
}
.button3 > img {
margin: 0 0 0 16px;
width: 90%;
}
.button4 > img {
width: 100%;
margin: 0 0 10px;
}
/*2nd popup*/
.box2 {
margin: 10px 0 0 18px;
text-align: center;
}
.button2 {
border: medium none;
color: #000;
cursor: pointer;
font-size: 1em;
padding: 0;
text-decoration: none;
transition: all 0.3s ease-out 0s;
}
.button2:hover {
font-weight:bold;
}
.overlay2 {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay2:target {
visibility: visible;
opacity: 1;
z-index: 9;
}
.popup2 {
margin: 310px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 40%;
position: relative;
transition: all 5s ease-in-out;
}
.popup2 h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup2 .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #ff0000;
}
.popup2 .close:hover {
color: #ff0000;
}
.popup2 .content {
max-height: 30%;
overflow: auto;
}
.dropdownli
{
position:relative;
float:left;
}
.dropdownli ul
{
display:none;
position:absolute;
top:100%;
left:0;
background:#58585A;
color:#26A8E2 ;
padding:0;
z-index: 110;
}
.dropdownli ul li
{
float:none;
width:200px;
padding:0;
margin-right: 0!important;
}
.dropdownli ul a
{
line-height:120%;
padding:10px 15px;
display:block;
color:#fff ;
background-color: #27aae2;
}
.new_item_sub .inner-nav-section > img {
margin: 44px auto;
}
.has-sub.new_item_sub.downloads img {
margin: 0 auto;
}
.new_item_sub .inner-nav {
margin-left: -433px;
width: 665px;
}
.new_item_sub .inner-nav-section {
float: left;
height: 218px;
width: 50%;
}
.downloads .inner-nav-section{
width : 100%;
height: 275px;
}
.history_image_pop_up > img {
border: 2px solid;
position: absolute;
width: 124%;
}
.history_image_pop_up {
display: none;
margin: 30px 0 0 -220px;
width: 100%;
}
.services .inner-nav-section{
width : 100%;
height: 275px;
}
.roq_section .col-md-4 {
float: left;
margin: 0 0 11px !important;
width: 32% !important;
}
.roq_section2 .col-md-4 {
float: left;
margin: 0 11px 20px 0 !important;
width: 18.533% !important;
}
.core-culture {
margin: 58px 0 0;
}
.history_image img {
width: 100%;
}
#stater_popup a {
color: #fff;
}
.dropdownli:hover > ul
{
display:block;
}
/*pop-up 3*/
.box3 {
margin: 10px 0 0 18px;
text-align: center;
}
.button3 {
border: medium none;
color: #000;
cursor: pointer;
font-size: 1em;
padding: 0;
text-decoration: none;
transition: all 0.3s ease-out 0s;
}
.button3:hover {
font-weight:bold;
}
.overlay3 {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay3:target {
visibility: visible;
opacity: 1;
z-index: 9;
}
.popup3 {
margin: 310px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 40%;
position: relative;
transition: all 5s ease-in-out;
}
.popup3 h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup3 .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #ff0000;
}
.popup3 .close:hover {
color: #ff0000;
}
.popup3 .content {
max-height: 30%;
overflow: auto;
}
.close_pop_up_history {
background: red none repeat scroll 0 0;
border: 1px solid #000;
border-radius: 50px;
color: #fff;
margin: 4px 0 0 10px;
padding: 3px 10px;
position: absolute;
z-index: 999;
}
/*pop-up 4*/
.box4 {
margin: 10px 0 0 18px;
text-align: center;
}
.button4 {
border: medium none;
color: #000;
cursor: pointer;
font-size: 1em;
padding: 0;
text-decoration: none;
transition: all 0.3s ease-out 0s;
}
.button4:hover {
font-weight:bold;
}
.overlay4 {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay4:target {
visibility: visible;
opacity: 1;
z-index: 9;
}
.popup4 {
margin: 310px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 40%;
position: relative;
transition: all 5s ease-in-out;
}
.popup4 h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup4 .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #ff0000;
}
.popup4 .close:hover {
color: #ff0000;
}
.popup4 .content {
max-height: 30%;
overflow: auto;
}
.box5 {
margin: 10px 0 0 18px;
text-align: center;
}
.button5 {
border: medium none;
color: #000;
cursor: pointer;
font-size: 1em;
padding: 0;
text-decoration: none;
transition: all 0.3s ease-out 0s;
}
.button5:hover {
font-weight:bold;
}
.overlay5 {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay5:target {
visibility: visible;
opacity: 1;
z-index: 9;
}
.popup5 {
margin: 310px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 40%;
position: relative;
transition: all 5s ease-in-out;
}
.popup5 h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup5 .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #ff0000;
}
.popup5 .close:hover {
color: #ff0000;
}
.popup5 .content {
max-height: 30%;
overflow: auto;
}
.box5 img {
width: 100%;
}
.box6 {
margin: 10px 0 0 18px;
text-align: center;
}
.button6 {
border: medium none;
color: #000;
cursor: pointer;
font-size: 1em;
padding: 0;
text-decoration: none;
transition: all 0.3s ease-out 0s;
}
.button6:hover {
font-weight:bold;
}
.overlay6 {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay6:target {
visibility: visible;
opacity: 1;
z-index: 9;
}
.popup6 {
margin: 310px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 40%;
position: relative;
transition: all 5s ease-in-out;
}
.popup6 h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup6 .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #ff0000;
}
.popup6 .close:hover {
color: #ff0000;
}
.popup6 .content {
max-height: 30%;
overflow: auto;
}
.box6 img {
width: 100%;
}
.roq_section > img {
margin: 0 13px 13px 0;
width: 250px;
}
.roq_section2 > img {
margin: 0 13px 13px 0;
width: 250px;
}
#stater_popup a:last-child {
color: #000;
float: right;
}
#stater_popup > p {
color: #fff;
}
#stater_popup > a:hover {
color:red;
}
.close_popup > a:hover {
border: 1px solid #fff;
color: #fff !important;
}
/*.col-md-3.col-lg-3.col-sm-6.col-xs-12:last-child {
margin: 0 -210px 0 190px;
}
*/
@media screen and (max-width: 700px){
.box{
width: 70%;
}
.popup{
width: 70%;
}
#menu, #toggle-menu {
display: block;
}
}
@media screen and (max-width: 810px) {
#section1, #section2, #section3, #section41, #section42 {
margin-left: 150px;
}
}
#Features h2 {
color: #000;
}
#Benefits a {
color: #000;
}
#Press-Release a {
color: #000;
}
#Features li {
color: #000;
}
#Features a {
color: #000;
}
.pressrelease-date {
background-color: #c1c1c1;
}
.pressrelease-date > h1 {
font-size: 18px;
padding: 6px 4px;
}
#Press-Release a {
color: #000;
}
.presskite-info h4 {
font-size: 16px;
}
.presskite-info a {
color: #f00;
}
.trade-table {
background-color: #c1c1c1;
display: table;
}
.trade-table > h1 {
float: left;
font-size: 17px;
margin-left: 6px;
margin-right: 200px;
}
.trade-table > h2 {
float: left;
font-size: 17px;
}
.trade-table h3 {
float: right;
font-size: 17px;
margin-left: 444px;
margin-right: 11px;
}
.trade-table2 > h1 {
margin-right: 115px;
}
.trade-table.trade-table2 > h3 {
margin-left: 241px;
}
.top-icon-bg {
padding: 0 !important;
}
.leadership-info > img {
margin: 0 0 0 23px;
width: 82%;
}
.leadership-info > h1 {
font-family: "arialbold";
font-size: 15px;
margin: 8px 0 5px;
text-align: center;
}
.leadership-info > p {
text-align: center;
}
.leadership-info {
margin-top: 28px;
}
.side-bar-heading {
display: table;
float: left;
}
.side-bar-icon {
display: table;
float: left;
margin: 0 0 0 4px;
}
.side-bar i{ padding-right:6px;}
.simple-page-img {
height: 450px;
}
.comming > h1 {font-family: "arialbold";
font-size: 46px;
text-align: center;
margin-top: 190px;
}
.comming spen {
color: #f00;
}
.copy-right a {
font-family: 'open_sansregular';
}
.copy-right spen {
font-family: 'open_sansregular';
font-size: 20px;
}
{
font-family: Arial;
}
.panel
{
position:absolute;
top: 0px;
bottom: 0px;
left: -300px;
width: 299px;
border-right: 1px solid black;
}
.tab {
background-color: #f00;
border: 0 solid;
border-radius: 13px 0 0 13px;
cursor: default;
height: 132px;
position: fixed;
right: 0;
top: 341px;
width: 34px;
z-index: 2;
transition: all 0.6s ease-in-out 0s;
}
.tab div a {
color: #fff;
display: block;
font-size: 18px;
font-weight: normal;
height: 27px;
left: 1px;
line-height: 15px;
margin: 133px 0 6px 36px;
position: relative;
text-align: center;
transform: rotate(-450deg);
transform-origin: left bottom 0;
transition: all 0.6s ease-in-out 0s;
width: 185px;
}
.tab:hover { background-color:#333333; }
.tab.tab-2 {
top: 500px;
background-color: #000;
}
.tab.tab-2:hover{ background-color:#c1c1c1;
}
.tab.tab-2:hover a{ color:#000;
}
.image-hover-dis-show {
top: 0;
position: absolute;
float: right;
left: 249px;
display: table;
z-index: 99px !important;
}
.my-small-img {
position: relative;
}
.button2 {
margin-top: 0px;
}
.contact-pop {
padding-bottom: 292px;
}
.modal-dialog {
margin: 150px auto !important;
width: 600px;
}
.btn-primary {
background-color: #f00 !important;
border-color: #f00 !important;
color: #fff;
}
.close {
position: absolute;
right: 8px;
top: 5px;
}
.nv-3 {
height: 354px;
margin: -164px 0 0;
}
.nv2 {
height: 250px;
}
.v_bg video {
position: absolute;
top: -67px;
display: table;
width: 100%;
}
.v_bg {
width: 100%;
height: 370px;
overflow: hidden;
position: relative;
}
.top-icon li:hover {
color: #fff !important;
font-size:23px !important;
}
.top-icon a:hover{ color:#fff !important;}
@media only screen and (min-width : 320px) and (max-width : 479px) {
.burger {
display:none !important;
}
.header-contact {
float: left;
margin: 2px 1px 9px 47px;
}
.top-logo {
float:left; padding: 10px 0 0 39px;
}
.top-menu li {
padding: 0 4px;
}
.top-menu a {
font-size: 11px;
}
#trapezoid {
display: none;
}
.top-icon {
display: none;
}
#cssmenu {
display: none !important;
}
.camera_caption.fadeFromBottom div > h1 {
font-size: 14px !important;
}
.camera_caption > div p {
font-size: 12px !important;
}
.btn {
font-size: 12px !important;
}
.camera_caption > div a {
margin: 17px 18px !important;
padding: 10px !important;
}
.camera_caption > div {
margin: 50px 8px 0 0 !important;
width: 175px !important;
}
.camera_caption {
width: 100% !important;
}
#trapezoid {
margin-left: 14px;
width: 37px;
}
.top-menu li {
margin: 7px 0;
}
.featured-bg-main {
height: 1771px;
}
.featured-bg {
height: 1808px;
width: 91.5%;
}
.featured-section {
margin: 11px 0;
}
.camera_wrap img {
height: 161px !important;
max-width: none !important;
}
#camera_wrap_1 {
height: 162px !important;
margin-bottom: -20px !important;
}
.tab-pane.fade.in.active iframe {
width: 100%;
}
.camera_caption > div p {
margin: 0 1px 0px 0;
}
.camera_caption.fadeFromBottom div > h1 {
margin: 0px 0 5px !important;
}
.stater_popup {
margin: 310px 0 0px 14px;
padding: 31px 45px 10px 25px;
width: 91%;
}
#section1, #section2, #section3, #section41, #section42 {
margin-left: 0px;
}
.navbar-inverse {
background-color:#6b6363 !important;
border-color:#6b6363 !important;
}
.navbar-toggle {
background-color: #000c !important;
}
.navbar-brand {
padding: 4px 15px !important;
font-size: 44px !important;
}
.caret {
margin-left: 51px !important;
}
.navbar-inverse .navbar-nav > li > a {
color: #fff !important;
font-size: 18px !important;
}
.dropdown-menu i {
padding: 0 30px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #fff !important;
font-size: 17px !important;
}
.my-container {
width: 100%;
display: block;
}
.main-csr-info > img {
margin: 0 0 10px;
width: 100%;
}
.border-heading-image img {
margin-left: 0px;
width: 100%;
margin-top: 14px;
}
.simple-page p {
margin: 0 0 0 9px;
text-align: center;
width: 92%;
}
}
@media only screen and (min-width : 360px) and (max-width : 640px) {
.featured-bg-main {
height: 1771px;
}
.featured-bg {
height: 1808px;
width: 91.5%;
}
#trapezoid {
margin-left: 21px;
}
#camera_wrap_1 {
height: 168px !important;
}
.top-icon {
width: 83.8%;
}
.top-menu li {
padding: 0 6px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
margin: 0 auto !important;
max-width: 58% !important;
}
.header-contact {
float:none;
}
.header-contact > p {
margin-bottom:10px;
text-align: left;
}
.num.n {
margin: 0 0 0x;
}
.num {
margin: 0 0 0 5px;
}
.left-info {
width: 100%;
}
.inner-service-info > p {
font-size: 15px;
}
.inner-service-info > h2 {
font-size: 18px;
}
.inner-service-info.inner-service-info-secound > h1 {
margin: 0;
}
.right-info {
width: 100%;
}
.inner-service-info.inner-service-info-secound a {
font-size: 15px;
}
.inner-service-info-secound {
margin: 43px auto;
}
.stater_popup {
margin: 310px 0 0px 14px;
padding: 31px 45px 10px 25px;
width: 91%;
}
#section1, #section2, #section3, #section41, #section42 {
margin-left: 0px;
}
.nv {
display: none;
}
.span12 {
width: 85%;
}
}
@media only screen and (min-width : 410px) and (max-width : 735px) {
.top-logo {
padding: 10px 0 0 84px;
}
.header-contact {
margin: 2px 1px 9px 88px;
}
#camera_wrap_1 {
height: 168px !important;
}
.span12 {
width: 71%;
}
}
@media only screen and (min-width : 480px) and (max-width : 767px) {
.top-icon {
display: none;
}
#cssmenu {
display: none;
}
.top-icon-bg {
display: none !important;
}
.bg::before {
display: none;
}
.bg::after {
display: none;
}
.top-menu li {
padding: 9px 6px;
margin: 12px 0;
}
.top-menu > ul {
margin: 0px 0 0;
}
.top-logo {
padding: 10px 0 0 26px;
}
.header-contact {
margin: 2px 1px 9px 123px;
}
.nv {
display: none;
}
}
@media only screen and (min-width : 640px) and (max-width : 640px) {
.header-contact {
margin: 2px 1px 9px 202px;
}
.top-logo {
padding: 10px 0 0 78px;
}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.featured-bg {
height: 877px;
}
.top-icon-bg{
padding:0 !important;
}
#cssmenu {
display: none;
}
.nv {
display: none;
}
#menu, #toggle-menu {
display: block;
}
.back-top {
z-index: 8;
position: relative;
}
#trapezoid {
width: 20px;
}
}
@media only screen and (min-width : 800px) and (max-width : 800px) {}
@media only screen and (min-width : 980px) and (max-width : 980px) {
#cssmenu {
display: block;
}
#menu, #toggle-menu {
display: none;
}
#cssmenu a {
padding: 6px 8px !important;
}
.nv {
display: block;
}
#trapezoid {
width: 41px;
float: left;
z-index: -7;
position: absolute;
}
.top-icon {
width: 81%;
height: 40.5px;
}
.top-nav {
width: 127% !important;
}
}
@media only screen and (min-width : 1024px) and (max-width : 1024px) {
.next-image{
left: 210px;
}
#cssmenu {
display: block;
}
#menu, #toggle-menu {
display: none;
}
.nv {
display: block;
}
.top-menu li {
padding: 0px 14px;
}
.top-nav {
width: 107%;
}
#trapezoid {
width: 32px;
float: left;
z-index: -7;
position: absolute;
}
.top-icon {
width: 81%;
height: 40.5px;
}
.top-icon li {
width: 24px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
.top-icon {
width: 80% !important;
}
#trapezoid {
width: 33px !important;
z-index: -23 !important;
position: absolute !important;
}
.top-icon li {
width: 22px;
}
#cssmenu a {
padding: 3px 10px !important;
font-size: 16px !important;
}
}