@charset "utf-8";
/* CSS Document */

body { }
.padding0 { padding: 0 !important }
.paddingL0 { padding-left: 0 !important }
.paddingR0 { padding-right: 0 !important }
.paddingT20 { padding-top: 20px !important }
.marginT10 { margin-top: 10px; }
.spacer5 { height: 5px; clear: both; display: block; }
.spacer10 { height: 10px; clear: both; display: block; }
.spacer20 { height: 20px; 	clear: both; display: block; }
.ol, ul, li { list-style: none; }
ul { padding: 0; margin: 0 !important; }
a, a:hover, a:focus { text-decoration: none !important; outline: none !important; }
.clear { clear: both }

/*********header******************************/
.header .top { padding: 10px 0; background: #ed1c24; text-align: center; }
.header .top blockquote { margin: 0; padding: 0; border: none; }
.header .top .fa { color: #fff; }
.header .top p { display: inline-block; margin: 0 0 0 15px; }
.header .top p a { font-size: 15px; color: #fff; margin: 0 0 0 5px; }
.header .navbar-inverse { background-color: #050372; border-color: transparent; }
.header .navbar { border-radius: 0; margin-bottom: 0px; }
.header .nav > li { padding: 0 0 0 41px; }
.header .navbar-nav { float: right; }
.header .navbar-nav > li > a { line-height: 24px; font-weight: bold; font-size: 16px; color: #a9a8f3; text-transform: uppercase; }
.header .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { background-color: transparent; }
.header .logo-bx { position: absolute; top: -17px; left: 4%; }
.header .logo-bx .logo { }
.header .logo-bx a:hover { opacity: none; }
.header #search { float: left; margin-top: 9px; width: 250px; }
.header .search { position: absolute; 	right: 0; top: 7px; }
.header .search input { position: absolute; width: 0px; float: Left; margin-left: 210px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; height: 30px; line-height: 18px; padding: 0 2px 0 2px; border-radius: 1px; right: 0; margin-top: 5px; }
.header .search:hover input, .search input:focus { width: 200px; margin-left: 0px; }
.header .btn { height: 30px; position: absolute; right: 0; top: 5px; border-radius: 1px; }
.header .form-control { background-color: none; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; 	color: #555; display: block; }

/*********banner******************************/
.banner { position: relative; }
.banner .banner-txt { position: absolute; bottom: 21%; left: 14%; text-align: center; }
.banner .banner-txt h2 { font-size: 100px; color: #fff; font-weight: bold; margin: 0; text-transform: uppercase; }
.banner .banner-txt p { font-size: 34px; color: #fff; font-weight: bold; margin: 0; text-transform: uppercase; }
.banner .banner-txt .lrn { background: #ed1c24; color: #fff; font-weight: bold; font-size: 16px; padding: 13px 26px; border-radius: 4px; text-transform: uppercase; margin: 40px 11px 0 0; display: inline-block; }
.height .about-bnnr.img-responsive { height: 100% !important; background-size: cover; background-position: center; }

/***************************************/
.replace { padding: 100px 0; }
.replace .hdngs { margin: 0 0 15px 0; overflow: hidden; }
.replace .hdngs .lft { float: left; }
.replace .hdngs .lft h2 { font-size: 26px; color: #050372; font-weight: bold; margin: 0; }
.replace .hdngs .lft p { font-size: 17px; color: #ed1c24; font-weight: bold; margin: 0; text-transform: uppercase; }
.replace .hdngs .rgt { float: left; }
.replace .hdngs .rgt a .flag { 	margin: 0 0 0 15px; }
/*.replace .lrn2 { background: #ed1c24; color: #fff; font-size: 15px; padding: 13px 17px; border-radius: 4px; text-transform: uppercase; margin: 15px 0 0 0; display: inline-block; }*/
.replace .crane { line-height: 25px; font-size: 15px; color: #7b7a84; }

/***************************************/
.parts { padding: 100px 0; background: #e5e5ef; }
.parts h2 { margin: 0 0 35px 0; text-align: center; }
.parts h2 span { color: #050372; font-size: 28px; font-weight: bold; text-transform: uppercase; }
.parts h2 .hdng-img { margin: 3px auto; display: block; }
.parts .part1 { margin: 0 0 30px 0; position: relative; background-color: rgba(0, 0, 0, 0.9); }
.parts .part1 img { opacity: .58; height: 311px; width: 100%; }
.parts .part1 .part-txt { position: absolute; bottom: 39%; left: 9%; text-align: center; width: 81%; }
.parts .part1 .part-txt .howe { font-size: 30px; color: #fff; font-weight: bold; text-transform: uppercase; }
.parts .part1:hover { background-color: rgba(237, 28, 36, 0.7); }
.parts .lrn3-bx { text-align: center; }
.parts .lrn3 { background: #ed1c24; color: #fff; font-size: 15px; padding: 13px 40px; border-radius: 4px; text-transform: uppercase; margin: 30px 0 0 15px; display: inline-block; text-align: center; }

/***************************************/
.solution { padding: 60px 0 60px 0; border-bottom: 1px solid #dadada; }
.solution .sol1 { margin: 0; font-size: 30px; color: #050372; font-weight: bold; text-transform: uppercase; }
.solution .sol2 { margin: 0 0 25px 0; font-size: 30px; color: #050372; font-weight: bold; 	text-transform: uppercase; }
.solution p { line-height: 23px; font-size: 15px; color: #7b7a84; }
.solution .ship { margin: 75px 0 0 0; }

/***************************************/
.north { padding: 100px 0 60px 0; }
.north .north1 { margin: 0 0 49px 0; position: relative; background-color: rgba(35, 27, 122, 0.7); }
.north .north1 img { opacity: .58; 	width: 100%; height: auto; }
.north .north1 .north-txt { position: absolute; bottom: 30%; left: 9%; text-align: center; width: 83%; }
.north .north1 .north-txt .handling { font-size: 20px; color: #fff; font-weight: bold; text-transform: uppercase; }
.north .north1:hover { background-color: rgba(5, 3, 114,2.9); }
.north .north2 { margin: 0 0 30px 0; position: relative; background-color: rgba(35, 27, 122, 0.7); }
.north .north2 img { opacity: .58; width: 100%; height: auto; }
.north .north2 .north2-txt { position: absolute; bottom: 39%; left: 9%; text-align: center; width: 81%; }
.north .north2 .north2-txt .handling2 { font-size: 30px; color: #fff; font-weight: bold; text-transform: uppercase; }
.north .north2:hover { background-color: rgba(5, 3, 114,2.9); }

/************slider***************************/
.slider { padding: 0 0 60px 0; }
.slider .img { 	max-width: 100%; }
.slider a { -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; }
.slider a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: alpha(opacity=50); /* IE7 */ opacity: none; text-decoration: none; }
.slider .carousel-inner { margin: 0 0 30px 0; position: relative; width: 100%; overflow: hidden; border: 4px solid #dddddd; padding: 24px 0px 0px 0px; }
.thumbnails li> .fff .caption { background: #fff !important; padding: 10px }
.thumbnail a > img, .thumbnail > img { height: 70px; }
ul.thumbnails { margin-bottom: 0px; }
/* Thumbnail Box */
.caption h4 { color: #444; }
.caption p { color: #999; }
/* Carousel Control */
.control-box { text-align: right; width: 100%; }
.carousel-control { background: #666; border: 0px; border-radius: 0px; display: inline-block; font-size: 34px; font-weight: 200; line-height: 18px; opacity: 0.5; padding: 4px 10px 0px; position: static; height: 30px; width: 15px; }
li { list-style-type: none; }
.slider .pager li > a, .pager li > span { background-color: #050372; border: 0; padding: 10px 14px; border-radius: 19px; }
.slider .pager li > a .glyphicon { color: #fff; }

/***************************************/
.newsletter { background: url(../images/newslttr.jpg) no-repeat scroll center center / cover; height: 450px; text-align: center; padding: 5% 0; color: #fff; }
.newsletter h3 { font-size: 60px; color: #fff; 	font-weight: bold; }
.newsletter p { font-style: italic; font-size: 16px; color: #fff; }
.newsletter .subsribe { margin: 60px 0 0; }
.newsletter .subsribe .input { color: #fff; border: none; border-bottom: 1px solid #fff; background: none; height: 44px; margin: 0 -5px; width: 40%; }
.newsletter .subsribe .sub { background: #fff none repeat scroll 0 0; color: #333; font-size: 14px; font-weight: bold; padding: 14px 30px; text-transform: uppercase; }

/***********footer****************************/
.footer { background: #050372; padding: 60px 0; }
.footer .fotr1-hdng { font-size: 18px; font-weight: bold; color: #fffeff; text-transform: uppercase; }
.footer .fotr1 { padding: 0; }
.footer .fotr1 li { list-style: none; display: block; line-height: 25px; }
.footer .fotr1 li { color: #8e8cdd; font-size: 15px; }
.footer .fotr5 li a { color: #8e8cdd; font-size: 15px; }
.footer .fotr2 { padding: 25px 0 0 0; }
.footer .fotr2 li { width: 30%; margin: 0 7px 3px 0; list-style: none; display: inline-block; line-height: 25px; }
.footer .fotr2 li a { color: #8e8cdd; font-size: 15px; }
.footer .smal { margin: 12px 4px 0 0; }
.footer .fotr3 { margin: 28px 0 0 0; padding: 0; }
.footer .fotr3 li { margin: 0 9px 3px 0; list-style: none; display: inline-block; line-height: 25px; }
.footer .fotr3 li a { }
.footer .fotr2 li.last-child { width: 97%; }

/***********copyright****************************/
.end { background: #ed1c24; color: #fff; padding: 22px 0 6px 0; }
.end .copy { float: left; margin: 0; }
.end .copy a { color: #fff; font-size: 16px; }
.end .terms { float: right; margin: 0; }
.end .terms a { color: #fff; font-size: 16px; float: right; }
.end .terms a img { margin: -18px 0 0 0; }

/***********about  us****************************/
.replace .usa { font-size: 26px; color: #050372; font-weight: bold; margin: 0; }
.aptent { 	padding: 0 0 80px 0; }
/*.aptent .aptent-txt { text-align: center; }
.aptent .aptent-txt h2 { margin: 0 0 10px 0; color: #050372; font-size: 22px; font-weight: bold; text-transform: uppercase; }
.aptent .aptent-txt p { color: #7b7a84; font-size: 15px; margin: 15px 0 0 0; }

*//***********crane parts****************************/
.dbl { 	background: none; }
.parts .bottom-hdng { 	text-align: left; }
.parts .bottom-hdng img { 	margin: 8px 0 0 0; }
.slider { 	border-top: 1px solid #dddddd; 	padding: 100px 0 60px 0; }
/***********crane brands****************************/
.modern { 	padding: 100px 0; }
.modern h2 { 	font-size: 28px; 	font-weight: bold; 	color: #050372; 	margin: 13px 0 5px 0; }
.modern h2 img { 	margin: 8px 0 0 0; }
.modern .rdhdng { 	font-size: 22px; 	color: #ed1c24; 	font-weight: bold; 	text-transform: uppercase; } .modern .modern-txt { 	text-align: center; 	margin: 25px 0 0 0; }
.modern .modern-txt p { 	color: #7b7a84; 	font-size: 15px; }
.modern .modern-txt img { 	width: 100%; 	background-color: rgba(0, 0, 0, 0.9); 	opacity: .58; }
.modern .modern-txt img:hover { 	opacity: .9; }

/***********contact us****************************/
.contact-data { 	padding: 100px 0; }
.contact-data .cntct-input { 	background: #efefff; 	overflow: hidden; 	width: 100%; 	padding: 30px 15px 50px; 	height: 502px; }
.contact-data .fix { 	height: 502px; }
.contact-data .cntct-input h2 { 	margin: 0 0 0 20px; 	font-size: 24px; 	color: #050372; 	font-weight: bold; }
.contact-data .cntct-input p { 	margin: 8px 0 0 20px; 	font-size: 15px; 	color: #7b7a84; }
.contact-data .cntct-input .input-bx .prcnt { 	width: 100%; }
.contact-data .cntct-input .input-bx { 	margin: 30px 0 0 0; }
.contact-data .cntct-input .input-bx .button, input, select { 	color: #322d30; 	font-size: 16px; 	border: medium none; 	border-radius: 4px; 	height: 52px; 	margin: 0 0 15px; 	padding: 12px 10px; }
.contact-data .cntct-input .area { 	height: 131px; 	resize: none; 	width: 100%; 	padding: 10px 0 0 10px; 	color: #322d30; 	font-size: 16px; 	border: none; 	border-radius: 4px; }
.contact-data .cntct-input .cntct-snd { 	background: #050372 none repeat scroll 0 0; 	border-radius: 4px; 	color: #fff; 	display: inline-block; 	font-size: 20px; 	font-weight: bold; 	margin: 15px 0 0 16px; 	padding: 13px 47px; }
.contact-data .cntct-text { 	background: #050372; 	padding: 60px 20px 48px 20px; }
.contact-data .cntct-text .cnt { 	color: #fff; 	padding: 0 0 5px 0; 	display: inline-block; 	font-size: 34px; }
.contact-data .cntct-text .text1-hdng { 	font-size: 18px; 	font-weight: bold; 	color: #fff; 	text-transform: uppercase; }
.contact-data .cntct-text .text1 { 	padding: 20px; 	overflow: hidden; }
.contact-data .cntct-text .text1 li { 	list-style: none; 	display: block; 	margin-bottom: 17px; }
.contact-data .cntct-text .text1 li a { 	color: #fff; 	font-size: 15px; }
.contact-data .cntct-text .text2 { 	padding: 20px; }
.contact-data .cntct-text .text2 li { 	margin: 0; 	list-style: none; 	display: inline-block; 	line-height: 25px; }
.contact-data .cntct-text .text2 li a { 	color: #fff; 	font-size: 15px; }
.contact-data .cntct-text .smal { 	margin: 12px 4px 0 0; }
.contact-data .cntct-text .text1 li a span { 	margin: 0; }
.contact-data .please { 	color: #050372; 	font-size: 18px; 	font-weight: bold; 	margin: 35px 0 17px 0; }
.contact-data .map-bx p { 	margin: 10px 0 0 0; 	color: #b10101; 	float: left; 	display: none; 	padding: 2px; 	border-radius: 4px; 	background: #fff; 	font-size: 12px; 	font-weight: bold; 	position: relative; 	z-index: 2; }
.contact-data .map-bx img { 	float: left; }
.contact-data .map-bx { 	position: relative; 	padding: 35px 0 0 0; 	width: 100%; 	background: url('../images/map-indicator.jpg') no-repeat center center; 	height: 710px; }
.contact-data .map-bx .cl7 { 	width: 100%; 	text-align: center; 	float: right; 	position: absolute; 	right: -72px; 	top: -30px; }
.contact-data .map-bx .cl7:hover p { 	display: block;margin: -37px 0 0 41px; }
.contact-data .map-bx .cl0 { 	width: 100%; 	text-align: right; 	float: right; 	position: absolute; 	right: -96px; 	top: 1px; }
.contact-data .map-bx .cl0:hover p { 	display: block; }
.contact-data .map-bx .cl1 { 	width: 100%; 	text-align: right; 	float: right; 	position: absolute; 	right: -82px; 	top: 39px; }
.contact-data .map-bx .cl1:hover p { 	display: block; }
.contact-data .map-bx .cla { 	float: right; 	position: absolute; 	right: -62px; 	text-align: right; 	top: 74px; 	width: 100%; }
.contact-data .map-bx .cla:hover p { 	display: block; }
.contact-data .map-bx .clb { 	position: absolute; 	left: 64px; 	text-align: left; 	top: 108px; 	width: 200px; }
.contact-data .map-bx .clb img { 	float: left; }
.contact-data .map-bx .clb:hover p { 	display: inline-block; 	background: #fff; 	float: left; }
.contact-data .map-bx .cl2 { 	float: right; 	left: 6px; 	position: absolute; 	text-align: right; 	top: 247px; 	width: 100%; }
.contact-data .map-bx .cl2:hover p { 	display: block; }
.contact-data .map-bx .cl3 { 	float: right; 	left: 29px; 	position: absolute; 	text-align: right; 	top: 344px; 	width: 100%; }
.contact-data .map-bx .cl3:hover p { 	display: block; }
.contact-data .map-bx .clc { 	float: right; 	left: 64px; 	position: absolute; 	text-align: right; 	top: 375px; 	width: 100%; }
.contact-data .map-bx .clc:hover p { 	display: block; }
.contact-data .map-bx .cld { 	float: right; 	left: 88px; 	position: absolute; 	text-align: right; 	top: 403px; 	width: 100%; }
.contact-data .map-bx .cld:hover p { 	display: block; }
.contact-data .map-bx .extra { 	float: right; 	position: relative }
.contact-data .map-bx .extra .cplogo { 	float: none; }
.contact-data .map-bx .extra .cl4 { 	position: absolute; 	top: 92px; 	left: -108px; }
.contact-data .map-bx .extra .cl4 img { 	float: left; }
.contact-data .map-bx .extra .cl4 p { 	float: left; 	margin: 0 0px 0 44px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl4:hover p { 	display: block; }
.contact-data .map-bx .extra .cl5 { 	position: absolute; 	top: 134px; 	left: -48px; }
.contact-data .map-bx .extra .cl5 img { 	float: left; }
.contact-data .map-bx .extra .cl5 p { 	margin: 0px 0 0 41px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl5:hover p { display: block; }
.contact-data .map-bx .extra .cl6 { 	position: absolute; 	top: 202px; 	left: -269px; }
.contact-data .map-bx .extra .cl6 img { 	float: left; }
.contact-data .map-bx .extra .cl6 p { 	margin: 0px 0 0 41px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl6:hover p { 	display: block; }
.contact-data .map-bx .extra .cl8 { 	position: absolute; 	top: 269px; 	left: -274px; }
.contact-data .map-bx .extra .cl8 img { 	float: left; }
.contact-data .map-bx .extra .cl8 p { 	margin: 0px 0 0 41px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl8:hover p { 	display: block; }
.contact-data .map-bx .extra .cl9 { 	position: absolute; 	top: 379px; 	left: -387px; }
.contact-data .map-bx .extra .cl9 img { 	float: left; }
.contact-data .map-bx .extra .cl9 p { 	margin: 0px 0 0 41px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl9:hover p { 	display: block; }
.contact-data .map-bx .extra .cl10 { 	position: absolute; 	top: 175px; 	left: -73px; }
.contact-data .map-bx .extra .cl10 img { 	float: left; }
.contact-data .map-bx .extra .cl10 p { 	margin: 0px 0 0 41px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl10:hover p { 	display: block; }
.contact-data .map-bx .extra .cl11 { 	position: absolute; 	top: 190px; 	left: -96px; }
.contact-data .map-bx .extra .cl11 img { 	float: left; }
.contact-data .map-bx .extra .cl11 p { 	margin: 18px 0 0 41px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl11:hover p { 	display: block; }
.contact-data .map-bx .extra .cl12 { 	position: absolute; 	top: 215px; 	left: -94px; }
.contact-data .map-bx .extra .cl12 img { 	float: left; }
.contact-data .map-bx .extra .cl12 p { 	margin: 0px 0 0 41px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl12:hover p { 	display: block; }
.contact-data .map-bx .extra .cl13 { 	position: absolute; 	top: 240px; 	left: -96px; }
.contact-data .map-bx .extra .cl13 img { 	float: left; }
.contact-data .map-bx .extra .cl13 p { 	margin: 8px 0 0 41px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl13:hover p { 	display: block; }
.contact-data .map-bx .extra .cl14 { 	position: absolute; 	top: 260px; 	left: -96px; }
.contact-data .map-bx .extra .cl14 img { 	float: left; }
.contact-data .map-bx .extra .cl14 p { 	margin: 10px 0 0 41px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl14:hover p { 	display: block; }
.contact-data .map-bx .extra .cl15 { 	position: absolute; 	top: 234px; 	left: -136px; }
.contact-data .map-bx .extra .cl15 img { 	float: left; }
.contact-data .map-bx .extra .cl15 p { 	margin: 13px 0 0 -100px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl15:hover p { 	display: block; }
.contact-data .map-bx .extra .cl16 { 	position: absolute; 	top: 259px; 	left: -144px; }
.contact-data .map-bx .extra .cl16 img { 	float: left; }
.contact-data .map-bx .extra .cl16 p { 	margin: 13px 0 0 -84px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl16:hover p { 	display: block; }
.contact-data .map-bx .extra .cl17 { 	position: absolute; 	top: 287px; 	left: -146px; }
.contact-data .map-bx .extra .cl17 img { 	float: left; }
.contact-data .map-bx .extra .cl17 p { 	margin: 13px 0 0 -84px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl17:hover p { 	display: block; }
.contact-data .map-bx .extra .cl18 { 	position: absolute; 	top: 324px; 	left: -205px; }
.contact-data .map-bx .extra .cl18 img { 	float: left; }
.contact-data .map-bx .extra .cl18 p { 	margin: 13px 0 0 -69px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl18:hover p { 	display: block; }
.contact-data .map-bx .extra .cl19 { 	position: absolute; 	top: 289px; 	left: -114px; }
.contact-data .map-bx .extra .cl19 img { 	float: left; }
.contact-data .map-bx .extra .cl19 p { 	margin: 7px 0 0 40px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl19:hover p { 	display: block; }
.contact-data .map-bx .extra .cl20 { 	position: absolute; 	top: 305px; 	left: -100px; }
.contact-data .map-bx .extra .cl20 img { 	float: left; }
.contact-data .map-bx .extra .cl20 p { 	margin: 7px 0 0 40px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl20:hover p { 	display: block; }
.contact-data .map-bx .extra .cl21 { 	position: absolute; 	top: 326px; 	left: -114px; }
.contact-data .map-bx .extra .cl21 img { 	float: left; }
.contact-data .map-bx .extra .cl21 p { 	margin: 7px 0 0 40px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl21:hover p { 	display: block; }
.contact-data .map-bx .extra .cl22 { 	position: absolute; 	top: 370px; 	left: -123px; }
.contact-data .map-bx .extra .cl22 img { 	float: left; }
.contact-data .map-bx .extra .cl22 p { 	margin: 7px 0 0 40px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl22:hover p { 	display: block; }
.contact-data .map-bx .extra .cl23 { 	position: absolute; 	top: 415px; 	left: -173px; }
.contact-data .map-bx .extra .cl23 img { 	float: left; }
.contact-data .map-bx .extra .cl23 p { 	margin: 7px 0 0 40px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl23:hover p { 	display: block; }
.contact-data .map-bx .extra .cl24 { 	position: absolute; 	top: 444px; 	left: -195px; }
.contact-data .map-bx .extra .cl24 img { 	float: left; }
.contact-data .map-bx .extra .cl24 p { 	margin: 7px 0 0 40px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl24:hover p { 	display: block; }
.contact-data .map-bx .extra .cl25 { 	position: absolute; 	top: 479px; 	left: -206px; }
.contact-data .map-bx .extra .cl25 img { 	float: left; }
.contact-data .map-bx .extra .cl25 p { 	margin: 7px 0 0 40px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl25:hover p { 	display: block; }
.contact-data .map-bx .extra .cl26 { 	position: absolute; 	top: 486px; 	left: -317px; }
.contact-data .map-bx .extra .cl26 img { 	float: left; }
.contact-data .map-bx .extra .cl26 p { 	margin: 7px 0 0 40px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl26:hover p { 	display: block; }
.contact-data .map-bx .extra .cl27 { 	position: absolute; 	top: 487px; 	left: -382px; }
.contact-data .map-bx .extra .cl27 img { 	float: left; }
.contact-data .map-bx .extra .cl27 p { 	margin: 12px 0 0 -80px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl27:hover p { 	display: block; }
.contact-data .map-bx .extra .cl28 { 	position: absolute; 	top: 521px; 	left: -384px; }
.contact-data .map-bx .extra .cl28 img { 	float: left; }
.contact-data .map-bx .extra .cl28 p { 	margin: 12px 0 0 -106px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl28:hover p { 	display: block; }
.contact-data .map-bx .extra .cl29 { 	position: absolute; 	top: 531px; 	left: -483px; }
.contact-data .map-bx .extra .cl29 img { 	float: left; }
.contact-data .map-bx .extra .cl29 p { 	margin: 12px 0 0 -78px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl29:hover p { 	display: block; }
.contact-data .map-bx .extra .cl30 { 	position: absolute; 	top: 560px; 	left: -270px; }
.contact-data .map-bx .extra .cl30 img { 	float: left; }
.contact-data .map-bx .extra .cl30 p { 	margin: 12px 0 0 -65px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl30:hover p { 	display: block; }
.contact-data .map-bx .extra .cl31 { 	position: absolute; 	top: 578px; 	left: -189px; }
.contact-data .map-bx .extra .cl31 img { 	float: left; }
.contact-data .map-bx .extra .cl31 p { 	margin: 5px 0 0 47px; 	color: #b10101; 	font-size: 12px; 	font-weight: bold; 	background: #fff; 	border-radius: 4px; 	padding: 4px 5px; }
.contact-data .map-bx .extra .cl31:hover p { 	display: block; }
.contact-data .map-bx .extra .cl32 { 	position: absolute; 	top: 601px; 	left: -189px; }
.contact-data .map-bx .extra .cl32 img { float: left; }
.contact-data .map-bx .extra .cl32 p { margin: 12px 0 0 -65px; color: #b10101; font-size: 12px; font-weight: bold; background: #fff; 	border-radius: 4px; padding: 4px 5px; }
.contact-data .map-bx .extra .cl32:hover p { display: block; }
.contact-data .cplogo p { display: none; float: left; position: absolute; }

/***********PopUp Video*************/
#fade { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); }
/* #light { display: none; position: absolute; top: 50%; left: 50%; max-width: 600px; max-height: 360px; margin-left: -300px; margin-top: -180px; border: 2px solid #FFF; background: #FFF; z-index: 1002; overflow: visible; } */
#light { border: 2px solid #FFF; background: #FFF; display: none; left: 50%; max-width: max-content; max-height: 360px; overflow: visible; position: fixed; top: 50%; transform: translate(-50%, -50%); z-index: 1002; }
#boxclose { background: #222; border: 1px solid #AEAEAE; border-radius: 3px; cursor: pointer; color: #fff; display: inline-block; font-size: 31px; float: right; font-weight: bold; line-height: 0px; padding: 15px 3px 8px; position: absolute; right: 2px; top: 2px; z-index: 1002; opacity: 0.9; }
.boxclose:before { content: "×"; }
#fade:hover ~ #boxclose { display:none; }