@charset "UTF-8";
/**
 * TABLE OF CONTENTS
 *
 * 1) Typography
 * 2) Layout
 * 3) Menu

 */
/* 1 Typography
----------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}

html, body {background: #fff; overflow-x: hidden; font-family: 'acumin-pro', Arial, Sans-serif; font-size: 18px; line-height: 35px; font-weight: 400; color: #000; letter-spacing: .3px;} 

img {border: 0; max-width: 100%; vertical-align: middle !important;}

/***************** paragraphs *******************/

h1 {font-family: 'rift-soft', Arial, Sans-serif; margin: 0; padding: 0; color: #000; font-weight: 400; font-size: 75px; line-height: 85px; letter-spacing: 1px;}
h2 {font-family: 'rift-soft', Arial, Sans-serif; margin: 0; padding: 0; color: #000; font-weight: 400; font-size: 55px; line-height: 65px; letter-spacing: .7px;}
h3 {font-family: 'rift-soft', Arial, Sans-serif; margin: 0; padding: 0; color: #000; font-weight: 400; font-size: 45px; line-height: 55px; letter-spacing: .7px;}
h4 {margin: 0; padding: 0; color: #000; font-weight: 400; font-size: 30px; line-height: 40px; letter-spacing: .3px;}
h5 {margin: 0; padding: 0; color: #bbb; font-weight: 400; font-size: 23px; line-height: 33px; letter-spacing: .3px;}
h6 {margin: 0; padding: 0; color: #6bb6de; font-weight: 700; font-size: 14px; line-height: 30px; letter-spacing: 2px; text-transform: uppercase;}

a {text-decoration: none; border-bottom: 1px solid #e6e6e6; color: #000; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a:hover {color: #000; border-bottom: 1px solid #6bb6de; text-decoration: none;}

h1 a, h2 a, h3 a {border: none; color: #000;}
h1 a:hover, h2 a:hover, h3 a:hover {border: none; color: #6bb6de;}

em {font-style: italic;}
strong {font-weight: 700;}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-weight: 400;}
h1 em, h2 em, h3 em {font-style: normal;}

p {padding: 25px 0 0 0;}

blockquote {font-style: normal; padding: 0;}

::-moz-selection {color: #fff; background: #6bb6de;}
::selection {color: #fff; background: #6bb6de;}

/***************** line *******************/
hr {width: 100%; margin: 60px auto 40px auto; height: 1px; background-color: #f0f0f0; color: #f0f0f0; border: 0;}


/* 2 Layout
----------------------------------------------------------------------------- */

.container {width: 1400px; padding: 0;}

.block-section > .block-section-container {padding: 0; margin: 0 auto; width: 1400px; position: relative;}
.block-section .block-section-container .block-columns .block-section-container {width:auto;}
.block-section {float: left; width: 100%; max-width: 100%; position: relative; padding: 150px 0 200px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.block-columns .block-section {padding: 0;}

.btn-primary {white-space: normal; font-size: 14px; padding: 10px 50px 12px 50px; letter-spacing: 2px; border-radius: 30px; text-transform: uppercase; border: none; border: 1px solid #000; font-style: normal; line-height: 25px; background: transparent; font-weight: 400; display: inline-block; color: #000 !important; margin: 30px 0 0 0; text-decoration: none;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {border: none; border: 1px solid #6bb6de; background: #6bb6de; color: #fff !important;}

.btn-success {white-space: normal; font-size: 14px; padding: 10px 50px 12px 50px; letter-spacing: 2px; border-radius: 30px; text-transform: uppercase; border: none; border: 1px solid #6bb6de; font-style: normal; line-height: 25px; background: #6bb6de; font-weight: 400; display: inline-block; color: #fff !important; margin: 30px 0 0 0; text-decoration: none;}
.btn-success:hover, .btn-success:active, .btn-success:focus {border: none; border: 1px solid #fff; background: #fff; color: #6bb6de !important;}

.btn-warning {white-space: normal; font-size: 14px; padding: 10px 50px 12px 50px; letter-spacing: 2px; border-radius: 30px; text-transform: uppercase; border: none; border: 1px solid #e6e6e6; font-style: normal; line-height: 25px; background: #e6e6e6; font-weight: 400; display: inline-block; color: #000 !important; margin: 30px 0 0 0; text-decoration: none;}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {border: none; border: 1px solid #6bb6de; background: #6bb6de; color: #fff !important;}

.btn-danger {white-space: normal; font-size: 14px; padding: 10px 50px 12px 50px; letter-spacing: 2px; border-radius: 30px; text-transform: uppercase; border: none; border: 1px solid #fff; font-style: normal; line-height: 25px; background: #fff; font-weight: 400; display: inline-block; color: #6bb6de !important; margin: 30px 0 0 0; text-decoration: none;}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {border: none; border: 1px solid #6bb6de; background: #6bb6de; color: #fff !important;}

.btn-info {font-size: 14px; line-height: 22px; padding: 0; background: transparent; border-radius: 0; border: none; border-bottom: 2px solid #6bb6de; font-weight: 400; font-style: normal; display: inline-block; text-transform: uppercase; letter-spacing: 2px; color: #000 !important; margin: 30px 0 0 0; text-decoration: none;}
.btn-info:hover, .btn-info:active, .btn-info:focus {border-bottom: 2px solid #000; color: #000 !important; background: transparent;}

.cookies-container {width: 100%; margin: 0; border-radius: 0; text-align: center; padding: 50px 15px; position: fixed; bottom: 0; display: block; z-index: 250; background: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cookies-container p {padding: 0; font-size: 20px; line-height: 35px; color: #fff;}
.cookies-container a.control-accept-cookies {color: #fff; font-weight: 700; font-size: 25px; padding: 0 0 0 10px; font-style: italic; border: none;}
.cookies-container a.control-accept-cookies:before {content: "\f00c"; font-family: FontAwesome; padding: 0 10px 0 0; color: #6bb6de; font-style: normal; font-weight: 400;}
.cookies-container a.control-accept-cookies:hover {border: none; color: #6bb6de;}

.header {width: 100%; padding: 0; z-index: 700; position: fixed; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header-inner {height: auto; background: #fff; padding: 0 30px; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
#site-logo {width: 100%; max-width: 400px; margin: 15px 0 0 0; padding: 0;}
#site-logo a {border: none;}

.content {border-top: 121px solid #fff;} 
.content h1, .content h2, .content h3, .content h4, .content h6, .content img {padding: 30px 0 0 0;}
.content h5 {margin: 0;}
.content .icon {width: 100px; margin: 0 auto;}

.content img {-webkit-filter: grayscale(1); filter: grayscale(1); moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.content img:hover {-webkit-filter: grayscale(0); filter: grayscale(0);}

.content ul {margin: 20px 0 0 0; list-style: none;}
.content ul li {margin: 5px 0;}
.content ul li:before {content: "\f0da"; font-family: FontAwesome; padding: 0 10px 0 0; color: #6bb6de;}

.block-gallery ul.gallery {padding: 0; margin-top: 0;}
.block-gallery ul.gallery li {margin: 30px 0 0 0;}
.block-gallery ul.gallery li:before {display: none;}
.block-gallery img {width: 100%; padding: 0;}

.block-list-group {margin: 25px 0 0 0;}
.block-list-group .list-group-item {background-color: transparent; border: 1px solid #6bb6de; border-radius: 0;}

.block-list-group.accordion {padding: 5px 0 0 0;}
.block-list-group.accordion .panel {padding: 0; border: none; border-radius: 0; margin: 15px 0 0 0; background: transparent; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.block-list-group.accordion .panel:hover {background: transparent; border: 1px solid #6bb6de;}
.block-list-group.accordion .panel-heading {padding: 0;}
.block-list-group.accordion .panel-body {padding: 0 20px 20px 20px;}
.block-list-group.accordion .panel-body p {padding: 0;}
.block-list-group.accordion .panel h4 {padding: 0; font-style: normal; text-transform: none; font-weight: 300; font-size: 25px; line-height: 35px;}
.block-list-group.accordion .panel h4 a {border: none; padding: 20px; display: block;}
.block-list-group.accordion .panel h4 a:after {content: "\f0d7"; font-family: FontAwesome; float: right; color: #6bb6de; font-weight: 400;}

.bg-image {background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text .btn-info, .white-text .btn-info:before, .white-text .btn-info:hover, .white-text a, .white-text a:hover, .white-text p {color: #fff;}
.white-text h1 a, .white-text h2 a, .white-text h3 a {border: none; color: #fff;}
.white-text h1 a:hover, .white-text h2 a:hover, .white-text h3 a:hover {border: none; color: #6bb6de;}
.white-text h6 {color: #fff;}
.white-text a {border-bottom: 2px solid #6bb6de;}
.white-text a:hover {border-bottom: 2px solid #fff;}

.bg-white {background-color: #fff;}
.bg-grey {background-color: #f0f0f0;}

.bg-blue {background-color: #6bb6de;}
.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue a, .bg-blue a:hover, .bg-blue p, .bg-blue .btn-info, .bg-blue .btn-info:before, .bg-blue .btn-info:hover {color: #fff;}
.bg-blue h1 a, .bg-blue h2 a, .bg-blue h3 a {border: none; color: #b5dbef;}
.bg-blue h1 a:hover, .bg-blue h2 a:hover, .bg-blue h3 a:hover {border: none; color: #fff;}
.bg-blue h6 {color: #b5dbef;}
.bg-blue a {border-bottom: 1px solid #b5dbef;}
.bg-blue a:hover {border-bottom: 1px solid #fff;}
.bg-blue .btn-info {border-bottom: 3px solid #b5dbef !important;}
.bg-blue .btn-info:hover, .bg-blue .btn-info:active, .bg-blue .btn-info:focus {border-bottom: 3px solid #fff !important;}

.news {border: none; margin: none;}
.news .list-group-item {padding: 20px 20px 35px 20px; margin: 20px 0 0 0; border: 1px solid #e6e6e6; border-radius: 0; background: transparent; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.news .list-group-item:hover {border: 1px solid #6bb6de;}
.news .list-group-item .list-date {margin: 0; padding: 0; color: #6bb6de; font-weight: 700; text-transform: uppercase; font-size: 16px; line-height: 30px; letter-spacing: 1px; display: block;}
.news .list-group-item h3.list-header {padding: 10px 0 20px 0; color: #fff;}
.pager {margin: 30px 0 0 0; width: 100%; position: relative; float: left;}
.pager li {display: inline-block;}
.pager li a {display: inline-block; padding: 0; font-size: 1px; margin: 0 10px; color: #ccc; background: #ccc; border: none; width: 16px; height: 16px; border-radius: 8px; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.pager li a:hover, .pager li a.active {background: #6bb6de; color: #6bb6de;}

.banner-big {padding: 0; height: 80vh; display: flex; justify-content: center; align-items: center;}
.banner-big .block-section-container {margin: -30px auto 0 auto;}
.banner-big h1 {padding: 20px 0 10px 0 !important;}
.banner-big img {width: 800px;}

.banner-small {padding: 30px 0 70px 0;}
.banner-small h1 {padding: 0 !important;}

.big-box {padding: 0;}
.big-box .block-section-container {width: 100%; padding: 0; margin: 0;}
.big-box .__columns {display: flex; margin: 0; padding: 0;}
.big-box .__columns .block-section {height: 100%;}
.big-box .__columns .block-section-container {width: 100%; height: 100%; margin: 0; padding: 300px 150px 330px 150px;}
.big-box .row, .big-box .__content, .big-box .__col {margin: 0; padding: 0;}

.small-box {padding: 0;}
.small-box h3 {padding: 5px 0 0 0 !important;}
.small-box .block-section-container {width: 100%; padding: 0; margin: 0;}
.small-box .__columns {display: flex; margin: 0; padding: 0;}
.small-box .__columns .block-section {height: 100%;}
.small-box .__columns .block-section-container {margin: 0; height: 100%; padding: 150px 150px 180px 150px;}
.small-box .row, .small-box .__content, .small-box .__col {margin: 0; padding: 0;}

#Karta {padding: 0; line-height: 0; height: 450px; background: #ccc; overflow: hidden;}
#Karta .block-section-container {width: 100%; padding: 0; margin: 0;}
#Karta iframe {line-height: 0; -webkit-filter: grayscale(1); filter: grayscale(1); width: 100%; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
#Karta iframe:hover {-webkit-filter: grayscale(0); filter: grayscale(0);}

.social {width: 100%; padding: 0; margin: 0; background: #000; border-top: 2px solid #1a1a1a; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.social h3 {padding: 43px 0 0 0; color: #fff;} 
.social h2 {padding: 0; margin: 0; font-size: 40px; line-height: 40px;}
.social h2 a {border: none; padding: 50px 60px; border-right: 2px solid #1a1a1a; color: #fff; margin: 0; display: inline-block;}
.social h2 a:first-child {border-left: 2px solid #1a1a1a;}
.social h2 a:hover {color: #fff; background: #6bb6de;}

.footer {width: 100%; padding: 50px 0; text-align: center; margin: 0; background: #000; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer a {color: #999; border-bottom: 2px solid #1a1a1a;}
.footer a:hover {color: #fff; border-bottom: 2px solid #6bb6de;}
.footer strong {text-transform: uppercase; display: block; font-size: 12px; color: #6bb6de; letter-spacing: 2px; padding: 0;}
.footer hr {margin: 60px 0; width: 100%; background-color: #1a1a1a; color: #1a1a1a;}
.footer .border {border-left: 2px solid #1a1a1a; border-right: 2px solid #1a1a1a;}
#foot-menu {list-style: none; margin: 0 -1px;}
#foot-menu li {float: left; margin: 0; width: calc(100% / 5); padding: 1px;}
#foot-menu li a {border: none; color: #999; background: #1a1a1a; font-weight: 400; letter-spacing: 3px; font-size: 14px; text-transform: uppercase; border-radius: 0; font-style: normal; display: block; padding: 15px 0; text-decoration: none;}
#foot-menu li a:hover {color: #fff; background: #6bb6de;}
#foot-menu ul.children {display: none;}


/* 3 Menu
----------------------------------------------------------------------------- */

button.navbar-toggle {width: 100%; text-align: right; font-size: 25px; color: #6bb6de; margin: 25px 15px 0 0; padding: 0; border: none;}
.navbar, .navbar-nav {margin: 0; border: none; min-height: 0;}
.navbar-nav li a {color: #000; font-weight: 400; text-transform: uppercase; padding: 0 0 40px 0; font-size: 16px; line-height: 25px; border-bottom: 6px solid transparent; margin: 50px 50px 0 0; -webkit-transition: none; -o-transition: none; transition: none; text-decoration: none; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.navbar-nav li a:hover, .navbar-nav li a:focus, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .navbar-nav li.current_page_item a {moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; background: transparent; border-bottom: 6px solid #6bb6de;}
.navbar-nav .has_childs a:after {content: "\f0d7"; font-family: FontAwesome; line-height: 0; padding: 0 0 0 10px; font-weight: 400;}
.navbar-nav .dropdown-menu li a:after, .navbar-nav li.active.current.current_page_item .dropdown-menu li a:after {display: none;}
.navbar-nav .dropdown-menu {border-radius: 0; border: 0; right: 50px; padding: 0; background: transparent;}
.navbar-nav .dropdown-menu li a, .navbar-nav li.active.current.current_page_item .dropdown-menu li a {border: none; border-radius: 0; background: #fff; font-weight: 400; border-left: 6px solid #ccc; color: #999 !important; letter-spacing: normal; padding: 10px 60px 10px 30px; margin: 0;}
.navbar-nav .dropdown-menu li:last-child a {margin: 0 !important;}
.navbar-nav .dropdown-menu li a:before {display: none;}
.navbar-nav .dropdown-menu li a:hover, .navbar-nav li.active.current.current_page_item .dropdown-menu li a:hover {background: #fff; color: #000 !important; border: none; border-left: 6px solid #ccc;}
.navbar-nav .dropdown-menu li.active.current.current_page_item a {background: #fff; color: #000 !important; border-left: 6px solid #6bb6de;}
.navbar-nav .nav-level3 {margin-right: 100%; right: 0; margin-top: -45px;}
.navbar-collapse {padding: 0; border-top: none; -webkit-box-shadow: none; box-shadow: none;}

.menu_temp {display: none;}

.navbar-mobile-buttons {display: none; margin: 10px 0 0 0; list-style: none;}
.navbar-mobile-buttons li {width: 50%; float: left;}
.navbar-mobile-buttons li a {border: none; padding: 10px 20px; display: block; background: #fff; text-decoration: none; color: #999; border-top: 1px solid #e6e6e6;}
.navbar-mobile-buttons li a i {color: #6bb6de; padding: 0 5px 0 0;}
.navbar-mobile-buttons li:nth-child(odd) a {border-right: 1px solid #e6e6e6;}

/* Form
----------------------------------------------------------------------------- */
.block-form {margin-top: 25px !important;}
.block-form .form-control {border: none; background: #f0f0f0; border-left: 4px solid #ccc; color: #000; padding: 15px; font-size: 16px; border-radius: 0; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.block-form .form-control:focus {background: #fff; border-left: 4px solid #6bb6de; color: #000;}
.block-form .form-control::-webkit-input-placeholder {color: #ccc;}
.block-form .form-control:-moz-placeholder {color: #ccc;}
.block-form .form-control::-moz-placeholder {color: #ccc;}
.block-form .form-control:-ms-input-placeholder {color: #ccc;}
.block-form .btn-primary {margin: 20px 0 0 0; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-top: 11px;}

.bg-grey .block-form .form-control {background: #fff;}
.bg-grey .block-form .form-control:focus {background: #f0f0f0;}


@media (max-width: 1920px) {
    h1 {font-size: 65px; line-height: 75px;}
    .block-section {padding: 120px 0 150px 0;}
    .banner-big {padding: 0;}
    .banner-small {padding: 30px 0 70px 0;}
    
    .big-box, .small-box {padding: 0;}
    .big-box .__columns .block-section-container {padding: 250px 100px 280px 100px;}
    .small-box .__columns .block-section-container {padding: 100px 100px 130px 100px;}
    
    .navbar-nav li a {font-size: 14px;}
    
    #Karta {height: 400px;}
    .banner-big .block-section-container {margin: -20px auto 0 auto;}
    .banner .block-section-container {margin: -20px auto 0 auto;}
    
}

@media (max-width: 1680px) {
    .block-section > .block-section-container {width: 1170px;}
    .block-section {padding: 100px 0 130px 0;}
    .container {width: 1170px;}
    html, body {font-size: 14px; line-height: 27px; letter-spacing: .7px;}
    h1 {font-size: 55px; line-height: 65px;}
    h2 {font-size: 40px; line-height: 50px;}
    h3 {font-size: 35px; line-height: 45px;}
    h4 {font-size: 23px; line-height: 33px;}
    h5 {font-size: 20px; line-height: 30px;}
    h6 {font-size: 12px; line-height: 30px;}
    
    hr {margin: 40px auto 20px auto;}
    
    p {padding: 15px 0 0 0;}
    .content {border-top: 103px solid #fff;} 
    .content h1, .content h2, .content h3, .content h4, .content h6, .content img {padding: 20px 0 0 0;}
    .block-gallery ul.gallery {padding: 20px 0 0 0;}
    .block-form {margin-top: 15px !important;}
    .block-form .btn-primary {margin: 15px 0 0 0;}
    .content ul {margin: 10px 0 0 0;}
    .content .icon {width: 80px;}

    .block-list-group {margin: 15px 0 0 0;}
    
    .block-list-group.accordion .panel {margin: 10px 0 0 0;} 
    .block-list-group.accordion .panel-body {padding: 0 15px 15px 15px;}
    .block-list-group.accordion .panel h4 {font-size: 16px; line-height: 25px;}
    .block-list-group.accordion .panel h4 a {padding: 15px;}
    
    .btn-primary, .btn-success, .btn-warning, .btn-danger {font-size: 12px; line-height: 30px; margin: 20px 0 0 0;}
    .btn-info  {font-size: 12px; line-height: 20px; line-height: 30px; margin: 20px 0 0 0;}

    .navbar-nav li a, .navbar-nav .has_childs a {margin: 40px 30px 0 0; padding: 0 0 35px 0; font-size: 12px; line-height: 22px;}
    .navbar-nav .dropdown-menu {right: 30px;}
    .navbar-nav .nav-level3 {right: 0; margin-top: -42px;}
    
    .banner-big {padding: 0;}
    .banner-big .block-section-container {margin: 0 auto;}
    .banner-small {padding: 30px 0 60px 0;}
    
    .big-box, .small-box {padding: 0;}
    .big-box .block-section-container, .small-box .block-section-container {width: 100%; padding: 0; margin: 0;}
    
    .big-box .__columns .block-section-container {padding: 200px 75px 230px 75px;}
    .small-box .__columns .block-section-container {padding: 100px 75px 130px 75px;}
    
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-top: 7px;}
    
    #site-logo {max-width: 220px;}
    
    #Karta {height: 350px;}
    .banner-big .block-section-container, .banner .block-section-container {margin: 0 auto;}
}

@media (max-width: 1280px) {
    .block-section > .block-section-container {width: 1000px;}
    .container {width: 1000px;}
    .block-section {padding: 80px 0 110px 0;}
    
    h1 {font-size: 45px; line-height: 55px;}
    h2 {font-size: 35px; line-height: 45px;}
    h3 {font-size: 30px; line-height: 40px;}
    h4 {font-size: 20px; line-height: 30px;}
    h6 {font-size: 10px; line-height: 25px; letter-spacing: 1px;}
    
    .banner-big {padding: 0;}
    .banner-small {padding: 20px 0 50px 0;}
    
    .big-box, .small-box {padding: 0;}
    .big-box .block-section-container, .small-box .block-section-container {width: 100%; padding: 0; margin: 0;}
    
    .big-box .__columns .block-section-container {padding: 150px 50px 170px 50px;}
    .small-box .__columns .block-section-container {padding: 70px 50px 90px 50px;}
    
    #Karta {height: 300px;}

}

@media (max-width: 1170px) {
    html, body {font-size: 13px; line-height: 25px; letter-spacing: .5px;}
    h1 {font-size: 40px; line-height: 50px;}
    h4 {font-size: 18px; line-height: 25px;}
    h5 {font-size: 18px; line-height: 25px;}

    .btn-primary, .btn-success, .btn-warning, .btn-danger {font-size: 12px; line-height: 25px; letter-spacing: 1px; padding: 5px 20px; border-radius: 25px;}
    .btn-info  {font-size: 12px; line-height: 25px; letter-spacing: .5px;}

    .block-section > .block-section-container {width: 970px;}
    .block-section, .footer {padding: 70px 0 100px 0;}
    .container {width: 970px;}
    .content {border-top: 90px solid #fff;} 
    .content .icon {width: 60px;}
    
    .footer .footer-right img {width: 200px;}
    
    hr {width: 100%; margin: 30px 0 10px 0;}
    
    .banner-big {padding: 0;}
    .banner-small {padding: 20px 0 50px 0;}
    
    .big-box, .small-box {padding: 0;}
    .big-box .block-section-container, .small-box .block-section-container {width: 100%; padding: 0; margin: 0;}
    
    .big-box .__columns .block-section-container {padding: 120px 30px 140px 30px;}
    .small-box .__columns .block-section-container {padding: 50px 30px 70px 30px;}
    
    .navbar-nav li a, .navbar-nav .has_childs a {margin: 35px 20px 0 0; padding: 0 0 30px 0; font-size: 10px; line-height: 20px;}
    .navbar-nav .dropdown-menu {right: 20px;}
    .navbar-nav .nav-level3 {right: 0; margin-top: -40px;}
    
    .footer {padding: 30px 0;}
    .footer strong {display: block; padding: 0;}
    .footer hr {margin: 30px 0;}
    #foot-menu li a {letter-spacing: 1px; font-size: 11px;}
    
    #site-logo {max-width: 190px;}
}

@media (max-width: 992px) {
    html, body {font-size: 12px; line-height: 22px;}
    h1 {font-size: 40px; line-height: 50px;}
    h2 {font-size: 25px; line-height: 35px;}
    h3 {font-size: 20px; line-height: 30px;}
    h4 {font-size: 16px; line-height: 22px;}
    h5 {font-size: 16px; line-height: 22px;}
    h6 {font-size: 9px; line-height: 16px;}
    .btn-primary {font-size: 11px;}
    .block-section > .block-section-container {width: 750px;}
    .block-section {padding: 50px 0 80px 0;}
    .container {width: 750px;}
    
    .navbar-nav li a, .navbar-nav .has_childs a {border-bottom: 4px solid transparent; font-size: 8px; line-height: 16px; margin: 34px 10px 0 0;}
    .navbar-nav li a:hover, .navbar-nav li a:focus, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .navbar-nav li.current_page_item a {border-bottom: 4px solid #6bb6de;}
    .navbar-nav .has_childs a:after {padding: 0 0 0 5px;}
    .navbar-nav .dropdown-menu {right: 10px;}
    .navbar-nav .dropdown-menu li a, .navbar-nav li.active.current.current_page_item .dropdown-menu li a {border-left: 4px solid #ccc; padding: 5px 20px 5px 10px;}
    .navbar-nav .dropdown-menu li a:hover, .navbar-nav li.active.current.current_page_item .dropdown-menu li a:hover {border-left: 4px solid #ccc;}
    .navbar-nav .dropdown-menu li.active.current.current_page_item a {border-left: 4px solid #6bb6de;}
    .navbar-nav .nav-level3 {right: 0; margin-top: -30px;}
    
    .content {border-top: 84px solid #fff;} 
    
    .banner-big {padding: 0;}
    .banner-small {padding: 10px 0 40px 0;}
    
    .big-box, .small-box {padding: 0;}
    .big-box .block-section-container, .small-box .block-section-container {width: 100%; padding: 0; margin: 0;}
    
    .big-box .__columns, .small-box .__columns {display: block;}
    
    .big-box .__columns .block-section {min-height: 350px;}
    .big-box .__columns .block-section-container {padding: 0 30px 20px 30px;}
    .small-box .__columns .block-section-container {padding: 30px 30px 60px 30px; border: none;}
    .small-box .bg-image .block-section-container {min-height: 250px;}
    
    #site-logo {max-width: 180px;}
    
    .small-right {text-align: right;}
    
    .social h2 {font-size: 25px; line-height: 25px;}
    .social h2 a {padding: 30px 40px;}
    .social h3 {padding: 25px 0 0 0;}
     #foot-menu li {width: calc(100% / 2);}
    .footer {padding: 20px 0;}
    
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-top: 5px;}
}

@media (max-width: 767px) {
    html, body {font-size: 13px; line-height: 23px;}
    h1 {font-size: 30px; line-height: 40px;}
    .block-section > .block-section-container {width: 100%;}
    .block-section {padding: 30px 15px 50px 15px;}
    .container {width: auto;}
    
    .header {padding: 0; top: 0 !important;}
    .header-inner {padding: 0;}
    
    .content {border-top: 76px solid #fff;} 
    
    .fb_icon {display: none !important;}
    
    .banner-big {padding: 0 15px;}
    .banner-small {padding: 10px 15px 40px 15px; text-align: center;}
    
    .bg-mob-left.bg-image {background-position: center left;}
    .bg-mob-right.bg-image {background-position: center right;}
    
    .big-box, .small-box {padding: 0;}
    
    .big-box .__columns .block-section {min-height: 250px;}
    .big-box .__columns .block-section-container {padding: 10px 20px 30px 20px;}
    .small-box .__columns .block-section-container {padding: 10px 20px 30px 20px;}
    
    #Karta {height: 250px;}
    
    .navbar-nav {margin: 0;}
    .navbar-nav li {float: left; width: 100%;}
    .navbar-nav li a, .navbar-nav .has_childs a {border: none; margin: 0; font-size: 12px; letter-spacing: 3px; border-radius: 0; background: #fff; color: #000 !important; padding: 10px 20px; border-top: 1px solid #e6e6e6;}
    .navbar-nav li a:hover, .navbar-nav li a:focus, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .navbar-nav li.current_page_item a {border: none; background: #6bb6de; color: #fff !important; border-top: 1px solid #e6e6e6;}
    .navbar-mobile-buttons, .menu_temp {display: block;}
    
    .footer {text-align: center; padding: 20px 0;}
    .footer hr {margin: 15px auto 0 auto;}
    .social {text-align: center; padding: 20px 15px 30px 15px;}
    .social h2 a {margin: 10px 0 0 0; border: none; display: block; padding: 0;}
    .social h2 a:first-child {border: none;}
    .social h2, .social h3, .footer h5 {padding: 20px 0 0 0; text-align: center;}
    .footer strong, .footer h6 {margin: 15px 0 0 0;}
    #foot-menu {width: 100%;}
    #foot-menu li {width: 100%;}

    #site-logo {padding: 15px 0; max-width: 150px; margin: 0 0 0 15px;}
    
}

@media (max-width: 375px) {
    h1 {font-size: 27px; line-height: 37px;}
    h2 {font-size: 23px; line-height: 32px;}
}

@media (max-width: 320px) {

}