/* Respon-Table */
.respon-table table { border-collapse: collapse; width: 100%; }
.respon-table th { background-color: #fbfbfb; font-weight: bold; }
.respon-table th, .respon-table td { border: 1px solid #b5b5b5; line-height: 1.5; padding: 0.75em; font-size: 15px; } 

/* Stack rows vertically on small screens */ 
@media (max-width: 30em) { 

/* Hide column labels */ 
thead tr { position: absolute; top: -9999em; left: -9999em; } 
.respon-table tr { border: 1px solid #b5b5b5; border-bottom: 0; } 
    
/* Leave a space between table rows */ 
tr + tr { margin-top: 1.5em; } 

/* Get table cells to act like rows */ 
.respon-table tr, .respon-table td { display: block; } 
.respon-table td { border: none; border-bottom: 1px solid #b5b5b5; 
	
/* Leave a space for data labels */ 
padding-left: 50%; } 

/* Add data labels */ 
.respon-table td:before { content: attr(data-label); display: inline-block; font-weight: bold; line-height: 1.5; margin-left: -100%; width: 100%; } }

/* Stack labels vertically on smaller screens */ 
@media (max-width: 20em) { 
.respon-table td { padding-left: 0.75em; } 
.respon-table td:before { display: block; 
margin-bottom: 0.75em; margin-left: 0; } } 
/* Respon-Table */


/* Num-Line */
.num-line ol { counter-reset:myCounter; margin-left:0; padding-left:5px; color: rgb(100,100,100); }
.num-line li { position: relative; padding-left: 3em; margin: 0.45em 0; list-style: none; line-height: 1.8em; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.num-line li:hover { color: rgb(0,0,0); }
.num-line li:before { content:counter(myCounter); counter-increment:myCounter; position:absolute; top:0; left:0; width: 1.8em; height: 1.8em; line-height: 1.8em; padding:0px; color:#fff; background:#4E859E; font-weight:bold; text-align:center; border-radius: .9em; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.num-line li:hover:before { background-color: #41B187; }
.num-line li li:before { background-color: #4E859E; }
.num-line li:after { position: absolute; top: 2.1em; left: 0.9em; width: 2px; height: calc(100% - 2em); content: ''; background-color: rgb(203, 203, 203); z-index: 0; }
.num-line li:hover:after { background-color: #41B187; }
.num-line li li { font-size: 0.8em; }
/* Num-Line */


/* Mess */
/* Quote */
.quotemess {padding:13px 13px; font-size:18px !important; font-style: italic!important;}
.quotemess {border:0 !important;background:#FFFFFF url('/img/quote.png') 5px 15px no-repeat;padding-left:52px;color:#000000}
/* Quote */

/* Pgraph */
.pgraph {padding:12px 13px; font-size:26px !important; font-family: 'Open Sans Condensed'; !important; color:rgba(37, 39, 40, 0.7)!important; text-transform: uppercase;}
.pgraph {border:0 !important;background:#FFFFFF url('/img/pgraph.png')10px 13px no-repeat;padding-left:45px;color:#000000}
/* Pgraph */

/* Mess1 */
.bl-btn {
 padding: 11px 20px;
 letter-spacing: .1em;
 font-size: 14px;
 line-height: 1.5;
 line-height: 1.5;
}
#blue,
.red,
.bl-important {
 padding: 3px 20px 5px;
 border-left: 4px solid #DA7A70;
 text-align: left;
}
#gray,
.green2,
.bl-added {
 padding: 22px;
 border: 2px solid #3DB68A;
 border-radius: 10px;
}
#gray ul,
.green2 ul,
.bl-added ul {
 border: none;
}
.bl-added .mark {
 color: #00c381;
}

.green,
.bl-important {
 padding: 3px 20px 5px;
 border-left: 4px solid #3DB68A;
 text-align: left;}
 
.yellow,
.bl-important {
 padding: 3px 20px 5px;
 border-left: 4px solid #E2D684;
 text-align: left;}
/* Mess1 */

/* Mess2 */
.blueblock {
 background: #f9fcff;
 border-radius: 3px;
 padding: 20px;
 border: 2px solid #cce3f5;
 margin: 20px 0;
}

.blueblock2 {
 background: #FFFFFF;
 border-radius: 10px;
 padding: 20px;
 border: 2px solid #51A8A8;
 margin: 20px 0;
}
/* Mess2 */

/* Mess4 */
.quote-fgr {
 margin: 35px 0 35px -25px;
 padding: 40px 50px 40px 25px;
 background-color: #6cb0b5;
 color: #fff;
}
.quote-fgr:before {
 display: inline-block;
 padding-right: 8px;
 width: 20px;
 height: 17px;
 background: url('http://zkturr.ru/Raznoe/InfoSoobsh/quoteN3.png') no-repeat 0 0;
 content: '';
}
/* Mess4 */

/* Mess5 */
.mess5 {
 background: #e5ecfd;
 margin: 10px 0;
 padding: 20px 30px;
 border-radius: 5px;
}
/* Mess5 */

/* Answer */
.answer-holder { 
position: relative; 
margin: 15px 0 0 30px; 
padding: 15px; 
background-color: #E2F7CC; 
border-radius: 2px; 
} 
.answer-holder { 
margin: 15px 0 0 0px; 
} 
.answer-holder:before { 
content: ''; 
display: block; 
position: absolute; 
top: -10px; 
left: 30px; 
margin: -10px 0 0 0; 
transform: rotate(90deg); 
border-top: 20px solid transparent; 
border-bottom: 20px solid transparent; 
border-right: 20px solid #E2F7CC; 
}
/* Answer */

/* Alerts */
.alert { border: 1px solid transparent; border-radius: 2px; margin: 15px 0; padding: 15px; }
.alert-title { font-size: 18px; font-weight: normal; margin-bottom: 7.5px; }
.alert h4 { margin: 1px 0!important; }
.alert .alert-link { font-weight: normal; }

.alert-green { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
.alert-green .alert-link { color: #2b542c; }

.alert-blue { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }
.alert-blue .alert-link { color: #245269; }

.alert-yellow { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.alert-yellow .alert-link { color: #66512c; }

.alert-red { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
.alert-red .alert-link { color: #843534; }
/* Mess */


/* FeedBack */
.cell-title {
float:left;
width:100%;
height:7px;
padding: 0px 0px 3px 0px;
margin: 15px 0px 15px 0px;
border-bottom: 1px solid #D8E0E5;
font:15px Verdana,Arial,Helvetica, sans-serif;
color:#777;
margin-bottom: 27px;
}

.cell-title div {
width:100%;
text-align:center;
}

.cell-title strong,.cell-title a {
padding: 0px 15px;
background:#fff;
font-weight: bold;text-decoration:none;
}

.cell-title a:hover{
text-decoration:underline;
}

.contact_back{
background:url(http://zkturr.ru/img/feedback.png);
padding:5px;
border-radius:5px;
margin-top:50px;
}

.contact_form{
background: #FFF;
border-radius:5px;
padding: 25px;
}

.contact_butt input{
padding: 5px 15px !important;
cursor: pointer !important;
background: #5E80AA !important;
border: 1px solid #508DD3 !important;
text-shadow: 1px 1px 1px #508DD3 !important;
font-weight: bold !important;
color: #FFF !important;
border-radius: 3px !important;
}

.contact_butt input:hover{
background:#508DD3 !important;
color:#fff !important;
}
/* FeedBack */


/* Spisok polzovateley */
.userprofile, .userprofile:hover{width:153px;color: #2690ad;border: 1px solid #2690ad;text-decoration:none;display:inline-block;padding:4px 12px;margin-right:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} 
.userprofile:hover{background: #2690ad;color: #FFF!important;}
select[name=w], select[name=gender], select[name=group], select[name=sort], select[name=res]{font-size:13px;} 
input[name=ban]{display: none} 
@media only screen and (max-width: 1160px) {.poisk_forma {display: none;}} 
@media only screen and (max-width: 960px) {.poisk_forma {display: none;}} 
@media only screen and (max-width: 640px) {.poisk_forma, .userprofile {display: none;}} 
img [src="http://s5.ucoz.net/img/ma/e1.gif"]{display: none;}
.avaID img {width:85px; height: 85px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;border:1px solid #DEDEDE;} 
.avaID {display:table-cell;vertical-align:top;width:75px;} 
.avaID img {border: 3px solid #fff;box-shadow: 0px 5px 5px 0px #DDD;}
/* Spisok polzovateley */

/* AddPreview */
.iPhotoPrev {
    width: 100px !important;
    position: absolute;
    top: 5px !important;
    right: 10px;
    max-height: 120px;
    overflow: inherit !important;
    text-align: center;
}

.iCode_in input {
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 11px !important;
    text-align: left !important;
    padding: 6px !important;
    width: 100%;
    max-width: 100%;
    margin: 0px 18px !important;
}
/* AddPreview */

/* Photo & Video icons */
.photoic:after {content: "\f030"; color: #c1bebe; font-family: FontAwesome; font-size: 11px!important; margin: -1px; }
.videoic:after {content: "\f03d"; color: #c1bebe; font-family: FontAwesome; font-size: 13px!important; position: relative; bottom: -1px;margin: -1px; }

.photoicbig:after {content: "\f030"; color: #c1bebe; font-family: FontAwesome; font-size: 15px!important; margin: -1px; position: relative; bottom: 3px!important; }
.videoicbig:after {content: "\f03d"; color: #c1bebe; font-family: FontAwesome; font-size: 17px!important; margin: -1px; position: relative; bottom: 2px!important; }
/* Photo & Video icons */

/* Vazhno icon */
span.vazhno {
 display: inline-block!important; 
 padding: 1px 4px!important;
 background-color: #dc8888!important;
 color: #fff!important;
 font-weight: 600!important;
 font-size: 7px!important;
 line-height: normal!important;
 text-transform: uppercase!important;
 border-radius: 2px!important;
 font-family: normal Segoe, "Segoe UI"!important;
position: relative!important;
bottom: 2px!important;
}

span.vazhnobig {
 display: inline-block!important; 
 padding: 3px 5px!important;
 background-color: #dc8888!important;
 color: #fff!important;
 font-weight: 600!important;
 font-size: 8px!important;
 line-height: normal!important;
 text-transform: uppercase!important;
 border-radius: 2px!important;
 font-family: normal Segoe, "Segoe UI"!important;
position: relative!important;
bottom: 5px!important;
}
/* Vazhno icon */

/* OS predsedatel icon */
span.os {
 display: inline-block!important;
 padding: 2px 4px!important;
 background-color: #0a8e5d!important;
 color: #fff!important;
 font-weight: 600!important;
 font-size: 11px!important;
 line-height: normal!important;
 text-transform: uppercase!important;
 border-radius: 2px!important;
 font-family: normal Segoe, "Segoe UI"!important;
 position: relative!important;
 bottom: 2px!important;
}
/* OS predsedatel icon */

/* Respon Tabs2 */
/* Базовый контейнер табов */
.tabs2 {
max-width: 729px;
 padding: 0px;
 margin: 0 auto;
}
/* Стили секций с содержанием */
.tabs2>section {
 display: none;
 padding: 15px;
 background: #fff;
 border: 1px solid #ddd;
}
.tabs2>section>p {
 margin: 0 0 5px;
 line-height: 1.5;
 color: #383838;
 /* прикрутим анимацию */
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-name: fadeIn;
 animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
}
@keyframes fadeIn {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
}
/* Прячем чекбоксы */
.tabs2>input {
 display: none;
 position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs2>label {
 display: inline-block;
 margin: 0 0 -1px;
 padding: 15px 15px;
 font-size: 16px;
 text-align: center;
 color: #aaa;
 border: 0px solid #ddd;
 border-width: 1px 1px 1px 1px;
 background: #f1f1f1;
 border-radius: 3px 3px 0 0;
}

/* Изменения стиля переключателей вкладок при наведении */
 
.tabs2>label:hover {
 color: #888;
 cursor: pointer;
}
/* Стили для активной вкладки */
.tabs2>input:checked+label {
 color: #555;
 border-top: 1px solid #009933;
 border-bottom: 1px solid #fff;
 background: #fff;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {
 display: block;
}
/* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
 
@media screen and (max-width: 680px) {
 .tabs2>label {
 font-size: 18px;
 }
}
/* Изменяем внутренние отступы 
* переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
 .tabs2>label {
 padding: 15px;
 }
}
/* Respon Tabs2 */