html { height:100%; }
body { width:100%; margin:0;padding:0; background-color:#ffffff; }
body, p, table, thead, tbody, tfoot, tr, td, th, span, ul, li, input, select, textarea, time, div { font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; line-height:1.2857; color:#515151; }
table,td{border:none;}
img{border:none;}
p,form { padding:0; margin:0; }
section,article,aside,ul,li,figure,small,header,footer,nav,main { padding:0; margin:0; border:0; outline:0; display:block;}
ul,li { list-style:none; list-style-image:none; }
.table_collapse { border-collapse:collapse;padding:0; margin:0; border:0; }
.table_collapse td { padding:0; margin:0; }
a { cursor:pointer;}
a:link, a:visited { font-family:inherit; color:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.w-link a:link, .w-link a:visited { color: #0895d2; text-decoration: none; }
.w-link a:active, .w-link a:hover { color: #0895d2; text-decoration: underline; }
.clear { clear: both; font-size:0; line-height:0; margin:0; padding:0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /*to container of which all the children are floating*/
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.border_r_2 { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.border_r_4 { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.border_r_6 { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.border_r_8 { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
h1,h2,h3,h4,h5 { margin:0; padding:0; line-height:1.2; }
.phead { background-color:#f4f4f4; padding:15px 0 15px 0; margin-bottom:30px; }
h1 { font-size:26px; color:#000; font-weight:700; line-height:1; /*letter-spacing:-1.5px !important;*/ }
h2 { color:#000; font-weight:400;}
h2 a:active, h2 a:hover { color:#0895d2; text-decoration: none; }
h3 { color:#000; font-weight:700;}
h3 a:active, h3 a:hover { color:#0895d2; text-decoration: none; }
h4 { color:#000; font-weight:400; }
h4 a:active, h4 a:hover { color:#000; text-decoration: underline; }
.f_size_xs { font-size:12px;}
.f_size_s { font-size:14px;}
.f_size_m { font-size:16px;}
.f_size_l { font-size:20px;}
.f_size_xl { font-size:24px;}
.f_size_xxl { font-size:28px;}
hr { height:1px; border:0; background-color:#dfe1ee; margin:25px 0 25px 0; padding:0; clear:both; }
b, strong, .bold { font-weight:700; }
em { font-style:italic; }
small { font-size:12px; line-height:14px; }
time { display:block;}
.relative { position:relative;}
.def_cursor { cursor:default !important; }
.d_table { display:table; height:100%; }
.d_table .d_col { display:table-cell; vertical-align:middle; height:100%; }
.item_center { margin:0 auto; }
.pos_over { position:absolute; top:0; left:0; right:0; bottom:0; }
.centered { text-align:center !important; }
.centered img { margin:0 auto; }
/********* ***************/
#OverallBlockBg { display:none; position: fixed; width: 100%; height: 100%; background-color:#f1f1f1; z-index:100; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.80; text-align:center; top:0; left:0; z-index:100 !important; }
#OverallBlock { display:none; position:fixed; left:0; right:0; bottom:0; top:0; width:100%; height:100%; z-index:101 !important; text-align:center; }
#OverallBlock .block_cell { display:table; width:100%; height:100%; text-align:center; }
#OverallBlock .block_body { display:table-cell; height:100%; vertical-align:middle; position:relative; text-align:center; }
#OverallBlock .block_body a#overallclose{ position:absolute; float:right; top:8px; right:8px; cursor:pointer; width:18px; height:17px; background:url(images/close_btn.png) no-repeat; text-indent:-9999px; display:none; }
#OverallBlock .block_body a#overallclose:hover{ text-decoration:none;}
#OverallBlockBody { width:30%; margin:0 auto; background-color:#fff; padding:25px; box-shadow: 4px 4px rgba(0,0,0,0.10);}
/**********GENERAL ***************/
#page_h { z-index:2; position:relative;}
#page_h .d_table { width:100%;}
#page_h .d_col { height:110px; vertical-align:middle;}
/*#page_h .top_row { padding:10px 0 10px 0; }*/
#page_h .logo_img { background:url(images/top_logo.png) no-repeat center center; background-size:cover; width:240px; height:60px; position:absolute; top:25px; left:0; }
#page_f { z-index:1; position:relative; }
#page_f .r1 { background-color:#f1f1f1; padding:25px 0 25px 0; border-top:1px solid #cecece; border-bottom:1px solid #cecece; }
#page_f .r2 { background-color:#fff; padding:25px 0 25px 0; }
#page_f .credits { color:#000; line-height:25px; }
#page_f a:active, #page_f a:hover { text-decoration: underline; }
#page_f .acca { width:100%; }
#page_f .acca .icon{ width:180px; vertical-align:top; float: left; }
#page_f .acca .info { padding-left:15px; }
#page_f .acca .info p:nth-child(2) { margin-top:10px; }
.langs { font-size:14px; margin:0 0 10px 0; font-weight:700; color:#737373; }
.langs a { display:inline-block; margin-right:10px;}
.langs a:hover,
.langs .sel { color:#0895d2; }
.ftime_b { padding:10px 15px 10px 15px; width:100%; background-color:#253779; height:75px;}
.ftime_b .d_col { height:55px; width:100%; }
.ftime { background: url(images/time_icon.png) no-repeat left center; min-height:55px; padding-left:65px; color:#fff; font-weight:300; }
.bot_menu { background-color:#253779; padding:20px 20px 5px 10px; }
.bot_menu .col-block { float:left; width:20%; padding:0 10px 0 20px; }
.bot_menu .item_box { margin-bottom:30px; }
.bot_menu .item_box .L1 { color:#fff; padding-bottom:15px; font-weight:300; }
.bot_menu .item_box ul.sup_list li { font-weight:300; color:#fff; padding: 4px 0px 4px 0; position:relative; }
.bot_menu .item_box a:hover, .bot_menu .item_box a:active { text-decoration:underline; }
.smedia { text-align:right; }
.smedia a { display:inline-block; margin-left:5px; width:30px; height:30px; background-position:center center; background-repeat:no-repeat; background-size:cover !important; }
.smedia a.fb { background:url(images/fb_btn.png);}
.smedia a.gplus { background:url(images/gplus_btn.png);}
.smedia a.tw { background:url(images/tw_btn.png);}
.smedia a.in { background:url(images/in_btn.png);}
.smedia a:hover, smedia a:active { text-decoration:none !important; }
.mob_btn { margin:0 4px 0 4px; position:relative; float:right; border:none; border-right:1px solid #34b34a; border-bottom:1px solid #34b34a; background-color:#34b34a; padding: 9px 10px; }
.mob_btn .icon-bar { display: block; background-color: #fff !important; width: 22px; height: 2px; border-radius: 1px;}
.mob_btn .icon-bar + .icon-bar { margin-top: 4px; }
.mob_btn:focus { outline:none; }
.mob_btn:hover { background-color:#25ae3d;}
.m_search_btn { width:42px; height:34px !important; background:#34b34a url(images/search_btn_s.png) no-repeat center center;}
.search_box { display:none; /*height:48px; background-color:#d4ba3a; margin-left:10px;*/ }
.search_box .inner { height:36px; background-color:#fff; border:1px solid #d6d6d6; }
.search_box .searchfield { margin:2px 0 0 4px; float:left; color:#000; width:80%; height:30px; font-size:14px; padding-left:5px; }
.search_box .searchfield::-webkit-input-placeholder { color:#757575;}
.search_box .search_btn { /*border-left:1px solid #d6d6d6;*/ float:right; width:40px; height:34px; background:url(images/search_on_btn.png) no-repeat center center; }
.search_box .search_btn:hover { background-image:url(images/search_over_btn.png);}
.search_box input { border:none; }
.search_box input:focus { outline:none;}
#topic { position:relative; background-position:right center; background-size:cover; background-repeat:no-repeat; position:relative; height:320px; }
#topic .stag { position:absolute; bottom:10%; right:7%; max-width:50%; }
.bcrumb_row { padding:20px 0 20px 0;}
.bcrumb_bar { color:#000; }
.bcrumb_bar a:active, .bcrumb_bar a:hover { text-decoration:underline; color:#000; }
.bcrumb_bar span { font-size:inherit; color:#000;}
.mar-top-a { margin-top:10px;}
.mar-top-b { margin-top:15px;}
.mar-top-c { margin-top:20px;}
.mar-top-d { margin-top:25px; }
.mar-top-e { margin-top:35px; }
.mar-top-0 { margin-top:0 !important;}
.mar-bot-a { margin-bottom:25px;}
.mar-bot-b { margin-bottom:15px;}
.mar-bot-d { margin-bottom:25px; }
.mar-bot-e { margin-bottom:35px;}
.mar-bot-f { margin-bottom:10px;}
.row-8 { margin-left:-8px !important; margin-right:-8px !important; }
.row-8 .col-8 { padding-left:8px !important; padding-right:8px !important; }
.top-line { margin-top:25px; padding-top:20px; border-top:1px solid #dfe1ee; }
.pad-a { padding:20px 0 20px 0; }
.pad-bot-clear { padding-bottom:5px !important; }
.pad-top-a { padding-top:10px !important; }
.color-a { color:#0895d2; }
.color-b { color:#8b8b8b; }
.color-c { color:#6a6a6a; }
.color-d { color:#515151; }
.color-e { color:#000000; }
/*static*/
.video-block { max-width:700px; }
.video-block strong { display:block; padding-bottom:10px; color:#000; }
.video-container { position:relative; padding-bottom:56.25%; /*reached by using the video's aspect ratio of 16*9, so 9 divided by 16 = 0.5625 or 56.25%*/
padding-top:30px; height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
.video-descr { font-weight:400; font-size:14px; margin-top:15px; }
/*
.share_box { border-top:1px solid #cecece; border-bottom:1px solid #cecece; padding: 15px 0 15px 0; }
.share_box strong { display:block; font-weight:400; padding-bottom:10px; }
*/
#map-canvas { height:270px; }
.msgbox { display:none; margin-bottom:10px; padding:10px; font-size:14px; }
.success_box { background-color:#dff0d8; color:#3c763d; }
.error_box { background-color:#f2dede; color:#a94442; }
.effect-bg { position:relative; display:block; }
.effect-bg > img { position:relative; z-index:1; }
.effect-bg:after { transition:opacity 0.15s ease-out; content:" "; position:absolute; width:100%; height:100%; left:0; top:0; bottom:0; right:0; background-color:rgba(0,0,0,0.8); opacity:0; z-index:2;}
.effect-bg:hover:after { opacity:1; transition: opacity 0.3s ease-in; }
.effe-bg-link { position:relative; display:block; }
.effe-bg-link > img { position:relative; z-index:1; }
.effe-bg-link > a { transition:opacity 0.15s ease-out; content:" "; position:absolute; width:100%; height:100%; left:0; top:0; bottom:0; right:0; background-color:rgba(0,0,0,0.6); opacity:0; z-index:2;}
.effe-bg-link:hover > a { opacity:1; transition: opacity 0.3s ease-in; }
.box-shadow { -webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.07); -moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.07); box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.07); }
.box-shadow-b { -webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.07); -moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.07); box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.07); }
/*****************************/
/**************BLOCKS************/
/*general for home*/
.BlockFA_02 { position:relative; width:100%; z-index:1; /*position:relative;*/ }
.BlockFA_02 .slide { height:500px; background-position:right center; background-size:cover; background-repeat:no-repeat;}
.BlockFA_02 .main-link { display:block; position:absolute; top:0; left:0; right:0; bottom:0; }
.BlockFA_02 .stag { position:absolute; bottom:3%; right:13%; max-width:40%; }
.BlockFA_02 .stag .logos { margin:15px auto 0 auto;}
/*
.BlockFA_02 .slogan { position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; display:table; }
.BlockFA_02 .slogan .inner { display:table-cell; height:100%; vertical-align:middle; text-align:left; padding-left:0; }
.BlockFA_02 .msg-box { text-align:center; }
.BlockFA_02 h1 { font-size:40px; color:#fff; font-weight:700; line-height:1.2; text-shadow:3px 3px rgba(0,0,0,0.45); }
.BlockFA_02 .b_body { color:#fff; padding-top:30px; margin:0 auto; text-align:center; text-shadow:1px 1px rgba(0,0,0,0.45);}
.BlockFA_02 .b_body p { color:inherit; font-size:inherit; line-height:1.25;}
*/
.links-01 .blo-pad { padding:15px 15px 20px 20px; }
.links-01 .item { position:relative; height:280px; float:left; width:33.333333%; border-bottom:1px solid #cecece; border-left:1px solid #cecece;}
.links-01 .item .d_col { width:100%; vertical-align:bottom; }
.links-01 .item:nth-child(3n+1) { border-left:none; }
.links-01 h3 { color:#0895d2; margin-top:20px; font-weight:800; }
.links-01 .more-inf { display:block; opacity:0; position:absolute; left:0; right:0; bottom:0; z-index:2; background-color:#25ae3d; height:0; overflow:hidden; transition:height 0.15s linear, opacity 0.15s ease-out; color:#fff !important; line-height:1.5714 !important; }
.links-01 .item:hover .more-inf { height:280px; opacity:1; transition: height 0.20s linear, opacity 0.15s ease-in; }
.links-01 .more-inf span { display:block; margin-bottom:15px; font-weight:800; color:#fff; }
.if-01 h2 { text-align:center; background-color:#000; position:absolute; top:0; left:0; z-index:2; font-weight:800; padding:16px 15px 16px 15px; color:#fff; line-height:50px; min-width:33.333333%; line-height:1; }
.if-01 .item-box .info { padding:30px; border-right:1px solid #cecece; height:250px; }
.if-01 .item-box .info time { display:block; padding-bottom:5px;}
.if-01 .item-box .more-btn { font-weight:700; }
/* ------------------------ TOOLS ----------------------------- */
/* ------------------------------------------------------------ */
.sitemap .l1_box { margin-bottom:30px;}
.sitemap .l2_box { margin:10px 0 5px 0; padding:0;}
.sitemap .l2_box > li { padding: 4px 0 4px 0; font-weight:700;}
.sitemap .l3_box { margin:8px 0 5px 25px;}
.sitemap .l3_box > li { padding: 4px 0 4px 12px; font-size:14px; /*background:url(images/sm_l3_bullet.png) no-repeat 0 10px;*/ }
.sitemap a:hover, .sitemap a:active { text-decoration:underline; }
.search-page .top-row { background-color:#f4f4f4; padding:10px; }
.search-page .search_block { height:44px; background-color:#fff; border:1px solid #cecece;}
.search-page .search_block .searchfield { margin-top:2px; float:left; color:#000; width:80%; height:36px; padding-left:10px; background-color:transparent; }
.search-page .search_block .searchfield::-webkit-input-placeholder { color:#000; }
.search-page .search_block .search_btn { float:right; width:40px; height:40px; background:url(images/search_on_btn.png) no-repeat center center; text-indent:-9999px; }
.search-page .search_block .search_btn:hover { background-image:url(images/search_on_btn.png);}
.search-page .search_block input { border:none; }
.search-page .search_block input:focus { outline:none;}
.search-page .results { font-size:14px; line-height:18px; text-align:left;}
.search-page .results em { font-size:inherit; font-weight:700; color:#000; }
.search-page .list-item { margin-top:25px; padding-top:25px; border-top:1px solid #cecece; }
.search-page .list-item:first-child { margin-top:0; padding-top:0; border-top:none; }
.search-page .items-list { margin-top:35px; }
.search-page .summary { margin-top:10px; line-height:1.4285; }
.search-page h2 { color:#0895d2; }
.search-page h2 a:hover, .search-page h2 a:active { text-decoration:underline; }
/* ------------------------------------------------------------ */
/* ------------------------ TEMPLATES ------------------------- */
/* ------------------------------------------------------------ */
.ed_body { line-height:1.5714; }
.ed_body p { margin:0 0 20px 0; line-height: inherit; color:inherit; }
.ed_body p:last-child { margin-bottom:0 !important; }
.ed_body img { max-width:100% !important; height:auto !important; display:block;}
.x-line-h { line-height:1.5714;}
.font_inherit p { font-size: inherit !important; line-height: inherit !important; }
.ed_sum_b p { margin:0 0 20px 0; line-height: inherit;}
.ed_sum_b p:last-child { margin-bottom:0 !important; }
.ed_parent { margin-bottom:20px; }
.ed_parent_line { margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid #dbdbdb; }
.t_bottom_row { margin-top:30px; padding-top:20px; border-top:1px solid #dbdbdb; }
.t_nav_block { text-align:right; }
.t_nav_block a { display:inline-block; height:16px; width:24px; line-height:16px !important; color:#6a6a6a; font-size:14px; font-weight:700; }
.t_nav_block a.num { margin:0 2px 0 1px; text-align:center; }
.t_nav_block a.num:hover,
.t_nav_block a:link, .t_nav_block a:visited { color:#6a6a6a; background-color:#fff;}
.t_nav_block a:hover, .t_nav_block a:active,
.t_nav_block a.num_sel { text-decoration:none; color:#0895d2 !important; background-color:#fff !important;}
.t_nav_block a.nav_btn { margin:0 2px 0 1px; text-align:center; }
.t_nav_block a.nav_btn span { color: inherit; font-size:18px; top:3px; }
.t_nav_block a.nav_btn:hover { color:#fff;}
/*
.t_nav_block a.nav_btn { margin:0 2px 0 1px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.t_nav_block a.btn_first { background-image:url(images/first_on_btn.png); }
.t_nav_block a.btn_first:hover { background-image:url(images/first_over_btn.png); }
.t_nav_block a.btn_last { background-image:url(images/last_on_btn.png); }
.t_nav_block a.btn_last:hover { background-image:url(images/last_over_btn.png); }
.t_nav_block a.btn_prev { background-image:url(images/previous_on_btn.png); }
.t_nav_block a.btn_prev:hover { background-image:url(images/previous_over_btn.png); }
.t_nav_block a.btn_next { background-image:url(images/next_on_btn.png); }
.t_nav_block a.btn_next:hover { background-image:url(images/next_over_btn.png); }
*/
.t_sep_line { margin-top:25px; padding-top:25px; border-top:1px solid #dbdbdb; }
/*.t_backbtn { margin-top:25px; padding-top:25px; border-top:1px solid #dbdbdb;}*/
.t_backbtn a { float:left; color:#dbdbdb; font-weight:700;}
.t_backbtn a > img { margin-right:16px; display:inline-block; }
.t_backbtn a:link, .t_backbtn a:visited { color:#6a6a6a;}
.t_backbtn a:hover, .t_backbtn a:active { color:#0895d2; text-decoration:none; }
.t_over_descr { position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); padding:10px; color:#fff; }
/* FORMS */
.btn {cursor:pointer;}
.btn:focus {outline: 0;}
.btn-a { background-color:#0895d2; color:#fff; }
.btn-a:link,
.btn-a:visited { background-color:#0895d2; color:#fff !important; }
.btn-a:hover,
.btn-a:active { color:#fff !important; background-color:#2e5995; text-decoration:none !important; }
.form_buttons { margin-top:20px; text-align:right; }
.form_btn { min-width:180px; float:right; margin:0 0 5px 5px; }
img.scode { float:left; margin-right:15px;}
.ContactForm .form_bl { margin-top:20px; padding-top:20px; border-top:1px solid #e0ebf7; }
.ContactForm .form-group { margin-bottom:0; }
.ContactForm .form-control { margin-bottom:10px; }
.ContactForm .head { margin-bottom:15px; font-size:14px; line-height:18px;}
.ContactForm .g_map { height:300px; width:100%; }
.ContactForm .g_map #gmap_canvas { height:300px;width:100%; }
.ContactForm .contacts td { padding:0 15px 5px 0; vertical-align:top; }
.form-control { box-shadow: none; font-size:14px; height:36px; border:1px solid #ddd; background-color:#f9f9f9;}
.ContactForm label { font-weight:400; margin-bottom:2px; padding:4px 0 2px 0; font-size:14px; }
.f_msg { padding-bottom:10px;}
.sub_btns { margin-top:30px;}
.ExternalPage { padding:30px 0 30px 0 !important; }
/************* TEMPLATES **************/
.items-mul-col .list-item { margin-bottom:25px; box-sizing:border-box !important;}
.items-mul-col img.teaser { margin-bottom:14px; border:1px solid #d0d0d0; }
.items-mul-col p.summary { padding-top:10px;}
.down_btn { color:#0895d2; }
.down_btn img { margin-right:15px; }
.down_btn a:active, .down_btn a:hover { text-decoration: underline; }
.standard-page .item { margin-top:35px; }
.standard-page .item:first-child { margin-top:0; }
.standard-page h2 { color:#000; font-weight:700; padding-bottom:15px; border-bottom:1px solid #dbdbdb; }
.standard-page h2 a:active, .standard-page h2 a:hover { text-decoration: none; }
.standard-page .summary { color:#000; }
.standard-page .inner-list { margin-top:20px;}
.standard-page .child:first-child { margin-top:0 !important; padding-top:10px !important; border-top:none; }
.standard-page .subtitle { padding-top:5px; margin-bottom:15px; display:block; color:#515151;}
/*news template */
.news-page .item-cont { margin-bottom:35px; }
.news-page .list-item h2 { margin-top:5px; }
.news-page summary { margin-top:15px; }
.news-page .teaser { margin-bottom:17px;}
.news-page a.more-btn { font-weight:700 !important; }
.news-page .cat { display:block; margin-bottom:15px; }
.news-page .t_bottom_row { margin-top:0 !important; }
/*.news-det-page .gallery img { max-height:450px !important; }*/
.news-det-page h2 { margin-top:6px;}
.news-block { padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #d6dce4; }
.news-block h2 { font-weight:700; color:#000; font-size:18px !important; padding-bottom:15px;}
.news-search { height:36px; margin-bottom:25px; background-color:#fff; border:1px solid #dcdcdc; }
.news-search .elem { border:none; }
.news-search .elem:focus { outline:0; }
.news-search input[type="text"] { background-color:transparent; font-weight:400; height:34px; width:75%; padding-left:8px; }
.news-search button { float:right; width:40px; height:35px; background:url(images/search_icon.png) no-repeat center center;}
.news-archive li { padding-top:6px; font-size:14px; color:#000; }
.news-archive li:first-child { padding-top:0; }
.news-archive a:active, .news-archive a:hover { text-decoration: none; color:#0895d2; }
.news-archive li.selected { font-weight:700; }
.news-tags .tag { line-height:1; float:left; margin:0 4px 4px 0; font-size:14px; color:#515151; background-color:#e5e5e5; padding:6px 8px 6px 8px; }
.news-tags .tag:active, .news-tags .tag:hover { background-color:#d5e8f0; color:#515151; }
.news-block .head { display:block; padding-bottom:15px;}
.proj-page .list-item { text-align:center; }
.proj-page .photo { position:relative; height:80px; }
.proj-page .photo img { margin:0 auto; position:absolute; left:0; right:0; bottom:0; }
.proj-page .photo img.img-on { opacity:1; transition:all 1s ease; }
.proj-page .photo img.img-over { opacity:0; bottom:-30px; transition:all 1s ease; }
.proj-page .list-item:hover .photo img.img-on { opacity:0; transition: opacity 0.5s ease; }
.proj-page .list-item:hover .photo img.img-over { opacity:1; bottom:0; transition: all 0.5s ease; }
.proj-page .summary { color:#000; }
.proj-detpage .inf-blo h3 { margin-bottom:15px;}
.proj-detpage .serv li { padding:12px 15px 12px 35px; border-bottom:1px solid #dbdbdb; background-color:#f4f4f4; color:#0895d2; position:relative; font-weight:700; font-size:16px; position:relative; }
.proj-detpage .serv li:after { content:" "; position:absolute; top:20px; left:15px; width:6px; height:6px; border-radius:3px; background-color:#56b7e1;}
.proj-detpage .serv li:nth-child(even) { background-color:#fff;}
.proj-detpage .serv li:first-child { border-top:1px solid #dbdbdb; }
.proj-detpage .inf-req { font-size:17px !important; display:block; color:#fff; text-align:center; padding:10px; background-color:#34b34a; line-height:1 !important; }
.proj-detpage .inf-req:hover { background-color:#56b7e1; text-decoration:none; }
.proj-detpage .inf-req img { display:inline-block; margin-right:6px;}
.rel-art-blo h3 { padding-bottom:15px; border-bottom:1px solid #dbdbdb; margin-bottom:20px; }
.rel-art-blo .list-item { padding-bottom:20px; border-bottom:1px solid #dbdbdb; margin-bottom:20px; }
.rel-art-blo .cat { margin-bottom:10px; display:block; }
.rel-art-blo h4 { margin-top:5px; }
.rel-art-blo .sum { padding-top:10px; }
.rel-art-blo .more-btn:active, .rel-art-blo .more-btn:hover { text-decoration:underline; }
/************* ANIMATION **************/
.anim-topic { visibility: visible; opacity:0; transition: opacity 1s ease-in;}
.anim-topic.animated { opacity:1; }
.revealOnScroll { opacity: 0; }
.anim-section {
position: relative;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-moz-transform: translateY(20px);
-webkit-transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
visibility: visible;
opacity: 0;
}
.anim-section.animated {
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
visibility: visible;
opacity: 1;
}
@media (min-width: 768px) {
.clear-r-pad { padding-right:0 !important; }
.clear-l-pad { padding-left:0 !important; }
.r-pad-a { padding-right:5px !important; }
.l-pad-a { padding-left:5px !important; }
.clear-p-r { padding-right:0 !important;}
.clear-p-l { padding-left:0 !important;}
.sm-list-2 .list-item:nth-child(2n+1) { clear:left;}
.sm-list-3 .list-item:nth-child(3n+1) { clear:left;}
.f_size_l { font-size:24px;}
.f_size_m { font-size:18px;}
.f_size_xl { font-size:26px;}
.f_size_xxl { font-size:30px;}
.news-page .item-cont:nth-child(2n+1) { clear:left; }
.art-block .item-cont:nth-child(2n+1) { clear: none !important; }
.art-block .item-cont:nth-child(3n+1) { clear: left !important; }
.art-block .item-cont { margin-bottom:20px !important; }
.proj-page .items_row { margin-top:30px; padding-top:30px; border-top:1px solid #dbdbdb; }
.proj-page .items_row:first-child { margin-top:10px; padding-top:0; border-top:none; }
}
@media (min-width: 992px) {
body, p, table, thead, tbody, tfoot, tr, td, th, span, ul, li, input, select, textarea, time, div { font-size:16px; }
#page_h .d_col { height:150px; }
#page_h .logo_img { top:45px; }
#page_f .r1 { padding:35px 0 35px 0; }
.t_bottom_row { margin-top:40px; padding-top:30px; }
.hor-line {padding-bottom:25px; margin-bottom:30px; }
.ed_body p { margin:0 0 25px 0; }
.ed_parent { margin-bottom:25px; }
.ed_parent_line { margin-bottom:35px; padding-bottom:25px; }
.phead { background-color:#f4f4f4; padding:15px 0 15px 0; }
h1 { font-size:30px; }
.f_size_xs { font-size:14px;}
.f_size_xl { font-size:30px;}
.f_size_xxl { font-size:36px;}
.mar-top-b { margin-top:20px;}
.mar-top-c { margin-top:30px;}
.mar-top-d { margin-top:35px; }
.mar-top-e { margin-top:45px; }
.mar-bot-d { margin-bottom:35px; }
.mar-bot-e { margin-bottom:50px;}
.top-line { margin-top:30px; padding-top:25px; }
.pad-a { padding:30px 0 30px 0; }
.search-page .results { line-height:33px; }
#topic { height:400px; }
.ntl-sub { float:right; min-width:220px; }
.bmenu { float:left; margin-right:25px; }
.bmenu ul { float:left;}
.bmenu ul li { float:left; font-size:14px; color:#000;}
.bmenu ul > li a { padding:0 10px 0 10px; display:block; height:36px; line-height:36px !important; }
.bmenu ul > li:hover,
.bmenu ul > li a:hover { /*background-color:#2b69b3; border-radius:4px;*/ color:#0895d2;}
.langs { float:left; border-left:1px solid #000; margin:8px 0 0 10px; padding-left:20px; }
.search_box { display:block !important; float:right; width:230px;}
.main_menu { float:right; display:block !important; }
.main_menu ul li.sm_exist { position:relative; }
.main_menu ul.L1 { display:table; }
.main_menu ul.L1 > li { border-left:1px solid #cecece; color:#000; text-align:center; height:85px; position:relative; display:table-cell; vertical-align:middle; transition: 0.2s all; }
.main_menu ul.L1 > li > a { border-left:4px solid #34b34a; font-weight:700; font-size:16px; line-height:1; padding:0 14px 0 14px; color:#5c5c5c; width:100%; display:block; transition: 0.2s all; position:relative; left:-1px;}
.main_menu ul.L1 > li.active,
.main_menu ul.L1 > li:hover { background-color:#fff; }
.main_menu ul.L1 > li.active > a,
.main_menu ul.L1 > li:hover > a { text-decoration:none; color:#34b34a; }
.main_menu .L2_box { position:absolute; padding-top:33px; top:85px; left:0; right:0; display:none; min-width:270px; z-index:2;}
.main_menu ul.L2 { box-shadow: 4px 4px rgba(0,0,0,0.20); border-top:1px solid #cecece;}
.main_menu ul.L2 > li { background-color:#fff;}
.main_menu ul.L2 > li > a { text-align:left; position:relative; font-size:16px; font-weight:bold; display:block; padding:10px 2px 10px 30px; color:#5c5c5c; }
.main_menu ul.L2 > li > a:before { content:" "; position:absolute; left:13px; top:12px; height:16px; width:4px; background-color:#34b34a; }
.main_menu ul.L2 > li.active > a {color:#34b34a;}
.main_menu ul.L2 > li > a:hover { color:#5c5c5c; background-color:#eaeaea;}
.main_menu ul.L1 > li.sm_exist:hover > .L2_box { display:block; }
.main_menu ul.L1 > li.sm_exist:hover:before { content:" "; position:absolute; height:34px; left:-1px; right:-1px; border-left:1px solid #cecece; border-right:1px solid #cecece; bottom:-34px; z-index:3; background-color:#fff;}
/*
.main_menu ul.L3 { position:absolute; top:0; left:100%; border-left:1px solid transparent; min-width:250px; display:none;}
.main_menu ul.L3 > li { background-color:#0895d2; }
.main_menu ul.L3 > li.active a,
.main_menu ul.L3 > li a:hover { color:#fff; background-color:#2e5995;}
.main_menu ul.L2 > li.sm_exist:hover > ul.L3 { display:block; }
*/
.BlockFA_02 h1 { font-size:50px; }
.BlockFA_02 .msg-box { float:right; width:70%; }
.BlockFA_02 .slide { height:680px; }
.BlockFA_02 h1 { font-size:50px; }
.items-mul-col .list-item:nth-child(3n+1) { clear:left;}
.items-mul-col .list-item { margin-bottom:35px;}
.clear-md-pad { padding-right:0 !important; }
.md-list-4 .list-item:nth-child(4n+1) { clear:left;}
.news-det-page .down_box { height:60px; float:left; margin-right:40px; border-right:1px solid #dbdbdb; padding-right:40px; }
.news-det-page .share_box { float:left; padding-top:13px; }
.standard-page .inner-list { margin-top:30px;}
.proj-page .items_row { margin-top:45px; padding-top:45px; border-top:1px solid #dbdbdb; }
.proj-page .summary { height:72px; overflow:hidden; width:80%; margin:0 auto; }
.proj-detpage .serv li { font-size:18px; }
.BlockFA_02 .stag { bottom:5%; right:12%; max-width:480px; }
}
@media (min-width: 1200px) {
/*body, p, table, thead, tbody, tfoot, tr, td, th, span, ul, li, input, select, textarea, time, div { font-size:18px; }*/
.container-fluid { padding-left:30px !important; padding-right:30px !important; }
#page_f .acca { width:640px; }
#topic .stag { bottom:5%; right:8%; max-width:100%; }
.BlockFA_02 .msg-box { width:50%; }
.BlockFA_02 h1 { font-size:60px; }
.main_menu ul.L1 > li > a { font-size:18px; padding:0 18px 0 18px;}
/*
.main_menu ul.L1 > li > a { border-left:4px solid #34b34a; font-weight:700; font-size:18px; line-height:1; padding:0 18px 0 18px; color:#5c5c5c; width:100%; display:block; transition: 0.2s all; position:relative; left:-1px;}
.main_menu ul.L2 > li a { font-size:16px; }
*/
.standard-page .item { margin-top:50px; }
.news-page .item-cont { margin-bottom:45px; }
.news-page .list-item h2 { height:60px; overflow:hidden;}
.art-block .list-item h2 { height:66px;}
.t_sep_line { margin-top:30px; padding-top:30px; }
.standard-page .child.t_sep_line { margin-top:45px; padding-top:45px; }
.links-01 .blo-pad { padding:20px 20px 30px 30px; }
.links-01 .item { width:16.6666666%; border-bottom:none; }
.links-01 .item:nth-child(3n+1) { border-left:1px solid #cecece; }
.links-01 .item:first-child { border-left:none; }
.if-01 h2 { min-width:16.6666666%; }
.if-01 .item-box .teaser { width:100% !important; border-right:1px solid #fff; }
.if-01 .item-box .info { padding:40px; }
}
@media (min-width: 1400px) {
#page_h .logo_img { width:304px; height:76px; top:37px; }
.main_menu ul.L1 > li > a { font-size:20px; }
.main_menu ul.L2 > li a { font-size:16px; }
}
@media (min-width: 1600px) {
.container-fluid { padding-left:45px !important; padding-right:45px !important; }
}
@media (min-width: 481px) and (max-width: 990px) {
}
/*small devices*/
@media (max-width: 1199px) {
.lg_mar_top_c { margin-top:15px;}
}
@media (max-width: 991px) {
.bm-bar { float:none; width:100%; clear:both; text-align:right; }
.b_addr .adr-col { margin-right:0; border-right:none;}
.b_addr .t_addr { margin:0 auto; }
.md_centered { text-align:center !important; }
.md_centered img { margin:0 auto; }
.search_box { margin:0; position:absolute; top:110px; left:-15px; right:-15px; background-color:#0895d2; padding:10px;}
.main_menu .mob_show_sb { position:absolute; right:0; top:0; bottom:0; height:42px; width:40px; background-color:#34b34a !important; text-align:center; display:block; color:#fff; padding:0 !important; }
.main_menu .mob_show_sb span { color:#fff !important; top:10px;}
.main_menu .mob_show_sb:hover { background-color:#1ea035 !important; }
.main_menu { display:none; position:absolute; top:110px; left:-15px; right:-15px; z-index:10;/* border:2px solid #253779;*/ }
.main_menu .container { padding-left:0 !important; padding-right:0 !important; }
.main_menu ul > li { font-size:14px !important;}
.main_menu ul > li a { padding:10px 5px 10px 15px; display:block; font-size:16px !important; }
.main_menu ul > li.sm_exist { position:relative; }
.main_menu ul.L1 > li:first-child > a { border-top:1px solid #cecece; }
.main_menu ul.L1 > li > a { color:#5c5c5c; display:block; border-bottom:1px solid #cecece; background-color:#fff; }
.main_menu ul.L1 > li.active > a { color:#34b34a; background-color:#eaeaea;}
.main_menu ul.L1 > li a:hover { color:#34b34a; background-color:#eaeaea;}
/*
.main_menu ul.L2 > li > .mob_show_sb { background-color:#1f1a17 !important; }
.main_menu ul.L2 > li > .mob_show_sb:hover { background-color:#000 !important; }
*/
.main_menu ul.L2 { display:none;}
.main_menu ul.L2 .mob_show_sb { top:1px; height:37px; bottom:auto;}
.main_menu ul.L2 > li a.L2-a { position:relative; color:#5c5c5c; border-bottom:1px solid #cecece; padding-left:30px; font-size:14px !important; background-color:#fff !important;}
.main_menu ul.L2 > li a.L2-a:before { content:" "; position:absolute; left:15px; top:10px; height:16px; width:4px; background-color:#34b34a; }
.main_menu ul.L2 > li.active > a.L2-a {color:#34b34a; background-color:#fff !important;}
.main_menu ul.L2 > li a.L2-a:hover { color:#34b34a !important; background-color:#eaeaea !important;}
.main_menu ul.L2 > li:first-child .mob_show_sb { top:0;}
.main_menu ul.L3 { display:none}
.main_menu ul.L3 > li a {color:#fff; border-top:1px solid #5e7fae; padding-left:65px; font-size:12px !important; background-color:#2e5995 !important;}
.main_menu ul.L3 > li.active a { background-color:#3f69a4 !important;}
.main_menu ul.L3 > li a:hover { color:#fff !important; background-color:#3f69a4 !important;}
/*.main_menu ul.L3 > li:first-child a.L3-a { border-top:none;}*/
.main_menu ul.L1 > li.active ul.L2 { display:block; }
.main_menu ul.L2 > li.active > ul.L3 { display:block; }
.md_mar_top_a { margin-top:20px;}
.md_mar_top_b { margin-top:30px;}
.md_mar_top_c { margin-top:15px;}
.md_sep_line { padding-top:30px; margin-top:30px; border-top:1px solid #dbdbdb; }
.md_sep_line_2 { padding-top:20px; margin-top:20px; border-top:1px solid #dbdbdb; }
.credits { text-align:center; }
.smedia { text-align:center; }
}
@media (max-width: 768px) {
}
@media (max-width: 767px) {
.sm_mar_top_a { margin-top:10px;}
.sm_mar_top_c { margin-top:15px;}
.sm_mar_top_d { margin-top:20px;}
.sm_mar_top_e { margin-top:30px;}
.sm_mar_top_f { margin-top:5px;}
.sm_sep_line { padding-top:30px; margin-top:30px; border-top:1px solid #dbdbdb; }
.proj-page .list-item { padding-top:30px; margin-top:30px; border-top:1px solid #dbdbdb; }
.proj-page .items_row:first-child .list-item:first-child { padding-top:0; margin-top:0; border-top:none; }
.ntl-sub { width:270px; margin:0 auto; }
.news-page .news-block:last-child { padding-bottom:25px; margin-bottom:0; border-bottom:none !important; }
.proj-detpage .inf-req { width:75%; margin:0 auto;}
#topic .stag { max-width:75%; }
.BlockFA_02 .stag { max-width:320px; right:22%; }
.BlockFA_02 .stag .logos { max-width:75%; }
.links-01 .item { width:50%;}
.links-01 .item:nth-child(3n+1) { border-left:1px solid #cecece; }
.links-01 .item:nth-child(2n+1) { border-left:none; }
.if-01 h2 { min-width:50%; }
}
.visible-xxs { display:none !important; }
@media (max-width: 480px) {
#page_h .d_col { height:80px; }
#page_h .logo_img { width:200px; height:50px; top:15px; }
.main_menu { top:80px; }
#topic { height:150px; }
/*#topic:after { display:none; }*/
h1 { font-size:22px; }
.mar-bot-d { margin-bottom:15px; }
.xxs-full { width:100%; clear:both; }
.hidden-xxs { display:none !important; }
.visible-xxs { display:block !important; }
.xs_mar_top_a { margin-top:15px; clear:both;}
.BlockFA_02 h1 { font-size:30px; text-shadow:1px 1px rgba(0,0,0,0.45); }
.BlockFA_02 .slide { height:240px; }
.BlockFA_02 .stag { max-width:200px; right:13%; }
.BlockFA_02 .stag .logos { max-width:65%; }
.f_size_xl { font-size:20px;}
.proj-detpage .inf-req { width: 100%; }
.if-01 h2 { width:100%; position:relative; }
.if-01 .item-box .info { padding:15px; border-right:none; height:auto; }
.f_size_l { font-size:16px;}
}
@media (max-width: 320px) {
}