html {box-sizing: border-box; font-size: 100%;}
*,*:before, *:after{box-sizing:inherit;}

html, body {margin: 0; padding: 0; width: 100%;}
body {min-height: 100%;}

@font-face {
    font-family: 'Museo';
    src: url('../fonts/new/Museo/museo300.eot');
    src: url('../fonts/new/Museo/museo300.eot?#iefix') format('embedded-opentype'),
    url('../fonts/new/Museo/museo300.woff') format('woff'),
    url('../fonts/new/Museo/museo300.ttf') format('truetype');
    /*url('../fonts/new/Museo/museo300.svg#wf') format('svg');*/
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Museo';
    src: url('../fonts/new/Museo/museo700.eot');
    src: url('../fonts/new/Museo/museo700.eot?#iefix') format('embedded-opentype'),
    url('../fonts/new/Museo/museo700.woff') format('woff'),
    url('../fonts/new/Museo/museo700.ttf') format('truetype');
    /*url('../fonts/Museo/Museo700-webfont.svg#wf') format('svg');*/
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSans';
    src: url('../fonts/new/MuseoSans/museosans300.eot');
    src: url('../fonts/new/MuseoSans/museosans300.eot?#iefix') format('embedded-opentype'),
    url('../fonts/new/MuseoSans/museosans300.woff') format('woff'),
    url('../fonts/new/MuseoSans/museosans300.ttf') format('truetype');
    /*url('../fonts/MuseoSans/museosans-300.svg#wf') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSans';
    src: url('../fonts/new/MuseoSans/museosans700.eot');
    src: url('../fonts/new/MuseoSans/museosans700.eot?#iefix') format('embedded-opentype'),
    url('../fonts/new/MuseoSans/museosans700.woff') format('woff'),
    url('../fonts/new/MuseoSans/museosans700.ttf') format('truetype');
    /*url('../fonts/MuseoSans/museosans-700.svg#wf') format('svg');*/
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: 'MuseoSans', sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size: 14px;
    line-height: 1.4;
    background: white;
    color: #000;
}

h1, h2, h3, h4{
    font-family: 'Museo', serif;
    font-weight: bold;
    color: inherit;
    line-height: 1.1;
    margin: 1em 0 0.6em;
}

h1 {font-size: 34px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h3 {font-size: 20px;}

h1:first-child {
    margin-top: 0;
}


a {color: #2bb001; text-decoration: underline;}
a:focus, a:hover, a:active {color: #2bb001; text-decoration: none;}

/* external link with icon */
/*a[target="_blank"] {position: relative;*/
    /*margin-right: 1em;*/
    /*white-space: nowrap; !* think about this*!*/
/*}*/
/*a[target="_blank"]:after {*/
    /*position: absolute;*/
    /*right: -1.3em;*/
    /*top: 50%;*/
    /*-webkit-transform: translate(0, -45%);*/
    /*-moz-transform: translate(0, -45%);*/
    /*-ms-transform: translate(0, -45%);*/
    /*-o-transform: translate(0, -45%);*/
    /*transform: translate(0, -45%);*/
    /*color: inherit;*/
    /*font-family: FontAwesome;*/
    /*font-size: 70%;*/
    /*content: "\f08e";*/
/*}*/

/* Link buttons - part of tinymce features */
a.b-btn, a.s-btn {color: #c8a564; font-weight: 700; text-decoration: none; display: inline-block;}
a.b-btn {font-size: 24px; padding: 10px 22px 9px; border: 3px solid white;}
a.s-btn {font-size: 18px; padding: 9px 18px 8px; border: 3px solid white;}

a.b-btn:focus, a.s-btn:focus, a.b-btn:hover, a.s-btn:hover {color: white;}

a img {border: 0;}
b, strong, .bold {font-weight: 700;}

/* Form base */
form {margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: 0;}
legend {padding: 0; font-weight: 700; margin: 1em 0;}
input, select, textarea {font-size: 1em; font-family: inherit;}
input, select {border: 1px solid rgb(226,154,0); border-radius: 4px; padding: 9px 6px 7px; width: 100%; line-height: 1;}
input {margin: 0; background-color: #fff; border: 1px solid #aaa; padding: 0.5em;}
select {box-sizing: border-box; margin: 0;  background-color: #fff;}
option {background-color: #fff;}
textarea {
    display: block; resize: vertical; height: 90px; background-color: #fff; border: 1px solid #aaa; width: 100%;
    box-sizing: border-box; padding: 0.5em; margin: 0;
}

/* Input buttons */
input.submit, input[type="submit"],
button.submit, button[type="submit"] {
    background: inherit; color: #c8a564; font-size: 18px;
    cursor: pointer; display: inline-block; border: 3px solid white; padding: 9px 18px 8px;
}
input.submit:hover, input[type="submit"]:hover,
button.submit:hover, button[type="submit"]:hover {
    color: white;
}

/* Placeholder style - separate declarations are important */
.placeholder {color: #999}
::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}

/* box sizing for some elements */
table, tr, th, td, input {box-sizing: border-box;}

/* List styles defaults */
ul, ol {
    margin: 1em 0 2em;
    padding: 0;
    padding-left: 2em;
    list-style: none;
}
ul li, ol li {
    margin: 0.5em 0;
    line-height: inherit;
    position: relative;
    /*list-style: disc;*/
}
#content ul li:before, #content ol li:before {
    content: '';
    position: absolute;
    left: -25px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #e1d921;
}

/* UL layout for programmers ;) */
ul.layout {margin: 0; padding: 0; list-style: none;}
ul.layout li {margin: 0; padding: 0;}
ul.layout li a {display: block;}

/* clearfix for floating uls */
/*ul.clearfix:after {content: ' '; display: table; clear: both}*/ /* Bootstrap has its own clearfix defined */

/* Paragrapgs and perex by tinymce */
p {margin: 1.6em 0;}

/* Perex */
p.perex, blockquote {
    font-size: 18px;
    line-height: 1.4;
    color: #000;
    margin: 1.4em 0;
}

/* Tinymce bug fix */
p span[style] {line-height: 1.4}

/* Citation as simple paragraph */
p.cite {
    font-style: italic;
    background-color: #fffad4;
    padding: 0.5em 0.9em;
    padding-right: 45px;
    position: relative;
    font-size: 17px;
    border-left: 5px solid #ffbb75;
}

/* Bacis tables */
table {font-size: inherit; border-collapse: collapse; margin-top: 1em; margin-bottom: 1em;}
table tr {}
table td {border: 1px solid #aaa; padding: .3em .5em}
table thead td, table th {
    padding: .4em .5em .3em; border: 1px solid #aaa; border-bottom: 2px solid #555;
    font-size: 15px; font-weight: bold; background: #d3d3d3; color: black; text-align: left;
}
table tbody td {font-size: 15px; background: #f2f2f2; vertical-align: top;}

/* Lined table */
table.lines {}
table.lines tr {}
table.lines td {border: 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
table.lines thead td, table.lines th {
    background-color: #d3d3d3; border: 0; border-top: 1px solid #555; border-bottom: 1px solid #555;
    font-weight: 700; color: black
}
table.lines tbody td {}

/* Layout table */
/* Layout tables can have variable column width, are not responsive and have no visual impact */
table.layout {border-spacing: 0; border: 0; width: 100%}
table.layout td, table.layout th {
    padding: 0; vertical-align: top; background-color: transparent; border: 0; font-weight: normal;
}

/* Responsive 2col table */
table.responsive2col {width: 100%}
table.responsive2col td, table.responsive2col th {
    width: 50%; padding: 0; vertical-align: top; background-color: transparent; border: 0; font-weight: normal;
}
/* +MQ */
@media (max-width: 767px) {
    /* important because ucer can set width in inline style */
    table.responsive2col {display: block; width: 100% !important}
    table.responsive2col tr, table.responsive2col td, table.responsive2col th {display: block; width: 100% !important}
}

/* P insite TABLE without layout tables - margin reset */
table:not(.layout):not(.responsive2col) p {
    margin: 0;
}

/* All images are responsive by default */
img {max-width: 100%; height: auto;}

/* Add margins to floating images by tinymce */
img[style~="left;"]  {margin:0 1em 1em 0;}
img[style~="right;"]  {margin:0 0 1em 1em;}

hr {
    border: 0;
    border-bottom: 1px solid #ddd;
}

.form-control {
    border-color: #cfcfcf;
    margin-bottom: 1.5em;
    border-radius: 3px;
}

/*/////////////////////////////////////////////////////*/

/*.special-block {*/
    /*border: 1px solid #d4d4d4;*/
    /*border-radius: 3px;*/
    /*padding: 0px 30px;*/
/*}*/

/*.special-block .case-study img {*/
    /*border: 1px solid #d4d4d4;*/
    /*border-radius: 3px;*/
    /*padding: 0px 30px;*/
/*}*/

aside#aside div p.perex {
   font-size: 18px;
}
aside#aside div p {
   margin: 1.1em 0;
}

.block-grey {
    background-color: #f7f7f7;
}

.box {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-flow: row nowrap;
    color: black;
    background-color: white;
    padding: 20px 0 40px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 2px 7px #e9e9e9;
    margin-bottom: 2.5em;
}

.box-icon {
    padding-left: 10px;
}

.box-content {
    padding: 0 10px;
}

.box-case-study {
    width: 100px;
    height: 100%;
    background-image: url("../images/icons/case-study.png");
    background-repeat: no-repeat;
    background-position: 50% 2em;
}

.box-pdf {
    width: 100px;
    height: 100%;
    background-image: url("../images/icons/pdf.png");
    background-repeat: no-repeat;
    background-position: 50% 2em;
}

.box .box-content a {
    color: black;
    text-decoration: underline;
}

.box .box-button-area {
    flex-grow: 0;
    align-items: flex-end;
    justify-content: flex-end;
    align-content: center;
    padding: 1em 1.5em;
}

a.box.subcategory {
    text-decoration: none;
    color: #000;
}
a.box.subcategory h4 {
    text-decoration: underline;
}

a.box.subcategory .box-icon {
    margin-left: 2em;
}

header {
    /*background-color: #dedede;*/
    z-index: -1;
    color: #FFF;
}

header #homepage {
    height: 724px;
    width: 100%;
    /*height: 100%;*/
    background: url('../images/hp-header-gr.jpg') center center no-repeat;
    background-size: cover;
}

.header-technology {
    background-position: 68% center !important;
}

.header-text {
    text-align: center;
    margin-top: 100px;
}
.header-text h1 {
    margin-bottom: 35px;
    /*padding: 0 100px;*/
}
.header-text p.perex {
    color: #FFF;
    /*padding: 0 200px;*/
}

/*header #homepage:before {*/
    /*content: '';*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*background-image: -webkit-gradient(*/
    /*linear,*/
    /*right bottom,*/
    /*left bottom,*/
    /*color-stop(0, #FCAD25),*/
    /*color-stop(0.08, #E1DB21),*/
    /*color-stop(0.41, #75C04A),*/
    /*color-stop(1, #0F5642)*/
    /*);*/
    /*background-image: -o-linear-gradient(left, #FCAD25 0%, #E1DB21 8%, #75C04A 41%, #0F5642 100%);*/
    /*background-image: -moz-linear-gradient(left, #FCAD25 0%, #E1DB21 8%, #75C04A 41%, #0F5642 100%);*/
    /*background-image: -webkit-linear-gradient(left, #FCAD25 0%, #E1DB21 8%, #75C04A 41%, #0F5642 100%);*/
    /*background-image: -ms-linear-gradient(left, #FCAD25 0%, #E1DB21 8%, #75C04A 41%, #0F5642 100%);*/
    /*background-image: linear-gradient(to left, #FCAD25 0%, #E1DB21 8%, #75C04A 41%, #0F5642 100%);*/
    /*opacity: 0.6;*/
/*}*/


header #page {
    /*background-image: -webkit-gradient(*/
            /*linear,*/
            /*right bottom,*/
            /*left bottom,*/
            /*color-stop(0, #FCAD25),*/
            /*color-stop(0.08, #E1DB21),*/
            /*color-stop(0.41, #75C04A),*/
            /*color-stop(1, #0F5642)*/
    /*);*/
    /*background-image: -o-linear-gradient(left, #FCAD25 0%, #E1DB21 8%, #75C04A 41%, #0F5642 100%);*/
    /*background-image: -moz-linear-gradient(left, #FCAD25 0%, #E1DB21 8%, #75C04A 41%, #0F5642 100%);*/
    /*background-image: -webkit-linear-gradient(left, #FCAD25 0%, #E1DB21 8%, #75C04A 41%, #0F5642 100%);*/
    /*background-image: -ms-linear-gradient(left, #FCAD25 0%, #E1DB21 8%, #75C04A 41%, #0F5642 100%);*/
    /*background-image: linear-gradient(to left, #FCAD25 0%, #E1DB21 8%, #75C04A 41%, #0F5642 100%);*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    background: url('../images/header-bg2.png') center center no-repeat;
    background-size: cover;
    height: 129px;
}

header .logo {
    display: inline-block;
    float: left;
    margin-top: 30px;
}

header .logo img {

}

header .menu-block {
    display: inline-block;
    float: right;
}

#content {
    background: url('../images/background.png');
    background-repeat: repeat-x;
    padding: 1.5em 0 3.5em;
}

.navigator {
    font-size: 12px;
    color: #777777;
    margin-bottom: 3em;
}

.navigator a {
    color: #777777;
}

.navigator i {
    padding: 0 3px;
}

.homepage-title {
    margin-bottom: 2em;
}

.first-block {
    padding-bottom: 3em;
}

.features {

}

.features .feature .image {
    /*display: inline-block;*/
    /*float: left;*/

}

.features .feature .image img {
    margin: 0 auto;
}

.features .feature {
    text-align: center;
    margin-bottom: 3em;
    padding: 0 30px;
}

.features .feature p {
    margin: 1em 0;
}

/*.features .feature h4, .features .feature h3, .features .feature h2{*/
    /*margin-top: 0;*/
/*}*/
.features .feature h4 a, .features .feature h3 a, .features .feature h2 a{
    color: #000;
    /*margin-top: 0;*/
}


.second-block {
    background: url('../images/second-block.png') center top no-repeat;
    background-size: cover;
}

.second-block .nonstop-service{
    margin-top: 9em;
    margin-bottom: 3em;
}

.carabine {
    display: block;
    /*display: flex;*/
    /*justify-content: flex-end;*/
    /*margin-bottom: 2em;*/
}
.carabine-image {
    /*width: 100%;*/
    margin-bottom: 3em;
}

.carabine-text {
    text-align: center;
    /*width: 315px;*/
    /*padding-left: 15px;*/
    margin-top: 0;
    margin-bottom: 2em;
}
.carabine-text p {
    margin: 0;
}

.step {
    margin: 3em 0 1em;
}

.step img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.step:hover img {
    cursor: pointer;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.step div[data-toggle="collapse"]:hover {
    cursor: pointer;
}

.third-block {
    background: url('../images/third-block.png') center top no-repeat;
    background-size: contain;
    margin-top: 1em;
    padding: 50px 0 0;
}

.servis-block {
    margin-bottom: 3em;
    padding: 50px 0;
    overflow: auto;
}

.usp {
    margin: 4em 0;
}

.usp .title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.menu-search-list {
    display: flex;
    flex-direction: row-reverse;
    justify-content: end;
}

.alert {border: 0; border-radius: 3px; font-size: 16px;}
.alert-success {color: #FFF; background-color: #74ad1b; opacity: 0.8;}
.alert-danger {
    border: 1px solid #d07f7a;
    background: #ffb0ab;
}

.form-send {
    padding: 0px 1em;
    border-radius: 3px;
    background: #c1f3c1;
}
.form-send.success {
    border: 1px solid #a6d2a6;
    background: #c1f3c1;
}
.form-send.fail {
    color: #a94442;
    border: 1px solid #d07f7a;
    background: #ffb0ab;
}

/*BUTTONS*/
button.button, a.button, input.button, input[type="submit"], input[type="button"] {
    font-family: 'Museo', serif; border: 0px;
    color: #FFF;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    padding: 10px 25px;
    font-size: 18px;
    line-height: 1.4;
}
button.button:hover, a.button:hover, input.button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background: #0f5642;
}
.button.button-green {
    background: #0f5642; /* Old browsers */
    background: -moz-linear-gradient(left, #0f5642 0%, #479046 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0f5642 0%,#479046 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0f5642 0%,#479046 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f5642', endColorstr='#479046',GradientType=1 ); /* IE6-9 */
}

.button.button-transparent {
    background: transparent;
    border: 2px solid white;
    color: white;
}

.button.button-transparent:hover {
    background: white;
    border: 2px solid white;
    color: black;
}


/*CONTACT FORM*/
.contact-form {}
.contact-form .form-control, .contact-form .form-control:focus {border: 1px solid #c1c1c1; color: #000; box-shadow: none;}
.contact-form input.form-control {height: 38px;}
.contact-form .info {font-size: 14px; position: relative; top: 36px;}
.contact-form .info i.fa{padding-right: 5px;}
.contact-form .link-to-contacts {text-align: right;}
.contact-form .link-to-contacts a {position: relative; top: 10px; white-space: nowrap;}
.contact-form .link-to-contacts a i.fa {padding-left: 5px;}
.jak-tvorime-weby #contact-form {display: none;}

/*TABS*/

.tabs-widget ul li, .tabs-widget ul li a {width: 100%;}
.tabs-widget ul li a {border-bottom: 5px solid white;}
.tabs-widget ul li:before, .tabs-widget ol li:before {display: none;}
.tabs-widget ul, .tabs-widget ul li, .tabs-widget ul li a {font-size: 20px; text-decoration: none; color: black;}
.tabs-widget .nav-tabs>li.active>a, .tabs-widget .nav-tabs>li.active>a:focus, .tabs-widget .nav-tabs>li.active>a:hover {color: black; border: 0; border-bottom: 5px solid #2bb001; margin-bottom: -2px;}
.tabs-widget .nav-tabs>li>a:hover {background-color: transparent; border-bottom: 5px solid #2bb001; margin-bottom: -2px;}
/*.tab-content {border-top: 3px solid #ccc; margin-bottom: 2em;}*/

.tabs-widget ul {border-bottom: none;}
.tabs-widget ul li a,
.tabs-widget .nav-tabs>li.active>a, .tabs-widget .nav-tabs>li.active>a:focus, .tabs-widget .nav-tabs>li.active>a:hover {
    color: #000;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 4px;
    cursor: pointer;
}

.tabs-widget .nav-tabs>li.active>a, .tabs-widget .nav-tabs>li.active>a:focus, .tabs-widget .nav-tabs>li.active>a:hover,
.tabs-widget .nav-tabs>li>a:hover,
.tabs-widget .nav-tabs>li>a:focus {
    color: white;
    background-color: black;
    border: 2px solid black;
}

/* main-navigation */
/* http://pencidesign.com/soledad/ - updated original code */
.open-sidebar-nav {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
} /* open menu disables page scrolling */

.open-sidebar-nav .main-navigation-content {
    right: 300px;
}
.open-sidebar-nav a.mobile-menu-close {
    right: 280px; visibility: visible; opacity: 1; -moz-opacity: 0.5; -khtml-opacity: 1;
}
.main-navigation-content {
    position: fixed; top: 0; right: 0; z-index: 9999;
    width: 280px; height: 100%; overflow-y: auto; overflow-x: hidden; background: white;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5);
    transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
    transform: translateX(300px); -webkit-transform: translateX(300px); -moz-transform: translateX(300px);
}

/* Scrollbar */
.main-navigation-content::-webkit-scrollbar-track{background-color: #555;}
.main-navigation-content::-webkit-scrollbar{width: 5px; background-color: #aaa;}
.main-navigation-content::-webkit-scrollbar-thumb {background-color: #aaa;}

/* Menu */
.main-navigation-content div:first-of-type{padding: 0;}
.main-navigation-content ul {padding: 0; margin: 0;}
.main-navigation-content ul li:before{content: none;}
.main-navigation-content li {list-style: none; margin: 0; padding: 0; border-top: 1px solid #ddd; position: relative;}
.main-navigation-content li:first-child {border-top: 0;}
.main-navigation-content li a {color: black; text-decoration: none; padding: 11px 0 10px 15px; display: inline-block; position: relative; font-size: 16px; width: 100%;}
.main-navigation-content li a:hover {
    color: black; background: #f3f3f3;
    -moz-transition: color 0.3s, background-color 0.3s;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}
.main-navigation-content li a:active {color: red; font-weight: bold; background: #eee;}
.main-navigation-content li a.submenu-opener:active {color: black; font-weight: normal; background: white;}
.main-navigation-content li.active a { color: red; font-weight: bold;}

li.has-submenu {}
li.has-submenu a.submenu-opener {}
li.has-submenu a.submenu-opener i.fa {position: absolute; top: 15px; right: 15px;}
/*li.has-submenu a.submenu-opener.opened {background-color: aliceblue;}*/

/* Submenu */
ul.submenu {display: none;}
ul.submenu li:first-child {border-top: 1px solid #ddd; left: 0;}
ul.submenu li a {padding-left: 30px;}
/* 3rd level submenu */
ul.submenu li ul.submenu li a {padding-left: 60px;}

/* Mobile menu - close button */
a.mobile-menu-close {
    position: fixed; visibility: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; opacity: 0;
    text-decoration: none; text-align: right; font-size: 0; padding: 10px; color: transparent; background: rgba(0,0,0,0.5);
    height: 100%; /*width: 100%; */
    transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
}
/* Close cross styles */
a.mobile-menu-close .close {position: relative; display: inline-block; width: 50px; height: 50px; overflow: hidden;}
a.mobile-menu-close .close::before,
a.mobile-menu-close .close::after {
    content: ''; position: absolute; top: 50%; left: 0;
    height: 2px; margin-top: -1px; width: 100%; background: white;
}
a.mobile-menu-close .close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
a.mobile-menu-close .close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
a.mobile-menu-close .close.hairline::before,
a.mobile-menu-close .close.hairline::after {
    height: 1px;
}
a.mobile-menu-close .close.thick::before,
a.mobile-menu-close .close.thick::after {
    height: 4px; margin-top: -2px;
}
a.mobile-menu-close .close.black::before,
a.mobile-menu-close .close.black::after {
    height: 8px; margin-top: -4px;
}
a.mobile-menu-close .close.heavy::before,
a.mobile-menu-close .close.heavy::after {
    height: 12px; margin-top: -6px;
}

.main-nav-bar {
    padding-top: 1.5em;
}

/* end close cross styles */

/* Mobile menu - opener */
.mobile-menu-content {float: right; margin-top: 29px;}
.mobile-menu-content a.mobile-menu-open {color: #FFF; text-decoration: none; position: absolute; right: 20px; top: 47px;}
.mobile-menu-content i.fa {display: block; text-align: center}
#menu .flags.collapse.in {display: inline-block}

/*flags*/
/*.flags{margin-left: -5px;}*/
.flags a{ padding-left: 5px; padding-right: 0;}

/*IMAGES GALLERY*/
.image-gallery {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /*padding: 10px;*/
    /*justify-content: space-between;*/
}
.image-gallery .image-cover { color: #FFF; }
.image-gallery .image-cover .title {
    font-size: 2.5rem;
    line-height: 1.2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    padding: 0 1em;
}
.image-gallery .image {
    position: relative;
    width: calc(100% / 5);
    padding: 5px;
    align-self: center;
}
.image-gallery .image img {
    cursor: pointer;
    border-radius: 4px;
}
.image-gallery .image .image-cover {
    position: absolute; top: 0; left: 0;
    cursor: pointer; width: 100%; height: 100%; text-align: center; display: none;
    background-color: rgba(139, 195, 74, 0.35); border-radius: 4px;
}
/*.image-gallery .image .image-cover .fa {*/
/*    color: #000;*/
/*}*/
.image-gallery .image:hover .image-cover { display: block;}

/*END IMAGES GALLERY*/

/*GALLERY*/
.gallery .image-cover { color: #FFF; }
.gallery .image-cover .title {
    font-size: 2.5rem;
    line-height: 1.2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    padding: 0 1em;
}
.gallery .image { position: relative; margin-bottom: 1.5em;}
.gallery .image .image-cover { position: absolute; top: 0; left: 0; cursor: pointer; width: 100%; height: 100%; text-align: center; display: none; background-color: rgba(208, 208, 211, 0.85);}
.gallery .image .image-cover .fa {
    color: #000;}
.gallery .image:hover .image-cover { display: block;}
/*END GALLERY*/

/*PRODUCTS*/
.product {
    margin-bottom: 2em;
    overflow: auto;
}

.product .title {
    text-transform: uppercase;
}

.product .image {
    margin-bottom: 1em;
}
.product .image img {
    max-width: 65%;
}

.product .title a {
    color: #000;
}
.product .title h4 {
    margin-top: 0;
}

.product .info{
    margin-bottom: 2em;
}

.product-detail-image img {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.gallery .product-detail-image .image-cover,
.gallery .product-detail-images .image-cover{
    background-color: rgba(139, 195, 74, 0.35);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.product-detail-info {
    margin: 1em 0;
}

.product-detail-info div {
    margin: .5em 0;
}

.product-detail-gallery {
    margin-bottom: 2em;
}

.gallery .product-detail-images {
    /*display: -webkit-box;      !* OLD - iOS 6-, Safari 3.1-6 *!*/
    /*display: -moz-box;         !* OLD - Firefox 19- (buggy but mostly works) *!*/
    /*display: -ms-flexbox;      !* TWEENER - IE 10 *!*/
    /*display: -webkit-flex;     !* NEW - Chrome *!*/
    /*display: flex;             !* NEW, Spec - Opera 12.1, Firefox 20+ *!*/
    /*width: 100%;*/
    /*flex-flow: row wrap;*/
    /*align-items: baseline;*/
    /*justify-content: flex-start;*/
}

.gallery .product-detail-images .image {
    /*width: 25%;*/
    /*padding: .5em 1em 1em 0;*/
    /*margin: .5em 1em 1em 0;*/
    margin-top: 1em;
}

.gallery .product-detail-images .image img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.product-tags {
    width: 100%;
    margin: 1.5em 0 3em 0;
}

.product-tag {
    color: black;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: .5em .9em;
    margin-right: 6px;
    margin-left: 0;
    margin-bottom: 4px;
    text-decoration: none;
    display: inline-block;
    overflow: auto;
}
.product-tag:hover {
    background-color: #d0d0d0;
    color: black;
}

/*END PRODUCTS*/

/*CATEGORY DETAIL*/
 .filter {}
 .filter .filter-open {
     display: block;
     font-size: 20px;
     font-weight: bold;
     border-radius: 3px;
     border: 1px solid #d4d4d4;
     padding: 10px 15px;
     color: #000;
     background: #f3f3f3;
     margin-bottom: 1em;
     cursor: pointer;
 }
 .filter a.filter-open {
     text-decoration: none;
 }
 .filter .filter-open i.fa-filter {
     padding-right: 15px;
     font-size: 26px;
 }
 .filter .filter-open i.fa-chevron-down {
     position: relative;
     top: 7px;
     font-size: 18px;
 }

 .filter .parameter-name {
     min-width: 120px;
     display: block;
     margin-bottom: 1em
 }

 .filter .filter-checkbox {
     display: inline-block;
     position: relative;
     padding: 5px 12px;
     border-radius: 3px;
     border: 1px solid #d4d4d4;
     margin-right: 5px;
     margin-bottom: 10px;
 }

 .filter .checkbox-inline {
     padding-left: 0;
 }

 .filter .checkbox-inline input {
     margin-left: 10px;
     position: relative;
     top: 2px;
     width: auto;
 }
 .filter a.button {
     position: relative;
     margin-top: 1em;
 }


/*TECHNOLOGY*/
    .technology .navigator {
        margin-bottom: 45px;
        margin-top: 0;
    }

    .technology .contacts{
        font-size: 16px;
        font-weight: bold;
    }

    .technology .contacts i {
        margin-right: 10px;
    }

/*END TECHNOLOGY*/

/*NEWS*/

.news .article {
    overflow: auto;
    margin-bottom: 2em;
}

.news .article h4 {
    margin-top: 0;
    line-height: 1.3;
}
.news .article h4 a{
    color: #000;
}

.news .article .image img {
    width: 65%;
    margin-bottom: 1em;
}


.news-box {
    margin-top: 2em;
}
.news-box .article {
    margin-bottom: 2.5em;
}

.news-box .article .title {
    font-size: 22px;
    margin-bottom: 0.5em;
    line-height: 1.2;
}
.news-box .article .title a{
    color: #FFF;
}

a.study-box {
    color: #000;
}

.card-study {
    margin: 0 20px;
}

.bulletin {
    margin-bottom: 3em;
}

.bulletin h4 a {
    color: #000;
}

.contact .name {
    font-size: 22px;
}
.contact .image {
    width: 150px;
}

.footer-big {
    background-color: #373737;
    color: #FFF;
    padding: 1.5em 0;
}
footer {
    background-color: #191919;
    color: #FFF;
    padding: 1em 0;
    min-height: 101px;
}
/*footer {padding: 1em 0 0; color: #b9b9b9; background-color: #333333; min-height: 80px;}*/
footer ul {list-style-type: none; padding-left: 0; margin-top: 1.5em; margin-left: 0;}
footer ul li {display: inline; float: left; margin-right: 25px;}
footer ul li a {
    color: #dddddd;
    font-size: 14px;
}
footer ul li a:hover {
    color: #dddddd;
}
footer .copy {
    margin-top: 2em;
}

footer .creator {
    margin-top: 2.4em;
    font-size: 14px;
    color: #7e7e7e;
}
footer .creator a{
    color: #7e7e7e;
}


#aside > div {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 1em 2em;
}

/* FORM CONTROLS */
.form-control {
    background-color: #eee;
    border-color: #c9c9c9;
}


/*************************************************************/
/*************************************************************/
/* THESE MEDIA QUERIES STACK & EXTEND */
/*************************************************************/
/*************************************************************/

/* Extra Small devices (bigger mobile phones, 530px and up) */
@media (min-width:530px) {

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #menu .flags.collapse.in {display: block}
    body {
        font-size: 16px;
    }

    input, select {
        width: auto;
    }

    p.perex {
        font-size: 22px;
    }

    .menu-row {
        margin: 0 -3rem;
    }

    .navigator {
        font-size: 14px;
    }
    h1 {font-size: 40px;}
    h2 {font-size: 32px;}
    h3 {font-size: 28px;}
    h4 {font-size: 24px;}

    .flags {float: right;}

    /* main-navigation */
    .mobile-menu-content, .mobile-menu-close {display: none;}

    .main-navigation-content {
        position: inherit; background: none; box-shadow: none; width: auto; height: auto; z-index: 0;
        overflow-y: inherit; overflow-x: inherit;
        transition: inherit; -webkit-transition: inherit; -moz-transition: inherit;
        transform: inherit; -webkit-transform: inherit; -moz-transform: inherit;
        transform-style: inherit; -webkit-transform-style: inherit;
    }
    .main-navigation-content ul {display: inline-block; float: right;}
    .main-navigation-content li {border: none; display: inline-block; margin: 6px 20px 0 0; float: left}
    .main-navigation-content li a {color: #FFF; font-size: 18px; padding: 0;}
    .main-navigation-content li a:hover { background: transparent; text-decoration: underline; color: #FFF}
    .main-navigation-content li a:active {font-weight: normal;}
    .main-navigation-content li a.submenu-opener:active {font-weight: normal; background: none; text-decoration: underline; }
    .main-navigation-content li.active a {color: #FFF; text-decoration: underline; font-weight:normal;}
    .main-navigation-content li:last-child {margin-right: 0;}

    .main-navigation-content li a.no-underline:hover {
        text-decoration: none;
        background-color: #9f6501;
    }

    li.has-submenu a.submenu-opener {}
    li.has-submenu a.submenu-opener i.fa {position: static; display: inline-block; padding-left: 3px;}
    /*li.has-submenu a.submenu-opener.opened {background-color: aliceblue;}*/

    /* JS powered submenu opening by class addition */
    ul.submenu.open {
        visibility: visible; opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    /* 3rd level submenu needs static when opened */
    ul.submenu li ul.submenu.open {
        position: static; /* absolute makes 3 level submenu floating */
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: color 0 ease-in;
        transition: none;
    }

    /* Submenu */
    ul.submenu {
        position: absolute; z-index: 9999; padding-top: 5px; float: none; display: block;
        visibility: hidden; opacity: 0;

        box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);

        -webkit-transition: all 0.27s ease-in-out;
        -moz-transition: all 0.27s ease-in-out;
        -o-transition: all 0.27s ease-in-out;
        transition: all 0.27s ease-in-out;

        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;

        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }
    ul.submenu li {display: block; margin: 0; border-top: 1px solid #ddd; min-width: 10rem; max-width: 14rem;}
    ul.submenu li:first-child {border-top: none;}
    ul.submenu li a {text-decoration: none; background: white; padding: 8px 10px 7px; font-size: 15px; line-height: 20px; color: black; display: block;}
    ul.submenu li a:hover {background: #f3f3f3; color: black;}
    ul.submenu li a:active {font-weight: normal;}
    ul.submenu li.active a {color: red;}
    ul.submenu li a.submenu-opener i.fa {position: absolute; top: 10px; right: 10px;}
    ul.submenu li a.submenu-opener:active {color: black; background: #ddd;}
    /* 3rd level submenu */
    ul.submenu li ul.submenu {
        padding-top: 0;

        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: color 0 ease-in;
        transition: none;
    }
    ul.submenu li ul.submenu li:first-child {border-top: 1px solid #ddd;}
    ul.submenu li ul.submenu li a {padding-left: 30px;}

    #menu .menu {
        display: inline-block !important;
        float: right;
        margin-right: 8px;
    }

    .main-navigation-content div:first-of-type .lang {
        margin: 2px 0 0 0;
    }


    .main-nav-bar {
        padding-top: 1.5em;
    }


    a.box.subcategory:hover {
        border-color: #75c04a;
    }

    .homepage-title {
        margin-bottom: 5em;
    }

    .features .feature {
        display: flex;
        padding: 0;
    }

    .features .feature .image {
        margin-right: 30px;
    }

    .features .feature .image img {
        max-width: 66px
    }

    .features .feature .text {
        text-align: left;
    }

    .features .feature h4, .features .feature h3, .features .feature h2{
        margin-top: 0;
    }
    .features .feature h4 a, .features .feature h3 a, .features .feature h2 a{
        color: #000;
        margin-top: 0;
    }

    .carabine {
        display: flex;
        justify-content: flex-end;
    }

    .carabine-image {
        width: auto;
    }

    .carabine-text {
        margin-top: 40px;
        width: 315px;
        padding-left: 15px;
        text-align: left;
    }

    .block-grey {
        padding: 0 0 2em;
    }

    .contact {
        display: flex;
    }

    .contact .name {
        font-size: 22px;
    }
    .contact .phone {
        /*margin: 1em 0;*/
        font-size: 18px;
    }
    .contact .image {
        width: 216px;
        margin-right: 20px;
    }

    .product {
        margin-bottom: 2em;
    }

    .product .title {
        text-transform: uppercase;
    }
    .product .title h2 {
        margin-top: 0;
    }

    .product .description p {
        margin: 1.2em 0;
    }

    .product .image {
        display: inline-block;
        float: left;
        width: 24%;
    }

    .product .information {
        display: inline-block;
        float: left;
        width: 76%;
        padding-left: 30px;
    }

    .product .info{
        margin-bottom: 2em;
        display: inline-block; float: left;
    }

    .product .link {
        display: inline-block; float: right;
    }

    .product-list {

    }

    .product-list-product {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-flow: row nowrap;
        margin: 2em 0;
    }

    .product-list-product .photo {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-flow: column nowrap;
        flex-grow: 0;
        align-items: flex-start;
    }

    .product-list-product .photo img {
        width: 100%;
    }

    .product-list-product .content {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-flow: column nowrap;
        flex-grow: 1;
        align-items: flex-start;
        padding: 0 2em;
    }

    .product-list-product .content h3 {
        margin-top: 0;
    }

    .product-list-product .content h3 a {
        color: black;
        text-decoration: underline;
    }

    .product-list-product .content .details {
        width: 100%;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-flow: row nowrap;
        margin: 1em 0;
    }

    .product-list-product .content .details .detail {
        flex-grow: 1;
    }

    .product-list-product .content .details .button-area {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-grow: 0;
        align-items: flex-end;
    }

    .filter .filter-open {
        font-size: 24px;
    }

    .filter a.button {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .filter .parameter-name {
        /*display: inline-block;*/
        margin-bottom: 1.3em
    }

    /*TECHNOLOGY*/

    .technology .contacts{
        font-size: 18px;
    }

    /*END TECHNOLOGY*/

    .product .image {
        margin-bottom: 0;
    }
    .product .image img {
        max-width: 100%;
    }

    .news .article .title h2 {
        margin-top: 0;
    }

    .news .article .image {
        display: inline-block;
        float: left;
        width: 24%;
    }

    .news .article .text {
        display: inline-block;
        float: left;
        width: 76%;
        padding-left: 30px;
    }

    .news .article .image img {
        width: 100%;
    }

    /*tabs*/
    /*.tabs {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}*/
    /*.tabs label {z-index: 10; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; display: block; font-size: 20px; color: #ff3333; padding: 4px 23px; margin-bottom: 0; cursor: pointer;  }*/
    /*.tabs label:first-of-type {padding-left: 15px; padding-right: 15px;}*/
    /*.tabs div.content {-webkit-box-ordinal-group: 100; -webkit-order: 99; -ms-flex-order: 99; order: 99; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; max-height: 0;height: auto; overflow: hidden;}*/
    /*.tabs input[type="radio"]:checked + label {background: #FFF; border-bottom: 5px solid #ff3333;}*/
    /*.tabs input[type="radio"] + label:hover {color: black;}*/
    /*.tabs input[type="radio"]:checked + label + div.content {max-height: 100%; border-top: 3px solid #ccc; margin-top: -3px;}*/
    /*.tabs label i.fa {display: none;}*/

    .tabs-widget ul {border-bottom: 3px solid #eee;}
    .tabs-widget ul, .tabs-widget ul li a, .tabs-widget .nav-tabs>li.active>a, .tabs-widget .nav-tabs>li.active>a:focus, .tabs-widget .nav-tabs>li.active>a:hover {color: black; width: auto; display: inline-block; background-color: transparent; border:0;}
    .tabs-widget .nav-tabs>li.active>a, .tabs-widget .nav-tabs>li.active>a:focus, .tabs-widget .nav-tabs>li.active>a:hover {color: black; border: 0; border-bottom: 5px solid #2bb001; margin-bottom: -2px;}
    .tabs-widget .nav-tabs>li>a:hover {background-color: transparent; border-bottom: 5px solid #2bb001; margin-bottom: -2px;}
    .tabs-widget ul li, .tabs-widget ul li a {width: auto;}
    .tabs-widget ul {width: 100%; border-bottom: 3px solid #cdcdcd;}

    .tabs-widget .nav-tabs>li.active>a,
    .tabs-widget .nav-tabs>li.active>a:focus, .tabs-widget .nav-tabs>li.active>a:hover,
    .tabs-widget .nav-tabs>li>a:hover,
    .tabs-widget .nav-tabs>li>a:focus {
        color: black;
        border: 0;
        border-bottom: 5px solid #2bb001;
    }


    .footer-big {
        padding-bottom: 4em;
    }

    footer {

    }


    .gallery .product-detail-images .image-cover .title {
        top: calc(50%);
        left: calc(50% - 12.5%);
    }

    .servis-block {
        background: url('../images/servis_hp.png') center top no-repeat;
        background-size: cover;
        margin-bottom: 6em;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .header-text {
        margin-top: 110px;
    }
    .header-text h1 {
        padding: 0 90px;
    }
    .header-text p.perex {
        padding: 0 150px;
    }

    .second-block {
        padding: 100px 0 100px;
    }


    .technology-header {
        margin-top: 150px;
    }
    .technology-header h1 {
        padding: 0;
    }
    .technology-header p.perex {
        padding: 0 !important;
    }

    #aside {
        padding-left: 2em;
    }

    .main-navigation-content div:first-of-type .lang {
        padding: 2px 0 0 20px;
    }

    .usp .title {
        font-size: 23px;
    }

    footer ul {
        margin-left: 20px;
    }

    /*.main-navigation-content li {margin: 6px 0 15px 30px;}*/
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .header-text {
        margin-top: 130px;
    }
    .header-text p.perex {
        padding: 0 180px;
    }

    .second-block {
        padding: 100px 0 100px;
    }

    .main-nav-bar {
        padding-top: 1.5em;
    }

    .usp .title {
        font-size: 26px;
    }
}



/*************************************************************/
/*************************************************************/
/* THESE MEDIA QUERIES DOES EXACTS */
/*************************************************************/
/*************************************************************/

/* Extra Small devices (small mobile phones) - EXACT */
@media (max-width:529px) {

}

/* Extra Small devices (mobile phones) - EXACT */
@media (min-width:530px) and (max-width:767px) {

}

/* Small devices (tablets) - EXACT */
@media (min-width:768px) and (max-width:991px) {
    .main-nav-bar {
        padding-top: 1em;
    }

    ul.menu {

    }
}

/* Medium devices (desktops) - EXACT */
@media (min-width:992px) and (max-width:1199px) {
    .main-nav-bar {
        padding-top: 1em;
    }
    ul.menu {

    }

}