/*///////////////////////////  COMPUTER ///////////////////////////// */

@media (min-width: 1000px) {

}

/* ///////////////////////////MOBILE///////////////////////////// */
@media (max-width: 1000px) {
}


/* ///////////////////////////MOBILE end///////////////////////////// */

/*@font-face {
  font-family: 'FontAwesome';
  src: url('/r/mc/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('/r/mc/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/r/mc/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('/r/mc/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('/r/mc/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('/r/mc/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.faw{
  font-family: 'FontAwesome';
}*/


/* mcverde: #77b12a; */
/* mcnegro: #1C1C1B ; */
/* mcgris:  #ECECEC; */
/* mcnaranja: #E84E1B; */


  .responsiveheadText{
    display: none;
  }


body,div,span,img,ul,li,ol{
	margin: 0px;
	padding: 0px;
}
body{
  font-size: 14px;
  color: #333;
  background-color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
}


/*helps*/
.c{
	clear: both;
}
time{
  font-size: 9px;
  color: #828282;
}
.mau{
	margin-right: auto;
	margin-left:auto; 
}
.belement{
    display: block !important;
}
.helement{
    display: none;
}
.fl{
    float: left !important;
}
.dib{
  display: inline-block !important;
}
.dbk{
  display:  block;
}
.fr{
    float: right;
}
.mauto{
    margin-right: auto;
    margin-left: auto;
} 
.icondel{
      background-image: url(/r/mc/cssi/resources.png);
      background-repeat: no-repeat;
      background-position: -742px -9px;
      height: 19px;
      width: 19px;
      cursor: pointer;
}
.closeButton{
position: absolute;
top: -19px;
right: -13px;
}
.gfont{
      font-family: 'Montserrat', sans-serif;
}

.fc_1{
  color: #C4362E;
}
.bc_1{
  background-color: #E84E1B !important;
}
.smallfont{
  font-size: 9px;
}
/*helps*/


a{
    color: #000000;
    font-weight: bold;
}
a:hover{
  text-decoration: none;
  color: #eb5e2e;
}

a[disabled]{
  
color: #ccc;
  
cursor: default;
}


@media (min-width: 1260px) {
.pcWidth{
width: 1100px;
}
}

@media (max-width: 1260px) {
.pcWidth{
width: 960px;
}
}

@media (max-width: 1000px) {
	.pcWidth{
	width: 100%;
	}
}

@media (max-width: 500px) {
	.pcWidth{
	width: 100%;
	}
}


/*upbar*/
.barFixed > #barFixedMargin{
	margin-top: 40px;
}

.barFixed > .topbar{
	    position: fixed;
	    top: 0px;
}

.topbarStyle2{
      background-color: #ffffff;
      box-shadow: 0px 0px 20px #77b12a;
}
.topbar .mainLogomin img{
  display: none;
}
.mainLogomin{
  float: left;
}

@media (min-width: 1260px) {
.topbarStyle2 .mainLogo img{
  display: none;
}
.topbarStyle2 .mainLogomin img{
  display: block;
  margin-top: 2px;
  padding-left: 9px;
}
.topbar{padding-top: 26px;width: 100%;position: relative;min-height: 60px;z-index: 2;-webkit-transition: .3s all ease-out;-moz-transition: .3s all ease-out;-o-transition: .3s all ease-out;transition: .3s all ease-out;}

.topbarStyle2{min-height: 53px;padding-top: 0px;background-color: #ffffff;box-shadow: 0px 0px 20px #77b12a;}

}

@media (max-width: 1260px) {

.topbar{padding-top: 0px;width: 100%;position: relative;min-height: 42px;z-index: 2;-webkit-transition: .3s all ease-out;-moz-transition: .3s all ease-out;-o-transition: .3s all ease-out;transition: .3s all ease-out;}

.topbarStyle2{min-height: 40px;padding-top: 0px;}
.homeGallerySizes {
  margin-top: 0px !important;
}

.topbarStyle2 .mainLogo img{
  display: none;
}
.topbarStyle2 .mainLogomin img{
  display: block;
}

.cartsettingscategorie {margin-top: 0px !important;}

}
@media (max-width: 1000px) {
  .cartsettingscategorie {margin-top: 59px !important;}
}

@media (max-width: 600px) {
.homeGallerySizes {
    margin-top: 73px;
    width: calc(100% - 0px) !important;
}


}
@media (max-width: 500px) {

.mainLogo img{
  display: none;
}
.mainLogomin img{
  display: block !important;
}

.topbar{
  
background-color: #ffffff;
}

.menuNavScrollNormal {
  top: 50px !important;
  }


}


/*upbar*/

/* seach */
.searchBarIcon {
    float: left;
    width: 31px;
    height: 31px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 10px;
    border-radius: 5px;
}

.searchBarIcon {
}
.searchBarIcon {
    background-color: #77b12a;
}
.expanedIconsearch {
    background-image: url(/r/mc/cssi/resources.png);
    background-repeat: no-repeat;
    background-position: -145px -52px;
    /* background-color: #ccc; */
    cursor: pointer;
}

.searchBarC {
    float: left;
    width: 0px;
    opacity: 0;
    overflow: hidden;
    position: relative;
}

.searchBarC {margin-top: 6px;}

.searchBarC.sactive > .searchResults {
    display: block;
    z-index: 1;
}
.searchActive > .searchResults {
    opacity: 1;
}

.searchResults {
    opacity: 0;
    display: none;
    min-height: 40px;
    position: absolute;
    -webkit-transition: opacity .35s ease-out;
    -moz-transition: opacity .35s ease-out;
    -o-transition: opacity .35s ease-out;
    transition: opacity .35s ease-out;
    border-radius: 0px 0px 8px 10px;
    width: calc(100% - 20px);
    margin-left: 9px;
}

.searchResults {
    background-color: #FFF;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}


.expanedTitle_hidden div[class*="expanedTitle"] {
    display: none;
}

.searchActive {
    overflow: inherit;
}
.searchInput {
    margin-top: 3px;
    width: calc(100% - 32px);
    margin-left: 3px;
}
/* seach */

.hiddenelement {
    display: none;
}

/*expanedM*/
.expanedMsc{
	float: right;
	height: 40px;
	margin-left: 6px;
}
.barExpanedMenuC {
    position: relative;
}
.expanedB {
    padding: 0px;
    margin: 0px;
    /* height: 34px !important; */
    margin-top: 2px;
    cursor: pointer;
    position: relative;
}
.expanedIcon {
    height: 44px;
    width: 45px;
    float: left;
    margin-top: 1px;
    margin-right: 3px;
    margin-left: 3px;
    position: relative;
    border-radius: 100%;
    background-color: #77b12a;
}

.expanedTitlelimit {
    max-width: 102px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.expanedTitle {
    display: block;
    /* min-width: 18px; */
    text-align: center;
    line-height: 32px;
    float: left;
    padding-right: 14px;
    background-color: #77b12a;
    margin-top: 8px;
    border-radius: 0px 10px 10px 0px;
    margin-left: -11px;
    padding-left: 14px;
}

@media (min-width: 1000px) {
.expanedTitle_hidden div[class*="expanedTitle"]{
    display: none;
}
}
@media (max-width: 1260px) {
.expanedTitle_hidden_2{
display: none;
}
}

@media (max-width: 930px){
.expanedTitle {
    display: none !important;
}
}


.eeclass {
    display: block !important;
    height: auto !important;
}
.ntfmaster{
    display: block !important;
    height: auto !important;
}
.logeclass {
    display: block !important;
    height: auto !important;
}
.mainMenu_0 {
    display: block !important;
    height: auto !important;
}

.userAcMenu {
    display: block !important;
    height: auto !important;
}

.cartList {
    display: block !important;
    height: auto !important;
}
.nopurchaseAllowed_cart{
  
color: #eb763d;
  
font-weight: bold;
  
margin-top: 7px;
  
margin-bottom: 5px;
  
text-align: center;
}

/*expaned Ul*/

.expanedMenu{
    list-style-type: none;
}
.expanedMenu li{
    position: relative;
}
.expanedMenushowchildUl > ul{
    height: auto !important;
}
.expanedM1{
    
display: block;
    
height: 17px;
    
width: 17px;
    
top: 7px;
    
position: absolute;
    
background-image: url(/r/mc/cssi/resources.png);
    
background-repeat: no-repeat;
    
background-position: -579px -1px;
    
right: 3px;
}

.expandedMenuline span{
    display: none;
}

.expandedMenTre{
    
display: none;
    
width: 16px;
    
height: 14px;
    
float: left;
    
margin-top: 9px;
    
margin-right: 11px;
    
margin-left: 12px;
}

.expanedMenu li a{
    display: block;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
}

.expanedMenu li ul{
    margin-left: 19px;
    height: 0px;
    overflow: hidden;
    list-style-type: none;
}
.expanedMenu li ul li{}
.expanedMenu li ul li a{}
.expanedMenuLine{}
/*expaned Ul*/


/*expanedM*/

.gsection{min-height: 200px;margin-top: 0px;/* box-shadow: 0px 1px 26px 0px #d8d8d8; */}

.gsection_mtop2{
  margin-top: 0px;
}

/*CSS OF MESSAGEBOXS*/

.messagebox_main {background-color: #FFF;min-height: 66px;min-width: 200px;position: absolute;max-height: 445px;max-width: 498px;border: 1px solid #95C11F;padding-bottom: 4px;-webkit-border-radius: 8px;border-radius: 8px;}
.messagebox_icon {height: 52px;width: 60px;float: left;max-width: 500px;margin-left: 5px;}
.messagebox_bodycontent {background-color: #FFF;min-height: 50px;min-width: 248px;float: left;margin-left: 7px;max-width: 413px;overflow: auto;max-height: 357px;margin-top: 5px;}
.messagebox_buttons_con {
    width: 100%;
    float: left;
    margin-top: 5px;
}
.messagebox_buttons {
    text-align: center;
    vertical-align: middle;
    float: right;
    margin-top: 4px;
    min-width: 70px;
    min-height: 30px;
    cursor: pointer;
    margin-right: 4px;
}
.messagebox_icon0 {background-position: -87px 0px;}
.messagebox_icon1 {background-position: -139px 0px;}
.messagebox_icon2 {background-position: -191px 3px;}
.messagebox_icon3 {background-position: -238px 0px;}
.messagebox_icon4 {background-position: -296px -2px;}
.messagebox_title {

margin-bottom: 5px;
min-height: 24px;
text-align: center;
font-weight: bold;
line-height: 100%;
padding-top: 5px;
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
}


.buttonmemechef {

font-size: 11px;

display: block;
font-weight: bold;
text-align: center;
line-height: 26px;
border-radius: 6px;

padding-left: 4px;
padding-right: 5px;
padding-top: 3px;
       }


.trans{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;


}

.testclosebutton {
    background-image: url(sprite1.png);
    background-position: -1px -46px;
    height: 16px;
    width: 16px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
}
/*CSS OF MESSAGEBOXS END*/


/*NTF CSS START*/
.ntfCount{
    
position: absolute;
    
color: #FFFFFF;
    
right: -2px;
    
background-color: rgb(195, 54, 64);
    
top: -2px;
    
font-weight: bold;
    
min-width: 19px;
    
border-radius: 4px;
    
font-size: 13px;
    
text-align: center;
    
padding: 1px;


/*animation*/
 animation-name: ntfanimation;
 animation-duration: 0.5s;
 animation-iteration-count: infinite;
/*animation*/
}
/* ntfAnimation */
@keyframes ntfanimation {
    0%   {right:-2px;}
    25%  {right:-1px;}
    50%  {right:0px;background-color: red;}
    75%  {right:-1px;}
    100% {right:-2px;}
}


/* ntfAnimation */

.notificationsContainer{
  height: 40px;
  width: 147px;
  float: left;
  position: relative;
}
.notificationMessagesFlyOut{
width: 274px;
  position: absolute;
  top: 50px;
  right: -67px;
  border-radius: 3px;
  padding: 3px;
  display: none;
}
.notificationsFlyOut{
width: 350px;
  position: absolute;
  top: 50px;
  right: -67px;
  border-radius: 3px;
  padding: 3px;
  display: none;
}

.notificationsFlagIcon{
height: 36px;
  width: 30px;
  float: left;
  margin-top: 2px;
  margin-left: 2px;
  position: relative;
  border: solid 1px transparent;
  border-radius: 3px;
  cursor: pointer;
}



.notificationsMenuItems{
list-style-type: none;
}


.notificationsLiItems{
  height: 68px;
  position: relative;
}

.ntfIcon{
  position: absolute;
  top: 4px;
  left: 4px;
}
.ntfTitle{
position: absolute;
top: 4px;
left: 66px;
font-weight: bold;
font-size: 13px;
color: #000;
overflow: hidden;
height: 18px;
}
.ntfText{
    color: #000;
    position: absolute;
    top: 19px;
    left: 70px;
    font-size: 11px;
    overflow: hidden;
    max-width: 100%;
    text-align: left;
    height: 35px;
    font-weight: normal;
}
.ntfTime{
  position: absolute;
  top: 54px;
  font-size: 9px;
  left: 67px;
  color: #000;
}

.ntfClose{
position: absolute;
  top: 1px;
  right: 3px;
  width: 12px;
  height: 12px;
  display: none;
}

.notificationImageI{
      width: 24px;
  position: absolute;
  top: 6px;
  left: 3px;
}
.notificationParcialCount{
      position: absolute;

  color: #fff;
  border-radius: 3px;
  font-size: 10px;
  padding: 1px 3px;

  right: 1px;
  top: 1px;
}

.ntfViewAll a{
  font-weight: bold;
  font-size: 12px;
}
.ntfViewAll{
      text-align: center;
  font-size: 16px;
}
.ntfHref{
    display: block;
    height: 100%;
}
.notificationsLiItems:hover {
    background-color: #fba486;
}

.notificationsLiItems {
    background-color: #ffffff;
    border: solid 1px #ffffff;
    border-top: solid 0px;
}
.ntfItemUnRead {
    background-color: #e6e6e6;
}

/*NTF CSS END*/

/*progressbar 1*/

.bar_1 {
    width: 200px;
    height: 20px;
    background-color: #EFEFEF;
    border: solid 1px #ccc;
    position: relative;
    text-align: center;
}
.bar_progress {
    width: 0%;
    height: 100%;
    background-color: #5A85FF;
    position: absolute;
    top: 0px;
}

.bar_text {
    position: absolute;
    top: 0px;
    color: #FFFFFF;
    text-shadow: 0px 0px 3px #000;
    width: 100%;
    display: block;
}

/*progressbar 1*/


/*mainMenu*/
.mainMenu_C{
      position: absolute;
      text-align: center;
      display: none;
      left: 3px;
      opacity: 0;
      background-color: #ff0;
      height: 0px;
      box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
      top: calc(100% + 0px);
      -webkit-transition: opacity .35s ease-out,height .35s ease-out;
      -moz-transition: opacity .35s ease-out,height .35s ease-out;
      -o-transition: opacity .35s ease-out,height .35s ease-out;
      transition: opacity .35s ease-out,height .35s ease-out;
}

.MainMenu{
  list-style: none;
  position: relative;
}
.MainMenu li:hover .mainMItem{
/*   display: block; */
}
.MainMenu li .mainMItem{background-color: #6e5ec5;min-width: 850px;position: absolute;left: 100%;top: 0px;max-height: 300px;display: none;overflow-y: scroll;overflow-x: hidden;}

/*mainMenu END*/


/*product mainMenu*/
.menuProduct{display: inline-table;border: solid 1px;margin-top: 10px;margin-bottom: 10px;margin-left: 6px;}
.menuProduct > img{
}
.menuPTitle{color: #ff4c4c;font-weight: bold;}
.menuSubItems{
  
}
/*product mainMenu END*/

/*productConfig*/
.prodConfigPlus{
    background-image: url(/r/mc/cssi/resources.png);
    background-repeat: no-repeat;
    background-position: -49px -87px;
    position: absolute;
    top: 1px;
    RIGHT: 5PX;
    width: 42px;
    height: 42PX;
}


.productConfig .proddConfigNoSelect{
    background-color: #ECECEC;
}

 

.productConfig {}
.prodConfig{
    border-color: #ffffff!important;
    /* display: none; */
    width: 14px;
    height: 18px;
    padding: 0px !important;
    font-size: 12px;
    margin-top: 2px;
    float: left;
    text-align: center;
}

/* Spin Buttons modified */
.prodConfig[type="number"]::-webkit-outer-spin-button,
.prodConfig[type="number"]::-webkit-inner-spin-button {
/*     -webkit-appearance: none; */
    /*border-left: 1px solid #BBB;*/
/*     opacity: 0; /* shows Spin Buttons per default (Chrome >= 39) */ */
    width:0px;
    height:0px;
}

.prodConfig[type="number"]::-webkit-inner-spin-button:hover,
.prodConfig[type="number"]::-webkit-inner-spin-button:active{
    opacity: 0;
}


.productConfig{
  
height: 43px;
  
position: relative;
  
display: table;
  
width: 100%;
  
min-width: 150px;
  
max-width: 275px;
  
overflow: hidden;
  
margin-left: auto;
  
margin-top: 0px;
  
background-color: rgb(119, 177, 42);
  
margin-right: auto;
}
.prodconf_up{
    background-image: url(/r/mc/cssi/resources.png);
    background-repeat: no-repeat;
    width: 18px;
    background-position: -205px -55px;
    height: 18px;
    margin-top: 2px;
    float: left;
}
.prodconf_down{
    background-image: url(/r/mc/cssi/resources.png);
    background-repeat: no-repeat;
    width: 18px;
    float: left;
    background-position: -185px -55px;
    height: 18px;
    margin-top: 2px;
}
.prodconf_numview{
  
width: 20px;
  
height: 18px;
  
font-size: 12px;
  
float: left;
  
display: none;
}
.prodConfigView{
  
text-align: center;
}
.prodConfigText{
  
text-overflow: ellipsis;
  
overflow: hidden;
  
white-space: nowrap;
  
margin-top: 0px;
  
position: absolute;
  
font-size: 14px;
  
color: #fff;
  
width: calc(100% - 133px);
  
left: 7px;
  
text-align: left;
  
top: 11px;
}
.prodConfigPriceUnit{
  
position: absolute;
  
top: 0px;
  
display: none;

}
.prodConfigPriceAll{
    top: 7px;
    font-size: 15px;
    position: absolute;
    font-weight: bold;
    width: calc(100% - 118px);
    right: 70px;
    text-align: right;
    color: #ffffff;
}

.prodConfigSelect{
  
position: absolute;
  
right: 1px;
  
background-color: #fff;
  
margin-top: 6px;
  
padding-bottom: 3px;
  
padding-top: 3px;
  
border-radius: 4px;
  
margin-right: 2px;
}


.proddConfigNoSelect:hover .prodConfigPlus{/* background-color: #383232; */background-position: -149px -87px;}

.proddConfigNoSelect:hover .prodConfigMaxUnit, .proddConfigNoSelect:hover .prodConfigTextNos,.proddConfigNoSelect:hover .prodConfigMinUnit{
    color: #fff;
}


.proddConfigNoSelect:hover {background-color: #77b12a;}

.proddConfigNoSelect {
    position: absolute;
    width: 100%;
    cursor: pointer;
    height: 100%;
}
.prodConfigTextNos{text-align: left;text-overflow: ellipsis;overflow: hidden;font-size: 14px;white-space: nowrap;position: absolute;width: calc(100% - 132px);top: 11px;left: 7px;}
.prodConfigPriceNos{text-align: center;font-size: 17px;font-weight: bold;}
.prodConfigisOS .prodConfigMaxUnit{
  
top: 21px;
  
font-size: 13px;
}
.prodConfigisOS{
  
font-size: 11px;
  
width: calc(100% - 29px);
}

.prodConfigMinUnit{
  
display: inline-table;
  
position: absolute;
  
right: 50px;
  
color: #E84E1B;
  
font-size: 13px;
}
.prodConfigMaxUnit{display: inline-table;font-size: 19px;color: #E84E1B;position: absolute;right: 50px;top: 7px;}


.confNotselectConfig{width: 100%;margin-left: auto;margin-right: auto;background-color: #464646;max-width: 320px;}
.confNotSCContainer{overflow: hidden;height: 0px;-webkit-transition: height 0.8s;-moz-transition: height 0.8s;transition: height 0.8s;background-color: #fff;}
.confNotSCPlus_down{
  background-position: -146px -62px;
}
.confNotSCPlus_up .fa-chevron-down:before{
  background-position: -180px -62px;
  content: "\f077";
}
.dtfcs{
  cursor:pointer;
}
.dtfcs:hover .fa-chevron-down{
  color: #ffffff;
}
.confNotSCPlus{
  
background-repeat: no-repeat;
  
width: 15px;
  
height: 15px;
  
margin-left: auto;
  
color: #c3c3c3;
  
margin-right: auto;
  
cursor: pointer;
  
margin-top: 0px;
}
.prodConfigDelete{
  
position: absolute;
  
top: 3px;
  
left: 4px;
  
z-index: 0;
  
display: none;
}

/*productConfig END*/

/*cart*/
.cartshippingtext{
    font-size: 9px;
    display: inline;
}

.cartMessagepayDennied{
  display: none;
}

.cartShippingIcon{
    background-image: url(/r/mc/cssi/resources.png);
    background-repeat: no-repeat;
    background-position: 0px -88px;
    height: 40px;
    width: 48px;
    position: absolute;
    left: 0px;
    top: 3px;
  }
.cartShippingInfo{
  
height: 39px;
  
background-color: #ECECEC;
  
width: 100%;
  
display: inline-block;
  
position: relative;
  
color: #b1afaf;
  
text-shadow: 1px 1px 0px #eaeaea;
  
font-size: 19px;
  
padding-bottom: 3px;
  
text-align: center;
  
padding-top: 3px;
  
line-height: 40px;
  
margin-top: 3px;
  
z-index: 2;
  
-webkit-transition: all .2s ease;
  
-moz-transition: all .2s ease;
  
transition: all .2s ease;
}
.cartItemButtonCompc button{
  
text-decoration: none;
  
border: solid 0px;
  
display: inline-block;
  
margin-bottom: 0;
  
width: 100%;
  
font-weight: bold;
  
color: #fff;
  
text-align: center;
  
vertical-align: middle;
  
background-color: #e3332a;
  
cursor: pointer;
  
white-space: nowrap;
  
padding: 6px 8px;
  
font-size: 12px;
  
line-height: 1.42857;
  
border-radius: 4px;
  
margin-top: 6px;
  
-webkit-user-select: none;
  
-moz-user-select: none;
  
-ms-user-select: none;
  
user-select: none;
  
outline: none;
  
-webkit-transition: all .2s ease;
  
-moz-transition: all .2s ease;
  
transition: all .2s ease;
}
.cartItemButtonCompc{
  
position: absolute;
  
top: 0px;
  
left: 0px;
  
z-index: 2;
  
background-color: #E3332A;
  
width: calc(100% - 0px);
  
height: 44px;
}
.cartListEnd{
     max-height: 339px;
     overflow: auto;
     width: 100%;
     min-height: 5px;
}
.cartItemButtonComp{margin-top: 5px;}
.cartItemDel{
  
position: absolute;
  
right: 0px;
  
top: 0px;
  
cursor: pointer;
}

.cartItemC:first-child{margin-top: 42px;}
.cartItemC{
  
background-color: #ECECEC;
  
width: 100%;
  
display: inline-block;
  
position: relative;
  
padding-bottom: 5px;
  
margin-top: 3px;
}
.cartTitle{
  
color: #77b12a;
  
font-size: 19px;
  
width: calc(100% - 16px);
}
.cartConfigSelect{
  
text-align: center;
  
float: left;
  
margin-left: 13px;
  
width: calc(100% - 109px);
  
margin-top: 6px;
}
.cartImage img{
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: 80px;
}
.cartImage{
  
max-width: 100%;
  
overflow: hidden;
  
float: left;
  
margin-left: 6px;
  
margin-top: 5px;
}

/*cart*/


/*product*/

.product_ItemC{
  
background-color: #ffffff;
  
width: 300px;
  
display: inline-block;
  
padding-bottom: 13px;
  
margin-top: 12px;
  
min-height: 144px;
  
position: relative;
}
.product_Title{
  
text-align: center;
  
color: #3BA836;
  
font-size: 21px;
  
font-family: 'Montserrat', sans-serif;
}
.product_ConfigSelect{
  
text-align: center;
  
margin-left: 4px;
}
.product_Image img{
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: calc( 100% - 22px);
      height: auto;
}
.product_Image{
  
max-width: 100%;
  
overflow: hidden;
  
float: left;
  
margin-left: 4px;
  
min-width: 292px;
}

.productContainer{
  
text-align: center;
}
.product_cartExists{
  
background-image: url(/r/mc/cssi/resources.png);
  
background-repeat: no-repeat;
  
background-position: -711px -40px;
  
position: absolute;
  
top: 120px;
  
border-radius: 19px;
  
/* background-color: rgba(236, 112, 54, 0.77); */
  
width: 81px;
  
right: 12px;
  
height: 81PX;
  
display: none !important;
}
.product_ExistsColor{background-color: #77b12a;}
.product_ExistsColor .product_Title{
    color: #fff;
}
.product_ExistsColor .approx_wProduct{
    color: #fff;
}
.approx_wProduct{
  
text-align: left;
  
color: #1C1C1B;
  
font-size: 13px;
  
font-family: 'Montserrat', sans-serif;
  
margin-left: 14px;
  
margin-bottom: 4px;
}
/*product END*/




/*selectBox*/
.selectBoxContainer{
    border: 1px solid #ddd;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    min-width: 140px;
}
.selectBoxList{

}
.selectBoxListUl{list-style-type: none;}
.selectBoxListUl li{
    border: 1px solid #ddd;
    padding: 3px;
    text-align: center;
    margin-bottom: 3px;
    position: relative;
        min-height: 16px;
}
.selectBoxLiClose{
    border: 1px solid #ddd;
    width: 13px;
    height: 13px;
    display: inline-block;
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 12px;
    background-color: #ddd;
    text-align: center;
    cursor: pointer;
}
.selectBoxInputContainer{
    height: 30px;
}
.sshowresults>div[class*="selectBoxResultsItems"]{
  display: block;
}
.sshowresults>input[class*="selectBoxInputS"]{
   border-radius: 5px 5px 0px 0px;
    border-bottom: 0px;
}
.selectBoxInputS{
    outline: none;
    padding: 5px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    width: 95%;
    min-width: 100px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 350px;
}
.selectBoxResultsItems{
    width: 95%;
    min-width: 100px;
    margin-right: auto;
    margin-left: auto;
    max-width: 350px;
    display: none;
    position: relative;
}
.selectBoxResultsItems ul li:hover{
    background-color: #F5F5F5;
    text-decoration: underline;
}
.selectBoxResultsItems ul li{border: 1px solid #ddd;padding: 3px;color: #000;margin-bottom: 3px;position: relative;min-height: 16px;cursor: pointer;-webkit-border-radius: 3px;border-radius: 3px;word-wrap: break-word;}
.selectBoxResultsItems ul{
position: absolute;
    width: 99%;
    left: -5px;
    top: 0px;
    border: 1px solid #ddd;
    padding: 6px;
    background-color: #fff;
    border-top: 0px;
    max-height: 200px;
    overflow: auto;
    z-index: 1000;
}
.selectBoxListItemHtml{
      margin-right: 16px;
        word-wrap: break-word;
}
.sBoxBrs{
      -webkit-border-radius: 5px;
    border-radius: 5px;
}






/* ///////////////////////////MOBILE Start///////////////////////////// */
@media (max-width: 1000px) {


.selectBoxResultsItems {
    min-width: 90px;
}
.selectBoxContainer {
    min-width: 165px;
}

}
/* ///////////////////////////MOBILE END///////////////////////////// 

/*selectBox*/

.productSearchBoxTitle{
  
position: absolute;
  
left: 60px;
  
top: 19px;
}


/*paypage*/

.payIcon{
    height: 50px;
    width: 50px;
    border-radius: 100%;
    background-color: #d6e5c0;
    position: absolute;
    right: -24px;
    top: -5px;
    background-image: url(/r/mc/cssi/resources.png);
    background-repeat: no-repeat;
}

.paySteps{
  
text-align: center;
  
padding-top: 8px;
}
.paystepItem{
  
width: calc(25% - 64px);
  
height: 40px;
  
margin-left: 33px;
  
color: #fff;
  
background-color: #d6e5c0;
  
display: inline-block;
  
position: relative;
  
cursor: pointer;
}

.payStepDescrip{
  
line-height: 40px;
  
font-weight: bold;
}
.paystepItemSelect .payIcon
{
  
background-color: #77b12a;
}
.payicon_products{
  background-position: -695px 9px;
}
.payicon_config{
  background-position: -39px 0px;
}
.payicon_pay{
  background-position: 6px 0px;
}

.paystepItemSelect{background-color: #77b12a;cursor: initial;}
.paystepItemSelect .payarrowRight{
  
border-left-color: #3aAa35;
}
.stepButtonBack{
position: absolute;
left: 0px;
top: 5px;
}
.stepButtonNext2{
  
position: absolute;
  
bottom: -46px;
  
right: 0px;
}
.stepButtonNext{
  
position: absolute;
  
right: 0px;
  
top: 5px;
}
.stepLayer{
  
position: relative;
  
padding-top: 30px;
}
.payImageItem{
  
width: 80px;
  
margin-left: auto;
  
margin-right: auto;
  
display: block;
}


.paySendSetting_slec{
  
margin-left: auto;
  
margin-right: auto;
  
display: block;
}
.paySettingsTable
{width: 38%;margin-left: auto;margin-right: auto;}
.paySettingsTable tr th
{
}
.paySettingsTable tr td
{height: 41px;}

.payMethodItemC{width: 195px;border: solid 1px #ccc;display: inline-block;text-align: center;background-color: #fff;padding-bottom: 7px;padding-top: 7px;border-radius: 5px;cursor: pointer;}
.payMethodTitle{

font-size: 21px;

font-weight: bold;

color: #E84E1B;
}
.payMethodImage img{width: 160px;}
.payMethodImage{

}
.payMethodRadio{display: none;}
.payMethodsC{
  
text-align: center;
}
.endpayButton{margin-left: auto;margin-right: auto;display: block;margin-top: 8px;}

 .buyerdetails{
    background-color: #fff;
    padding: 13px;
    border-radius: 5px;
}
 .buyerdetails textarea{
 width: 287px;
 height: 46px;
 margin-left: auto;
 margin-right: auto;
 display: block;
 margin-top: 12px;
 }

/*paypage END*/



/* ordersuser */
.tableLink{
  
display: block;
  
text-align: center;
}
/* ordersuser */
/*viewOrder*/
.viewOrderTitle{

}
.vieworder_currentState{

}
.vieworder_deliverytime{

}

/*viewOrder END*/

/*chatORDER*/
.chatUnread_alert{
  
}
.chatContainer{width: 95%;
margin-left: auto;
background-color: #FFFFFF;
margin-right: auto;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
border: solid 1px #ddd;
margin-bottom: 10px;max-width: 600px;}
.chatScreen{
background-color: #F3F3F3;
height: 214px;
overflow: auto;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.chatMessageItem{
margin: 3px;
padding-top: 3px;
position: relative;
}
.chatUserName{display: inline;background-color: #E84E1B;color: #FFF;padding: 4px;position: absolute;z-index: 1;border: solid 1px #CFCFCF;border-bottom: solid 0px;text-align: right;}
.chatUserName_right{padding-left: 15px;border-radius: 6px 22px 0px 0px;-webkit-border-radius: 22px 6px 0px 0px;right: 0px;}
.chatUserName_left{
padding-right: 15px;
border-radius: 6px 22px 0px 0px;
-webkit-border-radius: 6px 22px 0px 0px;
left: 0px;
}

.chatMessage_right{
text-align: right;
float: right;
}
.chatMessage{padding: 6px;background-color: hsla(76, 66%, 43%, 0.09);margin-top: 26px;position: relative;border: solid 1px #CFCFCF;z-index: 0;-webkit-border-radius: 0px 0px 6px 6px;border-radius: 0px 0px 6px 6px;display: inline-block;}
.chatControls{

}

.chatAdminPanel{
height: 28px;
}
.chatTextbox1{
margin-left: auto;
width: 96%;
margin-right: auto;
outline: none;
padding: 5px;
text-align: center;
border: 1px solid #FFFFFF;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 2px 0px rgba(41, 36, 36, 1);
box-shadow: 0px 0px 2px 0px rgba(185, 185, 185, 1);
display: block;
}
.chatTitle{
  background-color: #77b12a;
  color: #fff;
  text-align: center;
  font-size: 21px;
  padding-bottom: 3px;
  font-weight: bold;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}
.oChatCountUnRead{
  background-color: #FF0000;
}
.oChatCountRead{
background-color: #F0F0F0;
}
.oChatCount{
display: block;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
padding: 6px;
font-weight: bold;
border: solid 1px #E6E6E6;
}
.chattime_left{
    right: 4px;
}
.chattime_right{
    left: 4px;
}
.chattime{
font-size: 11px;
  color: #BEBEBE;
  position: absolute;
  top: 14px;
}

.isreadSelect_left{
  right: 93px;
}
.isreadSelect_right{
  left: 93px;
}
.isreadSelect{ 
    position: absolute;
  top: 9px;
}


/*///////////////////////////  COMPUTER ///////////////////////////// */
@media (min-width: 1000px) {

}
 /*///////////////////////////  COMPUTER END ///////////////////////////// */

/* ///////////////////////////MOBILE Start///////////////////////////// */
@media (max-width: 1000px) {

  .isreadSelect, .chattime{
    display: none;
  }

}
/* ///////////////////////////MOBILE END///////////////////////////// 


/*chatORDER END*/



/* menuULgeneral */

.navMenuButton {
    height: 34px;
    margin-top: 2px;
    border-radius: 5px;
    /* padding-top: inherit; */
    float: right;
    cursor: pointer;
    position: relative;
    margin-right: 0px;
    margin-left: 0px;
}


/*menuUl*/
.menuNavUl{list-style-type: none;position: relative;height: 100%;}
.menuNavUl li{
}
.menuNavUl li:first-child > a{

}



.menuNavUl li a:not(.expanedMaster){display: block;/* height: 40px; */line-height: 41px;text-align: center;font-size: 23px;text-decoration: none;}
.menuNavUl li ul a {
}
.menuNavUl li ul{
  opacity: 0.6;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  position: absolute;
  width: 100%;
  top: 0px;
  list-style-type: none;
  -webkit-transition: 0.3s all ease-out;
  -moz-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  height: 100%;

}
.menuNavUl li ul li:nth-of-type(2) > a:not(.mnavignoreHead){/* height: 47px; */      line-height: 47px;      font-weight: bold;      cursor: pointer;      text-align: left;      font-size: 38px;
padding-left: 21px;}


.navMenuButton{height: 48px;margin-top: 2px;border-radius: 5px;/* padding-top: inherit; */float: left;cursor: pointer;position: relative;margin-right: 0px;margin-left: 0px;}

.backMenuNav{
  height: 45px;
  line-height: 45px;
  font-weight: bold;
  top: 0px;
  cursor: pointer;
  text-align: center;
  font-size: 28px;
  padding-left: 8px;
  padding-right: 8px;
}
.menuUlHead{

}
.expanedParent_s {
  content: "";
  height: 40px;
  width: 38px;
  margin-top: -34px;
  margin-left: calc(100% - 37px);
  display: block;
  cursor: pointer;
  }
.expanedParent{
cursor: pointer;
width: 100%;
font-weight: bold;
}
.expanedC{
  
display: block;
  
/* position: relative; */
}
.menuNavLine{
height: 1px;
margin-top: 9px;
margin-bottom: 9px;
display: block;
width: calc(100% - 27px);

margin-left: auto;
margin-right: auto;
}
.menuNavsubTitle{
  
display: block;
  
height: 47px;
  
line-height: 47px;
  
font-weight: bold;
  
cursor: pointer;
  
text-align: left;
  
font-size: 38px;
  
padding-left: 21px;
}

.pagenav {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    top: 40px;
    z-index: 2;
    overflow: scroll;
    left: 0px;
    height: calc(100% - 40px);
    position: fixed;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -o-transition: .3s all ease-out;
    transition: .3s all ease-out;
    background-color: #e84e1b;
}

.active {
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    transform: translateX(0) !important;
    opacity: 1 !important;
}

/*computer*/
@media (min-width: 1000px) {
.pagenav{
  max-width: 30%;
 }
}/*computer END*/

/*modile*/
@media (max-width: 1000px) {
  .pagenav{
  max-width: 500px;
 }
}/*modile END*/


/*navMenu colors*/
.menuNavUl li a:not(.expanedMaster):hover {
    -webkit-box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.17);
    color: #77b12a;
}
.pagenav{}
.menuNavUl li a:not(.expanedMaster){
    color: #fff;
    background-color: #e84e1b;
    /* border-bottom: solid 1px #232323; */
}
.menuNavUl li ul{background-color: #E84E1B;}
.shadowActive{
}

.navMenuButton span{
background-color: #FFF;
}
.backMenuNav:hover{
      border: solid 0px;
      /* border-bottom: solid 1px #9A1C25; */
      border-radius: 0px;
      padding-left: 5px;
}
.backMenuNav{
    color: #0e0e0e;
    background-color: #E84E1B;
    /* background-image: url(/themes/cssi_rm/1337.png); */
    margin: 0px;
    padding: 0px;
    color: #fff;
    margin-left: 5px;
    border: solid 0px;
    /* border-bottom: solid 1px #ffffff; */
    border-radius: 0px;
}
.expanedParent_s:hover{
  
color: #f30404;
}

.expanedParent_s {
    color: #BFC218;
    font-size: 23px;
    text-align: center;
    }
 .menuNavUl li ul li:nth-of-type(2) > a:not(.mnavignoreHead){
  background-color: #77b12a;
  color: #fff;
 }
.menuNavsubTitle{
background-color: #C0333D;color: #fff;}
.menumaster{
  
font-weight: bold;
  
color: #fff;
  
line-height: 30px !important;
  
margin-top: 8px;
  
display: none;
}
.navMenuButton_icon{height: 42px;width: 42px;margin-top: 2px;position: relative;float: left;margin-left: 3px;margin-right: 2px;background-image: url(/r/mc/cssi/resources.png);background-repeat: no-repeat;background-position: -660px 6px;border-radius: 100%;background-color: #77b12a;}
.navMenuButton:hover .expanedTitle {
    
color: #ffffff;
}
/*navMenu colors*/

.menuNavScrollNormal{
  top: 86px;
}
@media (max-width: 1260px)
{
  .menuNavScrollNormal{
  top: 60px;
}
.menu3config{
    margin-top: 60px!important;
}


}
.menuNavScrolldown{top: 50px;}



/*menuUl*/

/* menuULgeneral END*/


/*scroll start*/

/* Track */
.pagescrollA::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
.pagescrollA::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(11, 173, 61, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.pagescrollA::-webkit-scrollbar-track-piece{
    background-color: #E84E1B;
}
.pagescrollA::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
}
.pagescrollA::-webkit-scrollbar {
    width: 12px;
}
/*A end*/



/* Track */
.pagescrollB::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
.pagescrollB::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(196, 55, 65);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.pagescrollB::-webkit-scrollbar-track-piece{
    background-color: #FFFFFF;
}
.pagescrollB::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
}
.pagescrollB::-webkit-scrollbar {
    width: 12px;
}

/*scrolls end*/

/*categories*/
.cartsettingscategorie{
    margin-top: 0px;
    background-color: #77b12a;
    text-align: center;
    padding-bottom: 6px;
}

.cartsettingcItem{/* background-color: #c7b76a; */width: 162px;display: inline-table;height: 58px;color: #ffffff;font-size: 17px;font-weight: bold;}
.cartsstitle{

}

.cartsettingm2_b{
      margin-top: 36px;
}
.cartsettingm2{
      margin-top: -27px;
}

.cartssbody{
position: relative;
}
.cartsettings_msg{
  
position: absolute;
  
background-color: #E84E1B;
  
bottom: -84px;
  
display: none;
  
width: 171px;
  
left: 0px;
  
z-index: 1;
  
color: #fff;
  
border-radius: 5px;
  
box-shadow: 0px 1px 2px #d4d4d4;
  
padding: 5px;
  
font-size: 12px;
}
/*categories*/


/* homeGallery */
.gallery_300{
  width: 300px;
}
.homeGallerySizes{
  
margin-top: 0px;
  
/* width: calc(100% - 240px); */
width: calc(100%);
}
.homeGallerySizeRightBar{
  
width: 228px;
}
.homeGallerySizes_buttons{margin-top: 0px;width: calc(100% - 0px);}


@media (max-width: 1001px)
{
  .homeGallerySizes{
    margin-top: 50px !important;
}
}
/* homeGallery */

.mainLogo img{
}
.mainLogo{
  
margin-top: -13px;
  
float: left;
}

/*  head1 */
.head_title h1,h2,h3{background-color: #ffffff;display: inline;padding: 9px;padding-left: 20px;padding-right: 21px;font-size: 22px;font-style: italic;}
.head_title{
  background-image: url(/r/mc/cssi/lines.png);
  background-repeat: repeat-x;
  height: 33px;
  text-align: center;
  margin-top: 19px;
}
.head_title_1{
   background-position: 0px 0px;
   color: #E84E1B;
}

.head_title_2{
   background-position: 0px -19px;
   color: #3c9e35;
}
.greatHomeproducts{
  text-align: center;
}
/*  head1 end */
.endpurchaseFloat{
  
position: fixed;
  
bottom: 0px;
  
left: 0px;
  
min-width: 183px;
  
cursor: pointer;
  
background-color: #e84e1b;
  
padding: 7px;
  
padding-left: 47px;
  
min-height: 28px;
  
padding-top: 16px;
  
border-radius: 0px 5px 5px 0px;
  
display: block;
  
z-index: 4;
}
.endpurchaseAmount{
  
display: inline-block;
  
color: #fff;
  
font-weight: bold;
}
.endpurchaseIcon
{
    background-image: url(/r/mc/cssi/resources.png);
    background-repeat: no-repeat;
    width: 41px;
    background-position: -99px -87px;
    height: 38px;
    position: absolute;
    left: 4px;
    top: 9px;
}

.endpurchaseTitle{
  
display: inline-block;
  
color: #fff;
  
font-weight: bold;
}

@media (max-width: 500px){
.endpurchaseFloat{
}
}
.welcomeindex{
  
min-height: 67px;
  
clear: both;
}

/* posts */
.notesContents{
  
text-align: center;
}
.postC{
    width: 280px;
    display: inline-block;
    margin-left: 8px;
}
.postC a{
    text-decoration: none;
    color: #E84E1B;
}
.postC a:hover{
    color: #77b12a;
}
.postTitle{height: 32px;line-height: 32px;}
.postImage{
    width: 100%;
}
.postImage img{
    width: 100%;
    height: auto;
}
/* posts End*/


@media (max-width: 500px){


}

/* menucomputer */

.menu3config {
    background-color: #000;
    height: 41px;
    margin-top: 94px;
}
@media (max-width: 1001px){
.menu3config {
    display: none !important;
}
}

.menu3config {
    background-color: #77b12a;
}



@media (max-width: 1001px) {
  .menu3config {
    display: none !important;
  }
}

.menu3{
padding-left: 0;
margin-bottom: 0;
list-style: none;
min-height: 40px;
margin-left: auto;
margin-right: auto;
}
.menu3 > li{
  
float: left;
  
position: relative;
}

.menu3 li a:hover {
    color: #ffffff;
    background-color: #e84e1b;
}
.menu3 li a{
  
text-decoration: none;
  
display: block;
  
-webkit-transition: all 0.25s linear;
  
-moz-transition: all 0.25s linear;
  
-ms-transition: all 300ms;
  
-o-transition: all 300ms;
  
transition: all 0.25s linear;
  
padding-top: 12px;
  
color: #fff;
  
padding-right: 15px;
  
padding-bottom: 10px;
  
padding-left: 15px;
  
font-size: 13px;
  
min-height: 19px;
}

.menu3 li ul{
  
display: none;
  
position: absolute;
  
z-index: 1;
  
top: calc(100% - 2px);
  
list-style-type: none;
  
box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.38);
}
.menu3asmall{
  padding-top: 4px !important;
  padding-bottom: 2px !important;
}
.menu3 li:hover > ul{
  display:block;
}

.menu3 li ul li > ul {
  
top: 0px;
  

  
left: 100%;
}
.menu3 li ul li{
    position: relative;
    min-width: 183px;
}


.menu3 li ul {
    background-color: #77b12a;
}

/* menucomputerend */

.home_categories{

position: absolute;

left: 0px;

width: calc(100% - 13px);

background-color: rgba(0, 0, 0, 0.54);

color: #fff;

max-height: 95px;

bottom: 0px;

padding: 7px;

font-weight: normal;
}
.home_categories_link img{
    width: 100%;
}
.home_categories_link{position: relative;border-radius: 5px;overflow: hidden;display: inline-block;max-width: 393px;margin-top: 12px;width: calc(100% - 20px);margin-left: 10px;margin-right: 10px;}
.home_categories_title{
  
color: #e84e1b;
  
font-weight: bold;
  
background-color: rgba(0, 0, 0, 0.36);
  
font-size: 38px;
}


/* helptray */
.helptray_cno{position: fixed;z-index: 4;bottom: 0px;right: 0px;background-color: #ffffff;border: solid 1px #ccc;padding: 3px;border-radius: 14px 0px 0px 0px;}
.helptray_message{position: relative;padding: 13px;/* border: solid 1px #ccc; */border-radius: 5px;padding-top: 21px;}
.helptray_textar{width: 239px;height: 84px;resize: none;margin-top: 5px;display: inherit;margin-bottom: 5px;}
.helptray_icon img{
  
width: 34px;
  
margin-right: 3px;
  
margin-bottom: 5px;
  
float: right;
}
.helptray_icon{
    cursor: pointer;
}
.helptray_title{
  
float: left;
  
font-size: 13px;
  
line-height: 32px;
  
text-shadow: #a7a7a7 0px 0px 1px;
  
margin-right: 5px;
}
.helptrayclose{
  
position: absolute;
  
top: 0px;
  
right: 0px;
}
.helpbuttonsend{
  
}
@media (max-width: 400px) {
.helptray_title{
    display: none;
}
}
/* helptray */

/* footer */
footer{
  
background-color: #77b12a;
  
background-image: url(../cssi/bgtmp.jpg);
  
background-position: center bottom;
  
background-repeat: no-repeat;
  
position: relative;
  
min-height: 255px;
  
background-attachment: fixed;
  
display: block;
}

@media (max-width: 1100px) {
  footer{
    
padding-bottom: 80px;
  }
}
.footC{
    min-height: 129px;
    text-align: center;
    z-index: 3;
    position: relative;
}
.foot_item{
    display: inline-table;
    width: 270px;
    margin-left: 16px;
    margin-top: 51px;
    text-align: center;
    border-radius: 8px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.85);
}
.footTitle{
    color: #e84e1b;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    /* text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.62); */
}
.footUl{
    list-style-type: none;
}
.footUl a{
    color: #77b12a;
    font-weight: normal;
    text-decoration: none;
}
.footUl a:hover{
    text-decoration: underline;
}
.foot_desc{
    text-align: center;
    color: #e84e1b;
    border-radius: 8px;
    padding: 12px;
    margin-top: 20px;
    max-width: 207px;
    background-color: rgba(255, 255, 255, 0.82);
}
/* footer */

  .testerDialoggl{
    background-color: #f00;
    padding: 23px;
    color: #fff;
    border-radius: 5px;
    margin: 20px;
    font-size: 33px;
  }

  .gradient_foot{
    
top: -16px;
    
position: absolute;
    
height: 62px;
    
z-index: 3;
    
width: 100%;
    
background: rgba(255,255,255,1);
    
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.83) 17%, rgba(237,237,237,0) 100%);
    
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(17%, rgba(246,246,246,0.83)), color-stop(100%, rgba(237,237,237,0)));
    
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.83) 17%, rgba(237,237,237,0) 100%);
    
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.83) 17%, rgba(237,237,237,0) 100%);
    
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.83) 17%, rgba(237,237,237,0) 100%);
    
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,0.83) 17%, rgba(237,237,237,0) 100%);
    
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    
display: none;
  }