
.top-big-banner {
    min-height: 650px;
    padding-top: 250px !important;
}
.width15{
	width:15%;
	max-width:15%;
	min-width:15%
}
.width40{
	width:40%;
	max-width:40%;
	min-width:40%
}
.change-tarif .hidden{
	display: none;
}
.change-tarif  .table{
	display:table;
	width:100%;
	margin: 0;
}
.change-tarif  .table-row{
	display:table-row;
}
#list-dop-config> .table:nth-child(odd) {
	background: rgb(227, 227, 227);
}
#list-dop-opt> .table:nth-child(odd) {
	background: rgb(227, 227, 227);
}
.change-tarif > .table:nth-child(even){
	 background: rgb(227, 227, 227);
}
.change-tarif > .table:nth-child(odd) {
	 background: rgb(245, 245, 245);
}
.change-tarif  > .table:nth-child(even) .table-cell:nth-child(even),
#list-dop-opt> .table:nth-child(odd) .table-cell:nth-child(even),
#list-dop-config> .table:nth-child(odd) .table-cell:nth-child(even)
{
	 background: rgb(211, 211, 211);
}
.change-tarif  > .table:nth-child(odd) .table-cell:nth-child(even),
#list-dop-opt> .table:nth-child(even) .table-cell:nth-child(even),
#list-dop-config> .table:nth-child(even) .table-cell:nth-child(even)
{
	 background: rgb(228, 228, 228);
}
/*
.change-tarif  > .table:nth-child(even) .cell-hover,
#list-dop-opt  > .table:nth-child(odd) .cell-hover,
#list-dop-config  > .table:nth-child(odd) .cell-hover
{
	 background: rgb(243, 133, 60) !important;
}
.change-tarif  > .table:nth-child(odd) .cell-hover,
#list-dop-opt  > .table:nth-child(even) .cell-hover,
#list-dop-config  > .table:nth-child(even) .cell-hover
{
	 background: rgb(248, 138, 65) !important;
}
.button-blue
.cell-hover{
	//background-color: rgba(204, 204, 204, 0.71);
}
*/

.change-tarif .cell-tarif-name{
	background-color:#146DD2 !important;
	border-bottom: 1px solid #146DD2;
}
.cell-tarif-name.cell-hover{
	background-color: #3194E7 !important;
	border-bottom-color: #3194E7;
}
.change-tarif .tarifs-title{
  background-color: #146DD2 !important;
  border-bottom: 1px solid #146DD2;
  color: #FFF;
  font-size: 20px;

}
.change-tarif > .table.table-tarif-name .table-cell.cell-title{
	background:  white;
	border-left:none;
	border-bottom: 1px solid #146DD2;
}

.last-row{
	border-bottom: 1px solid #146DD2;
}
.change-tarif > .table:last-child {
	 background: none;
}
.change-tarif .table-cell{
	display:table-cell;
}

 .change-tarif{
  margin-bottom: 25px;
  position: relative;
/*   margin: 0 auto; */
  font-size:14px;
}
.change-tarif [class^="icon-"]:before, .change-tarif [class*=" icon-"]:before{
	  margin-right: 0;
}
.change-tarif .table {
  border-collapse: collapse;
}
.change-tarif .table-cell{
	text-align: center;
	vertical-align:middle;
	padding:6px;
	position: relative;
	//border-left: 1px solid #E8E8E8;
	//border-right: 1px solid #E8E8E8;

}
#form_tarif{
	position:relative;
	z-index: 15;

}
#background{
	position: absolute;
	width: 100%;
	height: 100%;
}
.table.first-row {
  height: 100%;
}
.change-tarif  .table-cell.first-row{
	padding:0px;
	position: relative;
	text-align: left;
	vertical-align:top;
	padding:0px;
}
.first-row-title{
	height: 100%;
	//border: 1px solid  #146DD2;
	//border-radius: 5px 0px 0px 5px;
	/*position: absolute !important;*/
	z-index:-15;
	padding:0px !important;
}

.column{
	height: 100%;
	width:100%;
	position: absolute;
	display:inline-block;
	z-index:30;
	//border: 1px solid  #146DD2;
	//border-left:none;

}
.first-row .table-row .table-cell:last-child .column{
//	border-top-right-radius: 5px;
//	border-bottom-right-radius: 5px;
}
.column.select-tarif{
	/*background:linear-gradient(to bottom, #E8E8E8, #FFF);*/
	//border:1px solid #E8E8E8;
}
/*
.column.tarif-hover{

	//padding: 5px;
	//margin-left: -5px;
	//margin-top: -5px;
	z-index:0;
	//border-radius: 5px;
	//border:1px solid #BFBFBF;
	box-shadow: 0 0 0px;

}*/

.above-tarif{
	 height: 100%;
	 width:100%;
	 position: relative;
	 display:inline-block;
	 z-index:35;

}
.above-tarif.tarif-hover{
	padding: 5px;
	margin-left: -5px;
	margin-top: -5px;
	 z-index:30;

}

.change-tarif .cell-title{
	text-align: left;
	padding-left:15px;
	padding-right:15px;
	position: relative;
}
.change-tarif .table:not(.first-row) .table-cell{
	border-left: 2px solid #FFF;
}
.change-tarif-title {
  display: block;
  margin-bottom: 30px;
  font-size: 20px;
  text-align: center;
}

.change-tarif .tarif-name {
	color: #FFF;
	font-size: 24px;
	text-transform: uppercase;
	display: block
}
.tarif-name.tarif-hover {
  font-weight: 600;
  font-size:18px;
}
.base_name {

  color: #0271CB;
}
.marker-green{
	height:20px;
	width:20px;
	background:url("images/marker-green.png") no-repeat;
	margin: 0px auto;

}
.marker-gray{
	height:20px;
	width:20px;
	/*background:url("images/marker-gray.png") no-repeat;*/
	background:url("images/tire.png") no-repeat center;
	margin: 0px auto;
}

.cell-title .e-tooltip{
	right: inherit;
	top: inherit;
}

.change-tarif >.table.last-table,.change-tarif >.table.last-table .table-cell{
	background:#146DD2  !important
}

.table.last-table .table-cell.cell-hover{
	background:#3194E7  !important
}
span.info-param-value {
 /* font-weight: 600;*/
}
#list-dop-opt{
	display:none;
}
#list-dop-config{
	//display:none;
}
.show-dop-conf, .show-dop-opt {
  color: #0271CB;
  cursor:pointer;
  font-size: 16px;
}
.arrow {
  font-size: 16px;
}
#list-dop-opt .cell-title, #list-dop-config .cell-title{
	padding-left: 35px;
}
#count-user-title {
  display: block;
  width: 100px;
  float: left;
  margin-right: 45px;
  font-size: small;
  color: #FFF;
}

#form_tarif input[name="count_user"] {
  float: left;
  width: 65px;
  height: 36px;
  text-align: center;
  border-left: none;
  border-right: none;
  border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}
#form_tarif a.plus {
  background: #FF6C00;
}
#form_tarif a.users_calc {
  position: relative;
  float: left;
  width: 36px;
  height: 36px;
  cursor:pointer;
}
#form_tarif a.minus {
  background: #FF6C00;
}
#form_tarif a.users_calc {
  position: relative;
  float: left;
  width: 36px;
  height: 36px;
}
#form_tarif a i.vertical {
  width: 2px;
  height: 12px;
  left: 17px;
  top: 12px;
}
#form_tarif a i.horizontal {
  width: 12px;
  height: 2px;
  left: 12px;
  top: 17px;
}
#form_tarif a.users_calc i {
  font-size: 1px;
  background: #FFF;
  display: block;
  position: absolute;
}

#form_tarif .price {
  font-size: 15px;
  color: #FFF;
  line-height: 20px;
}
#form_tarif .price .total_price{
	color: #fff;
	line-height: 100%;
	font-size: 30px;
}
.fresh-and-tarifs a.button-blue,
.change-tarif a.button-blue
{
	  text-decoration: none !important;
  color: #FFF !important;
}
.fresh-and-tarifs .button-blue,
.change-tarif .button-blue
 {
  transition: all 0.25s linear;
  text-decoration: none;
  color: #FFF;
  background: #FF6C00;
  padding: 5px 15px;
  display: inline-block;
  /* min-width: 180px; */
  text-align: center;
  margin: 10px 0px;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.7);
  border: 2px solid rgba(0, 0, 0, 0);
  text-transform: uppercase;
  position:relative;
  z-index:50;
  font-size:16px;
}
.button-white{
	transition: all 0.25s linear;
	text-decoration: none;
	color: #FFF;
	background: #FF6C00;
	padding: 5px 10px;
	display: inline-block;
	/* min-width: 180px; */
	text-align: center;
	margin: 10px 0px;
	cursor: pointer;
	box-sizing: border-box;
	/* box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.7); */
	border: 2px solid #146DD2;
	border-radius: 3px;
	text-transform: uppercase;
	position:relative;
	z-index:50;
}
.tarif-demo-title{
	color: white;
	font-weight: bold;
}
.column.tarif_749{
	background: url("https://pp.vk.me/c621231/v621231928/4ec/CHHfLGbb7zc.jpg");
    opacity: 0.09;
    background-repeat: no-repeat;
    background-position-y: 100px;
    background-position-x: 3px;
    background-size: 100%;
}
.hit_sale{
	background-color: #FFF !important;
	padding:0px !important;
}
.hit_sale.tarif_749:after{
	content:"N�??N� ??N�?????�?�";
	background-color: #FF6C00;
	display:block;
	width:100%;
	height:100%;
	color:white;
}

.table-cell.cell-hover:not(.hit_sale) {
   /*border-left: 2px #FF6C00 solid !important;
   // border-right: 2px #FF6C00 solid !important;*/
}
.table-cell.tarif_749{
	border-left: 2px #FF6C00 solid !important;
   border-right: 2px #FF6C00 solid !important;
}
.tarif_750.table-cell{
	 border-right: 2px white solid;
}

.last-table .table-cell.cell-hover{
	background-color: #3194E7 !important;
}
@media screen and (max-width: 1400px) {
	.button-white {
	  padding: 5px 10px;
	  margin: 10px 0px;
	  font-size: 12px;
	}
}
@media screen and (max-width: 1100px) {

	.change-tarif .button-blue,
	.fresh-and-tarifs .button-blue
	{
		padding: 5px 10px;
		margin: 5px 0px;
		font-size:12px;
	}
	 .fresh-and-tarifs .button-white
	 {
	  padding: 4px 5px;
	  margin: 5px 0px;
	  font-size: 12px;
	}
}
@media screen and (max-width: 1200px) {
.width40{
		  width: 35%;
	  max-width: 35%;
	  min-width: 35%;
	}

	.width15{
		  width: 16%;
	  max-width: 16%;
	  min-width: 16%;
	}
}
@media screen and (max-width: 1000px) {
	.button-white.btn-add-tarif{
		text-transform:none;
	}
	.change-tarif .tarif-name{
		font-size:16px;
	}

	#list-dop-opt .cell-title, #list-dop-config .cell-title {
		  padding-left: 10px;
	}
	#count-user-title {
		width:100%;
		margin-bottom: 10px;
	}
}
.bx-ie:not(.bx-ie11) .change-tarif .table-cell:not(.cell-title){
	border-right: 1px solid #E8E8E8;
	position: relative;
}
.bx-ie:not(.bx-ie11) .change-tarif{
	border-bottom: 1px solid #E8E8E8;
	border-top: 1px solid #E8E8E8;
}
.bx-ie:not(.bx-ie11) .column{
	display:none;
}
.e-tooltip_infoblock{
	max-width:400px;
}
.change-tarif .e-tooltip{
	margin-top: -3px;
}
@media (max-width: 600px){
    .top-big-banner {
        min-height: 450px;
        padding-top: 120px;
    }
}
@media (max-width: 991px){
	.slider {
		display: none;
	}
}
