@import url(//fonts.googleapis.com/css?family=Oswald);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic);
/*@import url('https://fonts.googleapis.com/css?family=Roboto'); */
/*
#FFCC66  - светло-рыжый
#ff5a00    - ntvyj hs;sq
#076993  - темно-синий;
#38B0E3  - светло-синий,
*/
body  { max-width: 100%; background-color: #fff; font-family: 'Roboto Condensed', sans-serif; }
body a { font-family: 'Roboto Condensed', sans-serif; }
body a:hover { font-family: 'Roboto Condensed', sans-serif; }

hr { border: 1px solid grey;}

    /* text field */
    input[type='text'].text-field, input[type='password'].text-field {
      min-width: 270px;
      max-width: 560px;
      background: #fff;
      color: #444;
      font: inherit;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0 , .1);
      border: 0; 
      border-radius: 10px;
      outline: 0;
      padding: 22px 18px; margin: 15px;
     }

input[type='text'], input[type='password'], textarea, select {
color: #444;   font-size: 15px;
 background: #F8F8F8;
 border: 2px solid #CCCCCC;
 padding: 5px;
 margin-left: 0px;
 margin-right: 0px;
 -webkit-border-radius: 4px 4px 4px 4px;
 -moz-border-radius: 4px 4px 4px 4px;
 -khtml-border-radius: 4px 4px 4px 4px;
 border-radius: 4px 4px 4px 4px;
}
@media screen and (max-width: 768px) { input[type='text'], input[type='password'], textarea, select { font-size: 20px;} }

.admin_main {
    border: 1px solid #adadad; color: #444;   font-size: 12px;
   -webkit-border-radius: 4px 4px 4px 4px;
 -moz-border-radius: 4px 4px 4px 4px;
 -khtml-border-radius: 4px 4px 4px 4px;
 border-radius: 4px 4px 4px 4px;
color: #515151; padding: 10px; margin-left: 20px;
width: 900px; height: 100%;
}

.ticket_view {
color: #444;
padding: 10px; margin-left: 20px; margin-right: 20px; height: 100%;
}
.admin_view {
color: #444;   font-size: 15px;
padding: 10px; margin-left: 20px; margin-right: 20px; height: 100%;
}

.admin_panel_right {
color: #444;   font-size: 12px;
background: #F8F8F8;
border: 1px solid #CCCCCC;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
 }

/* ________________ Header / Footer______________________*/
.admintools { width: 70px;}
.admintools img { width: 45px; }
.widget { /*display: inline-block;*/ float: left; }

.admin_header1 { padding-right: 0px;  margin-top: 0px;  }
.admin_header1 > a > img { height: 70px; }

.admin_header2 { width: 250px; }

.div_h_cont {
 display:flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.div_h_box { flex: 1 0 25%; }
.right { display: inline-flex; margin: 25px;   min-width: 550px; max-width: 550px; }
.left { margin: 30px; min-width: 550px; max-width: 550px;}
.center { min-width: 95px; max-width: 95px; }
#user {
display: none;
position: absolute;
right: 0;
left: auto;
padding: 10px; margin-top: 15px;
width: 250px; height: 100px;
border: 1px solid #ccc; border-radius: 4px;
background: #fff;
color: #076993;
}

#user a { color: #5bc0de}
#user a:hover { color: #076993 }

.admin_header { color: #444;  background-color: #fcfcfc; padding: 0px; margin: 0px; height: 70px; width: 100%;
	-webkit-box-shadow: 0px 3px 6px -1px rgba(173,173,173,1);
	-moz-box-shadow: 0px 3px 6px -1px rgba(173,173,173,1);
	box-shadow: 0px 3px 6px -1px rgba(173,173,173,1);
}

#search_row {float: right; }
.search_result  {
 display: none;
 color: #fff;
 position: absolute;
 width: 600px;
 margin-left: -50px; margin-top: 33px;
 background: #076993;
 border-radius: 4px;
}
#search_row:hover .search_result  { display: block; }
.search_result li{ margin-left: -40px; padding: 10px; list-style: none; color: #fff; font-size: 14px; cursor: pointer; text-decoration: none; border-bottom: 1px solid #eee;}
.search_result li:hover, .search_result li a {  background: #5bc0de; color: #fff; text-decoration: none; font-size: 14px;}
.search_result a { text-decoration: none;}
.search_result li a:hover { text-decoration: none; }

#who {
color: #444; font-family: 'Roboto Condensed', sans-serif;font-size: 15px;
background: #F8F8F8; padding: 6px;  width: 230px;
border-radius: 4px 4px 4px 4px; height: 32px;
}

.main_tb1 { width: 100%; padding: 0px; }
.admin_footer  { color: white;  background-color: #076993; padding: 0px; margin-top: 20px; padding: 15px; width: 100%;}
/*
@media screen and (max-width: 844px) {
 .admin_header {color: white;  background-color: #076993; padding: 0px; margin: 0px; height: 100px; width: 844px;}
 .admin_header1 { padding-right: 0px;  margin-top: 0px; width: 250px;}
 .admin_header2 { font-size: 20px;}
 .admintools { width: 70px;}
 .admintools img { width: 70px; }
  .widget {  }
  .div_h_cont { justify-content: space-between; align-content: flex-start; }
}
*/
@media screen and (max-width: 768px) {
 .admin_header {color: white;  background-color: #076993; padding: 0px; margin: 0px; height: 100px; width: 768px;}
 .admin_header1 { padding-right: 0px;  margin-top: 0px; width: 250px;}
 .admin_header2 { font-size: 20px;}
 .admintools { width: 70px;}
 .admintools img { width: 70px; }
  .div_h_cont { 	display: flex;
   justify-content: space-between;
   align-content: center; }
 .right {margin: 20px auto; min-width: 768px; max-width: 768px; display: flex; justify-content: center; flex-wrap: wrap; }
 .left {margin: 20px auto; min-width: 768px; max-width: 768px; display: flex; justify-content: center; flex-wrap: wrap;}
 .center { display: none; }
 .search_result  {display: none; color: #fff; position: absolute; width: 700px; background: #076993; margin-top: 40px; margin-bottom:0px; border-radius: 4px; }
 .search_result li:hover, .search_result li a { font-size: 18px; text-decoration: none;} .search_result a { font-size: 18px; text-decoration: none;}
 .search_result li{ margin-left: -40px; padding: 8px; list-style: none; color: #fff; font-size: 18px; cursor: pointer; border-bottom: 1px solid #eee; text-decoration: none; }
 .main_tb1 { width: 768px; padding: 0px; } #who { font-size: 20px; height: 39px; } .admin_footer  {  width: 768px; font-size: 22px;}
}



.admin_header a { color: #fff; text-decoration: underline; }
.admin_header a:hover { text-decoration: none; }
/**************************/
.navbar-nav {
 margin-bottom: 0;
     margin-top: 0;
     margin-left: -40px;
     list-style: none;
     display: block;
}
/*.nav>li{width: 250px; display:block} */

.navbar-nav>li>a{position:relative;display:block;padding:10px 15px}
.navbar-nav>li>a:focus,.nav>li>a:hover{text-decoration:none; background: #5bc0de; cursor: pointer;}
.navbar-nav .open>a:focus,.navbar-nav .open>a:hover {color:#444; background-color:#5bc0de; text-decoration:none;}
/*.nav>li>a:hover, .nav>li>a:focus{color:#444;background:#5bc0de; text-decoration:none;} */

.dropdown,.dropup{position:relative}/*.dropdown-toggle:focus{outline:0}*/

.dropdown-menu{position:absolute; display:none;float:left; list-style:none;background-color:#fff;
}

.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}

.dropdown-menu>li>a{
 display: block; text-align: -webkit-center;
 padding: 5px;
 color: #076993; font-weight: bold; background-color:#f5f5f5;
 text-decoration: none;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#f5f5f5; text-decoration:none; font-weight: bold; background-color:#076993;}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}
/*.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)} */
.open>.dropdown-menu{display:block}

/*.navbar-nav .open .dropdown-menu{position:absolute;float:none;width:auto;margin-top:0;} */

/*.navbar-nav .open .dropdown-menu>li>a{line-height:20px} */

.navbar-nav>.user-menu>.dropdown-menu{padding: 5px;
width: 250px;
color: #444; font-size: 14px;
border: 1px solid #5bc0de;
text-align: left; }
.navbar-nav>.user-menu>.dropdown-menu,.navbar-nav>.user-menu>.dropdown-menu>.user-body{border-bottom-right-radius:4px;border-bottom-left-radius:4px}

.navbar-nav>li>a {padding-top:25px;padding-bottom:25px; font-size: 15px; text-decoration: none; }
.navbar-nav>li>a:hover {background: #5bc0de; font-size: 15px; text-decoration: none;}
/***************************/
.admin_login { border: 1px solid #eee; font-size: 17px;
 color: #333;  background: white;  padding: 30px; margin-top: 5%;  position: absolute; left: 37%;
   -webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -khtml-border-radius: 5px 5px 5px 5px;
 border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 2px 18px 35px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 18px 35px -1px rgba(0,0,0,0.75);
box-shadow: 2px 18px 35px -1px rgba(0,0,0,0.75);
}
.admin_login a { color: #076993; font-size: 15px;    }
.admin_login a:hover { color: #38B0E3; font-size: 15px;    }
/*_______________________________________________________*/
/* ________________      TICKET    ______________________*/

.t_red { transition: all 0.4s ease-in-out; width: 32%; height: 50px;border-radius: 4px; color: white; font-size: 15px;   padding: 10px;  background-color: #dd4b39; }
/*.t_red:hover{ transition:300ms; transform: scale(1.1); } */
.t_red:hover{ transform: scale(1.03);}
.t_red_row { color: white; font-size: 35px; padding: 0px;  background-color: #dd4b39;}
.d_red { margin-top: 15px; padding: 5px; background: #B74031;  }
.d_red a, a:hover {color: white; font-size: 14px; text-decoration: none;}

.t_yellow { transition: all 0.4s ease-in-out;
width: 32%; height: 50px; border-radius: 4px;
color: white; font-size: 15px;  padding: 10px; background-color: #f39c12;
}
.t_yellow:hover{ transform: scale(1.03);}
.t_yellow_row { color: white; font-size: 35px;  padding: 0px;  background-color: #f39c12;}
.d_yellow { margin-top: 15px; padding: 5px; background: #CA810E;  }
.d_yellow a, a:hover {color: white; font-size: 14px;  text-decoration: none;}

.t_green { border-radius: 4px; transition: all 0.4s ease-in-out;
 width: 32%; height: 50px;color: white; font-size: 15px; width: 30%; padding: 10px; background-color: #00a65a;
}
.t_green:hover{ transform: scale(1.03);}
.t_green_row { color: white; font-size: 35px;  padding: 0px;  background-color: #00a65a;}
.d_green { margin-top: 15px; padding: 5px; background: #028A4C;  }
.d_green a, a:hover {color: white; font-size: 14px;  text-decoration: none;}

.last_ticket { padding: 10px; color: #076993 ; font-size: 18px; }

.ticket_tr { color: #444; font-size: 12px;  background: #dadada; }
.ticket_tr td { border: 0px solid #eee; padding: 4px; }

.ticket_tr2 { color: #444; font-size: 13px; }
.ticket_tr2:hover { background: #fbfbfb;
 -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.52);
 -moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.52);
 box-shadow:         0px 3px 8px 0px rgba(50, 50, 50, 0.52);
}
.ticket_tr2 a { color: #076993; font-size: 14px; }
.ticket_tr2 a:hover { color: #38B0E3; font-size: 14px; }
.ticket_tr2 td { border-bottom: 2px solid #eee; /*padding:0px 5px 0px 0px;*/ }

.ticket_td { border: 0px solid #eee; padding: 0px; }
.ticket_td a { color: #076993; font-size: 13px; }
.ticket_td a:hover { color: #38B0E3; font-size: 13px; }


.ticket_b_tr2 { color: #444; font-size: 12px; }
.ticket_b_tr2:hover { background: #fbfbfb;
 -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.52);
 -moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.52);
 box-shadow:         0px 3px 8px 0px rgba(50, 50, 50, 0.52);
}
.ticket_b_tr2 a { color: #076993; font-size: 14px; }
.ticket_b_tr2 a:hover { color: #38B0E3; font-size: 14px; }
.ticket_b_tr2 td { border-bottom: 1px solid #eee; padding: 10px; }

.td_theme a { color: #076993; font-size: 15px; text-shadow: 0px 0px 0.1px rgba(0,0,0,.5); text-decoration: none; }
.td_theme a:hover { color: #38B0E3; font-size: 15px;}


.theme_name { padding: 0px; margin: 5px;}
.theme_name a {color: #076993; font-size: 15px; text-shadow: 0px 0px 0.1px rgba(0,0,0,.5); text-decoration: none; }
.theme_name a:hover { color: #38B0E3; font-size: 15px;}

.theme_name2 { padding: 0px; margin: 5px 0px 5px 20px;}
.theme_name2 a {color: #076993; font-size: 15px; text-shadow: 0px 0px 0.1px rgba(0,0,0,.5); text-decoration: none; }
.theme_name2 a:hover { color: #38B0E3; font-size: 15px;}

.td_name a { color: #444; font-size: 13px;}
.td_name a:hover { color: #4422; font-size: 13px;}

label { display: block; margin-left: 30px; margin-top: -17px; }
.radio { margin-top: 33px; }
.radio input { position: relative; }

#r1 { width: 25%; height: 25px;
color: white; font-size: 13px;  padding: 5px;  background: #7e919c;
}
#r1:hover { background-color: #64737c; }

#r2 {
width: 25%; height: 25px;
color: white; font-size: 13px;  padding: 5px; background: #2172d6;
}
#r2:hover { background-color: #194e90; }

#r3 {
width: 25%; height: 25px;
color: white; font-size: 13px;    padding: 5px; background: #d65252;
}
#r3:hover { background-color: #923a3a; }

#r4 {
width: 25%; height: 25px;
color: white; font-size: 13px;    padding: 5px; background: #c02532;
}
#r4:hover { background-color: #5c1319; }

.t_name { padding: 5px; font-size: 16px; position: absolute;  }
.t_close { padding: 10px 0px 10px 0px; font-size: 16px;   }

.t_text { padding: 15px; background: #f5f5f5; border: 1px solid #d0d0d0; font-size: 16px; border-radius: 4px;}

/*.hr_1 { border: 5px solid #1F4A6F; margin-bottom: auto; width: 80%; float: left;} */

.td11 { width: 15px; background: #7e919c; }
.td22 { width: 15px; background: #194e90; }
.td33 { width: 15px; background: #d65252; }
.td44 { width: 15px; background: #c02532; }

.td111 { color: #7e919c; }
.td222 { color: #194e90; }
.td333 { color: #d65252; }
.td444 { color: #c02532; }

.onoff1 {
background: #dd4b39; color: #fff; padding: 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.onoff2 {
background: #f39c12; color: #fff; padding: 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.onoff3 {
background: #00a65a; color: #fff; padding: 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
/* ********    MENU  ***********  */

.admin_block_left {
padding: 0px; margin: 0px;
width: 210px;
}



ul#my_menu {
list-style-type: none;
margin: 0;
padding: 10px;
}

ul#my_menu li a{
 color: #05709e; font-size: 14px;   text-decoration: none;

 padding: 5px;
 display: block;
 border-bottom: 1px solid #eee;
}

ul#my_menu li a:hover{
 background: #0073a4;

 padding: 5px;
 color: #fff;
 -webkit-box-shadow: 0px 5px 5px #DDDDDD;
 -moz-box-shadow: 0px 5px 5px #DDDDDD;
 box-shadow: 0px 5px 5px #DDDDDD;
}

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

.pages {
padding: 10px; margin: 10px; font-size: 13px; color: grey;
width: 200px;  border: 1px solid #7487a0; background-color: #ffffff;
}
.pages a { font-size: 10px; font-weight: bold;  color: #575757; text-decoration: none; }
.pages a:hover { font-size: 10px; font-weight: bold; color: black; text-decoration: none; }
#url { padding: 3px; }


.admin_content{
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
height: 100%; padding: 0px; margin: 0px;
}

/*********    NEWS    ***************/
.tb_n  {
    border: 1px solid #adadad; color: #444;   font-size: 13px;
   -webkit-border-radius: 4px 4px 4px 4px;
 -moz-border-radius: 4px 4px 4px 4px;
 -khtml-border-radius: 4px 4px 4px 4px;
 border-radius: 4px 4px 4px 4px;
}
.td_n  { background: #eee; padding: 5px;  }
.td_n1  {  border-top: 1px solid #adadad; padding: 3px;  }


.edit_button {
 color: #05709e; font-size: 11px;   text-decoration: none;
padding-left: 5px;
padding-right: 5px; 	background: #eee;
 border: 1px solid #adadad;
     -webkit-border-radius: 4px 4px 4px 4px;
 -moz-border-radius: 4px 4px 4px 4px;
 -khtml-border-radius: 4px 4px 4px 4px;
 border-radius: 4px 4px 4px 4px;
 -webkit-box-shadow: 0px 5px 5px #DDDDDD;
 -moz-box-shadow: 0px 5px 5px #DDDDDD;
 box-shadow: 0px 5px 5px #DDDDDD;
}

.edit_button:hover{
 background: #0073a4;
 width: 180px;
padding-left: 5px;
padding-right: 5px;
 color: #fff;
 -webkit-box-shadow: 0px 5px 5px #DDDDDD;
 -moz-box-shadow: 0px 5px 5px #DDDDDD;
 box-shadow: 0px 5px 5px #DDDDDD;
}

.edit_news_tbl {
background-color: #ffffff;
font-size: 11px;
color: #313131; padding-left: 0px; margin: 0px;
width: 100%;
}

.edit_news_tbl_TD { border: 1px solid #7487a0; padding: 5px; }

#textarea_name  { border: 1px solid grey;  padding: 5px; background: #444;  color: #eee; font-weight: bold; font-size: 14px;}

#white_div {
width: 900px;
font-size: 11px;
}

#block_name {
width: 100%; padding: 35px;
font-size: 26px; color: #333;
 }
.block_name_link  {
display: block;
float: left;
margin-right: 0px;
margin-top: 0px;
}
.block_name_link a {
 cursor: pointer;
 color: black;   font-size: 12px; font-weight: bold; text-decoration: none; padding: 10px;
 background: #FFCC66;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 -webkit-box-shadow: 0px 3px 3px #c4c4c4;
 -moz-box-shadow: 0px 3px 3px #c4c4c4;
 box-shadow: 0px 3px 3px #c4c4c4;
}
.block_name_link a:hover {
 cursor: pointer;
 color: white;   font-size: 12px; font-weight: bold;
 background: #076993;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 -webkit-box-shadow: 0px 5px 5px #444;
 -moz-box-shadow: 0px 5px 5px #444;
 box-shadow: 0px 5px 5px #444;
}

#ticket_name {
width: 100%; padding: 10px 0px 10px 25px; border-top: 2px solid #38b0e3;
font-size: 18px; color: #076993;
 }
 #ticket_name2 {
 width: 100%; padding: 10px 0px 10px 25px; border-top: 2px solid #38B0E3;
 font-size: 18px; color: #076993;
  }

.textarea {
background-color: #ffffff;
font-size: 11px; color: #4c4c4c;
border: 1px solid #d5d5d5;
}

.emailer1{
width: 900px;
border: 1px solid grey; background-color: white;
}

td.emailer1{
padding: 5px; border-bottom: 1px solid grey;
}

 .emailer_name  {
width: 100%; padding: 10px; margin: 10px;
font-weight: bold; font-size: 16px; color: green; background-color: white; border: 1px solid grey;
 }

.emailer a { text-decoration: none; font-size: 13px; font-weight: bold; }
.emailer a :hover { text-decoration: none; font-size: 13px; font-weight: bold; }

.block_names a { font-size: 14px; font-weight: bold;  font-family: 'Verdana', Arial, Sans-Serif; color: #575757; text-decoration: none; }
.block_names a:hover { font-size: 14px; font-weight: bold;  font-family: 'Verdana', Arial, Sans-Serif; color: #575757; text-decoration: none; }

/***************  buttom ON/OFF  1 ****************/
.onoff {
    position: relative; width: 48px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoff-checkbox {
    display: none;
}
.onoff-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #003C69; border-radius: 0px;
}
.onoff-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoff-inner:before, .onoff-inner:after {
    float: left; width: 50%; height: 15px; padding: 0; line-height: 15px;
    font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoff-inner:before {
    content: "ON";
    padding-left: 5px;
    background-color: #00B50F; color: #FFFFFF;
}
.onoff-inner:after {
    content: "OFF";
    padding-right: 5px;
    background-color: #FF0000; color: #FFFFFF;
    text-align: right;
}
.onoff-switch {
    width: 8px; margin: 3.5px;
    background: #FFFFFF;
    border: 1px solid #003C69; border-radius: 0px;
    position: absolute; top: 0; bottom: 0; right: 29px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}
.onoff-checkbox:checked + .onoff-label .onoff-inner {
    margin-left: 0;
}
.onoff-checkbox:checked + .onoff-label .onoff-switch {
    right: 0px;
}
/***************************************************************/
/*************************  PRICE   ***************************/
#price1 { padding-top: 10px; padding-bottom: 10px; line-height: 15px; }

/**************************  CALLBACK   ****************************/
.div_callback {
margin-bottom: 10px; padding: 10px 10px 10px 10px;
   color: white;   font-size: 12px;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 -webkit-box-shadow: 0px 3px 3px #c4c4c4;
 -moz-box-shadow: 0px 3px 3px #c4c4c4;
 box-shadow: 0px 3px 3px #c4c4c4;
}

/***************************************************************/
/*************************  BUTTON  ***************************/
.btn_1 {
  text-decoration: none;
  padding: 12px 20px 12px 40px;; margin-left: 40px;
  border-radius: 30px;
  background: #ff7556;
 background-image: url(../diz/dev.png); background-position: left;  background-repeat: no-repeat;
  font-size: 14px;  color: white;
  box-shadow: 0 5px 5px 0 rgba(0,40,120,.35);
  transition: .5s;
}
.btn_1 > img { width: 40px; }
.btn_1:hover {
  box-shadow: 0 0 0 0 rgba(0,40,120,0);
  background-position: 0 0;
}

.btn1 {
  text-decoration: none;
  padding: 12px 40px;
  border-radius: 30px;
  background-image: linear-gradient(45deg, #6ab1d7 0%, #076993 100%);
  background-position: 100% 0;
  background-size: 200% 200%;
  font-size: 14px;  color: white;
  box-shadow: 0 5px 5px 0 rgba(0,40,120,.35);
  transition: .5s;
}
.btn1:hover {
  box-shadow: 0 0 0 0 rgba(0,40,120,0);
  background-position: 0 0;
}
@media screen and (max-width: 768px) {
 .btn1 { font-size: 22px; }  .btn_1 { font-size: 22px; }
}

/****************************/
/*.btn1 { color: #fff;   font-size: 14px;  text-decoration: none;
    background-color: #076993; 	text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
    padding: 10px;
}

.btn1 a { color: #fff;   font-size: 14px;  text-decoration: none;
 text-decoration: none;

 }

.btn1:hover { color: #fff;   font-size: 14px;  text-decoration: none;
 text-decoration: none;
    background-color: #38B0E3;
 } */
 .btn1_1 { color: #fff;   font-size: 14px;  text-decoration: none;
     background-color: #076993; 	text-decoration: none;
     border-radius: 2px; border-width: 0px;
     cursor: pointer;
     padding: 5px;
 }

 /* стиль кнопки при наведении */
 .btn1_1 a { color: #fff;   font-size: 14px;  text-decoration: none;
   text-decoration: none;
  }

 .btn1_1:hover { color: #fff;   font-size: 14px;  text-decoration: none;
   text-decoration: none; background-color: #38B0E3;
  }

 .btn2 { color: white;   font-size: 15px;  text-decoration: none; padding: 2px 10px 2px 10px;
    background-color: #00a65a;
    border: 1px solid #008d4c;
    border-radius: 3px; cursor:pointer;
}

.btn2:hover { color: #fff;   font-size: 15px; text-decoration: none;
    background-color: #008d4c;
    border: 1px solid #008d4c;
 }

  .btn3 { color: #000;   font-size: 15px;  text-decoration: none; padding: 2px 10px 2px 10px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.btn3:hover { color: #000;   font-size: 15px; text-decoration: none;
    background-color: #D4D4D4;
    border: 1px solid #ccc;
 }

 .btn4 { color: #444;  text-decoration: none;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.btn4:hover { color: #444;  text-decoration: none;
  background-color: #D4D4D4;
  border: 1px solid #ccc;
}

.del_btn { color: red;   font-size: 14px; font-weight: bolt; text-decoration: none; padding: 2px 5px 2px 5px;
 background-color: #eee; position: absolute;
 border: 1px solid #ccc;
 border-radius: 5px;
}

.del_btn:hover { color: red;   font-size: 14px; text-decoration: none;
 background-color: #D4D4D4;
 border: 1px solid #ccc;
}


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


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