@charset "utf-8";

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px)  {
	
	/* Common */
	header,
    .ui-scroll-up
    { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
    
    .no-mobile { display: none; }
	
	.no-scroll, .fancybox-lock { overflow: hidden; }
    
    .no-desktop { display: block; }
    .no-mobile { display: none; }
    
    .section, header, .middle-wrap, .main-wrap, .center-wrap, .default-middle, .column-1, .column-2, .column-3, .column-4, .header-search
    { width: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
    
	.ui-scroll-up { right: 50%; margin-right: -24px; }
	.ui-scroll-up:active { bottom: 1px; }
	.scroll-down .ui-scroll-up { bottom: 0; }
    .ui-scroll-up { display: block; }
    
    body { background-image: none; }
    
    .page-crumbs .last-child { margin-right: 0; }
    
    .pagination { text-align: center; }
    .pagination .title { display: none; }
    .pagination .current, .pagination .pagination-item { padding: 0 12px; line-height: 35px; margin: 0 5px; }
    
    article .content-icon { float: none; margin: 0 auto 15px auto; }
    
    .content-list-item { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #98a2af; }
    .content-list-item.with-icon .content-icon { float: none; margin: 0 0 10px 0; text-align: center; }
    .content-list-item.with-icon .text { margin: 0; width: auto; }
    
    .content-gallery.with-carousel { width: 100%; }
    .content-gallery .slick-slide { font-size: 0; width: 205px; height: auto; display: block; margin: 0 5px; }
    
    /* Fancybox */
	.fancybox-lock .ui-scroll-up { display: none; }
	.fancybox-lock .main-wrap, .fancybox-lock body { overflow: hidden; height: 100%; }
	
    .fancybox-wrap { width: 100% !important; height: auto !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; }
    .fancybox-wrap .fancybox-skin, .fancybox-wrap .fancybox-outer, .fancybox-wrap .fancybox-inner { height: 100% !important; min-height: 100% !important; }
    .fancybox-wrap .fancybox-skin { border: 0 !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -moz-border-image: none !important; -webkit-border-image: none !important; -o-border-image: none !important; border-image: none !important; }
    .fancybox-wrap .fancybox-inner { width: auto !important; }
    .fancybox-wrap .inner { width: auto; padding: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; }
    .fancybox-wrap .fancybox-close { right: 0 !important; top: 0 !important; background-image: url(/images/icons/close.svg); background-repeat: no-repeat; background-position: 15px 4px; background-size: 24px 24px; width: 45px; height: 45px; -webkit-border-radius: 0 0 0 45px; -moz-border-radius: 0 0 0 45px; border-radius: 0 0 0 45px;  -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3); -moz-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3); box-shadow: 0 0 2px 0 rgba(0,0,0,0.3); }
	
	.fancybox-wrap.image .fancybox-outer { text-align: center; } /*display: table;*/
    .fancybox-wrap.image .fancybox-inner { text-align: center; vertical-align: middle; }/*display: table-cell;*/
    .fancybox-wrap.image .fancybox-inner img { width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block; }
    
    .fancybox-alert { width: 100%; }
    .fancybox-alert td { padding: 0 15px; }
    .fancybox-alert td, .fancybox-alert td * { font-size: 18px; line-height: 23px; }
    .fancybox-alert .button { width: 190px; margin: 0 10px 15px 10px; }
    
	/* Content */
    .filetype { white-space: normal; }
    .embed-video iframe { padding: 0px; border: 0; }
    
    table.responsive, table.responsive thead, table.responsive tbody, table.responsive tr, table.responsive td, article table, article table thead, article table tbody, article table tr, article table td { display: block; }
    table.responsive, article table { width: 100%; }
    table.responsive td, article table td { width: 100%; }
    table.responsive td:empty, article table td:empty { display: none; }
    
    .table-image td { font-size: 0; text-align: center; padding: 5px 0; }
    .table-image-text img { margin: 15px 0 15px 0; }
    
    article table img { max-width: 100%; height: auto; }
    article ul, article ol { margin-left: 0; }
    article ol { list-style-position: inside; }
    article ol li { padding-left: 0; }
    article p { margin-left: 0; padding-left: 0; }

    img.align-left, img.align-right { margin-top: 15px; margin-bottom: 15px; }
    
    .image-box.align-left, .image-box.align-right { width: 100% !important; margin: 15px auto 15px auto; display: block; text-align: center; }
    .image-box img { display: inline-block; }
    .image-box .title { color: #1d2633; background: none; }
	
    /* Layout */
    .main-wrap { min-height: inherit; min-width: inherit; padding-top: 45px; }
    .center-wrap { width: 94%; max-width: inherit; min-width: inherit; }
    .middle-wrap { padding: 0 0 0 0; }
    
    .default-middle { padding: 0 0 0 0; }
    
    .column-1, .column-2, .column-3, .column-4 { float: none; width: 100%; }
    .column-2 { margin-bottom: 30px; }
    
    .page-crumbs { margin-bottom: 15px; }
    
	/* Header */
    header { position: fixed; left: 0; top: 0; right: 0; height: 45px; z-index: 3000; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); background: #1d2633; }
    header .center-wrap { height: inherit; }
    
    header .menu-toggle { display: block; position: absolute; right: 0; top: 0; width: 45px; height: 45px; background: url(/images/icons/menu.svg) no-repeat center center; background-size: contain; outline: none; text-decoration: none; }
    .menu-open header .menu-toggle, .search-open .search-toggle { background-image: url(/images/icons/close.svg); background-size: 38px 38px !important; }
    
    header .search-toggle { display: block; position: absolute; left: 0; top: 0; width: 45px; height: 45px; background: url(/images/icons/search.svg) no-repeat center 9px; background-size: 29px 29px; outline: none; text-decoration: none; }
    header .header-search { display: none; }
    
    .search-open .header-search { display: block; position: absolute; left: 45px; top: 0; right: 0; height: 45px; background: #1d2633; z-index: 3500; padding-top: 5px; }
    .search-open .search-toggle { background-position: left center !important; }
    
    .header-search, .header-search form { font-size: 0; }
    .header-search .input, .header-search .submit { position: relative; display: inline-block; left: auto; top: auto; right: auto; vertical-align: middle; }
    .header-search .input { padding: 0px 12px 0px 12px; line-height: normal; height: 35px; margin: 0 5px 0 0; }
    .header-search .submit { width: 35px; height: 35px; line-height: 35px; background: transparent url(/images/icons/search.svg) no-repeat center center; background-size: 29px 29px; margin: 0; }
    
    header .lang { display: none; }
    header .menu-top-wrap .lang { display: block; position: relative; left: auto; right: auto; top: auto; text-align: center; border-bottom: 1px solid #384b64; padding: 15px 0; }
    header .menu-top-wrap .lang a { font-size: 18px; line-height: 18px; margin: 0 15px; }
    header .logo { top: 0; left: 50%; margin-left: -60px; width: 120px; height: 45px; }
    header .logo img { max-width: 100%; height: auto; }
    
    .scroll-down header { top: -45px; }
    
    /* Footer */
    footer { position: relative; bottom: auto; height: auto; }
    footer .center-wrap { padding: 0; }
    footer .section-1 { height: auto; }
    footer .section-2 { height: auto; padding-bottom: 60px; }
    
    .footer-split { display: none; }
    
    .footer-share { height: auto; margin-bottom: 15px; padding: 30px 0 15px 0; }
    .footer-share .title { display: block; margin: 0 0 15px 0; padding-bottom: 15px; text-align: center; padding-right: 0; background-position: center bottom; }
    .footer-share .share-buttons { display: block; margin: 0; text-align: center; }
    .footer-share .pluso-wrap > div { margin: 0 15px 10px 15px; }
    .footer-share .pluso-wrap .pluso-more, .pluso-110011001001-14 .pluso-counter { display: none !important; }
    
    .copyright, .pantera { position: relative; bottom: auto; text-align: center; }
    .copyright { left: auto; margin-bottom: 15px; }
    .pantera { right: auto; }
    
    footer .social { position: relative; height: auto; left: auto; bottom: auto; text-align: center; vertical-align: top; margin: 0 0 15px 0; }
    footer .social a { margin: 0 10px 15px 10px; float: none; vertical-align: top; }
    
    .footer-contacts { position: relative; width: auto; top: auto; right: auto; margin: 0 0 20px 0; }
    .footer-contacts li { float: none; text-align: center !important; margin: 0 0 15px 0; width: 100%; }
    .footer-contacts li.phone, .footer-contacts li.address { margin-right: 0px; }
    
    /* Menu Top */
    .menu-top-wrap { display: none; position: fixed; left: 0; top: 45px; bottom: 0; right: 0; height: auto; z-index: 3000; background: #314157; overflow: auto; }
    .menu-open .menu-top-wrap { display: block; }
    
    .menu-top { height: auto; position: relative; bottom: auto; left: auto; right: auto; padding: 0; }
    .menu-top .level-1 > li { margin: 0; display: block; }
    .menu-top .level-1 > li.selected > a { border: 0 !important; background: #fff799; color: #1d2633; }
    .menu-top .level-1 > li a:hover { border: 0 !important; background: #00aeef; color: #fff; }
    .menu-top .level-1 > li > a { display: block; font-size: 18px; line-height: 23px; padding: 15px; }
    
    .menu-top li.selected ul { display: block; }
    
    .menu-top .level-2, .level-2 ul { background: #384a63; padding: 0; }
    .menu-top .level-2 li { display: block; padding: 0; margin: 0; border: 0; }
    .menu-top .level-2 li a { display: block; padding: 10px; margin: 0; border: 0 !important; font-size: 16px; line-height: 21px; }
    .menu-top .level-2 li.selected a { font-weight: bold; color: #fff799; }
    
    /* Menu Left */
    .menu-left { background: url(/images/bg/grad-bg.png) repeat-x left top; border-top: 1px solid #1d2633; padding: 15px; }
    
    /* Slider */
    .block-slider .slick-slide { background-size: cover; }
    .block-slider .arrows { top: 50%; }
    .block-slider-arrow { top: -24px; }
    
    /* Block Teasers */
    .section-1.center-wrap { width: 100%; }
    
    .block-teasers { width: 100%; height: auto; float: none; }
    .block-teasers a { float: none; width: 100%; height: 235px; }
    .block-teasers a.nth-1 .icon:after { background: rgba(0, 174, 239, 0.4); }
    .block-teasers a.nth-2 .icon:after { background: rgba(255, 247, 153, 0.6); }
    .block-teasers .icon { background-size: cover; }
    
    /* Block Partners */
    .block-partners { width: 100%; height: 235px; float: none; margin: 0 0 15px 0; }
    .block-partners .slick-slide { height: auto; margin: 0 10px; padding: 40px 0 0 0; }
    .block-partners .title { font-size: 14px; line-height: 19px; }
    .block-partners .icon img { max-width: 100%; height: auto; }
    
    .block-partners .slick-arrow, .content-gallery .slick-arrow { position: absolute; top: 50%; margin-top: -17px; width: 20px; height: 35px; z-index: 100; outline: none !important; border: 0; font-size: 0; color: transparent; cursor: pointer; }
    .block-partners .slick-prev { left: -20px; background: url(/images/arrow-small-left.png) no-repeat 0 0; }
    .block-partners .slick-next { right: -20px; background: url(/images/arrow-small-right.png) no-repeat 0 0; }
    
    /* Contacts */
    .contacts-view .left { width: 100%; float: none; }
    .contacts-view .contacts-map { float: none; border: 0; width: 100%; height: 300px; margin-bottom: 30px; }
    
    .form-feedback { padding: 15px 0 30px 0; max-width: 600px; }
    
    /* Banners */
    .block-banner.left { width: 100%; text-align: center; margin-bottom: 15px; }
    .block-banner.left img { max-width: 100%; height: auto; }
    
    /* News */
    .news-informer { position: relative; width: 100%; height: 500px; left: auto; top: auto; margin: 30px 0 0 0; }
    
    /* Search */
    .search-form .textbox { display: block !important; width: 100% !important; margin: 0 auto 15px auto !important; float: none !important; }
    .search-form .button  { width: 150px !important; margin: 0 !important; float: none !important; }
    .search-form .search-label { margin-top: 10px; }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)  {
    
    .header-search .input { width: 210px; }
    
    .block-slider, .block-slider .slick-slide { height: 200px; }
    .block-teasers a { float: none; width: 100%; height: 235px; }
    
    .content-list-item { text-align: left; }
    
    .gallery-item { float: none; width: 100%; margin: 0 auto 30px auto; }
    .gallery-item.third { margin-right: auto; }
    .gallery-split { display: none; }
    
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 640px)  {

    img.align-left, img.align-right { margin: 15px auto 15px auto; float: none; clear: both; width: auto; height: auto; display: block; }
    img.align-left:after, img.align-right:after { content: ""; display: block; position: relative; width: 100%; height: 1px; clear: both; float: none; }

}

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 1024px)  {

    .header-search .input { width: 90%; }
    
    .block-slider, .block-slider .slick-slide { height: 350px; }
    .block-teasers a { width: 50%; float: left; }
    
    .table-image-text img.align-left { margin-right: 15px !important; }
    .table-image-text img.align-right { margin-left: 15px !important; }
    
    .content-list-item { text-align: left; }
    .content-list-item.with-icon .content-icon { text-align: left; }
    
    .gallery-item { width: 46%; float: left; margin: 0 2% 30px 2%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
    .gallery-item.first { clear: left; }
    .gallery-item.third { margin-right: 2%; }
    .gallery-split { display: none; }
}