*,body{cursor:default;}
img,body{margin:0px;padding:0px}


  img{vertical-align: middle;}
/******************************/
/*****************************/
/*------- page diving ------*/
/***************************/
/*side 1***********/
#loader{position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.8);z-index:100000;width:100%;height:100%;display:none;}
#loader div{position:fixed;bottom:0px;left:0px;background:none;z-index:100001;width:100%;height:55%;text-align:center;color:#fff;direction:rtl;font-size:20px;}
.Hpagedata{display:none}
.Hheaderside{width:100%;position:fixed;right:0;top:0;direction:rtl;text-align:right;overflow:visible;z-index:20009;box-sizing:border-box}
.Hmenuside{position:fixed;right:0;direction:rtl;text-align:right;box-sizing:border-box;z-index:20010;transition:right linear 0.3s;-ms-transition:right linear 0.3s;-o-transition:right linear 0.3s;-moz-transition:right linear 0.3s;-webkit-transition:right linear 0.3s;}
.Hmenuside .Hbody{position:relative;right:0;direction:rtl;text-align:right;overflow:hidden;overflow-y:scroll;box-sizing:border-box;width:100%;}
.Hmenuside ul{list-style-type:none;margin:0px;}
.Hmenuside ul li:before{content:"\21B2";}
.Hmenuside .Hmenu{display:none;position:relative;float:left;padding:20px 8px;background-color:blueviolet;width:10px;z-index:20010;margin-left:-26px;border-bottom-left-radius:10px;border-top-left-radius:10px;}
/*.Hmenuside .Hmenu::before{content:"\226B "}*/
.Hbodyside{direction:rtl;padding:10px;box-sizing:border-box;}
/*.Hmenuside.min {right:-30%;}*/
/*containers***********/
/*.Hcontainer,.Hcontainer-1000,.Hcontainer-1200,.Hcontainer-1300{position:relative;width:100%;margin:0px auto; direction:rtl;display:table;}*/
.Hcontainer{position:relative;width:100%;margin:0px auto; direction:rtl;display:table;}
.Hcontainer-1000{max-width:1000px;}
.Hcontainer-1100{max-width:1100px;}
.Hcontainer-1200{max-width:1200px;}
.Hcontainer-1300{max-width:1300px;}
.Hcontainer-fluid{position:relative;margin:3px 0px;width:100%;direction:rtl}
.Hcontainer-80{position:relative; width:80%;margin:0px auto;display:table;direction:rtl;}
.Hcontainer-90{position:relative; width:90%;margin:0px auto;display:table;direction:rtl;}
.Hcontainer-95{position:relative; width:95%;margin:0px auto;display:table;direction:rtl;}
.Hcontainer-98{position:relative; width:98%;margin:0px auto;display:table;direction:rtl;}
/*row***********/
.Hrow{position:relative;width:100%;float:right;margin:0px;direction:rtl}
/*col set***********/
.Hcol-xss-12,.Hcol-xss-11,.Hcol-xss-10,.Hcol-xss-9,.Hcol-xss-8,.Hcol-xss-7,.Hcol-xss-6,.Hcol-xss-5,.Hcol-xss-4,.Hcol-xss-3,.Hcol-xss-2,.Hcol-xss-1,
.Hcol-xs-12,.Hcol-xs-11,.Hcol-xs-10,.Hcol-xs-9,.Hcol-xs-8,.Hcol-xs-7,.Hcol-xs-6,.Hcol-xs-5,.Hcol-xs-4,.Hcol-xs-3,.Hcol-xs-2,.Hcol-xs-1,
.Hcol-sm-12,.Hcol-sm-11.Hcol-sm-10,.Hcol-sm-9,.Hcol-sm-8,.Hcol-sm-7,.Hcol-sm-6,.Hcol-sm-5,.Hcol-sm-4,.Hcol-sm-3,.Hcol-sm-2,.Hcol-sm-1,
.Hcol-xsm-12,.Hcol-xsm-11.Hcol-xsm-10,.Hcol-xsm-9,.Hcol-xsm-8,.Hcol-xsm-7,.Hcol-xsm-6,.Hcol-xsm-5,.Hcol-xsm-4,.Hcol-xsm-3,.Hcol-xsm-2,.Hcol-xsm-1,
.Hcol-md-12,.Hcol-md-11,.Hcol-md-10,.Hcol-md-9,.Hcol-md-8,.Hcol-md-7,.Hcol-md-6,.Hcol-md-5,.Hcol-md-4,.Hcol-md-3,.Hcol-md-2,.Hcol-md-1,
.Hcol-xmd-12,.Hcol-xmd-11,.Hcol-xmd-10,.Hcol-xmd-9,.Hcol-xmd-8,.Hcol-xmd-7,.Hcol-xmd-6,.Hcol-xmd-5,.Hcol-xmd-4,.Hcol-xmd-3,.Hcol-xmd-2,.Hcol-xmd-1,
.Hcol-lg-12,.Hcol-lg-11,.Hcol-lg-10,.Hcol-lg-9,.Hcol-lg-8,.Hcol-lg-7,.Hcol-lg-6,.Hcol-lg-5,.Hcol-lg-4,.Hcol-lg-3,.Hcol-lg-2,.Hcol-lg-1,
.Hcol-xlg-12,.Hcol-xlg-11,.Hcol-xlg-10,.Hcol-xlg-9,.Hcol-xlg-8,.Hcol-xlg-7, .Hcol-xlg-6, .Hcol-xlg-5, .Hcol-xlg-4, .Hcol-xlg-3, .Hcol-xlg-2, .Hcol-xlg-1
{position:relative;min-height:10px;float:right;direction:rtl;display:table-column;margin:0;padding:0}
    .Hcol-md-12 {width: 100%;}.Hcol-md-11 {width: 91.66666667%;}.Hcol-md-10 {width: 83.33333333%;}.Hcol-md-9 {width: 75%;}.Hcol-md-8 {width: 66.66666667%;}.Hcol-md-7 {width: 58.33333333%;}.Hcol-md-6 {width: 50%;}.Hcol-md-5 {width: 41.66666667%;}.Hcol-md-4 {width: 33.33333333%;}.Hcol-md-3 {width: 25%;}.Hcol-md-2 {width: 16.66666667%;}.Hcol-md-1 {width: 8.33333333%;}

/******************************/
/*****************************/
/*------ test media --------*/
/***************************/
.viewtest{position:fixed;background:#fff;left:10px;top:10px;z-index:200000;}
  .xss{display:none;}
  .xs{display:none;}
  .sm{display:none;}
  .xsm{display:none;}
  .md{display:none;}
  .xmd{display:none;}
  .lg{display:none;}
  .xlg{display:none;}
/******************************/
/*****************************/
/*-------- base tags -------*/
/***************************/
a,a:link,a:visited,a:hover{color:unset;text-decoration:none;cursor:pointer;}
input,select,option,optgroup,textarea{padding:5px 10px;}




.Hcheck-group .checkmark::after{content:attr(data-txt) !important;}

/******************************/
/*****************************/
/*-------- base class ------*/
/***************************/
.Heducode{color: #000;}
.Heducode val{color: #0000CD;}
.Heducode tag{color: #A52A2A;}
.Heducode span{color: #FF0000;}
.Heducode syn{color: #006600;}
.Hresponsive{width:100%;}
.Himg-responsive{max-width:100%;}
.Hhideall{display:none}
.Hclear{clear:both;content:" "}



.transition{transition-property:all;transition-timing-function:linear}
/******************************/
/*****************************/
/*-------- Directions ------*/
/***************************/
/*direction***********/
.Hrtl{direction:rtl}
.Hltr{direction:ltr}
/*text align***********/
.Htxt-right{text-align:right}
.Htxt-left{text-align:left}
.Htxt-center{text-align:center}
/*float***********/
.Hfloat-R{float:right}
.Hfloat-L{float:left}
/*position*/
.Hrelative{position:relative;}
.Habsolute{position:absolute;}
.Hfixed{position:fixed}

/******************************/
/*****************************/
/*-------- Navigation ------*/
/***************************/
/*Navigation base********/
nav{position:relative;z-index:20000;width:100%;padding:0px;box-sizing:border-box;background:none;margin:0px;}
nav:after{display:table;content: " ";clear:both;}
nav .Hnavfull{width:100%;padding:0px;}
nav .Hnavbar{/*border-radius:10px;*/position:relative;float:right;display:block;}
nav ul{list-style:none;position:relative;padding:0px ;margin:0px;direction:rtl;float:right;border:none;clear:both;}
nav .Hnavbody{list-style:none;position:relative;padding:0px 20px ;margin:0px;direction:rtl;float:right;border:none;background:none;display:block}
nav .Hnavbodyround{border-radius:5px;}
nav .Hnavbody>ul>li,nav .Hnavaccess>ul>li{display:inline-flex;list-style:none;direction:rtl;}
nav .Hnavbody>ul>li:hover,nav .Hnavaccess>ul>li:hover{background-color:none}
nav .Hnavbody li a,nav .Hnavaccess li a{cursor:pointer;display:block;padding:12px;text-decoration:none;font-family:BkoodakBold;font-size:19px;/*color:#000;*/}
nav .Hnavbody li.Hdropdown{margin:0px;}
nav .Hnavbody li.Hdropdown div{float:right;position:absolute;direction:rtl;transition:all 0.7s;height:0px;background:blue;margin:0px;transform: translate(-3px,8px);margin-top:7px;}
nav .Hnavbody li.Hdropdown div:before{font-family:FontAwesome;content:"\f0d9";}
nav .Hnavbody li.Hdropdown>ul{position:absolute;background-color:#EFEFEF;min-width:150px;z-index:20001;display:block;visibility:hidden;margin:0px;margin-top:53px;opacity:0;filter:alpha(opacity=0);transition: ease all .5s;}
nav .Hnavbody li.Hdropdown:hover>ul{display:block;visibility:visible;opacity:1;filter:alpha(opacity=100);}
nav .Hnavbody li.Hdropdown:hover>div{transform:rotate(-90deg) translate(-40px,-16px);}
nav .Hnavbody li.Hdropdown .Hdropdown_sub{display:block}
nav .Hnavbody li.Hdropdown .Hdropdown_sub>ul{position:absolute;margin-right:98%;margin-top:-52px;display:block;visibility:hidden;min-width:150px;z-index:20002;opacity:0;filter:alpha(opacity=0);transition: ease all .5s;}
nav .Hnavbody li.Hdropdown .Hdropdown_sub>div{width:100%;transform:translate(0%,0px);}
nav .Hnavbody li.Hdropdown .Hdropdown_sub:hover>ul{display:block;visibility:visible;opacity:1;filter:alpha(opacity=100);}
nav .Hnavbody li.Hdropdown .Hdropdown_sub:hover> div{transform:translate(-90%,0px);}
nav .Hnavaccess{float:left;background:none;position:relative;padding:0 20px;box-sizing:border-box}
nav .Hnavaccess-icon li a,nav .Hnavaccess-icon li a i,nav .Hnavaccess-icon li a span{cursor:pointer}
nav .Hmenubar{display:none;float:right;margin-right:30px;padding:10px;border-radius:5px;cursor:pointer;padding:10px;border-radius:5px;transition: ease all 1s;}
nav .Hmenubar div{margin:3px 0px;width:30px;height:4px;border-radius:5px;cursor:pointer}
nav .Hmenubar div:nth-child(1){transform:rotate(0deg);-webkit-animation: opendiv1 1s linear reverse;animation: opendiv1 1s linear reverse;}
nav .Hmenubar div:nth-child(2){opacity:1;filter:alpha(opacity=100);transition: ease all 1s;}
nav .Hmenubar div:nth-child(3){transform:rotate(0deg);-webkit-animation: opendiv2 1s linear reverse; animation: opendiv2 1s linear reverse;}
nav .Hmenubar.onclassic{padding:10px;border-radius:50%;cursor:pointer;/*border:2px solid navy;*/transition: ease all 1s;}
nav .Hmenubar div{background-color:navy;margin:3px 0px;width:30px;height:4px;border-radius:5px;cursor:pointer}
nav .Hmenubar.onclassic div:nth-child(1){transform:rotate(-225deg) translate(5px,-5px);-webkit-animation: closediv1 1s linear;animation: closediv1 1s linear;}
nav .Hmenubar.onclassic div:nth-child(2){opacity:0;filter:alpha(opacity=0);transition: ease all 1s;}
nav .Hmenubar.onclassic div:nth-child(3){transform:rotate(-315deg) translate(-5px,-5px);-webkit-animation: closediv2 1s linear; animation: closediv2 1s linear;}
@-webkit-keyframes opendiv1 {0%{transform:rotate(0deg)}20%{transform:rotate(-55deg) translate(-5px,5px);}40%{transform:rotate(-90deg) translate(-7px,0px)}60%{transform:rotate(-135deg) translate(-7px,-9px)}80%{transform:rotate(-180deg) translate(6px,-9px)}100%{transform:rotate(-225deg) translate(5px,-5px)}}
@keyframes opendiv1 {0%{transform:rotate(0deg)}20%{transform:rotate(-55deg) translate(-5px,5px);}40%{transform:rotate(-90deg) translate(-7px,0px)}60%{transform:rotate(-135deg) translate(-7px,-9px)}80%{transform:rotate(-180deg) translate(6px,-9px)}100%{transform:rotate(-225deg) translate(5px,-5px)}}
@-webkit-keyframes opendiv2 {0%{transform:rotate(0deg)}20%{transform:rotate(-65deg) translate(5px,6px);}40%{transform:rotate(-110deg) translate(4px,15px)}60%{transform:rotate(-180deg) translate(0px,19px)}80%{transform:rotate(-240deg) translate(-5px,19px)}100%{transform:rotate(-315deg) translate(-5px,-5px)}}
@keyframes opendiv2 {0%{transform:rotate(0deg)}20%{transform:rotate(-65deg) translate(5px,6px);}40%{transform:rotate(-110deg) translate(4px,15px)}60%{transform:rotate(-180deg) translate(0px,19px)}80%{transform:rotate(-240deg) translate(-5px,19px)}100%{transform:rotate(-315deg) translate(-5px,-5px)}}
@-webkit-keyframes closediv1 {0%{transform:rotate(0deg)}20%{transform:rotate(-55deg) translate(-5px,5px);}40%{transform:rotate(-90deg) translate(-7px,0px)}60%{transform:rotate(-135deg) translate(-7px,-9px)}80%{transform:rotate(-180deg) translate(6px,-9px)}100%{transform:rotate(-225deg) translate(5px,-5px)}}
@keyframes closediv1 {0%{transform:rotate(0deg)}20%{transform:rotate(-55deg) translate(-5px,5px);}40%{transform:rotate(-90deg) translate(-7px,0px)}60%{transform:rotate(-135deg) translate(-7px,-9px)}80%{transform:rotate(-180deg) translate(6px,-9px)}100%{transform:rotate(-225deg) translate(5px,-5px)}}
@keyframes closediv2 {0%{transform:rotate(0deg)}20%{transform:rotate(-65deg) translate(5px,6px);}40%{transform:rotate(-110deg) translate(4px,15px)}60%{transform:rotate(-180deg) translate(0px,19px)}80%{transform:rotate(-240deg) translate(-5px,19px)}100%{transform:rotate(-315deg) translate(-5px,-5px)}}
@-webkit-keyframes closediv2 {0%{transform:rotate(0deg)}20%{transform:rotate(-65deg) translate(5px,6px);}40%{transform:rotate(-110deg) translate(4px,15px)}60%{transform:rotate(-180deg) translate(0px,19px)}80%{transform:rotate(-240deg) translate(-5px,19px)}100% {transform:rotate(-315deg) translate(-5px,-5px)}}
/************min**********/
nav.min .Hnavbar,nav.min .Hnavbody li.Hdropdown div, nav.min .Hnavbody li.Hdropdown:hover>ul,nav.min .Hnavbody li.Hdropdown .Hdropdown_sub>div,nav.min .Hnavbody li.Hdropdown:hover>div{display:none}
nav.min .Hnavbody li.Hdropdown .Hdropdown_sub,nav.min .Hmenubar{display:block;}
nav.min {position:absolute;}
nav.min .Hnavbar{border-radius:10px;position:relative;float:right;width:100%;}
nav.min ul{margin:initial;float:unset;width:100%}
nav.min .Hnavbody>ul>li,nav.min .Hnavaccess>ul>li{display:initial;list-style:initial;direction:rtl;}
nav.min .Hnavbody{width:90%;}
nav.min .Hnavbody li.Hdropdown>a:after,nav.min .Hnavbody li.Hdropdown_sub>a:after{font-family:FontAwesome;content:"\f0d7";margin-right:3px;}
nav.min .Hnavbody li.Hdropdown>ul{position:static;min-width:5px;display:none;visibility:visible;margin:initial;padding-right:20px;opacity:1;filter:alpha(opacity=100);transition: ease all .5s;}
nav.min .Hnavbody li.Hdropdown .Hdropdown_sub>ul{position:static;margin-right:20px;margin-top:0;display:none;visibility:visible;opacity:1;filter:alpha(opacity=100);min-width:5px;}
nav.min .Hnavbody li.Hdropdown .Hdropdown_sub:hover>ul{display:none;visibility:visible;opacity:1;filter:alpha(opacity=100);}
nav.min .Hnavbody li.Hdropdown .Hdropdown_sub:hover> div{transform:translate(-90%,0px);}
nav.min .Hnavaccess{float:right;width:100%;}
nav.min .Hnavaccess-icon li a{display:inline}
nav.min .Hnavaccess-icon li a,nav.min .Hnavaccess-icon li a i,nav.min .Hnavaccess-icon li a span{cursor:pointer}
nav.min .Hnavaccess-icon li a span{display:none}
nav.min .Hnavaccess ul{display:block;padding:10px;}
nav.min .Hnavaccess li a{cursor:pointer;display:inline;padding:10px;text-decoration:none;font-family:BkoodakBold;font-size:19px;}
nav.min.navnavy .Hnavbody>ul>li:hover,nav.min.navnavy .Hnavaccess>ul>li:hover,nav.min.navnavy .Hnavbody li.Hdropdown>ul,nav.min.navnavy .Hnavbody li.Hdropdown>ul:hover,nav.min.navnavy .Hnavbody li.Hdropdown>ul>li:hover,nav.min.navnavy .Hnavbody li.Hdropdown .Hdropdown_sub>ul{background-color:inherit;}
nav.min.navnavy .Hnavaccess{border-bottom:2px solid #4952ad;}
nav.min.navnavy li a:hover{background:#4952ad;}
nav.min.navblakgold .Hnavbody>ul>li:hover,nav.min.navblakgold .Hnavaccess>ul>li:hover,nav.min.navblakgold .Hnavbody li.Hdropdown>ul,nav.min.navblakgold .Hnavbody li.Hdropdown>ul:hover,nav.min.navblakgold .Hnavbody li.Hdropdown>ul>li:hover,nav.min.navblakgold .Hnavbody li.Hdropdown .Hdropdown_sub>ul{background-color:inherit;}
nav.min.navblakgold .Hnavaccess{border-bottom:2px solid #333;}
nav.min.navblakgold li a:hover{background:#333;}
nav.min.navredwhite .Hnavbody>ul>li:hover,nav.min.navredwhite .Hnavaccess>ul>li:hover,nav.min.navredwhite .Hnavbody li.Hdropdown>ul,nav.min.navredwhite .Hnavbody li.Hdropdown>ul:hover,nav.min.navredwhite .Hnavbody li.Hdropdown>ul>li:hover,nav.min.navredwhite .Hnavbody li.Hdropdown .Hdropdown_sub>ul{background-color:inherit;}
nav.min.navredwhite .Hnavaccess{border-bottom:2px solid #a00;}
nav.min.navredwhite li a:hover{background:#a00;}
nav.min.navblack .Hnavbody>ul>li:hover,nav.min.navblack .Hnavaccess>ul>li:hover,nav.min.navblack .Hnavbody li.Hdropdown>ul,nav.min.navblack .Hnavbody li.Hdropdown>ul:hover,nav.min.navblack .Hnavbody li.Hdropdown>ul>li:hover,nav.min.navblack .Hnavbody li.Hdropdown .Hdropdown_sub>ul{background-color:inherit;}
nav.min.navblack .Hnavaccess{border-bottom:2px solid #333;}
nav.min.navblack li a:hover{background:#333;}
nav.min.navgray .Hnavbody>ul>li:hover,nav.min.navgray .Hnavaccess>ul>li:hover,nav.min.navgray .Hnavbody li.Hdropdown>ul,nav.min.navgray .Hnavbody li.Hdropdown>ul:hover,nav.min.navgray .Hnavbody li.Hdropdown>ul>li:hover,nav.min.navgray .Hnavbody li.Hdropdown .Hdropdown_sub>ul{background-color:inherit;}
nav.min.navgray .Hnavaccess{border-bottom:2px solid #ddd;}
nav.min.navgray li a:hover{background:#ddd;}
nav.min.navgreenwhite .Hnavbody>ul>li:hover,nav.min.navgreenwhite .Hnavaccess>ul>li:hover,nav.min.navgreenwhite .Hnavbody li.Hdropdown>ul,nav.min.navgreenwhite .Hnavbody li.Hdropdown>ul:hover,nav.min.navgreenwhite .Hnavbody li.Hdropdown>ul>li:hover,nav.min.navgreenwhite .Hnavbody li.Hdropdown .Hdropdown_sub>ul{background-color:inherit;}
nav.min.navgreenwhite .Hnavaccess{border-bottom:2px solid #216068;}
nav.min.navgreenwhite li a:hover{background:#216068;}
/*-------navnavy-----*/
/*nav.navnavy .navfull{background-color:navy}*/
/*bakasli*/
nav.navnavy .Hnavbar,nav.navnavy .Hmenubar,nav.navnavy .Hmenubar.on div,nav.navnavy .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover{background-color:navy;}
nav.navnavy .Hmenubar{border:2px solid navy;}
/*rang matn*/
nav.navnavy .Hnavbody li a,nav.navnavy .Hnavaccess li a,nav.navnavy .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover a{color:#FFF;}
nav.navnavy .Hmenubar.on,nav.navnavy .Hmenubar div{background-color:#fff;}
/*hover avval*/
nav.navnavy .Hnavbody>ul>li:hover,nav.navnavy .Hnavaccess>ul>li:hover,nav.navnavy .Hnavbody li.Hdropdown>ul{background-color:#4952ad}
/*hover dovvom*/
nav.navnavy .Hnavbody li.Hdropdown .Hdropdown_sub>ul,nav.navnavy .Hnavbody li.Hdropdown>ul>li:hover{background-color:#616ac8}
/*felesh caret*/
nav.navnavy .Hnavbody li.Hdropdown div,nav.navnavy .Hnavbody li.Hdropdown:hover>div,nav.navnavy .Hnavbody li.Hdropdown .Hdropdown_sub>div{color:#CCF}
/*-------navblakgold-----*/
nav.navblakgold .Hnavbar,nav.navblakgold .Hmenubar,nav.navblakgold .Hmenubar.on div,nav.navblakgold .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover{background-color:#000;}
nav.navblakgold .Hmenubar{border:2px solid #000;}
nav.navblakgold .Hnavbody li a,nav.navblakgold .Hnavaccess li a,nav.navblakgold .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover a{color:#fecb04;}
nav.navblakgold .Hmenubar.on,nav.navblakgold .Hmenubar div{background-color:#fecb04;}
nav.navblakgold .Hnavbody>ul>li:hover,nav.navblakgold .Hnavaccess>ul>li:hover,nav.navblakgold .Hnavbody li.Hdropdown>ul{background-color:#333}
nav.navblakgold .Hnavbody li.Hdropdown .Hdropdown_sub>ul,nav.navblakgold .Hnavbody li.Hdropdown>ul>li:hover{background-color:#555}
nav.navblakgold .Hnavbody li.Hdropdown div,nav.navblakgold .Hnavbody li.Hdropdown:hover>div,nav.navblakgold .Hnavbody li.Hdropdown .Hdropdown_sub>div{color:#ddd}

/*nav.navblakgold .Hnavbar{background-color:#000}
nav.navblakgold .Hnavbody li a,nav.navblakgold .Hnavaccess li a{color:#fecb04}
nav.navblakgold .Hnavbody>ul>li:hover,nav.navblakgold .Hnavaccess>ul>li:hover{background-color:#333}
nav.navblakgold .Hnavbody li.Hdropdown div{color:#ddd}
nav.navblakgold .Hnavbody li.Hdropdown:hover>div{color:#ddd}
nav.navblakgold .Hnavbody li.Hdropdown>ul{background-color:#333}
nav.navblakgold .Hnavbody li.Hdropdown>ul>li:hover{background-color:#555}
nav.navblakgold .Hnavbody li.Hdropdown .Hdropdown_sub>div{color:#ddd}
nav.navblakgold .Hnavbody li.Hdropdown .Hdropdown_sub>ul{background-color:#555;}
nav.navblakgold .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover{background-color:#000;}
nav.navblakgold .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover a{color:#fecb04;}
nav.navblakgold .Hmenubar{border:2px solid #000;}
nav.navblakgold .Hmenubar.on div{background-color:#000;}
nav.navblakgold .Hmenubar{background-color:#000;}
nav.navblakgold .Hmenubar div{background-color:#fecb04;}
nav.navblakgold .Hmenubar.on{background-color:#fecb04;}*/
/*-------navredwhite-----*/
nav.navredwhite .Hnavbar,nav.navredwhite .Hmenubar,nav.navredwhite .Hmenubar.on div,nav.navredwhite .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover{background-color:#c00;}
nav.navredwhite .Hmenubar{border:2px solid #c00;}
nav.navredwhite .Hnavbody li a,nav.navredwhite .Hnavaccess li a,nav.navredwhite .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover a{color:#fff;}
nav.navredwhite .Hmenubar.on,nav.navredwhite .Hmenubar div{background-color:#fff;}
nav.navredwhite .Hnavbody>ul>li:hover,nav.navredwhite .Hnavaccess>ul>li:hover,nav.navredwhite .Hnavbody li.Hdropdown>ul{background-color:#a00}
nav.navredwhite .Hnavbody li.Hdropdown .Hdropdown_sub>ul,nav.navredwhite .Hnavbody li.Hdropdown>ul>li:hover{background-color:#800}
nav.navredwhite .Hnavbody li.Hdropdown div,nav.navredwhite .Hnavbody li.Hdropdown:hover>div,nav.navredwhite .Hnavbody li.Hdropdown .Hdropdown_sub>div{color:#000}
/*-------navblack-----*/
nav.navblack .Hnavbar,nav.navblack .Hmenubar,nav.navblack .Hmenubar.on div,nav.navblack .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover{background-color:#000;}
nav.navblack .Hmenubar{border:2px solid #000;}
nav.navblack .Hnavbody li a,nav.navblack .Hnavaccess li a,nav.navblack .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover a{color:#fff;}
nav.navblack .Hmenubar.on,nav.navblack .Hmenubar div{background-color:#fff;}
nav.navblack .Hnavbody>ul>li:hover,nav.navblack .Hnavaccess>ul>li:hover,nav.navblack .Hnavbody li.Hdropdown>ul{background-color:#333}
nav.navblack .Hnavbody li.Hdropdown .Hdropdown_sub>ul,nav.navblack .Hnavbody li.Hdropdown>ul>li:hover{background-color:#555}
nav.navblack .Hnavbody li.Hdropdown div,nav.navblack .Hnavbody li.Hdropdown:hover>div,nav.navblack .Hnavbody li.Hdropdown .Hdropdown_sub>div{color:#ddd}
/*-------navgray-----*/
nav.navgray .Hnavbar,nav.navgray .Hmenubar,nav.navgray .Hmenubar.on div,nav.navgray .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover{background-color:#eee;}
nav.navgray .Hmenubar{border:2px solid #eee;}
nav.navgray .Hnavbody li a,nav.navgray .Hnavaccess li a,nav.navgray .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover a{color:#000;}
nav.navgray .Hmenubar.on,nav.navgray .Hmenubar div{background-color:#000;}
nav.navgray .Hnavbody>ul>li:hover,nav.navgray .Hnavaccess>ul>li:hover,nav.navgray .Hnavbody li.Hdropdown>ul{background-color:#ddd}
nav.navgray .Hnavbody li.Hdropdown .Hdropdown_sub>ul,nav.navgray .Hnavbody li.Hdropdown>ul>li:hover{background-color:#ccc}
nav.navgray .Hnavbody li.Hdropdown div,nav.navgray .Hnavbody li.Hdropdown:hover>div,nav.navgray .Hnavbody li.Hdropdown .Hdropdown_sub>div{color:#666}
/*-------navgreenwhite-----*/
nav.navgreenwhite .Hnavbar,nav.navgreenwhite .Hmenubar,nav.navgreenwhite .Hmenubar.on div,nav.navgreenwhite .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover{background-color:#173e43;}
nav.navgreenwhite .Hmenubar{border:2px solid #173e43;}
nav.navgreenwhite .Hnavbody li a,nav.navgreenwhite .Hnavaccess li a,nav.navgreenwhite .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover a{color:#fff;}
nav.navgreenwhite .Hmenubar.on,nav.navgreenwhite .Hmenubar div{background-color:#fff;}
nav.navgreenwhite .Hnavbody>ul>li:hover,nav.navgreenwhite .Hnavaccess>ul>li:hover,nav.navgreenwhite .Hnavbody li.Hdropdown>ul{background-color:#216068}
nav.navgreenwhite .Hnavbody li.Hdropdown .Hdropdown_sub>ul,nav.navgreenwhite .Hnavbody li.Hdropdown>ul>li:hover{background-color:#0b7e8d}
nav.navgreenwhite .Hnavbody li.Hdropdown div,nav.navgreenwhite .Hnavbody li.Hdropdown:hover>div,nav.navgreenwhite .Hnavbody li.Hdropdown .Hdropdown_sub>div{color:#2fbcce}
/*-------navgreenorang-----*/
nav.navgreenorang .Hnavbar,nav.navgreenorang .Hmenubar,nav.navgreenorang .Hmenubar.on div,nav.navgreenorang .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover{background-color:#173e43;}
nav.navgreenorang .Hmenubar{border:2px solid #173e43;}
nav.navgreenorang .Hnavbody li a,nav.navgreenorang .Hnavaccess li a,nav.navgreenorang .Hnavbody li.Hdropdown .Hdropdown_sub>ul>li:hover a{color:#fee204;}
nav.navgreenorang .Hmenubar.on,nav.navgreenwhite .Hmenubar div{background-color:#fee204;}
nav.navgreenorang .Hnavbody>ul>li:hover,nav.navgreenorang .Hnavaccess>ul>li:hover,nav.navgreenorang .Hnavbody li.Hdropdown>ul{background-color:#216068}
nav.navgreenorang .Hnavbody li.Hdropdown .Hdropdown_sub>ul,nav.navgreenorang .Hnavbody li.Hdropdown>ul>li:hover{background-color:#0b7e8d}
nav.navgreenorang .Hnavbody li.Hdropdown div, nav.navgreenorang .Hnavbody li.Hdropdown:hover > div, nav.navgreenorang .Hnavbody li.Hdropdown .Hdropdown_sub > div {
    color: #2fbcce
}



/*********slideup*/
nav.slideup .Hnavbar, nav.slideup .Hmenubar, nav.slideup .Hmenubar.on div {background-color: #eee;}
nav.slideup .Hnavbody>ul>li div,nav.slideup .Hnavaccess>ul>li div {color:#000;display: inline;background-color: none;box-sizing: border-box;border-bottom-color:#444;border-bottom-width:2px;border-bottom-style:solid;height: 55px;width: auto;transition: all linear 0.3s;}
nav.slideup .Hnavbody>ul>li:hover div,nav.slideup .Hnavaccess>ul>li:hover div{color:#fff;border-bottom-width:55px;}
nav.slideup .Hnavbody>ul>li.active div,nav.slideup .Hnavaccess>ul>li.active div{border-bottom-width:5px;}
nav.slideup .Hnavbody>ul>li.active:hover div,nav.slideup .Hnavaccess>ul>li.active:hover div{color:#000;border-bottom-width:5px;}
nav .slideup .Hmenubar div {background-color: #000;}
nav.min.slideup .Hnavaccess-icon li a span{display:inline-block}
nav.min.slideup .Hnavbody>ul>li div,nav.min.slideup .Hnavaccess>ul>li div{display:block;background-color:none;box-sizing:border-box;border-bottom:2px solid brown;height:55px;width:auto;transition:all linear 0.3s;}
nav.min.slideup .Hnavbody>ul>li:hover div,nav.slideup .Hnavaccess>ul>li:hover div{border-bottom-width:55px;}
nav.min.slideup .Hnavbody>ul>li.active div,nav.slideup .Hnavaccess>ul>li.active div{border-bottom-width:5px;}
/*********wipebox*/
nav.wipebox .Hnavbar, nav.wipebox .Hmenubar, nav.wipebox .Hmenubar.on div {background-color: #eee;}
nav.wipebox .Hnavbody>ul>li div,nav.wipebox .Hnavaccess>ul>li div{z-index:4;position:relative;background-color:none;box-sizing:border-box;height:55px;width:100%;transition:all linear 0.3s;}
nav.wipebox .Hnavbody>ul>li div a,nav.wipebox .Hnavaccess>ul>li div a {position:relative;z-index:3}

nav.wipebox .Hnavbody>ul>li div::before,nav.wipebox .Hnavaccess>ul>li div::before{content:'';position:absolute;background-color:none;box-sizing:border-box;top:0px;right:0px;z-index:2;border-top-width:2px;border-top-style:solid;border-bottom-width:2px;border-bottom-style:solid;border-color:#444;height:55px;width:100%;transition:all linear 0.3s;}
nav.wipebox .Hnavbody>ul>li:hover div::before,nav.wipebox .Hnavaccess>ul>li:hover div::before{border-bottom-width:27px;border-top-width:28px;}
nav.wipebox .Hnavbody>ul>li:hover div a,nav.wipebox .Hnavaccess>ul>li:hover div a{color:#fff}
nav.wipebox .Hnavbody>ul>li.active div::before,nav.wipebox .Hnavaccess>ul>li.active div::before{border-bottom-width:5px;border-top-width:5px;}
nav.wipebox .Hmenubar div {background-color: #000;}

nav.min.wipebox .Hnavaccess-icon li a span{display:inline-block}
/*nav.min.wipebox .Hnavbody>ul>li div,nav.min.wipebox .Hnavaccess>ul>li div{display:block;background-color:none;box-sizing:border-box;width:auto;transition:all linear 0.3s;}
nav.wipebox .Hnavbody>ul>li div::before,nav.wipebox .Hnavaccess>ul>li div::before{content:'';position:absolute;background-color:none;box-sizing:border-box;top:0px;right:0px;z-index:2;border-top-width:2px;border-top-style:solid;border-bottom-width:2px;border-bottom-style:solid;border-color:#444;height:55px;width:100%;transition:all linear 0.3s;}
nav.wipebox .Hnavbody>ul>li:hover div::before,nav.wipebox .Hnavaccess>ul>li:hover div::before{border-bottom-width:27px;border-top-width:28px;}
nav.wipebox .Hnavbody>ul>li.active div::before,nav.wipebox .Hnavaccess>ul>li.active div::before{border-bottom-width:5px;border-top-width:5px;}*/

/*********brdout*/
nav.Hbrdout .Hnavbar, nav.Hbrdout .Hmenubar, nav.Hbrdout .Hmenubar.on div {background-color: #eee;}

nav.Hbrdout .Hnavbody>ul>li div,nav.Hbrdout .Hnavaccess>ul>li div{position:relative;background-color:none;box-sizing:border-box;height:55px;width:100%;transition:all linear 0.3s;}
nav.Hbrdout .Hnavbody > ul > li div::after, nav.Hbrdout .Hnavaccess > ul > li div::after {content: '';position: absolute;background-color: none;box-sizing: border-box;top: 0px;right: 0px;z-index: 0;border-bottom-width: 2px;border-bottom-style: solid;border-top-width: 2px;border-top-style: solid;border-color:#444;height: 55px;width: 100%;transition: all linear 0.3s;transform: scaleY(1.3);opacity: 0;}
nav.Hbrdout .Hnavbody>ul>li div a,nav.Hbrdout .Hnavaccess>ul>li div a{color:#000}

nav.Hbrdout .Hnavbody>ul>li:hover div::after,nav.Hbrdout .Hnavaccess>ul>li:hover div::after{transform:scaleY(1);opacity:1}
nav.Hbrdout .Hnavbody>ul>li.active div::after,nav.Hbrdout .Hnavaccess>ul>li.active div::after{border-bottom-width:5px;border-top-width:5px;transform:scaleY(1);opacity:1}
nav.Hbrdout .Hmenubar div {background-color: #000;}
nav.min.Hbrdout .Hnavaccess-icon li a span{display:inline-block}
/*nav.min.wipebox .Hnavbody>ul>li div,nav.wipebox .Hnavaccess>ul>li div{display:block;background-color:none;box-sizing:border-box;border-bottom:2px solid brown;height:55px;width:auto;transition:all linear 0.3s;}
nav.min.wipebox .Hnavbody>ul>li:hover div,nav.wipebox .Hnavaccess>ul>li:hover div{border-bottom:55px solid brown;}
nav.min.wipebox .Hnavbody>ul>li.active div,nav.wipebox .Hnavaccess>ul>li.active div{border-bottom:5px solid brown;}*/

/*********brdout*/
nav.Hbrdkonj .Hnavbar, nav.Hbrdkonj .Hmenubar, nav.Hbrdkonj .Hmenubar.on div {background-color: #eee;}

nav.Hbrdkonj .Hnavbody>ul>li div,nav.Hbrdkonj .Hnavaccess>ul>li div{position:relative;background-color:none;box-sizing:border-box;height:55px;width:100%;transition:all linear 0.3s;}
nav.Hbrdkonj .Hnavbody > ul > li div::after, nav.Hbrdkonj .Hnavaccess > ul > li div::after {
    content:"\f104";font-family:FontAwesome;font-size:25px;position: absolute;background-color: none;box-sizing: border-box;z-index: 0;
    height: 55px;transition: all linear 0.3s;transform: scaleY(0.8) rotate(45deg);opacity: 0;top:5px;left:-5px;color:red}
nav.Hbrdkonj .Hnavbody > ul > li div::before, nav.Hbrdkonj .Hnavaccess > ul > li div::before {
    content:"\f105";font-family:FontAwesome;font-size:25px;position: absolute;background-color: none;box-sizing: border-box;z-index: 0;
    height: 55px;transition: all linear 0.3s;transform: scaleY(0.8) rotate(45deg);opacity: 0;top:15px;right:20px;color:red}
nav.Hbrdkonj .Hnavbody>ul>li div a,nav.Hbrdkonj .Hnavaccess>ul>li div a{color:#000;position:relative}
/*nav.Hbrdkonj .Hnavbody > ul > li div::after, nav.Hbrdkonj .Hnavaccess > ul > li div::after {
    content:"\f104";font-family:FontAwesome;position: absolute;background-color: none;box-sizing: border-box;z-index: 0;
    height: 55px;transition: all linear 0.3s;transform: scaleY(0.8) rotate(45deg);opacity: 0;top:5px;left:-10px;color:red}
nav.Hbrdkonj .Hnavbody > ul > li div::before, nav.Hbrdkonj .Hnavaccess > ul > li div::before {
    content:"\f105";font-family:FontAwesome;position: absolute;background-color: none;box-sizing: border-box;z-index: 0;
    height: 55px;transition: all linear 0.3s;transform: scaleY(0.8) rotate(45deg);opacity: 0;top:15px;right:15px}
nav.Hbrdkonj .Hnavbody>ul>li div a,nav.Hbrdkonj .Hnavaccess>ul>li div a{color:#000;position:relative}*/

nav.Hbrdkonj .Hnavbody>ul>li:hover div::after,nav.Hbrdkonj .Hnavaccess>ul>li:hover div::after{font-size:25px;top:-5px;left:-10px;opacity:1}
nav.Hbrdkonj .Hnavbody>ul>li:hover div::before,nav.Hbrdkonj .Hnavaccess>ul>li:hover div::before{font-size:25px;top:25px;right:15px;opacity:1}
nav.Hbrdkonj .Hnavbody>ul>li.active div::after,nav.Hbrdkonj .Hnavaccess>ul>li.active div::after{content:"\f053";top:0px;left:-20px;opacity:1}
nav.Hbrdkonj .Hnavbody>ul>li.active div::before,nav.Hbrdkonj .Hnavaccess>ul>li.active div::before{content:"\f054";top:20px;right:5px;opacity:1}
nav.Hbrdkonj .Hmenubar div {background-color: #000;}
nav.min.Hbrdkonj .Hnavaccess-icon li a span{display:inline-block}
/*nav.min.wipebox .Hnavbody>ul>li div,nav.wipebox .Hnavaccess>ul>li div{display:block;background-color:none;box-sizing:border-box;border-bottom:2px solid brown;height:55px;width:auto;transition:all linear 0.3s;}
nav.min.wipebox .Hnavbody>ul>li:hover div,nav.wipebox .Hnavaccess>ul>li:hover div{border-bottom:55px solid brown;}
nav.min.wipebox .Hnavbody>ul>li.active div,nav.wipebox .Hnavaccess>ul>li.active div{border-bottom:5px solid brown;}*/










/******************************/
/*****************************/
/*--------- Margin ---------*/
/***************************/
.HmarT-auto{margin-top:auto!important;}
.HmarB-auto{margin-bottom:auto!important;}
.HmarL-auto{margin-left:auto!important;}
.HmarR-auto{margin-right:auto!important;}
.HmarLR-auto{margin-left:auto!important;margin-right:auto!important;}
/*Margin - pixel***********/
.Hmar-2{margin:2px!important}
.Hmar-3{margin:3px!important}
.Hmar-5{margin:5px!important}
.Hmar-10{margin:10px!important}
.Hmar-15{margin:15px!important}
.Hmar-20{margin:20px!important}
.Hmar-30{margin:30px!important}
.Hmar-40{margin:40px!important}
.Hmar-50{margin:50px!important}
.Hmar-70{margin:70px!important}
/*Margin - percent********/
.Hmar-1per{margin:1%!important;}
.Hmar-2per{margin:2%!important;}
.Hmar-3per{margin:3%!important;}
.Hmar-4per{margin:4%!important;}
.Hmar-5per{margin:5%!important;}
.Hmar-10per{margin:10%!important;}
.Hmar-30per{margin:30%!important;}
.Hmar-33per{margin:33%!important;}
/* Margin Left *********/
.HmarL-3{margin-left:3px!important}
.HmarL-5{margin-left:5px!important}
.HmarL-7{margin-left:7px!important}
.HmarL-10{margin-left:10px!important}
.HmarL-15{margin-left:15px!important}
.HmarL-20{margin-left:20px!important}
.HmarL-25{margin-left:25px!important}
.HmarL-30{margin-left:30px!important}
.HmarL-35{margin-left:35px!important}
.HmarL-40{margin-left:40px!important}
.HmarL-50{margin-left:50px!important}
.HmarL-60{margin-left:60px!important}
.HmarL-80{margin-left:80px!important}
.HmarL-100{margin-left:100px!important}
.HmarL-150{margin-left:150px!important}
/* Margin Right -------*/
.HmarR-3{margin-right:3px!important}
.HmarR-5{margin-right:5px!important}
.HmarR-7{margin-right:7px!important}
.HmarR-10{margin-right:10px!important}
.HmarR-15{margin-right:15px!important}
.HmarR-20{margin-right:20px!important}
.HmarR-25{margin-right:25px!important}
.HmarR-30{margin-right:30px!important}
.HmarR-35{margin-right:35px!important}
.HmarR-40{margin-right:40px!important}
.HmarR-50{margin-right:50px!important}
.HmarR-60{margin-right:60px!important}
.HmarR-80{margin-right:80px!important}
.HmarR-100{margin-right:100px!important}
.HmarR-150{margin-right:150px!important}
/* Margin Top -------*/
.HmarT-3{margin-top:3px!important}
.HmarT-5{margin-top:5px!important}
.HmarT-7{margin-top:7px!important}
.HmarT-10{margin-top:10px!important}
.HmarT-15{margin-top:15px!important}
.HmarT-20{margin-top:20px!important}
.HmarT-25{margin-top:25px!important}
.HmarT-30{margin-top:30px!important}
.HmarT-35{margin-top:35px!important}
.HmarT-40{margin-top:40px!important}
.HmarT-50{margin-top:50px!important}
.HmarT-60{margin-top:60px!important}
.HmarT-80{margin-top:80px!important}
.HmarT-100{margin-top:100px!important}
.HmarT-150{margin-top:150px!important}
/* Margin Bottom -------*/
.HmarB-3{margin-bottom:3px!important}
.HmarB-5{margin-bottom:5px!important}
.HmarB-7{margin-bottom:7px!important}
.HmarB-10{margin-bottom:10px!important}
.HmarB-15{margin-bottom:15px!important}
.HmarB-20{margin-bottom:20px!important}
.HmarB-25{margin-bottom:25px!important}
.HmarB-30{margin-bottom:30px!important}
.HmarB-35{margin-bottom:35px!important}
.HmarB-40{margin-bottom:40px!important}
.HmarB-50{margin-bottom:50px!important}
.HmarB-60{margin-bottom:60px!important}
.HmarB-80{margin-bottom:80px!important}
.HmarB-100{margin-bottom:100px!important}
.HmarB-150{margin-bottom:150px!important}
/* Margin Top-bottom -------*/
.HmarTB-3{margin-top:3px!important;margin-bottom:3px!important}
.HmarTB-5{margin-top:5px!important;margin-bottom:5px!important}
.HmarTB-7{margin-top:7px!important;margin-bottom:7px!important}
.HmarTB-10{margin-top:10px!important;margin-bottom:10px!important}
.HmarTB-15{margin-top:15px!important;margin-bottom:15px!important}
.HmarTB-20{margin-top:20px!important;margin-bottom:20px!important}
.HmarTB-25{margin-top:25px!important;margin-bottom:25px!important}
.HmarTB-30{margin-top:30px!important;margin-bottom:30px!important}
.HmarTB-35{margin-top:35px!important;margin-bottom:35px!important}
.HmarTB-40{margin-top:40px!important;margin-bottom:40px!important}
.HmarTB-50{margin-top:50px!important;margin-bottom:50px!important}
.HmarTB-60{margin-top:60px!important;margin-bottom:60px!important}
.HmarTB-80{margin-top:80px!important;margin-bottom:80px!important}
.HmarTB-100{margin-top:100px!important;margin-bottom:100px!important}
.HmarTB-150{margin-top:150px!important;margin-bottom:150px!important}
/* Margin left-right -------*/
.HmarLR-3{margin-left:3px!important;margin-right:3px!important}
.HmarLR-5{margin-left:5px!important;margin-right:5px!important}
.HmarLR-7{margin-left:7px!important;margin-right:7px!important}
.HmarLR-10{margin-left:10px!important;margin-right:10px!important}
.HmarLR-15{margin-left:15px!important;margin-right:15px!important}
.HmarLR-20{margin-left:20px!important;margin-right:20px!important}
.HmarLR-25{margin-left:25px!important;margin-right:25px!important}
.HmarLR-30{margin-left:30px!important;margin-right:30px!important}
.HmarLR-35{margin-left:35px!important;margin-right:35px!important}
.HmarLR-40{margin-left:40px!important;margin-right:40px!important}
.HmarLR-50{margin-left:50px!important;margin-right:50px!important}
.HmarLR-60{margin-left:60px!important;margin-right:60px!important}
.HmarLR-80{margin-left:80px!important;margin-right:80px!important}
.HmarLR-100{margin-left:100px!important;margin-right:100px!important}
.HmarLR-150{margin-left:150px!important;margin-right:150px!important}



/*Margin - percent ***********/
/* Margin Left ------*/
.HmarL-1per{margin-left:1%}
.HmarL-2per{margin-left:2%}
.HmarL-3per{margin-left:3%}
.HmarL-4per{margin-left:3%}
.HmarL-5per{margin-left:5%}
.HmarL-7per{margin-left:7%}
.HmarL-10per{margin-left:10%}
.HmarL-15per{margin-left:15%}
.HmarL-20per{margin-left:20%}
.HmarL-25per{margin-left:25%}
.HmarL-30per{margin-left:30%}
.HmarL-40per{margin-left:40%}
.HmarL-50per{margin-left:50%}
.HmarL-100per{margin-left:100%}
/* Margin Right -------*/
.HmarR-1per{margin-right:1%}
.HmarR-2per{margin-right:2%}
.HmarR-3per{margin-right:3%}
.HmarR-4per{margin-right:4%}
.HmarR-5per{margin-right:5%}
.HmarR-7per{margin-right:7%}
.HmarR-10per{margin-right:10%}
.HmarR-15per{margin-right:15%}
.HmarR-20per{margin-right:20%}
.HmarR-25per{margin-right:25%}
.HmarR-30per{margin-right:30%}
.HmarR-40per{margin-right:40%}
.HmarR-50per{margin-right:50%}
.HmarR-100per{margin-right:100%}
/* Margin Top -------*/
.HmarT-1per{margin-top:1%}
.HmarT-2per{margin-top:2%}
.HmarT-3per{margin-top:3%}
.HmarT-4per{margin-top:4%}
.HmarT-5per{margin-top:5%!important}
.HmarT-7per{margin-top:7%}
.HmarT-10per{margin-top:10%!important}
.HmarT-15per{margin-top:15%}
.HmarT-20per{margin-top:20%}
.HmarT-25per{margin-top:25%}
.HmarT-30per{margin-top:30%}
.HmarT-40per{margin-top:40%}
.HmarT-50per{margin-top:50%}
.HmarT-100per{margin-top:100%}
.HmarT-120per{margin-top:120%}
.HmarT-150per{margin-top:150%}
.HmarT-200per{margin-top:200%}
/* Margin Bottom -------*/
.HmarB-1per{margin-bottom:1%}
.HmarB-2per{margin-bottom:2%}
.HmarB-3per{margin-bottom:3%}
.HmarB-4per{margin-bottom:3%}
.HmarB-5per{margin-bottom:5%!important}
.HmarB-7per{margin-bottom:7%}
.HmarB-10per{margin-bottom:10%!important}
.HmarB-15per{margin-bottom:15%}
.HmarB-20per{margin-bottom:20%}
.HmarB-25per{margin-bottom:25%}
.HmarB-30per{margin-bottom:30%}
.HmarB-40per{margin-bottom:40%}
.HmarB-50per{margin-bottom:50%}
/******************************/
/*****************************/
/*--------- padding ---------*/
/***************************/
/*padding - pixel***********/
.Hpadd-1{padding:1px!important}
.Hpadd-2{padding:2px!important}
.Hpadd-3{padding:3px!important}
.Hpadd-4{padding:4px!important}
.Hpadd-5{padding:5px!important}
.Hpadd-7{padding:7px!important}
.Hpadd-10{padding:10px!important}
.Hpadd-15{padding:15px!important}
.Hpadd-20{padding:20px!important}
.Hpadd-30{padding:30px!important}
.Hpadd-40{padding:40px!important}
.Hpadd-50{padding:50px!important}
.Hpadd-70{padding:70px!important}
/* padding Left ------*/
.HpaddL-3{padding-left:3px!important}
.HpaddL-5{padding-left:5px!important}
.HpaddL-7{padding-left:7px!important}
.HpaddL-10{padding-left:10px!important}
.HpaddL-15{padding-left:15px!important}
.HpaddL-20{padding-left:20px!important}
.HpaddL-25{padding-left:25px!important}
.HpaddL-30{padding-left:30px!important}
.HpaddL-35{padding-left:35px!important}
.HpaddL-40{padding-left:40px!important}
.HpaddL-50{padding-left:50px!important}
.HpaddL-60{padding-left:60px!important}
.HpaddL-80{padding-left:80px!important}
.HpaddL-100{padding-left:100px!important}
.HpaddL-150{padding-left:150px!important}
/* padding Right -------*/
.HpaddR-3{padding-right:3px!important}
.HpaddR-5{padding-right:5px!important}
.HpaddR-7{padding-right:7px!important}
.HpaddR-10{padding-right:10px!important}
.HpaddR-15{padding-right:15px!important}
.HpaddR-20{padding-right:20px!important}
.HpaddR-25{padding-right:25px!important}
.HpaddR-30{padding-right:30px!important}
.HpaddR-35{padding-right:35px!important}
.HpaddR-40{padding-right:40px!important}
.HpaddR-50{padding-right:50px!important}
.HpaddR-60{padding-right:60px!important}
.HpaddR-80{padding-right:80px!important}
.HpaddR-100{padding-right:100px!important}
.HpaddR-150{padding-right:150px!important}
/* padding Top -------*/
.HpaddT-3{padding-top:3px!important}
.HpaddT-5{padding-top:5px!important}
.HpaddT-7{padding-top:7px!important}
.HpaddT-10{padding-top:10px!important}
.HpaddT-15{padding-top:15px!important}
.HpaddT-20{padding-top:20px!important}
.HpaddT-25{padding-top:25px!important}
.HpaddT-30{padding-top:30px!important}
.HpaddT-35{padding-top:35px!important}
.HpaddT-40{padding-top:40px!important}
.HpaddT-50{padding-top:50px!important}
.HpaddT-60{padding-top:60px!important}
.HpaddT-80{padding-top:80px!important}
.HpaddT-100{padding-top:100px!important}
.HpaddT-150{padding-top:150px!important}
/* padding Bottom -------*/
.HpaddB-3{padding-bottom:3px!important}
.HpaddB-5{padding-bottom:5px!important}
.HpaddB-7{padding-bottom:7px!important}
.HpaddB-10{padding-bottom:10px!important}
.HpaddB-15{padding-bottom:15px!important}
.HpaddB-20{padding-bottom:20px!important}
.HpaddB-25{padding-bottom:25px!important}
.HpaddB-30{padding-bottom:30px!important}
.HpaddB-35{padding-bottom:35px!important}
.HpaddB-40{padding-bottom:40px!important}
.HpaddB-50{padding-bottom:50px!important}
.HpaddB-60{padding-bottom:60px!important}
.HpaddB-80{padding-bottom:80px!important}
.HpaddB-100{padding-bottom:100px!important}
.HpaddB-150{padding-bottom:150px!important}
/* Padding Top-bottom -------*/
.HpaddTB-3{padding-top:3px!important;padding-bottom:3px!important}
.HpaddTB-5{padding-top:5px!important;padding-bottom:5px!important}
.HpaddTB-7{padding-top:7px!important;padding-bottom:7px!important}
.HpaddTB-10{padding-top:10px!important;padding-bottom:10px!important}
.HpaddTB-15{padding-top:15px!important;padding-bottom:15px!important}
.HpaddTB-20{padding-top:20px!important;padding-bottom:20px!important}
.HpaddTB-25{padding-top:25px!important;padding-bottom:25px!important}
.HpaddTB-30{padding-top:30px!important;padding-bottom:30px!important}
.HpaddTB-35{padding-top:35px!important;padding-bottom:35px!important}
.HpaddTB-40{padding-top:40px!important;padding-bottom:40px!important}
.HpaddTB-50{padding-top:50px!important;padding-bottom:50px!important}
.HpaddTB-60{padding-top:60px!important;padding-bottom:60px!important}
.HpaddTB-80{padding-top:80px!important;padding-bottom:80px!important}
.HpaddTB-100{padding-top:100px!important;padding-bottom:100px!important}
.HpaddTB-150{padding-top:150px!important;padding-bottom:150px!important}
/* Padding left-right -------*/
.HpaddLR-3{padding-left:3px!important;padding-right:3px!important}
.HpaddLR-5{padding-left:5px!important;padding-right:5px!important}
.HpaddLR-7{padding-left:7px!important;padding-right:7px!important}
.HpaddLR-10{padding-left:10px!important;padding-right:10px!important}
.HpaddLR-15{padding-left:15px!important;padding-right:15px!important}
.HpaddLR-20{padding-left:20px!important;padding-right:20px!important}
.HpaddLR-25{padding-left:25px!important;padding-right:25px!important}
.HpaddLR-30{padding-left:30px!important;padding-right:30px!important}
.HpaddLR-35{padding-left:35px!important;padding-right:35px!important}
.HpaddLR-40{padding-left:40px!important;padding-right:40px!important}
.HpaddLR-50{padding-left:50px!important;padding-right:50px!important}
.HpaddLR-60{padding-left:60px!important;padding-right:60px!important}
.HpaddLR-80{padding-left:80px!important;padding-right:80px!important}
.HpaddLR-100{padding-left:100px!important;padding-right:100px!important}
.HpaddLR-150{padding-left:150px!important;padding-right:150px!important}
/*padding - percent********/
.Hpadd-1per{padding:1%!important;}
.Hpadd-2per{padding:2%!important;}
.Hpadd-3per{padding:3%!important;}
.Hpadd-4per{padding:4%!important;}
.Hpadd-5per{padding:5%!important;}
.Hpadd-10per{padding:10%!important;}
.Hpadd-30per{padding:30%!important;}
.Hpadd-33per{padding:33%!important;}
/* padding Left ------*/
.HpaddL-1per{padding-left:1%}
.HpaddL-2per{padding-left:2%}
.HpaddL-3per{padding-left:3%}
.HpaddL-4per{padding-left:4%}
.HpaddL-5per{padding-left:5%}
.HpaddL-7per{padding-left:7%}
.HpaddL-10per{padding-left:10%}
.HpaddL-15per{padding-left:15%}
.HpaddL-20per{padding-left:20%}
.HpaddL-25per{padding-left:25%}
.HpaddL-30per{padding-left:30%}
.HpaddL-40per{padding-left:40%}
.HpaddL-50per{padding-left:50%}
.HpaddL-60per{padding-left:60%}
.HpaddL-70per{padding-left:70%}
.HpaddL-75per{padding-left:75%}
.HpaddL-80per{padding-left:80%}
.HpaddL-85per{padding-left:85%}
.HpaddL-90per{padding-left:90%}
.HpaddL-95per{padding-left:95%}
.HpaddL-98per{padding-left:98%}
.HpaddL-100per{padding-left:100%}
.HpaddL-110per{padding-left:110%}
.HpaddL-150per{padding-left:150%}
/* padding Right -------*/
.HpaddR-1per{padding-right:1%}
.HpaddR-2per{padding-right:2%}
.HpaddR-3per{padding-right:3%}
.HpaddR-4per{padding-right:4%}
.HpaddR-5per{padding-right:5%}
.HpaddR-7per{padding-right:7%}
.HpaddR-10per{padding-right:10%}
.HpaddR-15per{padding-right:15%}
.HpaddR-20per{padding-right:20%}
.HpaddR-25per{padding-right:25%}
.HpaddR-30per{padding-right:30%}
.HpaddR-40per{padding-right:40%}
.HpaddR-50per{padding-right:50%}
.HpaddR-60per{padding-right:60%}
.HpaddR-70per{padding-right:70%}
.HpaddR-75per{padding-right:75%}
.HpaddR-80per{padding-right:80%}
.HpaddR-85per{padding-right:85%}
.HpaddR-90per{padding-right:90%}
.HpaddR-95per{padding-right:95%}
.HpaddR-98per{padding-right:98%}
.HpaddR-100per{padding-right:100%}
.HpaddR-110per{padding-right:110%}
.HpaddR-150per{padding-right:150%}

/* padding Top -------*/
.HpaddT-1per{padding-top:1%}
.HpaddT-2per{padding-top:2%}
.HpaddT-3per{padding-top:3%}
.HpaddT-4per{padding-top:4%}
.HpaddT-5per{padding-top:5%}
.HpaddT-7per{padding-top:7%}
.HpaddT-10per{padding-top:10%}
.HpaddT-15per{padding-top:15%}
.HpaddT-20per{padding-top:20%}
.HpaddT-25per{padding-top:25%}
.HpaddT-30per{padding-top:30%}
.HpaddT-33per{padding-top:33%}
.HpaddT-1_3{padding-top:33.34%}
.HpaddT-40per{padding-top:40%}
.HpaddT-50per{padding-top:50%}
.HpaddT-60per{padding-top:60%}
.HpaddT-2_3{padding-top:66.66%}
.HpaddT-70per{padding-top:70%}
.HpaddT-75per{padding-top:75%}
.HpaddT-80per{padding-top:80%}
.HpaddT-85per{padding-top:85%}
.HpaddT-90per{padding-top:90%}
.HpaddT-95per{padding-top:95%}
.HpaddT-98per{padding-top:98%}
.HpaddT-100per{padding-top:100%}
.HpaddT-110per{padding-top:110%}
.HpaddT-150per{padding-top:150%}
/* padding Bottom -------*/
.HpaddB-1per{padding-bottom:1%}
.HpaddB-2per{padding-bottom:2%}
.HpaddB-3per{padding-bottom:3%}
.HpaddB-4per{padding-bottom:4%}
.HpaddB-5per{padding-bottom:5%}
.HpaddB-7per{padding-bottom:7%}
.HpaddB-10per{padding-bottom:10%}
.HpaddB-15per{padding-bottom:15%}
.HpaddB-20per{padding-bottom:20%}
.HpaddB-25per{padding-bottom:25%}
.HpaddB-30per{padding-bottom:30%}
.HpaddB-40per{padding-bottom:40%}
.HpaddB-50per{padding-bottom:50%}
.HpaddB-60per{padding-bottom:60%}
.HpaddB-70per{padding-bottom:70%}
.HpaddB-75per{padding-bottom:75%}
.HpaddB-80per{padding-bottom:80%}
.HpaddB-85per{padding-bottom:85%}
.HpaddB-90per{padding-bottom:90%}
.HpaddB-95per{padding-bottom:95%}
.HpaddB-98per{padding-bottom:98%}
.HpaddB-100per{padding-bottom:100%}
.HpaddB-110per{padding-bottom:110%}
.HpaddB-150per{padding-bottom:150%}
/******************************/
/*****************************/
/*--------- Border ---------*/
/***************************/
/*border style***********/
.Hbrd{}
.Hbrd-solid{border-style:solid}
.HbrdB-solid{border-bottom-style:solid}
.HbrdT-solid{border-top-style:solid}
.HbrdL-solid{border-left-style:solid}
.HbrdR-solid{border-right-style:solid}

.Hbrd-double{border-style:double}
.HbrdB-double{border-bottom-style:double}
.HbrdT-double{border-top-style:double}
.HbrdL-double{border-left-style:double}
.HbrdR-double{border-right-style:double}

.Hbrd-dot{border-style:dotted}
.HbrdB-dot{border-bottom-style:dotted}
.HbrdT-dot{border-top-style:dotted}
.HbrdL-dot{border-left-style:dotted}
.HbrdR-dot{border-right-style:dotted}

.Hbrd-dash{border-style:dashed}
.HbrdB-dash{border-bottom-style:dashed}
.HbrdT-dash{border-top-style:dashed}
.HbrdL-dash{border-left-style:dashed}
.HbrdR-dash{border-right-style:dashed}
/*border width***********/
.Hbrd-1{border-width:1px}
.Hbrd-2{border-width:2px}
.Hbrd-3{border-width:3px}
.Hbrd-4{border-width:4px}
.Hbrd-5{border-width:5px}
.Hbrd-6{border-width:6px}
.Hbrd-7{border-width:7px}
.Hbrd-8{border-width:8px}
.Hbrd-9{border-width:9px}
.Hbrd-10{border-width:10px}
.Hbrd-12{border-width:12px}
.Hbrd-15{border-width:15px}
.Hbrd-18{border-width:18px}
.Hbrd-20{border-width:20px}

/******************************/
/*****************************/
/*--------- radius ---------*/
/***************************/
/*radius - all***********/
.Hround-5{border-radius:5px!important;}
.Hround-10{border-radius:10px!important;}
.Hround-15{border-radius:15px!important;}
.Hround-20{border-radius:20px!important;}
.Hround-25{border-radius:25px!important;}
.Hround-30{border-radius:30px!important;}
.Hround-40{border-radius:40px!important;}
.Hround-50per{border-radius:50%;}
/*radius - topleft***********/
.HroundTL-5{border-top-left-radius:5px!important;}
.HroundTL-10{border-top-left-radius:10px!important;}
.HroundTL-15{border-top-left-radius:15px!important;}
.HroundTL-20{border-top-left-radius:20px!important;}
.HroundTL-25{border-top-left-radius:25px!important;}
/*radius - topright***********/
.HroundTR-5{border-top-right-radius:5px!important;}
.HroundTR-10{border-top-right-radius:10px!important;}
.HroundTR-15{border-top-right-radius:15px!important;}
.HroundTR-20{border-top-right-radius:20px!important;}
.HroundTR-25{border-top-right-radius:25px!important;}
/*radius - topleft***********/
.HroundBL-5{border-bottom-left-radius:5px!important;}
.HroundBL-10{border-bottom-left-radius:10px!important;}
.HroundBL-15{border-bottom-left-radius:15px!important;}
.HroundBL-20{border-bottom-left-radius:20px!important;}
.HroundBL-25{border-bottom-left-radius:25px!important;}
/*radius - bottomright***********/
.HroundBR-5{border-bottom-right-radius:5px!important;}
.HroundBR-10{border-bottom-right-radius:10px!important;}
.HroundBR-15{border-bottom-right-radius:15px!important;}
.HroundBR-20{border-bottom-right-radius:20px!important;}
.HroundBR-25{border-bottom-right-radius:25px!important;}
/******************************/
/*****************************/
/*--------- colors ---------*/
/***************************/
/*text color***********/
.Hred {color: red;}
.Hgreen {color: green;}
.Hblue {color: blue;}
.Hdarkblue{color:darkblue;}
.Hcrimson {color: crimson;}
.Hcoral {color: coral;}
.Hwhite {color: white;}
.Hwhitelight {color: #f2f2f2;}
.Hblack {color: black;}
.Hlightsilver {color: #DDD;}
.Hnavy {color:navy;}
.Haqua {color:aqua;}
.Hyellow {color:yellow;}
.Hdimgrey {color:dimgrey;}
.Hdanger {color: #d44f4f;}
.Hsuccess {color: #059862;}
.Hinfo {color: #4385F3;}
.Hwarning {color: #ff9900;}
.Hdanger2 {color: #cd0000;}
.Hdarksilver{color:#4D4D4D;}
.Hgolden{color:#FFD700;}

/*background color***********/
.Hbg-red {background-color: red;}
.Hbg-green {background-color: green;}
.Hbg-blue {background-color: blue;}
.Hbg-crimson {background-color: crimson;}
.Hbg-coral {background-color: coral;}
.Hbg-white {background-color: white;}
.Hbg-whitelight {background-color: #f2f2f2;}
.Hbg-black {background-color: black;}
.Hbg-lightsilver {background-color: #DDD;}
.Hbg-danger {background-color: #d44f4f;}
.Hbg-success {background-color: #059862;}
.Hbg-info {background-color: #4385F3;}
.Hbg-warning {background-color: #ff9900;}
.Hbg-danger2 {background-color: #cd0000;}
.Hbg-digired{background-color:#ea364e;}
.Hbg-yellow{background-color:#f6dd07}
.Hbg-sharpyellow{background-color:#FFCC00}
.Hbg-skyblue{background-color:#5692f4}
.Hbg-lightgreen{background-color:#66cd42}
.Hbg-sharporange{background-color:#f76300}
.Hbg-lightorange{background-color:#f6781d}
.Hbg-golden{background-color:#FFD700;}
/*background color***********/
.Hbg-red {background-color: red;}
.Hbg-green {background-color: green;}
.Hbg-blue {background-color: blue;}
.Hbg-crimson {background-color: crimson;}
.Hbg-coral {background-color: coral;}
.Hbg-white {background-color: white;}
.Hbg-whitelight {background-color: #f2f2f2;}
.Hbg-black {background-color: black;}
.Hbg-lightsilver {background-color: #DDD;}
.Hbg-danger {background-color: #d44f4f;}
.Hbg-success {background-color: #059862;}
.Hbg-info {background-color: #4385F3;}
.Hbg-warning {background-color: #ff9900;}
.Hbg-danger2 {background-color: #cd0000;}
.Hbg-digired{background-color:#ea364e;}
.Hbg-yellow{background-color:#f6dd07}
.Hbg-sharpyellow{background-color:#FFCC00}
.Hbg-skyblue{background-color:#5692f4}
.Hbg-lightgreen{background-color:#66cd42}
.Hbg-sharporange{background-color:#f76300}
.Hbg-lightorange{background-color:#f6781d}

/*border color***********/
.Hbrd-red{border-color:red!important}
.Hbrd-whitelight{border-color:#f2f2f2!important}
.Hbrd-tondar{border-color:#08193D !important}
.Hbrd-hr1{border-color:rgb(230,230,230)!important}
.Hbrd-hr{border-color:rgba(0,0,0,.075)!important}
.Hbrd-elephent{border-color:#bdd1e6!important}

/******************************/
/*****************************/
/*--------- shadow ---------*/
/***************************/










/******************************/
/*****************************/
/*--------- button ---------*/
/***************************/
.Hbtn,.HbtnTem{padding:10px 30px;text-align:center;cursor:pointer;display:inline-block;border:none;box-sizing:border-box;}
/*.HbtnRev{padding:10px 30px;text-align:center;cursor:pointer;display:inline-block;border:none}*/
.Hbtn-full{width:94%;margin:2%;padding:10px 0px}
.Hbtn-fullfix{width:100%;padding:0px}
.Hbtn-hulf{width:48%;margin:2%;padding:10px 0px}
.Hbtn-hulffix{width:50%;padding:0px}
/*.Hbtn-navy-brd{border-width:2px;border-style:solid;border-top-color:#7a7aff;border-right-color:#7a7aff;border-left-color:#3a3ab6;border-bottom-color:#3a3ab6}
.Hbtn-navy-brd:focus{border-top-color:#3a3ab6;border-right-color:#3a3ab6;border-left-color:#7a7aff;border-bottom-color:#7a7aff}*/
/*navy-------------*/
.Hbtn-navy{background:navy;color:#fff;border:none}
.Hbtn-navy:hover{background:#4952ad;color:#fff;}
.Hbtn-navy-hRev{background:navy;color:#fff;border:none}
.Hbtn-navy-hRev:hover{background:#fff;color:navy;border:2px solid navy;padding:8px 28px}
/*black-------------*/
.Hbtn-black{background:#000;color:#fff;border:none}
.Hbtn-black:hover{background:#333;color:#fff;}
.Hbtn-black-hRev{background:#333;color:#fff;border:none}
.Hbtn-black-hRev:hover{background:#fff;color:#000;border:2px solid #000;padding:8px 28px}
/*blakgold-------------*/
.Hbtn-blakgold{background:#000;color:#fecb04;border:none}
.Hbtn-blakgold:hover{background:#333;color:#fecb04;}
.Hbtn-blakgold-hRev{background:#000;color:#fecb04;border:none}
.Hbtn-blakgold-hRev:hover{background:#fecb04;color:#000;border:2px solid #000;padding:8px 28px}
/*redwhite-------------*/
.Hbtn-redwhite{background:#c00;color:#fff;border:none}
.Hbtn-redwhite:hover{background:#a00;color:#fff;}
.Hbtn-redwhite-hRev{background:#c00;color:#fff;border:none}
.Hbtn-redwhite-hRev:hover{background:#fff;color:#c00;border:2px solid #c00;padding:8px 28px}
/*gray-------------*/
.Hbtn-gray{background:#eee;color:#000;border:none}
.Hbtn-gray:hover{background:#ddd;color:#000;}
.Hbtn-gray-hRev{background:#eee;color:#000;border:none}
.Hbtn-gray-hRev:hover{background:#000;color:#eee;border:2px solid #eee;padding:8px 28px}
/*greenwhite-------------*/
.Hbtn-greenwhite{background:#173e43;color:#fff;border:none}
.Hbtn-greenwhite:hover{background:#216068;color:#fff;}
.Hbtn-greenwhite-hRev{background:#173e43;color:#fff;border:none}
.Hbtn-greenwhite-hRev:hover{background:#fff;color:#173e43;border:2px solid #173e43;padding:8px 28px}
/*greenorang-------------*/
.Hbtn-greenorang{background:#173e43;color:#fee204;border:none}
.Hbtn-greenorang:hover{background:#216068;color:#fee204;}
.Hbtn-greenorang-hRev{background:#173e43;color:#fee204;border:none}
.Hbtn-greenorang-hRev:hover{background:#fee204;color:#173e43;border:2px solid #173e43;padding:8px 28px}
/*white-------------*/
.Hbtn-white {
    background: #fff;
    color: #000;
    border: none
}
.Hbtn-white:hover{background:#ddd;color:#000;}
.Hbtn-white-hRev{background:#fff;color:#000;border:none}
.Hbtn-white-hRev:hover{background:#000;color:#fff;border:2px solid #fff;padding:8px 28px}
/*brownwhite-------------*/
.Hbtn-brownwhite{background:#722b17;color:#fff;border:none}
.Hbtn-brownwhite:hover{background:#8f3b0b;color:#fff;}
.Hbtn-brownwhite-hRev{background:#722b17;color:#fff;border:none}
.Hbtn-brownwhite-hRev:hover{background:#fff;color:#722b17;border:2px solid #722b17;padding:8px 28px}
/*greenblack*/
.Hbtn-greenblack{background:#173e43;color:#fff;border:none}
.Hbtn-greenblack:hover{background:#1a464c; color:#fff;}
.Hbtn-greenblack-hRev{background:#173e43;color:#fff;border:none;}
.Hbtn-greenblack-hRev:hover{background:#fff;color:#173e43;border:2px solid #173e43;padding:8px 28px; }
/*halimcolor*/
.Hbtn-halimcolor{background:#dddfd4;color:#2a2c21;border:none}
.Hbtn-halimcolor:hover{background:#f3f4f0; color:#2a2c21;}
.Hbtn-halimcolor-hRev{background:#dddfd4;color:#2a2c21;border:none;}
.Hbtn-halimcolor-hRev:hover{background:#fff;color:#2a2c21;border:2px solid #dddfd4;padding:8px 28px; }
/*greenarmy*/
.Hbtn-greenarmy{background:#5a5c51;color:#fff;border:none}
.Hbtn-greenarmy:hover{background:#848778; color:#fff;}
.Hbtn-greenarmy-hRev{background:#5a5c51;color:#fff;border:none;}
.Hbtn-greenarmy-hRev:hover{background:#fff;color:#5a5c51;border:2px solid #5a5c51;padding:8px 28px; }
/*phosphoric*/
.Hbtn-phosphoric{background:#cdd422;color:#fff;border:none}
.Hbtn-phosphoric:hover{background:#dee250; color:#fff;}
.Hbtn-phosphoric-hRev{background:#cdd422;color:#fff;border:none;}
.Hbtn-phosphoric-hRev:hover{background:#fff;color:#cdd422;border:2px solid #cdd422;padding:8px 28px; }
/*violet*/
.Hbtn-violet{background:#431c5d;color:#fff;border:none}
.Hbtn-violet:hover{background:#712f9d; color:#fff;}
.Hbtn-violet-hRev{background:#431c5d;color:#fff;border:none;}
.Hbtn-violet-hRev:hover{background:#fff;color:#431c5d;border:2px solid #431c5d;padding:8px 28px; }
/*redblue*/
.Hbtn-redblue{background:#e015ad;color:#fff;border:none}
.Hbtn-redblue:hover{background:#ee44c3; color:#fff;}
.Hbtn-redblue-hRev{background:#e015ad;color:#fff;border:none;}
.Hbtn-redblue-hRev:hover{background:#fff;color:#e015ad;border:2px solid #e015ad;padding:8px 28px; }
/*Lupinpink*/
.Hbtn-Lupinpink{background:#f7d0cf;color:#000;border:none}
.Hbtn-Lupinpink:hover{background:#fbe9e9; color:#000;}
.Hbtn-Lupinpink-hRev{background:#f7d0cf;color:#000;border:none;}
.Hbtn-Lupinpink-hRev:hover{background:#000;color:#f7d0cf;border:2px solid #f7d0cf;padding:8px 28px; }
/*Lemon*/
.Hbtn-lemon{background:#ffff38;color:#000;border:none}
.Hbtn-lemon:hover{background:#ffff99; color:#000;}
.Hbtn-lemon-hRev{background:#ffff38;color:#000;border:none;}
.Hbtn-lemon-hRev:hover{background:#000;color:#ffff38;border:2px solid #ffff38;padding:8px 28px; }
/*cement*/
.Hbtn-cement{background:#3a435d;color:#fff;border:none}
.Hbtn-cement:hover{background:#58668d; color:#fff;}
.Hbtn-cement-hRev{background:#3a435d;color:#fff;border:none;}
.Hbtn-cement-hRev:hover{background:#fff;color:#3a435d;border:2px solid #3a435d;padding:8px 28px; }
/*gold*/
.Hbtn-gold{background:#967d46;color:#fff;border:none}
.Hbtn-gold:hover{background:#b69b63; color:#fff;}
.Hbtn-gold-hRev{background:#967d46;color:#fff;border:none;}
.Hbtn-gold-hRev:hover{background:#fff;color:#967d46;border:2px solid #967d46;padding:8px 28px; }
/*oceangreen*/
.Hbtn-oceangreen{background:#6fc7b0;color:#fff;border:none}
.Hbtn-oceangreen:hover{background:#91d4c2; color:#fff;}
.Hbtn-oceangreen-hRev{background:#6fc7b0;color:#fff;border:none;}
.Hbtn-oceangreen-hRev:hover{background:#fff;color:#6fc7b0;border:2px solid #6fc7b0;padding:8px 28px; }
/*island*/
.Hbtn-islandparadise{background:#95DEE3;color:#000;border:none}
.Hbtn-islandparadise:hover{background:#c3ecef; color:#000;}
.Hbtn-islandparadise-hRev{background:#95DEE3;color:#fff;border:none;}
.Hbtn-islandparadise-hRev:hover{background:#fff;color:#000;border:2px solid #95DEE3;padding:8px 28px; }
/*skyblue*/
.Hbtn-skyblue{background:#2874b2;color:#fff;border:none}
.Hbtn-skyblue:hover{background:#4493d5; color:#fff;}
.Hbtn-skyblue-hRev{background:#2874b2;color:#fff;border:none;}
.Hbtn-skyblue-hRev:hover{background:#fff;color:#2874b2;border:2px solid #2874b2;padding:8px 28px; }
/*greenwhite-------------*/
.Hbtn-elephentwhite{background:#bdd1e6;color:#fff;border:none}
.Hbtn-elephentwhite:hover{background:#6085ac;color:#fff;}
.Hbtn-elephentwhite-hRev{background:#173e43;color:#fff;border:none}
.Hbtn-elephentwhite-hRev:hover{background:#fff;color:#173e43;border:2px solid #173e43;padding:8px 28px}



.Hbtn-yellow2{background:#FFCC00;color:#fff;border:1px solid #FFCC00;}
.Hbtn-yellow2:hover{background:#fff;color:#FFCC00;}

.Hbtn-lightGreen{background:#66cd42;color:#fff !important;border:1px solid #66cd42;}
.Hbtn-lightGreen:hover{background:#fff;color:#66cd42 !important;}
.Hbtn-mini{cursor: pointer;padding:7px 15px;margin:2px 10px;color:#333;border-radius:2px;border: 0px;}



/*-------- Htxt-boxes --------*/

.Htxt-V1{background:#fff;border:1px solid #ccc;padding:7px;display:block;color:#333;width:100%;}
.Hlable-V1{display:block;color:#666;font-size:16px;}
.Htxt-areaV1{background:#fff;border:1px solid #ccc;padding:7px;display:block;color:#333;width:100%;resize: none;height:250px;}
.HLine{height:1px;width:100%;background:#aaa;}





/*-------- Cursor --------*/
.Hcursor-def{cursor:default}
.Hcursor-poi{cursor:pointer}
.Hcursor-pro{cursor:progress}
.Hcursor-wait{cursor:wait}











/*-------- Menu --------*/
.Hmenu1{background:red;width:100%}
/*-------- Cursor --------*/
/*-------- Cursor --------*/
/*-------- Cursor --------*/
/*-------- Cursor --------*/

/*------- Cursor --------*/


/*--------------Animation-------------*/
.Hani-startup{opacity:0;filter:alpha(opacity=0);-moz-transition:all 2s;-o-transition:all 2s;-webkit-transition:all 2s;transition:all 2s;-ms-transform:translateY(20px);-o-transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);}
.Hani-startupfix{opacity:1;filter:alpha(opacity=100);-moz-transition:all 2s;-o-transition:all 2s;-webkit-transition:all 2s;transition:all 2s;-ms-transform:translateY(0px);-o-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);}
.Hani-startin{opacity:0;filter:alpha(opacity=0);-moz-transition:all 2s;-o-transition:all 2s;-webkit-transition:all 2s;transition:all 2s;-ms-transform:scale(0.7,0.7);-o-transform:scale(0.7,0.7);-moz-transform:scale(0.7,0.7);-webkit-transform:scale(0.7,0.7);transform:scale(0.7,0.7);}
.Hani-startinfix{opacity:1;filter:alpha(opacity=100);-moz-transition:all 2s;-o-transition:all 2s;-webkit-transition:all 2s;transition:all 2s;-ms-transform:scale(1,1);-o-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);}
.Hani-startIn{opacity:0;filter:alpha(opacity=0);}
.Hani-startInfix{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1,1);-o-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-animation-name: startIn;-o-animation-name: startIn;-moz-animation-name: startIn;animation-name: startIn;-webkit-animation-duration: 1s;-o-animation-duration: 1s;-moz-animation-duration: 1s;  animation-duration: 1s;}
@-webkit-keyframes startIn {0%{-webkit-transform:scale(0.7,0.7);opacity:0;filter:alpha(opacity=0);}60%{opacity:1;filter:alpha(opacity=100);}80%{-webkit-transform:scale(1.1,1.1);}100%{-webkit-transform:scale(1,1);}}
@-o-keyframes startIn {0%{-o-transform:scale(0.7,0.7);opacity:0;filter:alpha(opacity=0);}60%{opacity:1;filter:alpha(opacity=100);}80%{-o-transform:scale(1.1,1.1);}100%{-o-transform:scale(1,1);}}
@-moz-keyframes startIn {0%{-moz-transform:scale(0.7,0.7);opacity:0;filter:alpha(opacity=0);}60%{opacity:1;filter:alpha(opacity=100);}80%{-moz-transform:scale(1.1,1.1);}100%{-moz-transform:scale(1,1);}}
@keyframes startIn {0%{transform:scale(0.7,0.7);opacity:0;filter:alpha(opacity=0);}60%{opacity:1;filter:alpha(opacity=100);}80%{transform:scale(1.1,1.1);}100%{transform:scale(1,1);}}
.Hani-spinwipe,.Hani-spinwipeREV{-ms-transform:scale(0,0);-o-transform:scale(0,0);-moz-transform:scale(0,0);-webkit-transform:scale(0,0);transform:scale(0,0);}
.Hani-spinwipefix{-ms-transform:scale(1,1);-o-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-animation-name: spinwipe;-o-animation-name: spinwipe;-moz-animation-name: spinwipe;animation-name: spinwipe;-webkit-animation-duration: 1.5s;-o-animation-duration: 1.5s;-moz-animation-duration: 1.5s;  animation-duration: 1.5s;}
@-webkit-keyframes spinwipe {0% {transform:scale(0,0) rotateX(720deg);}100% {transform:scale(1,1)  rotateX(0deg);}}
@-o-keyframes spinwipe {0% {transform:scale(0,0) rotateX(720deg);}100% {transform:scale(1,1)  rotateX(0deg);}}
@-moz-keyframes spinwipe {0% {transform:scale(0,0) rotateX(720deg);}100% {transform:scale(1,1)  rotateX(0deg);}}
@keyframes spinwipe {0% {transform:scale(0,0) rotateX(720deg);}100% {transform:scale(1,1)  rotateX(0deg);}}
.Hani-spinwipeREVfix{/*opacity:1;filter:alpha(opacity=100);*/-ms-transform:scale(1,1);-o-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-animation-name: spinwipeREV;-o-animation-name: spinwipeREV;-moz-animation-name: spinwipeREV;animation-name: spinwipeREV;-webkit-animation-duration: 1.5s;-o-animation-duration: 1.5s;-moz-animation-duration: 1.5s;  animation-duration: 1.5s;}
@-webkit-keyframes spinwipeREV {0% {transform:scale(0,0) rotateX(1080deg);}100% {transform:scale(1,1)  rotateX(0deg);}}
@-o-keyframes spinwipeREV {0% {transform:scale(0,0) rotateX(1080deg);}100% {transform:scale(1,1)  rotateX(0deg);}}
@-moz-keyframes spinwipeREV {0% {transform:scale(0,0) rotateX(1080deg);}100% {transform:scale(1,1)  rotateX(0deg);}}
@keyframes spinwipeREV {0% {transform:scale(0,0) rotateX(-720deg);}100% {transform:scale(1,1)  rotateX(0deg);}}
.Hani-spin-revfix{-webkit-animation-name: Hani-spin-rev;-o-animation-name: Hani-spin-rev;-moz-animation-name: Hani-spin-rev;animation-name: Hani-spin-rev;-webkit-animation-duration: 1.5s;-o-animation-duration: 1.5s;-moz-animation-duration: 1.5s;  animation-duration: 1.5s;}
@-webkit-keyframes Hani-spin-rev {0%{transform:rotateZ(-780deg);}77%{transform:rotateZ(60deg);}83%{transform:rotateZ(60deg);}100%{transform:rotateZ(0deg);}}
@-o-keyframes Hani-spin-rev {0%{transform:rotateZ(-780deg);}77%{transform:rotateZ(60deg);}83%{transform:rotateZ(60deg);}100%{transform:rotateZ(0deg);}}
@-moz-keyframes Hani-spin-rev {0%{transform:rotateZ(-780deg);}77%{transform:rotateZ(60deg);}83%{transform:rotateZ(60deg);}100%{transform:rotateZ(0deg);}}
@keyframes Hani-spin-rev {0%{transform:rotateZ(-780deg);}77%{transform:rotateZ(60deg);}83%{transform:rotateZ(60deg);}100%{transform:rotateZ(0deg);}}
.Hani-spin-rev-startIn{opacity:0;filter:alpha(opacity=0);}
.Hani-spin-rev-startInfix{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1,1);-o-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-animation-name: spinrevstartIn;-o-animation-name: spinrevstartIn;-moz-animation-name: spinrevstartIn;animation-name: spinrevstartIn;-webkit-animation-duration: 1s;-o-animation-duration: 1s;-moz-animation-duration: 1s;  animation-duration: 1s;}
@-webkit-keyframes spinrevstartIn {0%{-webkit-transform:scale(0.7,0.7) rotateZ(390deg);opacity:0;filter:alpha(opacity=0);}60%{opacity:1;filter:alpha(opacity=100);}80% {-webkit-transform:scale(1.1,1.1)rotateZ(-30deg);}100% {-webkit-transform:scale(1,1)rotateZ(0deg);}}
@-o-keyframes spinrevstartIn {0%{-webkit-transform:scale(0.7,0.7) rotateZ(390deg);opacity:0;filter:alpha(opacity=0);}60%{opacity:1;filter:alpha(opacity=100);}80%{-webkit-transform:scale(1.1,1.1)rotateZ(-30deg);}100%{-webkit-transform:scale(1,1)rotateZ(0deg);}}
@-moz-keyframes spinrevstartIn {0%{-webkit-transform:scale(0.7,0.7) rotateZ(390deg);opacity:0;filter:alpha(opacity=0);}60%{opacity:1;filter:alpha(opacity=100);}80%{-webkit-transform:scale(1.1,1.1)rotateZ(-30deg);}100%{-webkit-transform:scale(1,1)rotateZ(0deg);}}
@keyframes spinrevstartIn {0%{-webkit-transform:scale(0.7,0.7) rotateZ(390deg);opacity:0;filter:alpha(opacity=0);}60%{opacity:1;filter:alpha(opacity=100);}80%{-webkit-transform:scale(1.1,1.1)rotateZ(-30deg);}100%{-webkit-transform:scale(1,1)rotateZ(0deg);}}
.shiftUp {-webkit-animation-name: shiftUp;animation-name: shiftUp;}
@-webkit-keyframes shiftUp {0%{transform:translateY(30px);}100%{transform:translateY(0px);}}
@keyframes shiftUp {0%{transform:translateY(30px);}100%{transform:translateY(0px);}}

/******************************/
/*****************************/
/*-------- Box model -------*/
/***************************/
/*----- lozi -------*/
/*.Hani-lozenges{width:100%;position:relative;}
.Hani-lozenges>div:nth-child(1),.Hani-lozenges>div:nth-child(3){border-width:2px;border-style:solid;position:absolute;width:76%;height:76%;top:0;left:0;overflow:hidden;margin:12%;}
.Hani-lozenges.lozenges-TR>div:nth-child(1),.Hani-lozenges.lozenges-TR>div:nth-child(3){-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.Hani-lozenges.lozenges-TL>div:nth-child(1),.Hani-lozenges.lozenges-TL>div:nth-child(3){-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.Hani-lozenges.lozenges-BR>div:nth-child(1),.Hani-lozenges.lozenges-BR>div:nth-child(3){-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.Hani-lozenges.lozenges-BL>div:nth-child(1),.Hani-lozenges.lozenges-BL>div:nth-child(3){-ms-transform:rotate(135deg);-o-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.Hani-lozenges.lozenges-TR>div:nth-child(1)>div>div,.Hani-lozenges.lozenges-TR>div:nth-child(3)>div>div{-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.Hani-lozenges.lozenges-TL>div:nth-child(1)>div>div,.Hani-lozenges.lozenges-TL>div:nth-child(3)>div>div{-ms-transform:rotate(135deg);-o-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.Hani-lozenges.lozenges-BR>div:nth-child(1)>div>div,.Hani-lozenges.lozenges-BR>div:nth-child(3)>div>div{-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.Hani-lozenges.lozenges-BL>div:nth-child(1)>div>div,.Hani-lozenges.lozenges-BL>div:nth-child(3)>div>div{-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.Hani-lozenges>div:nth-child(3)>div>div{width:100%;height:100%;margin-top:0%;margin-right:0%;text-align:center}
.Hani-lozenges>div:nth-child(2){top:0;left:0;overflow:hidden;text-align:center;position:relative;width:100%;height:100%}
.Hani-lozenges > div:nth-child(2) .pic{position:absolute;width:64%;height:64%;top:0;left:0;overflow:hidden;margin:18%;z-index: 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.Hani-lozenges > div:nth-child(2) .pic img {position: relative;width: 150%;height: 150%;margin-right:-23%;margin-top:-30%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}*/
     /*.Hani-lozenges > div:nth-child(2) .pic:before {
        content: "";
        position: absolute;
        width: 150%;
        height: 150%;
        top: -25%;
        left:-25%;
        z-index: -1;
        background: url(../images/labour-child1.jpg) center center repeat;
        background-size:cover;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }*/
/*.Hani-lozenges>div:nth-child(1)>div,.Hani-lozenges>div:nth-child(3)>div{width:100%;height:100%;top:0;left:0;-moz-transition:all 0.4s;-o-transition:all 0.4s;-webkit-transition:all 0.4s;transition:all 0.4s;}
.Hani-lozenges.lozenges-slid>div:nth-child(1)>div,.Hani-lozenges.lozenges-slid>div:nth-child(3)>div
{-ms-transform:translateX(100%);-o-transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);}
.Hani-lozenges.lozenges-fade>div:nth-child(1)>div,.Hani-lozenges.lozenges-fade>div:nth-child(3)>div{opacity:0;filter:alpha(opacity=0);}
.Hani-lozenges>div:nth-child(3)>div{z-index:1;}
.Hani-lozenges.lozenges-over.lozenges-slid>div:nth-child(3):hover >div,.Hani-lozenges.lozenges-overtrans.lozenges-slid>div:nth-child(3):hover >div,.Hani-lozenges.lozenges-slid.slidon>div:nth-child(1)>div{-ms-transform:translateX(0%);-o-transform:translateX(0%);-moz-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%);}
.Hani-lozenges.lozenges-over.lozenges-fade>div:nth-child(3):hover >div,.Hani-lozenges.lozenges-fade.fadeon>div:nth-child(1)>div {opacity:1;filter:alpha(opacity=100);}*/


/*----- lozi -------*/
.Hani-lozenges{width:100%;position:relative;}
.Hani-lozenges>div:nth-child(1),.Hani-lozenges>div:nth-child(3){border-width:2px;border-style:solid;position:absolute;width:76%;height:76%;top:0;left:0;overflow:hidden;margin:12%;}
.Hani-lozenges.lozenges-TR>div:nth-child(1),.Hani-lozenges.lozenges-TR>div:nth-child(3){-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.Hani-lozenges.lozenges-TL>div:nth-child(1),.Hani-lozenges.lozenges-TL>div:nth-child(3){-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.Hani-lozenges.lozenges-BR>div:nth-child(1),.Hani-lozenges.lozenges-BR>div:nth-child(3){-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.Hani-lozenges.lozenges-BL>div:nth-child(1),.Hani-lozenges.lozenges-BL>div:nth-child(3){-ms-transform:rotate(135deg);-o-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.Hani-lozenges.lozenges-TR>div:nth-child(1)>div>div,.Hani-lozenges.lozenges-TR>div:nth-child(3)>div>div{-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.Hani-lozenges.lozenges-TL>div:nth-child(1)>div>div,.Hani-lozenges.lozenges-TL>div:nth-child(3)>div>div{-ms-transform:rotate(135deg);-o-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.Hani-lozenges.lozenges-BR>div:nth-child(1)>div>div,.Hani-lozenges.lozenges-BR>div:nth-child(3)>div>div{-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.Hani-lozenges.lozenges-BL>div:nth-child(1)>div>div,.Hani-lozenges.lozenges-BL>div:nth-child(3)>div>div{-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.Hani-lozenges>div:nth-child(3)>div>div{width:100%;height:100%;margin-top:0%;margin-right:0%;text-align:center}
.Hani-lozenges>div:nth-child(2){top:0;left:0;overflow:hidden;text-align:center;position:relative;width:100%;height:100%}
.Hani-lozenges > div:nth-child(2) .pic{position:absolute;width:64%;height:64%;top:0;left:0;overflow:hidden;margin:18%;z-index: 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.Hani-lozenges > div:nth-child(2) .pic img {position: relative;width: 150%;height: 150%;margin-right:-23%;margin-top:-30%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.Hani-lozenges>div:nth-child(1)>div,.Hani-lozenges>div:nth-child(3)>div{width:100%;height:100%;top:0;left:0;-moz-transition:all 0.4s;-o-transition:all 0.4s;-webkit-transition:all 0.4s;transition:all 0.4s;}
/*.Hani-lozenges.lozenges-slid>div:nth-child(1)>div,.Hani-lozenges.lozenges-slid>div:nth-child(3)>div
{-ms-transform:translateX(100%);-o-transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);}*/
.Hani-lozenges.lozenges-slid>div:nth-child(1)>div
{-ms-transform:translateX(100%);-o-transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);}
.Hani-lozenges.lozenges-over.lozenges-slid>div:nth-child(3)>div,.Hani-lozenges.lozenges-overtrans.lozenges-slid>div:nth-child(3)>div
{-ms-transform:translateX(100%);-o-transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);}

/*.Hani-lozenges.lozenges-fade>div:nth-child(1)>div,.Hani-lozenges.lozenges-fade>div:nth-child(3)>div{opacity:0;filter:alpha(opacity=0);}*/
.Hani-lozenges.lozenges-fade>div:nth-child(1)>div,.Hani-lozenges.lozenges-overtrans.lozenges-fade>div:nth-child(3)>div,.Hani-lozenges.lozenges-over.lozenges-fade>div:nth-child(3)>div
{opacity:0;filter:alpha(opacity=0);}

.Hani-lozenges>div:nth-child(3)>div{z-index:1;}
.Hani-lozenges.lozenges-over.lozenges-slid>div:nth-child(3):hover >div,.Hani-lozenges.lozenges-overtrans.lozenges-slid>div:nth-child(3):hover >div,.Hani-lozenges.lozenges-slid.slidon>div:nth-child(1)>div{-ms-transform:translateX(0%);-o-transform:translateX(0%);-moz-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%);}
.Hani-lozenges.lozenges-over.lozenges-fade>div:nth-child(3):hover >div,.Hani-lozenges.lozenges-fade.fadeon>div:nth-child(1)>div {opacity:1;filter:alpha(opacity=100);}


/*-- crop box gallery*/
        /*.baseani{background-image:url("images/ordervisicard.jpg");background-color:red;background-size:100% 100%;background-origin:border-box;background-repeat:no-repeat;padding-top:70%;box-sizing:border-box;}*/
/*.Hani-gallcrop>img{position:absolute;top:0px;left:0px;width:100%;height:100%;background:none;box-sizing:border-box;border-width:0px 0px 0px 0px;border-color:black;border-style:solid;transition:all linear 0.2s}*/



/*.Hani-gallcrop>div:nth-child(1){position:absolute;overflow:hidden;top:0px;left:0px;width:100%;height:100%;background:none;box-sizing:border-box;z-index:4}







.Hani-gallcrop>div:nth-child(1)>div:nth-child(1){position:absolute;top:0px;left:0px;width:100%;height:100%;background:none;box-sizing:border-box;border-width:0px 0px 0px 0px;border-color:black;border-style:solid;transition:all linear 0.2s}
.Hani-gallcrop.gallcrop1171 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    position: absolute;
    top: auto;
    bottom: 20px;
    right: 20px;
    background: none;
    transition: all linear 0.2s
}
.Hani-gallcrop.gallcrop1171 > div:nth-child(1) > div:nth-child(2) {
    position: absolute;
    top: auto;
    bottom: 20px;
    right: 20px;
    background: none;
    transition: all linear 0.2s
}

.Hani-gallcrop.gallcrop1171>div:nth-child(1)>div:nth-child(2) {
    position: absolute;
    top: auto;
    bottom: -20px;
    right: 20px;
    background: none;
    transition: all linear 0.2s
}
.Hani-gallcrop.gallcrop1171>div:nth-child(1):hover>div:nth-child(1) {
    border-width: 10px 10px 70px 10px;
}
    .Hani-gallcrop.gallcrop1171>div:nth-child(1):hover>div:nth-child(1)>div:nth-child(1) {
        bottom:calc(100% - 40px);
        color:red;
    }
.Hani-gallcrop.gallcrop1171>div:nth-child(1):hover>div:nth-child(2) {
    bottom: 26px;
    color:red;
}*/



.Hgallery {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}
.Hgallery>.caption {
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 4
}

.Hgallcrop {
    z-index: 5
}
.Hgallcrop .caption .titr {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: none;
        box-sizing: border-box;
        border-width: 0px 0px 0px 0px;
        border-color: #fecb04;
        border-style: solid;
        transition: all linear 0.2s
    }


.crop0010:hover .caption .titr {
    border-width: 0px 0px 10px 0px;
}
/*.crop1177 .caption .titr div {
    position: absolute;
    top: auto;
    bottom:30px;
    right: 20px;
    color: black;
    transition: all linear 0.2s;
    color: white;
    text-shadow: 1px 0px black,0px 1px black,-1px 0px black,0px -1px black,0px 0px 4px black;
    padding: 0 10px 0 10px;
}*/
/*.crop1177:hover .caption .titr div {
        bottom: calc(100% - 50px);
        padding: 0 10px 0 10px;
    }*/
.crop0010 .caption .desc {
    position: absolute;
    top: auto;
    bottom: -60px;
    right: 20px;
    background: none;
    font-family:'B Nazanin';
    font-size:25px;
    color:black;
       transition: all linear 0.2s;
 
}
.crop0010:hover .caption .desc {
    bottom: 6px;
    color:Black;
}
/*.crop0010 .caption .aside {
    position: absolute;
    top: 0px;
    left: -30px;
    background: none;
    font-family:'B Nazanin';
    font-size:25px;
    color:black;
       transition: all linear 0.2s;
       padding-top:20px;
 
}
.crop0010 .caption .aside span{
    color:black;
       transition: all linear 0.2s;
     width:100%;
     display: block;
     margin:10px 0px;
}
.crop0010:hover .caption .aside {
        left: 10px;

}*/



.crop1171 .caption .titr div {
    position: absolute;
    top: auto;
    bottom:30px;
    right: 20px;
    color: black;
    transition: all linear 0.2s;
    color: white;
    text-shadow: 1px 0px black,0px 1px black,-1px 0px black,0px -1px black,0px 0px 4px black;
    padding: 0 10px 0 10px;
}
.crop1171:hover .caption .titr div {
        bottom: calc(100% - 50px);
        padding: 0 10px 0 10px;
    }
.crop1171 .caption .desc {
    position: absolute;
    top: auto;
    bottom: -60px;
    right: 20px;
    background: none;
    font-family:'B Nazanin';
    font-size:25px;
    color:black;
       transition: all linear 0.2s;
 
}
.crop1171:hover .caption .titr {
    border-width: 10px 10px 70px 10px;
}
.crop1171:hover .caption .desc {
    bottom: 6px;
    color:Black;
}




.crop1771:hover .caption .titr {
    border-width: 10px 70px 70px 10px;
}
.crop1771 .caption .titr div {
    position: absolute;
    top: auto;
    bottom:30px;
    right: 20px;
    color: black;
    transition: all linear 0.2s;
    color: white;
    text-shadow: 1px 0px black,0px 1px black,-1px 0px black,0px -1px black,0px 0px 4px black;
    padding: 0 10px 0 10px;
}
.crop1771:hover .caption .titr div {
        bottom: calc(100% - 50px);
        padding: 0 10px 0 10px;
    }
.crop1771 .caption .desc {
    position: absolute;
    top: auto;
    bottom: -60px;
    right: 20px;
    background: none;
    font-family:'B Nazanin';
    font-size:25px;
    color:black;
       transition: all linear 0.2s;
 
}
.crop1771:hover .caption .desc {
    bottom: 6px;
    color:Black;
}
.crop1771 .caption .aside {
    position: absolute;
    top: 0px;
    right: -30px;
    background: none;
    font-family:'B Nazanin';
    font-size:25px;
    color:black;
       transition: all linear 0.2s;
       padding-top:20px;
 
}
.crop1771 .caption .aside span{
    color:black;
       transition: all linear 0.2s;
     width:100%;
     display: block;
     margin:10px 0px;
}
.crop1771:hover .caption .aside {
        right: 10px;

}



.crop1177:hover .caption .titr {
    border-width: 10px 10px 70px 70px;
}
.crop1177 .caption .titr div {
    position: absolute;
    top: auto;
    bottom:30px;
    right: 20px;
    color: black;
    transition: all linear 0.2s;
    color: white;
    text-shadow: 1px 0px black,0px 1px black,-1px 0px black,0px -1px black,0px 0px 4px black;
    padding: 0 10px 0 10px;
}
.crop1177:hover .caption .titr div {
        bottom: calc(100% - 50px);
        padding: 0 10px 0 10px;
    }
.crop1177 .caption .desc {
    position: absolute;
    top: auto;
    bottom: -60px;
    right: 20px;
    background: none;
    font-family:'B Nazanin';
    font-size:25px;
    color:black;
       transition: all linear 0.2s;
 
}
.crop1177:hover .caption .desc {
    bottom: 6px;
    color:Black;
}
.crop1177 .caption .aside {
    position: absolute;
    top: 0px;
    left: -30px;
    background: none;
    font-family:'B Nazanin';
    font-size:25px;
    color:black;
       transition: all linear 0.2s;
       padding-top:20px;
 
}
.crop1177 .caption .aside span{
    color:black;
       transition: all linear 0.2s;
     width:100%;
     display: block;
     margin:10px 0px;
}
.crop1177:hover .caption .aside {
        left: 10px;

}


.crop1177P:hover .caption .titr {
    border-width: 10px 10px 70px 70px;
}
/*.Hgall23 .caption .titr div {
    position: absolute;
    top: auto;
    bottom:30px;
    right: 20px;
    color: black;
    transition: all linear 0.2s;
    color: white;
    text-shadow: 1px 0px black,0px 1px black,-1px 0px black,0px -1px black,0px 0px 4px black;
    padding: 0 10px 0 10px;
}*/
/*.Hgall23:hover .caption .titr div {
        bottom: calc(100% - 50px);
        padding: 0 10px 0 10px;
    }*/
.crop1177P .caption .desc {
    position: absolute;
    top: auto;
    bottom: 10px;
    left: 20px;
    right:auto;
    background: none;
    font-family:'B Nazanin';
    font-size:25px;
    color:black;
       transition: all linear 0.2s;
}
.crop1177P:hover .caption .desc {
    left: auto;
    right:20px;
    color:Black;
}
.crop1177P .caption .aside {
    position: absolute;
    top: 0px;
    left: -30px;
    background: none;
    font-family:'B Nazanin';
    font-size:25px;
    color:black;
       transition: all linear 0.2s;
       padding-top:20px;
 
}
.crop1177P .caption .aside span{
    color:black;
       transition: all linear 0.2s;
     width:100%;
     display: block;
     margin:10px 0px;
}
.crop1177P:hover .caption .aside {
        left: 10px;

}



.Hgall3 {
    z-index: 5;
    /*background:black;*/
}
.Hgall3 img{transition: all linear 0.4s;
}
.Hgall3:hover img{transform:scale(1.2,1.2);

}
.Hgall3 .caption .titr {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: none;
        box-sizing: border-box;
        border-width: 0px 0px 0px 0px;
        border-color: #fecb04;
        border-style: solid;
        transition: all linear 0.2s
    }
/*.Hgall3:hover .caption .titr {
    border-width: 10px 70px 70px 10px;
}*/
.Hgall3 .caption .titr div {
    position: absolute;
    top: 40px;
    /*bottom:30px;*/
    right: 0px;
    width:inherit;
    text-align:center;
    color: black;
    transition: all linear 0.2s;
    color: white;
    text-shadow: 1px 0px black,0px 1px black,-1px 0px black,0px -1px black,0px 0px 4px black;
    padding: 0 10px 0 10px;
}
/*.Hgall3:hover .caption .titr div {
        bottom: calc(100% - 50px);
        padding: 0 10px 0 10px;
    }*/
/*.Hgall3 .caption .desc {
    position: absolute;
    top: auto;
    bottom: -60px;
    right: 20px;
    background: none;
    font-family:'B Nazanin';
    font-size:25px;
    color:black;
       transition: all linear 0.2s;
 
}
.Hgall3:hover .caption .desc {
    bottom: 6px;
    color:Black;
}*/
.Hgall3 .caption .aside {
    position: absolute;
    top: 0px;
    right: 0;
    font-size:25px;
    color:black;
       transition: all linear 0.2s;
       padding-top:40px;
       background:green
 
}
.Hgall3 .caption .aside span a{
    color:black;
}
.Hgall3 .caption .aside span{
    color:black;
       transition: all linear 0.2s;
     width:100%;
     display: block;
         position: absolute;
                 width:200px;
                 background:rgba(255,255,255,0.8);
}
.Hgall3 .caption .aside span:nth-child(1){
        transition: all linear 0.4s;
                 margin-top:35px;
     right: -200px;
}
.Hgall3 .caption .aside span:nth-child(2){
       transition: all linear 0.4s;
     right: -300px;
     margin-top:77px;
}
.Hgall3 .caption .aside span:nth-child(3){
       transition: all linear 0.4s;
     right: -400px;
     margin-top:119px;
}
.Hgall3 .caption .aside span:nth-child(4){
       transition: all linear 0.4s;
     right: -500px;
     margin-top:160px;
}
.Hgall3:hover .caption {
       background:rgba(0,0,0,0.2);
}

.Hgall3:hover .caption .aside {
       right: 0px;

}
.Hgall3:hover .caption .aside span {
          transition: all linear 0.2s;
      right: 10px;
}



.Hgall31 {
    z-index: 5
}
.Hgall31 img{transition: all linear 0.4s;
}
.Hgall31:hover img{transform:scale(1.05,1.05)

}
.Hgall31 .caption .titr {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: none;
        box-sizing: border-box;
        border-width: 0px 0px 0px 0px;
        border-color: #fecb04;
        border-style: solid;
        transition: all linear 0.2s
    }
/*.Hgall31:hover .caption .titr {
    border-width: 10px 70px 70px 10px;
}*/
.Hgall31 .caption .titr div {
    position: absolute;
    top: 40%;
    /*bottom:30px;*/
    right: 0px;
    width:inherit;
    text-align:center;
    color: black;
    transition: all linear 0.2s;
    color: white;
    text-shadow: 1px 0px black,0px 1px black,-1px 0px black,0px -1px black,0px 0px 4px black;
}
.Hgall31:hover .caption .titr div {
        transform:scale(1.5,1.5);
    }
.Hgall31 .caption .desc {
    position: absolute;
    top:calc(40% + 30px);
    /*bottom:30px;*/
    right: 0px;
    width:inherit;
    text-align:center;
    color: black;
        opacity:0;
    filter:alpha(opacity=0);
    transition: all linear 0.3s;
}
.Hgall31:hover .caption .desc {
    opacity:1;
    filter:alpha(opacity=100);
}
.Hgall31 .caption .aside {
    position: absolute;
    top: -50%;
    right: 20%;
    width:50px;
    height:200%;
    border:2px solid red;
       transition: all linear 0.2s;
       transform:rotate(45deg);
    opacity:0;
    filter:alpha(opacity=0);

}
.Hgall31:hover .caption .aside {
        width:250px;
    opacity:1;
    filter:alpha(opacity=100);

}




.treeangle .caption .titr::before {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;



background: url(../images/ax.svg) no-repeat center center ;
	background-size: 100% 100%;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(5,2.5,1) translateY(50px);
	transform: scale3d(5,2.5,1) translateY(50px);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;

}
.treeangle:hover .caption .titr::before {
    opacity: 0.6;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
/*.treeangle .caption .titr div {
    position: absolute;
    top: auto;
    bottom:30px;
    right: 20px;
    color: black;
    transition: all linear 0.2s;
    color: white;
    text-shadow: 1px 0px black,0px 1px black,-1px 0px black,0px -1px black,0px 0px 4px black;
    padding: 0 10px 0 10px;
}*/
/*.treeangle:hover .caption .titr div {
        bottom: calc(100% - 50px);
        padding: 0 10px 0 10px;
    }*/
.treeangle .caption .desc {
    position: absolute;
    top: auto;
    bottom: 80%;
    background: none;
    font-family:'B Nazanin';
    font-size:25px;
    color:black;
       transition: all linear 0.2s;
       text-align:center;
       width:100%;
}
.treeangle:hover .caption .desc {
    bottom:70%;
}
.treeangle .caption .aside {
    position: absolute;
    top: 38%;
    right:calc(50% - 75px);
    background: none;
}
.treeangle .caption .aside span{
    color:black;
       transition: all linear 0.2s;
     margin:0px 10px;
     opacity:0;
     filter:alpha(opacity=0);
}
.treeangle .caption .aside span:nth-child(1){
         transform:translate(30px,-50px);
}
.treeangle .caption .aside span:nth-child(2){
         transform:translate(0px,50px);
}
.treeangle .caption .aside span:nth-child(3){
         transform:translate(-30px,-50px);
}
.treeangle:hover .caption .aside span{
        left: 10px;
        transform:translate(0px,0px);
        opacity:1;
     filter:alpha(opacity=100);
}


/********img filter*/
/*Hfilter-gray
.Hani-gallcrop img {
    -ms-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition:0.3s all linear;
}

.Hani-gallcrop.gallcrop1171:hover img {
    -ms-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
}*/   













.Hform
{
}


button,
input[type=text],
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
/*-webkit-appearance:none*/ 
  /*display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;*/
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/

}
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
   outline: none;
/*-webkit-appearance:none*/ 
}












label .Hchk{
	display: inline;
}
input.Hchk[type=checkbox] {
	display: none;
}
input.Hchk[type=checkbox] + label.Hchk {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}
input.Hchk[type=checkbox] + label.Hchk:active, input[type=checkbox]:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
input.Hchk[type=checkbox]:checked + label.Hchk {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
input.Hchk[type=checkbox]:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}


.Hform  input[type=checkbox]  + label + div{
    display:inline-block;
    background:none;
    z-index:-1;
        position:relative;
        -webkit-transform:translateY(-5px);
        -moz-transform:translateY(-5px);
        -o-transform:translateY(-5px);
        -ms-transform:translateY(-5px);
        transform:translateY(-5px);
    padding:10px 5px 0px 30px;
}



.Hform.frm-md input[type=checkbox]  + label{
    	padding: 12px;
}
.Hform.frm-md input[type=checkbox]:checked  + label:after{
	font-size: 21px;
	left: 4px;
}
.Hform.frm-md  input[type=checkbox]  + label + div{
    padding-top:20px;
        -webkit-transform:translateY(-10px);
        -moz-transform:translateY(-10px);
        -o-transform:translateY(-10px);
        -ms-transform:translateY(-10px);
        transform:translateY(-10px);
}

.Hform.frm-lg input[type=checkbox]  + label{
    	padding: 18px;
}
.Hform.frm-lg input[type=checkbox]:checked  + label:after{
	font-size: 28px;
	left: 6px;
}
.Hform.frm-lg  input[type=checkbox]  + label + div{
    padding:30px 5px 0px 20px;
        position:relative;
        -webkit-transform:translateY(-15px);
        -moz-transform:translateY(-15px);
        -o-transform:translateY(-15px);
        -ms-transform:translateY(-15px);
        transform:translateY(-15px);
}




.radio-1 {
	width: 193px;
}

.button-holder {
	float: left;
}

/* RADIO */

input[type=radio] {
	display: none;
}

input[type=radio] + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}

input[type=radio]:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

input[type=radio]:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

input[type=radio] + label:active, input[type=radio]:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type=radio].big + label {
	padding: 16px;
}

input[type=radio].big:checked + label:after {
	width: 24px;
	height: 24px;
	left: 4px;
	top: 4px;
}
















.Hform input[type=text]{position:relative;margin:3px auto;width:95%}
.Hbrdless input[type=text],.Hbrdless input[type=password],.Hbrdless input[type=text] {
    border: none;
    padding: 0px 10px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    color: #000;
    background: none;
    font-family: BNazanin;
    font-size: 21px;
    position: relative;
    margin: 3px auto;
    width: 95%;
    color: #444;
}
.Hbrdless textarea {
    border: none;
    height: 31px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    background: none;
    font-family: BNazanin;
    font-size: 21px;
    position: relative;
    margin: 3px auto;
    width: 95%;
    color:#444;
}
.Hbrdless select{
    border:none;
    border-bottom-width:2px;
    border-bottom-style:solid;
    background:none;
    font-family:BNazanin;
    font-size:21px;
     position:relative;margin:3px auto;width:95%
}

.Hbrdless .label {
    color:rgb(170,170,170);
  padding:0px 10px;
    -webkit-transform:translate(0px,30px);
    -o-transform:translate(0px,30px);
    -moz-transform:translate(0px,30px);
    -ms-transform:translate(0px,30px);
    transform:translate(0px,30px);
    /*opacity:0.4;*/
    /*filter:alpha(opacity:40);*/
    transition:all 0.3s linear;
        font-family:BNazanin;
    font-size:21px;

}
    .Hbrdless .label.on {
        /*opacity:1;*/
        /*filter:alpha(opacity:100);*/
        color: rgb(0,0,0);
        -webkit-transform: translate(0px,5px);
        -o-transform: translate(0px,5px);
        -moz-transform: translate(0px,5px);
        -ms-transform: translate(0px,5px);
        transform: translate(0px,5px);
    }

.Hbrdless label {
    display: inline;
}
.Hbrdless input[type=checkbox] {
    display: none;
}
.Hbrdless input[type=checkbox] + label {
	background-color: unset;
    border:none;
   border-bottom-width:2px;
    border-bottom-style:solid;
    border-bottom-color:rgb(0,0,0);
	box-shadow: none;
	padding: 18px;
	border-radius: 0px;
	display: inline-block;
	position: relative;
}
.Hbrdless input[type=checkbox] + label:after {
	content: '\2714';
	font-size: 28px;
	position: absolute;
	top: 0px;
	left: 6px;
	color: #cccccc;
}

.Hbrdless input[type=checkbox] + label:active, input[type=checkbox]:checked + label:active {
	box-shadow: none;
}
.Hbrdless input[type=checkbox]:checked + label {
	/*background-color: none;
	box-shadow:none;
	color: #99a1a7;*/
}
.Hbrdless input[type=checkbox]:checked + label:after {
	color: #444;
}
.Hform  input[type=checkbox]  + label + div{
    display:inline-block;
    background:none;
    z-index:-1;
        position:relative;
        /*-webkit-transform:translateY(-5px);
        -moz-transform:translateY(-5px);
        -o-transform:translateY(-5px);
        -ms-transform:translateY(-5px);
        transform:translateY(-5px);
    padding:10px 5px 0px 30px;*/
}

/*.radio-1 {
    width: 193px;
}*/

.button-holder {
    float: left;
}

/* RADIO */

.Hbrdless input[type=radio] {
    display: none;
}

    .Hbrdless input[type=radio] + label {
        -webkit-appearance: none;
        /*background-color: #fafafa;*/
        /*background-color: none;*/
        /*border-bottom: 1px solid #cacece;*/
        border:none;
        border-bottom: 3px solid #000;
        /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
        padding: 13px;
        border-radius: 50%;
        display: inline-block;
        position: relative;
    }

    .Hbrdless input[type=radio] + label:after {
        content: ' ';
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: absolute;
        top: 3px;
        /*background: #99a1a7;*/
        background: #ccc;
        /*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);*/
        text-shadow: 0px;
        left: 3px;
        /*font-size: 32px;*/
    }
    .Hbrdless input[type=radio]:checked + label:after {
        content: ' ';
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: absolute;
        top: 3px;
        /*background: #99a1a7;*/
        background: #444;
        box-shadow: none;
        text-shadow: 0px;
        left: 3px;
        /*font-size: 32px;*/
    }

    .Hbrdless input[type=radio]:checked + label {
        /*background-color: #f00;*/
        /*color: #99a1a7;*/
        color: #f00;
        border-bottom: 3px solid #000;
        /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);*/
    }

    .Hbrdless input[type=radio] + label:active, input[type=radio]:checked + label:active {
        /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/
    }

    .Hbrdless input[type=radio] + label + div {
        display: inline;
    }
    
        
        
        .Hbrdless input[type=radio].big + label {
        padding: 16px;
    }

    .Hbrdless input[type=radio].big:checked + label:after {
        width: 24px;
        height: 24px;
        left: 4px;
        top: 4px;
    }



 















.Hcards{
box-sizing:border-box;
direction:rtl;
background-color: rgb(240,240,240);
position: relative;
margin:0 auto;
}
.Hcards.Hcards-full{
width:100%;
} 
.Hcards.Hcards-edu{
    padding:20px 15px 15px 15px;
}
 .Hcards.Hcards-contact {
    padding:20px 5px 5px 5px;
}
 .Hcards>.Hcards-header, .Hcards .Hcards-footer,.Hcards .Hcards-content {
        padding: 5px;
        min-height: 30px;
        color:#444;

    }
  .Hcards, .Hcards .Hcards-header:after, .Hcards .Hcards-footer:after,.Hcards .Hcards-content:after {
  display: table;
  content: " ";
        clear:both;

    } 
  .Hcards.Hedu .Hcards-header, .Hcards.Hedu .Hcards-contact .Hcards-header {
        padding-bottom: 10px;
    } 
  .Hcards.Hedu .Hcards-footer, .Hcards.Hedu .Hcards-contact .Hcards-footer {
        padding-top: 10px;
    }
/*****class for jQuery*/
.jblock{display:block;} .jnone{display:none;}  .Hshad-TR-5{box-shadow:5px -5px 5px ;} .Hshad-TL-5{box-shadow:-5px -5px 5px ;} .Hshad-BL-5{box-shadow:-5px 5px 5px ;} .Hshad-BR-5{box-shadow:5px 5px 5px ;} .Hshad-green{box-shadow:green} .Htxtbrd{text-shadow:1px 1px inset black;}



/************* HtabNavfixUp ****/
.HtabNavfixUp{display:block;position:relative;background-color:rgb(241,241,241);color:rgb(68,68,68);}
.HtabNavfixUp.office{background-color:rgb(42,87,154);color:#fff;}
.HtabNavfixUp >div:nth-child(1){background-color:rgb(68,68,68);color:#fff;padding:2px 0 0 0}
.HtabNavfixUp >div:nth-child(1)>div{text-align:center;font-family:BkoodakBold;font-size:16px;display:inline-block;padding:10px 20px;}
.HtabNavfixUp >div:nth-child(1)>div::before{content:attr(data-text);}
.HtabNavfixUp >div:nth-child(1)>div:hover{background-color:rgb(241,241,241);color:rgb(68,68,68)}
.HtabNavfixUp >div:nth-child(1)>div.active{background-color:rgb(241,241,241);color:rgb(68,68,68)}


 .HtabNavfixUp>div:nth-child(2)>div{text-align:right;font-family:BMitra;font-size:18px;direction:rtl;padding:10px 20px;display:none}
  .HtabNavfixUp>div:nth-child(2)>div p{text-align:right;font-family:BMitra;font-size:18px;}
  .HtabNavfixUp.HtabNavfixUp-brown {background:#a52a2a;color:#fff}
  .HtabNavfixUp.HtabNavfixUp-brown>div:nth-child(1) div{background:#d82424;color:#000;padding:8px 0px}
   .HtabNavfixUp.HtabNavfixUp-brown>div:nth-child(1) div.active{background:#a52a2a;color:#fff;}
   .HtabNavfixUp.HtabNavfixUp-brown>div:nth-child(2) {padding:8px 20px;}
   .HtabNavfixUp.HtabNavfixUp-brown>div:nth-child(2) div {display:none}
/******************************/
.HcolorPollet{display:inline-block;position:relative;
    margin:0px;
    
    z-index:5;
    }
    .HcolorPollet>div:first-child{position:absolute;display:inline-block;width:0px;height:2px;overflow:hidden;}
    .HcolorPollet>div:last-child{display:block;position:relative;
    height:30px;
    margin:0px;
    padding-left:30px;
    background:inital;
    background-color:transparent;
    background-image:url(colorPallet.png);
    background-repeat:no-repeat;
    background-position:top left;
    z-index:5;
    }
    .HcolorPollet .showcolor{position:absolute;background-color:green;display:inline-block;
    bottom:0px;left:20px;width:12px;height:12px;z-index:3000;border-radius:50%}
    
    
    
    .HcolorPollet>div:last-child{height:30px;}
    .HcolorPollet.hi>div:last-child{height:47px;}
    .HcolorPollet.hi .showcolor{position:absolute;background-color:#446677;display:inline-block;
    bottom:0px;left:0px;width:100%;height:15px;z-index:3000;border-radius:0}
    
.Hscroll_v5{scroll-behavior: smooth;scrollbar-width: thin;scrollbar-color: rgba(200, 200, 200, 0.687) rgba(200, 200, 200, 0.272);}
.Hscroll_v5::-webkit-scrollbar {height:5px;}
/* Track */.Hscroll_v5::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(200, 200, 200, 0.272); border-radius: 10px;}
/* Handle */.Hscroll_v5::-webkit-scrollbar-thumb {background: rgba(200, 200, 200, 0.687); border-radius: 10px;}  
/* Handle on hover */.Hscroll_v5::-webkit-scrollbar-thumb:hover {background: rgb(200, 200, 200,0.8) ; }
    
/******************************/
.HEcmbox{display:inline-block;font-family: Yekan;
    position:relative;
    /*height:47px;*/
    height:auto;
    margin:0px;
    background:inital;
    /*background-color:transparent;*/
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:top center;
    z-index:5;
    }
    .HEcmbox::before{content:attr(HEcmb-content);font-size:29px;position:absolute;right:0;top:1px;}
    .HEcmbox:hover{background-color:#ccc;}
    
    
    .HEcmbox.down .HEcmb_head{position: relative;display: block;height:auto;direction:rtl;margin:0;
    text-align:right;z-index:5;overflow:hidden;box-sizing:border-box}
    .HEcmbox.down .HEcmb_head::after{position:absolute;color:#333;
    bottom:-5px;left:0px;font-size:14px;text-align:center;width:100%;height:17px;}
    
    
    .HEcmbox.left .HEcmb_head{position: relative;display: block;height:auto;direction:rtl;
    text-align:right;z-index:5;overflow:hidden;padding-bottom:0px;}
    .HEcmbox.left .HEcmb_head::after{position:absolute;color:#333;
    font: bold;left:0;top:50%;transform:translateY(-50%);}
    
    /*
    .HEcmbox .HEcmb_head.headup::after{content:"\25B4";}
    .HEcmbox .HEcmb_head.headdown::after{content:"\25BE";}
    transform:rotate(135deg)
    .HEcmbox .HEcmb_head.headup::after{content:"\2039";}
    .HEcmbox .HEcmb_head.headdown::after{content:"\203A";}
    
    .HEcmbox .HEcmb_head.headup::after{content:"\2228";}
    .HEcmbox .HEcmb_head.headdown::after{content:"\203A";}
    
    .HEcmbox .HEcmb_head.headup::after{content:"\2512";}
    .HEcmbox .HEcmb_head.headdown::after{content:"\2516";}
    */
    
    .HEcmbox .HEcmb_head.headup::after{content:"\25B4";}
    .HEcmbox .HEcmb_head.headdown::after{content:"\25BE";}
    
    
    
    .HEcmbox .HEcmb_ops{width:100%;position: absolute;top:100%;z-index:100;background:#fff;display:none;box-shadow: 0px 3px 5px #aaa;padding-top:10px;max-height: 230px;overflow-y:auto;}
    .HEcmbox .HEcmb_ops span{display:block;padding:5px;}
    .HEcmbox .HEcmb_ops .cmbspan:hover{background: #ddd;cursor: pointer;}




/*.manageTicket .HEcmb_head{padding:5px !important;height:auto !important;}*/
/*.manageTicket .HEcmb_head::after{color:#3b75e5 !important;top:50% !important;transform:translateY(-50%) !important}*/
/*.manageTicket .HEcmb_ops{border:1px solid #097bf8;width:100%;}*/
/*.manageTicket .HEcmb_ops .cmbspan{color:rgb(50, 66, 84) !important;}*/
/*.manageTicket .HEcmb_ops .cmbspan:hover{background:#3b75e5 !important;color:#f5f7f8 !important;cursor:pointer;}*/
/*.manageTicket .HEcmb_ops .cmbspan[disabled=""]{color:rgb(50, 66, 84) !important;background:#ddd !important;cursor:not-allowed !important;}*/






/*****************************/
/*-------- smallpaging -------*/
/***************************/






.smallpaging{display:inline-block;font-family: Yekan;
    position:relative;
    /*height:47px;*/
    
    margin:0px;
    background:inital;
    /*background-color:transparent;*/
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:top center;
    z-index:5;
    border:1px solid #ddd;
    border-left:0px;
    float:right;
    width:80px;
  
    }
  /*  .smallpaging::before{content:attr(HEcmb-content);font-size:29px;position:absolute;right:0;top:1px;}*/
    .smallpaging:hover{background-color:#eee;}

    
    
    .smallpaging .sp_head{position: relative;display: block;height:35px;direction:rtl;
    text-align:center;z-index:5;overflow:hidden;}
    .smallpaging .sp_head::after{position:absolute;color:#333;
    top:0px;left:0px;font: bold;}
    

    
    .smallpaging .sp_head.headup::after{content:"\25B4";}
    .smallpaging .sp_head.headdown::after{content:"\25BE";}
    
    
    
    .smallpaging .sp_ops{width:70px;position: absolute;top:100%;z-index:100;background:#fff;display:none;box-shadow: 0px 3px 5px #aaa;padding-top:10px;max-height: 230px;overflow-y:auto;}
    .smallpaging .sp_ops span{display:block;padding:5px;}
    .smallpaging .sp_ops span:hover{background: #ddd;cursor: pointer;}


/*****************************/
/*-------- modal -------*/
/***************************/
.Hmodal {
  position: fixed;
  min-width: 100%;
  min-height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20010;
  display: none;
  overflow: auto;
  overflow-y: auto;
padding: 30px 5%;
background-color:rgba(0,0,0,.6);
} 
/*.Hmodal>.hhh{
    position:relative;
    margin:0px auto;
    margin-top:-400px;
    padding:10px 0;
    opacity:0;
    filter:alpha(opacity=0);
    transition:.3s opacity linear;
}  */
/* .Hmodal .Hcards .Hcards_header .close{ */
    .Hmodal .Hcards{margin-top: -100px;}
    .Hmodal .close{
        height:30px;
        width: 30px;
        background-color: hotpink;
        position:relative;
        float:left;
        left:4px;
        right:4px;
        top:2px;
        cursor:pointer;
        z-index: 5;
    } 
    .Hmodal .close::after{
        content: '+';
        font:30px  Arial;
        /* font-weight:bolder; */
        color:#000;
        transform: rotate(45deg);
        /* background-color: hotpink; */
        position:absolute;
        top:-1px;
        left:6px;
        /* float:left;
        left:4px;
        top:2px;
        cursor:pointer;
        z-index: 5;
        padding:0 4px; */
    } 
    /* .Hmodal .Hcards .Hcards-footer .close{
  
        float:left;
        margin-left:30px;
        padding:6px 10px;
        font:48px bold;
        cursor:pointer;
    }  */
    .Hmodal-lg{
    width:100%;
    max-width:1000px;
} .Hmodal-md{
    width:100%;
    max-width:600px;
}.Hmodal-sm{
    width:100%;
    max-width:450px;
} .Hmodal-xs{
    width:100%;
    max-width:300px;
} 
.Hmodal .Hcards.start{
     opacity:1;
    filter:alpha(opacity=100);
    transition: .5s;
}


/*//////////// dialog box ////////////////////*/
/*---------------------Hconfirm----------------------*/
#HconfirmOK,#HconfirmCANCLE,#HalertOK{float:right;background:#ccc;color:#333;padding:2px 20px;border: 0px;cursor: pointer;border-radius: 5px;transition:0.1s}
#HconfirmCANCLE{float:left;}
#HalertOK{position: relative;right: 50%;-ms-transform: translateX(50%);transform: translateX(50%);}
#HconfirmOK:hover{background:rgb(23, 105, 177);color:#fff}
#HconfirmCANCLE:hover{background:rgb(221, 57, 57);color:#fff}
#HalertOK:hover{background:rgb(57, 57, 221);color:#fff}
.Hconfirm{display:block;top:300px;border-radius:5px;}
.Hconfirm .Hconfirmbg{}
.Hconfirm .Hconfirmbg span{font-size: 140%;}
/*background-image: url("data:image/png;base64, ");} */
#Hnotification {padding:0px;top:20px;right:10px;direction:rtl;background-color:none;color:white;opacity:1;margin-bottom:15px;position:fixed;z-index:9999;}
#Hnotification .Hnotipm {position:relative;padding:20px;color:white;opacity:1;/* transition: opacity 0.6s;*/margin-bottom:15px;direction:rtl;}
#Hnotification .Hnotipmbtn {margin:0 15px 0 10px;color:white;font-weight:bold;float:left;font-size:22px;line-height:20px;cursor:pointer;transition:0.3s;}
#Hnotification .Hnotipmbtn:hover{color:black;}
/*-------------------------------------------------*/



/* xss */
@media only screen and (max-width : 320px) {
 .Hcol-xss-12 {width: 100%;}.Hcol-xss-11 {width: 91.66666667%;}.Hcol-xss-10 {width: 83.33333333%;}.Hcol-xss-9 {width: 75%;}.Hcol-xss-8 {width: 66.66666667%;}.Hcol-xss-7 {width: 58.33333333%;}.Hcol-xss-6 {width: 50%;}.Hcol-xss-5 {width: 41.66666667%;}.Hcol-xss-4 {width: 33.33333333%;}.Hcol-xss-3 {width: 25%;}.Hcol-xss-2 {width: 16.66666667%;}.Hcol-xss-1 {width: 8.33333333%;}
 .Hhide-xss{display:none}
 .Hshow-xss{display:block;}
 .xss{display:block;}
 }
/* xs */
@media only screen and (min-width : 321px) and (max-width : 480px) {
 .Hcol-xs-12 {width: 100%;}.Hcol-xs-11 {width: 91.66666667%;}.Hcol-xs-10 {width: 83.33333333%;}.Hcol-xs-9 {width: 75%;}.Hcol-xs-8 {width: 66.66666667%;}.Hcol-xs-7 {width: 58.33333333%;}.Hcol-xs-6 {width: 50%;}.Hcol-xs-5 {width: 41.66666667%;}.Hcol-xs-4 {width: 33.33333333%;}.Hcol-xs-3 {width: 25%;}.Hcol-xs-2 {width: 16.66666667%;}.Hcol-xs-1 {width: 8.33333333%;}
 .Hhide-xs{display:none}
 .Hshow-xs{display:block;}
  .xs{display:block;}
}
/* sm */
@media only screen and (min-width : 481px) and (max-width : 623px) {
 .Hcol-sm-12 {width: 100%;}.Hcol-sm-11 {width: 91.66666667%;}.Hcol-sm-10 {width: 83.33333333%;}.Hcol-sm-9 {width: 75%;}.Hcol-sm-8 {width: 66.66666667%;}.Hcol-sm-7 {width: 58.33333333%;}.Hcol-sm-6 {width: 50%;}.Hcol-sm-5 {width: 41.66666667%;}.Hcol-sm-4 {width: 33.33333333%;}.Hcol-sm-3 {width: 25%;}.Hcol-sm-2 {width: 16.66666667%;}.Hcol-sm-1 {width: 8.33333333%;}
 .Hhide-sm{display:none}
 .Hshow-sm{display:block;}
  .sm{display:block;}
 }
/* xsm */
@media only screen and (min-width : 624px) and (max-width : 767px) {
 .Hcol-xsm-12 {width: 100%;}.Hcol-xsm-11 {width: 91.66666667%;}.Hcol-xsm-10 {width: 83.33333333%;}.Hcol-xsm-9 {width: 75%;}.Hcol-xsm-8 {width: 66.66666667%;}.Hcol-xsm-7 {width: 58.33333333%;}.Hcol-xsm-6 {width: 50%;}.Hcol-xsm-5 {width: 41.66666667%;}.Hcol-xsm-4 {width: 33.33333333%;}.Hcol-xsm-3 {width: 25%;}.Hcol-xsm-2 {width: 16.66666667%;}.Hcol-xsm-1 {width: 8.33333333%;}
 .Hhide-xsm{display:none}
 .Hshow-xsm{display:block;}
  .xsm{display:block;}
 }
/* md */
@media only screen and (min-width : 768px) and (max-width : 879px) {
    .Hcol-md-12 {width: 100%;}.Hcol-md-11 {width: 91.66666667%;}.Hcol-md-10 {width: 83.33333333%;}.Hcol-md-9 {width: 75%;}.Hcol-md-8 {width: 66.66666667%;}.Hcol-md-7 {width: 58.33333333%;}.Hcol-md-6 {width: 50%;}.Hcol-md-5 {width: 41.66666667%;}.Hcol-md-4 {width: 33.33333333%;}.Hcol-md-3 {width: 25%;}.Hcol-md-2 {width: 16.66666667%;}.Hcol-md-1 {width: 8.33333333%;}
    .Hhide-md{display:none}
    .Hshow-md{display:block;}
    .md{display:block;}
    nav .Hmenubar{display:block;}
nav .Hnavbar{display:none;}

}
/* xmd */
@media only screen and (min-width : 880px) and (max-width : 991px) {
 .Hcol-xmd-12 {width: 100%;}.Hcol-xmd-11 {width: 91.66666667%;}.Hcol-xmd-10 {width: 83.33333333%;}.Hcol-xmd-9 {width: 75%;}.Hcol-xmd-8 {width: 66.66666667%;}.Hcol-xmd-7 {width: 58.33333333%;}.Hcol-xmd-6 {width: 50%;}.Hcol-xmd-5 {width: 41.66666667%;}.Hcol-xmd-4 {width: 33.33333333%;}.Hcol-xmd-3 {width: 25%;}.Hcol-xmd-2 {width: 16.66666667%;}.Hcol-xmd-1 {width: 8.33333333%;}
 .Hhide-xmd{display:none}
 .Hshow-xmd{display:block;}
  .xmd{display:block;}
}
/* lg */
@media only screen and (min-width : 992px) and (max-width : 1200px) {
 .Hcol-lg-12 {width: 100%;}.Hcol-lg-11 {width: 91.66666667%;}.Hcol-lg-10 {width: 83.33333333%;}.Hcol-lg-9 {width: 75%;}.Hcol-lg-8 {width: 66.66666667%;}.Hcol-lg-7 {width: 58.33333333%;}.Hcol-lg-6 {width: 50%;}.Hcol-lg-5 {width: 41.66666667%;}.Hcol-lg-4 {width: 33.33333333%;}.Hcol-lg-3 {width: 25%;}.Hcol-lg-2 {width: 16.66666667%;}.Hcol-lg-1 {width: 8.33333333%;}
 .Hhide-lg{display:none}
 .Hshow-lg{display:block;}
  .lg{display:block;}
}
/* xlg */
@media only screen and (min-width : 1201px) {
 .Hcol-xlg-12 {width: 100%;}.Hcol-xlg-11 {width: 91.66666667%;}.Hcol-xlg-10 {width: 83.33333333%;}.Hcol-xlg-9 {width: 75%;}.Hcol-xlg-8 {width: 66.66666667%;}.Hcol-xlg-7 {width: 58.33333333%;}.Hcol-xlg-6 {width: 50%;}.Hcol-xlg-5 {width: 41.66666667%;}.Hcol-xlg-4 {width: 33.33333333%;}.Hcol-xlg-3 {width: 25%;}.Hcol-xlg-2 {width: 16.66666667%;}.Hcol-xlg-1 {width: 8.33333333%;}
 .Hhide-xlg{display:none}
 .Hshow-xlg{display:block;}
  .xlg{display:block;}
}
/* xss */
@media only screen and (max-width : 320px) {
 }
/* xs */
@media only screen and (min-width : 321px) and (max-width : 480px) {
}
/* sm */
@media only screen and (min-width : 481px) and (max-width : 623px) {
 }
/* xsm */
@media only screen and (min-width : 624px) and (max-width : 767px) {
 }
/* md */
@media only screen and (min-width : 768px) and (max-width : 879px) {
 }
/* md to dpwn for menu*/
@media only screen and (max-width : 879px) {

    /* .Hpagination > *{display:none}
    .Hpagination > :nth-child(1),
    .Hpagination > :nth-child(2),
    .Hpagination > :nth-last-child(1),
    .Hpagination > :nth-last-child(2), .Hpagination span{display:block}  */

     #big{display:none!important;}
    #small{display:block!important;}
}
/* xmd */
@media only screen and (min-width : 880px) and (max-width : 991px) {
}
/* lg */
@media only screen and (min-width : 992px) and (max-width : 1200px) {
}
/* xlg */
@media only screen and (min-width : 1201px) {
}




.mypagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    /*margin: 20px 0;*/
    border-radius: 4px;
    direction: rtl
}

    .mypagination > li {
        display: inline;
    }

        .mypagination > li > a,
        .mypagination > li > span {
            position: relative;
            float: right;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #ffffff;
            border: 1px solid #dddddd;
        }

        .mypagination > li:last-child > a,
        .mypagination > li:last-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .mypagination > li:first-child > a,
        .mypagination > li:first-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .mypagination > li > a:hover,
        .mypagination > li > span:hover,
        .mypagination > li > a:focus,
        .mypagination > li > span:focus {
            background-color: #eeeeee;
        }

    .mypagination > .active > a,
    .mypagination > .active > span,
    .mypagination > .active > a:hover,
    .mypagination > .active > span:hover,
    .mypagination > .active > a:focus,
    .mypagination > .active > span:focus {
        z-index: 2;
        color: #ffffff;
        cursor: default;
        background-color: #428bca;
        border-color: #428bca;
    }

    .mypagination > .disabled > span,
    .mypagination > .disabled > a,
    .mypagination > .disabled > a:hover,
    .mypagination > .disabled > a:focus {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
        border-color: #dddddd;
    }

.mypagination-container {
    padding: 0px 30px;
    text-align: center;
    /* border-top: 1px solid #bbb; */
    margin-top: 10px;
}


.Hpagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    /*margin: 20px 0;*/
    border-radius: 4px;
    direction: rtl
}

    /* .Hpagination > li {
        display: inline;
    } */

        .Hpagination >  a,
        .Hpagination >  select,
        .Hpagination >  span {
            position: relative;
            float: right;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #ffffff;
            border: 1px solid #dddddd;
        }
        .Hpagination >  select{padding:1.4px 5px;text-align: center;}
        

        .Hpagination > a:last-child ,
        .Hpagination > span:last-child  {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .Hpagination > a:first-child ,
        .Hpagination > span:first-child  {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .Hpagination > a:hover,
        .Hpagination > span:hover,
        .Hpagination >  a:focus,
        .Hpagination > span:focus {
            background-color: #eeeeee;
        }

    .Hpagination > a .active,
    .Hpagination > span.active,
    .Hpagination > a.active:hover,
    .Hpagination > span.active:hover,
    .Hpagination > a.active:focus,
    .Hpagination > span.active:focus {
        z-index: 2;
        color: #ffffff;
        cursor: default;
        background-color: #428bca;
        border-color: #428bca;
    }

    .Hpagination > span.disabled,
    .Hpagination > a.disabled,
    .Hpagination > a.disabled:hover,
    .Hpagination > a.disabled:focus {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
        border-color: #dddddd;
    }
     #big{display:block;}
     #small{display:none;}




.fixgoup {
    border-radius: 20px;
    position: fixed;
    bottom: 5px;
    right: 5px;
    padding: 10px 12px 15px 12px;
    display: block;
    background: red;
    opacity: 0.5;
    z-index: 230;
}

    .fixgoup .contentgoup {
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent white transparent;
        width: 0px;
    }
