/*
body:before { content: 'FIN xs-320'; background-color: black; color: white; padding: 1px 6px; z-index: 999999999; position: fixed; top: 0; left: 0; font-size: 20px }
@media (min-width: 320px) {  body:before { content:'xs - 320' }  }
@media (min-width: 576px) {  body:before { content:'sm - 576' }  }
@media (min-width: 768px) {  body:before { content:'md - 768' }  }
@media (min-width: 992px) {  body:before { content:'lg - 992' }  }
@media (min-width: 1200px) {  body:before { content:'xl - 1200' }  }
*/


body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background: #f9f9f9;}
body, html { width: 100%; height: 100%; }
.page_wrapper { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100%; }
.page_wrapper_content { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

a { color: #28b8d8; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; }
a:hover, a:focus { color: #232323; text-decoration: none; }

.error_page { padding: 60px 0;}
.error_page a { color: #333; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); margin-top: 25px; }
.error_page a:hover { background: #fff; }



/* Header */
.header { z-index: 1000; position: relative; min-height: 60px; width: 100%; top: 0; border-bottom: 1px solid #495c61; background: #283336;  line-height: 60px; }
.header ._brand { display: block; float: left; height: 60px; line-height: 60px; }
.header ._brand img { height: 50px; }
.header .menu_btn {display: block; min-height: 60px; line-height: 60px; color: #fff; width: 60px; text-align: center; background: #191f22; }
.header_cup { display: none; }

@media(min-width: 992px) {
    .header .menu_btn { display: none; }
    .header_cup { display: block; }
    .header { height: 60px; position: fixed; min-height: 0; }
}

/* Contacts */
.contacts { float: right; display: none; }

.contacts ._touch { float: left; }
.contacts ._touch ul { margin: 0; }
.contacts ._touch ul li { float: none; margin-right: 20px; padding-bottom: 15px; }
.contacts ._touch ul li a { font-size: 12px; color: #e8eeef; }
.contacts ._touch ul li span { margin-right: 3px; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; border: 1px solid #e8eeef; color: #e8eeef; }
.contacts ._touch ul li span i { font-size: 14px; color: #e8eeef; transition: transform 0.3s ease }
.contacts ._touch ul li a:hover span { background: #e8eeef; }
.contacts ._touch ul li a:hover span i { font-size: 14px; color: #222; transform: rotate(360deg) }

.contacts ._social { float: left; }
.contacts ._social ul { margin: 0; }
.contacts ._social li { display: inline-block;  padding-right: 10px; }

.contacts ._social a { transition: background 0.3s ease, color 0.2s ease; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; border: 1px solid #222; color: #222; }
.contacts ._social a:hover { background: #222; color: #fff; }
.contacts ._social a i { transition: transform 0.3s ease }
.contacts ._social a:hover i { transform: rotate(360deg) }

.contacts ._social a.icon-s-facebook { border-color: #677fb5; background: #677fb5; color: #fff; }
.contacts ._social a.icon-s-twitter { border-color: #70c2e9; background: #70c2e9; color: #fff; }
.contacts ._social a.icon-s-linkedin { border-color: #3daccf; background: #3daccf; color: #fff; }
.contacts ._social a.icon-s-youtube { border-color: #d5615c; background: #d5615c; color: #fff; }
.contacts ._social a.icon-s-instagram { border-color: #926d53; background: #926d53; color: #fff; }
.contacts ._social a.icon-s-gplus { border-color: #bc7067; background: #bc7067; color: #fff; }
.contacts ._social a.icon-s-pinterest { border-color: #d8545d; background: #d8545d; color: #fff; }

@media(min-width: 992px) {
    .contacts { display: block; }
    .contacts ._social { float: right; }
    .contacts ._social li { padding: 0 0 0 10px; }
    .contacts ._touch { float: left; }
    .contacts ._touch ul li { padding-bottom: 0; }
}

@media(min-width: 768px) {
    .contacts ._touch ul li { float: left;}
}




/* Toggle */
.headnav li div.is_toggle { margin-right: 55px; }
.headnav li div.is_toggle a { position: relative; float: left; width: 100%; }

.headnav li a.item_toggle { position: relative; width: 50px; height: 50px; line-height: 50px; margin-top: 5px; border-radius: 50%; float: right; text-align: center; background: rgb(38, 154, 179) !important; color: #fff; }
.headnav li a.item_toggle:after {content: ''; border: 2px solid #fff; display: inline-block; width: 8px; height: 8px; border-top: 0; border-left: 0; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.headnav li a.item_toggle.active:after {-webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.headnav .dropdown-toggle::after { display: none; }



/* Header Navigation */
.headnav { display: none; z-index: 900; background: #283336; text-align: center; }
.headnav nav { line-height: normal; text-align: left; }
.headnav nav ul { margin: 0; text-align: left; }
.headnav nav ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); float: none; }
.headnav nav ul li a { white-space: nowrap; text-decoration: none; display: block; padding: 0 8px; font-size: 12px; height: 60px; line-height: 60px; color: #dae6e9; text-transform: uppercase; font-weight: 700; }
.headnav nav ul li a:hover { background: #354144; color: #fff; }

.headnav nav ul li.dropdown_li { position: relative; }
.headnav nav ul li .dropdown_menu { position: relative; display: none; background: #354144;  }
.headnav nav ul li .dropdown_menu ul { }
.headnav nav ul li .dropdown_menu ul li { width: 100%; float: none; }
.headnav nav ul li .dropdown_menu ul li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; min-height: 40px; line-height: 40px; height: 40px; font-weight: 500; padding: 0 10px; }
.headnav nav ul li .dropdown_menu ul li:last-child a { border-bottom: 0; }

.headnav nav ul li .dropdown_menu ul li .dropdown_menu { left: 0; top: 0; }


@media(min-width: 992px) {
    .headnav nav ul li .dropdown_menu ul li a { border-bottom: 1px solid #485255; }
    .headnav nav ul li { border-bottom: 0; float: none; }

    .headnav nav ul li .dropdown_menu ul li a:hover { background: #1c1f1f; }

    .headnav { display: block; height: 60px; line-height: 60px; }
    .headnav nav { line-height: normal; display: inline-block; text-align: left; }

    .headnav .dropdown_menu { min-width: 180px; }

    .headnav nav ul li .dropdown_menu.dropdown_menu_twocol { position: absolute; display: none; min-width: 340px; }
    .headnav nav ul li .dropdown_menu.dropdown_menu_twocol li { width: 50%; float: left; }

    .headnav nav ul li { float: left; }
    .headnav nav ul li .dropdown_menu ul li .dropdown_menu { left: 100%; top: 0; }

    .headnav nav ul li.dropdown_li:hover>.dropdown_menu { display: block!important; position: absolute; z-index: 10; }
    .headnav nav ul li.dropdown_li:hover>a { background: #354144; color: #fff; }


    /* Hide Toggle */
    .headnav li div.is_toggle { margin-right: 0; }
    .headnav li div.is_toggle a { float: none; width: auto; }
    .headnav li a.item_toggle { display: none; }
    .headnav .dropdown-toggle::after { display: inline-block; }
}



/* Home Slider */
.home_slider { position: relative; background: #364346; }
.home_slider .slick-prev { z-index: 20; left: 20px; }
.home_slider .slick-next { z-index: 20;  right: 20px; }

.home_slider_prev, .home_slider_next { opacity: 0; transition: opacity 0.3s ease; z-index: 5; cursor: pointer; position: absolute; top: 50%; margin-top: -25px; outline: none; border: 0; background: #000; color: #fff; height: 50px; width: 50px; line-height: 50px; text-align: center; }
.home_slider:hover .home_slider_prev, .home_slider:hover .home_slider_next { opacity: 0.7; }
.home_slider_prev:hover, .home_slider_next:hover { opacity: 1!important; }

.home_slider_prev { left: 20px; }
.home_slider_next { right: 20px; }

.home_slider_item { display: block; width: 100%; height: 300px; line-height: 300px; text-align: center; position: relative; }
.home_slider_item img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
.home_slider_item span._txt { font-weight: 500; font-size: 17px; line-height: 30px; vertical-align: middle; /*background: rgba(0, 0, 0, 0.5);*/ padding: 15px 20px; text-shadow: 1px 1px 2px rgb(0, 0, 0); color: #fff; display: inline-block; position: relative; z-index: 5; }
.home_slider_item span._txt b { font-weight: 900; font-size: 20px; }


@media(min-width: 576px) {
    .home_slider_item { height: 400px; line-height: 400px; }
    .home_slider_item span._txt { font-weight: 500; font-size: 30px; line-height: 45px; }
    .home_slider_item span._txt b { font-weight: 900; font-size: 35px; }
}

@media(min-width: 992px) {
    .home_slider_item { height: 500px; line-height: 500px; }
}




/* Welcome */
.welcome { margin: 35px 0; }
.welcome h3 {font-size: 24px; font-weight: 700; margin-bottom: 20px; }
.welcome p {  }

/* Home Gallery */
.home_gallery { padding: 35px 0; background: #3c4b51; color: #a2a9ab; }
.home_gallery h3 { margin-bottom: 20px; font-weight: 700; font-size: 20px; line-height: 30px; text-align: center; color: #d9dfe1; text-transform: uppercase; }
.home_gallery ._item { background: #fff; width: 100%; margin-top: 30px; }
.home_gallery ._item span.dummy { padding-top: 80%; display: block; }

.home_products { margin-right: -8px; margin-left: -8px; }
.home_products .col { padding-right: 8px; padding-left: 8px; }
.home_products_item { margin: 0; }
.home_products_item a { display: block; position: relative; margin-top: 16px; }
.home_products_item a span.dummy { display: block; padding-top: 80%; }
.home_products_item a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }

.home_products_item a ._txt { opacity: 0; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute; text-decoration: none; z-index: 7; color: #fff; background: rgba(40,184,216,0.90); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.home_products_item a ._txt ._inner { text-align: center; top: 50%; width: 100%; left: 0; position: absolute; margin-top: -11px; color: #fff; font-size: 14px; font-weight: normal; text-transform: uppercase; }
.home_products_item a ._txt:before { content: ""; display: block; position: absolute; z-index: -1; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255, 255, 255, 0.3); }

.home_products_item.more a ._txt { opacity: 0.5; background: #0e0f10; }

.home_products_item a:hover ._txt { opacity: 1; }



/* Home Blog */
.from_blog { padding: 35px 0; }
.from_blog h3._main { margin-bottom: 40px; text-align: center; text-transform: uppercase; }
.from_blog h3._main span { display: inline-block; padding: 10px 13px; border: 2px solid #b9cace; color: #305861; font-size: 17px; font-weight: 800; }

.card-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
@media (min-width: 768px) {
    .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}
@media (min-width: 992px) {
    .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
}

.blog_item { background: #fff; border: 1px Solid #f0f1f3; border-radius: 0;  }
.blog_item ._top { padding: 15px 15px 0 15px; }
.blog_item h3 { text-align: center; line-height: 24px; }
.blog_item h3 a { color: #333; text-decoration: none; font-weight: bold; font-size: 17px; }
.blog_item h3 a:hover { color: #28b8d8; }
.blog_item ._info { margin-bottom: 10px; text-align: center; color: #999; font-size: 12px; line-height: 1; font-weight: 400; }
.blog_item ._info a { color: #999; font-size: 12px; line-height: 1; font-weight: 400; }
.blog_item ._info span._cat::before { display: inline-block; content: "/"; padding: 0 7px; color: #9f9f9f; }

.blog_item ._img { margin-toP: 15px; }
.blog_item ._img img { margin: 0 auto; display: block; max-width: 100%; }

.blog_item ._desc { padding: 15px; }

.blog_item ._more { padding: 0 15px 15px 15px; }
.blog_item ._more a { display: inline-block; border-bottom: 1px solid #0d95e8; color: #777; padding-bottom: 4px; text-transform: uppercase; font-size: 12px; }
.blog_item ._more a:hover { border-bottom: 1px solid #0d95e8; color: #0d95e8;  }


/* Home Text Slider */
.parallax { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; color: #d9d9d9; }
.home_info { padding: 30px 0; }
.home_info h3 { margin-bottom: 20px; font-weight: 700; font-size: 20px; text-align: center; text-transform: uppercase; }
.home_info_content { text-align: center; font-size: 20px; line-height: 32px; font-weight: 300; }

.home_text_slider_slick .slick-dots li button::before {opacity: 0.6; color: white;font-size: 14px;}
.home_text_slider_slick .slick-dots li button:hover::before {opacity: 1; color: white;font-size: 14px;}
.home_text_slider_slick .slick-dots li.slick-active button::before {opacity: 1; color: white;font-size: 14px;}


/* Home Article */
.home_article { padding: 35px 0; }
.home_article h3 { margin-bottom: 40px; text-align: center; text-transform: uppercase; }
.home_article h3 span { display: inline-block; padding: 10px 13px; border: 2px solid #b9cace; color: #305861; font-size: 17px; font-weight: 800; }
.home_article_image { max-width: 100%; display: block; }




/* Blog Page Items */
.card-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
@media (min-width: 768px) {
    .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}
@media (min-width: 992px) {
    .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
}

.blog_item { background: #fff; border: 1px Solid #f0f1f3; border-radius: 0;  }
.blog_item ._top { padding: 15px; padding-bottom: 0; }
.blog_item h3 { text-align: center; }
.blog_item h3 a { color: #333; text-decoration: none; font-weight: bold; font-size: 20px; }
.blog_item h3 a:hover { color: #28b8d8; }
.blog_item ._info { text-align: center; color: #999; font-size: 12px; line-height: 1; font-weight: 400; }
.blog_item ._info a { color: #999; font-size: 12px; line-height: 1; font-weight: 400; }
.blog_item ._info span._cat::before { display: inline-block; content: "/"; padding: 0 7px; color: #9f9f9f; }

.blog_item ._img { margin-top: 15px; }
.blog_item ._img img { display: block; max-width: 100%; }

.blog_item ._desc { padding: 15px; }

.blog_item ._more { padding: 0 15px 15px 15px; }
.blog_item ._more a { display: inline-block; border-bottom: 1px solid #0d95e8; color: #777; padding-bottom: 4px; text-transform: uppercase; font-size: 12px; }
.blog_item ._more a:hover { border-bottom: 1px solid #0d95e8; color: #0d95e8;  }



.products_item_list { margin-top: 30px; }
.products_item {  }
.products_item a { display: block; position: relative; margin-bottom: 30px; }
.products_item a span.dummy { display: block; padding-top: 80%; }
.products_item a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }

.products_item a ._txt { opacity: 0; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute; text-decoration: none; z-index: 7; color: #fff; background: rgba(40,184,216,0.90); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.products_item a ._txt.vis { opacity: 0.4; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute; text-decoration: none; z-index: 7; color: #fff; background: rgba(40,184,216,0.90); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.products_item a ._txt ._inner { text-align: center; top: 50%; width: 100%; left: 0; position: absolute; margin-top: -11px; color: #fff; font-size: 14px; font-weight: normal; text-transform: uppercase; }
.products_item a ._txt:before { content: ""; display: block; position: absolute; z-index: -1; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255, 255, 255, 0.3); }

.products_item a:hover ._txt { opacity: 1; }


/* Footer */
.footer { color: #fff; }
.footer ._top { background: #2f383b; padding: 35px 0; }
.footer ._bottom { background: #252c2e; padding: 35px 0; }
.footer ._copyright { color: #fff; }
.footer ._txt { color: #babdbe; margin: 0; padding: 20px 0 0 0; }

.footer ._top .widget-title { font-size: 18px; font-weight: 800; margin-bottom: 30px; }

.footer ._top ._touch {  }
.footer ._top ._touch ul li { margin-top: 20px; }
.footer ._top ._touch ul li a { display: block; text-decoration: none; color: #cdd2d4; }
.footer ._top ._touch ul li a span { margin-right: 3px; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; border: 1px solid #cdd2d4; color: #cdd2d4; }
.footer ._top ._touch ul li a span i { font-size: 14px; color: #cdd2d4; transition: transform 0.3s ease }
.footer ._top ._touch ul li a:hover span { background: #fff; border-color: #fff; }
.footer ._top ._touch ul li a:hover span i { font-size: 14px; color: #2f383b; transform: rotate(360deg) }
.footer ._top ._touch ul li a:hover { color: #fff; }

.footer ._top ._social {  }
.footer ._top ._social li { float: left; padding: 0 10px 10px 0; }

.footer ._top ._social a { transition: background 0.3s ease, color 0.2s ease; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; border: 1px solid #cdd2d4; color: #cdd2d4; }
.footer ._top ._social a:hover { background: #fff; color: #222; }
.footer ._top ._social a i { transition: transform 0.3s ease }
.footer ._top ._social a:hover i { transform: rotate(360deg) }

.footer ._top ._social a:hover.icon-s-facebook { background: #677fb5; border-color: #677fb5; color: #fff; }
.footer ._top ._social a:hover.icon-s-twitter { background: #70c2e9; border-color: #70c2e9; color: #fff; }
.footer ._top ._social a:hover.icon-s-linkedin { background: #3daccf; border-color: #3daccf; color: #fff; }
.footer ._top ._social a:hover.icon-s-youtube { background: #d5615c; border-color: #d5615c; color: #fff; }
.footer ._top ._social a:hover.icon-s-instagram { background: #926d53; border-color: #926d53; color: #fff; }
.footer ._top ._social a:hover.icon-s-gplus { background: #bc7067; border-color: #bc7067; color: #fff; }
.footer ._top ._social a:hover.icon-s-pinterest { background: #d8545d; border-color: #d8545d; color: #fff; }


/* Blog Item Page */
.page_title { position: relative; height: 200px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; position: relative; }
.page_title .overlay { background: rgba(0,0,0,0.45); height: 100%; position: relative; }
.page_title_inner { text-align: center; position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: 200px; line-height: 200px; }
.page_title h1 { vertical-align: middle; display: inline-block; font-weight: 300; font-size: 40px; margin: 0; color: #f5f5f5; }

.page_content { padding: 40px 0; }
.page_content img { max-width: 100%; }

.page_content h1 { margin-bottom: 30px; }

.page_content h1 {font-size: 2rem}
.page_content h2 {font-size: 1.75rem}
.page_content h3 {font-size: 1.5rem}
.page_content h4 {font-size: 1.25rem}
.page_content h5 {font-size: 1rem}
.page_content h6 {font-size: 0.8rem}

.page_content .page_sub_links { }
.page_content .page_sub_links li { }
.page_content .page_sub_links li a { font-size: 22px; font-weight: bold; line-height: 34px; }

/* Gallery */
.page_gallery { margin-top: 40px; }
.page_gallery h3 { font-weight: 300; margin: 0; }
.page_gallery ._item { outline: none; overflow: hidden; border-radius: 3px; display: block; cursor: pointer; position: relative; margin-top: 30px; }
.page_gallery ._item span.dummy { display: block; padding-top: 70%; }
.page_gallery ._item img { transition: transform 0.3s ease; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
.page_gallery ._item span._large { opacity: 0; transition: opacity 0.3s ease; width: 100%; height: 100%; line-height: 100%; text-align: center; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); }
.page_gallery ._item span._large i { font-size: 40px; color: #fff; position: absolute; top: 50%; margin-top: -15px; left: 0; width: 100%; }

.page_gallery ._item:hover img { transform: scale(1.1); }
.page_gallery ._item:hover span._large { opacity: 1; }



.blog_box { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); padding: 15px; margin: 40px auto; max-width: 90%; }
.blog_box .page_content { padding: 0; }
.blog_box h1._main { font-size: 22px; margin-bottom: 10px; line-height: 30px; text-align: center; font-weight: bold; }

.blog_image {  }
.blog_image img { display: block; max-width: 90%; margin: 40px auto 0 auto; }

.blog_date { text-align: center; display: block; color: #777; margin-bottom: 15px; }



.share {
    margin-bottom: 20px
}
.share .btn,
.navigation a {
    background: none;
    border-radius: 0;
    padding: 8px 17px;
    margin-bottom: 5px;
    margin: 7px;
}
.share .btn:hover,
.navigation a:hover {
    color: #FFF !important
}
.btn.share-facebook {
    color: #3d5b9b !important;
    border: 1px solid #3d5b9b !important;
}
.btn.share-facebook:hover {
    background: #334c8e !important;
    border: 1px solid #334c8e !important;
}
.btn.share-twitter {
    color: #5aa8cd !important;
    border: 1px solid #5aa8cd !important;
}
.btn.share-twitter:hover {
    background: #499ac8 !important;
    border: 1px solid #499ac8 !important;
}
.btn.share-googleplus {
    color: #3b3b3b !important;
    border: 1px solid #3b3b3b !important;
}
.btn.share-googleplus:hover {
    background: #2e2e2e!important;
    border: 1px solid #2e2e2e !important;
}
.btn.share-pinterest {
    color: #c53942 !important;
    border: 1px solid #c53942 !important;
}
.btn.share-pinterest:hover {
    background: #bc2d32 !important;
    border: 1px solid #bc2d32 !important;
}


/* Page */
.page_title { position: relative; height: 200px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; position: relative; }
.page_title .overlay { background: rgba(0,0,0,0.45); height: 100%; position: relative; }
.page_title_inner { text-align: center; position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: 200px; line-height: 200px; }
.page_title h1 { vertical-align: middle; display: inline-block; font-weight: 300; font-size: 25px; margin: 0; color: #f5f5f5; }

@media(min-width: 576px) {
    .page_title h1 { font-size: 40px; }
}

.page_content { padding: 40px 0; }
.page_content img { max-width: 100%; }

.page_content h1 { margin-bottom: 30px; }

.page_content h1 {font-size: 2rem}
.page_content h2 {font-size: 1.75rem}
.page_content h3 {font-size: 1.5rem}
.page_content h4 {font-size: 1.25rem}
.page_content h5 {font-size: 1rem}
.page_content h6 {font-size: 0.8rem}

.page_content .page_sub_links { }
.page_content .page_sub_links li { }
.page_content .page_sub_links li a { font-size: 22px; font-weight: bold; line-height: 34px; }

/* Gallery */
.page_gallery { margin-top: 40px; }
.page_gallery h3 { font-weight: 300; margin: 0; }
.page_gallery ._item { outline: none; overflow: hidden; border-radius: 3px; display: block; cursor: pointer; position: relative; margin-top: 30px; }
.page_gallery ._item span.dummy { display: block; padding-top: 70%; }
.page_gallery ._item img { transition: transform 0.3s ease; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
.page_gallery ._item span._large { opacity: 0; transition: opacity 0.3s ease; width: 100%; height: 100%; line-height: 100%; text-align: center; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); }
.page_gallery ._item span._large i { font-size: 40px; color: #fff; position: absolute; top: 50%; margin-top: -15px; left: 0; width: 100%; }

.page_gallery ._item:hover img { transform: scale(1.1); }
.page_gallery ._item:hover span._large { opacity: 1; }


.project_item { margin-top: 30px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); background: #fff; }
.project_item h3 { font-weight: bold; }
.projcet_item_content { padding: 15px; }
.project_item_img { display: block; }
.project_item_img img { display: block; width: 100%;}
.project_item_short { color: #555; }



.page_contacts { float: none; margin-top: 30px; padding: 0; height: auto; line-height: normal;}
.page_contacts div._touch { float: none; }
.page_contacts ._touch ul li { float: none; margin-bottom: 20px; }
.page_contacts ._social { float: none; }
.page_contacts ._social ul { margin: 0; }
.page_contacts ._social ul li { padding: 0 10px 0 0; }

.page_contacts ._touch ul li a { color: #333; }
.page_contacts ._touch ul li span { color: #333; border-color: #333; }
.page_contacts ._touch ul li span i { color: #333; }