@import url('https://fonts.googleapis.com/css?family=Gabriela&display=swap');

body
{
	background:#F3F5F6;	


	overflow-y:scroll;
	
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	
/*
overflow-y:auto;
*/

	-webkit-font-smoothing: antialiased;

	
	/*	background-color: #f7f7f7;
		font-family: Arial,sans-serif;
		*/	
	
}


     
a{
	color: #2CC185;
	text-decoration: none;
	outline: none;
}

a:hover, a:focus {
	color: #74777b;
}
        
.dropbtn {
    background-color: #4CAF50;
    color: white;
	padding-left:40px;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:10px;
	
	
    font-size: 16px;
    border: none;
    cursor: pointer;
	outline:none;
	margin-right:5px;
	border-radius: 4px; /* Радиус скругления */
	
	
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	float:right;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
		margin-right:5px;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content2 {
		margin-right:5px;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0;
}


/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	cursor:pointer;
	font-size:16px;
	font-weight:100;
	font-family: Verdana,Arial,sans-serif;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover*/
.dropdown:hover .dropdown-content {
    display: block;
}


/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}






.main_style
{
	width:100%

	
}

.dv2
{
	height:500px;
	background:#C09;
	
}

.map_style
{

	-webkit-box-shadow: 10px 10px 42px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 42px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 42px 0px rgba(0,0,0,0.75);




	/*margin-left:10px;	height:auto;
	
	float:left;*/
	width:100%;
	min-width:500px;
	min-height:375px;
	margin-left:5px;
	border-radius: 10px; /* Радиус скругления */
	


}


.main_panel
{
	


	float:left;

	width:100%;
	
	color:#CCC;
	background:#F3F5F6;
	min-width:650px;
	/*min-width:750px;
	max-width:750px;
	*/
	/*display:inline-table;
		background-color: #f7f7f7;
	*/
	
}




/*-----------------

::-webkit-scrollbar
{
  width: 5px;  
  height: 5px;
}

::-webkit-scrollbar-track
{
  background: #F3F5F6;
}

::-webkit-scrollbar-thumb
{
  background: #cfd6d9;
}

----------------------------------*/


.start_load:before,
.start_load:after,
.start_load {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load17 1.8s infinite ease-in-out;
  animation: load17 1.8s infinite ease-in-out;
}
.start_load {
  color: #6999d0;
  font-size: 10px;
  margin: 0px auto;


  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.start_load:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.start_load:after {
  left: 3.5em;
}
.start_load:before,
.start_load:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes load17 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load17 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}




/*---------------------------------------------------*/

.load:before,
.load:after,
.load {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.load {
  color: #6999d0;
  font-size: 10px;
  margin-left: 45px;
  margin-top:-15px;
  float:left;
  


  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.load:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.load:after {
  left: 3.5em;
}
.load:before,
.load:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}


/*-----------------------------------------------------------------------*/
.loader {
 
  font-size: 10px;
  float:left;
  margin-right:25px;
  margin-left:10px;

  border-top: 1.1em solid rgba(105,153,208, 0.2);
  border-right: 1.1em solid rgba(105,153,208, 0.2);
  border-bottom: 1.1em solid rgba(105,153,208, 0.2);
  border-left: 1.1em solid #6999d0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 6em;
  height: 6em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*----------------------------------------------------------------------------*/






/*--------------------------------------------------------------------------*/
.wait {
  margin: 50px;
  height: 28px;
  width: 28px;
  animation: wait_rotate 0.8s infinite linear;
  border: 8px solid rgb(105,153,208);
  border-right-color: transparent;
  border-radius: 50%;
}

@keyframes wait_rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}



/* The CSS */
select {

 
	/*
	min-width:100px;
	font-size:18px;
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
	*/
	
	width:100%;
	/*min-width:160px;
	*/
	
	font-size: 18px;
	color:#141D9E;


font-weight: 100;



font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 1px a88100;
color: #000;


border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;

background:#FCFCFC;
	
	
    appearance:none;
    cursor:pointer;
	
	
	   -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
 
	
}



.pred_date_style {


	/*min-width:160px;
	*/
	
	font-size: 16px;
	color:#141D9E;
	



font-weight: 100;
width:130px;


font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 0px #cfd6d9;

color: #000;

	color: #53b19a;
/*
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
*/

padding-bottom: 1px;
padding-left: 4px;
padding-right: 1px;
padding-top: 1px;

background:#FCFCFC;


	background:#F3F5F6;	
	
	
    appearance:none;
    cursor:pointer;
	
	
	   -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
 
	
}

/*
.pred_date_style:hover {
outline:none;

}


*/


/* The CSS */
.pred_time_style {

 
	/*
	min-width:100px;
	font-size:18px;
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
	*/
	
	width:100%;
	/*min-width:160px;
	*/
	
	font-size: 16px;
	color:#141D9E;



font-weight: 100;



font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 0px #cfd6d9;
color: #000;
	color: #53b19a;
/*
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
*/

padding-bottom: 1px;
padding-left: 4px;
padding-right: 1px;
padding-top: 1px;

background:#FCFCFC;
	
	
	background:#F3F5F6;	
	
    appearance:none;
    cursor:pointer;
	
	
	   -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
 
	
}




.del_address_style
{
cursor:pointer;
}

.div_top
{
	background: a88100;/*#7192c5;  /*  #f9edbe;  */
	/*border:solid #f0c36d 1px;
	*/
	width:99%;
	height:1px;
	margin-top:10px;	
	margin-bottom:15px;	
	margin-left:5px;

	
}






.add_address_style
{
	float:right;
	cursor:pointer;
	font-size:16px;
	color: a88100;/* #207ce5;
	*/

font-weight: 100;

font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 0px #9DCDF9;




padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;


}




.add_address_style2
{
	float:right;
	cursor:pointer;
	font-size:16px;
	color:#207ce5;
	

font-weight: 100;

font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 0px #9DCDF9;




padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;


}








.answer_style
{

	color:#000;
	font-size:18px;
	font-weight: 100;
font-family: Verdana,Arial,sans-serif;
}






.label_style
{


	font-size: 18px;
	color:#141D9E;

font-weight: 100;

font-family: 'Gabriela',Verdana,Arial,sans-serif;

text-align:left;
border:solid 0px #9DCDF9;
color: #000;
/*
color:#6f787f;

color: #3a9eef;
color: #3a9eef;
*/




padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;


}



.label_style_error
{

	font-size: 18px;
	color:#d72e02;

font-weight: 100;

font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 0px #9DCDF9;


padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;


}




.remark_style
{
	
	width: 100%;
	font-size: 18px;
	color:#141D9E;

font-weight: 100;

font-family: Verdana,Arial,sans-serif;


text-align:left;
border:solid 1px a88100;
color: #000;


border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;

background:#FCFCFC;
}





.street_style
{
	width:100%;
	font-size: 18px;
	color:#141D9E;

font-weight: 100;

font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 1px a88100;
color: #000;


border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;

background: #FCFCFC;

}




.street_style_error
{
	background:#fff5f3;
	border:solid 1px #d72e02;
	color: #c02903;

	
	width:100%;
	font-size: 18px;
    font-weight: 100; 
    font-family: Verdana,Arial,sans-serif;
    text-align:left;




border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;


}

.street_style_error:focus
{
 outline: none; 
}




.edit_style_debug
{
	width:100%;
	font-size: 18px;
	color:#141D9E;

font-weight: 100;

font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 1px #9DCDF9;
color: #000;


border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;





background: #deeefd; /* Old browsers */
background: -moz-linear-gradient(top,  #deeefd 0%, a88100 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deeefd), color-stop(100%,a88100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #deeefd 0%,a88100 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #deeefd 0%,a88100 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #deeefd 0%,a88100 100%); /* IE10+ */
background: linear-gradient(to bottom,  #deeefd 0%,a88100 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deeefd', endColorstr='a88100',GradientType=0 ); /* IE6-9 */



}




.error_style
{
border:solid 2px #F00;
background:#F00;
}



.mobil_style
{
	width:213px;
	
	font-size:18px;
	color:#141D9E;
	margin-left:3px;

font-weight: 100;

font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 1px a88100;
color: #000;


border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;

background:#FCFCFC;
}


.mobil_style_error
{
	width:213px;
	
	font-size:18px;
	color:#141D9E;
	background:#fff5f3;
	
	margin-left:3px;

font-weight: 100;

font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 1px #d72e02;
color: #c02903;


border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;


}


.mobil_style_error:focus
{
 outline: none; 
}


.house_style
{
/*
width:100px;
	*/
	
	font-size: 18px;
	color:#141D9E;

font-weight: 100;

font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 1px a88100;
color: #000;


border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;

background:#FCFCFC;
}




.house_style_error
{
	
	background:#fff5f3;
	border:solid 1px #d72e02;
	color: #c02903;
	
	
	font-size: 18px;
    font-weight: 100;
	font-family: Verdana,Arial,sans-serif;
    text-align:left;


border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;

}

.house_style_error:focus
{
 outline: none; 
}






.podezd_style
{
/*	width:48px;
	
	width:100px;
	*/
	font-size: 18px;
	color:#141D9E;

font-weight: 100;

font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 1px a88100;
color: #000;


border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;

background:#FCFCFC;
}







.add_summa_style
{
	width:50px;
	
	font-size: 18px;
	color:#141D9E;

font-weight: 100;

font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 1px a88100;
color: #000;


border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;

background:#FCFCFC;
}


.btn_style
{
	min-height:32;
	min-width:100;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

}


.btn_green {
	
	background:#5CCD00;
	background:-moz-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5CCD00),color-stop(100%,#4AA400));
	background:-webkit-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-o-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-ms-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5CCD00', endColorstr='#4AA400',GradientType=0);
	padding:10px 15px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:16px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #459A00
}


.btn_blue {
	margin-right:15px;
	background: #25A6E1;
	background: -moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
	background: -webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
	padding:8px 13px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:17px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #1A87B9
}           






.btn_cancel {
	
	
	cursor:pointer;
	float:right;
	/*margin-top:15px;
	
	margin-bottom:15px;*/
	width:200px;
	

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,e86c57+50,ea2803+51,ff6600+75,c72200+100;Red+Gloss */
background: #f44949;  /*#DD6B55;*/
background: -moz-linear-gradient(top, #f44949 0%, #f44949 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f44949 0%,#f44949 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f44949 0%,#f44949 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



border:1px solid #d53535;/*C10101;*/
	
	padding:8px 13px;
	color:#fff;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:17px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

}           




.btn_cancel:hover{
background: #eb4646; 
background: -moz-linear-gradient(top, #eb4646 0%, #eb4646 100%); 
background: -webkit-linear-gradient(top, #eb4646 0%,#eb4646 100%); 
background: linear-gradient(to bottom, #eb4646 0%,#eb4646 100%); 
outline:none;}


.btn_cancel:focus{
background: #f44949; 
background: -moz-linear-gradient(top, #f44949 0%, #f44949 100%); 
background: -webkit-linear-gradient(top, #f44949 0%,#f44949 100%); 
background: linear-gradient(to bottom, #f44949 0%,#f44949 100%);
outline:none;}





.btn_sms {

	cursor:pointer;
	float:right;
	/*margin-bottom:15px;
	*/
	width:180px;

    background:  #999;/*  #4CAF50;/*#51d25a;/*#65B25B;/* #87C67B;/*rgb(105,153,208); /* Old browsers */
	
background: -moz-linear-gradient(top,  #999 0%,  #999 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #999 0%, #999 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #999 0%, #999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	
	padding:8px 13px;
	color:#fff;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:17px;
	font-weight:100;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #999;/*#73A065;*/
	
	outline:none;
}           



.btn_sms:hover {

	cursor:pointer;
	float:right;
	/*margin-bottom:15px;
	*/
	width:180px;

    background:  #868686;/*  #4CAF50;/*#51d25a;/*#65B25B;/* #87C67B;/*rgb(105,153,208); /* Old browsers */
	
background: -moz-linear-gradient(top,  #868686 0%,  #868686 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #868686 0%, #868686 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #868686 0%, #868686 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	
	padding:8px 13px;
	color:#fff;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:17px;
	font-weight:100;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #868686;/*#73A065;*/
	outline:none;
}           






.btn_zakaz {
	/*
-webkit-box-shadow: 10px 10px 19px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 19px -9px rgba(0,0,0,0.75);
box-shadow: 10px 10px 19px -9px rgba(0,0,0,0.75);
*/

	cursor:pointer;
	float:right;
	/*margin-bottom:15px;
	*/
	width:200px;
	

    background:  #4CAF50;/*#51d25a;/*#65B25B;/* #87C67B;/*rgb(105,153,208); /* Old browsers */
	
background: -moz-linear-gradient(top,  #4CAF50 0%,  #4CAF50 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4CAF50 0%, #4CAF50 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4CAF50 0%,#4CAF50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


	
	padding:8px 13px;
	color:#fff;
        font-family: 'Gabriela',Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:17px;
	font-weight:100;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #47c350;/*#73A065;*/
	
}           

/*
.btn_zakaz:hover{
background: #47c350; 
background: -moz-linear-gradient(top, #47c350 0%, #47c350 100%); 
background: -webkit-linear-gradient(top, #47c350 0%,#47c350 100%); 
background: linear-gradient(to bottom, #47c350 0%,#47c350 100%); 
outline:none;}
*/

.btn_zakaz:hover{
		


background: #51d25a; 
background: -moz-linear-gradient(top, #51d25a 0%, #51d25a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #51d25a 0%,#51d25a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #51d25a 0%,#51d25a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
outline:none;}

.btn_zakaz:focus{
background: #51d25a; 
background: -moz-linear-gradient(top, #51d25a 0%, #51d25a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #51d25a 0%,#51d25a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #51d25a 0%,#51d25a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
outline:none;}





.btn_money {
	
	
	cursor:pointer;
	float:left;
	margin-bottom:15px;
	width:200px;
	

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f85bb+0,4f85bb+100;Blue+3D+%239 */
background: #6999D0; /* Old browsers */

background: -moz-linear-gradient(top, #6999D0 0%, #6999D0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6999D0) 0%,#6999D0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6999D0 0%,#6999D0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


	
	padding:8px 13px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:17px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #4f85bb;
}           



.btn_money:hover{
background: #6292C1; 
background: -moz-linear-gradient(top, #6292C1 0%, #6292C1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6292C1 0%,#6292C1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6292C1 0%,#6292C1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
outline:none;}

.btn_money:focus{
background: #6292C1; 
background: -moz-linear-gradient(top, #6292C1 0%, #6292C1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6292C1 0%,#6292C1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6292C1 0%,#6292C1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
outline:none;}








.btn_exit {
	
	
	cursor:pointer;
	float:right;
	margin-bottom:15px;
	width:200px;
	

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f85bb+0,4f85bb+100;Blue+3D+%239 */
background: rgb(105,153,208); /* Old browsers */
background: -moz-linear-gradient(top, rgba(105,153,208,1) 0%, rgba(105,153,208,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(105,153,208,1) 0%,rgba(105,153,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(105,153,208,1) 0%,rgba(105,153,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=0 ); /* IE6-9 */



	
	padding:8px 13px;
	color:#fff;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:17px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #4f85bb;
}           


.btn_exit:hover{
background: #6292C1; 
background: -moz-linear-gradient(top, #6292C1 0%, #6292C1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6292C1 0%,#6292C1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6292C1 0%,#6292C1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
outline:none;}

.btn_exit:focus{
background: #6292C1; 
background: -moz-linear-gradient(top, #6292C1 0%, #6292C1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6292C1 0%,#6292C1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6292C1 0%,#6292C1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
outline:none;}




.btn_zakaz3 {
	
	
	cursor:pointer;
	float:right;
	   
	margin-right:1px;
	width:150px;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
background: rgb(73,155,234); /* Old browsers */
background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
     
	
	padding:8px 13px;
	color:#fff;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:17px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #4f85bb;
}           





.btn_check {
	background-image:url(image/check.png);
    background-repeat:no-repeat;
    background-position:right;
	text-align:left;
	width:170px;
	font-size:18px;	
	
	cursor:pointer;
	padding:5px;

	
	padding-rigth:65px;
	
	

	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:0px solid;
}  




.title_style_lang
{
	
	
	font-size:20px;
	color: #666;
/*	float:right; */
	cursor:pointer;

	
/* yellow	color:#f19f3f;
*/
	
	/*#6999d0;
	
	*/

font-weight:100;

font-family: 'Gabriela', Verdana, Arial, sans-serif;

text-align:left;
border:solid 0px #9DCDF9;




padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;


}



.title_style_lang_active
{
	
	
	font-size:20px;
	color: a88100;
/*	float:right;*/
	cursor:pointer;
	
/* yellow	color:#f19f3f;
*/
	
	/*#6999d0;
	
	*/

font-weight:100;

font-family: 'Gabriela',Verdana,Arial,sans-serif;

text-align:left;
border:solid 0px #9DCDF9;




padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;


}


.title_style
{
	

	
	font-size:24px;
	color:a88100;
	
/* yellow	color:#f19f3f;
*/
	
	/*#6999d0;
	
	*/

font-weight:100;

font-family: 'Gabriela',Verdana,Arial,sans-serif;

text-align:left;
border:solid 0px #9DCDF9;




padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;


}



.summa_style
{
	
	
	font-size:32px;
	color:#65B25B;

	
	/*#6999d0;
	
	*/

font-weight: 100;

font-family: Verdana,Arial,sans-serif;

text-align:left;
border:solid 0px #9DCDF9;




padding-bottom: 4px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;


}



.check_style
{
	background-image:url(image/check2.png);
    background-repeat:no-repeat;
    background-position:right;
	overflow:hidden;
	margin-left:60px;


	text-align:left;
	

	outline: none;

    display:inline-table;
	
	
	font-size:22px;
	color:#333;
	cursor:pointer;
/*	width:52px;
	height:24px;
	*/
	
font-weight: 100;

font-family: Verdana,Arial,sans-serif;


border:solid 0px #9DCDF9;

padding-bottom: 4px;
padding-left: 4px;
padding-right: 60px;
padding-top: 4px;

}         



.uncheck_style
{
	background-image:url(image/uncheck2.png);
    background-repeat:no-repeat;
    background-position:right;
	overflow:hidden;
	margin-left:60px;


	text-align:left;
	

	outline: none;

    display:inline-table;
	
	
	font-size:22px;
	color:#333;
	cursor:pointer;
/*	width:52px;
	height:24px;
	*/
	
font-weight: 100;

font-family: Verdana,Arial,sans-serif;


border:solid 0px #9DCDF9;

padding-bottom: 4px;
padding-left: 4px;
padding-right: 60px;
padding-top: 4px;

}     


.control_width
{
	width:135px; 
	display: inline-block;
		
}

.control_small_width
{
	width:52px; 
	display: inline-block;
	overflow:hidden;
	
}


.title_black_style
{
	
	overflow:hidden;
	/*margin-left:60px;
*/

	outline: none;

    display:inline;
	
	
	font-size:24px;
	color:#333;
/*	cursor:pointer;
	width:52px;
	height:24px;
	*/
	
font-weight: 100;

font-family: 'Gabriela',Verdana,Arial,sans-serif;


border:solid 0px #9DCDF9;

padding-bottom: 4px;
padding-left: 0px;
padding-right: 8px;
padding-top: 4px;

}         


/*     Switch    */
/*-------------------------------------------------------------------*/

.switch 
{
	display:inline;
width: 62px;
height: 32px;
background: #E5E5E5;
z-index: 0;
margin:0;
padding-top:10px;
appearance: none;
border: none;
cursor: pointer;
position: relative;
border-radius:16px; //IE 11
-moz-border-radius:16px; //Mozilla
-webkit-border-radius:16px; //Chrome and Safari
}

.switch:before 
{
content: ' ';
position: absolute;
left: 1px;
top: 1px;
width: 60px;
height: 30px;
background: #FFFFFF;
z-index: 1;
border-radius:16px; //IE 11
-moz-border-radius:16px; //Mozilla
-webkit-border-radius:16px; //Chrome and Safari
}

.switch:after 
{
content: ' ';
height: 29px;
width: 29px;
border-radius: 28px;
z-index: 2;
background: #FFFFFF;
position: absolute;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
top: 1px;
left: 1px;
-webkit-box-shadow: 0 2px 5px #999999;
box-shadow: 0 2px 5px #999999;
}

.switchOn , .switchOn:before
{
background: #4cd964 !important;
}
.switchOn:after
{
left: 33px !important;
}



/*     Switch  Lite   */
/*-------------------------------------------------------------------*/

.switch_lite 
{
	display:inline;
width: 31px;
height: 16px;
background: #E5E5E5;
z-index: 0;
margin:0;
margin-left:2px;
margin-right:35px;
padding-top:0px;
appearance: none;
border: none;
cursor: pointer;
position: relative;
border-radius:16px; //IE 11
-moz-border-radius:16px; //Mozilla
-webkit-border-radius:16px; //Chrome and Safari
}

.switch_lite:before 
{
content: ' ';
position: absolute;
left: 1px;
top: 1px;
width: 30px;
height: 15px;
background: #FFFFFF;
z-index: 1;
border-radius:16px; //IE 11
-moz-border-radius:16px; //Mozilla
-webkit-border-radius:16px; //Chrome and Safari
}

.switch_lite:after 
{
content: ' ';
height: 14px;
width: 14px;
border-radius: 15px;
z-index: 2;
background: #FFFFFF;
position: absolute;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
top: 1px;
left: 1px;
-webkit-box-shadow: 0 2px 5px #999999;
box-shadow: 0 2px 5px #999999;
}

.switch_liteOn , .switch_liteOn:before
{
background: #4cd964 !important;
}
.switch_liteOn:after
{
left: 17px !important;
}

/*--------------------------------------------------------------*/

/*     Switch  Pred   */
/*-------------------------------------------------------------------*/

.switch_pred 
{
	

	
	display:inline;
width: 31px;
height: 16px;
background: #E5E5E5;
z-index: 0;
margin:0;
margin-left:2px;
margin-right:35px;
padding-top:0px;
appearance: none;
border: none;
cursor: pointer;
position: relative;
border-radius:16px; //IE 11
-moz-border-radius:16px; //Mozilla
-webkit-border-radius:16px; //Chrome and Safari
}

.switch_pred:before 
{
content: ' ';
position: absolute;
left: 1px;
top: 1px;
width: 30px;
height: 15px;
background: #FFFFFF;
z-index: 1;
border-radius:16px; //IE 11
-moz-border-radius:16px; //Mozilla
-webkit-border-radius:16px; //Chrome and Safari
}

.switch_pred:after 
{
content: ' ';
height: 14px;
width: 14px;
border-radius: 15px;
z-index: 2;
background: #FFFFFF;
position: absolute;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
top: 1px;
left: 1px;
-webkit-box-shadow: 0 2px 5px #999999;
box-shadow: 0 2px 5px #999999;
}

.switch_predOn , .switch_predOn:before
{
background: #4cd964 !important;
}
.switch_predOn:after
{
left: 17px !important;
}



/*--------------------------------------------------------------*/

/*     Switch  Beznal   */
/*-------------------------------------------------------------------*/

.switch_beznal 
{
	

	
	display:inline;
width: 31px;
height: 16px;
background: #E5E5E5;
z-index: 0;
margin:0;
margin-left:2px;
margin-right:35px;
padding-top:0px;
appearance: none;
border: none;
cursor: pointer;
position: relative;
border-radius:16px; //IE 11
-moz-border-radius:16px; //Mozilla
-webkit-border-radius:16px; //Chrome and Safari
}

.switch_beznal:before 
{
content: ' ';
position: absolute;
left: 1px;
top: 1px;
width: 30px;
height: 15px;
background: #FFFFFF;
z-index: 1;
border-radius:16px; //IE 11
-moz-border-radius:16px; //Mozilla
-webkit-border-radius:16px; //Chrome and Safari
}

.switch_beznal:after 
{
content: ' ';
height: 14px;
width: 14px;
border-radius: 15px;
z-index: 2;
background: #FFFFFF;
position: absolute;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
top: 1px;
left: 1px;
-webkit-box-shadow: 0 2px 5px #999999;
box-shadow: 0 2px 5px #999999;
}

.switch_beznalOn , .switch_beznalOn:before
{
background: #4cd964 !important;
}
.switch_beznalOn:after
{
left: 17px !important;
}