.header-bg {background-color: rgba(0,0,0,0.55); background-size: 100% 100%;}
.tel-bg {background-color: rgba(0,0,0,0.4); font-size: 25px;}
.tel-icon {color: #00ff00;}
.tel {color: #ffffff;}
.tel:hover {color: #ffff00;}

.header-list {width: 100%;}
.header-list ul {max-width: 280px; font-size: 20px; margin: 0px 20px 20px; padding: 0;}
.header-list li {position: relative; overflow: hidden; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; background-color: rgba(0,0,0,0.4); margin-bottom: 10px; padding-right: 14px; padding-left: 14px; font-weight: bold;}
.header-list li a {position: absolute; right: 20px; top: 0; z-index: 9; white-space: nowrap; width: 100%; color: #ffffff;}
.header-list li a:hover {color: #ffff00; text-decoration: none;}
.header-list li span {position: absolute; right: 0; top: 0; background-color: rgba(0,0,0,0.8); height: 100%; width: 14px; transition: all 0.8s;}
.header-list li span.current {background-color: #ff0000;}
.header-list li:hover span {transition: all 0.8s; width: 100%;}

.siteLogo {display: block; background-color: rgba(255,255,255,0.3); padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-left: 20px;}
.siteLogo:hover {background-color: rgba(255,255,255,0.6);}
.siteLogo img {width: 128px; height: 128px;}

@media only screen and (max-width: 400px) {
	.header-list ul {margin: 0px 5px 5px; padding: 0;}
	.siteLogo {margin-left: 5px;}
}

.text-first {color: #ffca29;}

.siteTitle {text-shadow: black 1px 0px 3px, black 1px 1px 3px, black 0px 1px 3px, black 0px 0px 3px; font-weight: bold;}
.siteShare {position: absolute; bottom: -50px; left: 20px; padding: 5px; font-size: 20px;}
.siteShare a {margin-right: 10px;}

.homeCat img {width: 100%; height: 100%;}
.homeCat p {white-space: pre;}

body {font-size: 15px; color: #000000;}

@media only screen and (max-width: 767px) {
	.homeCat {text-align: center;}
}

.li-icon {font-size: 45px;}

a {color:#0000ff; transition: all 0.8s;}
a:hover {color:#ff0000; text-decoration: none; transition: all 0.8s;}

#search div {display: inline;}

.underline {font-size: 25px; color: #ff0000; font-weight: bold; text-align: center;}
.underline::after {content: '';display: block;width: 35px;height: 6px;background: #ffca29;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin: auto;margin-top: 5px;}

.links a {color: #0000ff; font-size: 19px;}
.links a:hover {color: #ff0000;}

#copyrights {font-size: 14px; color: #ffffff; background-color: #000000;
text-shadow: 1px 1px 1px #000000, -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000;
}

.myHr {background-image: linear-gradient(#ff0000, #ffca29); height: 4px;}

.homeCatTitle {color: #0000ff;}

.mw-100 {max-width: 100%;}







/*
  multiple option select
*/

.SumoSelect .select-all {height: auto;}

.myTable {font-size: 19px; font-weight: bold; color: #000;}
.myTable th {vertical-align: middle; text-align: center; border: 1px solid #000000; background-color: #ffa824;}
.myTable td {vertical-align: middle; text-align: center; border: 1px solid #000000;}
.myTable tr:hover {background-color: rgba(255,255,255,0.9);}
.myTable .myColor1 {background-color:#ffe4b9;}
.myTable .myColor2 {background-color:#ffdea8;}

.theorder {width: 60px; background-color: transparent; color: #ffffff;}
.imgthumb {width: 100%; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	box-sizing: border-box; border: 5px solid #fff !important; 
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25); 
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
}

@media only screen and (max-width: 991px)
{
	.mw-md-100 {max-width: 100%!important;}
	.tc {white-space: nowrap;}
	.t {overflow-x: scroll;}
}



#myAccordion a {color: #cd7e00; font-size: 22px; font-weight: bold;}
#myAccordion a:hover {color: #9d6400;}
#myAccordion {font-size: 20px;}



hr {background-color: #777777;}

#secondCarousel .carouselImg {max-width: 100%; height: auto;}
#secondCarousel .carouselImg {padding: 2px; 
	border-radius: 15px; 
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-box-shadow: 0 12px 10px -8px rgba(0,0,0, .8); 
	-moz-box-shadow: 0 12px 10px -8px rgba(0,0,0, .8); 
	box-shadow: 0 12px 10px -8px rgba(0,0,0, .8); 
	border: 8px solid rgba(0,0,0,0.65);}
#secondCarousel .carouselThumbImg {width: 70px; height: 50px;}
#secondCarousel .carousel-caption {padding: 20px; left: unset; right: 50%; transform: translateX(50%); 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	background-color: rgba(0,0,0,0.7); display: inline-block; font-weight: bold; font-size: 19px;}
#secondCarousel .carousel-indicators {margin-top: 10px; bottom: unset; margin-left: unset; margin-right: unset; position: unset;}
#secondCarousel .carousel-indicators a {margin: 5px; 
	border-radius: 8px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
 border: 1px solid #0000ff; overflow: hidden;}
#secondCarousel .carousel-indicators a.active {background-color: #9d6400; border-color: #9d6400;}
#secondCarousel .carousel-indicators a img {margin: 1px; 
	border-radius: 8px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
}


.overlay-1 {overflow: hidden;}
.overlay-1:hover .overlay a {color: #ff0000; transition-duration: 1s; background-color: rgba(0,0,0,0.6);}
.overlay-1:hover {background-size: 120% 120% !important; transition-duration: 1s;}
.overlay a {color: #ffffff; background-color: rgba(0,0,0,0.2);}



.social a i {padding: 2px;}
.social a:hover i {background-color: #000000; transition: background-color 1.5s; 
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}



.mytext-right {text-align: left !important;}
.mytext-left {text-align: right !important;}

@media only screen and (max-width: 768px)
{
	.mytext-right {text-align: center !important;}
	.mytext-left {text-align: center !important;}
}


#cartTable .cartTr .firstTd {padding-right: 3px!important;}
#cartTable .cartTr .actions {width: 30px;}
#cartTable .cartTr .actions button {padding: 1px; font-size: 10px;}
#cartTable .cartTr .lastTd {padding-left: 3px!important; text-align: left;}



/*.bg-first {background-color: #ffd700;}*/
/*.text-first {color: #ffd700;}*/
.bg-gradient {background-image: linear-gradient(#f5cd57 0%, #cf7f00 60%)}

.rotate1 {transform: rotate(-8deg); -ms-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);}
.rotate2 {transform: rotate(8deg); -ms-transform: rotate(8deg); -webkit-transform: rotate(8deg);}
.rotate1 img, .rotate2 img {width: 100%; height: 200px; border: 1px solid #ffffff; 
	box-shadow: 0px 0px 8px 2px rgba(255,255,255,0.8);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(255,255,255,0.8); 
	-moz-box-shadow: 0px 0px 8px 2px rgba(255,255,255,0.8);
}

#navbarNavDropdown li.active::after {color: #cf7f00; font-family: 'FontAwesome'; content: '\F0D7'; font-size: 35px !important; width: 20px; height: 12px; position: absolute; bottom: 25%; left: 50%; margin: -12px 0 0 -10px; z-index: 200;}
#navbarNavDropdown li {position: relative; margin-right: 5px; margin-left: 5px;}
@media only screen and (max-width: 767px) {
	#navbarNavDropdown li.active::after {display: none;}
	.mini {overflow-x: scroll;}
}


.currentPage {color: #ffff00;}


.site {
text-shadow: 1px 1px 1px #000000, -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000;
}

.marquee {padding-right: 120px; width: 100%; height: 40px; font-size: 20px; font-weight: bold;}
.marquee marquee {text-align: left; width:100%; vertical-align: middle; background-color: rgba(255,255,255,0.4); height: 100%; line-height: 40px; 
	border-top: 1px solid #ffff93;
    border-bottom: 1px solid #cc7001;
    border-left: #ebc759 1px solid;
	/*background-image: linear-gradient(#cb6f00 0%, #ffff93 100%);*/}
.marquee-news {background: url(../images/images/company-news.jpg) no-repeat right top;}
.marquee-tower {background: url(../images/images/tower-news.jpg) no-repeat right top;}


.dropdown-menu.show {top:90%!important;}

.offer {border: 4px solid #ffd700; 
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.ribbon {position: absolute; bottom: 0; left: 0; width: 100%; height: 100px;}
.offer-desc {line-height: 45px;}

.headings {border: 1px solid #ffffff; 
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25); 
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25); 
}
.item {font-weight: bold; font-size: 25px; margin-bottom: 10px;}