/*****************************************************************************************
	
                        Веб-интерфейс игровой системы hobro
                            (C) 2011-2017 Сергей Соболев
                                (С) Ходилки Бродилки
                                
*****************************************************************************************/

/* --desc-- Главная страница сайта (http://hodilkibrodilki.ru/) --desc-- */

	.slider {position:relative; width:100%; /*height:11cm;*/ padding-top:2cm;}
	.slider > .container {position:relative;}
	.slider .base {visibility:hidden; display:none;}
	.slider .body > .page {position:relative; width:100%; top:0cm; margin-bottom:1cm;} /*по умолчанию relative, в скрипте absolute*/
	.slider .body .page > div:first-child {width:100%; background-size:cover; background-image:url('/IBD?url=/image/HB/Index/Razvlekaysya.jpg'); display:table-cell;}
	.slider .body .page > div:first-child img {width:100%; display:none; position:relative; height:auto;}
	.slider .body .page > div:first-child .title {position:absolute; left:-1cm; top:0.5cm; padding-bottom:0.25cm;}
	.slider .body .page > div:first-child .title span {background:#db0000; color:#ffffff; font-size:125%;}
	.slider .body .page > div:last-child {padding-left:0.1cm; vertical-align:middle; text-align:center; display:table-cell; height:11cm; min-width:10cm;}
	.slider .body .page > div:last-child h3 {/*font-family: 'Poiret One', sans-serif;*/ font-weight:normal; font-size:150%; margin:0; padding-bottom:0.25cm;}
	.slider .body .page > div:last-child h5  {font-weight:normal; font-size:85%; margin:0;}
	.slider .list {position:absolute; left:-1.5cm; top:3cm; z-index:1; display:none;}
	.slider .list div .button {background:#ffffff; cursor:default;}
	.slider .list div {display:block; margin-bottom:0.2cm;}
	.slider .body .page > div:last-child > div:first-child,
	.corp > div > div:first-child {background-image:url("/IBD?url=/image/HB/doubleLine1.png"); background-repeat:repeat-x; height:8px; margin-bottom:0.5cm; width:100%; display:block;}
	.slider .body .page > div:last-child > div:last-child,
	.corp > div > div:last-child {background-image:url("/IBD?url=/image/HB/doubleLine2.png"); background-repeat:repeat-x; height:8px; margin-top:0.5cm; width:100%; display:block;}
	
	.work > div {text-align:center; font-family: 'PT Sans Narrow', sans-serif; vertical-align:top; display:table-cell}
	.work > div div:nth-child(1) {position:relative; display:block; width:0.6cm; height:0.6cm; border-radius:0.3cm; text-align:center; color:#ffffff; background:#db0000; margin:0.2cm auto;}
	.work > div div:nth-child(2) {border-top:2px solid #000000; padding-left:0.3cm; padding-right:0.3cm; text-align:left;}
	.work > div div:nth-child(3) {position:absolute; display:none;}
	.work > div div:nth-child(3) img {position:relative; left:-29%;}
	.work > div:hover div:nth-child(3) {display:block;}
	
	.test {text-align:center; vertical-align:middle; padding:0; margin:0; background:#000; color:white;}
	.test td:last-child {padding-left:0.3cm;}
	.test img {width:13cm; height:auto;}
	.test h2 {margin:0.3cm 0; font-size:250%;}
	.test p {color:#424242; line-height:125%; font-size:85%; margin:0; color:white;}
	.test div p:nth-child(2) span {color:#fff; background:#db0000;}
	.test div p:last-child span {color:#000; background:#fff;}
	.test div p:last-child {margin:0.3cm 0;}
	
	.corp > div {vertical-align:middle; text-align:center; background:#ffffff;  display:table-cell; height:10cm;}
	.corp h3 {/*font-family: 'Poiret One', sans-serif;*/ font-weight:normal; font-size:150%; margin:0; padding-bottom:0.25cm;}
	.corp h5  {font-weight:normal; font-size:85%; margin:0;}
	.corp {padding-bottom:1cm;}
	.corp img {width:13cm; padding-right:0.2cm;}
			
	.test em:first-child, 
	.corp td:last-child div:first-child,
	.slider .body table td:last-child div:first-child {background-image:url("/IBD?url=/image/HB/doubleLine1.png"); background-repeat:repeat-x; height:8px; margin-bottom:0.5cm; width:100%; display:block;}
	.test em:last-child,
	.corp td:last-child div:last-child,
	.slider .body table td:last-child div:last-child {background-image:url("/IBD?url=/image/HB/doubleLine2.png"); background-repeat:repeat-x; height:8px; margin-top:0.5cm; width:100%; display:block;}

	.indexOptionsRow {clear:both; text-align:justify; }
	.indexOptionsRow .bg1 {background-color:#fffd9f;}
	.indexOptionsRow .bg2 {background-color:#c0f5a7;}
	.indexOptionsRow .bg3 {background-color:#a7f4f5;}
	.indexOptionsRow .bg4 {background-color:#a7c0f5;}
	.indexOptionsRow .bg5 {background-color:#ff88b3;}
	.indexOptionsRow .bg6 {background-color:#fffd9f;}
	.indexOptionsItem {width:32%; display:inline-block; display:table-cell; padding:0.5cm;}
	.indexOptionsItem:first-child {padding-right:0.5cm;}
	.indexOptionsItem:last-child {padding-left:0.5cm;}
	.indexOptionsItem img {display:block; margin:0 auto; width:3cm; height:3cm;}
	.indexOptionsItem b {display:block; text-align:center; padding-bottom:0.5cm;}
	.indexOptionsItem span {display:block; text-align:left;}

	.school {padding:1cm 0;}
	.school > div {display:table-cell; vertical-align:top;}
	.school > div:first-child {text-align:center; padding:0.3cm;}
	.school > div:first-child div {position:relative; display:inline-block; width:3cm; height:3cm; border-radius:1.5cm; text-align:center; color:#ffffff; background:#db0000; font-weight:bold; padding-top:1.2cm; margin-bottom:1cm;}
	.school > div:last-child {text-align:right; font-family: 'PT Sans Narrow', sans-serif; color:#808080; font-size:85%;}
	.school > div:last-child p {margin:0; margin-bottom:0.5cm; font-family: 'PT Sans Narrow', sans-serif; color:#808080; text-align:left; margin-left:0.4cm;}
	
	.schoolOption {}
	.schoolOption > div {display:table-cell; vertical-align:top;}
	.schoolOption > div > div {display:table-cell; vertical-align:top;}
	.schoolOption > div > div:nth-child(2n-1) {text-align:center; padding:0 0.5cm 0 0.3cm;}
	.schoolOption > div:first-child {}
	.schoolOption > div > div:first-child > div {position:relative; display:inline-block; width:2.2cm; height:2.2cm; border-radius:1.1cm; text-align:center; color:#ffffff; background:#e7b42b; font-weight:bold; padding-top:0.8cm; margin-top:0.1cm; clear:both;}
	.schoolOption > div > div:first-child > p {font-weight:bold; color:#e7b42b; margin-top:0.3cm;} 
	.schoolOption > div > div:last-child > p {color:#808080; font-size:85%;;} 
		
	.rem {text-align:right; font-family: 'PT Sans Narrow', sans-serif; color:#808080; font-size:85%; padding-top:1cm;}

	.faq h1 {color:#808080; font-style:italic; padding-left:1cm; background-color:#ffffff; margin-bottom:10px; font-size:100%; font-weight:normal;}
	.faq > div {width:50%; vertical-align:top; display:table-cell;}
	.faq > div:first-child {padding-right:1cm;}
	.faq > div:last-child {padding-left:1cm;}
	.faq span {background:#db0000; color:#ffffff;}
	
@media only screen and (max-width: 30.00cm) {
	.slider .list {left:0cm;}
	.slider .list div span {padding-left:0.2cm;}
	.slider .body .page > div:first-child .title {left:-0.2cm;}
	.slider .body .page > div:first-child .title span {padding-left t:0.2cm;}
}
	
@media only screen and (max-width: 26.58cm) {
	.slider .body .page {background:#000; color:#fff;}
	.slider .body .page > div:first-child {position:relative; display:block;}
	.slider .body .page > div:first-child img {display:block;}
	.slider .body .page > div:last-child {position:relative; display:block; height:auto; padding:0.5cm; min-width:auto;}
	.slider .body .page > div:last-child > div:first-child {display:none;}
	.slider .body .page > div:last-child > div:last-child {display:none;}
}

@media only screen and (max-width: 23cm) {
	.work > div {display:block; padding-top:0.15cm; padding-bottom:0.15cm; padding-left:0.15cm; text-align:left; font-family: 'PT Sans', sans-serif;}
	.work > div:nth-child(2n-1) {background:#eee;}
	.work > div div:nth-child(1) {margin:0; display:inline-block; float:left;}
	.work > div div:nth-child(2) {border:none; margin-left:0.7cm;}
	.work > div:hover div:nth-child(3) {display:none;}
	
	.test {width:100%; background:#000; color:#fff;}
	.test td {display:block; width:100%;}
	.test td:last-child {padding:0;}
	.test h2 {margin:0.5cm 0;}
	.test em:first-child,
	.test em:last-child {display:none;}
	.test img {width:100%;}
	.test p {display:inline; font-size:inherit; color:inherit;}
	.test div p:last-child span {color:#000; background:#fff;}
	.test p:last-child {display:block;}
	.test div {margin-bottom:0.5cm;}
	
	.corp > div {display:block; height:auto; color:#fff; background:#000;}
	.corp img {width:100%; padding-right:0; display:block;}
	
	.school td {display:block;}
	.school td:last-child p {margin:0 0 0.2cm 0;}
	
	.schoolOption > div {display:block;}
	.schoolOption > div:first-child {padding-bottom:1cm;}
	.schoolOption > div > div:nth-child(2n-1) {padding:0; width:4.1cm; padding-right:0.5cm;}

	.faq > div {display:block; width:100%; padding:0;}
	.faq > div:last-child {padding:0;}
}

@media only screen and (max-width: 17cm) {
	.slider {padding-top:0;}
	.slider .list {left:0cm; top:0cm; position:relative;}
	.slider .list div {display:inline;}
	.slider .list div span {padding-left:0;}
	.slider .body .page > div:first-child .title {top:87%; z-index:1;}

	.schoolOption > div > div:nth-child(2n-1) {padding-right:0.3cm;}

	.slider .body .page > div:last-child h3 {padding-top:0.5cm;}

	.school > div {display:block;}
	.school div:last-child p {margin-left:0;}
	.schoolOption {}
	.schoolOption > div > div {display:block;}
	.schoolOption > div > div:nth-child(2n-1) {width:100%; padding:0;}
	/*.schoolOption > div:first-child {}
	.schoolOption > div > div:first-child > div {position:relative; display:inline-block; width:2.2cm; height:2.2cm; border-radius:1.1cm; text-align:center; color:#ffffff; background:#e7b42b; font-weight:bold; padding-top:0.8cm; margin-top:0.1cm; clear:both;}
	.schoolOption > div > div:first-child > p {font-weight:bold; color:#e7b42b; margin-top:0.3cm;} 
	.schoolOption > div > div:last-child > p {color:#808080; font-size:85%;;} */
	
	.indexOptionsRow {clear:both; text-align:justify; }
	.indexOptionsItem {width:100%; display:block; padding:0.5cm;}
	.indexOptionsItem:first-child {padding-right:0.5cm;}
	.indexOptionsItem:last-child {padding-left:0.5cm;}
	.indexOptionsItem img {display:block; margin:0 auto; width:3cm; height:3cm;}
	.indexOptionsItem b {display:block; text-align:center; padding-bottom:0.5cm;}
	.indexOptionsItem span {display:block; font-size:smaller; text-align:left;}

}

@media only screen and (max-width: 12cm) {
	.faq h1 {padding:0;}
}

@media only screen and (max-width: 8cm) {
}