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, dl, dt, dd, ol, nav ul, nav 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;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

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

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* start editing from here */
a {
	text-decoration: none;
}

.txt-rt {
	text-align: right;
}

/* text align right */
.txt-lt {
	text-align: left;
}

/* text align left */
.txt-center {
	text-align: center;
}

/* text align center */
.float-rt {
	float: right;
}

/* float right */
.float-lt {
	float: left;
}

/* float left */
.clear {
	clear: both;
}

/* clear float */
.pos-relative {
	position: relative;
}

/* Position Relative */
.pos-absolute {
	position: absolute;
}

/* Position Absolute */
.vertical-base {
	vertical-align: baseline;
}

/* vertical align baseline */
.vertical-top {
	vertical-align: top;
}

/* vertical align top */
.underline {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	margin: 0 0 20px 0;
}

/* Add 5px bottom padding and a underline */
nav.vertical ul li {
	display: block;
}

/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}

/* horizontal menu */
img {
	max-width: 100%;
}

/*end reset*/
/*--wrap--*/
.wrap {
	background: rgba(255, 255, 255, 0.60);
	margin: 0 auto;
	width: 980px;
	padding: 0 10px;
}

body {
	background: url('../images/0.jpg');
	background-repeat: inherit;
	font-family: Arial;
	background-size: cover;
}

.logo {
	width: 50%;
	margin: 0 auto;
}

.contact-info {
	float: right;
	text-transform: uppercase;
	padding: 10px 40px;
	padding-left: 48px;
	background-color: #831662;
	margin-top: 10px;
}

.contact-info ul li:first-child {
	color: #cdcdcd;

}

.contact-info ul li:nth-child(2) {
	font-size: 22px;
}

.contact-info ul {
	margin: 0px;
	padding: 0px;
}

.contact-info ul li {
	color: #fff;
	font-weight: bold;
	margin: 2px 0px;
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
}

.top-nav {}

.top-nav ul li {
	display: inline;
}

.top-nav li {
	color: #FBFAFA;

	border: none;
	width: 192px;
	float: left;
}

.top-nav li a {
	background: #ff3030;
	display: block;
	text-decoration: none;
	color: #fff;
	height: auto !important;
	width: 160px;
	margin: 1em 0em;
	padding: 0.5em 1em;
	border-radius: 0 1em;

	text-align: center;
	font-size: 17px;
	font-weight: bold;
	font-family: 'Armata', sans-serif;

}

.top-nav li.active a,
.top-nav li a:hover {

	color: #3c2f9f;
	/* background: #c8ff00; */

	box-shadow: 1px 1px 7px #000;
}

.banner {
	background: rgba(255, 48, 48, 0.29);
	margin-top: 39px;
	/* height: 160px; */
	width: 100%;
	float: left;
	padding: 2em 0;
	border-radius: 0 20px;
}

.s1 {
	font-size: 32px;
	text-align: center;
	padding: 1em 0 0.5em;
	color: #3c2f9f;

}

.i1 {
	width: 230px;
	height: 150px;
	margin: 0 10px;
}

.banner-grid ul li {
	padding: 2px;
	color: black;
}

.banner-grid ul {
	margin-left: 23px;

}

.banner-grid li h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	color: #3c2f9f;
	text-align: center;
}

.banner-grid li p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 2.2em;
	color: #000;
	margin-bottom: 7px;

	padding: 0 40px;
}

.banner-grid li a {
	font-family: 'Quantico', sans-serif;
	color: #fff;
	background: #3c2f9f;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
	/* IE6-9 */
	cursor: pointer;
	font-size: 12px;
	padding: 7px 15px;
	background-image: url('../images/large-button-overlay.png');
	font-size: 12px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	text-decoration: none;
}

.banner-grid li a:hover {
	background: #ff3030;
	/* Old browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#1e5799', GradientType=0);
	/* IE6-9 */

}

.content-last {
	width: 208px;
	float: left;
	margin: 0px;
	margin-top: 19px;
	line-height: 37px;
	border: solid #3394D7;
	padding: 10px 0px 10px 20px;
}

.content-last h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	color: #555;
}

.content-grid {
	width: 310px;
	float: left;
	margin: 12px 0px 0px 0px;
}

.content-grid img {
	cursor: pointer;
}

.content-grid img:hover {
	opacity: 0.5;
}

.content-grid ul li h4 {
	color: #444;
	font-size: 14px;
	margin: 10px 0px;
}

.content-grid ul li p {
	font-size: 12px;
	color: #666;
	line-height: 1.9em;

	margin-bottom: 11px;
}

.content-grid ul li a, .button a {
	font-family: 'Quantico', sans-serif;
	font-size: 12px;
	padding: 7px 15px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color: white;
	background: rgb(213, 178, 100);


}

.content-grid ul li a:hover, .button a:hover {
	background-color: #ed008c;

}

/*--res---*/
.grid2 {}

#reservation-form h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;

}

#reservation-form .field {
	font-family: 'Quantico', sans-serif;
	display: block;
	margin-bottom: 15px;
	font-size: 13px;
	color: #666;
	margin-top: 15px;
}

#reservation-form label {
	display: block;
	padding-bottom: 4px;
	color: #666;
	font-family: 'Roboto Condensed', sans-serif;
}

#reservation-form select.select1 {
	padding: 5px;
	margin-right: 10px;
}

#reservation-form select {
	border: 1px solid #3394D7;
	background: #3394D7;
	color: #D1D1D6;
	outline: none;
	padding: 5px;
}

#reservation-form select.select2 {

	border: none;
}

#reservation-form input {
	width: 18px;
	text-align: center;
	border: 1px solid #3394D7;
	background: #3394D7;
	color: #fff;
	outline: none;
	padding: 5px;
}

#reservation-form .button {
	font-size: 1em;
}

/*---footer---*/
.footer {
	margin-top: 30px;
	background: rgba(197, 22, 22, 0.73);
	background-repeat: repeat-x;

}

.footer-nav {
	float: left;
}

.footer-nav ul li {
	display: inline;
}

.footer-nav ul {
	padding-top: 15px;
}

.footer-nav ul li a {
	color: #fff;
	margin-right: 20px;
	font-size: 12px;
	font-family: 'Roboto Condensed', sans-serif;
}

.footer-nav ul li a:hover {
	color: #eee;
}

.copy-right {
	color: #fff;
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	padding-top: 15px;
}

.copy-right a {
	color: #fff;
}

.copy-right a:hover {
	text-decoration: underline;
	color: #000000;
}

/*----about----*/
/*------------about-------------*/
.about {
	padding: 10px 0px;
	margin-top: 35px;
}

.about h3 {
	color: #7E7E7E;
	text-decoration: none;
	font-size: 22px;
	font-family: 'Roboto Condensed', sans-serif;
}

.about ul {
	margin: 0px;
	padding: 0px;
}

.about h2 {
	font-size: 15px;
}

.about h2:hover {
	color: #0160A4;
	cursor: pointer;
}

.about h2, .about h4 {
	margin: 10px 0px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #555;
}

.about ul li {
	width: 180px;
	float: left;
	margin-right: 15px;
	margin-bottom: 30px;
}

.about p {
	font-size: 12px;
	margin-bottom: 7px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.5;
	color: #555;
}

.about-boxs-heading {
	margin: 10px 0px;

	font-family: 'Roboto Condensed', sans-serif;
	color: #666;
}

.about ul li:last-child {
	margin-right: 0px;
}

.about ul li a {
	font-size: 12px;
	color: #999;
	font-family: 'Source Sans Pro', sans-serif;
}

.about ul li a:hover {
	color: #0160A4;
}

.about-boxs {
	background-image: url('....images/patter-alt.gif');
	margin: 6px 0px;
	font-family: 'Source Sans Pro', sans-serif;
}

.about-boxs p {
	font-size: 13px;
	float: left;
	width: 697px;
	line-height: 24px;
	color: #777;
	margin-right: 13px;
}

.about-boxs img {
	float: right;
	height: 111px;
	width: 249px;

	cursor: pointer;
}

.about-boxs img:hover {
	box-shadow: 0px 0px 2px #cdccdc;
	opacity: 0.7;
}

.about-boxs-heading h4 {
	margin: 7px 0px;
	font-size: 16px;
}

/*---Categiry----*/
.Category {
	width: 190px;
	float: right;
	font-family: Arial;
	color: #666;

}

.Category h4 {
	text-transform: uppercase;
	background: #3995D5;
	padding: 10px;
	color: #fff;
	font-family: 'Monda', sans-serif;
	font-size: 14px;
}

.Category h4 img {
	vertical-align: middle;
}

.Category li a {
	font-size: 12px;
	color: #858585;
	margin: 10px 0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	line-height: 2.5;
}

.Category li a:hover {
	border-bottom: 1px dotted #858585;
}

.Category ul {
	padding-left: 10px;
	padding-top: 10px;
}

.Category li h3, .Category li h5 {
	color: #555;

}

.Category li h3 {
	text-decoration: line-through;
}

.Category li h6 {
	font-size: 12px;
	color: #858585;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
}

.Category li img {
	cursor: pointer;
}

.Category li img:hover {
	opacity: 0.7;
}

/*---products---*/
.products h3 {
	font-size: 22px;
	text-transform: uppercase;
	color: #7E7E7E;
	margin-bottom: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	margin-top: 35px;
}

.product-grid h4, .last1 h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #7E7E7E;
	font-family: 'Roboto Condensed', sans-serif;
	margin: 4px 0px;
}

.product-grid, .last1 {
	width: 212px;
	float: left;
	border: 1px solid #F1F1F1;
	padding: 15px;
	margin: 0px 12px 12px 0px;
	background-color: #fff;
}

.product-grid:hover, .last1:hover {
	box-shadow: 0px 0px 10px #F1F1F1;
}

.last2 li a:hover {
	color: #000;
}

.product-grid p, .last1 p {
	float: right;
	color: #999;
	font-size: 12px;

	line-height: 2.2;
	font-family: Arial;
}

.product-grid img {
	cursor: pointer;
}

.product-grid img:hover {
	opacity: 0.7;
}

.product-grids {
	width: 770px;
	float: left;
}

/*----contact----*/
.form {
	float: right;
	margin-top: 35px;
}

.form h4, .contact-info h2 {
	color: #7E7E7E;
	text-decoration: none;
	font-size: 22px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	margin: 6px 0px;
}

input, textarea {
	margin: 7px 0px;
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	color: #999;
}

textarea {
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	color: #999;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	border-color: #C9C9C9;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.form label {
	margin-left: 10px;
	color: #999999;
}

.submit input {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}

.contact-info1 {
	float: left;
	width: 515px;
	margin-top: 30px;
	background: none;

}

.contact-info1 h2 {
	color: #7E7E7E;
	text-decoration: none;
	font-size: 22px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	margin: 6px 0px;
}

.contact-info1 p {
	font-family: Arial;
	color: #999;
	font-size: 12px;
	line-height: 2.4;
	text-transform: lowercase;
	margin: 10px 0px;

}

.contact-info1 h4 {
	font-family: Arial;
	color: #999;
	font-size: 12px;
	line-height: 2.2;
	text-transform: uppercase;

}

.sidebar {
	float: right;
	width: 396px;
	padding-right: 18px;
	background: rgba(255, 48, 48, 0.29);
	height: 730px;
	margin-right: 25px;

}



#contact_form form .input_field {
	width: 350px;
	padding: 6px 0;
	background: #fff;
	border: 1px solid #ccc;
}



#contact_form form textarea {
	width: 350px;
	height: 200px;
	background: #fff;
	border: 1px solid #ccc;
}


.subscribe, input[type='submit'] {
	background-position: -222px -38px;
	height: 38px;
	line-height: 38px;
	width: 212px;
}


.more, .subscribe, input[type='submit'] {
	background-position: -107px 0;
	color: #fff;
	display: inline-block;
	font: 12px/28px Arial, Helvetica, sans-serif;
	height: 51px;
	width: 97px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
	text-transform: uppercase;
}

.more, .subscribe, input[type='submit'] {
	background: url(../images/interface.png) no-repeat;
}

#contact_form1 {
	background: rgba(255, 48, 48, 0.29);
	width: 470px;
	padding-left: 30px;
	height: 730px;
	padding-top: 5px;
}

.sidebar h1 {

	color: #3c2f9f;
	padding-left: 30px;
	padding-top: 8px;
}

#contact_form h1 {
	color: #3c2f9f;
	padding-top: 10px;

}

.read {

	font-family: 'Quantico', sans-serif;
	color: #fff;
	background: #3c2f9f;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
	cursor: pointer;
	font-size: 12px;
	padding: 7px 13px;
	background-image: url('../images/large-button-overlay.png');
	font-size: 12px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	text-decoration: none;
	width: 10%;
	fl: center;
	float: right;
	margin-right: 21px
}

.productinf h2 {
	color: #4a3f9e;
	font-size: 24px;
	font-weight: bold;

	padding-left: 56px;
	padding-bottom: 4px;
}

.info {

	width: 65%;
	float: left;



}

.info p {
	text-align: justify;
	font-size: 20px;

}



.infoimg {

	width: 35%;
	float: right;
	padding-right: 5px;



}

.crane {
	float: right;
	width: 440px;
	padding-right: 18px;
	background: rgba(255, 48, 48, 0.29);
	height: 2149px;
	margin-right: 25px;
}

.crane h1 {
	color: #3c2f9f;
	padding-left: 30px;
	padding-top: 13px;
	font-size: 25px;
	font-weight: bold;
}


#cranepart {

	background: rgba(255, 48, 48, 0.29);
	width: 440px;
	padding-left: 30px;
	height: 2149px;
	padding-top: 5px;
}

#cranepart h1 {

	color: #3c2f9f;
	padding-top: 10px;
	font-size: 25px;
	font-weight: bold;
}

.productimg {

	padding-right: 40px;

}

.productimg1 {

	padding-left: 37px;
	padding-right: 21px;

}

.productinfo p {
	padding: 18px 18px 0px 0px;
	font-size: 16px;
	text-align: justify;
	color: #000;
}

.productinfo1 p {
	padding: 18px 18px 0px 34px;
	font-size: 16px;
	text-align: justify;
	color: #000;
}

.largemenu {
	line-height: 30px;
	list-style-type: disc;

}

.productinfo1 h3 {
	padding-left: 27px;
	color: black;
	font-size: 30px;
}

.productinfo h3 {
	padding-top: 42px;
	color: black;
	font-size: 30px;
}


.smallmenu {

	line-height: 30px;
	list-style-type: circle;
}

.largemenu1 {
	line-height: 30px;
	list-style-type: disc;
	padding-left: 36px;
}

.smallmenu1 {

	line-height: 30px;
	list-style-type: circle;
}

.table, td, tr {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	padding: 10px;
	margin: 10px;
	color: #000;
	border: 1px solid #000;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	padding: 10px;
	margin: 10px;
	color: #000;
	border: 1px solid #000;
}

.client {
	line-height: 30px;
	list-style-type: disc;
	float: left;
	text-align: justify;
	padding-left: 30px;
	font-weight: bold;
}

.client1 {
	line-height: 30px;
	list-style-type: disc;
	float: right;
	text-align: justify;
	font-weight: bold;
}

.table, p {
	text-align: left;
	padding-left: 14px;
}

.submenu li a {
	width: 300px;
}

.footer p {
	text-align: center;
}





.product-banner {

	background: rgba(255, 48, 48, 0.29);
	margin-top: 39px;
	/* height: 160px; */
	width: 100%;
	float: left;
	padding: 2em 0;
	border-radius: 0 20px;


}

.product-pic {

	width: 32%;
	float: right;
	padding-right: 5px;
}

.product-detail {
	width: 65%;
	float: left;

}

.menubar {
	display: none;
}

.mmenu {
	display: none;
}

.footer1 {
	padding: 1.5em 0;
	margin: 0 0 1em;
	border-top: 2px dotted #FF5E00;
	border-bottom: 2px dotted #FF5E00;

}

.footer1 ul li a {
	line-height: 35px;
	color: #000;
	font-weight: bold;


}

.footer1 ul {
	list-style-type: disc;
}



@media only screen and (max-width: 1000px) {
	.wrap {
		padding: 0em !important
	}

	.content-grid {
		width: 290px !important
	}

	.top-nav li {
		width: 180px !important
	}
}

@media (max-width: 480px) {
	.wrap {

		width: 296px;

	}

	#wowslider-container1 img {
		max-width: 100% !important;
	}

	.sidebar {
		width: 100%;
		float: left
	}

	#contact_form1 {
		width: 100%;
		float: left;
		height: auto !important
	}

	.banner-grid ul {
		margin-left: 0
	}

	#contact_form1 input, textarea {
		width: 95% !important
	}

	.logo {
		width: 80%
	}

	#menu {
		display: none
	}

	.menubar {
		position: absolute;
		top: 5px;
		right: 5px;
		cursor: pointer;
		display: block !important;

	}

	.mmenu {
		position: absolute;
		top: 48px;
		left: 72px;
		background: #cc9292;
		z-index: 999999999;
		display: none;
		padding: 1em;
		line-height: 2em;
		width: 235px;

	}

	#dialog-link {

		top: 27% !important;
		font-size: 1em !important;
		width: 135px !important;

	}

	.product-pic {
		width: 98% !important
	}

	.product-detail {
		width: 100% !important
	}

	#dialog1-link {

		top: 36% !important;
		font-size: 1em !important;
		width: 135px !important;


	}

	.ui-dialog {
		width: 100% !important;
		top: 20px !important;

	}

	.info {
		width: 100% !important;

	}

	.info p {

		padding: 0em !important;
	}

	#cranepart {
		width: 100% !important;
		margin-top: 10px !important;


	}

	.crane {
		width: 100% !important;
		float: none !important;


	}

	.dropmenu {
		background: #fff;
		padding: 1em;
	}

	.contact p {
		margin-left: 10px
	}

	.footer {

		height: 82px;
	}

	.newinfo {
		width: 100%;
	}

	.newimg {
		width: 100%;
	}

	table {
		margin-left: 7px !important;
	}

	.productinf h2 {

		padding-left: 0px !important;
	}

	.banner-grid li p {

		padding: 0px;

	}

	.read {

		width: 30%;
		float: none;
		margin: auto;
	}

	.bannergrid {

		overflow: scroll;
	}

	.table1 {
		overflow: scroll;
	}


	iframe {

		width: 100%;
	}
}

/* add css */
footer {

	padding: 30px 0;
	background-color: #831662;
	color: #fff;
	margin-top: 50px;
	font-size: 15px;
}

.logo-footer {
	text-align: center;
	margin-bottom: 15px;
	width: 250px;
	height: 70px;
}

.about-footer {
	font-size: 15px;
}

footer li {
	font-size: 15px;
	padding-top: 5px;
}

.img-fluid {
	max-width: 100%;
	height: auto;
}



.header-social-icons li {
	font-size: 20px;
	padding-left: 10px;
}

.bg-color-blue {
	background-color: #000000;
}

@media (max-width: 1220px) and (min-width: 256px) {
	.bg-color-blue {
		display: none;
	}
}


#sidebar1 ul a {
	margin-bottom: 10px;
	border-radius: 3px;
	display: block;
	padding: 0px;
	margin: 1em 0em;
	text-decoration: none;
	font-size: 15px;
	color: #000;
}

#sidebar1 ul a:hover {
	font-weight: bold;
}

.sideopen {
	right: 0px !important;
}

.open {
	right: 20px !important;
}

#sidebar1 li {
	list-style-type: disc;
}

#sidebar1 {
	width: 345px;
	height: 680px;
	overflow: scroll;
	z-index: 9999999999;
	background: #B9B8B8;
	border-right: 3px solid #ffffff;
	border-radius: 7px;
	padding: 0 20px;
	transition: all 0.5s;
	display: none;
}

#smallmenu li {
	list-style-type: circle;
}



#sidebar1 ul a {
	margin-bottom: 10px;
	border-radius: 3px;
	display: block;
	padding: 0px;
	margin: 1em 0em;
	text-decoration: none;
	font-size: 15px;
	color: #000;
}

#sidebar1 ul a:hover {
	font-weight: bold;
}

.sideopen {
	right: 0px !important;
}

.open {
	right: 20px !important;
}

#sidebar1 li {
	list-style-type: disc;
}

#sidebar1 {
	width: 345px;
	height: 680px;
	overflow: scroll;
	z-index: 9999999999;
	background: #B9B8B8;
	border-right: 3px solid #ffffff;
	border-radius: 7px;
	padding: 0 20px;
	transition: all 0.5s;
	display: none;
}

#smallmenu li {
	list-style-type: circle;
}

#site_map {
	font-size: 20px;
	transform: rotate(90deg);
	position: fixed;
	color: #000000;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-box-shadow: #666 0px 3px 3px;
	/* -webkit-box-shadow: 2px 0 5px #999; */
	/* box-shadow: 2px 0 5px #999; */
	top: 280px;
	margin: 1em -1.2em;
	background: #04849b;
	padding: 20px;
	transition: all 0.5s;
	z-index: 9999999;
	cursor: pointer;
	font-weight: bold;
}

#sidebar ul a {
	background: #017eb9;
	margin-bottom: 13px;
	border-radius: 3px;
	display: block;
	padding: 8px 20px;
	margin: 1em 0em;
	text-decoration: none;
	font-size: 16px;
	color: #000;
}

#sidebar ul a:hover {
	font-weight: bold;
}

.open1 {
	left: 330px !important;
}

#sidebar li {
	list-style-type: none;
}

.mapopen {
	right: 295px !important;
}

#sidebar {
	width: 345px;
	height: 680px;
	overflow: scroll;
	z-index: 9999999999;
	background: #FFFFFF;
	border-right: 3px solid #ffffff;
	border-radius: 7px;
	padding: 0 20px;
	transition: all 0.5s;
	display: none;
}

#offer {
	font-size: 20px;
	transform: rotate(-90deg);
	position: fixed;
	color: #000000;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-box-shadow: #666 0px 3px 3px;
	/* -webkit-box-shadow: 2px 0 5px #999; */
	/* box-shadow: 2px 0 5px #999; */
	top: 150px;
	margin: 1em -1.2em;
	background: #058da6;
	padding: 25px 5px 17px 10px;
	transition: all 0.5s;
	z-index: 9999999;
	width: 144px;
	cursor: pointer;
	font-weight: bold;
}

#largemenu a {
	background: none;
}

#largemenu {
	margin-left: 21px;
}

#smallmenu a {
	background: none;
	margin-left: 21px;
}

#smallmenu {
	margin-left: 21px;
}