/* RESET------------------------------------------------------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote,table,td,th {margin: 0; padding: 0; outline: none; font-weight: normal;}
table, td, tr {border-collapse: collapse; border-spacing: 0;}
ol,ul {list-style: none;}
a, a img {outline: none; text-decoration: none; border: 0;}
td {vertical-align: top;}
p {padding: 0; margin: 0 0 15px 0;}
* {margin: 0; padding: 0;}
.clr {clear: both; overflow: hidden; height: 0;}
header, nav, section, article, aside, footer {display: block;}


/* BODY */
body {font-weight: 400; color: #2f2f2f;} 
.home_bg {background: url(/img/bg_home_page.jpg) top center no-repeat; background-size: cover;}
.container {margin: 0 auto; position: relative;}

@media (min-width: 1px) {
    body {font: normal 15px/1.4 'Roboto', sans-serif;}
    .container {width: 300px;}
    .col_l, .col_70 {width: 100%; margin: 0 0 30px 0;}
    .col_r, .col_30 {width: 100%;}
}
@media (min-width: 480px) {
    body {font: normal 15px/1.4 'Roboto', sans-serif;}
    .container {width: 400px;}
}
@media (min-width: 640px) {
    body {font: normal 16px/1.4 'Roboto', sans-serif;}
    .container {width: 600px;}
}
@media (min-width: 768px) {
    body {font: normal 16px/1.4 'Roboto', sans-serif;}
    .container {width: 700px;}
    .col_70 {width: 70%; float: left; margin: 0;}
    .col_30 {width: 25%; float: right;}
}
@media (min-width: 1024px) {
    body {font: normal 17px/1.4 'Roboto', sans-serif;}
    .container {width: 900px;}
    .col_l {width: 48%; float: left; margin: 0;}
    .col_r {width: 48%; float: right;}
    
}
@media (min-width: 1366px) {
    body {font: normal 18px/1.4 'Roboto', sans-serif;}
    .container {width: 1100px;}
}
@media (min-width: 1600px) {
    body {font: normal 19px/1.4 'Roboto', sans-serif;}
    .container {width: 1200px;}
}


/* HEADER */
#header_top {width: 100%; position: fixed; height: 140px; z-index: 10;}
.header_logo {float: left; margin: 20px 0 0 0;}
.lang {float: right; margin: 0;}
.lang li {display: inline-block;}
.lang li a {padding: 5px; background-color: #a1a1a1; color: #fff; display: block; width: 17px; text-align: center; font-weight: 700; font-size: 13px;}
.lang li a:hover, .lang li a.selected {background-color: #007fb8;}




#catalog {width: 300px; height: 340px; background-size: cover; display: block;}
.catalog_title {padding: 40px 20px; color: #fff; text-transform: uppercase; font-weight: 500; font-size: 18px;}
#catalog:hover .catalog_title {color: #000;}
#header_info {background-color: #f5f5f5; height: 70px;}
#header_navi {background-color: #f5f5f5; height: 70px;}

@media (min-width: 1px) {
    .header_logo img {width: 139px; height: auto;}
    .header_info {text-align: center;}
    .logo_iso img {width: 35px; height: auto; margin: 5px 3px 0 0;}
}
@media (min-width: 480px) {
    .header_info {float: right; text-align: right;}
    .header_logo img {width: 149px; height: auto;}
    .logo_iso img {width: 40px; height: auto; margin: 2px 5px 0 0;}
}
@media (min-width: 640px) {
    .header_info {width: 502px;}
    .header_logo img {width: 159px; height: auto;}
    .logo_iso img {width: 45px; height: auto; margin: 0 5px 0 0;}
}
@media (min-width: 768px) {
    .header_info {width: 500px;}
    .header_logo img {width: 159px; height: auto;}
    .logo_iso {float: left; margin: 0;}
}
@media (min-width: 1024px) {
    .header_info {width: 700px;}
    .header_logo img {width: 206px; height: auto;}
    .logo_iso {float: right; margin: 10px 0 0 0;}
    .logo_iso img {margin: 0 0 0 20px; width: 50px; height: auto;}
}
@media (min-width: 1366px) {
    .header_info {width: 900px;}
    .header_logo img {width: 206px; height: auto;}
    .logo_iso img {margin: 0 0 0 25px;}
}
@media (min-width: 1600px) {
    .header_info {width: 1000px;}
    .header_logo img {width: 206px; height: auto;}
    .logo_iso img {margin: 0 0 0 30px;}
}

/* FOOTER */
footer {font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 1.4; font-weight: 400;  color: #fff; background: url(/img/bg_footer.png) center center no-repeat; background-size: cover; min-height: 200px; position: relative; z-index: 100;}

.footer_address_item {display: inline-block;}
.footer_address_item_title {font-weight: 500; font-size: 14px; margin: 0 0 15px 0;}
.footer_address_item_desc {font-weight: 300; font-size: 14px;}
.footer_2 {border-top: 1px solid #5c5d5e; padding: 15px 0 0 0; margin: 40px 0 0 0;}
.footer_author span {color: #c42625;}
.cookies {color: #2f2f2f; padding: 20px 0 0 0;}
.cookies_link {color: #2f2f2f; padding: 20px 0 20px 0;}
footer a {color: #fff;}

@media (min-width: 1px) {
    .cookies, .cookies_link {font-size: 14px;}
    .footer_logo {width: 100%; display: block; margin: 0 0 20px 0;}
    .footer_address_item {padding: 0 0 20px 0; width: 100%;}
    footer {padding: 100px 0 0 0; margin: -100px 0 0 0;}
}
@media (min-width: 480px) {
    .cookies, .cookies_link {font-size: 14px;}
    footer {padding: 110px 0 0 0; margin: -110px 0 0 0;}
}
@media (min-width: 640px) {
    .cookies, .cookies_link {font-size: 14px;}
    .footer_address_item {padding: 0 30px 0 0; width: auto;}
    .footer_copy {float: left;}
    .footer_author {float: right;}
    footer {padding: 110px 0 0 0; margin: -110px 0 0 0;}
}
@media (min-width: 768px) {
    .cookies, .cookies_link {font-size: 15px;}
    .footer_address_item {padding: 0 50px 0 0;}
    footer {padding: 120px 0 0 0; margin: -120px 0 0 0;}
}
@media (min-width: 1024px) {
    .cookies, .cookies_link {font-size: 14px;}
    .cookies {float: left;}
    .cookies_link {float: right;}
    .footer_logo {width: 207px; float: left; margin: 0;}
    .footer_address {float: right;}
    .footer_address_item {padding: 0 30px;}
    .footer_address_item:nth-of-type(3) {padding-right: 0px;}
    footer {padding: 130px 0 0 0; margin: -130px 0 0 0;}
}
@media (min-width: 1366px) {
    .cookies, .cookies_link {font-size: 14px;}
    .footer_address_item {padding: 0 50px;}
    footer {padding: 140px 0 0 0; margin: -140px 0 0 0;}
}
@media (min-width: 1600px) {
    .cookies, .cookies_link {font-size: 15px;}
    footer {padding: 150px 0 0 0; margin: -150px 0 0 0;}
}

/* NAV */
#nav_main {margin: 0 0 0 0; float: left;}
#nav_main ul {text-align: left;}
#nav_main li {float: left; position: relative;}
#nav_main li a {color: #5e5e5e; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-transform: uppercase; background: url(/img/bg_nav_li.jpg) left center no-repeat; margin: 0 0 0 -1px;}
#nav_main li a:hover, #nav_main li a.selected {color: #fff;  background: none; background-color: #007fb8;}

#sub_nav li.selected a {color: #001d2b;}

#nav_main li:first-child a {color: transparent; background: url(/img/bg_home.png) center center no-repeat; width: 22px;}
#nav_main li:first-child a:hover, #nav_main li:first-child a.selected {color: transparent; background: url(/img/bg_home_h.png) center center no-repeat; background-color: #007fb8;}

@media (min-width: 1px) {
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
    #nav_main li a {font: normal 14px/1 'Roboto', sans-serif; font-weight: 700; padding: 28px 20px;}
}
@media (min-width: 1366px) {
    #nav_main li a {font: normal 14px/1 'Roboto', sans-serif; font-weight: 700; padding: 28px 30px;}
}
@media (min-width: 1600px) {
}


.menu-element-container li {display: block; width: 100%; text-align: left !important;}
.menu-element-container li a:hover {color: #ffd338;}

#nav_main .sublist {display: none; position: absolute; top: 70px; left: -1px; color: #fff; background-color: #007fb8; width: 300px; padding: 0; z-index: 1000;}
#nav_main .have-children:hover .sublist {display: block;}
#nav_main .sublist .sublist, #nav_main .have-children:hover .sublist .sublist {display: none; position: absolute; top: 0; left: 300px; color: #fff; background-color: #007fb8; width: 300px; padding:0; z-index: 1000;}
#nav_main .sublist .have-children:hover .sublist {display: block;}
#nav_main .sublist li {display: block; width: 100%; text-align: left !important; border-bottom: 1px solid #0099c5;}
#nav_main .sublist li li {border-left: 1px solid #0099c5;}
#nav_main .sublist li a, #nav_main .sublist li:first-child a {font-size: 14px; padding: 15px 15px 15px 40px; line-height: 1.3; font-weight: 400; background: url(/img/bg_sublist_a.png) 15px center no-repeat; text-transform: none; color: #fff; width: 245px;}
#nav_main .sublist li a:hover {color: #000; background: url(/img/bg_sublist_h.png) 15px center no-repeat;}

#rwd-menu-button {height: 45px; font-weight: 700; background: url(/img/bg_rwd_menu.png) center right no-repeat #007fb8; display: block; z-index: 20; cursor: pointer; font: normal 18px/45px 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase; color: #fff; padding: 0;}
#rwd-menu-button.open {background: url(/img/bg_rwd_menu_close.png) center right no-repeat #a1a1a1; display: block;}
#rwd-menu-container {display: none; position: absolute; right: 0; z-index: 911119; height: auto; background-color: #a1a1a1; text-align: center;}
.rwd-main ul {margin: 0 auto; display: block; list-style-type: none;}
.rwd-main li {border-top: 1px solid #b5b5b5;}
.rwd-main li li {border-top: 1px solid #00aace;}
.rwd-main li:first-child {border-top: 0 solid #ebebeb;}
.rwd-main li a {font: normal 16px/1.2 'Roboto', sans-serif; font-weight: 700; display: block; text-transform: uppercase; text-align: center; color: #fff; padding: 15px 10px;}
.rwd-main li a:hover, .rwd-main li a.selected { color: #000;}
.rwd-main li li a {background-color: #007fb8;}

@media (min-width: 1px) {
    #nav_rwd {display: block; width: 100%;}
    #nav_main {display: none;}
    #rwd-menu-container {top: 70px; width: 100%;}
    #rwd-menu-button {width: 110px; float: right; text-align: left; padding-left: 15px;}
}
@media (min-width: 480px) {
    #rwd-menu-container {top: 70px;}
    #rwd-menu-button {width: 160px; float: right; text-align: center; padding-left: 0;}
}
@media (min-width: 640px) {
    #rwd-menu-container {top: 70px;}
    #rwd-menu-button {width: 300px; float: right;}
}
@media (min-width: 768px) {
    #rwd-menu-container {top: 70px;}
    #rwd-menu-button {width: 400px; float: right;}
}
@media (min-width: 1024px) {
    #nav_rwd {display: none;}
    #nav_main {display: block;}
}
@media (min-width: 1366px) {
}
@media (min-width: 1600px) {
}

/* HOME - BANNER */

#banner_home {height: 670px; margin: 0 auto; position: relative; padding: 140px 0 0 0;}
#banner_home .slide {width: 100%;background-size: cover !important;}
#banner_home .slide_text {background: url(/img/bg_slide_text.png) top left repeat-y; padding: 20px 5%; position: absolute; left: 0px; width: 90%;}
#banner_home .slide .title, #banner_home .slide .subtitle  {display: inline-block; color: #fff; font-weight: 400; text-transform: uppercase; line-height: 1.1; }
#banner_home_nav a {display: inline-block; width: 16px; height: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; border: 2px solid #fff; margin: 0 3px; }
#banner_home_nav a.selected, #banner_home_nav a:hover {border: 2px solid #fff; background-color: #c42625;}
.box_item, .box_item h2 {background-repeat: no-repeat;}

@media (min-width: 1px) {
    #banner_home {width: 100%;}
    #banner_home, #banner_home .slide {height: 300px;}
    #banner_home .slide_text {top: 40px;}
    #banner_home .slide .title {font-size: 18px;}
    #banner_home .slide .subtitle {font-size: 18px;}
    #banner_home_nav {position: absolute; left: 0px; bottom: 60px; z-index: 100000; display: none;}
}
@media (min-width: 480px) {
    #banner_home, #banner_home .slide {height: 300px;}
    #banner_home .slide_text {top: 40px;}
    #banner_home .slide .title {font-size: 20px;}
    #banner_home .slide .subtitle {font-size: 20px;}
    #banner_home_nav {position: absolute; left: 0px; bottom: 70px; z-index: 100000;}
}
@media (min-width: 640px) {
    #banner_home, #banner_home .slide {height: 300px;}
    #banner_home .slide_text {top: 150px;}
    #banner_home .slide .title {font-size: 21px;}
    #banner_home .slide .subtitle {font-size: 21px;}
    #banner_home_nav {position: absolute; left: 0px; bottom: 80px; z-index: 100000;}
}
@media (min-width: 768px) {
    #banner_home, #banner_home .slide {height: 400px;}
    #banner_home .slide_text {top: 250px;}
    #banner_home .slide .title {font-size: 22px;}
    #banner_home .slide .subtitle {font-size: 22px;}
    #banner_home_nav {position: absolute; left: 0px; bottom: 160px; z-index: 100000;}
}
@media (min-width: 1024px) {
    #banner_home {width: 92%;}
    #banner_home, #banner_home .slide {height: 500px;}
    #banner_home .slide_text {top: 200px;}
    #banner_home .slide .title {font-size: 24px;}
    #banner_home .slide .subtitle {font-size: 24px;}
    #banner_home_nav {position: absolute; left: 0px; bottom: 180px; z-index: 100000;}
}
@media (min-width: 1366px) {
    #banner_home, #banner_home .slide {height: 570px;}
    #banner_home .slide_text {top: 250px;}
    #banner_home .slide .title {font-size: 26px;}
    #banner_home .slide .subtitle {font-size: 26px;}
    #banner_home_nav {position: absolute; left: 0px; bottom: 200px; z-index: 100000;}
}
@media (min-width: 1600px) {
    #banner_home, #banner_home .slide {height: 670px;}
    #banner_home .slide_text {top: 300px;}
    #banner_home .slide .title {font-size: 30px;}
    #banner_home .slide .subtitle {font-size: 30px;}
    #banner_home_nav {position: absolute; left: 0px; bottom: 300px; z-index: 100000;}
}

/* HOME - BANNER */
.page_banner_height {height: 140px;}
#page_banner {margin: 0 auto 50px auto; position: relative; background-size: cover !important;}
#page_banner h1 {background: url(/img/bg_h1.jpg) left center no-repeat #007fb8; padding: 20px 20px 20px 60px; display: inline-block; position: absolute; left: 0px; bottom: -30px;}

@media (min-width:1px) {
    #page_banner {height: 150px; width: 100%;}
    #page_banner .container {height: 150px;}
}
@media (min-width:480px) {
    #page_banner {height: 175px;}
    #page_banner .container {height: 175px;}
}
@media (min-width:640px) {
    #page_banner {height: 225px;}
    #page_banner .container {height: 225px;}
}
@media (min-width:768px) {
    #page_banner {height: 250px;}
    #page_banner .container {height: 250px;}
}
@media (min-width:1024px) {
    #page_banner {height: 300px; width: 92%;}
    #page_banner .container {height: 300px;}
}
@media (min-width:1366px) {
    #page_banner {height: 325px;}
    #page_banner .container {height: 325px;}
}
@media (min-width:1600px) {
    #page_banner {height: 350px;}
    #page_banner .container {height: 350px;}
}

/* HOME - OFFER*/

.home_offer_item .home_offer_title {height: 50px; color: #fff; text-transform: uppercase; text-align: left; font-weight: 600; line-height: 50px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; padding: 0 0 0 65px; background: url(/img/bg_offer_title.jpg) left center no-repeat; border-radius: 3px;}
.home_offer_item:nth-of-type(odd) .home_offer_title {background-color: #001d2b;}
.home_offer_item:nth-of-type(even) .home_offer_title {background-color: #007fb8;}
.home_offer_item:hover .home_offer_title {background-color: #a1a1a1;}


@media (min-width: 1px) {
    .home_offer {margin: 0 0 100px 0;}
    .home_offer_item {width: 300px; float: left; margin: 40px 0 0 0;}
    .home_offer_foto {width: 300px; height: 300px;}
    .home_offer_foto img {width: 300px; height: auto;}
    .home_offer_item .home_offer_title {font-size: 16px;}
}
@media (min-width: 480px) {
    .home_offer {margin: 0 0 100px 0;}
    .home_offer_item {width: 400px; float: left; margin: 40px 0 0 0;}
    .home_offer_foto {width: 400px; height: 400px;}
    .home_offer_foto img {width: 400px; height: auto;}
    .home_offer_item .home_offer_title {font-size: 17px;}
}
@media (min-width: 640px) {
    .home_offer {margin: 0 0 100px 0;}
    .home_offer_item {width: 250px; float: left; margin: 40px 25px 0 25px;}
    .home_offer_foto {width: 250px; height: 250px;}
    .home_offer_foto img {width: 250px; height: auto;}
    .home_offer_item .home_offer_title {font-size: 14px;}
}
@media (min-width: 768px) {
    .home_offer {margin: 0 0 100px 0;}
    .home_offer_item {width: 300px; float: left; margin: 40px 25px 0 25px;}
    .home_offer_foto {width: 300px; height: 300px;}
    .home_offer_foto img {width: 300px; height: auto;}
    .home_offer_item .home_offer_title {font-size: 14px;}
}
@media (min-width: 1024px) {
    .home_offer {margin: -140px 0 100px 0;}
    .home_offer_item {width: 206px; float: left; margin: 0 25px 0 0;}
    .home_offer_foto {width: 206px; height: 206px;}
    .home_offer_foto img {width: 206px; height: auto;}
    .home_offer_item .home_offer_title {font-size: 14px;}
    .home_offer_item:nth-of-type(4) {margin: 0 0 0 0;}
}
@media (min-width: 1366px) {
    .home_offer {margin: -150px 0 100px 0;}
    .home_offer_item {width: 245px; float: left; margin: 0 40px 0 0;}
    .home_offer_foto {width: 245px; height: 245px;}
    .home_offer_foto img {width: 245px; height: auto;}
    .home_offer_item .home_offer_title {font-size: 14px;}
}
@media (min-width: 1600px) {
    .home_offer {margin: -160px 0 100px 0;}
    .home_offer_item {width: 270px; float: left; margin: 0 40px 0 0;}
    .home_offer_foto {width: 270px; height: 270px;}
    .home_offer_foto img {width: 270px; height: auto;}
    .home_offer_item .home_offer_title {font-size: 15px;}
}

/* HOME - TEXT*/
.page_default {margin-top: 100px;}

.homepage_text strong, .page_default strong {color: #007fb8;}
.homepage_text h1 {color: #007fb8; font-size: 21px; text-transform: uppercase; font-weight: 400; line-height: 1.3; padding: 20px 0; margin: 20px 0; position: relative;}
.homepage_text h1::before {content: ""; position: absolute; top: 0px; left: 0px; height: 2px; width: 20px; background-color: #005884;}
.homepage_text h1::after {content: ""; position: absolute; bottom: 0px; left: 0px; height: 2px; width: 20px; background-color: #005884;}

@media (min-width: 1px) {
    .homepage_text_left {width: 100%; float: left; margin: 0 0 60px 0;}
    .homepage_text_right {width: 100%; float: right; margin: 0 0 60px 0;}
}
@media (min-width: 768px) {
    .homepage_text_left {width: 48%; float: left; margin: 0 0 60px 0;}
    .homepage_text_right {width: 48%; float: right; margin: 0 0 60px 0;}
}


/* HOME - COUNTERS */
#home_counter {background: url(/img/bg_counter.jpg) center center no-repeat; background-size: cover; color: #363636; padding: 50px 0 70px 0; margin: 0 0 100px 0;}
#home_counter .counter_header {text-align: center;}
#home_counter h2 {color: #007fb8;}
.counter_list {margin: 50px 0 0 0;}
.counter_number {font-size: 38px; font-weight: 700; color: #007fb8;}
.counter_desc {font-size: 16px; font-weight: 300; text-transform: uppercase;  padding: 10px 0 0 0; border-top: 1px solid #007fb8;}

@media (min-width: 1px) {
    .counter_item {width: 100%; margin: 0 0 15px 0; text-align: center;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
    .counter_item {width: 50%; float: left; text-align: left;}
    .counter_item:nth-of-type(2n+1) {clear: both;}
    .counter_desc {width: 200px;}
}
@media (min-width: 768px) {  
}
@media (min-width: 1024px) {
}
@media (min-width: 1366px) {
    .counter_item {width: 25%; float: left;}
    .counter_item:nth-of-type(2n+1) {clear: none;}
}
@media (min-width: 1600px) { 
}

/* HOME - DOWNLOAD */
.homepage_download_foto {width: 48%; float: left; text-align: center;}
.homepage_download_link {width: 48%; float: right;}
.homepage_download_link a {padding: 0 0 0 60px; background: url(/img/bg_download_link.png) left center no-repeat; color: #005884; font-weight: 600; text-transform: uppercase;  display: block;}
.homepage_download_link a:hover {color: #a1a1a1;}

@media (min-width:1px) {
    .homepage_download_foto img {width: 125px; height: auto;}
    .homepage_download_link a {margin: 10px 0 0 0; font-size: 16px;}
}
@media (min-width:480px) {
    .homepage_download_foto img {width: 175px; height: auto;}
    .homepage_download_link a {margin: 40px 0 0 0; font-size: 17px;}
}
@media (min-width:640px) {
    .homepage_download_foto img {width: 275px; height: auto;}
    .homepage_download_link a {margin: 50px 0 0 0; font-size: 18px;}
}
@media (min-width:768px) {
    .homepage_download_foto img {width: 325px; height: auto;}
    .homepage_download_link a {margin: 70px 0 0 0; font-size: 19px;}
}
@media (min-width:1024px) {
    .homepage_download_foto img {width: 425px; height: auto;}
    .homepage_download_link a {margin: 100px 0 0 0; font-size: 20px;}
}
@media (min-width:1366px) {
    .homepage_download_foto img {width: 475px; height: auto;}
    .homepage_download_link a {margin: 110px 0 0 0; font-size: 21px;} 
}
@media (min-width:1600px) {
    .homepage_download_foto img {width: 509px; height: auto;}
    .homepage_download_link a {margin: 120px 0 0 0; font-size: 22px;}
}

/* PAGE - DOWNLOAD */
.download_file {margin-bottom: 200px;}
.attachment_item {display: block; background: url(/img/bg_li.png) 0px 23px no-repeat; padding: 20px 0 20px 30px; color: #101010; border-bottom: 1px solid #e2dcdb; }
.attachment_item:hover {color: #006fa9;}
.attachment_item .btn {background-color: #006fa9; float: right;}
.attachment_item:hover .btn {background-color: #a1a1a1;}
.attachment_title {font-weight: 600; text-transform: uppercase;}
.attachment_subtitle {font-size: 14px; color: #626262;}
.attachment_text {float: left; width: 75%;}

/* PAGE - BANNER */
.banner_page {width: 100%; background-size: cover; margin: 0 0 60px 0;}

@media (min-width: 1px) {
    .banner_page {height: 175px}
}
@media (min-width: 480px) {
    .banner_page {height: 200px}
}
@media (min-width: 640px) {
    .banner_page {height: 225px}
}
@media (min-width: 768px) {
    .banner_page {height: 250px}
}
@media (min-width: 1024px) {
    .banner_page {height: 275px}
}
@media (min-width: 1366px) {
    .banner_page {height: 300px}
}
@media (min-width: 1600px) {
    .banner_page {height: 350px}
}

/* PAGE - GALLERY */
#gallery_list {margin: 0 0 30px 0;}
.gallery_item {position: relative;}
.gallery_title {display: inline-block; background-color: #b0e2f8; color: #090808; font-size: 13px; padding: 5px 15px; position: absolute; right: 0px; bottom: 50px; max-width: 50%;}
.gallery_item img {border-left: 10px solid #007fb8;}

@media (min-width: 1px) {
    .gallery_item {width: 300px; margin: 0 0 20px 0; display: block;}
    .gallery_item img {width: 290px; height: auto;}
}
@media (min-width: 480px) {
    .gallery_item {width: 400px; margin: 0 20px 20px 0; display: block;}
    .gallery_item img {width: 390px; height: auto;}
    
}
@media (min-width: 640px) {
    .gallery_item {width: 285px; float: left; margin: 0 30px 20px 0; display: block;}
    .gallery_item:nth-of-type(2n) {margin: 0 0 20px 0;}
    .gallery_item img {width: 275px; height: auto;}
}
@media (min-width: 768px) {
    .gallery_item {width: 325px; float: left; margin: 0 50px 20px 0; display: block;}
    .gallery_item img {width: 315px; height: auto;}

}
@media (min-width: 1024px) {
    .gallery_item {width: 425px; float: left; margin: 0 50px 20px 0; display: block;}
    .gallery_item img {width: 415px; height: auto;}

}
@media (min-width: 1366px) {
    .gallery_item {width: 525px; float: left; margin: 0 50px 20px 0; display: block;}
    .gallery_item img {width: 515px; height: auto;}

}
@media (min-width: 1600px) {
    .gallery_item {width: 575px; float: left; margin: 0 50px 20px 0; display: block;}   
    .gallery_item img {width: 565px; height: auto;}
}

/* PAGE */
.page_default ul, .page_default ol, .homepage_text ul, .homepage_text ol {margin: 0 0 15px 0;}
.page_default ul li, .homepage_text ul li  {background: url(/img/bg_li.png) left center no-repeat; list-style-position: outside; margin: 5px 0; padding-left: 25px;}
.page_default ol li, .homepage_text ol li {list-style-type: decimal; list-style-position: outside; margin: 5px 0; margin-left: 25px;}
.page_default ol ol li, .homepage_text ol ol li  {margin-left: 25px;}

/* PAGE CONTACT */
.address_container {border-bottom: 1px solid #d1d1d1; margin: 0 0 45px 0; padding: 0 0 15px 0;}
.address_container h3 {margin: 0 0 30px 0;}
.address_title {font-weight: 500;}

.map_link {display: block; margin: 0 0 30px 0; background: url(/img/bg_map_link.png) left center no-repeat; padding: 10px 0 10px 40px; font-weight: 700;}

.contact_form {margin: 0 0 100px 0;}
.contact_form label {font-size: 14px; line-height: 1.2;}
input#agree {width: 20px; margin: 0 0 5px 0;}

#map {display: block; width: 100%; height: 450px; margin: 0 0 100px 0;}
.token input {width: 90px; vertical-align: top;}
.token img {vertical-align: top;}

.info {font-size: 13px; font-style: italic;}
.contact_form input[name="kode"] {margin-right: 8px;}
.contact_form form {margin: 30px 0 0 0;}

.global_map {margin: 0 0 60px 0;}

@media (min-width: 1px) {
    .input_block {width: 100%;}
    .textarea_block {width: 100%;}
    .token {width: 100%;}
    .contact_form input {width: 268px; margin: 0 0 20px 0;}
    .contact_form textarea {width: 268px; height: 160px; margin: 0 0 20px 0;}
    .global_map img {width: 300px; height: auto;}
}
@media (min-width: 480px) {
    .contact_form input {width: 368px; margin: 0 0 20px 0;}
    .contact_form textarea {width: 368px; height: 160px; margin: 0 0 20px 0;}
    .global_map img {width: 400px; height: auto;}
}
@media (min-width: 640px) {
    .contact_form input {width: 568px; margin: 0 0 20px 0;}
    .contact_form textarea {width: 568px; height: 160px; margin: 0 0 20px 0;}
    .global_map img {width: 600px; height: auto;}
}
@media (min-width: 768px) {
    .input_block {width: 30%; float: left;}
    .textarea_block {width: 65%; float: right;}
    .token {width: 35%; float: left;}
    .contact_form input {width: 178px; margin: 0 0 30px 0;}
    .contact_form textarea {width: 420px; height: 245px; margin: 0 0 30px 0;}
    .global_map img {width: 700px; height: auto;}
}
@media (min-width: 1024px) {
    .contact_form input {width: 233px; margin: 0 0 30px 0;}
    .contact_form textarea {width: 550px; height: 245px; margin: 0 0 30px 0;}
    .global_map img {width: 900px; height: auto;}
}
@media (min-width: 1366px) {
    .contact_form input {width: 288px; margin: 0 0 30px 0;}
    .contact_form textarea {width: 680px; height: 245px; margin: 0 0 30px 0;}
    .global_map img {width: 1100px; height: auto;}
}
@media (min-width: 1600px) {
    .contact_form input {width: 320px; margin: 0 0 30px 0;}
    .contact_form textarea {width: 748px; height: 245px; margin: 0 0 30px 0;}
    .global_map img{width: 1200px; height: auto;}
}

    
    .contact_form .btn_submit {width: 132px; float: left; margin: 0;}

    .contact_form .token {clear: none;}
    .contact_form input[name="kode"] {width: 105px;}

/* PAGE BLOCKS */
.single_text, .single_image, .two_texts, .text_image {margin: 0 0 50px 0;}
.block_description_image {margin: 40px 0;}
.block_description_text {margin: 0 0 50px 0;}
.block_description {font-weight: 400; margin: auto;}

#two_texts_49 h4 {color: #2f2f2f; font-weight: 700;}

@media (min-width: 1px) {
    .block_description_foto {width: 300px; margin: 0 0 25px 0;}
    .block_description_foto img {width: 300px;}
    .block_description {margin: 20px 0; width: 300px;}
}
@media (min-width: 480px) {
    .block_description_foto {width: 400px;}
    .block_description_foto img {width: 400px;}
    .block_description {margin: 20px 0; width: 400px;}
}
@media (min-width: 640px) {
    .block_description_foto {width: 600px;}
    .block_description_foto img {width: 600px;}
    .block_description {margin: 20px 0; width: 600px;}
}
@media (min-width: 768px) {
    .block_description_left,.block_description_right {display: flex; display: -webkit-flex; margin: 0 0 50px 0;}
    .block_description_foto {width: 325px; margin: 0;}
    .block_description_foto img {width: 315px;}
    .block_description_right .block_description {margin: auto 0 auto 50px; width: 325px;}
    .block_description_left .block_description {margin: auto 50px auto 0; width: 325px;}
    .block_description_right .block_description_foto img {border-right: 10px solid #007fb8;}
    .block_description_left .block_description_foto img {border-left: 10px solid #007fb8;}
}
@media (min-width: 1024px) {
    .block_description_foto {width: 425px; margin: auto 0;}
    .block_description_foto img {width: 415px;}
    .block_description_right .block_description {margin: auto 0 auto 50px; width: 425px;}
    .block_description_left .block_description {margin: auto 50px auto 0; width: 425px;}
}
@media (min-width: 1366px) {
    .block_description_foto {width: 525px; margin: auto 0;}
    .block_description_foto img {width: 515px;}
    .block_description_right .block_description {margin: auto 0 auto 50px; width: 525px;}
    .block_description_left .block_description {margin: auto 50px auto 0; width: 525px;}
}
@media (min-width: 1600px) {
    .block_description_foto {width: 575px; margin: auto 0;}
    .block_description_foto img {width: 565px;}
    .block_description_right .block_description {margin: auto 0 auto 50px; width: 575px;}
    .block_description_left .block_description {margin: auto 50px auto 0; width: 575px;}
}

/* BOXES */
.boxes_icon {background: url(/img/bg_boxes_icon.jpg) top center no-repeat; background-size: cover; padding: 45px 0; margin: 0 0 50px 0;}

.boxes_icon_title {font-size: 19px; font-weight: 700; text-transform: uppercase; color: #007fb8;}
.boxes_icon_foto {margin: 20px 0;}

@media (min-width:1px) {
    .boxes_icon_item {width: 90%; margin: 0 5% 40px 5%; text-align: center;}
}
@media (min-width:768px) {
    .boxes_icon_item {width: 27%; margin: 0 3%; float: left; text-align: center;}
}

.boxes_number { margin: 0 0 50px 0;}
.boxes_number_lp {background-color: #007fb8; color: #fff; font-size: 18px; font-weight: 700; display: inline-block; padding: 5px; width: 25px; text-align: center; float: left;}
.boxes_number_title {display: inline-block; font-size: 19px; font-weight: 700; line-height: 1.1; text-transform: uppercase; color: #007fb8; margin: 0 0 20px 20px; padding: 0 0 20px 0; position: relative;}
.boxes_number_title::after {content: ""; position: absolute; bottom: 0px; left: 0px; height: 1px; width: 45px; background-color: #9c9c9c;}
.boxes_number_desc {margin: 0 0 0 55px;}
.boxes_number_address strong {text-transform: uppercase; color: #006fa9; font-weight: 500;}

@media (min-width:1px) {
    .boxes_number_item {width: 100%px; margin: 0 0 20px 0; display: block;}
    .boxes_number_title {width: 245px; font-size: 17px;}
}
@media (min-width:480px) {
    .boxes_number_title {width: 345px; font-size: 18px;}
}
@media (min-width:640px) {
    .boxes_number_title {width: 545px; font-size: 19px;}
}
@media (min-width:768px) {
    .boxes_number_item {width: 325px; float: left; margin: 0 50px 20px 0; display: block;}
    .boxes_number_item:nth-of-type(2n) {margin: 0 0 20px 0;}
    .boxes_number_title {width: 270px; font-size: 16px;}
}
@media (min-width:1024px) {
    .boxes_number_item {width: 425px; float: left; margin: 0 50px 20px 0; display: block;}
    .boxes_number_title {width: 370px; font-size: 17px;}
}
@media (min-width:1366px) {
    .boxes_number_item {width: 525px; float: left; margin: 0 50px 20px 0; display: block;}
    .boxes_number_title {width: 470px; font-size: 18px;}
}
@media (min-width:1600px) {
    .boxes_number_item {width: 575px; float: left; margin: 0 50px 20px 0; display: block;}
    .boxes_number_title {width: 520px; font-size: 19px;}
}

.boxes_link {margin: 0 0 50px 0;}
.boxes_link_title {background: url(/img/bg_boxes_link.jpg) right center no-repeat #fff; padding: 20px 80px 20px 30px; min-height: 40px; font-weight: 700; line-height: 1.1; text-transform: uppercase;}
.boxes_link_item .boxes_link_title {color: #007fb8;}
.boxes_link_item:hover .boxes_link_title {color: #101010;}

@media (min-width:1px) {
    .boxes_link_item {width: 300px; margin: 0 0 40px 0; display: block;}
    .boxes_link_foto img {width: 300px; height: auto;}
    .boxes_link_title {font-size: 15px;}
}
@media (min-width:480px) {
    .boxes_link_item {width: 400px; margin: 0 0 40px 0; display: block;}
    .boxes_link_foto img {width: 400px; height: auto;}
    .boxes_link_title {font-size: 17px;}
}
@media (min-width:640px) {
    .boxes_link_item {width: 600px; margin: 0 0 40px 0; display: block;}
    .boxes_link_foto img {width: 600px; height: auto;}
    .boxes_link_title {font-size: 19px;}
}
@media (min-width:768px) {
    .boxes_link_item {width: 325px; float: left; margin: 0 50px 20px 0; display: block;}
    .boxes_link_item:nth-of-type(2n) {margin: 0 0 20px 0;}
    .boxes_link_foto img {width: 325px; height: auto;}
    .boxes_link_title {font-size: 16px;}
}
@media (min-width:1024px) {
    .boxes_link_item {width: 425px; float: left; margin: 0 50px 20px 0; display: block;}
    .boxes_link_foto img {width: 425px; height: auto;}
    .boxes_link_title {font-size: 17px;}
}
@media (min-width:1366px) {
    .boxes_link_item {width: 525px; float: left; margin: 0 50px 20px 0; display: block;}
    .boxes_link_foto img {width: 525px; height: auto;}
    .boxes_link_title {font-size: 18px;}
}
@media (min-width:1600px) {
    .boxes_link_item {width: 575px; float: left; margin: 0 50px 20px 0; display: block;}
    .boxes_link_foto img {width: 575px; height: auto;}
    .boxes_link_title {font-size: 19px;}
}

/* HEADING */

.page_bg {background: url(/img/bg_default_page.jpg) top center no-repeat; background-size: cover; position: absolute; z-index: -1; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;}
.page_default hr {background-color: #c42625; height: 1px; width: 100px; border: 0px solid #fff; margin: 25px 0;}
h1 {font-weight: 700; line-height: 1; text-transform: uppercase; color: #fff; }
h2 {color: #007fb8; font-size: 21px; text-transform: uppercase; font-weight: 400; line-height: 1.3; padding: 0 0 0 20px; margin: 0 0 30px 0; border-left: 4px solid #aaaaaa; text-align: left; position: relative;}
.page_default h2 {padding: 0 0 30px 0; margin: 0 0 30px 0; border-left: 0px solid #aaaaaa; font-weight: 700;}
.page_default h2::after {content: ""; position: absolute; bottom: 0px; left: 0px; height: 1px; width: 55px; background-color: #007fb8;}
#home_counter h2::before, #home_counter h2::after {background-color: #fff;}
h3 {font-weight: 400; margin: 0 0 30px 0;}
h4 {font-weight: 500; line-height: 1; color: #007fb8; margin: 0 0 20px 0;}



@media (min-width: 1px) {
    h1 {font-size: 15px;}
    h2 {font-size: 17px;}
    h3 {font-size: 20px;}
    h4 {font-size: 16px;}
}
@media (min-width: 480px) {
    h1 {font-size: 15px;}
    h2 {font-size: 17px;}
    h3 {font-size: 21px;}
    h4 {font-size: 16px;}
}
@media (min-width: 640px) {
    h1 {font-size: 15px;}
    h2 {font-size: 17px;}
    h3 {font-size: 22px;}
    h4 {font-size: 16px;}
}
@media (min-width: 768px) {
    h1 {font-size: 15px;}
    h2 {font-size: 18px;}
    h3 {font-size: 23px;}
    h4 {font-size: 17px;}
}
@media (min-width: 1024px) {
    h1 {font-size: 16px;}
    h2 {font-size: 19px;}
    h3 {font-size: 24px;}
    h4 {font-size: 18px;}
}
@media (min-width: 1366px) {
    h1 {font-size: 16px;}
    h2 {font-size: 20px;}
    h3 {font-size: 25px;}
    h4 {font-size: 19px;}
}
@media (min-width: 1600px) {
    h1 {font-size: 17px;}
    h2 {font-size: 21px;}
    h3 {font-size: 26px;}
    h4 {font-size: 20px;}
}


strong {font-weight: 700;}

/* BUTTON */
.btn {font-weight: 500; font-size: 13px; text-transform: uppercase; border: 0 solid #d21c14; padding: 12px 30px; cursor: pointer; display: inline-block; color: #fff; background-color: #c42625; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: relative;}
.btn:hover {color: #fff; background-color: #212120; border: 0 solid #0a91db;}

.btn_submit {font-weight: 700; font-size: 15px; font-weight: 700; border: 0 solid #d21c14; padding: 12px 30px; height: 45px; cursor: pointer; display: inline-block; vertical-align: middle; color: #fff; background: url(/img/bg-btn-submit.jpg) center right no-repeat #00b0ff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: relative; text-transform: uppercase;}
.btn_submit:hover {color: #fff; background-color: #007fb8; border: 0 solid #0a91db;}

/* 404 */
#page_404 {text-align: center;}
#page_404 h1 {font-size: 70px; font-weight: 700;}
#page_404 h2 {font-size: 32px;}
.counter-404-link {margin: 40px 0 80px 0;}

/* LINK */
a {color: #007fb8;}
a:hover {color: #001d2b;}

/* FORMS */
input, textarea {border: 1px solid #007fb8; color: #fff; background-color: #007fb8; padding: 11px 15px 12px 15px; height: 20px; font: normal 15px/1 'Roboto', Tahoma, Arial, sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  vertical-align: middle;}
select {border: 1px solid #007fb8; color: #fff; background-color: #007fb8; padding: 10px 15px 11px 15px; font: normal 15px/1 'Roboto', Tahoma, Arial, sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
input:focus, textarea:focus, select:focus {border: 1px solid #fff;}

/* PRELOAD */
#preloadb {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 111111; background-color: #000; opacity: 0.90; filter: alpha(opacity=90); display: none; cursor:pointer;}
#preloadi{width: 110%; height: 75%; position: absolute; top: -5%; left: -5%; z-index: 111112; background: url(/img/loader.gif) no-repeat center center; display: none;}
#preloadm_presentation,
#preloadm {font-family: 'Roboto', sans-serif; width: 1100px; position: fixed; top: 40px; left: 50%; margin: 0 0 0 -600px; padding: 50px; z-index: 111113; background-color: #fff; font-size: 16px; color: #3a3a3a; border: 1px solid #c5c5c5; display: none; cursor: pointer;}
#preloadm_presentation {width: 650px; margin: 0 0 0 -350px; min-height: 650px;}

.gallery-all-images {display: none;}
/*.ellipsis {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}*/

/* PAGINATION */
#pagination {padding: 10px 0 0 0; font-family: 'Roboto', sans-serif; font-size: 18px; text-align: center;}
.box_left, .box_center, .box_right {display: inline-block;}
.box_center a {border-right: 1px solid #e1e1e1; padding: 0 10px; color: #6a6a6a;}
.box_center a:hover {color: #91331e;}
.box_center a:last-child {border-right: 0 solid #e1e1e1;}
.box_center strong {color: #91331e; font-family: Roboto;}
.first:before {font-family: FontAwesome; content: '\f100'; font-size: 21px; color: #6a6a6a; padding: 0 3px;}
.previous:before  {font-family: FontAwesome; content: '\f104'; font-size: 21px; color: #6a6a6a; padding: 0 3px;}
.next:before {font-family: FontAwesome; content: '\f105'; font-size: 21px; color: #6a6a6a; padding: 0 3px;}
.last:before  {font-family: FontAwesome; content: '\f101'; font-size: 21px; color: #6a6a6a; padding: 0 3px;}
.first:hover:before, .previous:hover:before , .next:hover:before, .last:hover:before {color: #91331e;}

/* ACCORDION */
.accordion_container {margin: 5px 0;}
.accordion_header {border-bottom: 1px solid #ebebeb; color: #121212; padding: 0 0 0 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer;}
.accordion_header.open, .home_faq .accordion_header.open {border-bottom: 1px solid #ebebeb; color: #f5821f;}
.home_faq .accordion_header {background-color: #fff;}
.accordion_header:hover {cursor: pointer; border-bottom: 1px solid #ebebeb; color: #f5821f;}
.accordion_more_a {line-height: 1.1; font-weight: 400; float: left; text-align: left;}
.accordion_more_a .title {padding: 8px 0 4px 0; display: inline-block;}
.accordion_more_img {float: right; height: 44px; background: url(/img/bg_accordion.png) top left no-repeat; cursor: pointer; width: 44px;}
.open .accordion_more_img {background-position: 0 -44px;}
.close .accordion_more_img {background-position: 0 0;}
.accordion_content {display: none; position: relative; text-align: left; background-color: #fff;}
.accordion_content {padding: 20px; background-color: #f9f9f9;}

@media (min-width: 1px) {
    .accordion_more_a {width: 220px; font-size: 14px; font-weight: 700;}
}
@media (min-width: 480px) {
    .accordion_more_a {width: 320px; font-size: 15px; font-weight: 700;}
}
@media (min-width: 640px) {
    .accordion_more_a {width: 520px; font-size: 15px; font-weight: 700;}
}
@media (min-width: 768px) {
    .accordion_more_a {width: 620px; font-size: 16px; font-weight: 700;}
}
@media (min-width: 1024px) {
    .accordion_more_a {width: 470px; font-size: 15px; font-weight: 700;}
}
@media (min-width: 1366px) {
    .accordion_more_a {width: 670px; font-size: 16px; font-weight: 700;}
}
@media (min-width: 1600px) {
    .accordion_more_a {width: 770px; font-size: 17px; font-weight: 700;}
}