/*==============================================================================================*/
html, body{margin: 0;padding: 0;height: 100%;}
form,p{margin: 0;padding: 0;}
.h{content: "";display: block;height: 0;clear: both;visibility: hidden;}
input:focus,select:focus,textarea:focus{outline: none;}
*|*:-moz-any-link:focus{outline: none;}
img{border: 0;max-width: 100%;}
a{cursor: pointer;}
table img{max-width: none;}
/*==============================================================================================*/
@font-face {
    font-family: 'informapromedium';
    src: url('font/informapro-medium-webfont.eot');
    src: url('font/informapro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/informapro-medium-webfont.woff') format('woff'),
         url('font/informapro-medium-webfont.ttf') format('truetype'),
         url('font/informapro-medium-webfont.svg#informapromedium') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'informaprolight';
    src: url('font/informapro-light-webfont.eot');
    src: url('font/informapro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/informapro-light-webfont.woff') format('woff'),
         url('font/informapro-light-webfont.ttf') format('truetype'),
         url('font/informapro-light-webfont.svg#informaprolight') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'informaprobold';
    src: url('font/informapro-bold-webfont.eot');
    src: url('font/informapro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/informapro-bold-webfont.woff') format('woff'),
         url('font/informapro-bold-webfont.ttf') format('truetype'),
         url('font/informapro-bold-webfont.svg#informaprobold') format('svg');
    font-weight: normal;
    font-style: normal;}
body{background: #fff;min-width: 1240px;}
body,td{color: #000;font-family: Arial,Tahoma,Verdana,sans-serif;font-size: 15px;line-height: 160%;}
a{font-family: Arial,Tahoma,Verdana,sans-serif;font-size: 15px;color: #1363af;text-decoration: underline;line-height: 160%;}
a:hover{text-decoration: none;}
p{margin-top: 23px;}
p:first-child{margin-top: 0;}
ul,ol{margin: 10px 0 0 1px;padding: 0;}
li{margin: 0 0 0 16px;padding: 0;}
input,select,textarea{display: block;border: none;padding: 10px 21px 10px;margin: 4px 0 0;background: #c4d1dd;font-size: 15px;color: #42302b;font-family: Tahoma,Arial,Verdana,sans-serif;}
input:focus,select:focus,textarea:focus{border-color: #618091;}
select{padding: 5px 0 4px 5px;height: auto;}
textarea{resize:none;padding-top: 14px;display: block;}
img[align="left"]{margin: 0 16px 30px 0;}
img[align="right"]{margin: 0 0 30px 16px;}
img[align="center"]{margin: 0 0 30px 0;}
h1,h2,h3,h4,h5,h6{margin: 41px 0 0 0;color: #0e4273;font-weight: normal;}
h1{font-size: 30px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4,h5,h6{font-size: 16px;font-weight: bold;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top: 0;}
.table_border{border-collapse: collapse;margin-top: 25px;}
    .table_border thead td{background: #e5e5e5;font-weight: bold;padding: 12px 20px 14px;}
    .table_border tbody td{border-bottom: 1px solid #e5e5e5;padding: 7px 20px 8px;}
/*==========================================================================================================*/

.ct{width: 1200px;position: relative;margin: 0 auto;padding: 0 20px;overflow: hidden;}

.lcol_935{width: 935px;float: left;overflow: hidden;}
.lcol_935:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

#header{z-index:1100;height: 144px;display: block;margin: 0 auto;width: 1200px;padding: 0 20px;position: relative;}
  #header .l{width: 442px;height: 77px;display: block;position: absolute;top: 30px;left: 20px;background: url("img/logo2.png");}
  #header .online{position: absolute;right: 20px;top: 56px;width: 135px;height: 42px;}
        #header .online .bt_order{text-align: center;display: block;width: 135px;height: 30px;padding: 12px 0 0;background:#368ab6;text-decoration: none;position: relative;font-size: 14px;line-height: 17px;color: #fff;text-transform: uppercase;font-family: 'informapromedium';}
        #header .online .bt_order:before{content: "";width: 43px;height: 42px;position: absolute;background: #7fc6eb url("img/all.png") 0 -68px;top: 0;left: -43px;}
        #header .online .bt_order:hover{background-color: #3aa2d8;}
        #header .online .bt_order:active{background-color: #3390c1;}
  #header .ph{position: absolute;top: 58px;right: 225px;font-family: 'informaprolight';font-size: 24px;color: #0e4273;}
  #header .ph:before{content: "";width: 12px;height: 19px;position: absolute;left: -24px;top: 10px;background: url("img/all.png") -264px 0;}
    #header .ph ul{position: relative;top: 8px;display: inline-block;margin: 0;padding: 0;}
      #header .ph ul li{border-left: 1px dotted #c4d1dd;margin: 0 11px 0 0;padding: 0 0 0 10px;float: left;display: block;font-family: 'informapromedium';}
      	#header .ph ul li .skype{padding-left:33px;background:url(img/skype.png) no-repeat;font-family: 'informapromedium';font-size:18px;}
      #header .ph ul li:first-child{border: none;padding-left: 0;}
      #header .ph ul li small{display:block;font-size:11px;position:absolute;margin-top:-7px;}
       
#app{z-index:110;position: absolute;top: 59px;right: 0;width: 316px;z-index: 1;padding-bottom: 20px;background: #fff;border-top: 1px solid #c4d1dd;border-left: 1px solid #c4d1dd;border-right: 1px solid #c4d1dd;}
#app:before{content: "";position: absolute;top: -13px;left: 150px;border-bottom: 13px solid #c4d1dd;border-left: 10px solid transparent;border-right: 10px solid transparent;}
#app:after{content: "";position: absolute;top: -12px;left: 150px;border-bottom: 13px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;}
  #app .head{font-family: 'informaprobold';font-size: 20px;line-height: 24px;color: #0e4273;text-transform: uppercase;padding: 18px 19px 0;overflow: hidden;margin-bottom: -2px;}
      #app .head .x{display: block;width: 21px;height: 21px;background: url("img/all.png") -44px -68px;float: right;margin-right: -2px;margin-top: 1px;}
      #app .head .x:hover{background-position: -67px -68px;}
      #app .head .x:active{background-position: -90px -68px;}
  #app .form{padding: 5px 19px 0 20px;overflow: hidden;}
  #app label{font-family: 'informapromedium';color: #0e4273;font-size: 12px;text-transform: uppercase;margin-top: 13px;display: block;}
  #app input{width: 236px;margin-top: 2px;padding-top: 16px;padding-bottom: 15px;}
  #app input.sub{margin: 20px 0 -20px -1px;background: #0e4273;color: #fff;text-transform: uppercase;font-family: 'informaprobold';font-size: 14px;cursor: pointer;padding: 26px 0 21px;width: 318px;border-bottom: 5px solid #1b5184;}
  #app input.sub:hover{background: #368ab6;border-color: #267097;}
  #app input.sub:active{background: #2b759b;border-color: #267097;}
  #app textarea{width: 236px;height: 103px;}

#main_menu,#main_menu_dw{border-top: 1px solid #c4d1dd;z-index:1001;position:relative;}
#main_menu:after,#main_menu_dw:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
  #main_menu ul,#main_menu_dw ul{padding: 0 20px;margin: 0;list-style: none;width: 1200px;margin: 0 auto;}
  #main_menu ul li.li,#main_menu_dw ul li.li{padding: 0;margin: 0;float: left;margin-left: -1px;position: relative;}
  #main_menu ul li.li:hover:before,#main_menu_dw ul li.li:hover:before,#main_menu ul li.sel:before,#main_menu_dw ul li.sel:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: #f14950;}
  #main_menu ul li.li:first-child,#main_menu_dw ul li.li:first-child{padding: 0;margin: 0;float: left;margin-left: -1px;}
    #main_menu ul li.li a.a,#main_menu_dw ul li.li a.a,#main_menu ul li.li a.dw,#main_menu_dw ul li.li a.dw,#main_menu ul li.li a.up,#main_menu_dw ul li.li a.up{position: relative;padding: 13px 18px 13px 18px;display: block;text-decoration: none;border-right: 1px solid #c4d1dd;border-left: 1px solid #c4d1dd;text-transform: uppercase;font-family: 'informaprobold';color: #0e4273;}
    	#main_menu ul li.li a.dw,#main_menu_dw ul li.li a.dw,#main_menu ul li.li a.up,#main_menu_dw ul li.li a.up{padding: 13px 40px 13px 18px;}
    #main_menu ul li.li a.dw:after,#main_menu_dw ul li.li a.dw:after{content: "";position: absolute;top: 23px;right: 27px;width: 0;height: 0;border-top: 4px solid #0e4273;border-left: 4px solid transparent;border-right: 4px solid transparent;}
    #main_menu ul li.li a.up:after,#main_menu_dw ul li.li a.up:after{content: "";position: absolute;top: 23px;right: 27px;width: 0;height: 0;border-bottom: 4px solid #0e4273;border-left: 4px solid transparent;border-right: 4px solid transparent;}
    #main_menu ul li.li a.a:hover,#main_menu_dw ul li.li a.a:hover,#main_menu ul li.li a.dw:hover,#main_menu_dw ul li.li a.dw:hover,#main_menu ul li.li a.up:hover,#main_menu_dw ul li.li a.up:hover{color: #206eb8;}
    #main_menu ul li.li a.dw:hover:after,#main_menu_dw ul li.li a.dw:hover:after{content: "";position: absolute;top: 23px;right: 27px;width: 0;height: 0;border-top:none;border-bottom: 4px solid #0e4273;border-left: 4px solid transparent;border-right: 4px solid transparent;}
    #main_menu ul li.li:hover .sub,#main_menu_dw ul li.li:hover .sub{display: block;}
    #main_menu ul li.li a.a:active,#main_menu_dw ul li.li a.a:active,#main_menu ul li.li a.dw:active,#main_menu_dw ul li.li a.dw:active,#main_menu ul li.li a.up:active,#main_menu_dw ul li.li a.up:active{color: #0d2740;}
    #main_menu_dw ul li.li a.a,#main_menu_dw ul li.li a.dw,#main_menu_dw ul li.li a.up{padding-bottom: 12px;}
#main_menu ul li.rg,#main_menu_dw ul li.rg{float: right;}
#main_menu_dw{background: #f0f2f6;}
    #main_menu ul li.li ul.sub,#main_menu_dw ul li.li ul.sub{display: none;position: absolute;top: 50px;left: 0;padding: 0;margin: 0;min-width: 204px;max-width: 800px;background: #fff;z-index: 1;list-style: none;width: auto;border-left: 1px solid #c4d1dd;border-right: 1px solid #c4d1dd;border-bottom: 5px solid #0e4273;}
        #main_menu ul li.li ul.sub li,#main_menu_dw ul li.li ul.sub li{padding: 0;margin: 0;}
            #main_menu ul li.li ul.sub li a,#main_menu_dw ul li.li ul.sub li a{display: block;text-decoration: none;text-transform: uppercase;font-family: 'informaprobold';color: #0e4273;padding: 15px 30px 12px 28px;}
            #main_menu ul li.li ul.sub li a:hover,#main_menu_dw ul li.li ul.sub li a:hover{background: #c4d1dd;}

#slider{height: 395px;width: 100%;position: relative;}
    #slider .list{width: 100%;height: 100%;background-image:url(video.jpg);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;position: absolute;}
    #slider .pages{position: absolute;right: 14px;top: 0;height: 395px;display: table-row;}
    #slider .pages .body{display: table-cell;vertical-align: middle;height: 395px;}
      #slider .pages a{display: block;height: 13px;width: 13px;border-radius: 7px;background: #fff;margin-top: 7px;-webkit-box-shadow: 0 1px 1px #555;-moz-box-shadow: 0 1px 1px #555;box-shadow: 0 1px 1px #555;}
      #slider .pages a:first-child{margin-top: -15px;}
      #slider .pages a.sel{background: #fd7e00;}

#second_menu{background: #0e4273;}
#second_menu:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
    #second_menu ul{width: 1200px;list-style: none;padding: 0 20px;margin: 0 auto;}
        #second_menu ul li{float: left;margin: 0;padding: 0;}
            #second_menu ul li a{position:relative;display: block;width: 310px;height: 231px;padding: 55px 45px 0;text-decoration: none;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;color: #acc1d5;overflow: hidden;}
                #second_menu ul li a:hover .hov{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #265a8a;opacity: 0.4;}
                #second_menu ul li a:active .hov{background: #0b3664;opacity: 0.4;}
                #second_menu ul li a .t{position:relative;display: block;color: #fff;font-family: 'informaprolight';font-size: 36px;line-height: 43px;text-transform: uppercase;}
                #second_menu ul li a .t:before{content: "";position: absolute;top: 5px;right: -17px;background: url("img/all.png") -264px -21px;width: 17px;height: 30px;}
                #second_menu ul li a .txt{margin-top: 19px;display: block;line-height: 20px;font-size: 13px;}

#last_news{width: 1200px;border-collapse: collapse;}
  #last_news td{border-left: 1px solid #c4d1dd;border-right: 1px solid #c4d1dd;width: 20%;padding: 0;vertical-align: top;}
    #last_news td a{display: block;width: 190px;padding: 25px 25px 68px 24px;text-decoration: none;font-family: Tahoma;font-size: 13px;line-height: 20px;color: #1b1d1f;}
      #last_news td a .d{float: right;display: block;width: 100%;font-size: 11px;color: #909090;text-align: right;position: relative;text-transform: uppercase;}
      #last_news td a .d:before{content: "";position: absolute;left: 0;top: 7px;width: 45px;height: 4px;background: #f14950;}
      #last_news td a .t{margin-top: 32px;display: block;font-family: 'informapromedium';font-size: 18px;color: #0e4273;line-height: 22px;}
      #last_news td a:hover .t{color: #206eb8;}
      #last_news td a:active .t{color: #0d2740;}
      #last_news td a .txt{margin-top: 15px;display: block;}
      #last_news td a .more{text-decoration: underline;color: #1363af;display: block;}

#menu_categories{border-top: 1px solid #c4d1dd;border-bottom: 1px solid #c4d1dd;margin-bottom: -1px;position: relative;z-index: 1000;}
#menu_categories:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
    #menu_categories ul{list-style: none;padding: 0 20px;width: 1200px;margin: -1px auto;}
        #menu_categories ul li{margin: 0;padding: 0;float: left;}
            #menu_categories ul li a{width: 190px;height: 142px;padding: 36px 25px 0;display: block;text-decoration: none;}
            #menu_categories ul li .ph{background: #f14950;}
            #menu_categories ul li .ph:hover{background: #ff6c72;}
            #menu_categories ul li .ph:active{background: #c8282f;}
            #menu_categories ul li .soc{background: #577da2;}
            #menu_categories ul li .soc:hover{background: #789dc1;}
            #menu_categories ul li .soc:active{background: #41617f;}
            #menu_categories ul li .vac{background: #0e4273;}
            #menu_categories ul li .vac:hover{background: #1f5e99;}
            #menu_categories ul li .vac:active{background: #0e3152;}
            #menu_categories ul li .cl{background: #56a34e;}
            #menu_categories ul li .cl:hover{background: #6ebe65;}
            #menu_categories ul li .cl:active{background: #6ebe65;}
            #menu_categories ul li .ans{background: #c4d1dd;}
              #menu_categories ul li .ans .n{color:#0e4273;}
            #menu_categories ul li .ans:hover{background: #dfeaf4;}
            #menu_categories ul li .ans:active{background: #b0bcc8;}
                #menu_categories ul li a .i{width: 77px;height: 52px;display: block;background-size: contain;background-position: 50% 50%;background-repeat: no-repeat;margin: 0 auto;}
                #menu_categories ul li a .n{margin-top: 12px;font-size: 18px;font-family: 'informaprolight';text-transform: uppercase;color: #fff;text-align: center;display: block;line-height: 22px;}
                    #menu_categories ul li a .n b{font-family: 'informapromedium';font-weight:normal;}

#navigation{background: #0e4273;min-height: 178px;}
#navigation:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
    #navigation .menu{float: right;list-style: none;margin: 20px 0 0;padding: 0;max-width: 650px;}
    #navigation .menu{max-width: 690px;max-height:120px;overflov:hidden;}
        #navigation .menu li{float: left;margin-left: 68px;display: block;}
        #navigation .menu li{max-width:235px;margin-bottom:200px;}
        #navigation .menu li:first-child{margin-left: 0;}
            #navigation .menu li a{display: block;text-transform: uppercase;font-family: 'informapromedium';font-size: 14px;color: #fff;text-decoration: none;border-bottom: 1px solid #416a91;padding: 15px 0 2px;}
            #navigation .menu li a:hover{color: #95c6f5;border-color: transparent;}
            #navigation .menu li a:active{color: #359bff;border-color: transparent;}
    #navigation .mt59{margin: 59px 0 0;}

  #navigation .find{position: absolute;right: 0;top: 58px;}
    #navigation .find input{width: 344px;background: #265887;font-weight: bold;color: #bbcbda;padding: 14px 45px 17px 18px;position: absolute;top: 0;right: 0;}
    #navigation .find .bt_f{position: absolute;right: 0;top: 0;width: 45px;height: 49px;padding: 0;background: url("img/all.png") -218px -68px;cursor: pointer;}
    #navigation .find .bt_f:hover{opacity: 0.7;}

#title{height: 178px;width: 500px;float: left;}
    #title td{vertical-align: middle;color: #fff;text-transform: uppercase;font-family: 'informapromedium';font-size: 36px;line-height: 43px;}

#content{width: 1200px;margin: 0 auto;padding: 48px 20px 63px;}
#content:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
  #content .d{padding: 0 0 0 58px;display: block;font-family: Tahoma;font-size: 11px;color: #909090;text-transform: uppercase;position: relative;}
  #content .d:before{content: "";position: absolute;top: 9px;left: 0;width: 45px;height: 4px;background: #f14950;}
  #content .h1{margin-top: -4px;line-height: 120%;}

#news{width: 935px;float: left;list-style: none;margin: 0;padding: 0;overflow: hidden;}
#news:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
  #news li{margin: 0;padding: 0;}
    #news li a{display: block;text-decoration: none;font-family: Arial;font-size: 15px;color: #000;border-bottom: 1px solid #e5ebf0;padding: 22px 0 33px;}
    #news li:first-child a{padding-top: 0;}
      #news li a .d{padding: 0 0 0 58px;display: block;font-family: Tahoma;font-size: 11px;color: #909090;text-transform: uppercase;position: relative;}
      #news li a .d:before{content: "";position: absolute;top: 9px;left: 0;width: 45px;height: 4px;background: #f14950;}
      #news li a .t{display: block;font-family: Arial;font-size: 18px;font-weight: bold;color: #0e4273;}
      #news li a .txt{display: block;margin-top: 11px;}
      #news li a .st{display: inline-block;width: 14px;height: 10px;background: url("img/all.png") -264px -53px;margin-left: 5px;}
    #news li a:hover{border-color: #a2c9f6;}
      #news li a:hover .t{color: #206eb8;}

#archive{margin-top: 3px;float: right;font-family: 'informaprobold';font-size: 14px;text-transform: uppercase;color: #aaa;overflow: hidden;max-width: 185px;}
  #archive .y{list-style: none;margin: 4px 0 0;padding: 0;}
    #archive .y li.li{margin: 12px 0 0;padding: 0;text-transform: none;}
      #archive .y li.li a{text-decoration: none;font-size: 15px;font-weight: bold;color: #0e4273;font-family: Arial;display: block;}
      #archive .y li.li a:hover{color: #206eb8;text-decoration:underline}
      #archive .y li.li ul{list-style: none;margin: 0;padding: 0 0 19px;}
        #archive .y li.li ul li{list-style: none;margin: 12px 0 0;padding: 0;}
          #archive .y li.li ul li a{font-weight: normal;font-family: Arial;display: block;}
          #archive .y li.li ul li a:hover{color: #206eb8;}
          #archive .y li.li ul li a:active{color: #f14950;}

.vig{width: 427px;height: 21px;background: url("img/page/1.png");margin-top: 37px;}

#back{border-bottom: 1px solid #c4d1dd;}
  #back a{position: relative;font-family: 'informaprobold';font-size: 14px;color: #0e4273;text-transform: uppercase;text-decoration: none;display: inline-block;padding: 15px 0 13px 25px;}
  #back a:hover{color: #206eb8;}
  #back a:active{color: #132f4a;}
  #back a:before{content: "";position: absolute;top: 20px;left: 0;background: url("img/all.png") -264px -65px;width: 14px;height: 10px;}

#map{height: 349px;width: 100%;}

#adress{width: 1200px;margin: 0 auto;padding: 43px 20px 34px;font-size: 16px;overflow: hidden;}
  #adress p{margin-top: 13px;}
  #adress a{font-size: 16px;}

#contacts{border-top:1px solid #c4d1dd;padding: 9px 0 78px;}
#contacts:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
  #contacts dl{margin: 0;padding: 0;}
    #contacts dt{margin: 37px 0 0;padding: 0;float: left;clear: both;font-family: Arial;font-weight: bold;font-size: 16px;color: #0e4273;display: block;}
    #contacts dd{margin: 0;padding: 0;float: left;clear: both;color: #000;margin-top: 11px;}
      #contacts dd .ph{font-weight: bold;margin-right: 10px;}
      #contacts dd a{margin-right: 54px;}

#docs{width: 881px;float: left;list-style: none;margin: -4px 0 0;padding: 0;}
  #docs li{margin: 12px 0 0;padding: 0 115px 12px 0;border-bottom: 1px solid #e5ebf0;}
  #docs li:first-child{margin-top: 0;}
    #docs li .dwnl{margin-top: 23px;position: relative;float: right;margin-right: -84px;font-weight: bold;color: #f14950;font-family: Arial;text-decoration: none;}
    #docs li .dwnl:hover{color: #ff5b62;}
    #docs li .dwnl:active{color: #993034;}
    #docs li .dwnl:before{content: "";position: absolute;left: -16px;top: 6px;width: 10px;height: 11px;background: url("img/all.png") -44px -91px;}
    #docs li .dwnl:hover:before{background-position: -56px -91px;}
    #docs li .dwnl:active:before{background-position: -67px -91px;}
    #docs li .d:before{display: none;}
    #docs li .d{padding-left: 0;}
    #docs li .n{font-family: Arial;font-weight:bold;font-size: 18px;color: #0e4273;text-decoration: none;margin-top: -2px;display: block;}
    #docs li .n:hover{color: #206eb8;}
    #docs li .n:active{color: #0d2740;}

#items{list-style: none;margin: 3px auto 0;padding: 0 0 29px;}
  #items .product{border-top:4px solid #dde1e4;}
  #items .product:first-child{border:none;}
  #items .product .desk:before{content: "";width: 33px;height: 61px;position: absolute;top: 41px;right: 20px;background: url("img/all.png") -113px -68px;}
  #items .product .desk:hover:before{background-position: -148px -68px}
  #items .product .desk:active:before{background-position: -183px -68px}
  #items .product .desk{padding:0 285px 0 20px;width: 935px;margin: 0 auto;display: block;text-decoration: none;position: relative;overflow: hidden;}
  #items .product .desk:hover .n{color: #206eb8;}
  #items .product .desk:active .n{color: #0d2740;}

.product{padding: 49px 0 44px;margin: 0;}
.product:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
    .product .n{font-family: Arial;font-weight: bold;font-size: 30px;color: #0e4273;display: block;}
    .product .txt{color: #000;display: block;margin-top: 16px;}
  .product .it_menu{width: 1200px;margin: 19px auto 0;list-style: none;padding: 0 20px;overflow: hidden;}
    .product .it_menu li{float: left;margin: 0 35px 0 0;padding: 0;}
      .product .it_menu li a{font-family: 'informaprobold';font-size: 14px;color: #0e4273;text-transform: uppercase;text-decoration: none;display: block;border-bottom: 1px solid #c4d1dd;}
      .product .it_menu li a:hover{color: #206eb8;}
      .product .it_menu li a:active{color: #0d2740;}

#galery{margin: 0 auto -1px;width: 1200px;list-style: none;padding: 0 20px 0 22px;overflow: hidden;}
#galery:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
  #galery li.photo,#galery li.video{border:1px solid #c4d1dd;width: 399px;height: 346px;float: left;margin: -1px 0 0 -1px;padding: 0;border-top: none;z-index: 0;}
  #galery li.photo:hover,#galery li.video:hover{z-index: 1;border-color: #399fff;position: relative;}
  #galery li.photo:active,#galery li.video:active{z-index: 1;border-color: #8c97a2;position: relative;}
  #galery li.photo:hover:after,#galery li.video:hover:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;background-color: #399fff;border: none;}
  #galery li.photo:after,#galery li.video:after{content: "";width: 100%;height: 0;border-top: 1px solid #c4d1dd;position: absolute;left: 0;}
    #galery li.photo a,#galery li.video a{display: block;cursor: pointer;padding: 29px 24px 25px;height: 292px;text-decoration: none;overflow: hidden;}
    #galery li.photo a:hover:before,#galery li.video a:hover:before{content: "";position: absolute;top: 0px;left: 0;width: 100%;background-color: #399fff;height: 1px;border: none;}
    #galery li.photo a:active:before,#galery li.video a:active:before{content: "";position: absolute;top: 0px;left: 0;width: 100%;background-color: #8c97a2;height: 1px;border: none;}
      #galery li.photo a:active,#galery li.video a:active{background-color: #eee;}
      #galery li.photo a .d,#galery li.video a .d{font-size: 11px;color: #909090;text-transform: uppercase;position: relative;padding-left: 58px;height: 13px;overflow: hidden;}
      #galery li.photo a .d:before,#galery li.video a .d:before{content: "";width: 45px;height: 4px;position: absolute;left: 0;top: 4px;background: #f14950;}
      #galery li.photo a .t,#galery li.video a .t{font-family: Arial;font-weight: bold;font-size: 18px;color: #0e4273;display: block;line-height: 123%;margin-top: 1px;height: 44px;overflow: hidden;}
      #galery li.photo a:hover .t,#galery li.video a:hover .t{color: #206eb8;}
      #galery li.photo a:active .t,#galery li.video a:active .t{color: #0e4273;}
      #galery li.photo a .p{list-style: none;margin: 5px 0 0 -8px;padding: 0;width: 359px;height: 216px;overflow: hidden;}
      #galery li.photo a .p:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
        #galery li.photo a .p li{margin: 6px 0 0 8px;padding: 0;float: left;width: 171px;height: 102px;display: block;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
      #galery li.video a .v{display: block;width: 350px;height: 204px;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;margin: 17px 0 0;position: relative;}
      #galery li.video a .v:before{content: "";width: 59px;height: 59px;position: absolute;left: 50%;top: 50%;margin-left: -29px;margin-top: -29px;background:url("img/all.png") 0 -119px;}

#photo{list-style: none;margin: 10px 0 0 -9px;padding: 0;}
  #photo li{width: 293px;height: 204px;float: left;margin: 20px 0 0 9px;padding: 0;}
    #photo li a{display: block;width: 100%;height: 100%;background-color: #d3d3d3;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;position: relative;}
    #photo li a:hover:before{content: "";position: absolute;border: 2px solid #54a9f9;width: 289px;height: 200px;}
    #photo li a:active:before{content: "";position: absolute;border: 2px solid #004484;width: 289px;height: 200px;}

#overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #060d13;opacity: 0.9;z-index: 100000;}
#window_photo{z-index: 100001;position: fixed;top: 50%;left: 50%;margin-left: -512px;margin-top: -341px;width: 1024px;height: 683px;text-align: center;}
  #window_photo img{max-width: 100%;max-height: 100%;display: inline-block;}
  #window_photo .x{position: absolute;top: -53px;left: 50%;margin-left: -50px;font-family: Arial;font-weight: bold;font-size: 18px;color: #fff;text-transform: uppercase;display: block;text-decoration: none;}
  #window_photo .x:hover{color: #f14950;}
  #window_photo .x:active{color: #b3292e;}
  #window_photo .stl{position: absolute;left: -68px;top: 50%;margin-top: -24px;width: 29px;height: 48px;display: block;background: url("img/all.png") -61px -131px;}
  #window_photo .str{position: absolute;right: -68px;top: 50%;margin-top: -24px;width: 29px;height: 48px;display: block;background: url("img/all.png") -92px -131px;}
  #window_photo .stl:hover{background-position: -123px -131px;}
  #window_photo .str:hover{background-position: -154px -131px;}
  #window_photo .stl:active{background-position: -185px -131px;}
  #window_photo .str:active{background-position: -216px -131px;}

.character{width: 1200px;margin: 0 auto 60px;}

#footer{background: #f0f2f6;display: block;border-top: 1px solid #c4d1dd;height: 99px;}
  #footer .ct{height: 99px;}
    #footer .copy{position: absolute;top: 28px;font-weight: bold;font-size: 12px;color: #0e4273;line-height: 15px;}
        #footer .copy .c{font-weight: normal;display: block;}
    #footer .ph{position: absolute;top: 22px;right: 0;font-family: 'informaprolight';font-size: 18px;color: #0e4273;}
    #footer .ph:before{content: "";width: 8px;height: 13px;position: absolute;left: -16px;top: 11px;background: url("img/all.png") -278px 0;}
        #footer .ph ul{position: relative;top: 6px;display: inline-block;margin: 0;padding: 0;}
            #footer .ph ul li{border-left: 1px dotted #c4d1dd;margin: 0 8px 0 0;padding: 0 0 0 7px;float: left;display: block;font-family: 'informapromedium';}
            #footer .ph ul li:first-child{border: none;padding-left: 0;}