#wrapper {
width: 1000px;
margin: 0 auto;
background-color: #fff;

}

 ul {
    margin-left: 20px; /* Отступ слева в браузере IE и Opera */
    padding-left: 20px; /* Отступ слева в браузере Firefox, Safari, Chrome */
   }

a.progress {
    color: #000; /* Цвет ссылок */
    text-decoration: none; /* Убираем подчеркивание */
   }

a.completed {
    color: #b7b7b7; /* Цвет ссылок */

   }

h1 {
    background: #eaeaea; /* Цвет фона блока */
    color: #b7b7b7; /* Цвет текста */
    margin: 0; /* Нулевые отступы вокруг текста */
    padding: 10px; /* Поля вокруг текста */

}

h3 {
    background: #eaeaea; /* Цвет фона блока */
    color: #000; /* Цвет текста */
    margin: 0; /* Нулевые отступы вокруг текста */
    padding: 10px; /* Поля вокруг текста */


}

h4 {
    width: 100px;

	text-align: center;
	vertical-align: middle;
	border-left: 5px solid #30CBF0;
	color: #000; /* Цвет текста */
    margin: 0; /* Нулевые отступы вокруг текста */
   	font-size: 15pt;
	padding: 0 0 0 5px;


}

.title {
	border-right: 17px solid #fff;
}

.title2 {
	border-left: 16px solid #fff;

}

.contact {
	border-right: 22px solid #F7F7F7;
}

 /* Style the tab */
.tab {

    overflow: hidden;
    border: none;
    background-color: ##EAEAEA;
}

/* Style the buttons that are used to open the tab content */
.tab button {
	font-weight: bold;
    background-color: inherit;
	float: none;
    border: none;
    outline: none;
    cursor: pointer;
    
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
	border-bottom: 5px solid #30CBF0;

}

/* Style the tab content */
.tabcontent {

    display: none;
    padding: 6px 12px;
    border: none;
    border-top: none;
}