body{width:100%; height:100%; margin:0 auto; padding:0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-size: 12px; line-height: 16px; color: #000; background-color: #fff; font-family: 'NotoSerif-Regular',serif; font-weight: 400; font-style: normal; overflow-x:hidden !important; max-width: 100% !important; left: 0 !important;position:relative;} a:hover{text-decoration: none;} h1, h2, h3, h4, h5, h6{display:block; margin:0; padding:0; font-weight:bold;} p{display:block; margin:0; padding:0; font-weight:400;} #wrapper{width:100%; height:auto; margin:0 auto; position:relative; min-height:100%; overflow-x:hidden !important; max-width: 100% !important; left: 0 !important;} /*header*/ #header{padding: 15px 0 15px; box-sizing: border-box;} #header .header_top .logo{display: block;} #header .header_top .logo a{position: relative; display: block; width: 172px; height: 96px; background-position: center center; background-size: contain; background-image: url(../img/header/logo.gif); background-repeat: no-repeat;} #header .header_top .title{text-align: center;} #header .header_top .title h1{font-size: 28px; line-height: 38px; color: #005c5a; font-weight: 700; margin-bottom: 7px;} #header .header_top .title .h1{font-size: 28px; line-height: 38px; color: #005c5a; font-weight: 700; margin-bottom: 7px;} #header .header_top .title p{font-size: 18px; line-height: 27px; /*font-style: italic;*/ color: #54ae94;} #header .header_top .link a{display: block; text-align: right; font-size: 14px; line-height: 19px; color: #000; font-weight: 500;} #header .header_top .link a:nth-of-type(3){/*margin-top: 7px;*/} #header .header_top{margin-bottom: 40px;} #header .form{border: 1px solid #7e7e7e; box-sizing: border-box;} #header .header_bot form {width: 60%; height: 35px; position: relative;} #header .header_bot form input{width: 100%; height: 100%; border: none; font-size: 14px; line-height: 35px; color: #b3b3b3; padding: 0 50px 0 14px; box-sizing: border-box;} #header .header_bot form button{position: absolute; display: block; background-color: #54ae94; border: none; width: 46px; height: 37px; top: -1px; right: -1px;} #header .header_bot form button::after{content: ""; position: absolute; display: block; background: url(../img/header/3.svg) no-repeat center center; background-size: contain; width: 16px; height: 16px; top: 50%; right: 50%; margin-top: -8px; margin-right: -8px;} #header .header_bot .link{max-width: 361px; margin: 0 auto;} #header .header_bot .link a:nth-of-type(1){width: 172px; height: 35px; background-color: #54ae94; border: 1px solid #54ae94; border-radius: 10px 0; font-size: 16px; line-height: 35px; color: #fff; text-align: center; transition: all 0.5s ease;} #header .header_bot .link a:nth-of-type(1):hover{background-color: #fff; color: #54ae94; border: 1px solid #54ae94;} #header .header_bot .link a:nth-of-type(2){width: 172px; height: 35px; border: 1px solid #54ae94; box-sizing: border-box; border-radius: 10px 0; text-align: center; font-weight: 600; color: #54ae94; font-size: 18px; line-height: 32px; transition: all 0.5s ease;} #header .header_bot .link a:nth-of-type(2):hover{background-color: #54ae94; color: #fff; border: none; border: 1px solid #54ae94;} #header .header_bot .link_2 a{font-size: 16px; line-height: 22px; color: #000000; font-weight: 600; position: relative; margin-right: 10px; margin-left: 5px;} #header .header_bot .link_2 span a {font-size: 14px;} #header .header_bot .link_2 a.active::after{content: ""; position: absolute; display: block; width: 100%; height: 2px; background-color: #54ae94; left: 0; bottom: -16px;} #header .header_bot .link_2{margin-top: 20px;} #header .header_top .top{position: relative;} #header .vers-mob {position:absolute; top: 75px; right: 15px; z-index: 900;} #header .vers-mob a {color: #333;} #header .burger{width: 20px; height: 20px; position: absolute; display: none; cursor: pointer; top: 15px; right: -10px; z-index: 900;} #header .burger > div{width: 20px; height: 2px; background-color: #000;} #header .burger > div + div{margin-top: 6px;} #header .mobile{display: none;} #header .bburger{width: 20px; height: 20px; position: absolute; cursor: pointer; top: 5px; left: -5px; z-index: 900;} #header .bburger > div{width: 20px; height: 2px; background-color: #000;} #header .bburger > div + div{margin-top: 6px;} #header .bcross { position: absolute; background: url(../img/cross.svg) no-repeat center center; background-size: auto;background-size: contain;width: 20px;height: 20px;top: 5px;left: -5px;z-index: 910;} #header .bcross > div { display: none;} #header .bburger + span {display: none;} #header .bcross + span {display: inline;} /*end header*/ /*catalog*/ .catalog .video_block{background-color: #f0f8f7; padding: 55px 0 15px 0; box-sizing: border-box; border-top: 1px solid #54ae94; border-bottom: 1px solid #54ae94; position: relative; z-index: 30;} .catalog .video_block a {color:#54ae94;} .catalog .block_1 .item a{font-weight: 500; font-size: 20px; line-height: 33px; color: #000;} .catalog .block_1 .item img{position: relative; width: auto; height: auto; margin-right: 16px;} .catalog .block_1 .item a.active{border-bottom: 3px solid #54ae94;} .catalog .block_1{margin-bottom: 46px;} .catalog .block_1 .item{display: flex; flex-wrap: nowrap; margin-bottom: 0;} .catalog .block_2 .text_block p{color: #616161; margin-bottom: 8px;} .catalog .block_2 .big_block .image_block{position: relative; height: 692px; margin-bottom: 39px;} .catalog .block_2 .big_block .image_block a{position: relative; display: block; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;} .catalog .block_2 .big_block .text_block{display: flex; align-items: center;} .catalog .block_2 .big_block .text_block a{font-weight: 600; line-height: 25px; max-width: 890px; font-size: 18px;} /*.catalog .block_2 .big_block .text_block h1{font-weight: 600; line-height: 25px; max-width: 890px; font-size: 18px; margin-left: 18px;} */ .catalog .block_2 .big_block .text_block h1{font-weight: normal; line-height: 25px; /*max-width: 890px; font-size: 18px;*/ margin-left: 18px; color:#000;} .catalog .block_2 .big_block .tag a{color: #727272;} .catalog .block_2 .big_block{padding-bottom: 66px; margin-bottom: 56px; border-bottom: 1px solid #54ae94; box-sizing: border-box;} .catalog .block_2 .text_block span{position: relative; display: block; padding-left: 21px; color: #1b414d;} .catalog .block_2 .text_block span::before{content: ""; position: absolute; display: block; background: url(../img/catalog/4.svg) no-repeat center center; background-size: contain; width: 15px; height: 15px; left: 0; top: 50%; margin-top: -8px;} .catalog .block_2 .text_block a{color: #000; margin-left: 18px; display: block;} .catalog .block_2 .text_block{display: flex; flex-wrap: nowrap;} .catalog .block_2 .image_block{position: relative; /*height: 172px;*/ margin-top: 8px;} .catalog .block_2 .image_block a{position: relative; display: block; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;} .catalog .block_2 .image_block span{position: absolute; display: block; background: url(../img/catalog/8.svg) no-repeat center center; background-size: contain; width: 64px; height: 45px; top: 50%; left: 50%; margin-top: -23px; margin-left: -32px; z-index: 2; cursor: pointer;} .catalog .block_2 .item{margin-bottom: 40px;} .catalog .block_2 .item > div{position: relative; height: 100%; display: flex; flex-direction: column; /*justify-content: space-between;*/ justify-content: flex-end;} .catalog .info{padding: 49px 0 43px; box-sizing: border-box;} .catalog .info .title h2{margin-bottom: 17px; font-size: 24px; line-height: 33px; font-weight: 500;} .catalog .info .title p{font-size: 16px; line-height: 22px;} .catalog .info .image_block{position: relative; height: 193px;} .catalog .info .image_block a{position: relative; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100%; border-radius: 10px 0;} .catalog .link{display: flex; justify-content: center;} .catalog .link button{display: block; width: 328px; height: 35px; border: 1px solid #2d7e7a; background-color: #fff; border-radius: 10px 0; transition: all 0.5s ease; font-size: 16px; line-height: 20px; color: #2d7e7a; margin: 20px auto 0; box-sizing: border-box; text-align: center; font-weight: 600;} .catalog .link button:hover{background-color: #2d7e7a; color: #fff;} .catalog .project{margin-top: 34px; display: flex; flex-wrap: wrap; padding: 0 15px;} .catalog .project h3{margin-bottom: 31px; width: 100%; font-size: 18px; line-height: 25px; font-weight: 500;} .catalog .project .project_block{padding-left: 17px; border-left: 1px solid #54ae94;} .catalog .project .project_block > div{position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between;} .catalog .project .project_block .link_1{font-size: 14px; line-height: 19px; color: #000; font-weight: 600; display: block; margin-bottom: 36px;} .catalog .project .project_block > div > div{display: flex;} .catalog .project .project_block > div a img{position: relative; display: block; width: auto; height: auto; margin-right: 15px;} .catalog .project .project_block .mail{font-size: 14px; line-height: 19px; color: #6f6f6f;} .catalog .project .project_block .link_1 i{display: block;} /*end catalog*/ /*about*/ .about .about_block{padding: 51px 0 47px;} .about .letter{padding-bottom: 55px;} .about .letter h1{margin-bottom: 37px; font-size: 24px; line-height: 33px; font-weight: 700;} .about .letter h3{margin-bottom: 19px; font-size: 18px; line-height: 25px; font-weight: 600;} .about .letter .text p{font-size: 16px; line-height: 25px;} .about .letter .text p span{font-weight: 600;} .about .letter .text p:last-child{margin-top: 8px;} .about .letter .sign{margin-top: 44px;} .about .letter .sign p{font-size: 14px; line-height: 22px;} .about .letter .sign p span{font-weight: 600;} .about .letter .sign .sign_text{padding: 0 15px;} .about .letter .sign .sign_text img{position: relative; display: block; width: auto; height: auto;} /*end about*/ /*partners*/ .partners{padding: 51px 0 79px; box-sizing: border-box; background-color: #f0f8f7; border-top: 1px solid #54ae94;} .partners .list h1{margin-bottom: 42px; font-size: 24px; line-height: 33px; font-weight: 700;} .partners .list .item .image_block{position: relative; background-color: #bebebe; padding: 47px 23px 36px 39px; box-sizing: border-box; margin-bottom: 15px; height: 201px;} .partners .list .item .image_block a{position: relative; display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; width: 100%; height: 118px;} .partners .list .text_block a{margin-bottom: 5px; color: #000; font-size: 16px; line-height: 22px; font-weight: 600;} .partners .list .text_block p{font-size: 10px; line-height: 14px; color: #353535; text-indent: 10px;} .partners .list .item{margin-bottom: 58px;} .partners .list{margin-bottom: -58px;} .partners .list .item_1 .image_block{background-color: #ebebeb; padding: 47px 34px;} .partners .list .item_1 .image_block a{width: 100%; height: 107px;} .partners .list .item_2 .image_block{background-color: #eaeaea; padding: 47px 31px 66px 34px;} .partners .list .item_2 .image_block a{width: 100%; height: 88px;} /*end partners*/ /*footer*/ #subfooter{height: 216px;} #footer{/*margin-top: -216px;*/ padding: 42px 0 35px; box-sizing: border-box; height: 216px; position: relative; z-index: 20;} #footer .footer_top{margin-bottom: 25px; position: relative;} #footer .footer_top .logo{display: block;} #footer .footer_top .logo a{position: relative; display: block; /*width: 172px; height: 96px;*/ width: 86px; height: 48px; background-position: center center; background-size: contain; background-image: url(../img/header/logo.gif); background-repeat: no-repeat;} #footer .footer_top .link a{display: block; text-align: right; font-size: 14px; line-height: 19px; color: #000; font-weight: 500;} #footer .footer_top .link_mobile{display: none;} #footer .footer_top form{position: relative; width: 555px; height: 41px; margin-bottom: 32px; border: 1px solid #7e7e7e; box-sizing: border-box;} #footer .footer_top form input{width: 100%; height: 100%; border: none; font-size: 14px; line-height: 41px; color: #b3b3b3; padding: 0 50px 0 14px; box-sizing: border-box;} #footer .footer_top form button{position: absolute; display: block; background-color: #54ae94; border: none; width: 46px; height: 41px; top: -1px; right: -1px;} #footer .footer_top form button::after{content: ""; position: absolute; display: block; background: url(../img/header/3.svg) no-repeat center center; background-size: contain; width: 16px; height: 16px; top: 50%; right: 50%; margin-top: -8px; margin-right: -8px;} #footer .footer_top .link a:nth-of-type(3){/*margin-top: 9px;*/} #footer .footer_top nav ul{margin: 0; padding: 0; list-style: none;} #footer .footer_top nav ul li a{font-size: 14px; line-height: 22px; color: #000; font-weight: 600;} #footer .footer_bot .copy a{font-size: 11px; line-height: 19px; color: #717171; cursor: pointer;} #footer .footer_bot .copy a span{border-bottom: 1px solid #717171; transition: all 0.5s ease;} #footer .footer_bot .copy a span:hover{border-bottom: none;} #footer .footer_bot .name p{font-size: 11px; line-height: 19px; color: #717171; cursor: pointer;} #footer .footer_bot .name p a{color: #717171; border-bottom: 1px solid #717171; transition: all 0.5s ease;} #footer .footer_bot .name p a:hover{border-bottom: none;} #footer .footer_bot .copy{margin: 0 15px;} #footer .footer_top .top_link{position: absolute; display: none; width: 30px; height: 30px; background: url(../img/upp.svg) no-repeat center center; background-size: contain; z-index: 50; top: 25px; left: 15px;} /*end footer*/ /*popup*/ .popup{background-color: #f0f8f7; padding: 27px 10px; box-sizing: border-box; height: 100vh;} .popup .popup_block{padding: 47px 69px 50px 70px; width: 1153px; margin: 0 auto; background-color: #f0f8f7; border: 1px solid #54ae94; box-sizing: border-box;} .popup .title h2{margin-bottom: 38px; font-size: 24px; line-height: 33px; font-weight: 700;} .popup .title p{margin-bottom: 32px; font-weight: 500; font-size: 18px; line-height: 25px; font-style: italic;} .popup .list .item_1 label{position: relative; font-size: 16px; line-height: 22px; margin-right: 20px;} .popup .list .item_1 input{box-sizing: border-box; height: 41px; padding: 0 24px; border: 1px solid #8d8d8d; background-color: transparent; font-size: 14px; line-height: 18px;} .popup .list .item_1 .input_1 input{width: 256px;} .popup .list .item_1 .input_2 input{width: 281px;} .popup .list .item_2{margin: 40px 0;} .popup .list .item_1{margin-left: 0; margin-right: 0;} .popup .list .item_2 .input_3 input{width: 200px;} .popup .list .item_2 .input_4 input{width: 189px;} .popup .list .item_2 .input_5 input{width: 217px;} .popup .list .item_3 textarea{width: 100%; height: 71px; margin-bottom: 30px; box-sizing: border-box; border: 1px solid #8d8d8d; background-color: transparent; resize: none; padding: 5px;} .popup .list .item_3{margin-left: -15px; margin-right: -15px; margin-bottom: 22px;} .popup .list .item_4 label{position: relative; font-size: 16px; line-height: 22px; margin-bottom: 29px;} .popup .list .item_4 span{font-size: 10px; line-height: 14px;} .popup .list .item_4 label{position: relative; display: block; cursor: pointer; padding-left: 34px;} .popup .list .item_4 label span{position: relative; display: inline-block; vertical-align: top; font-size: 12px; line-height: 17px;} .popup .list .item_4 label span a{color: #000; text-decoration: underline;} .popup .list .item_4 label b{display: block; position: absolute; left: 0; top: 0; width: 25px; height: 25px; border: 1px solid #888; box-sizing: border-box; border-radius: 2px;} .popup .list .item_4 label input[type="checkbox"]{display: none;} .popup .list .item_4 label input[type="checkbox"]:checked + b::after{content: ""; position: absolute; display: block; width: 12px; height: 12px; background-color: #000; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px;} .popup .list .item_4 img{position: relative; display: block; width: 100%; height: auto;} .popup .list form button{width: 225px; height: 38px; display: block; margin: 47px auto 0; border-radius: 10px 0; background-color: #54ae94; font-size: 16px; line-height: 20px; color: #fff; border: none; transition: all 0.5s ease;} .popup .list form button:hover{background-color: #fff; color: #54ae94; border: 1px solid #54ae94;} /*end popup*/ /*popup_2*/ .popup_2{background-color: #f0f8f7; padding: 27px 10px; box-sizing: border-box;height: 100vh;} .popup_2 .popup_block{padding: 44px 79px 66px 78px; width: 1022px; margin: 0 auto; background-color: #f0f8f7; border: 1px solid #54ae94; box-sizing: border-box;} .popup_2 .title h2{margin-bottom: 46px; font-size: 24px; line-height: 33px; font-weight: 700;} .popup_2 .list .item_1 label{position: relative; font-size: 16px; line-height: 22px; margin-right: 14px;} .popup_2 .list .item_1 input{box-sizing: border-box; height: 41px; padding: 0 24px; border: 1px solid #8d8d8d; background-color: transparent; font-size: 14px; line-height: 18px;} .popup_2 .list .item_1 .input_1 input{width: 281px;} .popup_2 .list .item_1 .input_2 input{width: 217px;} .popup_2 .list .item_2{margin: 32px 0;} .popup_2 .list .item_1{margin-left: 0; margin-right: 0;} .popup_2 .list .item_2 .input_3 input{width: 281px;} .popup_2 .list .item_2 .input_4 input{width: 217px;} .popup_2 .list .item_3{margin-left: -15px; margin-right: -15px; margin-bottom: 44px;} .popup_2 .list .item_3 label{position: relative; font-size: 16px; line-height: 22px; margin-bottom: 29px; display: block; cursor: pointer; padding-left: 34px;} .popup_2 .list .item_3 span{font-size: 10px; line-height: 14px;} .popup_2 .list .item_3 label span{position: relative; display: inline-block; vertical-align: top; font-size: 12px; line-height: 17px;} .popup_2 .list .item_3 label span a{color: #000; text-decoration: underline;} .popup_2 .list .item_3 label b{display: block; position: absolute; left: 0; top: 0; width: 25px; height: 25px; border: 1px solid #888; box-sizing: border-box; border-radius: 2px;} .popup_2 .list .item_3 label input[type="checkbox"]{display: none;} .popup_2 .list .item_3 label input[type="checkbox"]:checked + b::after{content: ""; position: absolute; display: block; width: 12px; height: 12px; background-color: #000; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px;} .popup_2 .list .item_4{max-width: 643px; margin: 0 auto;} .popup_2 .list .item_4 img{position: relative; display: block; width: 100%; height: auto;} .popup_2 .list .item_4 button{width: 225px; height: 38px; border-radius: 10px 0; background-color: #54ae94; font-size: 16px; line-height: 20px; color: #fff; border: none; transition: all 0.5s ease;} .popup_2 .list .item_4 button:hover{background-color: #fff; color: #54ae94; border: 1px solid #54ae94;} /*end popup_2*/ /*select*/ select.nice, .selectBox{width: 40%; padding-right:40px; outline:none !important; box-sizing:border-box; position:relative; vertical-align:top; padding-left:11px; cursor:pointer; height:35px; line-height:35px; font-size:12px; position:relative; text-decoration:none; background:#fff; color:#676767;} .selectBox::after{content: ""; position: absolute; display: block; width: 1px; height: 28px; background-color: #9d9d9d; right: 0; top: 50%; margin-top: -14px;} .selectBox:hover{color:#000; text-decoration:none;} .selectBox-label{padding:0; white-space:nowrap; position:relative; text-overflow:ellipsis; z-index:400;} .selectBox-arrow{position:absolute; transition: all 0.5s ease; z-index:300; background:url(../img/header/2.svg) no-repeat center center; background-size: contain; width:12px; height:8px; cursor:pointer; top:50%; margin-top:-4px; right:20px;} .selectBox-menuShowing .selectBox-arrow{transform: rotate(180deg);} .selectBox-dropdown-menu{position:absolute; list-style:none; background:#fff; margin:0; padding:0; z-index:990; border:1px solid #c4c4c4; margin-top:5px; max-height:290px; overflow:auto;} .selectBox-dropdown-menu li{display:block; outline:none !important;} .selectBox-dropdown-menu li a{font-size:14px; color:#2d2d31; line-height:22px; list-style:none; outline:none !important; padding-left:15px; padding-right:15px; display:block; cursor:pointer; white-space:normal;} .selectBox-dropdown-menu li a:hover{background-color:#f5f5f5; text-decoration:none;} a.red_color {/*color: #cc0000 !important;*/ } .image_block img {width:100%; height:auto;} .toprec {/*text-transform: uppercase;*/ font-size: 1.9em; padding: 20px 0 20px 20px; margin: -10px auto 40px auto;; line-height: 1.5em;} .toprec a { color: #fff; display: inline-block; padding: 5px 10px; background-color: #54ae94; border-radius: 10px 0; transition: all 0.5s ease; border: 1px solid transparent;} .toprec a:hover { color: #54ae94; background-color: #fff; border: 1px solid #54ae94; } /*a:hover {text-decoration: underline;}*/ /* **************************** */ .invest-main {margin-top: 0px; padding-right: 45px;} .invest-main h2{margin-bottom: 30px; font-size: 24px;/*font-weight: bold;*/} .invest-inner {position: relative;padding-right: 0; margin-bottom: 15px;} .invest-inner img{width: 100%; height:auto; margin-bottom: 15px; display:block !important; background-size:cover; background-position: top center; } .invest-inner .img-title{position: absolute;width:calc(100% - 15px); min-height: 86px; background-color: rgba(0,0,0,0.25); left:15px; z-index: 10; color: #fff;font-size: 16px; font-size: 13px; padding: 10px; word-wrap: break-word;} .invest-main h2, .invest-main h3{margin-bottom: 20px;} .invest-main h2, .invest-main h2 a, .invest-main h3, .invest-main h3 a {color:#000 !important; font-size: 20px; font-size: 18px;} .invest-main a {color:#000 !important;} .invest-main p{font-size: 16px; font-size: 14px; line-height:1.25em;} .tek-map-main {/*padding-top: 20px;*/} /* 2022-08-22*/ .tek-map-main h2, .tek-map-main h2 a, .tek-map-main h3, .tek-map-main h3 a {color:#000 !important; font-size: 20px; font-size: 18px;} .tek-map-main img{width:100%; height:auto;} .tek-map-main .tek-map-inner{/*padding-top: 10px;*/ color: #000; text-shadow: 0 0 1em #fff;} .tek-map-main p{font-size: 16px; font-size: 14px; line-height:1.25em;} .news-main {/*padding-top: 20px;*/} /* 2022-08-22*/ .news-main h2, .news-main h2 a, .news-main h3, .news-main h3 a {color:#000 !important; font-size: 20px; font-size: 18px;} .news-main p{padding-bottom: 15px;} .news-main a{color:#000 !important;} .news-main p{font-size: 16px; font-size: 14px; line-height:1.25em;margin-right: 30px !important;} .invest-main h2, .invest-main h3, .tek-map-main h2, .tek-map-main h3, .news-main h2, .news-main h3 {margin-bottom: 30px !important;} /* **************************** */ .members-main {margin-top: 0px; padding-right: 15px;} .members-main h2{margin-bottom: 30px; font-size: 24px;/*font-weight: bold;*/} .members-main .members-inner { font-size: 16px; padding: 10px 0; } .members-main .members-inner img{ margin-right: 5px; } .members-main > div > .members-inner:first-child img{margin-left: 5px; margin-right: 10px !important; } .members-main .members-inner a { color: #000; } .members-main h2, .members-main h2 a, .members-main h3, .members-main h3 a {color:#000 !important; font-size: 20px;} .members-news-main {/*padding-top: 20px;*/} .members-news-main h2, .members-news-main h2 a, .members-news-main h3, .members-news-main h3 a {color:#000 !important; font-size: 20px;} .members-news-main p{padding: 10px 0; font-size: 16px; font-size: 14px; line-height: 1.25em;} .members-news-main a{color:#000 !important;} .new-members-main {/*padding-top: 20px;*/} .new-members-main h2, .new-members-main h2 a, .new-members-main h3, .new-members-main h3 a {color:#000 !important; font-size: 20px; margin-bottom: 20px;} .new-members-main .new-members-inner { margin-bottom: 15px;} .new-members-main .new-members-inner img { width: 70%; height: auto; display: block; background: no-repeat center center; background-size: contain; margin: auto;} .members-video-main {padding-top: 20px;} .members-video-main h2, .members-video-main h2 a, .members-video-main h3, .members-video-main h3 a {color:#000 !important; font-size: 20px; margin-bottom: 30px !important;} .members-video-main .members-video-inner { margin-bottom: 15px;} .members-video-main .members-video-inner img { width:100%; height: auto; margin-bottom: 15px; display:block !important; background-size:cover; background-position: top center; } .members-foreign-main {padding-top: 5px;} .members-foreign-main .members-foreign-inner img { width:100%; height: auto; } /* **************************** */ .video-main { /*padding-top: 20px;*/ } .video-main h2 { font-size: 24px;font-weight: bold; } .video-main .video-inner { display: flex; flex-direction: column; justify-content: flex-start; margin-top: 30px; } .video-main .video-inner h2, .video-main .video-inner h2 a, .video-main .video-inner h3, .video-main .video-inner h3 a {color:#000 !important; font-size: 18px; margin-bottom: 15px; } .video-main .video-inner div {text-align: justify;} .video-main .video-inner img {width:100%; height: auto; display:block !important; background-size:cover; background-position: center center; } .stream-on-main { justify-content: flex-start !important; } .stream-on-main h2, .stream-on-main h2 a, .stream-on-main h3, .stream-on-main h3 a { visibility: hidden; } .stream-on-main:first-child h2, .stream-on-main:first-child h2 a, .stream-on-main:first-child h3, .stream-on-main:first-child h3 a { visibility: visible; } /* **************************** */ .fourth-main { padding-bottom: 20px;} .fourth-main .inner { padding-bottom: 20px;} .fourth-main .inner img { width:100%; height: auto;} .fourth-main .inner.partner img { width: 78%; /*margin: 10px auto 0 auto;*/ margin: 10px 10px 0 0; display:block !important; background-size:contain; background-repeat: no-repeat; background-position: center center; } .fourth-main .inner h2, .fourth-main .inner h2 a, .fourth-main .inner h3, .fourth-main .inner h3 a {color:#000 !important; /*font-size: 18px; */ } .fourth-main .inner p {padding: 10px 0; font-size: 16px; font-size: 14px; line-height: 1.25em;} .fourth-main .inner p .date {/* color: #54ae94; */} .fourth-main .inner p a { color: #000; } /* **************************** */ .catalog h1, .catalog .h1 {font-size: 24px; font-weight: bold; color:#54ae94; margin-top: 30px; margin-bottom: 10px;} .invest-inner.second {padding-right: 30px; padding-bottom: 45px;} .invest-inner img{margin-bottom: 0;} .invest-inner.second .img-title{width:calc(100% - 45px);} /* **************************** */ .news-page { margin-bottom: 50px; } .news-page img { /*width:auto !important;*/ width:auto; height:auto !important; max-width: 90% !important; margin: 5px 15px 5px 15px;} .news-page img[style="float: left;"] {margin: 5px 15px 5px 0;} .news-page img[style="float: right;"] {margin: 5px 0 5px 0 15px;} .news-page img.alone{width: 100%; max-width: 100%; height: auto; display: block !important; background-size: contain; background-position: top center; margin: 0; background-repeat: no-repeat; background-color: #efefef; } .news-page .date{ color: #54ae94; /*font-size:12px;*/ } .news-page .cat{ color: #999; font-size:12px; } .news-page a{ color: #000 !important; } .news-page .first-news-inner{margin-bottom: 20px;} .news-page .first-news-inner p{margin-top: 15px; font-size: 14px;} .news-page .news-inner{/*margin-bottom: 20px;*/} .news-inner p { margin: 0 0 5px 0; } .news-page .foreign-inner{/*margin-bottom: 20px;*/ margin-top: 40px; max-width: inherit;} .news-page .foreign-inner img{ display: block; width: auto; height: auto; max-width: 95%; background:none;} .news-content {font-size: 14px; line-height:20px;} .news-content p { margin: 0 0 10px 0; } .news-content a { color: #54ae94 !important; } .news-page.members p{ margin: 0 0 20px 0;} .news-page h1 { font-weight: normal; color: #000; } .news-content .send-us-news { /*text-align: right;*/ margin-top: 20px;} .useful-links { white-space: nowrap; color: #777; margin-top: 30px; clear: both;} .useful-links .ic { font-size: 10px; } .useful-links a{ color: #777 !important;} .useful-links div { margin-bottom: 10px; } .other-news { margin: 20px 0 10px 0; text-align: center; } .other-news a {color: #000 !important; } .news-page.members { /*margin-top:-30px;*/ margin-bottom: 0px; } /* **************************** */ body {font-size: 13px;} /* **************************** */ .video_block h2 { font-size: 20px !important; font-size: 18px !important; margin: 0px 0 20px 0; } .video_block h3 { font-size: 20px !important; font-size: 18px !important; margin: 0px 0 20px 0; } .all {margin-top: 15px; text-align: center; display: flex; justify-content: space-between;} .all a { color: #54ae94 !important;; } h1 a, h2 a, h3 a, .h1 a {color: #005859 !important;} .video_block .itemH { display: inline-block; margin-left: 10px; font-size: 16px;} .video_block h1.itemH { text-decoration: underline; } .news-list h2{font-size: 14px !important; margin-bottom: 12px;} /* **************************** */ .catalog {background-color: #f0f8f7;} .catalog .video_block {max-width: 1400px; margin: auto; padding-top: 50px; padding-bottom: 20px;} .catalog .video_block{border-bottom: none; } .catalog .video_block:first-child {border-top: none;} header {border-bottom: 2px solid #54ae94;} footer {border-top: 2px solid #54ae94;} .tek-map-main, .news-main {/*padding-top: 40px;*/} /* 2022-08-22*/ .members-news-main, .new-members-main, .members-video-main, .members-foreign-main {/*padding-top: 40px;*/} .video-main h2 {margin-bottom: 10px;} .video-main .video-inner {margin-top: 30px;} .video-main .video-inner h3 {visibility: hidden;} .video-main .video-inner:first-child h3 {visibility: visible;} .video-inner .video img { margin-bottom: 15px;} .read-more { margin: 20px 0 0 0; font-size: 15px;} .text-right { text-align: right; } .read-more a { color: #0e5d5c !important;} .form_up {float: right; font-size: 12px; margin-top: 10px;} .form_up a {color: #000 !important; font-size: 14px;} .news-content h1 {margin-bottom: 20px;} .useful-links {justify-content: space-between;} .ic {margin: 0 15px;} i.fa {font-size: 1.5em; vertical-align: middle;} /* **************************** */ .video_block.events h1 {color: #005859 !important; margin-bottom: 45px;} .video_block.events h2 {color: #54ae94 !important; margin-bottom: 40px;} .video_block.events .news-events .event {margin-bottom: 40px; font-size: 20px; line-height:1.2em; clear:both; display: flex;} .video_block.events .news-events .event a {color: #000;background-color: #fff; padding: 30px; border: #e1e1e1 solid 2px; border-radius: 4px; display:block; margin-right: 15px; min-height: 230px; width: 100%;} .video_block.events .news-events .event .date {margin-bottom: 30px; font-weight: bold;} .video_block.events .news-events .event .event-pic {width: 180px; height:180px; background-size:contain; background-repeat: no-repeat; background-position: center center; float: left; margin-right: 10px; } .video_block.events .news-events .event .name {margin-left: 190px; } /* **************************** */ /*.classif .inner{padding-right:0;}*/ .classif { margin-bottom: 15px; clear: both;} .classif .inner:last-child{padding-right:15px;} .classif .inner .links{background-color: #fff; padding: 10px; margin-bottom: 15px; height: 100%;} .classif .inner h3, .classif .inner h2 {font-size: 14px !important; margin: 0 0 5px 0; font-weight: bold; /*cursor: pointer;*/ position: relative;} .classif .inner .links .block{ margin-left:5px; padding-left:10px; border-left: 1px solid rgba(0,0,0,0.2); /*display:none;*/ transition: all 0.5s ease; padding-top: 5px;} .classif .inner .links .block.active{display:block;} .classif .inner .links a, .classif .inner .links .nomina{display: block; /*white-space: nowrap;*/ text-overflow: ellipsis; width: 100%; font-size: 12px; padding: 2px 0; color: #353C41; overflow: hidden; padding-left: 10px; cursor: pointer;/*height: 20px;*/} .classif .inner .links a:hover, .classif .inner .links .nomina:hover {background-color: #54ae9455;} .classif .inner .links a.active, .classif .inner .links .nomina.active {font-weight: bold;background-color: #f5f5f5;background-color: #54ae9455;} /*.classif .inner .hid {position: relative; height:0;}*/ /*.classif .inner .hid .noShow {position:absolute; z-index:1000; }*/ .classif .inner .links .block3 a{display: inline-block; white-space: nowrap; text-overflow: ellipsis; width: 32%; font-size: 12px; padding: 2px 0; color: #353C41; overflow: hidden;} .classif .inner .links .block5 a{display: inline-block; white-space: nowrap; text-overflow: ellipsis; width: 19%; font-size: 12px; padding: 2px 0; color: #353C41; overflow: hidden;} .shhicl {position: absolute; transition: all 0.5s ease; z-index: 300; background: url(../img/header/2.svg) no-repeat center center; background-size: contain; width: 12px; height: 8px; cursor: pointer; top: 0; margin-top: 4px; right: 7px; display: none;} .shhicl.active{transform: rotate(180deg);} .classif .inner .links .block33 a{display: inline-block; white-space: nowrap; text-overflow: ellipsis; width: 18.5%; font-size: 12px; padding: 2px 0; color: #353C41; overflow: hidden; text-align: center;} .company {margin: 10px 0;} .company .pic-item {margin: 10px 0;position: relative;border: 1px solid #54ae9455;} .factory-shop { position: absolute; top: -7px; color: #109; padding: 1px 4px; border: 1px solid #109; border-radius: 10px; right: -5px;} .company .pic-item img {width: 100%; background: no-repeat center center; background-size: contain; height: auto; background-color: #fff !important; border: 1px solid #00000010;} .company .link-item {margin: 0 0 10px 0; text-align: center;} .company .link-item a {color: #353C41;} /* **************************** */ .companies.info1 {margin-top: 30px;} .companies.info1 h1, .companies.info1 .h1 {color: #000; margin-bottom: 20px;} .companies.info1 .menu .item, .companies.info1 .menu h2.item { font-size: 14px !important; font-weight:bold; margin-bottom: 6px;} .companies.info1 .menu .item .fa{ font-size: 11px; vertical-align:middle; margin-right: 10px;} .companies.info1 .menu .item a{ color: #353C41;} .companies.info1 .menu .item.active a, .companies .menu .item a:hover{ color: #54ae94 !important;} .companies.info1 .logo {text-align: right;} .companies.info1 .logo img {max-width: 90%; width:230px; height: auto; background: no-repeat center center; background-size: contain; } .companies.info1 .general-info {/*margin-top:30px;*/} .companies.info1 h2, .companies.info1 h3, .companies.info1 h4 {font-size:18px !important; line-height:1.0em; margin: 40px 0 15px 0; /*padding-bottom:15px; border-bottom: #54ae94 solid 1px;*/} .companies.info1 .general-info .qu, .companies.info1 .general-info .an {margin-bottom:5px;} .companies.info1 .general-info .an {font-weight: bold;} .companies.info1 .company-right h3, .companies.info1 .company-right h4 {border: none; margin-top:0;} .companies.info1 .company-right .news-date { color: #54ae94;} .companies.info1 .company-right .news-name {margin-bottom: 20px;} .companies.info1 .company-right .news-name a {color: #353C41;} .companies.info1 .company-right .news-name a:hover {color: #54ae94;} .companies.info1 .company-right .members-video-inner {margin-top: 30px;} .companies.info1 .company-right .members-video-inner img{width: 100%; max-width: 350px; height: auto; margin-bottom: 10px; display: block !important; background-size: cover; background-position: top center;} .companies.info1 .company-right .members-video-inner .name {} .companies.info1 .company-right .members-video-inner .name a{color: #353C41;} .companies.info1 .company-right .members-video-inner .name a:hover{color: #54ae94;} /* **************************** */ .bd-page .item {margin-bottom:40px; /*font-size: 14px !important;*/} .bd-page .item .date{margin: 0 0 15px 0;} .bd-page .item .img{} .bd-page .item img{max-width: 250px; width:100%; background: no-repeat center center; background-size: cover; } .bd-page .item .txt{padding-left: 0; /*padding-top: 20px;*/ padding-top: 0px;} .counts {display: none; visibility: hidden;} .news-content table {height: auto;} .news-content table, .news-content table tbody, .news-content table thead, .news-content table tr, .news-content table td, .news-content table th {width: auto !important; max-width:100% !important; float: none;} .news-content table {margin: 15px 0 0 0;} /*.news-content table tr {margin: 0 0 15px 0;}*/ table, .main-contents table tbody, .main-contents table thead, .main-contents table tr, .main-contents table td, .main-contents table th {width: auto !important; max-width:100% !important; float: none;} .main-contents table {margin: 15px 0 0 0;} /*.main-contents table tr {margin: 0 0 15px 0;}*/ .main-contents .event-img {float:right; height: 100px; max-width: 40% !important; } /* **************************** */ .birthday .choice a {display: inline-block; width: auto; position: relative; padding: 0px 40px 25px 0;} .birthday .block {display:none;} .birthday .block.active {display:block;} .birthday .choice .block33 a {display: inline-block; width: 18.5%; font-size: 12px; padding: 2px 0; color: #353C41; text-transform: uppercase; text-align: center;} /* **************************** */ .above_order_form {width:90%;max-width:600px;margin:auto;padding:30px;background-color:#f0f8f7;border:1px solid #54ae94;border-radius: 3px;} .above_order_form button i.fa { font-size:16px;} .above_order_form .in_order_form {position:relative;margin-left:auto; top:-15px;right: -15px;} .above_order_form h4 {text-align:center;font-size: 16px; font-weight: 700; line-height: 22px; margin-bottom: 24px; margin-top: 0px} .above_order_form form input[type="text"], .above_order_form form select, .above_order_form form textarea { display: block; margin: 15px 0; width:100%; border:1px solid #54ae94; padding: 10px 15px;border-radius: 3px;} .above_order_form form button {display:block;font-size:15px;font-weight:400;text-align:center;width:280px;color:#fff;background: #44AD95; border: none; border-radius: 3px;height: 32px; margin: 25px auto;} .above_order_form form .form-privacy {text-align:center;} .above_order_form a {color:#54ae94;} /* **************************** */ .static img{max-width:none;} .info-item {font-size:14px !important; line-height: 18px !important;} .info-item p, .info-item ul, .info-item table {margin: 0 !important; padding: 0 !important} .info-item ul {padding-left: 30px !important;} .oppinion img {max-width:100% !important; height:auto !important; } .vco {margin: 15px 0;} .vco img {width: 100%; max-width: 500px; height: auto; margin-bottom: 10px; display: block !important; background-size: cover; background-position: top center; cursor: pointer;} .vco .myVideo {position:relative; padding: 0 0 56.25% 0; height:0; overflow:hidden;} .vco .myVideo iframe, .vco .myVideo object, .vco .myVideo embed {position:absolute; top:0; left:0; width:100%; height:100%;} .servprod p {padding: 10px 0 !important;} /* **************************** */ .block_1.with .item{display: block !important;} .block_1.with .lessthen {font-size: 0.9em !important; margin-left: 50px;display: inline-block; line-height: 1.5em !important; margin-bottom: 10px; } .project-img {width: 100%; max-width: 300px; height: auto; float: right; margin-left: 20px;} .project_description p {margin-bottom: 10px !important;} .container.tek-map h1 {font-weight: normal; color:#000;} .foreigns div { text-align: center; } .foreigns img { max-width: 100%; height:auto; margin: 15px 0; } #toTop { display: none; background-color: #B3B3B3; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 20px; right: 10px; transition: background-color .3s; z-index: 1000; } #toTop:hover { cursor: pointer; background-color: #2F9D84; } #toTop img { width: 24px; height: auto; margin-top: 12px; } .catalog table { max-width: 100% !important; } .catalog table td { vertical-align: top !important; padding: 3px 2px !important; word-wrap: break-word !important; hyphens: auto !important; width: auto !important; } .catalog table tr:nth-child(2n) { background-color:#f6fafb !important; } .members-foreign-inner {margin-bottom:15px;} .project-foreign { text-align: center; margin-top: 30px; margin-bottom: -30px; } .project-foreign img { max-width:100%; height: auto; } .news-inner ul{ list-style-position: inside; } .breadcrumb div:last-child .delim{display:none;} .portrait{ position: absolute; top: 0; bottom: 0; left: 15px; right: 15px; width: calc(100% - 30px) !important; object-fit: cover; object-position: top; height: 100%; } .nominations {display:none;} .nominations.active {display:block;} .nomin { background: #54ae9420; cursor: pointer; padding: 10px 15px 5px 15px; padding-top: 10px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; } .nomin.active, .nomin:hover { color: #000; background: #54ae9480; } /*.company {transition: all 1s ease 0s;} .company {transition-duration: 0.5s;}*/ .staff strong {/* font-weight: normal; */} .region-choice { margin: 10px 5px; overflow-y: auto; max-height: 230px; } #r-c { padding: 2px 3px; }