@charset "utf-8";

*{outline:none;}
/* body.vfx *:hover, */
body.vfx a,
body.vfx input,
body.vfx button,
body.vfx p,
body.vfx ul,
body.vfx li,
body.vfx .btn,
.btnx,.vfx{
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
transition:all .2s ease-in;
}

.noti_bubble {
    padding: 3px 3px 3px 3px;
    background-color: red;
    color: white;
    font-weight: bold;
    font-size: 14px;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    box-shadow: 1px 1px 1px gray;
    text-align: center;
}

.wait {cursor: wait !important;}
.progress,.loading {cursor: progress !important;}

/* bootstrap overwrite: */
input.form-control[type=file]{padding-top: 0 ;} 



ul{padding:0; margin:0;list-style:none;}
ul li{ padding:0; margin:0;}

body{padding:0;margin:0;cursor:default;}

a{text-decoration:none;}
a:hover{text-decoration:underline; }
img{border:none;}
img.btn{cursor:pointer;}


nav,header,footer,section{ margin:0; padding:0;display:block;}
form{margin:0; padding:0;}
fieldset{margin:0;padding:8px;-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px;}
legend{color:#666666;}
textarea{resize:none;}
input{color:#444;}
input:hover{color:#005;}

.clear{content: ".";display: block; height: 0; clear: both; visibility: hidden; }
.clearfixie {clear:both; height: 1% !important;	overflow: visible !important; }/* IE6 */
.sfa label,.sfb label,.sfc label,.sfd label{cursor:pointer;}
p.line{margin-bottom:0.25em;}
.all_hidden{display: none;}

.loadingThf{background:url(res/ajax-loader.gif) center center no-repeat; min-width:32px; min-height:32px;}
.loadingThfBlock{background:url(res/ajax-loader.gif) center center no-repeat; width:32px;height:32px; display: inline-block;}

.txt_shadow{text-shadow: 3px 3px 6px #DfDfDf; }
.txt_shadow_bk{text-shadow: 3px 3px 6px #303030;}
.shadow,.add_box_shadow{-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);}
.shadow_c{-webkit-box-shadow: 0px 2px 5px #888888;-moz-box-shadow: 0px 2px 5px #888888;box-shadow: 0px 2px 5px #888888;}
.exround{-moz-border-radius:15px; -webkit-border-radius: 15px;border-radius:15px;}
.round{	-moz-border-radius:0.5em; -webkit-border-radius: 0.5em;border-radius:0.5em;}
.round1{	-moz-border-radius:1em; -webkit-border-radius: 1em;border-radius:1em;}
.round_top{-moz-border-radius:5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px;border-radius:5px 5px 0px 0px;}
.round_left{-moz-border-radius:5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px;border-radius:5px 0px 0px 5px;}
.round_right{-moz-border-radius:0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px;border-radius:0px 5px 5px 0px;}
.round_bottom{-moz-border-radius:0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;border-radius:0px 0px 5px 5px;}
.round_top_left{-moz-border-radius:5px 0px 0px 0px; -webkit-border-radius: 5px 0px 0px 0px;border-radius:5px 0px 0px 0px;}
.round_top_right{-moz-border-radius:0px 5px 0px 0px; -webkit-border-radius: 0px 5px 0px 0px;border-radius:0px 5px 0px 0px;}

.border{border:1px solid #999;}
.noborder{border:none !important;}

.valignMiddle{ position: relative; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform: translateY(-50%);}/* parent pos absolute*/

.valign_mid_parent{ display: table;}
.valign_mid_obj{  display: table-cell;  vertical-align: middle;}
table.THFsortable th{ cursor: pointer; }


/*gdfgdfgdsg*/
.gradientg,.gradientgh{
	background: rgba(226,226,226,1);
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(100%, rgba(254,254,254,1)));
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
	background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
	background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
	}

.gradientgh:hover{
	background: rgba(181,198,208,1);
	background: -moz-linear-gradient(top, rgba(181,198,208,1) 0%, rgba(242,246,248,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(181,198,208,1)), color-stop(100%, rgba(242,246,248,1)));
	background: -webkit-linear-gradient(top, rgba(181,198,208,1) 0%, rgba(242,246,248,1) 100%);
	background: -o-linear-gradient(top, rgba(181,198,208,1) 0%, rgba(242,246,248,1) 100%);
	background: -ms-linear-gradient(top, rgba(181,198,208,1) 0%, rgba(242,246,248,1) 100%);
	background: linear-gradient(to bottom, rgba(181,198,208,1) 0%, rgba(242,246,248,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5c6d0', endColorstr='#f2f6f8', GradientType=0 );
}
/*fgdfgs*/

table.gradient, table.gradient td, table.gradient th{border:#F0F0F0 thin solid; padding:0.3em 0.5em;}
table.gradient th{
	background: rgba(181,218,255,1);
	background: -moz-linear-gradient(top, rgba(181,218,255,1) 0%, rgba(242,246,248,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(181,218,255,1)), color-stop(100%, rgba(242,246,248,1)));
	background: -webkit-linear-gradient(top, rgba(181,218,255,1) 0%, rgba(242,246,248,1) 100%);
	background: -o-linear-gradient(top, rgba(181,218,255,1) 0%, rgba(242,246,248,1) 100%);
	background: -ms-linear-gradient(top, rgba(181,218,255,1) 0%, rgba(242,246,248,1) 100%);
	background: linear-gradient(to bottom, rgba(181,218,255,1) 0%, rgba(242,246,248,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5daff', endColorstr='#f2f6f8', GradientType=0 );
	}
table.gradient tr {
	background: rgba(226,226,226,1);
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(100%, rgba(254,254,254,1)));
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
	background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
	background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
	}

table.gradient tr:hover {
	background: rgba(181,198,208,1);
	background: -moz-linear-gradient(top, rgba(181,198,208,1) 0%, rgba(242,246,248,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(181,198,208,1)), color-stop(100%, rgba(242,246,248,1)));
	background: -webkit-linear-gradient(top, rgba(181,198,208,1) 0%, rgba(242,246,248,1) 100%);
	background: -o-linear-gradient(top, rgba(181,198,208,1) 0%, rgba(242,246,248,1) 100%);
	background: -ms-linear-gradient(top, rgba(181,198,208,1) 0%, rgba(242,246,248,1) 100%);
	background: linear-gradient(to bottom, rgba(181,198,208,1) 0%, rgba(242,246,248,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5c6d0', endColorstr='#f2f6f8', GradientType=0 );
	}

/*gdfgsdhsd*/
table.list_tbl{border:#ddd solid 1px; text-align:center;}
.list_tbl td, .list_tbl th{border:1px solid #FFF;}
.list_tbl th{background-color:#DDEEFF;}
.list_tbl tr:nth-child(even){background-color:#F1F1F1;}
.list_tbl tr:nth-child(odd){background-color:#E9E9E9;}
.tr_hover{background-color:#E1FFF1 !important;}
.tr_selected{background-color:#FFEECC !important;}


.btnx{
	display:inline-block;
	font-size:inherit;
	padding:0.5em; margin:0.5em;
	color:#000;
	border: thin solid #666;-webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; 
	background: rgb(222,239,255);
	background: -moz-linear-gradient(top, rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1)));
	background: -webkit-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%);
	background: -o-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%);
	background: -ms-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%);
	background: linear-gradient(to bottom, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 );
}
.btnx:hover{
	color:#236;
	background: rgb(169,228,247);
	background: -moz-linear-gradient(top,  rgba(232,249,255,1) 0%, rgba(155,195,227,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,249,255,1)), color-stop(100%,rgba(155,195,227,1)));
	background: -webkit-linear-gradient(top,  rgba(232,249,255,1) 0%,rgba(155,195,227,1) 100%);
	background: -o-linear-gradient(top,  rgba(232,249,255,1) 0%,rgba(155,195,227,1) 100%);
	background: -ms-linear-gradient(top,  rgba(232,249,255,1) 0%,rgba(155,195,227,1) 100%);
	background: linear-gradient(to bottom,  rgba(232,249,255,1) 0%,rgba(155,195,227,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 );
}



/*******************************************  stweak  ********************************************************************/

.stweak{ height:2.5em;  width: 100%;   max-width: 20em;  vertical-align: middle;  white-space: nowrap;  position: relative; overflow: hidden;}
.stweak, .stweak input, .stweak .sicon, .stweak button{	font-size: 1em; border:none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-transition: all .55s ease;-moz-transition: all .55s ease;-ms-transition: all .55s ease;
	-o-transition: all .55s ease;transition: all .55s ease;	}
.stweak input{	outline:none;   -webkit-border-radius: 0.5em;  -moz-border-radius: 0.5em;  border-radius: 0.5em;  width: 100%; height: 100%;}
.stweak button{height:100%;}

.stweak input::-webkit-input-placeholder {   color: #65737e;}
.stweak input:-moz-placeholder {   color: #65737e;  }/* Firefox 18- */
.stweak input::-moz-placeholder {    color: #65737e;  } /* Firefox 19+ */
.stweak input:-ms-input-placeholder {    color: #65737e;  }

.stweak input{border: 0.07em solid #ddd; background: #f8f8f8;}
.stweak4 button.sicon{ margin-top:0.06em; margin-right:0.02em; height:2.4em;}/*border fix:  margin-top:0.06em; margin-right:0.02em; height:2.4em; */
.stweak1 input:hover,
.stweak1 input:focus,
.stweak1 input:active,
.stweak4 button.sicon{  background: #d2d2d2;}
.stweak4:hover button.sicon:hover{background: #bbb;}

.stweak1 input,
.stweak2 input{ color: #63717f;  }
.stweak2 input:focus,
.stweak2 input:active,
.stweak2:hover input,
.stweak3 input,
.stweak4 input{color: #333;}
.stweak1 .sicon,
.stweak2 .sicon,
.stweak3 .sicon,
.stweak4 button.sicon{color: #444;}
.stweak2:hover .sicon,
.stweak3:hover .sicon{color: #888;}



.bk.stweak input{border:0.07em solid #3b404b; background: #2b303b;}
.bk.stweak4 button.sicon{  margin-top:0.06em; margin-right:0.02em; height:2.4em;} /*border fix:  margin-top:0.06em; margin-right:0.02em; height:2.4em; */
.bk.stweak1 input:hover,
.bk.stweak1 input:focus,
.bk.stweak1 input:active,
.bk.stweak4 button.sicon{  background: #232833;}
.bk.stweak4:hover button.sicon:hover{background: #fff;}

.bk.stweak1 input,
.bk.stweak2 input{ color: #63717f;  }
.bk.stweak2 input:focus,
.bk.stweak2 input:active,
.bk.stweak2:hover input,
.bk.stweak3 input,
.bk.stweak4 input{color: #fff;}
.bk.stweak1 .sicon,
.bk.stweak2 .sicon,
.bk.stweak3 .sicon,
.bk.stweak4 button.sicon{color: #4f5b66;}
.bk.stweak2:hover .sicon,
.bk.stweak3:hover .sicon{color: #93a2ad;}


.bl.stweak input{border: 0.07em solid #98c6dd; background: #eaf3f8;}
.bl.stweak4 button.sicon{ margin-top:0.06em; margin-right:0.02em; height:2.4em;}/*border fix:  margin-top:0.06em; margin-right:0.02em; height:2.4em; */
.bl.stweak1 input:hover,
.bl.stweak1 input:focus,
.bl.stweak1 input:active,
.bl.stweak4 button.sicon{ background: #84bad6;}
.bl.stweak4:hover button.sicon:hover{background: #328dbc;}

.bl.stweak1 input,
.bl.stweak2 input{ color: #1e5470; }
.bl.stweak2 input:focus,
.bl.stweak2 input:active,
.bl.stweak2:hover input,
.bl.stweak3 input,
.bl.stweak4 input{color: #0c212c;}
.bl.stweak1 .sicon,
.bl.stweak2 .sicon,
.bl.stweak3 .sicon,
.bl.stweak4 button.sicon{color: #123243;}
.bl.stweak2:hover .sicon,
.bl.stweak3:hover .sicon{color: #236283;}

/* http://www.color-hex.com/color/328dbc */



.stweak.gbk input,
.stweak.gbkh:hover input,
.stweak.gbkh input:focus,
.stweak.gbkh input:active{background: rgb(255,255,255);
background: -moz-linear-gradient(left,  rgba(255,255,255,0.4) 0%, rgba(229,229,229,0.4) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.4) 0%,rgba(229,229,229,0.4) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0.4) 0%,rgba(229,229,229,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#66e5e5e5',GradientType=1 );}


.bk.stweak.gbk input,
.bk.stweak.gbkh:hover input,
.bk.stweak.gbkh input:focus,
.bk.stweak.gbkh input:active{background: -moz-linear-gradient(left,  rgba(0,0,0,0.23) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.23) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right,  rgba(0,0,0,0.23) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b000000', endColorstr='#00000000',GradientType=1 );}

.bl.stweak.gbk input,
.bl.stweak.gbkh:hover input,
.bl.stweak.gbkh input:focus,
.bl.stweak.gbkh input:active{background: rgb(232,237,240);
background: -moz-linear-gradient(left,  rgba(255,255,255,0.4) 0%, rgba(210,220,226,0.4) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.4) 0%,rgba(210,220,226,0.4) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0.4) 0%,rgba(210,220,226,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#66d2dce2',GradientType=1 );}


.stweak1 input{  padding-left: 3em;}
.stweak1 .sicon{
  position: absolute;
  top: 50%;  left:0%;
  -ms-transform:translate(0, -50%);
  -webkit-transform:translate(0, -50%);
  transform: translate(0, -50%);
  margin-left: 1em;  margin-top:0; margin-bottom:0; margin-right:0;
  z-index: 5;  width:3em;}

.stweak2 input{padding-left: 2.8em; width:3em;}
.stweak2 .sicon{  position: absolute;
  top: 50%;  left:0%;
  -ms-transform:translate(0, -50%);
  -webkit-transform:translate(0, -50%);
  transform: translate(0, -50%);
  margin-left: 1em;  margin-top:0; margin-bottom:0; margin-right:0;
  z-index: 5;  width:2em;} 
.stweak2{width:4em; overflow:visible;}
.stweak2 input:focus,
.stweak2 input:active,
.stweak2:hover input{/*width: 100%;*/ width: 20em;} 

.stweak3{overflow:visible;}
.stweak3 input{  padding-left: 2.5em;}
.stweak3 .sicon{
  position: absolute;
  top: 50%; left:0;
  -ms-transform:translate(0, -50%);
  -webkit-transform:translate(0, -50%);
  transform: translate(0, -50%);
  margin-left: 1em;  margin-top:0; margin-bottom:0; margin-right:0;
  z-index: 5;  width:2em;
}
.stweak3:hover .sicon{
  top:20%; -webkit-transform:scale(1.3);  -moz-transform:scale(1.3);
  -ms-transform:scale(1.3);  -o-transform:scale(1.3);   transform:scale(1.3);
  } 

.stweak4{overflow: hidden; }
.stweak4 input{  padding-left: 1.2em;}
.stweak4 button.sicon{
  width: 3.6em;
  opacity: 0;  position:absolute; right:-3.6em; 
  -webkit-border-top-right-radius: 0.5em;
  -webkit-border-bottom-right-radius: 0.5em;
  -moz-border-radius-topright: 0.5em;
  -moz-border-radius-bottomright: 0.5em;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.stweak4:hover button.sicon, .stweak4:active button.sicon, .stweak4:focus button.sicon{ opacity: 1;    right:0;  }
/********************************** stweak *********************************************/




.nav_cms {  margin:0 auto; width:95%; font-size: 1.1em;   font-weight:bold;  display:block; height:2.95em;}
.nav_cms ul {  padding: 0;  margin: 0;  list-style: none;  position: relative;}
.nav_cms ul li {
	display: inline-block;
	opacity:1;
	 -moz-border-radius: 1em 1em 0em 0em; 
	 -webkit-border-radius: 1em 1em 0em 0em;  
	  border-radius: 1em 1em 0em 0em; 
}
.nav_cms ul li li {  -moz-border-radius: 0px;  -webkit-border-radius: 0px;  border-radius: 0px; }
.nav_cms a {  display: block;  padding: 0 0.5em;   font-size: 1em;  line-height: 3em;  text-decoration: none;
	white-space: nowrap;	text-overflow: ellipsis;    overflow: hidden;	word-wrap: break-word;}
.nav_cms ul ul a{ }
.nav_cms li:hover,.nav_cms li.selected { }
/* Hide Dropdowns by Default */
.nav_cms ul ul {  position: absolute;  top: 3em; /* the height of the main nav */  display: none;  opacity:0;  /* opacity transition fix */}
.nav_cms ul li:hover ul {display:block;} /* opacity transition fix */
/* Display Dropdowns on Hover */
.nav_cms ul li:hover > ul {  display: inherit;  opacity:inherit;}
/* Fisrt Tier Dropdown */
.nav_cms ul ul li {  width: 16em;  float: none;  position: relative;  display: list-item; /*opacity:1;*/}
/* Second, Third and more Tiers	*/
.nav_cms ul ul ul li {  position: relative;  top: -3em;  left: 16em;}
/* Change this in order to change the Dropdown symbol */
/*.nav_cms li > a:after {font-family:'FontAwesome';  content: " +";}*/
.nav_cms li ul li > a:after {font-family:'FontAwesome';  content: " \f061";}
.nav_cms li > a:only-child:after {  content: '';}
/* nav_cms COLOURS CONFIG: */

.nav_cms,.nav_cms a { color: #FFF;}
.nav_cms ul li {
	background: rgb(41,107,137);
	background: -moz-linear-gradient(top,  rgb(51,142,189) 0%, rgb(41,107,137) 100%);
	background: -webkit-linear-gradient(top,  rgb(51,142,189) 0%,rgb(41,107,137) 100%);
	background: linear-gradient(to bottom,  rgb(51,142,189) 0%,rgb(41,107,137) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#338ebd', endColorstr='#296b89',GradientType=0 );
}
.nav_cms ul li li {  background: rgb(41,107,137);}
.nav_cms ul ul a{ border-bottom:thin solid #888; }
.nav_cms li:hover,.nav_cms li.selected {  background: #333;}


.nav_cms.grey,.nav_cms.grey a { color: #000;}
.nav_cms.grey ul li {
	background: #eee;
background: -moz-linear-gradient(top,  rgba(204,204,204,0) 0%, rgb(221,221,221) 100%);
background: -webkit-linear-gradient(top,  rgba(204,204,204,0) 0%,rgb(221,221,221) 100%);
background: linear-gradient(to bottom,  rgba(204,204,204,0) 0%,rgb(221,221,221) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00dddddd',GradientType=0 );
}
.nav_cms.grey ul li li {  background: #ddd;}
.nav_cms.grey ul ul a{ border-bottom:thin solid #555; }
.nav_cms.grey li:hover,.nav_cms.grey li.selected {  background: #eee;}


/*******************************************************************************************/

/** Topmenu (added multi-level support v1.1) **/

.menu_sap {
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;

	font-size:inherit;	
	padding: 0px;
/*	background:#FFF;
/*	color: #fff;
	border-bottom:thin solid #EEE;
	border-top:thin solid #EEE;
*/
	text-transform:uppercase;
}
.menu_sap,.menu_sap>ul{height:3em;}

.menu_sap.zone_content{margin:0 auto;}/*fix ma margini*/


.menu_sap ul { 
-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	/*background-color: #fff; */
}


.menu_sap li {
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
    overflow: hidden; 
	float: left;
	padding-right: 0.1em;
	white-space: nowrap; 
    text-overflow: ellipsis; 
}
.menu_sap li:hover {    overflow: visible; }


.menu_sap li{width:14em; height:3.1em;} /*12 + 2x(0.4+0.6) */
.menu_sap>ul>li:hover {  height:auto; }/* fix la ascunderea primului dropdown */



.menu_sap a {
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
	white-space: nowrap; 
    text-overflow: ellipsis; 
	overflow:hidden;
	width:12em;
	color:#333;
	display: inline-block;
	text-decoration:none;
	margin:0.2em; 
	padding:0.6em;
	border: 1px solid #000;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
	transition:all .2s ease-in;
	background:#FDFDFD;

/*	padding-top: 5px;	padding-bottom: 5px;	padding-left: 12px;	padding-right: 12px;	height: 19px; background-color: #15242b; */

}



.menu_sap a:hover,
.menu_sap li:hover>a,
.menu_sap li.active>a {
	color:#FFF;
	background: #000;
/*	width:12em;*/
}


	
/** Second-level lists **/

.menu_sap li ul { 
	position: absolute;	left: -999em;
	
/*background:#FEFEFE;
	border:0px #CCC solid;
	border-radius:0.5em;-moz-border-radius:0.5em; -webkit-border-radius: 0.5em;
	-moz-box-shadow: 3px 2px 5px #888888;-webkit-box-shadow: 3px 2px 5px #888888;box-shadow: 3px 2px 5px #888888; */
	display: none;
	z-index: 10000;
}
.menu_sap li:hover>ul{display:block; left:inherit;}
.menu_sap li li:hover>ul{position:relative; top:-4em;}


.menu_sap li ul{	width:14em; }
.menu_sap li ul a {width:12em;}


.menu_sap li.active ul a:hover {	color: #fff;	text-decoration: none;	background-color: #5B7D86;}
.menu_sap li.active ul a {	text-decoration: none;	background-color: #15242B;}

/** Level third and above **/
.menu_sap li ul ul { margin-left:14em; height:0; margin-top:0.6em;}
.menu_sap li:hover ul ul, .menu_sap li:hover ul ul ul, .menu_sap li.sfhover ul ul, .menu_sap li.sfhover ul ul ul {}
.menu_sap li:hover ul, .menu_sap li li:hover ul, .menu_sap li li li:hover ul, .menu_sap li.sfhover ul, .menu_sap li li.sfhover ul, .menu_sap li li li.sfhover ul { }/* nested under hovered items */


/*round addition level 0*/
.menu_sap.roundb>ul>li>a{
	text-align:center;
	border:0px solid #FFF;
	-moz-border-radius:0.5em;
	-webkit-border-radius: 0.5em;
	border-radius:0.5em;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
	transition:all .2s ease-in;
	}
.menu_sap.roundb>ul>li>a:hover{
	background: rgba(181,198,208,1);
	-moz-border-radius:1.5em; -webkit-border-radius: 1.5em;border-radius:1.5em;
	}

/*************************************************  fa, glyphicon hover scale ********************************************************************/
.thf_icon_nav .fa, .thf_icon_nav .glyphicon,.thf_icon_nav_item .fa, .thf_icon_nav_item .glyphicon{transition: all .5s;}
.thf_icon_nav:hover .fa, .thf_icon_nav:hover .glyphicon,
.thf_icon_nav_item .fa:hover, .thf_icon_nav_item .glyphicon:hover {transform: scale(1.15); /*color:blue;*/}	
/*************************************************  separators ********************************************************************/
.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%; outline: none;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after,
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after {opacity: 0.35;}

.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/
/*********************/
.ul-steps {
	font-size: 14px;
    margin-bottom: 1.7em;
    list-style-type: none;
    padding: 0;
    text-align: center;
    color: #b1b2b3;
}
.ul-steps a {    text-decoration: none;    display: block; }

.ul-steps .circle {
    border-radius: 50%;
    background-color: #b1b2b3;
    display: block;
    width: 2.85em;
    height: 2.85em;
    line-height: 2.85em;
    color: #fff;
    text-align: center;
    margin: 0 auto 0.35em;
    font-size: 0.9em;
    position: relative;
    z-index: 10;
    transition: background-color .5s;
}

.ul-steps .text {
    display: block;
    text-transform: uppercase;
    font-size: 0.85em;
    color: #b1b2b3;
    transition: color .5s;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: bold;
}


.ul-steps li::after {
    position: absolute;
    content: "";
    display: block;
    height: 1px;
    background: #b1b2b3;
    width: 100%;
    top: 1.43em;
    left: 50%;
}


.ul-steps li.active .circle {    background-color: #95c11c; }
.ul-steps li.active .text {    color: #95c11c; }
.ul-steps li.completed .circle {    background-color: #009c3b;    line-height: 3.143em;}
.ul-steps li.completed .text {    color: #009c3b;}
.ul-steps li.completed:hover .circle {    background-color: #95c11c;}
.ul-steps li.active .circle,
.ul-steps li.completed .circle{	text-shadow: 0.1em 0.1em 0.25em #000; }
.ul-steps li.completed:hover .text {    color: #95c11c;}
.ul-steps li:last-child::after { display: none;}
.ul-steps li:not(.completed) a{pointer-events: none;}
.ul-steps li:not(.completed) .circle{	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.90);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.90);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.90);}

@media(max-width:767px) {
	.ul-steps {  margin: 0  }
    .ul-steps .circle { width: 1.78em; height: 1.78em;  line-height: 1.78em;  font-size: 1em; }
	.ul-steps .text {   display: none!important;  }
    .ul-steps li::after {    top: 0.85em;  }
    .ul-steps li.active .text {display: block;   }
    .ul-steps li.completed .circle {line-height: 1.93em; }
}


/******************************************/
.fusion-separator{text-align:center;}
.fusion-separator:after {
  display: block;
  margin-top: 0.8em;
  height: 0.5em;
  width: 100%;
  content: '';
  background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
  background: -moz-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
  background: -o-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
}
.fusion-separator.wt{color:#f4f4f4;}
.fusion-separator.wt:after{
  background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(255, 255, 255, 0.5) 0px, rgba(0, 0, 0, 0) 65%);
  background: -moz-radial-gradient(ellipse at 50% -50%, rgba(255, 255, 255, 0.5) 0px, rgba(0, 0, 0, 0) 80%);
  background: -o-radial-gradient(ellipse at 50% -50%, rgba(255, 255, 255, 0.5) 0px, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(255, 255, 255, 0.5) 0px, rgba(0, 0, 0, 0) 65%);	
  }

.hx-separator{    position: relative;     padding: 0;    text-align: center; overflow: hidden;}
.hx-separator .hx{
border-bottom-color:rgb(178, 178, 178);
border-bottom-style:none;
border-bottom-width:0px;
color:rgb(178, 178, 178);
display:inline-block;
line-height:1.11em;
margin:0;
max-width:80%;
padding: 0 .8em;
position:relative;
}
.hx-separator .hx:before,.hx-separator .hx:after{
	border-top: 1px solid #b2b2b2;
    content: '';
    display: block;
    position: absolute;
    top: 0.6em;
    width: 1000%;
}
.hx-separator .hx:before{left: 100%;}
.hx-separator .hx:after{right: 100%;}


.rainbowBar,.rainbowBar-sm {
  margin-top:1em;
  margin-bottom:1em;
  border-top: 0;
  background: #c4e17f;
  border-radius: .4em;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
.rainbowBar{  height: .5em;}
.rainbowBar-sm{height:.2em;}

/*********  LOGIN AND SHARE FORMS *************/
#login-dp-class,#login-reg-class,#login-res-class{margin:0 auto;  border:thin solid #CCC; margin-top: 1.5em;}
.vfx #login-dp-class,.vfx #login-reg-class,.vfx #login-res-class{
-webkit-transition:all .8s ease-in;
-moz-transition:all .8s ease-in;
-o-transition:all .8s ease-in;
-ms-transition:all .8s ease-in;
transition:all .8s ease-in;
}

#login-dp-class:hover,#login-reg-class:hover,#login-res-class:hover{border:thin solid hsla(196,100%,70%,1.00);}
@media (min-width: 386px) {  #login-dp-class,#login-reg-class,#login-res-class { width:325px; }}
@media (min-width: 768px) {  #login-dp-class,#login-reg-class,#login-res-class { width:335px; }}
@media (min-width: 992px) {  #login-dp-class,#login-reg-class,#login-res-class { width:375px; }}
@media (min-width: 1200px) {  #login-dp-class,#login-reg-class,#login-res-class { width:415px; }}

.btn-fb{ color: #fff;  background-color:#3b5998;}
.btn-fb:hover{ color: #fff;  background-color:#496ebc }
.btn-tw{color: #fff; background-color:#55acee;}
.btn-tw:hover{ color: #fff; background-color:#59b5fa;}
.btn-gp{color: #fff; background-color:#c32f10;}
.btn-gp:hover{color: #fff; background-color:#ce482c;}
.icon-at:before {  content: "@";  font-weight: bolder;  font-family:Verdana, Geneva, sans-serif;  font-style:normal;}
.thf_captcha{min-height:30px; min-width:100px; cursor: pointer;}
/*************/
.desaturate { -webkit-filter: grayscale(100%);filter: grayscale(100%);}
/****************************/
.noTextSelect,table.THFsortable th,.ul-steps{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}
.a-disabled {  pointer-events: none; } /*make the link not clikable */
/* Drag and drop / sort inside a object JQUERYUI */
.sortableRow{} /* SELF ORDER ROW*/
.sortableRowConnected{min-height: 20px;} /* LINKED ORDER ROWS WITH TRANSFERABLE CHILDS*/
.sortableObjDragger{cursor: move;} /*CHILD*/
.sortableEventSkipper{} /* link/button inside the child */
.sortableDragPlaceholder {/* Drag Placeholder */
	/*border: 1px dotted black;*/
	height: 100px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0d8ef+0,feffff+67&0.5+0,0.7+100 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(160,216,239,0.5) 0%, rgba(254,255,255,0.63) 67%, rgba(254,255,255,0.7) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(160,216,239,0.5) 0%,rgba(254,255,255,0.63) 67%,rgba(254,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(160,216,239,0.5) 0%,rgba(254,255,255,0.63) 67%,rgba(254,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a0d8ef', endColorstr='#b3feffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
} 




/************************************ Bootrstrap modal aleret *****************************************************/
#msg_bst_gen_thf,#msg_bst_thf_loading{position: fixed;  top: 0%;  left: 0%; width: 100%; height:100%;  margin:0; z-index: 1060;  text-align: center; color:#222; display:none;}
#msg_bst_gen_thfALEX,#msg_bst_thf_loadingALEX{position: fixed;  top: 0%;  left: 0%; width: 100%; height:100%;  margin:0; z-index: 1060;  padding:25% ;  background-color :rgba(0,0,0,0.5); text-align: center; color:#222; display:none;}
/***********bootstrap flexbox***********/
.row-eq-height,.flexBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.flexItem{
	-webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
	}

/*  CRISTI */
.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);}

.pointer{cursor: pointer;}
@media (max-width: 767px) { .pointer-xs{cursor: pointer;} }
@media (min-width: 768px) { .pointer-sm{cursor: pointer;} }


		 
.margin-top-05 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }

.spacer5,
.spacer10,
.spacer15,
.spacer20,
.spacer25,
.spacer30,
.spacer35,
.spacer40,
.spacer45,
.spacer50,
.spacer100,
.spacer200 {width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.spacer5 { height: 5px;}
.spacer10 { height: 10px;}
.spacer15 { height: 15px;}
.spacer20 { height: 20px;}
.spacer25 { height: 25px;}
.spacer30 { height: 30px;}
.spacer35 { height: 35px;}
.spacer40 { height: 40px;}
.spacer45 { height: 45px;}
.spacer50 { height: 50px;}
.spacer100 { height: 100px;}
.spacer200 { height: 200px;}




.scale_img{ overflow: hidden; }
.scale_img img{ transform: scale(1); transition: .3s ease-in-out;}
.scale_img img:hover{ transform: scale(1.1);}


	.vcenter { display: inline-block; vertical-align: middle; float: none; }
	/*
	<div class="container">
		<div class="row">
			<div class="col-xs-6 col-md-4 col-lg-2 vcenter">
				<div style="height:10em;border:1px solid #000">Big</div>
			</div><div class="col-xs-6 col-md-8 col-lg-10 vcenter">
				<div style="height:3em;border:1px solid #F00">Small</div>
			</div>
		</div>
	</div>
	*/
	/* -------------------------------    BOOTSTRAP .COL- SQUARE PADDING CLASSES    -------------------------------- */
	.colpad0[class*="container"]>.row>[class*="col"],.row.colpad0>[class*="col"]{padding:0px;}
	.colpadxs[class*="container"]>.row>[class*="col"],.row.colpadxs>[class*="col"]{padding:2px;}
	.colpadsm[class*="container"]>.row>[class*="col"],.row.colpadsm>[class*="col"]{padding:5px;}
	.colpadmd[class*="container"]>.row>[class*="col"],.row.colpadmd>[class*="col"]{padding:8px;}
	.colpadlg[class*="container"]>.row>[class*="col"],.row.colpadlg>[class*="col"]{padding:11px;}
	.colpadxl[class*="container"]>.row>[class*="col"],.row.colpadxl>[class*="col"]{padding:15px;}
	.colpadxxl[class*="container"]>.row>[class*="col"],.row.colpadxxl>[class*="col"]{padding:18px;}
	
	/* -------------------------------    BOOTSTRAP .COL- TOP+BOTTOM PADDING CLASSES    -------------------------------- */
	.colspacer0[class*="container"]>.row>[class*="col"],.row.colspacer0>[class*="col"]{padding-top: 0; padding-bottom: 0;}
	.colspacerxs[class*="container"]>.row>[class*="col"],.row.colspacerxs>[class*="col"]{padding-top: 2px; padding-bottom: 2px;}
	.colspacersm[class*="container"]>.row>[class*="col"],.row.colspacersm>[class*="col"]{padding-top: 5px; padding-bottom: 5px;}
	.colspacermd[class*="container"]>.row>[class*="col"],.row.colspacermd>[class*="col"]{padding-top: 8px; padding-bottom: 8px;}
	.colspacerlg[class*="container"]>.row>[class*="col"],.row.colspacerlg>[class*="col"]{padding-top: 11px; padding-bottom: 11px;}
	.colspacerxl[class*="container"]>.row>[class*="col"],.row.colspacerxl>[class*="col"]{padding-top: 15px; padding-bottom: 15px;}
	.colspacerxxl[class*="container"]>.row>[class*="col"],.row.colspacerxxl>[class*="col"]{padding-top: 18px; padding-bottom: 18px;}

	
	/* -------------------------------   GEBERAL CONTAINER > ITEM CLASSES     -------------------------------- */
	.imgCoverContainer {  position: relative;  width: 100%;  padding-top: 75%;	} /* .CoverRatio4_3 */
	.imgCoverContainer>img,.imgCoverContainer>a>img,.imgCoverContainer>label>img,.imgCoverContainer>video, img.coverItem, video.coverItem{ width:100%;	height:100% !important;	object-fit:cover;	position: absolute;	top:0;	left: 0;}
	.imgCoverContainer>label{width:100%;height:100% !important;}

	

	/* -------------------------------  .row.imgCoverRow>  BOOTSTRAP .COL- TRANSMUTE GALLERY CLASSES    -------------------------------- */	
	/* UGASE:   .row.imgCoverRow.coverFx .CoverRatio16_9.colpadxs > div[class*="col"] > a or div > img or video	*/
	/* UGASE thumbnail:    .row.imgCoverRow.coverFx .CoverRatio16_9.coverThumb.colpadsm > div[class*="col"] > a or div > img.image-thumbnail	*/
	.row.imgCoverRow>[class*="col"]>*:not(.noCover){position: relative;  width: 100%; display: block;  padding-top: 75%;overflow: hidden;}	
	.row.imgCoverRow>[class*="col"]>*>*:not(.noCover){ width:100%;	height:100%;	object-fit:cover; position: absolute;	top:0;	left: 0; }
	.row.imgCoverRow.coverFx>[class*="col"]>*>*:not(.noCover){ 
		width:101%;
		-webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in; transition:all .2s ease-in;
	}
	.row.imgCoverRow.coverFx>[class*="col"]>*>*:not(.noCover):not(video){ 
		/*-webkit-filter: brightness(0.9) saturate(1.6); filter: brightness(0.9) saturate(1.6);*/
		-webkit-filter: brightness(0.5); filter: brightness(0.5);
	}
	
	.row.imgCoverRow.coverFx>[class*="col"]>*>*:not(.noCover):hover:not(video){
		/*-webkit-filter: brightness(1) saturate(1); filter: brightness(1) saturate(1);*/
		-webkit-filter: brightness(1); filter: brightness(1);
	}
	.row.imgCoverRow.coverFx>[class*="col"]>*>*:hover:not(.noCover):not(.img-thumbnail){ transform: translate(-1%,0);}
	.row.imgCoverRow.coverFx.coverThumb>[class*="col"]>*:not(.noCover){overflow: visible;}
	.row.imgCoverRow.coverFx img.img-thumbnail:hover{ transform:scale(1.01);}
	
	
	
	 /*-------------------------------    BOOTSTRAP COVER ITEM ASPECT RATIO    -------------------------------- */
	.imgCoverContainer.CoverRatio1_1,	.row.imgCoverRow.CoverRatio1_1>[class*="col"]>*:not(.noCover){padding-top: 100%;}
	.imgCoverContainer.CoverRatio2_1,	.row.imgCoverRow.CoverRatio2_1>[class*="col"]>*:not(.noCover){padding-top: 50%;}
	.imgCoverContainer.CoverRatio3_1,	.row.imgCoverRow.CoverRatio3_1>[class*="col"]>*:not(.noCover){padding-top: 33.3333333333333%;}
	.imgCoverContainer.CoverRatio1_2,	.row.imgCoverRow.CoverRatio1_2>[class*="col"]>*:not(.noCover){padding-top: 200%;}
	.imgCoverContainer.CoverRatio4_3,	.row.imgCoverRow.CoverRatio4_3>[class*="col"]>*:not(.noCover){padding-top: 75%;}
	.imgCoverContainer.CoverRatio3_4,	.row.imgCoverRow.CoverRatio3_4>[class*="col"]>*:not(.noCover){padding-top: 133.3333333333333%;}
	.imgCoverContainer.CoverRatio16_9,	.row.imgCoverRow.CoverRatio16_9>[class*="col"]>*:not(.noCover){padding-top: 56.25%;}
	.imgCoverContainer.CoverRatio9_16,	.row.imgCoverRow.CoverRatio9_16>[class*="col"]>*:not(.noCover){padding-top: 177.7777777777777%;}		

	.imgCoverContainer .editArea, .imgCoverRow .editArea{
		position:absolute;
		bottom:0;
		right:0;
		z-index:3;
		padding:0.6em 1em;
		width:95%;
		text-align:right;
		/*mix-blend-mode: difference;*/
		
		background:rgba(255,255,255,0.5);		
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.9+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=1 ); /* IE6-9 */
}
	img.img-thumbnail+.editArea{right: 4.9px; bottom: 4.9px;}

.ury .input-group-addon{
	background: white;
}
		
	/*http://www.mademyday.de/css-height-equals-width-with-pure-css.html
	https://css-tricks.com/on-object-fit-and-object-position/
	https://css-tricks.com/almanac/properties/o/object-fit/*/

/*************** masonry *****************/

.bst_masonry {
  column-count: 2;
  column-gap: 1em;
}

@media(min-width: 30em) {
  .bst_masonry {
    column-count: 3;
    column-gap: 1em;
  }
}

@media(min-width: 40em) {
  .bst_masonry {
    column-count: 4;
    column-gap: 1em;
  }
}

@media(min-width: 60em) {
  .bst_masonry {
    column-count: 5;
    column-gap: 1em;
  }
}

@media(min-width: 75em) {
  .bst_masonry {
    column-count: 6;
    column-gap: 1em;
  }
}

.masonry_item {
  background-color: none;
  display: inline-block;
  margin: 0 0 1em 0;
  width: 100%;
  cursor: pointer;
}

.masonry_item img {
  max-width: 100%;
  height: auto;
  width: 100%;
  margin-bottom: -4px;
  
  /*idk why but this fix stuff*/
}

.masonry_item.active {
  animation-name: masonry-in;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  animation-direction: alternate;
}

.masonry_item.active:before {
  content: "+";
  transform: rotate(45deg);
  font-size: 48px;
  color: white;
  position: absolute;
  top: 20px;
  right: 20px;
  background-color:rgba(0,0,0,0.85);
  border-radius: 50%;
  width:48px;
  height:48px;
  text-align:center;
  line-height:48px;
  z-index:12;
}

.masonry_item.active img {
  animation-name: masonry-in-img;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  animation-direction: alternate;
}


@keyframes masonry-in {
  0% {
    opacity:1;
    background-color:white;
  }
  
  50% {
    opacity:0;
    background-color:rgba(0,0,0,0.90);
  }
  
  100% {
    opacity: 1;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.90);
  }
}

@keyframes masonry-in-img {
  0% {
    opacity:1;
    transform:translate(0%, 0%);
    top: 0;
    left: 0;
    max-width: 100%;
  }
  49% {
    opacity:0;
    transform: translate(0%, -50%);
  }
  50% {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
  }
  100% {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%;
  width: auto;
  max-height: 95vh;
  opacity:1;
  }
}





[class*="tmas-xs-"]{column-gap: 1em; padding: 1em;}
[class*="tmas-xs-"]>*{margin: 0 0 1em 0; display: inline-block; width: 100%;}
.tmas-xs-1{column-count: 1;}
.tmas-xs-2{column-count: 2;}
.tmas-xs-3{column-count: 3;}
.tmas-xs-4{column-count: 4;}
.tmas-xs-5{column-count: 5;}
.tmas-xs-6{column-count: 6;}
.tmas-xs-7{column-count: 7;}
.tmas-xs-8{column-count: 8;}
.tmas-xs-9{column-count: 9;}
.tmas-xs-10{column-count: 10;}
.tmas-xs-11{column-count: 11;}
.tmas-xs-12{column-count: 12;}


@media (min-width: 768px) {
	[class*="tmas-sm-"]{column-gap: 1.1em; padding: 1.1em;}
	[class*="tmas-sm-"]>*{margin: 0 0 1.1em 0; display: inline-block; width: 100%;}
	.tmas-sm-1{column-count: 1;}
	.tmas-sm-2{column-count: 2;}
	.tmas-sm-3{column-count: 3;}
	.tmas-sm-4{column-count: 4;}
	.tmas-sm-5{column-count: 5;}
	.tmas-sm-6{column-count: 6;}
	.tmas-sm-7{column-count: 7;}
	.tmas-sm-8{column-count: 8;}
	.tmas-sm-9{column-count: 9;}
	.tmas-sm-10{column-count: 10;}
	.tmas-sm-11{column-count: 11;}
	.tmas-sm-12{column-count: 12;}
}
@media (min-width: 992px) {
	[class*="tmas-md-"]{column-gap: 1.2em; padding: 1.2em;}
	[class*="tmas-md-"]>*{margin: 0 0 1.2em 0; display: inline-block; width: 100%;}
	.tmas-md-1{column-count: 1;}
	.tmas-md-2{column-count: 2;}
	.tmas-md-3{column-count: 3;}
	.tmas-md-4{column-count: 4;}
	.tmas-md-5{column-count: 5;}
	.tmas-md-6{column-count: 6;}
	.tmas-md-7{column-count: 7;}
	.tmas-md-8{column-count: 8;}
	.tmas-md-9{column-count: 9;}
	.tmas-md-10{column-count: 10;}
	.tmas-md-11{column-count: 11;}
	.tmas-md-12{column-count: 12;}
	
}
@media (min-width: 1200px) {
	[class*="tmas-lg-"]{column-gap: 1.3em; padding: 1.3em;}
	[class*="tmas-lg-"]>*{margin: 0 0 1.3em 0; display: inline-block; width: 100%;}
	.tmas-lg-1{column-count: 1;}
	.tmas-lg-2{column-count: 2;}
	.tmas-lg-3{column-count: 3;}
	.tmas-lg-4{column-count: 4;}
	.tmas-lg-5{column-count: 5;}
	.tmas-lg-6{column-count: 6;}
	.tmas-lg-7{column-count: 7;}
	.tmas-lg-8{column-count: 8;}
	.tmas-lg-9{column-count: 9;}
	.tmas-lg-10{column-count: 10;}
	.tmas-lg-11{column-count: 11;}
	.tmas-lg-12{column-count: 12;}
}

/*************** pushMeThf ***********************************/

	.pushMeThfOpen,.pushMeThfClose{cursor: pointer;}
	#push_sidebar_thf,
	#pusher_dimmer_thf,
	#pushed_body_thf{
		-webkit-transition:all .3s ease-in;
		-moz-transition:all .3s ease-in;
		-o-transition:all .3s ease-in;
		-ms-transition:all .3s ease-in;
		transition:all .3s ease-in;
	}
	
	#push_sidebar_thf{ width: 0; overflow: hidden; position: fixed; top: 0;  min-height: 100%; z-index: 1061;  }
	#pusher_dimmer_thf{position: fixed;  top: 0%;   width: 0; height:100%;  margin:0; z-index: 1060;  padding:0 ;  background-color :rgba(0,0,0,0.5); }
	.pushMeThf{overflow-x: hidden;}
	.pushMeThf #push_sidebar_thf{ overflow: auto;}
	.pushMeThf #pusher_dimmer_thf{ width: 100%; }

	
	.push_me_left_50percent #push_sidebar_thf{ right: 0;}
	.pushMeThf.push_me_left_50percent #push_sidebar_thf{ width: 50%; }
	.pushMeThf.push_me_left_50percent #pusher_dimmer_thf{ left: 0%; }	
	.pushMeThf.push_me_left_50percent #pushed_body_thf,
	.pushMeThf.push_me_left_50percent #pusher_dimmer_thf{
		-webkit-transform: translate3d(-50%, 0, 0);
		-moz-transform: translate3d(-50%, 0, 0);
		-ms-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}

	.push_me_left_30percent #push_sidebar_thf{ right: 0;}
	.pushMeThf.push_me_left_30percent #push_sidebar_thf{ width: 30%; }
	.pushMeThf.push_me_left_30percent #pusher_dimmer_thf{ left: 0%; }	
	.pushMeThf.push_me_left_30percent #pushed_body_thf,
	.pushMeThf.push_me_left_30percent #pusher_dimmer_thf{
		-webkit-transform: translate3d(-30%, 0, 0);
		-moz-transform: translate3d(-30%, 0, 0);
		-ms-transform: translate3d(-30%, 0, 0);
		transform: translate3d(-30%, 0, 0);
	}	
	
	.push_me_left_350px #push_sidebar_thf{ right: 0;}
	.pushMeThf.push_me_left_350px #push_sidebar_thf{ width: 350px; }
	.pushMeThf.push_me_left_350px #pusher_dimmer_thf{ left: 0%; }	
	.pushMeThf.push_me_left_350px #pushed_body_thf,
	.pushMeThf.push_me_left_350px #pusher_dimmer_thf{
		-webkit-transform: translate3d(-350px, 0, 0);
		-moz-transform: translate3d(-350px, 0, 0);
		-ms-transform: translate3d(-350px, 0, 0);
		transform: translate3d(-350px, 0, 0);
	}
	
	
	.push_me_right_50percent #push_sidebar_thf{ left: 0;}
	.pushMeThf.push_me_right_50percent #push_sidebar_thf{ width: 50%; }
	.pushMeThf.push_me_right_50percent #pusher_dimmer_thf{right: 0%;  }	
	.pushMeThf.push_me_right_50percent #pushed_body_thf,
	.pushMeThf.push_me_right_50percent #pusher_dimmer_thf{
		-webkit-transform: translate3d(50%, 0, 0);
		-moz-transform: translate3d(50%, 0, 0);
		-ms-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);
	}
	
	
	/****** bootstaap position fixed/absolute fix ********/
	.pushMeThf main{margin-top:0;}
	.pushMeThf .navbar-fixed-top{position: relative;}	
	




/*********  checkout-steps   ************/
.checkout-steps {
	font-size: 14px;
    margin-bottom: 1.7em;
    list-style-type: none;
    padding: 0;
    text-align: center;
    color: #b1b2b3;
}
.checkout-steps a {    text-decoration: none;    display: block; }

.checkout-steps .circle {
    border-radius: 50%;
    background-color: #b1b2b3;
    display: block;
    width: 2.85em;
    height: 2.85em;
    line-height: 2.85em;
    color: #fff;
    text-align: center;
    margin: 0 auto 0.35em;
    font-size: 0.9em;
    position: relative;
    z-index: 10;
    transition: background-color .5s;
}

.checkout-steps .text {
    display: block;
    text-transform: uppercase;
    font-size: 0.85em;
    color: #b1b2b3;
    transition: color .5s;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: bold;
}


.checkout-steps li::after {
    position: absolute;
    content: "";
    display: block;
    height: 1px;
    background: #b1b2b3;
    width: 100%;
    top: 1.43em;
    left: 50%;
}


.checkout-steps li.active .circle {    background-color: #95c11c; }
.checkout-steps li.active .text {    color: #95c11c; }
.checkout-steps li.completed .circle {    background-color: #009c3b;    line-height: 3.143em;}
.checkout-steps li.completed .text {    color: #009c3b;}
.checkout-steps li.completed:hover .circle {    background-color: #95c11c;}
.checkout-steps li.active .circle,
.checkout-steps li.completed .circle{	text-shadow: 0.1em 0.1em 0.25em #000; }
.checkout-steps li.completed:hover .text {    color: #95c11c;}
.checkout-steps li:last-child::after { display: none;}
.checkout-steps li:not(.completed) a{pointer-events: none;}
.checkout-steps li:not(.completed) .circle{	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.90);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.90);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.90);}

@media(max-width:767px) {
	.checkout-steps {  margin: 0  }
    .checkout-steps .circle { width: 1.78em; height: 1.78em;  line-height: 1.78em;  font-size: 1em; }
	.checkout-steps .text {   display: none!important;  }
    .checkout-steps li::after {    top: 0.85em;  }
    .checkout-steps li.active .text {display: block;   }
    .checkout-steps li.completed .circle {line-height: 1.93em; }
}
/***************formtools THFsortable***********************/
table.THFsortable th{ cursor: pointer; }

/* opriere sageti +- la type number */
input[type='number'] {  -moz-appearance:textfield;} 
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {    -webkit-appearance: none;}

/* boostrap navigatiom menu masonry + mobile interface */

.bst-mg-dd-nav .navbar-nav>li>a {
  min-width: 160px;
  font-weight: bold;
}
.bst-mg-dd-nav .navbar-nav>li>.dropdown-menu {
  margin-top: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.bst-mg-dd-li {
  position: static !important;
  /*width: 40%;*/
}
.bst-mg-dd-li>a>.glyphicon-chevron-down{margin-left: 1.25em;}	   

@media (min-width: 768px) {
	.dropdown.bst-mg-dd-li.open>a:before {
	  content: "";
	  border-bottom: 15px solid #fff;
	  border-right: 17px solid transparent;
	  border-left: 17px solid transparent;
	  position: absolute;
	  bottom: -21px;
	  right: 6px;
	  z-index: 10;
	}	   
	.dropdown.bst-mg-dd-li.open>a:after {
	  content: "";
	  border-bottom: 17px solid #ccc;
	  border-right: 19px solid transparent;
	  border-left: 19px solid transparent;
	  position: absolute;
	  bottom: -21px;
	  right: 4px;
	  z-index: 9;
	}
}
   
.bst-mg-dd-m {
  /*padding: 20px 0px;*/
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
  z-index: 8;
}
	   
.bst-mg-dd-m > li > ul {
  padding: 0;
  margin: 0;
}

.bst-mg-dd-m > li > ul > li {
  list-style: none;
}

.bst-mg-dd-m > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

.bst-mg-dd-m > li ul > li > a:hover,
.bst-mg-dd-m > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.bst-mg-dd-m .dropdown-header {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
}

.bst-mg-dd-m form {
  margin: 3px 20px;
}

.bst-mg-dd-m .form-group {
  margin-bottom: 3px;
}
@media (max-width: 767px) {
   ul.bst-mg-dd-m ul>li.dropdown-header:not(:first-of-type){  margin-top: 1em;  }
}


.notification {
    color: #555;
    text-decoration: none;
    padding: 15px 26px;
    position: relative;
    display: inline-block;
    border-radius: 2px;
}

.shopping.basket:hover {
    background-color: green;
}

.notification .badge {
    position: absolute;
    top: 5px;
    right: 15px;
    padding: 5px 10px;
    border-radius: 50%;
    background-color: red;
    color: white;
}