html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;}


body{
	font-family: 'muller_regularregular';
	background: #252633 url("../img/bg.jpg") 50% 0 no-repeat;
	font-size: 14px;
	color: #000;
}

.inner{width: 1240px; margin: 0 auto; box-sizing: border-box;}





header{padding: 42px 0 15px; position: relative;}
	header .logo{float: left; margin: 0 37px 0 0; position: relative; left: -7px;}
	header nav{float: left; margin: 22px 0 0;}
		header nav .pull{display: none;}
		header nav li{float: left; margin: 0 45px 0 0;}
			header nav li a{color: #fff; font-size: 15px; border-bottom: 3px solid transparent; display: block; padding-bottom: 9px;}
				header nav li.active a,header nav li:hover a{color: #ffbb00; border-color: #ffbb00;}
	header .lang{float: left; margin: 22px 0 0;}
		header .lang li{margin-right: 16px; padding: 0 0 0 30px; float: left; opacity: 0.5; font-size: 12px;}
			header .lang li.rus{background: url("../img/rus.png") 0 50% no-repeat;}
			header .lang li.eng{background: url("../img/eng.png") 0 50% no-repeat;}
			header .lang li a{border-bottom: 1px solid transparent; color: #fff; text-transform: uppercase;}
				header .lang li.active{opacity: 1;}
				header .lang li.active a{border-color: #fff;}
	header .buy{float: left; margin: 0 0 0 16px;}
		header .buy input[type="text"]{float: left; font-family: 'mullerlight'; width: 142px; height: 50px; border: 1px solid #404153; padding: 0 15px; background: none; font-size: 13px; border-radius: 20px 0 0 20px; color: #fff;}
		header .buy input[type="submit"]{float: left; background: #404153; height: 50px; padding: 0 13px; color: #fff; font-size: 13px; border-radius: 0 20px 20px 0;}
			header .buy input[type="submit"]:hover{background: #2d2e3d;}
	header .auth{float: right;}
		header .auth p{margin-bottom: 10px;}
		header .auth .btn-auth{font-size: 14px; color: #1a1b25; background: url("../img/btn_auth.png") 50% 50% no-repeat; width: 214px; height: 53px; box-sizing: border-box; text-align: left; line-height: 53px; padding: 0 0 0 25px;}
			header .auth .btn-auth:hover{opacity: 0.8;}
		header .auth a.sound{width: 24px; height: 18px; margin: 0 10px 0 0; display: block; background: url("../img/speak.png") 50% 50% no-repeat; float: right;}





#promo{font-family: 'mullerextrabold';}
	#promo .banner{position: relative; border: 3px solid #343545; box-sizing: border-box;}
		#promo .banner img{display: block; width: 100%; height: auto;}
		#promo .banner h1{text-transform: uppercase; font-weight: normal; color: #fff; font-size: 26px; position: absolute; bottom: 50px; left: 30px; z-index: 1;}





#live{margin: 35px 0 0; height: 260px; box-sizing: border-box; background: url("../img/bg_live.png") 50% 0 no-repeat; padding: 60px 0 0; position: relative;}
	#live img.live{position: absolute; top: -20px; left: 0}
	#live .title{font-size: 21px; margin: 34px 0 0; color: #ffb600; text-transform: uppercase; float: left; font-family: 'mullerblack'; width: 160px;}
		#live .title span{display: block; text-transform: none; color: #fff; font-size: 14px; font-family: 'muller_regularregular'; margin-top: 10px;}
	#live .slider-last{float: left; width: 1080px;}





.list-cases{display: inline-block; width: 100%;}
	.list-cases li{float: left; position: relative; margin: 0 10px 10px 0; width: 240px; text-align: center; box-sizing: border-box; padding: 5px; min-height: 288px;}
		.list-cases li:nth-child(5),.list-cases li:nth-child(10),.list-cases li:nth-child(15),.list-cases li:nth-child(20){margin: 0 0 10px 0;}
		.list-cases li .wrapper{background: #2b2c3b;}
		.list-cases li .top{position: absolute; top: 0; left: 0; width: 100%; height: 11px; background: url("../img/ls.png") 50% 50% no-repeat;}
		.list-cases li .bottom{position: absolute; bottom: 0; left: 0; width: 100%; height: 11px; background: url("../img/ls.png") 50% 50% no-repeat;}
		.list-cases li:hover .top,.list-cases li:hover .bottom{background: url("../img/ls_h.png") 50% 50% no-repeat;}
		.list-cases li .title{padding: 17px 0; border-top: 1px solid #252633}
			.list-cases li .title a{color: #fff; font-size: 15px;}
		.list-cases li .price{font-size: 16px; color: #ffb600; text-transform: uppercase; font-family: 'mullerbold'; padding-bottom: 18px;}
		.list-cases li .price span{display: inline-block; margin: 0 12px;}
		.list-cases li .price .old{text-decoration: line-through; color: #ff5a00}





#solution{padding: 20px 0 0; position: relative; z-index: 2;}





#about{text-align: center; background: url("../img/bg_about.png") 50% 0 no-repeat; height: 563px; box-sizing: border-box; position: relative; z-index: 1; margin: -220px 0 -70px;}
	#about .coll{display: inline-block; font-size: 15px; color: #fff; margin: 355px 65px 0;}
	#about .coll span{display: block; color: #ffb600; font-size: 30px; font-family: 'mullerbold'; margin-bottom: 10px;}





#profile{position: relative; z-index: 2;}
	#profile .user-name{text-align: center; color: #fff; font-size: 18px; font-family: 'mullerbold'; margin-bottom: 35px;}
	#profile .data{display: inline-block; width: 100%; text-align: center; color: #fff; font-size: 13px; margin-top: 30px;}
		#profile .data li{float: left; width: 20%; box-sizing: border-box;}
		#profile .data img{display: block; margin: 0 auto; margin-bottom: 32px;}
		#profile .data span{color: #ffb600;}
		#profile .data a{color: #ffb600; border-bottom: 1px solid #ffb600;}
			#profile .data a:hover{border-color: transparent;}
		#profile .data p{display: inline-block; padding: 0 18px 0 0; background: url("../img/arr.png") 100% 50% no-repeat;}
		#profile .data input[type="text"]{width: 105px;}
		#profile .data .form{width: 200px; margin: 0 auto;}
		#profile .user-n{font-size: 18px; font-family: 'mullerbold';}
		#profile .user-information{position: relative; top: -25px;}
	#profile .user-info{box-sizing: border-box; background: #2b2c3b; padding: 35px; color: #fff; margin: 75px 0 55px;}
		#profile .user-info p.title{font-size: 16px; margin-bottom: 28px;}
		#profile .user-info .form{width: 48%; float: left;}
			#profile .user-info .form.form-right{float: right;}
		#profile .user-info .form input[type="text"]{width: 75%;}
		#profile .user-info .form input[type="submit"]{width: 25%;}






#predmets{position: relative; z-index: 2;}





.list-predmets{display: inline-block; width: 100%; text-align: center;}
	.list-predmets li{float: left; margin: 0 8px 8px 0; width: 170px; background: #2b2c3b; box-sizing: border-box; position: relative;}
	.list-predmets li:nth-child(7),.list-predmets li:nth-child(14),.list-predmets li:nth-child(21),.list-predmets li:nth-child(28),.list-predmets li:nth-child(35){margin-right: 0;}
	.list-predmets .price{position: absolute; box-sizing: border-box; top: 0; left: 0; width: 100%; font-size: 14px; color: #ffb600; text-transform: uppercase; font-family: 'mullerextrabold'; text-align: left; padding: 5px 0 0 10px;}
		.list-predmets .price span{display: block; float: right; width: 25px; height: 25px; background: #444656 url("../img/r.png") 50% 50% no-repeat; position: relative; top: -5px;}
		.list-predmets .price span.r1{background: #444656 url("../img/r1.png") 50% 50% no-repeat;}
		.list-predmets .price span.r2{background: #444656 url("../img/r2.png") 50% 50% no-repeat;}
	.list-predmets .title{color: #fff; font-size: 13px; padding: 17px 0; border-top: 1px solid #252633; position: relative;}
		.list-predmets .title p{margin-bottom: 10px;}
		.list-predmets .title a{color: #ffb600; border-bottom: 1px solid #ffb600;}
			.list-predmets .title a:hover{border-color: transparent;}
	.predmets-user{margin-top: 30px;}





#referal{text-align: center; position: relative; z-index: 2;}
	#referal .form{margin: 0 auto; width: 600px;}
	#referal .form span{color: #fff; float: left; margin-right: 25px; font-family: 'mullerlight'; position: relative; top: 20px;}
	#referal .form input[type="text"]{width: 240px;}
	#referal .form input[type="submit"]{width: 132px; font-size: 14px;}
	#referal table{width: 965px; margin: 30px auto; background: #2b2c3b; color: #fff; font-size: 13px;}
		#referal table th{font-weight: normal; text-align: center; color: #838493;  box-sizing: border-box; vertical-align: middle; height: 72px; box-sizing: border-box;}
		#referal table th:nth-child(1){text-align: left; padding-left: 72px; width: 200px;}
		#referal table th:nth-child(2){width: 590px;}
		#referal table th:nth-child(3){text-align: left;}
		#referal table td{vertical-align: middle; box-sizing: border-box; border-bottom: 1px solid #272835; height: 72px;}
			#referal table td img{display: inline-block; position: relative;}
			#referal table tr:nth-child(1) img{left: 5px;}
			#referal table tr:nth-child(2) img{left: 5px;}
			#referal table tr:nth-child(3) img{left: 5px;}
			#referal table td:nth-child(1){text-align: left; padding: 0 0 0 65px;}
			#referal table td:nth-child(3){text-align: left;}
			#referal table td span{display: inline-block; color: #838493; font-size: 18px; width: 60px; font-family: 'mullerbold';}





#page-case{}
	#page-case .block-main{width: 815px; margin: 0 auto; color: #fff; position: relative;}
		#page-case .block-main img{display: block; width: 100%; height: auto;}
		#page-case .block-main .info{margin-top: 30px; text-align: center;}
		#page-case .block-main p.title{font-size: 18px; font-family: 'mullerbold'; margin-bottom: 15px;}
		#page-case .block-main p.excerpt{margin-bottom: 25px;}
	#page-case .block-main .btn{padding: 0; width: 120px; height: 58px; line-height: 58px; border-radius: 20px; font-size: 15px; border: 1px solid #ffae00; margin: 0 5px;}
		#page-case .block-main .btn-orange-transparent{color: #ffae00}
			#page-case .block-main .btn-orange-transparent:hover{color: #000; background: #ffae00}
	#page-case .block-main .btn-open{width: 236px; height: 57px; line-height: 57px; color: #1a1b25; background: url("../img/btn_open.png") 50% 50% no-repeat;}
		#page-case .block-main .btn-open:hover{opacity: 0.8;}
	#page-case .block-main.block-rnd{background: url("../img/bg_rnd.png") 50% 0 no-repeat; box-sizing: border-box; height: 272px; padding: 50px 0;}
	#page-case .slider-rnd{max-width: 90%; margin: 0 auto; display: block; padding: 5px 0 21px; background: #2b2c3b; text-align: center; border-top: 1px solid #826326; border-bottom: 1px solid #826326; font-size: 12px;}
	#page-case .slider-rnd img{max-width: 147px; display: block; margin: 0 auto}
	#page-case .stoped{width: 22px; height: 185px; background: url("../img/stoped.png") 50% 50% no-repeat; position: absolute; top: 47px; left: 50%; z-index: 10; margin-left: -11px;}











footer{background: #252633; padding: 50px 0 35px; color: #797981;}
	footer .logo{float: left;}
	footer .social{float: right; margin: 20px 0 0;}
		footer .social li{float: left; margin-left: 10px;}
			footer .social li img{width: 25px;}
			footer .social li:hover img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
	footer nav{float: right; margin: 26px 0 0;}
		footer nav li{float: left; margin: 0 0 0 40px;}
			footer nav li a{color: #fff; font-size: 13px; border-bottom: 1px solid transparent; display: block; padding-bottom: 3px;}
				footer nav li.active a,footer nav li:hover a{color: #ffb600; border-color: #ffb600;}
	footer .copyright{float: left; font-size: 13px; line-height: 1.3; margin-top: 20px;}
		footer .copyright p{margin-bottom: 18px;}
	footer .payments{float: right; margin: 15px 0 0;}










.form input[type="text"]{float: left; font-family: 'mullerlight'; width: 142px; height: 50px; border: 1px solid #404153; padding: 0 15px; background: none; font-size: 13px; border-radius: 20px 0 0 20px; color: #fff;}
.form input[type="submit"]{float: left; background: #404153; height: 50px; padding: 0 13px; color: #fff; font-size: 13px; border-radius: 0 20px 20px 0;}
	.form input[type="submit"]:hover{background: #2d2e3d;}







::-webkit-input-placeholder {color:#bab4e1;}
::-moz-placeholder          {color:#bab4e1;}
:-moz-placeholder           {color:#bab4e1;}
:-ms-input-placeholder      {color:#bab4e1;}






.block-title{text-transform: uppercase; margin-bottom: 10px; font-size: 22px; color: #ffb600; font-family: 'mullerextrabold'; text-align: center; line-height: 1.2; padding: 40px 0; background: url("../img/bg_bt.png") 50% 50% no-repeat;}
	.block-title span{font-size: 16px; text-transform: none; color: #fff; display: block; font-family: 'muller_regularregular'; margin-top: 18px;}
	.block-title.no-bg{background: none}









/* Slider */
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}

	.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
	.slick-list:focus{outline: none;}
	.slick-list.dragging{cursor: pointer; cursor: hand;}

	.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

	.slick-track{position: relative; top: 0; left: 0; display: block;}
	.slick-track:before, .slick-track:after{display: table; content: '';}
	.slick-track:after{clear: both;}
	.slick-loading .slick-track{visibility: hidden;}
	.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
	[dir='rtl'] .slick-slide{float: right;}
	.slick-slide img{display: block;}
	.slick-slide.slick-loading img{display: none;}
	.slick-slide.dragging img{pointer-events: none;}
	.slick-initialized .slick-slide{display: block;}
	.slick-loading .slick-slide{visibility: hidden;}
	.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
	.slick-arrow.slick-hidden {display: none;}





	.slick-loading .slick-list{background: none;}

	.slick-prev,.slick-next{border: none; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 26px; height: 46px; padding: 0; cursor: pointer; margin-top: -23px; opacity: 1;}

	.slick-prev,.slick-next{display: block!important; z-index: 10;}
	.slick-prev{background: url("../img/arr_l.png") 50% 50% no-repeat; left: 0;}
	.slick-next{background: url("../img/arr_r.png") 50% 50% no-repeat; right: 0;}

	.slider-partners .slick-prev,.slider-partners .slick-next{display: block!important; z-index: 10; width: 60px; height: 60px; margin-top: -30px; box-sizing: border-box; border: 1px solid #ccc;}
	.slider-partners .slick-prev{background: #fff url("../img/arr_l.png") 50% 50% no-repeat; left: -18px;}
	.slider-partners .slick-next{background: #fff url("../img/arr_r.png") 50% 50% no-repeat; right: -18px;}

	.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: transparent; outline: none; opacity: 1;}
	.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1;}
	.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;}
	.slick-prev:before, .slick-next:before{display: none;}
	.slick-prev{display: none;}
	.slick-next{display: none;}

	.slick-dots{position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0 0 0 -45px; list-style: none; text-align: center;}
	.slick-dots li{position: relative; display: inline-block; margin: 0 7px; cursor: pointer;}
	.slick-dots li button{font-size: 0; line-height: 0; display: block; box-sizing: border-box; cursor: pointer; color: transparent; border: none; outline: none; background: #fff; border-radius: 50%; padding: 0; width: 20px; height: 20px;}
	.slick-dots li button{width: 20px; height: 20px; background: #f3faff; border: 2px solid #ffa200; box-sizing: border-box;}
	.slick-dots li.slick-active button{background: #ffa200}










.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999999999; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
	*:first-child+html .arcticmodal-container { height: 100% }
	.arcticmodal-container_i { height: 100%; margin: 0 auto; width: 100%;}
	.arcticmodal-container_i2 {
		width: 100%; height: 300px;
	}
	.arcticmodal-error { padding: 20px; border-radius: 10px; background: #fff; color: #fff; }
	.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background-size: 100% 100%; display: block; margin: 0 auto; margin-top: 200px;}
	.arcticmodal-overlay{
		opacity: 0.7!important; background: #000!important; z-index: 99999999!important
	}



	.box-modal{width: 480px; text-align: center; padding: 38px 45px; color: #fff; box-sizing: border-box; display: block; margin: 0 auto; margin-top: 75px; margin-bottom: 75px; position: relative; background: #2b2c3b; text-align: center;}
		.arcticmodal-close{font-size: 0; width: 13px; height: 13px; cursor: pointer; background: url("../img/close.png") 50% 50% no-repeat; background-size: 100%; position: absolute; top: 10px; right: 10px;}
		.box-modal .title{text-transform: uppercase; color: #ffb600; font-size: 22px; font-family: 'mullerextrabold';}
		.box-modal p{margin: 25px 0; line-height: 1.4; font-family: 'mullerlight';}
		.box-modal input[type="text"]{width: 210px; text-align: center; border-radius: 20px; float: none; margin-bottom: 28px;}
		.box-modal input[type="submit"]{float: left; width: 50%; box-sizing: border-box; margin-bottom: 28px;}
		.box-modal input[type="submit"]{border-radius: 20px 0 0 20px;}
		.box-modal input[type="submit"].btn-right{border-radius: 0 20px 20px 0; border-left: 1px solid #2b2c3b}
		.box-modal span{font-size: 13px; color: #838493; line-height: 1.5; font-family: 'mullerlight';}






.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}


a{text-decoration: none; transition: all 0.5s ease-out;}
	a:hover{transition: all 0.5s ease-out;}


.btn{display: inline-block; text-align: center; cursor: pointer; border: none; transition: all 0.5s ease-out;}
	.btn:hover{transition: all 0.5s ease-out;}

	.btn-orange{background: #ffb700!important; font-size: 14px!important; color: #2b2c3b!important}
		.btn-orange:hover{background: #ffa200!important;}


input,textarea,select{-webkit-appearance: none; box-sizing: border-box; font-family: 'muller_regularregular'; font-size: 13px;}

/*responsive*/


.cl-head{display: none;}

@media screen and (max-width: 1240px){
	.inner{width: 100%; padding: 0 2%;}

	header{padding: 15px 0;}
	header nav li{margin-right: 20px;}
	header .lang{float: right;}
	header .buy{width: 50%; text-align: center; margin: 10px 0 0;}
	header .auth{width: 50%; text-align: center; margin: 10px 0 0;}
		header .buy form{display: block; float: right; width: 230px; margin-right: 10px;}
	.cl-head{display: block;}
	header .auth a.sound{float: none; position: relative; margin: 15px 0 0 10px;}
	header .buy input[type="text"],header .buy input[type="submit"]{height: 53px;}
	header .auth p{float: left; margin-left: 10px;}

	#live{background: #2b2c3b; height: auto; padding: 20px 0;}
	#live .title{width: 100%; text-align: center; margin: 0 0 15px;}
	#live .slider-last{width: 100%;}
	#live img{margin: 0 auto; display: block;}


	.list-cases,.list-predmets{text-align: center;}
	.list-cases li,.list-predmets li{margin: 0 0 10px; float: none; display: inline-block;}

	#about .coll{margin: 365px 30px;}

	footer .copyright,footer .payments{width: 100%; text-align: center;}
	footer .payments img{max-width: 100%;}


	#profile .data li{width: 50%; margin: 15px 0;}
	#profile .data li.user-information{width: 100%; top: 0;}

	#profile .user-info .form input[type="text"]{width: 55%;}
	#profile .user-info .form input[type="submit"]{width: 45%;}

	#page-case .block-main{max-width: 815px; width: 100%;}

	#referal table{width: 100%;}
}



@media screen and (max-width: 768px){
	.block-title{padding: 20px 0; background: none; font-size: 16px;}
	#promo .banner h1{font-size: 20px;}

	header{position: relative;}
		header nav{position: absolute; top: 23px; right: 0; margin: 0; width: 100%; height: 0px;}
		header nav .pull{display: block; float: right; background: url("../img/pull.png") 50% 50% no-repeat; background-size: 25px; width: 25px; height: 25px; position: relative; left: -2%;}
		header nav ul{display: none; position: absolute; top: 40px; left: 0; width: 100%; border-top: 1px solid #ffbb00; z-index: 99;}
			header nav ul li{width: 100%; margin: 0; border-bottom: 1px solid #ffbb00}
				header nav ul li a{display: block; padding: 15px 2%!important; background: #2b2c3b; border: none!important;}
	header .logo{left: 0; margin-right: 15px;}
	header .logo img{width: 120px;}
	header .buy,header .auth{width: 100%;}
	header .auth{margin-top: 10px;}
	header .lang{float: left; margin: 14px 0 0;}
	header .buy form{margin: 0 auto; float: none;}
	header .auth p{float: none;}
	header .auth a.sound{display: none;}


	#about{background: #2b2c3b; margin: 0; height: auto; padding: 20px 0;}
	#about .coll{margin: 10px 5px;}
	#about .coll span{font-size: 20px;}

	#page-case .block-main .btn{margin-bottom: 15px;}

	footer{padding: 25px 0;}
	footer .logo{width: 100%; text-align: center; float: none;}
	footer .social{float: none; text-align: center; width: 100%;}
		footer .social li{display: inline-block; float: none;}
	footer nav{float: none; width: 100%; display: inline-block; text-align: center;}
	footer nav li{margin: 0 5px 5px; float: none; display: inline-block;}


	.box-modal{width: 100%; padding: 25px;}
		.box-modal br{display: none;}
		.box-modal .title{font-size: 18px;}

	#profile .user-info .form{width: 100%;}
	#profile .user-info .form.form-right{margin-top: 20px;}

	#referal .form{width: 100%;}
	#referal .form span{width: 100%; margin: 0; float: none; margin-bottom: 20px;}
	#referal .form form{width: 282px; margin: 0 auto; display: block; float: none; margin-top: 30px;}
	#referal .form input[type="text"]{width: 150px;}

	#referal table td span{display: block; text-align: center; width: auto; margin-bottom: 5px;}
	#referal table td img{display: inline-block; left: 0!important; display: block; margin: 0 auto;}
	#referal table td:nth-child(1),#referal table th:nth-child(1){padding: 0 10px;}
}

a:focus{outline: none;}
/*responsive*/