#btn, #categories, #categories li, #categories li>div, .carousel-inner, .mask {
	overflow: hidden
}

#categories li a, #set-1 .caption, .clr:after {
	display: block
}

#categories li {
	cursor: pointer;
	position: relative;
	list-style-type: none;
	float: left;
	height: auto;
	visibility: hidden;
	-moz-transform: rotate(-60deg) skewY(30deg);
	-o-transform: rotate(-60deg) skewY(30deg);
	-webkit-transform: rotate(-60deg) skewY(30deg);
	transform: rotate(-60deg) skewY(30deg);
	opacity: 0
}
#categories {
	width: 86%;
	margin: 90px auto
}
.clr:after {
	content: ""
}
#categories li * {
	position: absolute;
	visibility: visible
}
#categories li>div {
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	-moz-transform: skewY(-30deg) rotate(60deg);
	-ms-transform: skewY(-30deg) rotate(60deg);
	-o-transform: skewY(-30deg) rotate(60deg);
	-webkit-transform: skewY(-30deg) rotate(60deg);
	transform: skewY(-30deg) rotate(60deg);
	backface-visibility: hidden
}
.ch-info, .drawings {
	-webkit-backface-visibility: hidden
}
#categories li img {
	/*left:-100%;right:-100%;width:auto;height:100%;margin:0 auto*/
	left: -100%;
	right: -100%;
	width: auto;
	height: 70%;
	/* width: 160%; */
	margin: 0 auto;
	margin-top: 35px;
}
#categories div a, #categories div p {
	width: 100%;
	padding: 0 5%;
	background-color: #0c54dc;
	font-family: Raleway, sans-serif;
	transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out
}
#categories li a {
	bottom: 110%;
	font-size: 1.0em;
	TEXT-DECORATION: overline;
	padding-top: 100%;
	COLOR: #fff;
	FONT-WEIGHT: 900;
	padding-bottom: 100%
}
#categories li a:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 14pxpx;
	left: 45%;
	width: 10%;
	text-align: center;
	z-index: 1;
	border-bottom: 2px solid #fff
}
#categories li p {
	padding-top: 50%;
	top: 110%;
	padding-bottom: 50%;
	FONT-FAMILY: monospace;
	font-size: 85%;
	color: #ffffff;
	text-align: center;
	line-height: 16px;
	letter-spacing: 0;
	word-spacing: -2px
}
#categories li div:hover a {
	bottom: 38%;
	padding-bottom: 6%;
	line-height: 55px
}
#categories li div:hover p {
	top: 60%;
	padding-top: 1%
}




/*@media (min-width:1201px){
	ul#categories{MARGIN-LEFT:110PX}
	#categories li{width: 15.364%; padding-bottom: 18.05%;}
	#categories li:nth-child(10n+10),#categories li:nth-child(10n+7),#categories li:nth-child(10n+8),#categories li:nth-child(10n+9){margin-top:-4.2%;margin-bottom:-4.2%;-moz-transform:translateX(50%) rotate(-60deg) skewY(30deg);-ms-transform:translateX(50%) rotate(-60deg) skewY(30deg);-o-transform:translateX(50%) rotate(-60deg) skewY(30deg);-webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);transform:translateX(50%) rotate(-60deg) skewY(30deg)}
	#categories li:nth-child(10n+10):last-child,#categories li:nth-child(10n+6):last-child,#categories li:nth-child(10n+7):last-child,#categories li:nth-child(10n+8):last-child,#categories li:nth-child(10n+9):last-child{margin-bottom:0}
	#categories li:nth-child(10n+6){}
	#categories li:nth-child(5n+2){margin-left:1%;margin-right:1%}
    #categories li:nth-child(5n+3),#categories li:nth-child(5n+4), #categories li:nth-child(5n+5){margin-right:1%}
    #categories li:nth-child(10n){margin-top:0%; margin-left:9.7%;}
    #categories li:nth-child(11n){margin-left:9.7%;}
	#categories li:nth-child(7){margin-left: 0.7%;margin-top: -3.9%;}
    #categories li:nth-child(8),#categories li:nth-child(9),#categories li:nth-child(10),#categories li:nth-child(11){margin-top: -3.9%; margin-left: 0;}
	#categories li:nth-child(11){margin-left: 7.7%;}
	#categories li:nth-child(12){margin-left: 16.7%;margin-top: -3.9%;}
	#categories li:nth-child(13),#categories li:nth-child(14),#categories li:nth-child(15){margin-top: -3.9%; margin-left: 0%;}
	#categories li:nth-child(16){margin-left: 25.1%;margin-top: -3.9%;}
	#categories li:nth-child(17){margin-left: -6.8%;margin-top: -3.9%;}
	#categories li:nth-child(18){margin-top: -3.9%; margin-left: 0%;}
	#categories li:nth-child(19){ margin-left: -40.6%; margin-top: 10.1%; }
	#categories li:nth-child(20){ margin-left: -24.4%; margin-top: 10.1%; }

  .footer-li_1{margin:10px auto!important;float:none!important}.row-wrapper{width:80%;margin:0 auto}.left{text-align:right!important}
}*/

@media (min-width:1201px) {
#categories {
	width: 100%;
	margin: 90px auto;
	margin-left: 200px;
}
#categories li {
	width: 13%;
	padding-bottom: 15%;
	margin: 6px;
}
}

@media (max-width:1200px) and (min-width:901px) {
#categories li {
	width: 21.444%;
	padding-bottom: 24.763%
}
#categories li:nth-child(8n+5), #categories li:nth-child(8n+6), #categories li:nth-child(8n+7), #categories li:nth-child(8n+8) {
	margin-top: -5.298%;
	margin-bottom: -5.298%;
	-moz-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-o-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	transform: translateX(50%) rotate(-60deg) skewY(30deg)
}
#categories li:nth-child(8n+5):last-child, #categories li:nth-child(8n+6):last-child, #categories li:nth-child(8n+7):last-child, #categories li:nth-child(8n+8):last-child {
	margin-bottom: 0
}
#categories li:nth-child(8n+5) {
	margin-left: .5%
}
#categories li:nth-child(4n+2) {
	margin-left: 1%;
	margin-right: 1%
}
#categories li:nth-child(4n+3) {
	margin-right: 1%
}
	}
	
	
	
	
@media (max-width:900px) and (min-width:601px) {
#categories li {
	width: 27.857%;
	padding-bottom: 32.168%
}
#categories li:nth-child(6n+4), #categories li:nth-child(6n+5), #categories li:nth-child(6n+6) {
	margin-top: -7.322%;
	margin-bottom: -7.322%;
	-moz-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-o-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	transform: translateX(50%) rotate(-60deg) skewY(30deg)
}
#categories li:nth-child(6n+4):last-child, #categories li:nth-child(6n+5):last-child, #categories li:nth-child(6n+6):last-child {
	margin-bottom: 0
}
#categories li:nth-child(6n+4) {
	margin-left: .5%
}
#categories li:nth-child(3n+2) {
	margin-left: 1%;
	margin-right: 1%
}
	}
	
	
	
@media (max-width:600px) {
#categories li {
	width: 49%;
	padding-bottom: 45.496%
}
#categories li:nth-child(4n+3), #categories li:nth-child(4n+4) {
	margin-top: 2%;
	margin-bottom: 2%;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}
#categories li:nth-child(4n+3):last-child, #categories li:nth-child(4n+4):last-child {
	margin-bottom: 0
}
#categories li:nth-child(4n+3) {
	margin-left: 0
}
#categories li:nth-child(2n+2) {
	margin-left: 1%
}
#categories li, #categories li>div {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}
	}
	
	
	@media (max-width:540px) {
		
		
		#categories li {
	width: 100%;
	padding-bottom: 48.496%;
	margin-top: 2%;
	margin-bottom: 2%
}
#categories li:nth-child(4n+3), #categories li:nth-child(4n+4) {
	margin-top: 1%;
	margin-bottom: 1%;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}
#categories li:nth-child(4n+3):last-child, #categories li:nth-child(4n+4):last-child {
	margin-top: 1%;
	margin-bottom: 1%
}
#categories li:nth-child(2n+2), #categories li:nth-child(4n+3) {
	margin-left: 0
}
#categories li, #categories li>div {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}
	}
	
	
	
	
#categories li:first-child div {
	background-color: rgba(30, 107, 214, 0.91);
}
#categories li:nth-child(2) div {
	background-color: rgba(3, 189, 255, 0.7);
}
#categories li:nth-child(3) div {
	background-color: rgba(78, 79, 84, 0.96);
}
#categories>li:nth-child(4) div {
	background-color: rgb(241, 97, 97);
}
#categories li:nth-child(5) div {
	background-color: rgb(205, 25, 28);
}
#categories li:nth-child(6) div {
	background-color: rgb(163, 105, 65);
}
#categories li:nth-child(7) div {
	background-color: rgb(242, 105, 63);
}
#categories li:nth-child(8) div {
	background-color: rgba(197,224,157,1)
}
#categories li:nth-child(9) div {
	background-color: rgba(205,203,204,1)
}
#categories li:nth-child(10) div {
	background-color: rgba(0,179,134,.77)
}
#categories li:last-child div {
	background-color: rgba(40, 54, 67, 0.90)
}
.ch-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: default;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

@media (max-width: 600px) {
#categories li:nth-child(10n+3), #categories li:nth-child(10n+4) {
	margin-top: 0%;
	margin-bottom: 2%;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
}

@media (max-width: 540px) {
#categories li:nth-child(10n+3), #categories li:nth-child(10n+4) {
	margin-top: 2%;
}
}

#categories {
	z-index: 10 !important;
	text-align: center;
}
.scroll_menu1 {
	overflow-y: scroll;
	overflow-x: hidden;
	margin: 0px;
	padding: 0px;
}
.cate_new li img {
	left: -100%;
	right: -100%;
	width: 100% !important;
	height: 100% !important;
	margin: 0 auto !important;
	margin-top: 0px !important;
}
.cate_new {
	width: 100% !important;
	padding: 10px 0px !important;
	MARGIN-LEFT: 18% !important;
	margin: 0px 0px 0px 18% !important;
}
.cate_new li {
	width: 64.364% !important;
	padding-bottom: 74.05% !important;
}
.cate_new li p {
	font-size: 72% !important;
}
.cate_new li a {
	font-size: 1em !important;
	color: #fff !important;
}

	
	



#cfloat {
    position: fixed;
    top: 74%;
    right: 0px;
    z-index: 9999;
	transition: all 0.3s ease 0s;
}
a#cfloat_phone {
    background: #54ABED none repeat scroll 0% 0%;
    color: #54ABED;
	right: 0px;
	float: right;
}
#cfloat a:hover span.cfloat-txt {
    width: auto;
}
#cfloat a {
    position: relative;
    right: 0px !important;
    display: block;
    width: 55px;
    height: 54px;
    margin-bottom: 3px;
    overflow: hidden;
    font-size: 22px;
	transition: all 0.3s ease-out 0s;
	
}
.cbp-spmenu-push-toright #cfloat
{

    top: 120px;
    left: 240px;
    z-index: 9999;
    position: fixed;
    transition: all 0.3s ease 0s;
}
a#cfloat_email span.cfloat-icon {
    float: right;
    width: 31px;
    height: 19px;
    margin: 18px 13px 0px 0px;
    background: transparent url("../img/icons.png") no-repeat scroll -219px -888px;
}
a#cfloat_phone span.cfloat-icon {
    float: right;
    width: 14px;
    height: 37px;
    margin: 9px 23px 0px 0px;
    background: transparent url("../img/icons.png") no-repeat scroll -189px -879px;
}
#cfloat a:hover {
    width: 205px;
    padding-left: 15px;
    cursor: pointer;
    color: #FFF;
   transition: all 0.3s ease-out 0s;
}
a#cfloat_email {
    background: #49639E none repeat scroll 0% 0%;
    font-size: 15px;
    color: #49639E;
	right: 0px;
	float: right;
}
span.cfloat-txt {
    width: 0px;
    float: left;
    line-height: 2;
    padding: 5px 0px 10px;
}

@media screen and (max-width: 480px) {
.shariff {
	width: 6%;
	float: right;
	text-align: center;
	margin-right: 20px;
}
#cfloat {
	position: fixed !important;
	top: 320px!important;
	left: 0px;
	z-index: 9999;
	transition: all 0.3s ease 0s;
}
}