@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

* {
    padding:0;
    margin:0;	
}

body {
    font-family: 'Roboto', sans-serif;
}

a {
    text-decoration:none;
}

.submit {
    cursor:pointer;
    -webkit-appearance: none;
}

a img {
    border:none;
}

input,
textarea {
    outline:none;
    font-family: 'Roboto', sans-serif;
}

::-webkit-scrollbar {
    width: 10px;
}

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

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

.login-form {
    width: 1080px;
    margin: 0 auto;
    text-align: center;
}

.login-form img {
    width: 210px;
    margin: 40px 0 0;   
}

.login-form .title {
    font-weight: 700;
    font-size: 18px;
    padding: 10px 0;   
}

.login-form input{
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    width:250px;
    margin: 0 auto 5px;
}

.login-form .submit {
    width: 270px;
    background: #FEE300;
    border: 1px solid #fee300;
    border-bottom: 2px solid #e2cd1a;
    box-shadow: none;
    font-weight: 700;
    -webkit-appearance: none;
    position: relative;
    padding: 10px 32px;
    color: #000;
    font-size: 14px;
    cursor: pointer;
}

#content {
    min-width: 659px;
    overflow: hidden;
    background: #EDEDED;
    padding: 3px 0 20px;
}

.content {
    width: 659px;
    margin: 0 auto;
}

.content .admin-link {
    text-align: right;
    font-size: 15px;
    font-weight: 700;
    padding: 0 0 5px;
}

.content .admin-link a {
    color:#860F89;
    display: inline-block;
    padding: 0 0 0 20px;
}

.content .admin-link a:hover {
    text-decoration: underline;
}

.content .block {
    padding: 3px 10px;
    background: #fff;
    margin: 0 0 3px;
    overflow: hidden;
}

.content .block-3 {
    width: 299px;
    float: left;
    margin: 0 3px 0 0;
    height: 134px;
}

.content .block-4 {
    width: 317px;
    float: left;
}

.content .block h2 {
    font-size: 16px;
    color: #860F89;
    font-weight: 500;
    padding: 5px 10px 0;
	text-transform:uppercase;
	clear:both;
	
}

.content .block-1 .col-1 {
width: 270px;
float: left;
position:relative;
}

.content .block-1 .col-1 .img {
    width: 320px;
    height: 108px;
    position: absolute;
    top: -3px;
    left: -10px;
    background: #ccc;
    right: 0;
}

.content .block-1 .col-2 {
    width: 316px;
    float: right;
}

.content .block-1 .col-2 a {
	margin:0 3px 6px;
	padding:15px 0
}

.content .block a {
    padding: 112px 0 5px;
    display: inline-block;
    background: #EDBEDA;
    width: 152px;
    margin: 0 3px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #831086;
    border-radius: 3px;
    float: left;
}

.content .block a b {
    display: block;
    padding: 3px 10px;
}

.content .block a:hover {
 opacity:0.8;  
}

.content .block a.link-1 {
	padding: 119px 0 15px;
}

.content .block-4 a.link-2 {
    margin: 0 3px 6px;
	padding:15px 0;
}

.content .block-4 a.link-3 {
    margin: 0 3px 20px;
}

.content .block-3 a.link-4 {
padding: 83px 0 15px;
    margin: -10px -10px 6px;
    display: block;
    float: none;
    width: 320px;
}

.content .block a span {
    font-weight: 300;
}

.content .block .col {
    width:300px;
    float:left;
}

.content .block .col p {
    float: left;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 500;
    width: 122px;
    text-align: right;
    color: #860F89;
}

.content h6 {
	text-align: center;
    font-size: 17px;
    font-weight: 500;
    padding: 0 0 15px;
	color:#860F89;
}

#step {
    min-width: 665px;
    overflow: hidden;
    padding: 0 0 20px;
}

.step {
    width: 659px;
    margin: 0 auto;
}

.step h2 {
    text-align: center;
    color: #4d5b5b;
    font-size: 30px;
    padding: 0 0 15px;
    width: 543px;
    float: left;
    margin: 7px 10px 0;
}

.step .step-1 {
    width:45px;
    float:left;
}

.step .step-1 a {
    font-size: 16px;
    font-weight: 500;
    color: #929497;
    position: relative;
    padding: 20px 45px 0;
    display: block;
}

.step .step-1 a:before {
    content: "";
    width: 35px;
    height: 35px;
    background: #f2f2f2 url(./images/arrow.png) center no-repeat;
    background-size: 24px;
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 50%;
}

.step .step-2 {
    width: 655px;
    margin: 0 auto;
	clear:both;
}

.step .step-2 h1 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #58595b;
    background: #d1d7e0;
    font-size: 21px;
    font-weight: 500;
    padding: 10px 25px;
}

.step .step-2 .text {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #f0f1f1;
    padding: 15px 25px 15px 25px;
    color: #000000;
    font-size: 16px;
}

.step .step-2 .link {
    padding: 20px 0 0;
}

.step .step-2 .link a {
    display: block;
    padding: 14px;
    background: #CFF1FE;
    border-radius: 4px;
    margin: 0 0 10px;
    text-align: center;
    font-weight: 700;
    color: #000;
    font-size:14px;
    text-transform: uppercase;
}

.step .step-2 .link a:hover {
	opacity:0.9;
}

.step .step-2 .text div,
.step .step-2 .text p {
    padding: 7px 0 7px;
}    

.step .step-3 {
	width: 44px;
    float: right;
}

.step .step-3 a.link-1 {
    font-size: 16px;
    font-weight: 500;
    color: #929497;
    position: relative;
    padding: 20px 31px 0 10px;
    display: inline-block;
    float:left;
}

.step .step-3 a.link-1:before {
    content: "";
    width: 35px;
    height: 35px;
    background: #f2f2f2 url(./images/menu.png) center no-repeat;
    background-size: 22px;
    position: absolute;
    top: 11px;
    border-radius: 50%;
    right: 0;
}

.step .step-3 a.link-2 {
    width: 35px;
    height: 35px;
    display: inline-block;
    background: #f2f2f2;
    border-radius: 50%;
    margin: 11px 0 0 18px;
    position: relative;
    float: right;
}

.admin-content {
    width:1080px;
    margin: 0 auto;
}

.admin-content h2 {
    padding: 20px 0;
    text-align: center;
    font-weight: 500;
    color: #444;
    font-size: 22px;
}

.admin-content form {
    width: 970px;
    margin: 0 auto;
}

.admin-content .col-1 {
    padding: 40px 20px;
    background: #f2f2f2;
    width: 610px;
    float: left;
}

.admin-content .col-2 {
    background: #f2f2f2;
    padding: 40px 20px;
    float: right;
    width: 260px;
}

.admin-content .col-2 p {
    font-size: 15px;
    font-weight: 300;
    padding: 0 0 5px;
}

.admin-content .col-2 p span {
    position: relative;
    padding: 0 5px;
    top: -2px;
}

.admin-content .input_title {
    width: 588px;
    margin: 0 auto 10px;
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
}

.admin-content textarea {
    width: 500px;
    margin: 10px auto;
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    height: 140px;
}

.admin-content #dynamicInput {
    width: 620px;
    margin: 10px auto;
    position: relative;
    left: -5px;
}

.admin-content #dynamicInput input {
    padding: 10px;
    border: 1px solid #ccc;
    margin: 0 5px 10px;
    width: 278px;
    float: left;
}

.admin-content .button {
    width:610px;
    margin: 0 auto;
    overflow: hidden
}

.admin-content .button .add {
    padding: 10px;
    background: #e0e0e0;
    border: 1px solid #e4e4e4;
    width: 150px;
    border-bottom: 2px solid #ccc;
    border-radius: 3px;
    font-weight: 700;
}

.admin-content .button .submit{
    padding: 10px;
    background: #FEE300;
    border: 1px solid #fee300;
    width: 150px;
    border-bottom: 2px solid #e2cd1a;
    border-radius: 3px;
    font-weight: 700;
}

.errors {
    text-align: center;
    font-size: 14px;
    padding: 0 0 10px;
    color: #f00;
}

.errors li {
    list-style-type: none;
}

.list {
    width:1080px;
    margin: 0 auto;  
}

.list h2 {
    padding: 20px 0;
    text-align: center;
    font-weight: 500;
    color: #444;
    font-size: 22px;
}

.list table {
    width:100%;
}

.list table td {
    border: 1px solid #ccc;
    padding: 8px;
}

.list table td:nth-child(1) {
    width: 50px; 
    background: #f2f2f2;
    text-align: center;
     font-size:14px;
    font-weight: 500;
}

.list table td:nth-child(3) {
    width: 68px;
    background: #f2f2f2;
}

.list table td:nth-child(4) {
    width:360px;
}

.list table td:nth-child(5) {
    width:61px;
}

.list table td input {
   width: 270px;
   float:left;
   margin: 0 1px 2px;
   border: 1px solid #eee;
}

.list table td input.link {
   width: 60px;
   float:left;
}

.list table td input.submit {
    width: 175px;
    background: #f2f2f2;
    font-weight: 500;
}

.list table td a {
    color:#000;
    font-size:14px;
    font-weight: 500;
}

.list table td a:hover {
    text-decoration: underline;
}

.list table td span {
    display: block;
    font-size:14px;
    font-weight: 300;
}

.list p {
    font-size:15px;
    font-weight: 700;
    text-align: right;
    padding: 0 0 5px;
}

.list p a {
    color:#000;
    text-decoration: underline;
}

.list p a:hover {
    color:#000;
    text-decoration: none;
}

/* Синий */
.link-step-4,
.link-step-2,
.link-step-6,
.link-step-7,
.link-step-18,
.link-step-20,
.link-step-27,
.link-step-49,
.link-step-26,
.link-step-31,
.link-step-32,
.link-step-43,
.link-step-45,
.link-step-50,
.link-step-81,
.link-step-51,
.link-step-53,
.link-step-52,
.link-step-88,
.link-step-67,
.link-step-68,
.link-step-71,
.link-step-70,
.link-step-62,
.link-step-76,
.link-step-78,
.link-step-77,
.link-step-79,
.link-step-80,
.link-step-82,
.link-step-83,
.link-step-85,
.link-step-86,
.link-step-87,
.link-step-90,
.link-step-97,
.link-step-98,
.link-step-123,
.link-step-113,
.link-step-120,
.link-step-121,
.link-step-127,
.link-step-128,
.link-step-129,
.link-step-140,
.link-step-146,
.link-step-130,
.link-step-136,
.link-step-131,
.link-step-134,
.link-step-135,
.link-step-137,
.link-step-138,
.link-step-139,
.link-step-126,
.link-step-148,
.link-step-149,
.link-step-223,
.link-step-168,
.link-step-229,
.link-step-171,
.link-step-172,
.link-step-173,
.link-step-228,
.link-step-176,
.link-step-177,
.link-step-226,
.link-step-180,
.link-step-181,
.link-step-182,
.link-step-224,
.link-step-191,
.link-step-192,
.link-step-230,
.link-step-231,
.link-step-195,
.link-step-196,
.link-step-199,
.link-step-200,
.link-step-193,
.link-step-208,
.link-step-209,
.link-step-214,
.link-step-215,
.link-step-194,
.link-step-232,
.link-step-235,
.link-step-236,
.link-step-237,
.link-step-239,
.link-step-240,
.link-step-241,
.link-step-242 {
    background: #CAF0FE!important;
}

/* Красные */
.link-step-14,
.link-step-8,
.link-step-211,
.link-step-9,
.link-step-112,
.link-step-113,
.link-step-10,
.link-step-11,
.link-step-116,
.link-step-12,
.link-step-13,
.link-step-219,
.link-step-220,
.link-step-16,
.link-step-21,
.link-step-22,
.link-step-28,
.link-step-39,
.link-step-33,
.link-step-203,
.link-step-34,
.link-step-206,
.link-step-207,
.link-step-35,
.link-step-36,
.link-step-210,
.link-step-37,
.link-step-38,
.link-step-205,
.link-step-33,
.link-step-62,
.link-step-41,
.link-step-46,
.link-step-47,
.link-step-55,
.link-step-56,
.link-step-57,
.link-step-66,
.link-step-58,
.link-step-60,
.link-step-65,
.link-step-73,
.link-step-69,
.link-step-61,
.link-step-63,
.link-step-68,
.link-step-201,
.link-step-72,
.link-step-74,
.link-step-88,
.link-step-92,
.link-step-94,
.link-step-95,
.link-step-115,
.link-step-118,
.link-step-122,
.link-step-117,
.link-step-132,
.link-step-133,
.link-step-179,
.link-step-135,
.link-step-142,
.link-step-184,
.link-step-154,
.link-step-155,
.link-step-156,
.link-step-157,
.link-step-158,
.link-step-159,
.link-step-160,
.link-step-161,
.link-step-162,
.link-step-163,
.link-step-164,
.link-step-170,
.link-step-169,
.link-step-175,
.link-step-183,
.link-step-197,
.link-step-204,
.link-step-217,
.link-step-225,
.link-step-192,
.link-step-234 {
    background: #F9D9D9!important;
}

/* Зеленые */
.link-step-5,
.link-step-24,
.link-step-19,
.link-step-221,
.link-step-29,
.link-step-30,
.link-step-59,
.link-step-44,
.link-step-202,
.link-step-52,
.link-step-54,
.link-step-64,
.link-step-75,
.link-step-91,
.link-step-93,
.link-step-96,
.link-step-114,
.link-step-119,
.link-step-124,
.link-step-116,
.link-step-151,
.link-step-150,
.link-step-141,
.link-step-143,
.link-step-144,
.link-step-145,
.link-step-147,
.link-step-222,
.link-step-152,
.link-step-153,
.link-step-178,
.link-step-174,
.link-step-198,
.link-step-188,
.link-step-190,
.link-step-233,
.link-step-193,
.link-step-238 {
    background: #D2E2C0!important;
}


.step-block-174 .link-step-172,
.step-block-172 .link-step-148,
.step-block-82 .link-step-59,
.step-block-8 .link a {
	background:#F9D9D9!important;
}

.step-block-218 .link-step-2,
.step-block-216 .link-step-2,
.step-block-212 .link-step-2,
.step-block-210 .link-step-26,
.step-block-82 .link-step-57,
.step-block-65 .link-step-26,
.step-block-64 .link-step-26,
.step-block-59 .link-step-26,
.step-block-54 .link-step-26,
.step-block-46 .link-step-26,
.step-block-41 .link-step-26,
.step-block-35 .link-step-26,
.step-block-32 .link-step-26,
.step-block-31 .link-step-26,
.step-block-24 .link-step-2,
.step-block-21 .link-step-2,
.step-block-20 .link-step-2,
.step-block-16 .link-step-2,
.step-block-10 .link-step-2,
.step-block-7 .link-step-2 {
	background:#D2E2C0!important;
}
.step-block-6 .link-step-2 {
	background:#D2E2C0!important;
}

.step-block-200 .link-step-193,
.step-block-190 .link-step-192,
.step-block-133 .link-step-135,
.step-block-122 .link-step-113,
.step-block-121 .link-step-113,
.step-block-120 .link-step-113,
.step-block-119 .link-step-113, 
.step-block-118 .link-step-113, 
.step-block-115 .link-step-113, 
.step-block-87 .link-step-62, 
.step-block-86 .link-step-62,
.step-block-85 .link-step-62,  
.step-block-83 .link-step-62, 
.step-block-82 .link-step-62,
.step-block-71 .link-step-62,
.step-block-70 .link-step-62,
.step-block-66 .link-step-68,
.step-block-57 .link-step-88,
.step-block-55 .link-step-52 {
    background: #CAF0FE!important;
}

.edit-script {
	width: 534px;
	margin: 0 auto -20px;
	display: block;
	font-size: 15px;
	font-weight: 700;
	padding: 8px 0 0;
	color: #666;
}

.admin-user-nav {
	width:700px;
	margin:0 auto;
	text-align:center;
}

.admin-user-nav a {
	font-weight:700;
	font-size:16px;
	color:#666;
	display:inline-block;
	padding:10px 10px;
}

.admin-user {
	width:700px;
	margin:0 auto;
}

.admin-user h2 {
	text-align: center;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 500;
}

.admin-user input {
	display:block;
	margin:0 auto 5px;
	width:248px;
	padding:10px;
	border:1px solid #ccc;
}

.admin-user input.submit {
	width: 270px;
    background: #FEE300;
    border: 1px solid #fee300;
    border-bottom: 2px solid #e2cd1a;
    box-shadow: none;
    font-weight: 700;
    -webkit-appearance: none;
    position: relative;
    padding: 10px 32px;
    color: #000;
    font-size: 14px;
    cursor: pointer;
}

.admin-user table {
	width:100%;
}

.admin-user table td {
	padding:10px;
	border:1px solid #ccc;
	font-size:14px;
}

.admin-user table td a {
	color:#000;
	text-decoration:underline;
}

.admin-user table td:nth-child(2), 
.admin-user table td:nth-child(3) {
	width:100px;
	background:#f2f2f2;
}

.logo-img {
     width: 128px;
    padding: 0px 0 20px;
    display: block;
    margin: -33px auto 0;
    clear: both;
}

@media screen and (max-width:480px) {
	#content {
		min-width: 100%;
	}
	
	.content {
		width: 99%;
		margin: 0 auto;
		text-align:center;
	}
	
	.content .block a {
		float:none;
		display:inline-block;
		margin:0 3px 6px;
	}
	
	.content .block-3 {
		width:100%;
		float:none;
	}
	
	.content .block-3 a.link-4 {
		margin: -10px auto 6px;
	}
	
	.content .block-4 {
		width: 100%;
		float: none;
	}
	
	.content .block-1 .col-1 {
		display:none;
	}
	
	.content .block-1 .col-2 {
		width:100%;
		float:none;
	}
}