body{
		margin: 0;
	}
    @font-face {
		font-family: 'Ubuntu';
		src: url('/media/ats/font/ubuntu-l.ttf');
	}
	.logo{
		display: inline-block;
		background: url('/media/ats/images/logo.png') no-repeat;
		height: 43px;
		width: 250px;
		cursor: pointer;
		margin: 5px 6px;
		position: relative;
		top: 2px;
	}
	.logo-header-menu{
		text-align: left;
	}
	
	#main-site-container{
		width: 1660px;
		min-width: 1308px;
		margin: 0 auto;
	}
	
	.header-second-menu{
		/*margin: 0 auto;	*/
	}
	.menu-block{
		width: 100%;
	}
	.links{
		color: #838383;
		text-decoration: none;
		font-family: Ubuntu;
	}
	.menu-links{
		color: #586874;
		padding: 6px;
		border: 1px solid transparent;
		text-decoration: none;
		text-transform: uppercase;
		margin-left: 10px;
	}
	.menu-links:hover{
		border: 1px solid #FFA200;
		border-radius: 8px;
		background: #FFA900;
		color: white; 
	}
	.active-main-menu{
		border: 1px solid #FFA200;
		border-radius: 20px;
		background: #FFA200;
		color: white; 
	}
	.user-logged{
		position: relative;
  		border: 5px solid rgba(110, 186, 248, 0.2);
  		border-radius: 14px;
  		background: linear-gradient(#00A5FF, #008BFF);
  		color: white;
		/* width: 200%; */
		/* height: 2px; */
		outline: none;
		text-align: center;
		padding: 5px;
		/* margin: 10px; */
		padding-right: 15px;
		padding-left: 15px;
		cursor: pointer;
		background-clip: padding-box;
	}
	
	.user-logged:hover{
		border: 5px solid rgba(110, 186, 248, 0.7);
	}
	
	.menu-enter-links a{
		color: white;
		text-decoration: none;
	}
	
	.ats-button{
		color: #586874;
		cursor: pointer;
		width: 118px;
		height: 40px;
		background: url(/media/ats/images/arrow-enter.png) 10px no-repeat;
		outline: none;
		/* padding: 15px; */
		border: 3px solid #BEE2FA;
		border-radius: 25px;
	}
	.ats-button:hover{
		border: 3px solid #FFA200;
	}
	.slider{
		width: 100%;
		
	}
	.bx-wrapper{
		position: relative;
	}
	.slider .bx-pager .bx-pager-item a {
		
	}
	#bx-pager-custom a {
		position: relative;
		display: inline-block;
		margin: 0px 5px;
		width: 15px;
		height: 15px;
		cursor: pointer;
		background: black;
		opacity: 0.6;
		border-radius: 10px;
		top: -60px;
		text-decoration: none;
	}
	.slider .active{
		  top: -59px !important;
		/*background: white !important;*/	
		background: url(/media/ats/images/dot-active.png) no-repeat !important;
	}
	
	.content-slider{
		/*height: 100%;*/
	}
	 .bx-next {
		background: url(/media/ats/images/next.png) 50% no-repeat;
		height: 54px;
		width: 34px;
		color: #BFBFBF;
		display: inline-block;
		text-decoration: none;
		position: absolute;
		top: 44%;
		right: 105px;
	}
	.bx-prev {
		background: url(/media/ats/images/prev.png) 50% no-repeat;
		height: 54px;
		width: 34px;
		color: #BFBFBF;
		display: inline-block;
		/* border: 1px solid white; */
		text-decoration: none;
		position: absolute;
		top: 44%;
		left: 105px;
		
	}
	.bx-prev:before {
		margin-left: -7px;
		display: block;
		background: #DFDFDF;
		height: 54px;
		width: 54px;
		border: 1px solid #DFDFDF;
		border-radius: 50px;
		opacity: 0.2;
		content: "";
	}
	.bx-next:before {
		margin-left: -12px;
		display: block;
		background: #DFDFDF;
		height: 54px;
		width: 54px;
		border: 1px solid #DFDFDF;
		border-radius: 50px;
		opacity: 0.2;
		content: "";
	}
	#bx-pager-custom{
		display: inline-block;
		position: absolute;
		left: 50%;
		margin-left: -27px;
	}
	.how-it-works{
		width: 100%;
		position: relative;
	}
	/*.content-slider img.slider-img-class{
		background: linear-gradient(#7BB6F7 , #5598F8);
	}*/
	#main-site-container .how-it-works img.img-class{
		background: #EBA202;
	}
	#main-site-container .img-class{
		width: 100%;
		/*background: #33495A;*/
		position: absolute;
		height: 100%;
	}
	.tarifs-block{
		background: #283745; 
		background: linear-gradient(#354A5C, #24313D);
		width: 100%;
		position: relative;		
		top: -4px;
	}
	.tarifs-block img.img-class{
		display: none;
	}
	.section-content{
		position: relative;
	}
	.header {
		font-size: 20px;
		font-family: "OpenSans";
		font-weight:normal;
		color: rgb( 255, 255, 255 );
		text-align: center;
		position: relative;
		z-index: 0;
	}
	.main-header{
		font-size: 45px;
	}

	.center{
		margin: 0 auto;
	}


	.tarif-list{
		list-style: none;
		padding: 10px;
		margin: 10px;
	}
	.enter-tarif{
		background: #F88900;
		background: linear-gradient(#FFA900, #CF7500);
		border-radius: 25px;
		COLOR: WHITE;
		padding: 9px;
		width: 200px;
		outline: none;
		cursor: pointer;
		position: relative;
		border: 8px solid rgba(255,255,255,0.1);
		background-clip: padding-box;
	}
	.enter-tarif-main-page{
		background: #F88900;
		background: linear-gradient(#FFA900, #CF7500);
		border-radius: 15px;
		COLOR: WHITE;
		padding: 5px;
		padding-top: 3px;
    	padding-bottom: 3px;
		width: 150px;
		height: 35px;
		outline: none;
		cursor: pointer;
		position: relative;
		border: 5px solid rgba(255,255,255,0.1);
		background-clip: padding-box;
		text-decoration:none;
	}
	.enter-tarif-main-page:hover{
		border: 5px solid rgba(255,255,255,0.2);
		background-clip: padding-box;
	}
	.section-fours-constructor .enter-tarif{
		border: 8px solid rgba(255,255,255,0.7);
	}
	.section-fours-constructor .enter-tarif:hover{
		background: #FFC04B;
		background: linear-gradient(#FFC61D, #FFA631);
		background-clip: padding-box;
	}
	.enter-tarif:hover{
		border: 8px solid rgba(255,255,255,0.2);
		background-clip: padding-box;
	}
	.tab-header{
		background: #097CC3;
		background: linear-gradient(#0A7DC4, #097CC3);
		border-radius: 10px 10px 0 0;
		cursor: pointer;
		height: 45px;
		font-size: 28px;
		padding: 10px 20px 5px 20px;
		transition: all 200ms ease 0s;
		width: 212px;
	}
	.tarif-tabs tr td{
		padding-right: 10px;
	}
	/*Ribbon*/
	
		.ribbon {
			min-width:800px;
			width: 800px;
			height: 100px;
			font-size: 16px;
			position: relative;
			background: #12A4FF;
			box-shadow: 0 0 10px rgba(0,0,0,1);
			/*background: linear-gradient(to top, #12A4FF, #386C8C);*/
			color: #fff;
			text-align: center;
			padding: 1em 1em 1em;
			margin: 0 auto;
			position: relative;
			top: -10px;
		}
	.ribbon:before {		
		content: "";		
		position: absolute;
		display: block;		
		bottom: -1em;
		width: 70px;
		margin-left: -110px;
		border: 4em solid #12A4FF;
		
		z-index: -1;
	
	}
	.ribbon:after {
		
		content: "";
		
		position: absolute;
		
		display: block;
		
		bottom: -1em;
		width: 70px;
		margin-right: -110px;
		border: 4em solid #12A4FF;
		
		z-index: -1;
	
	}
.ribbon:before {

left: -2em;

border-right-width: 1.5em;

border-left-color: transparent;

}

.ribbon:after {

right: -2em;

border-left-width: 1.5em;

border-right-color: transparent;

}

.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {

content: "";

position: absolute;

display: block;

border-style: solid;

border-color: #007CCC transparent  transparent  transparent ;

bottom: -1em;

}

.ribbon .ribbon-content:before {

left: 0;

border-width: 1em 0 0 1em;

}

.ribbon .ribbon-content:after {

right: 0;

border-width: 1em 1em 0 0;

}
	/*--------------- Баннеры -------------*/
	.banner1 img, .banner2 img, .banner3 img,
	.banner4 img, .banner5 img{
		width: 100%;
		
	}
	/*.banner1, .banner2, .banner3,
	.banner4, .banner5{
		height: 500px;
		background-size: 100%;
	}*/
	/*.banner1{
		background: url('/media/ats/images/banner1.png') no-repeat;
		height: 500px;
		background-size: 100%;
	}
	.banner2{
		background: url('/media/ats/images/banner2.png') no-repeat;
		height: 500px;
		background-size: 100%;
	}
	.banner3{
		background: url('/media/ats/images/banner3.png') no-repeat;
		height: 500px;
		background-size: 100%;
	}
	.banner4{
		background: url('/media/ats/images/banner4.png') no-repeat;
		height: 500px;
		background-size: 100%;
	}
	.banner5{
		background: url('/media/ats/images/banner5.png') no-repeat;
		height: 500px;
		background-size: 100%;
	}
	*/
	.tarif-list li:not([class = 'no-v']){
		background: url(/media/ats/images/v.png) no-repeat 0px 0px;
		padding-left: 30px;
	}

	.no-v:before{
		height: 10px;
		display: inline-block;
		content: '∞';
		font-size: 38px;
		font-family: "Myriad Pro";
		color: rgb( 255, 255, 255 );
		left: -60px;
		margin-left:60px;
		top: 5px;
		position: relative;
		text-align: left !important;
	}
	.tarif-list{
		width: 220px;
		/*border-bottom: 10px solid rgba( 255, 255, 255, 0 );
		border-left: 10px solid rgba( 255, 255, 255, 0 );
		border-right: 10px solid rgba( 255, 255, 255, 0 );
		border-radius: 0 0 25px 25px;*/

	}
	/*.tarif-list:after {
	width: 220px;
  border-style: solid;
  border-width: 6px;
  border-color: rgb( 255, 255, 255 );
  background-color: rgba( 255, 255, 255, 0 );
  opacity: 0.09;
  content: "";

}*/
.tarif-tabs tr td{
	width: 240px;
	height: 100px;
}
	.tarif-tabs tr td:before {
		border-radius: 10px 10px 0 0 ;
		position: absolute;
		width: 240px;
		display: block;
		height: 140px;
		border-style: solid;
		border-width: 6px;
		border-top-color: rgb( 255, 255, 255 );
		border-right-color: rgb( 255, 255, 255 );
		border-left-color: rgb( 255, 255, 255 );
		opacity: 0.09;
		content: "";
	}
	.column tr td:before {
		border-radius: 0 0 10px 10px;
		position: absolute;
		width: 240px;
		display: block;
		height: 300px;
		border-style: solid;
		border-width: 6px;
		border-b0ttom-color: none;
		border-right-color: rgb( 255, 255, 255 );
		border-left-color: rgb( 255, 255, 255 );
		background-color: rgba( 255, 255, 255, 0 );
		opacity: 0.09;
		content: "";
		z-index: -1;
	}
	.button-get{
		position: relative;
		width: 200px;
		margin: 0 auto;
		margin-top:25px;
		
	}
	.add-to-button{
		margin-bottom: 30px;
		display: inline-block;
	}
	
	.center-button{
		position: relative;
		width: 300px;
		left: 50%;
		margin-top: 60px;
		margin-left: -150px;
		margin-right: auto;
		padding-bottom: 20px;
	}
	/*---Убрал стрелку кнопки--*//*
	.arrow{
		position: absolute;
		height: 0px;
		border-color: transparent transparent #FFFFFF transparent;
		border-style: solid;
		border-width: 40px 15px;
		display: block;
		left: -10px;
		top: -90px;
		width: 0px;
		left: 145px;
		margin-left: -5px;
		opacity: 0.09;
	}*/
	.column{
		position: relative;
		top: -25px;
	}
	.tarif-label-price span{
		font-size: 20px;
	}
	.tarif-label-price label{
		font-size: 15px;
	}
	.tarif-label-price{
		padding-top: 20px;
		margin: 0 auto;
		
		font-family: "OpenSans";
		text-align: center;
		width: 90%;
	}
	.tarif-label-price tr td{
		width: 30%;
	}
	.contacts{
		list-style: none;
		position: relative;
		padding-left: 20px;
	}
	.contacts-table{
		width: 515px;
		border-radius: 25px;
		border-style: solid;
		border-width: 6px;
		border-color: rgba(255,255,255,0.1);
	}
	.wrapper-contacts-table{
		  padding-bottom: 15px;
	}
	.tariffs-section-one{
		position: relative;		
		height: 100%;
	}
	.tariffs-section-one img{
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.table-tariffs tr th:first-child{
		border-top-left-radius: 9px;
	}
	.table-tariffs tr th:last-child{
		border-top-right-radius: 9px;
	}
	.table-tariffs tr th,
	.table-tariffs tr td{
		padding: 10px;
		text-align: left;
		
	}
	.table-tariffs tr td:first-child{
		width:185px;
	}
	.table-tariffs .tariff-header{
		height: 50px;
		color: white;
		background: #24A4FB;
	}
	.table-tariffs-container{
		position: relative;
		margin: 0px auto;
		margin-bottom: 130px;
	}
	.table-tariffs-container:before{
		position: absolute;
		border:6px solid white;
		opacity: 0.09;
		border-radius:20px;
	}
	.table-tariffs{
		text-align: center;
		border-radius: 16px;
		position: relative;
		left: 50%;
		display: inline-block;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: -312px;
		color: #7E7E7F;
		border-collapse: collapse;
		border: 7px solid rgba(255, 255, 255, 0.2);
	}
	.table-tariffs tr:nth-child(even):not([class='tariff-header']){
		background: #F1F1F1;		
	}
	.table-tariffs tr:nth-child(odd):not([class='tariff-header']){
		background: white;		
	}
	.table-tariffs tr:nth-child(odd):not([class='tariff-header']):last-child td:first-child{
		  border-bottom-left-radius: 10px;
	}
	.table-tariffs tr:nth-child(odd):not([class='tariff-header']):last-child td:last-child{
		  border-bottom-right-radius: 10px;
	}
	
	.over-shadow{
		position: relative;
		height: 100%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.over-shadow:before{
		position: absolute;
		bottom: 0;
		width: 100%;
		opacity: 0.14;
		height: 100%;
		background: black;
		content:'';
	}
	.select-region-block{
		position: relative;
		bottom: 0;
	}
	.select-region-block{
		margin: 0px auto;
		width: 80%;
		text-align: center;
	}
	.header-region-menu {
		font-size: 28px;
		font-family: "OpenSans";
		color: rgb( 255, 255, 255 );
		text-align: center;
	}
	.text-region {
		padding: 10px;
		margin-top:: 5px;
		background: #0099FB;
		background: linear-gradient(#22A3FB, #009AFB);
		font-size: 18px;
		font-family: "OpenSans";
		color: white;
		text-align: center;
		border: 1px solid #0099FB;
		border-radius: 25px;
		cursor: pointer;
	}
	.text-region:hover {
		background: #FFA200;
		background: linear-gradient(#FFA200, #FF9200);
		border: 1px solid #FF9200;
	}
	.table-region tr td{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.table-region{
		padding-top: 30px;
		margin: 0 auto;
		margin-bottom: 5px;
	}
	.container-section-buttom{
		position: absolute;
		
		width: 100%;
		bottom: 0;
	}
	.comment-tariffs{
		width: 37%;
		color: white;
	}
	.star{
		color: #E7C970;
	}
	.section-main-constructor{
		
	}
	.section-one-constructor{
		width:100%;
		position: relative;
		/*height: 604px;*/
	}
	.section-one-constructor img{
		width: 100%;
		position: absolute;
		
	}
	.section-two-constructor{
		position: relative;
		top: -6px;
		width: 99.9%;
		background: #37AAFA;
		background: linear-gradient(#39ADFB, #0A8EEA);
	}
	.section-third-constructor{
		position: relative;
		width:100%;
		background: white;
	}
	.section-third-constructor .section-content{
		min-height: 450px;
	}
	.section-fours-constructor{
		position: relative;
		width:100%;
		background: url(/media/ats/images/text_grid.png) repeat;

		background-size: 100%;
		
	}
	.header-constructor{
		color: rgb( 46, 46, 46 );
		position: relative;
		text-align: left;
		/*left: 50%;
		margin-left: -232px;*/
	}
	.block-text{
		width: 100%;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.positioned-text-one-section{
		width: 50%;
		padding-top: 3%;
		padding-left: 25%;
		padding-bottom: 3%;
	}
	.section-two-constructor .positioned-text-one-section{
		width: 60%;
	}
	.section-third-constructor .positioned-text-one-section{
		width: 40%;
	}
	.inline-text{
		display: inline-block;
		width: 40%;
		color: white;
		font-size: 20px;
		font-family: "OpenSans";
		vertical-align: top;
		margin-left: 20px;
	}
	.outstending-block{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.ending-section{
		text-align: left;
	}
	.table-icons img{
		margin: 40px;
	}
	.label-icon{
		position: relative;
		text-align: center;
		color: white;
		top: -20px;
	}
	.section-third-constructor ol .li_first{
		list-style: none;
		background: url(/media/ats/images/list-one.png) no-repeat 0px 0;
		padding-left: 40px;
	}
	.section-third-constructor ol .li_second{
		list-style: none;
		background: url(/media/ats/images/list-two.png) no-repeat 0px 0;
		padding-left: 40px;
	}
	.section-third-constructor ol .li_thired{
		list-style: none;
		background: url(/media/ats/images/list-three.png) no-repeat 0px 0;
		padding-left: 40px;
	}
	.section-third-constructor .positioned-text-one-section {
		display: inline-block;
	}
	.hand-image{
		position: absolute;
		right: 0;
		display: inline-block;
		background: url(/media/ats/images/hand.png) no-repeat;
		vertical-align: top;
		width: 543px;
		height: 421px;
	}
	.bottom-arrow {
		position: absolute;
		height: 0px;
		border-color: white transparent transparent transparent;
		border-style: solid;
		border-width: 30px 30px;
		display: block;
		left: -10px;
		bottom: -60px;
		width: 0px;
		left: 50%;
		margin-left: -15px;
		/* opacity: 0.09; */
		z-index: 1;
	}
	.section-fours-constructor .section-content{
		position: static;
	}
	.section-fours-constructor .center-button{
		position: relative;
		bottom:0;
		left: 50%;
		margin-left: -150px;
	}
	.section-fours-constructor .button-get:before{
		border: 10px solid black;
		opacity: 0.2;
	}
	.section-fours-constructor .arrow {
		border-color: transparent transparent black transparent;
		opacity: 0.2;
	}
	.section-third-constructor .positioned-text-one-section{
		padding-bottom: 100px;
	}
	.contacts-header{
		background: #44B6FC;
		background: linear-gradient(#44B6FC, #42AFFB);
		padding: 50px;
		font-size: 45px;
	}
	.section-contacts{
		position: relative;
		width: 100%;
		/*margin-bottom: 30px;*/
	}
	.contacts-text{
		font-size: 20px;
		font-family: "OpenSans";
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.contacts-text tr td strong{
		margin: 10px;
	}
	.big-laptop{
		width: 860px;
		position: relative;
		bottom: -30px;
		z-index: 1;
	}
	.tarifs-block .main-header{
		padding-top: 30px;
	}
	.after-tarifs{
		margin-bottom: 10px;
	}
	.sheme-example{
		background: url(/media/ats/images/call-example.png) no-repeat;
		width: 446px;
		height: 770px;
		background-size: 100%;
		position: relative;
		top: 0px;
		margin: 0 auto;
	}
	.example-buttom{
		margin-top: 0;
	}
	.errorlist{
		padding:0;
	}
	.errorlist	li {
		background: #F7A7A7;
		border: 1px solid #F73044;
		padding: 15px;
		color: red;
		border-radius: 0;
		list-style: none;
	}
	
	.popup_personal{
		display: none;
	}
	.overlay:target+.popup_personal {
		top: 50%;
		display: block;
	}
	.title{
		font-family: "OpenSans";
		font-weight: normal;
		text-align: center;
		position: relative;
		margin:3px;
	}
	.inline-blocks{
		display: inline-block;
	}
	.menu-enter-links img{
		margin-left: 10px;
		margin-right: 5px;
		height: 12px;
	}
	.popup_personal.mngs{
		border-radius: 11px;
		background: #fff; 
		background-clip: padding-box;
	}
	.type-4.modal{
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		width: 100%;
		/*text-align: center;*/
	}
	.popup_personal.mngs .over{
		height: 100px;
		overflow-y: auto;
		width: 265px;
		text-align: center;
	}
	.overlay:target {
		/* display: block; */
	}
	.overlay:target + .popup_personal{
		/* display: block; */
	}
	.overlay:target + .popup_personal {
		display: block;
		position: fixed;
		z-index: 999;
		width: 900px;
		top: 2%;
		left: 45%;
		margin-left: -350px;
		box-shadow: 0 0 5px rgba(20,52,89,.75), 0 0 46px rgba(23,110,215,.75);
		margin-top: 90px;
		/*max-height: 95%;
		overflow: auto;*/
		background: white;
		border-radius: 5px; 
	}
	.overlay {
		display: none;
		/* background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4); */
		bottom: 0;
		cursor: default;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 10;
	}
	.add_number .ui-state-active {
		text-align: center;
		background: #22a7f0;
		color: #fff;
		border-radius: 3px;
		cursor: pointer;
		padding: 7px;
		height: 60px;
		width: 250px;
	}
	.ui-accordion-header {
		text-align: center;
		background: #eaeaea;
		border-radius: 3px;
		cursor: pointer;
		padding: 7px;
		height: 60px;
		width: 250px;
		margin: 5px;
	}


	.ui-accordion-header:focus {
		outline: none;
	}

	#ajall .add_number h3.ui-state-active a,
	#ajall .add_number h3.ui-accordion-header a{
		text-decoration: none;
		font-size: 14px;
		color: #838383;
		font-family: Ubuntu;
		font-weight: lighter;
	}

	#ajall .add_number h3.ui-state-active a {
		color: #fff;
	}

	#ajall .add_number h3.ui-state-active hr {
		border-top: 1px solid #fff;
	}

	/*.ui-corner-all:hover > a span {
		color: #fff;
	}

	.ui-corner-all:hover {
		background: #d3d3d3;
	}*/

	.ui-accordion-header hr {
		border: 0;
		border-top: 1px solid #838383;
	}
	/*#ajall .add_number h3.ui-state-active a span,
	#ajall .add_number h3.ui-accordion-header a span{*/
		/*color: white;*/
	/*	text-decoration: none;
		font-size: 14px !important;
		
	}*/
/*
	.second-name-header-tarif > span+span,
	.second-name-header-tarif + span + span {
		color: orange;
	}

	.second-name-header-tarif + span,
	.second-name-header-tarif > span {
		color: white;
	}

	.first-name-header-tarif {
		color: white;
	}

	.ui-corner-all > a > .second-name-header-tarif > span + span,
	.ui-corner-all > a > .second-name-header-tarif + span + span {
		color: orange;
	}

	.ui-corner-all > a > span {
		color: #838383;
	}*/
	.popup_personal-close {
		position: absolute;
		top: 14px;
		right: 6px;
		display: block;
		width: 21px;
		height: 21px;
		background: url(/media/ats/images/cls.png) no-repeat;
		cursor: pointer;
		z-index: 12;
	}
	.type-4 .status-i{
		text-align: center;
		background: #F7A7A7;
		border: 1px solid #F73044;
		padding: 5px;
		color: red;
		border-radius: 0;
	}
	.info-table-block .status-i{
		text-align: center;
		border: 2px solid #f84e4e;
		padding: 3px;
		color: #f84e4e;
		border-radius: 5px;
		position: absolute;
		top: -70px;
		height: 40px;
		width: 97%;
		line-height: 2px;
		font-size: 20px;
		left: 8px;
		font-family: Ubuntu light;
		font-weight: lighter;
	}
	.header-tariffs-table{
		  margin-top: 0px;
		  text-align: center;
		  width: 270px;

	}
	.type-4.modal tr{
		height: auto;
	}
	.first-name-header-tarif{
		text-transform: uppercase;
	}
	.second-name-header-tarif{
		font-style: normal;
		font-weight: normal;
		display: inline-block;
	}
	.header-menu .trouble td:nth-child(2) {
		text-align: center;
	}
	/*.second-name-header-tarif>span+span {
		color: orange;
	}*/

	.ugc+label {
		display: block;
		position: relative;
		left: -283px;
		top: 30px;
		color: #838383;
	}

	.ugc {
		float:left;
		color: #838383;
	}

	.type-4 h1.title {
		background: #eaeaea;
		color: #838383;
		margin-top: 0px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		padding: 2px;
		margin-bottom: 0px;
		font-size: 20px;
		height: 40px;
		line-height: 40px;
		font-family: Ubuntu;
		font-weight: lighter; 
	}
	.type-4 ul li{
		list-style: none;
		margin-left: 50px;
	}
	#previev_button, #next_button {
		background: #ffa521;
		border-radius: 5px;
		color: #fff;
		padding: 15px;
		width: 200px;
		text-transform: uppercase;
		margin: 20px;
		margin-bottom: 35px;
		outline: none;
		cursor: pointer;
		position: relative;
		right: -185px;
		top: -40px;
		border: 1px solid transparent;
	}
	#previev_button:hover, #next_button:hover {
		background: #ff9727;
	}
	/*.reglog #id_username,  .reglog #id_password, .reglog #id_username_reset, .reglog #id_email {
		width: 80%;
		height: 40px;
	}*/
	#id_captcha_1 {
		width: 50%;
		height: 35px;
	}
	.captcha {
		display: inline-block;
		height: 40px;
		position: relative;
		top: 15px;
		padding-right: 10px;
		background-size: 100%;
		width: 140px;
	}
	.type-4 label, .type-4 .blue_border p{
		text-align: left;
		font-size: 15px;
		font-family: "OpenSans";
		color: rgb( 94, 100, 108 );
		padding-top: 5px;
		padding-bottom: 5px;
		display: inline-block;
	}
	#id_profile_0{
		margin-left: -7px;
	}
	
	.active_tariffs_far,
	.active_tariffs_sng{
		background: #FFA200;
		border: 1px solid #FF9200;
	}
	
	.active_tariffs_russia:hover,
	.active_tariffs_far:hover,
	.active_tariffs_sng:hover{
		background:  #FF9200;
	}
	.second-table-tariffs{
		/*width: 659px;*/
	}
	
	.active_tariffs_rus {
		background: #FFA200;
		border: 1px solid #FF9200;
	}
	
	#accordions,
	#accordions1,
	#accordions2{
		height: 100px !important;
		width: 100%;
	}
	.ui-accordion-content p{
		text-align: center;
	}
	.type-4 ul{
		padding: 0px;
		font-family: Ubuntu;
	}
	.back-down{
		position: relative;
		/*text-align: center;*/
		margin-top: -15px;
	}
	.table-wrapper-i{
		height: 390px;
	}
	.add-to-popup_personal{
		position: relative;
		height: 475px;
	}
	.modal-content-wrapper-scheme {
		overflow: auto;
		max-height: 480px;
		margin: 4px;
	}
	
	.modal-content-wrapper{
		overflow: hidden;
		max-height: 600px;
		margin: 4px;
	}
	.ats-icons-styles {
		background: url('/media/ats/images/back-icons1.png') no-repeat;
		height: 50px;
		width: 50px;
	}
	.ats-icons-styles-function {
		background: url('/media/ats/images/back-icons.png') no-repeat;
		height: 73px;
		width: 73px;
	}
	.icons-example{
		text-align: center;
		padding-top: 40px;
		margin-bottom: 40px;
	}
	.inline-block{
		display: inline-block;
		margin: 5px;
	}
	
	.icons-example .description {
  border: 1px solid gray;
  max-width: 250px;
  /* max-height: 28px; */
  min-height: 28px;
  position: relative;
  margin: 0px auto;
  text-align: center;
  font-family: 'WebSymbolsRegular','Arial','Lucida' sans-serif;
  border-radius: 5px;
  font-size: 60%;
  background: #EEF1F8;
  color: black;
  -webkit-box-shadow: 6px 6px 5px rgba(45, 50, 50, 0.75);
  -moz-box-shadow: 6px 6px 5px rgba(45, 50, 50, 0.75);
  box-shadow: 6px 6px 5px rgba(45, 50, 50, 0.75);
}
.contacts-footer{
	position: relative;
	top: -5px;
	height: 10px;
	margin: 0px;
	background: #FF9E00;
	width: 100%;
}

.contacts .links {
	color: #fff;
}

.button, .button:visited {
	background: #222 url(overlay.png) repeat-x;
    display: inline-block;
    padding: 9px 27px 9px;
    color: #09F;
    text-decoration: none;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 0px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer
}
.small.button, .small.button:visited { font-size: 11px}
.button, .button:visited,
.medium.button, .medium.button:visited { font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25)
};
.orange.button, .orange.button:visited  { background-color: #ff5c00; }
.orange.button:hover { background-color: #d45500; }
.blue.button, .blue.button:visited { background-color: #FFFFFF; }
.blue.button:hover { background-color: #DCDCDC; }

/* change_pas_after_succes_reg */
.change_pas_error{
	color:red;
	font-size:11px;
	width: 132px;
	display: inline-block;
	vertical-align: top;
	}
	
.change_pas{
	display:none!important;
	}
	
.notice_hidden{
	display:none;}
	
.notice_visible{
	display:visible;
	color:green;
	}


#id_popup_pas_change{
	margin-right:30px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: 700;
	color: #767676;
	
}

#id_popup_pas_change input{
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	}

#id_popup_pas_change label{
	width:160px!important;
	}

.form_buttons{
	padding-left: 5px;
    padding-right: 5px;
    position: relative;
    float: left;
    left: 50%;
}

 .before-button-block{
     position: relative;
     float: right;
     right: 50%;
}

#succes_reg_notification{
	margin: 5 25px 7px -10px;
	padding: 0 10px 7px;
	border: 2px solid #090;
	border-radius: 5px;
	background: #ffeded;
	border-color: #090;
	}

.input_label_all{
	width:140px!important;}

.form_input_all{
	width:320px!important;}
	
#id_popup_pas_change .help{
	background: url(/media/images/sprite_private_help.png) no-repeat;
	background-position: 2px 5px;
	position: relative;
	margin: 0 0 -4px;
	padding: 4px 0 0 14px;
	color: #b5b4b4;
	font-size: 9px;
	width:300px;
	}
	
.form_buttons_next{
	padding-left: 5px;
    padding-right: 5px;
    position: relative;
    float: left;
    left: 50%;
}

 .before-button-block_next{
     position: relative;
     float: right;
     right: 50%;
}	
/* end change_pas_after_succes_reg */
/* start slider zoom */
/*Фон слайдера*/
.sliderzoom {
width:230px;
height:11px;
margin: 8px;
background:url(/media/ats/images/slider-bg.png);
position:relative;
}
 
/*Стиль кнопки слайдера*/
.ui-slider-handle {
width:24px;
height:24px;
position:absolute;
top:-7px;
margin-left:-12px;
z-index:1;
background:url(/media/ats/images/slider-button.png);
}
 
/*Полоска заполнителя слайдера*/
.ui-widget-header {
background:url(/media/ats/images/fill.png) no-repeat left;
height:8px;
left:1px;
top:1px;
position:absolute;
}
 
a {
outline:none;
-moz-outline-style:none;
}

/* end slider zoom */
.onoffswitch {
	padding-left: 13px;
    position: relative; width: 63px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
	display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 50px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 18px; padding: 0; line-height: 18px;
    font-size: 13px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 6px;
    background-color: #12A32F; color: #FFFFFF;
	text-align: left;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 6px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 41px;
    border: 2px solid #999999; border-radius: 50px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.box a span{
	z-index:999 !important;
	width: 500px;
	height: auto;
	line-height: 20px;
	padding: 10px;
	left: 50%;
	margin-left: -264px;
	font-family: 'Alegreya SC', Georgia, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 10px;
	color: #719DAB;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 4px solid #fff;
	background: rgba(255,255,255,255);
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	pointer-events: none;
	top: 70px;
	opacity: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	transition: all 0.3s ease-in-out;
}
.box a span:before,
.box a span:after{
	z-index:999 !important;
	content: '';
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.box a span:after{
	z-index:999 !important;
	bottom: -14px;
	margin-left: -10px;
	border-top: 10px solid #fff;
}
.box a:hover span{
	z-index:999 !important;
	opacity: 1;
	top: 70px;
}
							   			/*------------------------------------*\
	НАВИГАЦИЯ
\*------------------------------------*/
#nav{
	float:left;
	width:100%;
	list-style:none;
	margin-bottom:10px;
	text-decoration:none !important;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
	display:block;
	text-decoration:none !important;
}
#nav li a{
	display:block;
	padding:5px;
	color:#333;
	/*background:#333;*/
	text-decoration:none !important;
	
	/*text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}


/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
	text-decoration:none !important;
	list-style:none;
	position:absolute;
	background:#fff;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#nav ul li{
	padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
	background:url(dot.gif);
}
#nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}

#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#F30;
	background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
	/*text-decoration:underline;*/
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}

#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод, лучше чем display:none;) */
	opacity:0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#nav ul li{
	padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
	background:url(dot.gif);
}
#nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	/*background:#F79C37;
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	text-decoration:underline;
}
#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:none !important;
	background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
	text-decoration:underline !important;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}