@import url('fonts/norms/stylesheet.css');

BODY {width:100%; max-width:100%!important; height:100%; position:relative; background:#fff; border:0; padding:0; margin:0; border-spacing:0; padding:0; }
TABLE,TR,TD {vertical-align:top; padding:0; margin:0; border:0; border-spacing:0; }

BODY,P,DIV,LI,SPAN,A {box-sizing:border-box; }
LI {padding: 5px 0 5px 10px; }
img {max-width:100%; }
input { }

hr {border:none; color:#ccc; background-color:#ccc; height:1px; margin: 100px 0; }
.hr2 {border:none; color:#76767a; background-color:#76767a; height:4px; margin: 30px 0 20px 0; }

A, A:visited {COLOR:#0033ff; TEXT-DECORATION:none; }
A:hover {COLOR:#ff0000; TEXT-DECORATION:none; }





/* Основные цвета 

#000 шрифт
#333 серый 1
#76767a серый 2
#a7a8ab серый 3
#d9d9de светло-серый 1 (заливка)
#e5e5eb светло-серый 2 (заливка)
#f5f5f7 светло-серый 3 (заливка)
#0033cc синий для фона и ссылок
#ffcc66 желтый для кнопок 
#339999 бирюзовый для кнопок при наведении и фона 
#d5a1a1 бледно-красный (заливка)
#ff9500 желтый (заливка)
#f6fafe голубой (заливка)
#f6fef6 зеленый (заливка)

*/




/* Заголовки */

H1 {font-weight:bold; FONT-SIZE:70px; line-height:90px; }
H1 span {font-weight:normal; FONT-SIZE:0.6em; color:#ccc; display:block; }

@media screen and (min-width:800px) and (max-width:1599px)
{H1 {FONT-SIZE:50px; line-height:70px; }}

H2 {font-weight:bold; width:100%; FONT-SIZE:40px; line-height:60px; COLOR:#000; margin: 0 auto 0 auto; padding: 40px 0 0px 0; }

.h1mp {color:#fff; margin:0; padding: 20% 0 0 0; }
.h1mp span {display:block; font-weight:300; font-size:0.4em; line-height:1.6em; padding: 20px 0; }

H3, H4, H5, H6 {FONT-SIZE:20px; line-height:30px; COLOR:#000; margin: 20px 0; padding:0; text-align:center; }

.zagol {font-weight:bold; margin: 30px 0; }

.linki-zagol {font-weight:bold; FONT-SIZE:100px; line-height:130px; }





/* Основные шрифты */

BODY,TD,P,DIV,LI {COLOR:#000; FONT-FAMILY:'TT Norms',sans-serif,serif; font-weight:300; }

P {margin: 20px 0; }

H1 {FONT-FAMILY:'TT Norms',sans-serif,serif; font-weight:800; }
H2,H3,H4,H5,H6, .linki span {FONT-FAMILY:'TT Norms',sans-serif,serif; font-weight:300; }

/* Маленький размер шрифта */
.foot-div-1, .foot-div-2 {FONT-SIZE:15px; line-height:25px; }

/* Стандартный размер шрифта */
BODY, TD, P, DIV, .linki, LI {FONT-SIZE:18px; line-height:29px; }

/* Средний размер шрифта */
.menu, .button1, .button2 {FONT-SIZE:20px; line-height:31px; }

/* Большой размер шрифта */
.zagol, .lid, .linki span {FONT-SIZE:26px; line-height:40px; }








/* Очистка выравнивания */
.block::after, .centerTD-div::after, .operacionki::after {content: ''; clear:both;  display:block; }

/* Тени */
.0000 {box-shadow: 0 4px 50px -4px rgba(0, 51, 102, .1); }

/* Скругление углов */
.00000 {- webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
.linki, .button1 A, .button1:visited, .button2 A, .button2:visited {- webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; }







/* Сквозные блоки */

.prilip-menu-div {display:none; width:100%; height:100px; background:#fff; }

.prilip-menu {font-weight:bol; width:85%; float:left; text-align:right; padding: 30px 0; }
.prilip-menu A, .prilip-menu:visited {color:#000; TEXT-DECORATION:none; white-space:nowrap; padding: 0 15px; }
.prilip-menu A:hover {color:#ffcc66; TEXT-DECORATION:none; }


.foot {width:100%; max-width:100%; margin: 100px 0 0 0; padding: 50px 0; }

.foot-div-1, .foot-div-2, .foot-div-3, .foot-div-4 {float:left; }
.foot-div-1 span, .foot-div-2 span, .foot-div-3 span, .foot-div-4 span {display:block; font-weight:bold; padding: 0 0 20px 0; }

.foot-div-1 {width:15%; }
.foot-div-1 img {width:120px; padding: 0 0 20px 0; }

.foot-div-2 {width:26%; padding: 0 0 0 11%; }

.foot-div-1 A, .foot-div-2 A, .foot-div-3 A, .foot-div-4 A, .foot-div-1:visited, .foot-div-2:visited, .foot-div-3:visited, .foot-div-4:visited {display:block; padding: 10px 0 0 0; }
.foot-div-1 A:hover, .foot-div-2 A:hover, .foot-div-3 A:hover, .foot-div-4 A:hover {display:block; }

.foot-div-3 {width:29%; padding: 0 0 0 5%; }

.foot-div-4 {width:29%; padding: 0 0 0 5%; }


.centerTD-div {width:1400px; position:relative; z-index:3; margin: 0 auto; }

@media screen and (min-width:800px) and (max-width:1599px)
{.centerTD-div {width:84%; position:relative; z-index:2; margin: 0 auto; }}






/* Колонки страницы */

.cont1 {float:left; width:50%; padding: 0 30px; }

.cont2 {float:left; width:33%; padding: 0 30px; }

.cont3 {float:left; width:25%; padding: 0 30px; }

.cont4 {width:100%; max-width:900px; margin: 0 auto; }








/* Шапка на главной */

.header {width:100%; min-height:700px; position:relative; background:#6b1c11; background: linear-gradient(to right, #770a00, #000); }

@media screen and (min-width:1501px) and (max-width:1750px) {.header {min-height:800px; }}
@media screen and (min-width:1300px) and (max-width:1500px) {.header {min-height:700px; }}
@media screen and (min-width:1100px) and (max-width:1299px) {.header {min-height:650px; }}
@media screen and (min-width:800px) and (max-width:1099px) {.header {min-height:550px; }}

.logo-menu-div {position:relative; z-index:101; width:100%; height:140px; padding: 10px 0 20px 0;}

.logo {height:150px; width:20%; float:left; }
.logo img {height:200px; display:block; margin: -20px 0 0 -20px; }

.menu {width:80%; float:left; text-align:right; padding: 60px 0 0 0; }
.menu A, .menu:visited {color:#fff; TEXT-DECORATION:none; white-space:nowrap; padding: 0 3%; }
.menu A:hover {color:#ffcc66; TEXT-DECORATION:none; }

.h1mp-div {max-width:45%; }

.header-scr {width:55%; max-width:900px; position:relative; height:auto; position:absolute; top:140px; right:0; }
.header-scr img {width:100%; border:0; }
.header-scr A, .header-scr:visited {display:block; width:100%; height:100%; }

.elem1-div {width:100%; max-width:500px; height:500px; position:absolute; z-index:1; bottom:-70%; left:30%; }
.elem1 {width:100%; height:100%; position:absolute; z-index:1; bottom:0; left:0; background:#fff; opacity: .08; - webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.elem01 {width:60%; height:60%; position:absolute; z-index:2; top:15%; left:20%; background:#fff; opacity: .08; - webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin: 0 auto; }

.elem2-div {width:100%; max-width:1000px; height:1000px; position:absolute; z-index:1; top:-700px; left:-10%; }
.elem2 {width:100%; height:100%; position:absolute; z-index:1; top:0; left:0; background:#fff; opacity: .08; - webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.elem02 {width:60%; height:60%; position:absolute; z-index:2; bottom:15%; left:20%; background:#fff; opacity: .08; - webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin: 0 auto; }






/* Кнопки */

.buttons {width:100%; max-width:100%; padding: 50px 0; }


.button1 {float:left; width:auto; text-align:center; font-weight:bold; }
.button1 A, .button1:visited {background:#ffcc66; COLOR:#000; TEXT-DECORATION:none; white-space:nowrap; padding: 20px 40px; }
.button1 A:hover {COLOR:#000; background:#cc9933; TEXT-DECORATION:none; }

.button2 {float:left; width:auto; text-align:center; padding: 0 30px; }
.button2 A, .button2:visited {background: rgba(255, 255, 255, 0.6); COLOR:#000; TEXT-DECORATION:none; white-space:nowrap; padding: 20px 40px; }
.button2 A:hover {background: rgba(255, 255, 255, 1.0); COLOR:#000; background:#ccc; TEXT-DECORATION:none; }

.chb1 {float:left; width:33%; text-align:center; padding: 0 30px; }

.chb1-div {width:780px; text-align:center; margin: 0 auto; }



@media screen and (min-width:800px) and (max-width:1599px)
{
.button1 {width:40%; text-align:left; }
.button2 {width:60%; text-align:left; }
}








/* Разное */

.operacionki {text-align:center; }
.operacionki span {display:block; float:left; width:200px; text-align:center; margin: 0 auto; }
.operacionki img {width:160px; padding: 2% 4%; }

.linki {position:relative; display:block; width:21%; min-height:450px; float:left; background:#fff; padding: 50px 1%; margin:2%; }
.linki span {display:block; padding: 0 0 20px 0; }
.linki img {display:block; margin: 0 0 30px 0; }

.linki2 {position:relative; display:block; width:28%; float:left; background:#fff; padding: 50px 1%; margin:2%; }
 
.menuvartovsk {}
.menuvartovsk img {width:100%; }

.videoframe {width:100%; height:750px; }

.kolonka {width:50%; float:left; padding: 0 5% 0 0; }
.kolonka A, .kolonka:visited {line-height:40px; margin-LEFT:10px; padding: 3px 7px; background:#ebf6fe; white-space:nowrap; }
.kolonka A:hover {background:#fef5c8; }

.emptylink { }
.emptylink A, .emptylink:visited, .emptylink A:hover {color:#666!important; background:#eee!important; }





/* Волны */

#wave-container {display:none; width:100%; height:100px; overflow:hidden; }

#wave {display:block; position:relative; height:40px; background-color:#0033cc; }

#wave:before {content:""; display:block; position:absolute; border-radius:100%; - webkit-border-radius:100%; -moz-border-radius:100%; width:100%; height:300px; background-color:white; right:-25%; top:20px }

#wave:after {content:""; display:block; position:absolute; border-radius:100%; - webkit-border-radius:100%; -moz-border-radius:100%; width:100%; height:300px; background-color:#0033cc; left:-25%; top:-240px; }

.wave-otstup {margin-top:-100px;}





/* Подвал */

.copy {FONT-SIZE:inherit; line-height:inherit; margin: 0 0 20px 0; }
.copy A, .copy:visited {COLOR:#000; TEXT-DECORATION:none; border-width: 0 0 1px 0; border-style:solid; border-color:#ccc; }
.copy A:hover {COLOR:#ff0000; TEXT-DECORATION:none; border-width:0; }
.copy img {height:40px; float:left; border:0; margin: 0 20px 30px 0; }
.copy span {display:block; padding-top:5px; }

#banners a img {border:0; opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=50); }
#banners a:hover img {border:0; opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }











































@media screen and (min-width:320px) and (max-width:500px)
{
.linki {position:relative; display:block; width:28%; min-height:450px; float:left; background:#fff; padding: 50px 1%; margin:2%; } {width:100%; height:auto; text-align:center; padding: 30px 0; margin:0; }
.linki {position:relative; display:block; width:28%; min-height:450px; float:left; background:#fff; padding: 50px 1%; margin:2%; } img {margin: 0 auto 30px auto; }
}

@media screen and (min-width:501px) and (max-width:799px)
{
.linki {position:relative; display:block; width:28%; min-height:450px; float:left; background:#fff; padding: 50px 1%; margin:2%; } {width:46%; height:auto; min-height:570px; padding: 30px 2%; }
}


@media screen and (min-width:320px) and (max-width:799px)
{

H1 {font-weight:bold; FONT-SIZE:36px; line-height:50px; }
H1 span {FONT-SIZE:0.7em; line-height:0.95em;  }
H1 b {FONT-SIZE:55px; line-height:75px; display:block; }

/* Маленький размер шрифта */
.foot-div-1, .foot-div-2 {FONT-SIZE:13px; line-height:20px; }

/* Стандартный размер шрифта */
BODY,TD,P,DIV, .menu {FONT-SIZE:16px; line-height:34px; }

/* Размер шрифта списков */
LI {FONT-SIZE:15px; line-height:23px; }

.header {height:auto; }

.header-scr {width:100%; max-width:799px; height:auto; position:relative; top:0; padding: 70px 0; }

.logo-menu-div {height:auto; padding: 20px 0 0 0;}

.logo {height:200px; width:100%; float:none; text-align:center; }
.logo img {height:100%; display:block; margin: 0 auto; }

.menu {width:100%; float:none; text-align:center; padding:0; }
.menu A, .menu:visited {color:#fff; TEXT-DECORATION:none; padding: 0 15px; white-space:nowrap; }
.menu A:hover {color:#33cccc; TEXT-DECORATION:none; }

.button3 {font-weight:bold; float:none; width:100%; padding:0; text-align:center; }
.button3 A, .button3:visited {background:none; COLOR:#fff; padding:0; }
.button3 A:hover {COLOR:#33cccc; background:none; }

.h1mp-div {max-width:100%; padding:0; }

.h1mp {text-align:center; padding: 30px 0 0 0; }
.h1mp span {font-size:0.4em; line-height:1.6em; }

.centerTD-div {width:90%; }

.linki {width:100%; float:center; height:auto; }
.linki2 {width:100%; float:center; height:auto; max-height:200px; padding:0; margin:0; }

.buttons {width:auto; padding: 30px 0; margin: 0 auto; }
.button1 {width:60%; min-height:110px; clear:both; margin: 0 auto; }
.button2 {width:60%; min-height:110px; clear:both; margin: 0 auto; }

.chb1 {float:left; width:33%; text-align:center; padding: 0 10px; }
.chb1 img {border:0; width:100%; }
.chb1-div {width:100%; text-align:center; margin: 0 auto; }

.elem1-div {max-width:250px; height:250px; top:90%; left:25%; }
.elem2-div {max-width:500px; height:500px; top:-350px; left:-10%; }

.videoframe {width:100%; height:450px; }


.foot-div-1, .foot-div-2, .foot-div-3, .foot-div-4 {float:left; }
.foot-div-1 span, .foot-div-2 span, .foot-div-3 span, .foot-div-4 span {display:block; font-weight:bold; padding: 0 0 20px 0; }

.foot-div-1 {width:50%; }
.foot-div-1 img {width:50%; padding: 0 0 20px 0; }

.foot-div-2 {width:50%; padding: 0 0 0 11%; }

.foot-div-1 A, .foot-div-2 A, .foot-div-3 A, .foot-div-4 A, .foot-div-1:visited, .foot-div-2:visited, .foot-div-3:visited, .foot-div-4:visited {display:block; padding: 0 0 10px 0; }
.foot-div-1 A:hover, .foot-div-2 A:hover, .foot-div-3 A:hover, .foot-div-4 A:hover {display:block; }

.foot-div-3 {width:50%; padding: 0 0 0 5%; }

.foot-div-4 {width:50%; padding: 0 0 0 5%; }

.wave-otstup {margin-top:0; padding-top:20px; }

.kolonka {width:100%; float:left; }

}