body{ background:#f4f4f4; margin:0px; padding:0px 0px 0px 0px;}
form,table,p,h1,h2,h3,h4,h5,h6,ul,li,div,dl{margin:0;padding:0;font-size:100%;}
li{	padding:0;margin:0;list-style:none;}
a{text-decoration:none;outline:none;}
.clsFloatLeft {float : left;}
.clsFloatRight {float : right;}
.clear {clear : both;}
img{ border:0px;}
/*-- End of Common Styles --*/

.clsClearFix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clsClearFix {display: inline-table;}
/* Hides from IE-mac \*/

* html .clsClearFix {height: 1%;}
.clsClearFix {display: block;}
/* CSS Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%; 
}

ul{ list-style-type:none; padding:0px; margin:0px;}

@font-face {
    font-family: 'MyriadWebProRegular';
    src: url('ufonts.com_myriad-web-pro1-webfont.eot');
    src: url('ufonts.com_myriad-web-pro1-webfont.eot?#iefix') format('embedded-opentype'),
         url('ufonts.com_myriad-web-pro1-webfont.woff') format('woff'),
         url('ufonts.com_myriad-web-pro1-webfont.ttf') format('truetype'),
         url('ufonts.com_myriad-web-pro1-webfont.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadWebProBold';
    src: url('myriadwebpro-bold-webfont.eot');
    src: url('myriadwebpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadwebpro-bold-webfont.woff') format('woff'),
         url('myriadwebpro-bold-webfont.ttf') format('truetype'),
         url('myriadwebpro-bold-webfont.svg#MyriadWebProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'myriad_prolight';
    src: url('myriadpro-light.eot');
    src: url('myriadpro-light.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-light.woff') format('woff'),
         url('myriadpro-light.ttf') format('truetype'),
         url('myriadpro-light.svg#myriad_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'georgiaitalic';
    src: url('georgiai.eot');
    src: url('georgiai.eot?#iefix') format('embedded-opentype'),
         url('georgiai.woff') format('woff'),
         url('georgiai.ttf') format('truetype'),
         url('georgiai.svg#georgiaitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
.contanier{}
.header_container, .work_list_container, .our_services_container{background:#fff;}
.mainpage{ /*width:1349px;*/ margin:0 auto;}
.header{ width:960px; margin:0 auto;}
.header .logo { width:auto; padding:10px;}
.header .logo a{ background:url(../images/logo.png) no-repeat left center; width:299px; height:65px; text-indent:-999em; display:block;}
.header .menu{ width:530px; }
.menu li { float:left; border-right:1px solid #ebebeb; padding:25px 0px 0px 0px; }
.menu li:first-child{ border-left:1px solid #ebebeb;}
.menu li:hover{  background:url(../images/li_hover.png) repeat-x left top; border-bottom:4px solid #d90505 ;}
.menu li:hover a{ color:#d90505 ;}
.menu li a{ font:16px 'MyriadWebProRegular'; color:#4c4c4c ; padding:20px 23px; display:block; }
.menu li a.home{ background:url(../images/menuhomen.png) no-repeat top center;}
.menu li a.home:hover{ color:#d90505 ;}
.menu li.act a{color:#d90505 ;background:url(../images/menuhomeh.png) no-repeat top center;}
.menu li.act{ background:url(../images/li_hover.png) repeat-x left top; border-bottom:4px solid #d90505 ;}
.menu li a.home:hover, .menu li.act a.home{ background:url(../images/menuhomeh.png) no-repeat top center;}
.menu li a.about{ background:url(../images/menuabout.png) no-repeat top center;}
.menu li a.about:hover, .menu li.act a.about{ background:url(../images/menuaboutn.png) no-repeat top center; }
.menu li a.service{ background:url(../images/menuservices.png) no-repeat top center;}
.menu li a.service:hover, .menu li.act a.service{ background:url(../images/menuservicesh.png) no-repeat top center;}
.menu li a.gallery{ background:url(../images/menugallery.png) no-repeat top center;}
.menu li a.gallery:hover, .menu li.act a.gallery{ background:url(../images/menugalleryh.png) no-repeat top center;}
.menu li a.contact{ background:url(../images/menuconnor.png) no-repeat top center;}
.menu li a.contact:hover, .menu li.act a.contact{ background:url(../images/menuconh.png) no-repeat top center;}
.menu li a.vfd{ background:url(../images/vfd.png) no-repeat top center;}
.menu li a.vfd:hover, .menu li.act a.vfd{ background:url(../images/vfd_hr.png) no-repeat top center;}
.banner{ position:relative;text-align: center; overflow:hidden;}
.banner-image{background:#010101;height:438px;}
.banner-detail{ position:absolute; top:90px; right:182px; width:470px;}
.banner-detail h2{ font:62px  'georgiaitalic'; color:#fff; text-transform:capitalize;}
.banner-detail h3{ font:40px 'georgiaitalic'; color:#fff; text-transform:capitalize;}
.banner-detail p{ font:18px 'myriad_prolight'; color:#fff ; margin-bottom:10px;}
.banner-button { width:120px; }
.banner-button a{ background:#df0404; font:17px 'MyriadWebProBold'; color:#fff; text-transform:uppercase; padding:7px 12px; border-bottom:3px solid #5a5a5c ; border-radius:4px; display:block; }
.banner-imagebottom{ background:url(../images/bannerbottomop.png) repeat; /*width:1349px;*/ height:25px;}
.banner-icon{ width:150px; margin:0 auto; padding-top:7px; }
.banner-icon li{ float:left;margin:0px 0px 0px 3px;}
.banner-icon li a{ text-indent:-999em; display:block; width:10px; height:10px; border-radius:8px;background:#fff;  }
.banner-icon li a:hover{ background:#fb0000;}
.banner-icon li a.act{background:#fb0000;}

.ourworkslist{ width:960px; margin:0 auto; padding:20px 0px 10px 0px;position:relative;}
.our-work{ background:url(../images/workborder.png) no-repeat right center; padding-right:28px; height:97px; margin-right:25px;}
.our-work h1{ font:20px/20px 'MyriadWebProBold'; color:#000000 ; text-transform:uppercase; margin-bottom:3px;} 
.our-work h2{font:23px/20px 'MyriadWebProBold'; color:#d90505;text-transform:uppercase; margin-bottom:15px;}
.work-slide{ width:auto;}
.work-slide li{ float:left; margin-left:4px;}
.work-slide li a{ text-indent:-999em; display:block; background:#000; width:10px; height:10px; border-radius:8px;}
.work-slide li a:hover{ background:#d90505;}
.work-slide li a.act{ background:#d90505;}
.ourworkgallery { width:385px;}
.gal_image{ margin-right:10px; width:105px;}
.ourworkgallery h2{ font:19px 'MyriadWebProBold'; color:#000 ; margin-bottom:5px; text-transform:uppercase; }
.ourworkgallery p{ font:13px 'MyriadWebProRegular' ; color:#4c4c4c ; margin-bottom:5px;text-align: justify;}
.ourworkgallery a{ font:13px 'MyriadWebProRegular' ; color:#d90505 ; }
.ourworkgallery a:hover{ text-decoration:underline;}
.gal_description{ width:265px;}
.welcome-listbg{ background:#f4f4f4 ; padding:30px 0px; border-top:1px solid #e5e5e5; }
.welcome-list{ width:960px; margin:0 auto;}
.welcome-left{ width:300px; margin-right:20px;}
.welcome-right{ width:640px;}
.welcome-right h2{ font:24px 'MyriadWebProBold'; color:#000000 ; text-transform:uppercase; margin-bottom:10px; }
.welcome-right h2 span{ font:24px 'MyriadWebProBold'; color:#d90505;text-transform:uppercase; }
.welcome-right p{ font:13px/18px 'MyriadWebProRegular' ; color:#4c4c4c; margin-bottom:10px;text-align:justify;}
.read-button{ width:90px;}
.read-button  a{ background:#000000 ; font:11px 'MyriadWebProBold' ; color:#fff; text-transform:uppercase; padding:7px 12px; border-radius:4px; display:block; }
.our_services{ width:960px; margin:0 auto 0px;padding:30px 0;}
.our_services h2{ font:24px 'MyriadWebProBold'; color:#000; text-transform:uppercase; margin-bottom:10px; }
.our_services h2 span{  color:#d90505  ;}
.our_services p{ font:14px  'MyriadWebProRegular'; color:#4c4c4c; margin-bottom:20px;}
.services{ margin-right: 43px;
    width: 195px;}
.services a.arrow{ background:url(../images/ourservices1n.png) no-repeat left center; width:130px; height:130px; display:block; text-indent:-999em; margin:0 auto 10px ;}
.services a.arrow:hover{ background:url(../images/ourservices1h.png) no-repeat left center;}
.services a.lamp{ background:url(../images/ourservices2n.png)  no-repeat left center; width:130px; height:130px; display:block; text-indent:-999em; margin:0 auto 10px ;}
.services a.lamp:hover{ background:url(../images/ourservices2h.png) no-repeat left center;}
.services a.star{ background:url(../images/ourservices3n.png)  no-repeat left center; width:130px; height:130px; display:block; text-indent:-999em; margin:0 auto 10px ;}
.services a.star:hover{ background:url(../images/ourservice3h.png) no-repeat left center;}
.services a.clock{ background:url(../images/ourservice4n.png)  no-repeat left center; width:130px; height:130px; display:block; text-indent:-999em; margin:0 auto 10px ;}
.services a.clock:hover{ background:url(../images/ourservices4h.png) no-repeat left center;}
.services h3{ font:16px 'MyriadWebProBold'; color:#4c4c4c ; text-align:center;}
.services h3 a{ font:16px 'MyriadWebProBold'; color:#4c4c4c ; text-align:center;}
.services h3 a:hover{ font:16px 'MyriadWebProBold'; color:#D90505 ; text-align:center;}
.footerbg{ background:#f4f4f4 ; padding:30px 0px; }
.footer{/* width:960px;*/ width:535px; margin:0 auto;}
.foo_logo{ width:300px; margin:0 auto 15px; }
.foo_links{width:327px; margin:0 auto 10px;}
.foo_links li{ background:url(../images/fooli.png) no-repeat left center; float:left; padding:0px 7px 0px 10px;}
.foo_links li:first-child{ background:none; padding-left:0px;}
.foo_links li a{ font:14px 'MyriadWebProRegular'; color:#4c4c4c ; }
.foo_links li a:hover{ text-decoration:underline; }
.copyright{ width:auto;}
.copyright p{ font:14px 'MyriadWebProRegular'; color:#4c4c4c ;}
.copyright p a{ color:#d90505 ;}
.copyright p a:hover{ text-decoration:underline;}
.breadcrumb{margin:0 auto 25px;padding:15px 0;width:960px;border-bottom:1px solid #ebebeb;}
.header_container{border-bottom:1px solid #ebebeb;}
.breadcrumb ul{margin:0;padding:0;}
.breadcrumb li{margin:0;padding:0 10px;background:url(../images/bread_arr.png) no-repeat left center;display:block;float:left;font:normal 13px 'MyriadWebProRegular';color:#d90505;}
.breadcrumb li:first-child{background:none;padding:0 10px 0 0;}
.breadcrumb li a{margin:0;padding:0;font:normal 13px 'MyriadWebProRegular';color:#4c4c4c;}
.breadcrumb li:hover a{text-decoration:underline;}
.main_container{margin:0 auto;padding:0 0 15px 0;width:960px;border-bottom:1px solid #e5e5e5;}
.main_container h1{margin:0 0 15px;padding:0;color:#d90505;font:20px 'MyriadWebProBold';}
.main_container h2{margin:0 0 15px;padding:0;color:#000000;font:24px 'MyriadWebProBold';text-transform:uppercase;}
.main_container p{margin:0 0 15px;padding:0;color:#4c4c4c;font:13px/17px 'MyriadWebProRegular';text-align:justify;}
.main_container p.sep{margin:0 0 20px 0;}
.serv_cont_block{margin:0 0 15px;padding:0;width:960px;}
.serv_cont_left{margin:0 0 0 18px;padding:15px;background:#fff;border:1px solid #e5e5e5;width:275px;}
.serv_cont_left:first-child{margin:0;}
.serv_cont_left h3{ color: #2C2B2C;
    font: 17px 'MyriadWebProBold';
    margin: 0;
    padding: 5px 0 26px 71px;
    width: 220px;}
.serv_cont_left h3.serv_head1{background:url(../images/bulb_ser.png) no-repeat left top;}
.serv_cont_left h3.serv_head2{background:url(../images/expan_ser.png) no-repeat left top;}
.serv_cont_left h3.serv_head3{background:url(../images/equip_ser.png) no-repeat left top;}
.serv_para_list{margin:0 0 20px;padding:15px;background:#fff;border:1px solid #e5e5e5;width:930px;}
.serv_list_block{margin:0;padding:0;width:930px;}
.serv_list_left{margin:0;padding:0;width:310px;}
.serv_list_left p{color:#d90505;}
.serv_list_left ul{margin:0;padding:0;}
.serv_list_left li{color:#6c6c6c;font:normal 14px 'MyriadWebProRegular';margin:0 0 12px;padding:1px 0 0 20px;background:url(../images/li_bullet.png) no-repeat left top;}
.static_block{margin:0;padding:0;width:960px;}
.static_img{margin:0 15px 0 0;padding:0;width:367px;}
.static_img img{margin:0 0 0;padding:0;width:363px;border:2px solid #bababa;}
.static_para{margin:0;padding:0;width:575px;}
.contact_form_map{margin:0 0 30px;padding:0;width:960px;}
.contact_form{margin:0 15px 0 0;padding:0;width:420px;}
.contact_map{margin:0;padding:0;width:523px;}
.contact_form input.ip_txt{margin:0 0 7px;padding:7px 10px;width:400px;border:1px solid #e5e5e5;color:#6c6c6c;font:13px 'MyriadWebProRegular';background:#fff;}
.contact_form .ip_txtarea{margin:0 0 7px;padding:7px 10px;width:400px;border:1px solid #e5e5e5;color:#6c6c6c;font:13px 'MyriadWebProRegular';height:130px;background:#fff;}
.contact_form input.ip_but{ margin: 10px 0 0;
display: block;
padding:7px 10px;color:#fff; font: 17px 'MyriadWebProBold';text-transform:uppercase;background:#d90505;border:0 none;cursor:pointer;}
.contact_map .map{margin:0 0 15px 0;padding:0;}
.contact_address{margin:0;padding:0;width:523px;}
.conact_add{margin:0;padding:0;width:203px;}
.conact_add p a{color:#d90505;}
.conact_add p{margin:0 0 5px 0;}
gallery_block{margin:0;padidng:960px;}
.gal_img{margin:0 13px 20px 0;padding:0;width:179px;}
.gal_img a{margin:0 0 10px 0;padding:0;width:179px;height:154px;display:block;}
.gal_img h4{margin:0;padidng:0;text-align:center;color:#000000;font:normal 14px 'MyriadWebProRegular';}
.skdslider{
/* width:100%;
 position: relative;
 display: block;
 overflow:hidden;*/
}

.skdslider:after {
    content: '';
  /*  padding-top: 50%; */height: 408px;
    display: block;
}

.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li
{
   display: none;height:408px;
}
.skdslider ul.slides li img{
   /* width: 100%;
	height:100%;*/
	border:0;
}

.skdslider ul.slide-navs {
bottom: 0;
    left: 0;
    list-style-type: none;
    margin: 0!Important;
    padding: 10px 0;
    position: absolute;
    width: 100%; background:url(../images/bannerbottomopacity.png) repeat; 
}


.skdslider ul.slide-navs li {
   text-indent:-999em; display:inline-block; width:10px; height:10px; background:#fff;margin: 0 3px 0 0;-moz-border-radius:8px;border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;cursor:pointer;
}
.skdslider ul.slide-navs li.current-slide {
 background:#fb0000;
}

.skdslider .slide-desc {
    background: url("image/slide_desc.png") repeat scroll 0 0 transparent;
    left: 0;
    padding: 0 15px 0 15px;
    position: absolute;
    bottom: 15%;
    max-width: 85%;
	display:inline-block;
}
.skdslider .slide-desc > h2 {
    color: #CFDB0C;
    font-family: 'Oswald';
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase;
}

.skdslider .slide-desc > p {
    color: #FFFFFF;
    font-family: 'Oswald';
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px;
}
.skdslider .slide-desc > p a.more {
    color:#990000;
	font-size:20px;
	text-decoration:none;
}
.skdslider .slide-desc > p a.more:hover {
text-decoration:underline;
}


/*Some Responsive CSS */
@media screen and (max-width:767px) {
	.skdslider .slide-desc > h2 {
		font-size: 20px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	.skdslider .slide-desc > p {
		font-size: 14px;
		line-height: 15px;
		margin-top: 5px;
	}
	.skdslider .slide-desc > p a.more {
		font-size:14px;
	}
}
.grid_3.carousel-article .caroufredsel_wrapper{
     width: 796px !important;height: 167px !important;
}

.carousel-article{
    width: 100%;
}

.grid_3.carousel-article .carousel-li > li{
    width: 385px;
    margin-right:25px;float:left;
}

.carousel-pagination {
     float: left;
    left: 4px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 78px;
}

.carousel-pagination a {
text-indent:-999em; display:inline-block; background:#000; width:10px; height:10px; -moz-border-radius:8px;border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;margin:0 4px 0 0;
}

.carousel-pagination a.selected {
   background:#d90505;
    cursor: default;
}
#outerImageContainer{height:620px!Important;}
.carousel-pagination a span {
    display: none;
}
#lightboxImage{width:700px!important;height:600px;}
#imageDataContainer{width:735px!important;}

.banner_txt_info{position:relative;margin:-333px auto 0;padding:0;width:960px;   height: 299px;}
.banner_txt {position:absolute;top:11px;right:0;width:465px;text-align:left;}
.banner_txt h2{margin:0 0 5px;padding:0;color:#ffffff;font:italic normal 62px Georgia;}
.banner_txt h4{margin:0 0 5px;padding:0;color:#ffffff;font:italic normal 40px Georgia;}
.banner_txt p{color:#fff;font:16px/20px 'MyriadWebProRegular';margin:0 0 10px;padding:0;text-align:justify;}
.banner_txt .read_more{margin:0;padding:0;}
.banner_txt .read_more a{margin:0;padding:0;background:url(../images/readmore_but.png) no-repeat left top;width:120px;height:39px;display:block;text-indent:-2000em;}
/*new changes*/
.demo_grid {
	width: 100%;
}
.demo_grid .img:nth-child(even) {
    margin-right: 0;
}
.demo_grid .img {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
}
.foo_links{width: 445px;}
.demo_grid .img img {
	width: 100%;
	cursor: pointer;
}
.box {padding-bottom: 25px;}
.box .left_blk {width: 49%; padding-right: 2%; float:left;}
.box .left_blk img{max-width: 100%; cursor: pointer;}
.box .right_blk {width: 47%; padding-left: 2%; float: left;}
.box::after{content: '';clear:both; display: table;}
.hed {max-width: 600px; padding:25px 0 10px; margin: auto; text-align:center;}
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding: 50px 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 90%;
  /*max-width: 1200px;*/
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}
.mySlides img{max-height:90vh; object-fit: contain; -webkit-object-fit: contain; -ms-object-fit: contain;}
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.header .menu{width: 550px;}
.header .menu ul {float: right;}
.menu li a{padding: 20px 15px;}
/*new changes*/