.itopplus-background {
background-image:none;background-color :rgba(242, 240, 240, 1);
}

.itopplus-menu, .navbar-default {
    background: #3a3f44 !important;
}
.itopplus-banner {
 	background-color: #00a950;
}
.navbar-default {
    background: #282828;
}
.navbar-nav>li>a {
    font-family: RSU;
    font-size: 18px;
}
.menuVertical .nav-pills>li>a {
    font-family: RSU;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding:0px;
    border-radius: 0px;
    color: #000000!important;
    background:transparent!important;
}
.menuVertical .nav-pills>li>a:hover{
    color: #009a49!important;
}
.menuVertical .nav-stacked>li  {
    border-radius: 0px;
    color: #000000;
    background:transparent!important;
}
#scrollTop{
	position:fixed;
	bottom:15px;
	left:15px;
	display:inline-block;
	visibility:hidden;
	cursor:pointer;
	z-index:999;
	
	opacity:0;
	
	transition:all 0.3s ease-in-out;
	font-size:26px;
	line-height: 1;
	padding:5px 9.5px;
	text-align:center;
}
#scrollTop.fixed {
	visibility:visible;
	opacity:0.5;
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {

h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
} 
#main-navbar-collapse{
  text-align:center ;
}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
}

}
/*-----------------------------------Custom-------------------------------*/
#Component5931349612af67000100bf2d .thumbs .imageGallery{
    background-color:#ffffff;
    -webkit-box-shadow: 10px 0px 32px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 0px 32px 0px rgba(0,0,0,0.3);
     box-shadow: 10px 0px 32px 0px rgba(0,0,0,0.3);
}
#Component5931349612af67000100bf2d .thumbs:hover .imageGallery{
    background-color:#ffffff;
    -webkit-box-shadow: 10px 0px 32px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 10px 0px 32px 0px rgba(0,0,0,0.6);
     box-shadow: 10px 0px 32px 0px rgba(0,0,0,0.6);
}
#Component5931349612af67000100bf2d .thumbs figcaption{
    font-family: RSU;
    font-size: 20px;
    color:#28b37a;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding:20px 5px;
    background-color:#ffffff;
    -webkit-box-shadow: 0px 5px 32px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 32px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 32px 0px rgba(0,0,0,0.3);
}
#Component5931349612af67000100bf2d .thumbs:hover figcaption{
    -webkit-box-shadow: 0px 5px 32px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 5px 32px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 5px 32px 0px rgba(0,0,0,0.6);
}
figure.effect-selena {
    background: transparent!important;
}
figure.effect-apollo {
    background: transparent!important;
}

/*-----------------------------------Image 100%-------------------------------*/
.full-image .image-inline{
    width:100%!important;
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 1px 2px rgba(0,0,0,.075);
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/*-----------------------------------Content Manager-------------------------------*/
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-family: RSU;
    font-size: 20px!important;
    color: #00a950!important;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
    font-family: RSU;
    font-size: 16px!important;
}
h3.managerHeader{
    font-family: RSU;
    font-size: 30px;
    color: #00a950!important;
}
.page-header h4{
    font-family: RSU;
    font-size: 24px;
    color: #00a950!important;
}
.Contentmanager .nav-template strong{
    font-family: RSU;
    font-size: 18px;
}
.Contentmanager .nav-template p{
    font-family: RSU;
    font-size: 16px;
}
/*-----------------------------------Shopping Cart-------------------------------*/
.shopcart {
    background-color: #01a851!important; 
}
.Template-E-pic {
    border: 4px solid #e8e8e8!important; 
    height:inherit!important; 
}
.Template-E-button {
    width: 50%!important;
    background-color: #e8e8e8!important;
    font-size: 20px!important;
    font-family: RSU!important;
}
.Template-E-Name {
    font-size: 20px!important;
    font-family: RSU!important;
    color: #00a950!important;
}
.Template-E-Price, .Template-E-PriceMember {
    font-size: 22px!important;
    font-family: RSU!important;
    color: #d42431!important;
}

.shopcart-Cate {
    font-size: 18px!important;
    font-family: RSU!important;
}
.shopcartID-Head-Default, .shopcartName-Head-Default {
    font-size: 24px!important;
    font-family: RSU!important;
    color: #02a852;
    font-weight: 700;
}
.shopcartID-Default {
    font-size: 22px!important;
    font-family: RSU!important
}
.shopcartFeature-Default, .shopcartName-Default {
    font-size: 22px!important;
    font-family: RSU!important
}
.Template-E-PriceNormal {
    font-size: 22px!important;
    font-family: RSU!important
}
.Template-E-Item, .Template-E-Quantity {
    font-size: 22px!important;
    font-family: RSU!important
}
.Template-E-buttonDetail {
    width: 50%!important;
    background-color: #e8e8e8!important;
    font-size: 20px!important;
    font-family: RSU!important;
}
.Template-E-Big, .Template-E-pic-Ex {
    border: 4px solid #e8e8e8!important;
}
.shopcartDetail-Default {
    font-size: 24px!important;
    font-family: RSU!important;
    font-weight: 700;
}
.shopcartRelated-Default.shopcartRelated{
    font-size: 24px!important;
    font-family: RSU!important;
    font-weight: 700;
}
/*-----------------------------------Summary-------------------------------*/
.ui.steps .step .title {
    font-family:RSU!important;
    font-size:18px!important;
    margin-top:10px!important;
    line-height: normal!important;
    letter-spacing: 0.5px!important;
}
.ui.steps .step.active .title,
.step.active i{
    color: #fff!important;
}
.ui.steps .step.active,.ui.steps .step.active:after {
    background:#282828!important;
}
.Headcheckout {
    font-size: 20px!important;
}
.Bodycheckout {
    font-size: 18px!important;
}
.step1checkout, .step5checkout {
    background-color: #00a950!important;
    border: 5px solid #00a950!important;
}
.btnCheckoutprevious{
    background-color: #00a950!important;
    letter-spacing: 0.5px;
}
.btnCheckoutprevious:hover{
    background-color: #282828!important;
}
.form-control, output {
    font-size: 14px!important;
}
.shopcart-paymentpage {
    background-color: #282828;
}
/*-----------------------------------form apply----------------------------*/
#formdisplay5937d80f313bdf0015237c50{
  font-size: 18px;
  font-family: RSU;
  color:#000;
}
/*-----------------------------share-----------------------------------------*/
.button-share ul{
    float: right!important;
    -webkit-padding-start: 0px!important;
}
.button-share ul li {
    float: left!important;
}
.icon-share {
    margin: 2px!important;
}
/*-----------------------------coomment--------------------------------*/
.fb_iframe_widget {
    width: 100%!important;
}
.fb_iframe_widget span {
    width: 100%!important;
}
.fb_iframe_widget iframe {
    width: 100%!important;
}
/*---------------------------paginatio------------------------------------*/
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #474747;
}
.pagination>li>a, .pagination>li>span {
    color: #454545;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #01a851;
    border-color: #01a851;
}

#unknown {
bottom: 120px!important;
}