/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1 Fonts
2 Elements
3 Header
4 Footer
5 Home Default
10 Home Category
11 Shop Sidebar Left & right & fullwidth
12 Simple Product
13 Table
17 Contact
18 Blog
19 Single post

20 About
21 ErgoStyle (new)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1 Fonts
--------------------------------------------------------------*/

@font-face {font-family: 'Roboto-Regular'; font-display: fallback; src: local('Roboto-Regular'), url('/https/ergo-global.com/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/https/ergo-global.com/fonts/Roboto-Regular.woff') format('woff'), url('/https/ergo-global.com/fonts/Roboto-Regular.ttf') format('truetype'), url('/https/ergo-global.com/fonts/Roboto-Regular.svg#Roboto') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'Roboto-Light'; font-display: fallback; src: local('Roboto-Light'), url('/https/ergo-global.com/fonts/roboto-v18-cyrillic_cyrillic-ext_latin-300.eot?#iefix') format('embedded-opentype'), url('/https/ergo-global.com/fonts/roboto-v18-cyrillic_cyrillic-ext_latin-300.woff') format('woff'), url('/https/ergo-global.com/fonts/roboto-v18-cyrillic_cyrillic-ext_latin-300.ttf') format('truetype'), url('/https/ergo-global.com/fonts/roboto-v18-cyrillic_cyrillic-ext_latin-300.svg#Roboto') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'Roboto-Thin'; font-display: fallback; src: local('Roboto-Thin'), url('/https/ergo-global.com/fonts/roboto-v18-cyrillic_cyrillic-ext_latin-100.eot?#iefix') format('embedded-opentype'), url('/https/ergo-global.com/fonts/roboto-v18-cyrillic_cyrillic-ext_latin-100.woff') format('woff'), url('/https/ergo-global.com/fonts/roboto-v18-cyrillic_cyrillic-ext_latin-100.ttf') format('truetype'), url('/https/ergo-global.com/fonts/roboto-v18-cyrillic_cyrillic-ext_latin-100.svg#Roboto') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'Roboto-Medium'; font-display: fallback; src: local('Roboto-Medium'), url('/https/ergo-global.com/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('/https/ergo-global.com/fonts/Roboto-Medium.woff') format('woff'), url('/https/ergo-global.com/fonts/Roboto-Medium.ttf') format('truetype'), url('/https/ergo-global.com/fonts/Roboto-Medium.svg#Roboto') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'Roboto-Bold'; font-display: fallback; src: local('Roboto-Bold'), url('/https/ergo-global.com/fonts/roboto-v18-cyrillic_cyrillic-ext_latin-700.eot?#iefix') format('embedded-opentype'),  url('/https/ergo-global.com/fonts/roboto-v18-cyrillic_cyrillic-ext_latin-700.woff') format('woff'), url('/https/ergo-global.com/fonts/roboto-v18-cyrillic_cyrillic-ext_latin-700.ttf')  format('truetype'), url('/https/ergo-global.com/fonts/roboto-v18-cyrillic_cyrillic-ext_latin-700.svg#Roboto') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family:'FontAwesome';font-display: fallback; src: local('FontAwesome'), url('/https/ergo-global.com/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/https/ergo-global.com/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/https/ergo-global.com/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/https/ergo-global.com/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/https/ergo-global.com/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/https/ergo-global.com/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');}

html {
/*  scroll-behavior: smooth;*/
}

body {
    font-family: 'Roboto-Regular', sans-serif;
    color: #2c3e50;
    font-size: 13px;
}

a, a.visited {color: #2c3e50; text-decoration: none;}
a.marked {color: #337ab7;}
a:hover {text-decoration: none; color: #e21d35;}
a:focus, a:active {outline: none;}

:focus {outline: none;}

ul {padding: 0; margin: 0;}

.fix {overflow: hidden;}

.relative {position: relative;}
.absolute {position: absolute;}

.white { color: #fff;}
.black {color: #222;}
.red {color: #e21d35;}

table.common td, th {padding: 5px;}


#page {overflow-x: hidden; position: relative;}

.content {
    flex: 1;
    transition: transform .3s;
    background: #fff;
    position: relative;
}

.content.isOpen {transform: translate(-300px, 0);}

/*--------------------------------------------------------------
2 Elements
--------------------------------------------------------------*/
/******* button *******/
button {border: none; background: none; padding: 0;}

.btn {border-radius: 30px; border-width: 2px; font-family: 'Roboto-Medium'; font-size: 16px;}
.btn:focus {outline:none}

.btn-large {padding: 10px 25px; box-shadow: 0 5px 10px rgba(0,0,0,.5);}
.btn-hurge {padding: 13px 50px;}
.btn-medium {padding: 7px 15px;}
.btn-small {padding: 3px 12px;}
.btn-hidden {display: none;}

.btn-simple {border: 1px solid #d7d7d7; color: #2c3e50; font-family: 'Roboto-Light'; font-size: 16 px;}
.btn-simple:hover, .btn-simple.active {border-color: #e21d35; background: #e21d35; color: #fff !important;}

.btn-color, .btn-color:focus, .btn-color:active {background: #e21d35; color: #fff;}
.btn-color:hover, .btn-color:focus:hover, .btn-color:active:hover {background: #fff; color: #e21d35 !important;}

.btn-white {background: transparent; border: 2px solid #fff; color: #fff;}
.btn-white:hover {background: #fff; color: #2c3e50;} 

.btn-black {background: transparent; border: 2px solid #2c3e50; color: #2c3e50;}
.btn-black:hover {background: #2c3e50; color: #fff;}

.btn-red {background: transparent; border: 2px solid #2c3e50; color: #2c3e50;}
.btn-red:hover {background: #e21d35; border-color: #e21d35; color: #fff;}

.btn-more {border-color: #fff; color: #fff; margin-left: 15px;}

.btn-fullwidth {background: #ec7a5c; color: #fff; width: 100%;}
.btn-fullwidth:hover {color: #222 !important;}

.btn-underline {position: relative}
.btn-underline:after {
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 5px;
    content: "";
    left: 0;
    right: 0
}
.btn-underline:hover:after {background: #e41d36;}

.btn-search {
    padding: 12px 14px 11px;
    border: none;
    color: #2c3e50;
    font-size: 20px;
    border-radius: 0 30px 30px 0;
}
.btn-search:hover {background: #2c3e50; color: #fff;}

.color-hover {
    padding: 12px 25px 8px;
    text-transform: uppercase;
    color: #888;
    background: #eeeeee;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
}
.color-hover:hover {color: #ec7a5c}

.rgba-mask-light {background-color: rgba(0,0,0,.2);}
.view.overlay {position: relative;}
.overlay .mask {
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.view .mask {
    top: 0; left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}
.feature-item-content .view .mask {
    position: absolute;
    cursor: pointer;
}

.overlay .mask:hover {opacity: 0.8;}

.sliderItem.playIcon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f01d";
    font-family: FontAwesome;
    font-size: 70px;
    color: #fff;
    opacity: 0.8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

/******* Form & thumbnail *******/
form.form {position: relative;}
form.form button {position: absolute; right: 0; top: 0;}
form.form input {width: 100%; padding-right: 25%;}
form.form input.search-input, form.form.support .select2-container--default .select2-selection--single {
    border: 1px solid #e8e8e8;
    border-radius: 30px;
    padding: 10px 40px 10px 10px;
    color: #777;
    font-size: 14px;
}
form.form input.search-input:focus {outline: none;}

form.form.support .select2-container--default .select2-selection--single {display: table; width: 100%; border: 1px solid #2c3e50;}
form.form.support .select2-container .select2-selection--single .select2-selection__rendered {padding: 0; line-height: inherit;}
form.form.support .select2-container--default .select2-selection--single .select2-selection__arrow {
font-size: 28px; padding: 20px; position: absolute; top: 0px; right: 0px;
background: #fff;
cursor: pointer;
pointer-events: none;
color: #2c3e50;
border-radius: 0 30px 30px 0; border: 1px solid #2c3e50; border-left: 0;}
form.form.support .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #2c3e50 transparent transparent transparent;}
form.form.support .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #2c3e50 transparent}
.select2-container.select2-container--open .select2-dropdown--below, .select2-container.select2-container--open .select2-dropdown--above {border: 1px solid #aaa;}
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #2c3e50;}
/*form.form.support:hover .select-arrow {background: #2c3e50; color: #fff; right: 0px;}
form.form.support:hover, form.form.support .select-arrow:hover {cursor: pointer;}
form.form.support select {border-color: #2c3e50; padding: 11px 40px 10px 15px; }
form.form.support button {font-size: 30px; padding: 0px 15px;}*/

.thumbnail {
    float: left;
    width: 70px;
    margin: 0px 20px 10px 0px;
    padding: 0;
    border-radius: 0;
    background: none;
    border: none;
}

label {font-weight: normal; color: #2c3e50;}
label.checkbox {
    padding-left: 35px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
label.checkbox input[type="checkbox"] {opacity: 0.00000001;}
.checkbox_text {line-height: 24px; font-size: 14px;}
.checkbox_text:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    transition: transform 0.28s ease;
    border: 1px solid #8c8c8c;
}
.checkbox_text::after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #7bbe72;
    border-left: 2px solid #7bbe72;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    position: absolute;
    top: 12px;
    left: 10px;
}
label.checkbox.disabled {cursor: auto; color: #AAA;}
label.checkbox.disabled .checkbox_text:before {border: 2px solid #d1d3d4; background: #d1d3d4;}
label.checkbox.checked .checkbox_text:before {font-family: 'FontAwesome'; content: '\f00c'; font-size: 16px; padding: 0 4px; line-height: 22px;}

/******* margin & padding ***********/
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-15 {margin-bottom: 15px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-25 {margin-bottom: 25px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-35 {margin-bottom: 35px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-45 {margin-bottom: 45px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}
.margin-bottom-55 {margin-bottom: 55px !important;}
.margin-bottom-60 {margin-bottom: 60px !important;}
.margin-bottom-65 {margin-bottom: 65px !important;}

.margin-top-10 {margin-top: 10px !important;}

.padding-bottom-10 {padding-bottom: 10px !important;}
.padding-bottom-15 {padding-bottom: 15px !important;}
.padding-bottom-20 {padding-bottom: 20px !important;}
.padding-bottom-25 {padding-bottom: 25px !important;}
.padding-bottom-30 {padding-bottom: 30px !important;}
.padding-bottom-35 {padding-bottom: 35px !important;}
.padding-bottom-40 {padding-bottom: 40px !important;}
.padding-bottom-45 {padding-bottom: 45px !important;}
.padding-bottom-50 {padding-bottom: 50px !important;}
.padding-bottom-55 {padding-bottom: 55px !important;}
.padding-bottom-60 {padding-bottom: 60px !important;}
.padding-bottom-65 {padding-bottom: 65px !important;}

.padding-top-45p {padding-top: 10vw !important;}

.pbt {padding-bottom: 65px !important;}
.pbt-30 {padding-bottom: 30px !important;}

/***************** Title ************/
.title {position: relative; margin: 0px 0px 40px}
.title:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ececec;
    position: absolute;
    left: 0;
    top: 44%;
}
.title span {position: relative; font-family: 'Roboto-Bold'; text-transform: uppercase;}

h1.seo-text {font-size: inherit; font-family: inherit;}

h2 {font-size: 24px;}

h3 {font-size: 45px; margin-top: 10px; text-transform: uppercase;}
h3 b {font-family: 'Roboto-Bold'; color: #e21d35}

h4 {font-family: 'Roboto-Bold'; font-size: 40px; position: relative;}
h4.title {margin: 0px 0px 30px}

h2.title span {background: #fff; padding: 0px 20px;}
h3.title span, h4.title span {padding: 0px 20px 0px 0px; background: #fff;}

hr {margin-top: 16px; margin-bottom: 24px;}

/*--------------------------------------------------------------
3 Header
--------------------------------------------------------------*/
header {position: fixed; z-index: 1000; width: 100%; background: rgba(0,0,0,.4);}
img.logoImg {margin-top: 23px;}

/**********		NAV		**********/

.main-nav {margin-bottom: 0px; border: none;}

.main-nav > ul > li {display: inline-block;}
.main-nav > ul > li > a {font-family: 'Roboto-Regular'; color: #fff; text-transform: uppercase; padding: 10px 0.7vw; margin: 20px 0; position: relative; display: inline-block;}
.main-nav > ul > li > a.dropdown-toggle {padding-right: 25px;}
.main-nav > ul > li:hover > a,
.main-nav > ul > li:hover > a:hover,
.main-nav > ul > li > a:active {background: #e21d35; border-radius: 30px;}

.dropdown-menu {
    width: 12vw;
    min-width: 210px;
    padding: 0px;
    margin: -2px 0px;
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-menu.mega-dropdown-menu {border-left: 2px solid #c6c6c6;}
.dropdown-menu > li > a {font-family: 'Roboto-Light'; padding: 10px 40px 10px 10px; position: relative; white-space: inherit;}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li.isActive > a {
    font-family: 'Roboto-Bold';
    background: #fff;
}

.mega-dropdown {position: static !important;}

.mega-dropdown > a.dropdown-toggle:after,
.right_dropdown_toogle > a.dropdown-toggle:after
{
    font-family: fontawesome;
    content: "\f054";
    display: inline-block;
    position: absolute;
    right: 10px; top: 13px;
     font-size: 10px;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mega-dropdown:hover > a.dropdown-toggle:after,
.right_dropdown_toogle > a.dropdown-toggle:hover:after,
.right_dropdown_toogle > a.dropdown-toggle.dropdown-is-active:after  {
    animation-name: fadeIn;
    animation-duration: 1s;
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.dropdown-menu .dropdown-submenu > a:before,
.dropdown-menu .dropdown-submenu > a:after {
content: '';
position: absolute;
bottom: 18px;
margin-top: -1px;
display: inline-block;
height: 2px;
width: 10px;
background: #2c3e50;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.dropdown-menu .dropdown-submenu > a:before{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.dropdown-menu .dropdown-submenu > a:after  {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.dropdown-menu .dropdown-submenu > a:before,
.dropdown-menu .dropdown-submenu > a:after {
right: 15px;
-webkit-transform-origin: 9px 50%;
-moz-transform-origin: 9px 50%;
-ms-transform-origin: 9px 50%;
-o-transform-origin: 9px 50%;
transform-origin: 9px 50%;
}

.dropdown-menu > li.kopie > a {padding-left: 5px;}

.dropdown-submenu {width: 100%;}

.dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin-top: 0;}

/*=================>	 Header Right  <=================*/

.header-right > ul {padding: 0px; margin: 0px; vertical-align: middle; display: inline-flex;}
.header-right > ul > li  {display: inherit;}
.header-right > ul > li.right_dropdown_toogle {margin-right: 0.1vw; position: relative; display: block;}

.header-right > ul > li.right_dropdown_toogle:before {
display: block;
content: "";
height: 50%;
width: 1px;
background-color: #fff;
position: absolute;
right: 0;
bottom: 25%;}

.header-right > ul > li.right_dropdown_toogle > a {padding: 10px 25px 10px 10px; color: #fff; text-transform: uppercase; margin: 20px 10px 20px 0; position: relative; display: inline-block;}
.header-right > ul > li.right_dropdown_toogle:hover > a,
.header-right > ul > li.right_dropdown_toogle > a.dropdown-is-active,
.header-right > ul > li.mobileMenu .cd-dropdown-wrapper > a:hover,
.header-right > ul > li.mobileMenu .cd-dropdown-wrapper > a.dropdown-is-active {color: #fff; background: #e21d35; border-radius: 30px; }

.header-right .right_dropdown_toogle:hover .dropdown-menu {display: block;}
.header-right .right_dropdown_toogle .dropdown-menu {right: 0;}

.header-right > ul > li.right_dropdown_toogle > a.geo {background-image: url(/https/ergo-global.com/img/geo.png); background-repeat: no-repeat; background-position: 10px 4px;  width: 55px; height: 36px;}
.header-right > ul > li.right_dropdown_toogle > a.geo span {display: none;}

a.header-icon {text-indent: -9999px; overflow: hidden;}

a.search-icon {background: url(/https/ergo-global.com/img/search-icon.png) no-repeat center center; padding: 10px 22px; margin: 20px 10px 20px 0;}
a.search-icon:hover, .open > a.search-icon {background-color: #e21d35; border-radius: 30px;}

.header-right .dropdown-search {right: 0; top: 83px; min-width: 415px; padding: 15px;}

a.navicon {
    padding: 6px 0px 1px 15px !important;
    display: block;
    border-left: 1px solid #f2f2f2;
}

a.navicon .bar {
    display: block;
    width: 23px;
    margin-bottom: 4px;
    height: 2px;
    background-color: #000;
    border-radius: 1px;
}

/**********	 .side-menu  ***********/
.side-menu {
    position: absolute;
    right: 0px;
    width: 300px;
    height: 100%;
    background: #191a1c;
    padding: 20px 35px;
    opacity: 0;
}

.side-menu-show {opacity: 1;}

nav.nav-side-menu ul {padding: 0;}
nav.nav-side-menu ul li {list-style-type: none; padding: 10px 0 7px; border-bottom: 1px solid #252525;}
nav.nav-side-menu ul li a,
nav.nav-side-menu ul li a:hover {color: #ec7a5c;}

/*--------------------------------------------------------------
4 Footer
--------------------------------------------------------------*/
.footer-widget-area {background: #000; padding: 30px 15px;}

a.logo-red {background: url(/https/ergo-global.com/img/logo-red.png) no-repeat; height: 43px; width: 100px; display: block; margin: 20px 0 40px;}
a.logo-footer {background: url(/https/ergo-global.com/img/logo.png) no-repeat; height: 43px; width: 100%; display: block; margin: 20px 0 40px;}

.footer-widget-area > div > div {display: table;}
.footer-widget-area, .footer-widget-area p, .footer-widget-area a, .site-info a, .site-info p {font-family: 'Roboto-Light'; color: #fff; font-weight: bold;}
.footer-widget-area p.tel {font-size: 20px;}

.widget-wrap {display: table-cell; vertical-align: top; float: none;}
.widget-wrap:nth-child(1) {display: table; width: 100%;}
.widget-wrap:nth-child(1) > div {border-right: 1px dashed #a1a1a1; display: table-cell; vertical-align: top; float: none;}
.widget {margin-bottom: 20px; }

.widget-title {color: #fff; text-transform: uppercase; font-size: 16px; margin-bottom: 18px;}

.about_widget .widget-title {font-size: 25px; margin-bottom: 15px;}

.widget.social-widget-mobil {margin: 50px auto; font-size: 18px;}

.menu-footer-useful-links {padding-right: 15%;}
.menu-footer-useful-links li {list-style: none; padding: 7px 0; border-bottom: 1px solid #a1a1a1;}
.menu-footer-useful-links li:last-child {border-bottom: 0;}
.menu-footer-useful-links li a {color: #777474;}
.menu-footer-useful-links li a:hover {color: #fff;}

.form-news-letter form input {
    border: none; border-radius: 30px;
    padding: 17px 40px 13px 10px;
    background: #232426;
    color: #fff;
}
.form-news-letter input:active, .form-news-letter input:focus, .form-news-letter input:hover {outline: none;}
.form-news-letter button.submit {
    padding: 15px;
    border: none;
    color: #fff;
    text-transform: uppercase;
}

ul.social-wrap {padding: 0;}
ul.social-wrap li {display: inline-block;}
.social-widget ul.social-wrap li a {
    width: 35px;
    display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 30px;
}
.social-widget ul.social-wrap li a:hover {color: #e21d35;}

.social-widget-mobil ul.social-wrap li a {margin: 0 20px; background-repeat: no-repeat; width: 80px; height: 80px; display: block;}
.social-widget-mobil a[class*="facebook"] {background-image: url(/https/ergo-global.com/img/facebook.png);}
.social-widget-mobil a[class*="youtube"] {background-image: url(/https/ergo-global.com/img/youtube.png);}

footer .seo-text {text-align: left;}

.site-info {background: #1e1f21; padding: 30px 15px;}

.copyright p {margin: 0; line-height: 28px; text-transform: uppercase;}
.copyright p a {text-transform: normal;}

/*--------------------------------------------------------------
5 Home Default
--------------------------------------------------------------*/
.container-half {width: 585px; padding-right: 15px; padding-left: 15px;}

.slick-slide {position: relative;}
.homedefault-slider {position: relative;}
.home-slide .slide-item {height: 35vw; min-width: 330px !important;}

.slide-description {
    position: absolute;
    z-index: 999;
    margin: 0 auto;
    left: 0;
    right: 0;
}

h2.title-slide {font-size: 65px; color: #fff; margin-bottom: 0;}

p.subtitle {font-family: 'Roboto-Thin'; font-size: 24px; line-height: 30px; color: #fff; padding-bottom: 20px;}
.slide-description__small-title.green {color: #2da3a5;}
.slide-description__small-title {
    font-family: "Roboto-Medium";
    font-size: 16px;
}
.slide-description__footer {
    position: absolute !important;
    bottom: 14px;
}

.slide-2-des p.subtitle {padding: 0px 105px;}

.slideshow .slick-arrow {margin: 0; display: none !important;}

.slideshow:hover > .slider > .slick-arrow {display: block !important;}

.feature-item {background-repeat: no-repeat; background-size: auto 100%; background-position: center; overflow: hidden;}
.feature-item.black, .feature-item.black h4 a {color: #2c3e50;}
.feature-item.white, .feature-item.white h4 a {color: #fff;}
.feature-categories .type1 .feature-item-content {
padding-left: 100px;
height: calc(500px + 2 * ((100vw - 420px) / 860));
display: -webkit-box;
display: -webkit-flex;
display: -moz-box; 
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-flex-pack: center;
align-items: center;
}
.feature-categories .type2 .feature-item-content {
padding-bottom: 30px;
height: calc(500px + 2 * ((100vw - 420px) / 860));
display: -webkit-box;
display: -webkit-flex;
display: -moz-box; 
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-end;
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
-ms-flex-pack: flex-end;
align-items: flex-end;}
/*.feature-categories .type1 .feature-item-content p, .feature-categories .type2 .feature-item-content p {font-family: 'Roboto-Light'; font-size: 20px; margin: 30px 0;}*/
.feature-categories .type1 .feature-item-content p, .feature-categories .type2 .feature-item-content p {font-family: 'Roboto-Light'; font-size: 20px; margin: 20px 0;}
.feature-categories .type2 .feature-item-content > div {width: 100%;}

.feature-categories h1.cat-title {font-family: 'Roboto-Bold'; font-size: 32px;}
.feature-categories .cat-desc {font-family: 'Roboto-Light'; font-size: 20px;}
.feature-categories .cat-desc:empty {display: none;}

.feature-item-content img {width: 100%}
.feature-item-content .cat-links {display: table; margin: 0 auto;}
.feature-item-content ul li {list-style: none; font-size: 14px; padding-left: 12px; white-space: nowrap;}

.content .contacts  {margin: 45px 0;}
.contact-item {padding-top: 110px; text-align: center; font-size: 18px; color: #bdc3c7; background-position: center bottom 50px; background-repeat: no-repeat; position: relative;}
.contact-item  a {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;}
/*.contact-item[aria-describedby="slick-slide20"] {background-image: url(/https/ergo-global.com/img/people.png);}*/
.contact-item[aria-describedby="slick-slide20"] {background-image: url(/https/ergo-global.com/img/mail.png);}
.contact-item[aria-describedby="slick-slide21"] {background-image: url(/https/ergo-global.com/img/phone.png);}

.content .video, .content .hits {margin: 80px 0 90px; text-align: center;}
.content .video {color: #2c3e50;}
.content .video .slick-list {margin: 0 50px;}
.content .video .slick-next {right: 0%;}
.content .video .slick-list .sliderItem {cursor: pointer;}
.content .hits h3 {margin-bottom: 80px; color: #2c3e50;}
.content .hits h4 {color: #2c3e50;}
h4.vd-title {display: inline-block; padding-bottom: 10px; margin-bottom: 40px;}
h4.vd-title:before {
display: block;
content: "";
height: 1px;
width: 20%;
background-color: #2c3e50;
position: absolute;
right: 40%;
bottom: 0;}

.hits-item {padding-top: 350px;}
.hits-item {background-position: center bottom 100px; background-repeat: no-repeat; background-size: 100% auto;}
.hits-item[aria-describedby='slick-slide10'] {background-image: url(/https/ergo-global.com/img/hit1.jpg)}
.hits-item[aria-describedby='slick-slide11'] {background-image: url(/https/ergo-global.com/img/hit2.jpg)}
.hits-item[aria-describedby='slick-slide12'] {background-image: url(/https/ergo-global.com/img/hit3.jpg)}
.hits-item h5 {text-transform: uppercase; font-size: 30px; font-family: 'Roboto-Bold';}
.hits-item p {font-size: 20px;}

.content .about {padding: 50px 0; background: #464646 url(/https/ergo-global.com/img/about_bg.jpg) no-repeat center; background-position-y: top; background-size: cover; color: #fff;}
.content .about  .about-item:nth-child(1):before {
content: "";
height: 100px;
width: 5px;
background-color: #e21d35;
position: absolute;
top: 18px;
left: -10px;}
.content .about p {font-family: 'Roboto-Light'; font-size: 18px; margin-bottom: 30px;}
.content .about h1 {font-family: 'Roboto-Bold'; font-size: 40px; position: relative; margin-top: 10px; margin-bottom: 10px;}

.collection-picture img {width: 100%;}

h1.category-title {margin: 0;}
.category-text {font-family: 'Roboto-Light'; font-size: 20px; margin: 0;}
.category-text p {margin: 0;}

.product-info {line-height: 1.6em; font-family: 'Roboto-Regular'; font-size: 14px; padding: 15px;}
.product-info:hover {box-shadow: 5px 2px 18px #c0c0c0;}
h4.product-title {line-height: 1.6em; font-family: 'Roboto-Bold'; font-size: 18px;}
h4.product-title .product-cat {font-family: 'Roboto-Regular';}
.product.small h4.product-title {font-size: 14px;}
h4.product-title a {color: #2c3e50;}
.short-description ul li {list-style: none;}
.simple-product-details .short-description ul li {font-size: 18px;}
.product-details--price {position: relative;}
.product-details--price .btn.where-buy {position: absolute; right: 7vw; bottom: 10px; padding: 5px 25px;}
.product-details--price .btn.btn-color.where-buy:hover, .product-details--price .btn.btn-color.where-buy:focus:hover, .product-details--price .btn.btn-color.where-buy:active:hover {border-color: #e21d35;}
.price {font-size: 18px; margin-bottom: 15px;}

.sticker {
    position: absolute;
    top: 0px;
    right: 15px;
    color: #fff;
    display: none;
    padding: 5px 15px;
    border-radius: 4px;
}

.sticker.sale {display: table; background: #000;}
.sticker.new {display: table; background: #e21d35;}
.sticker.hit {display: table; background: #f1c40f;}
.sticker.out-of-stock {display: table; background: #777;}
.sticker.soon {display: table; background: #16a085;}
.price.out-of-stock {color: #777;}
.price.soon {color: #16a085;}

p.author {
    padding-top: 25px;
    font-size: 13px;
    color: #222;
    text-transform: uppercase;
}

span.entry-date {
    color: #777;
}

.entry-title a {
    font-family: 'Roboto-Bold';
    color: #222226;
    font-size: 20px;
}

.entry-title {
    margin: 0;
    padding-bottom: 20px;
}

.entry-excerpt p, .post-content p, .post-excerpt p, .authors-description p {margin-bottom: 15px;}

.readmore-outer a {
    text-transform: uppercase;
    font-size: 14px;
}


/* Scrolldown */
.home-scrolldown {display: none;}

/* Back to Top*/
#back-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 55px;
    border: 3px solid #e21d35;
    color: #e21d35;
    cursor: pointer;
    border-radius: 30px;
    display: none;
}

#back-to-top:hover {
    color: #fff;
    background: #e21d35;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/*--------------------------------------------------------------
11 Shop Sidebar Left & right & fullwidth
--------------------------------------------------------------*/
.title_outer {height: 32vh; background-repeat: no-repeat;}

.title_outer video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translateX(-50%) translateY(-50%);
transition: 1s opacity;
z-index: 0;
}

.title-shop-sidebar-left {height: calc(250px + 2 * ((1500vw - 420px) / 820)); background-repeat: no-repeat; background-position-x: 70%; background-size: cover;}

.filters-mobile {z-index: 2; padding: 10px 0; background: #fff; box-shadow: 0px 4px 13px #c0c0c0; margin-bottom: 20px;}
.filters-mobile .btn-simple:hover i.fa.fa-filter, .filters-mobile .btn-simple.active i.fa.fa-filter {color: #fff;}

select.sort-select {
    border: none;
    color: #222;
    text-transform: uppercase;
}

.shop--pro-show span {color: #777;}
.pro-show-wrap {white-space: nowrap;}

.pagination ul li {display: inline-block;}
.pagination ul li a {padding: 5px 11px 2px; font-family: 'Roboto-Regular'; font-size: 18px; color: #687f97;}
.pagination ul li a.active, .pagination ul li a:hover, .pagination ul li a:focus {font-family: 'Roboto-Bold'; color: #e21d35;}

.shop-sidebar .sidebar-title {
    font-family: 'Roboto-Medium';
    font-size: 14px;
    color: #2c3e50;
    text-transform: inherit;
    margin: 20px 0;
    position: relative;
    width: 100%;
    text-align: inherit;
}

.shop-sidebar button.sidebar-title i.fa-caret-down {
    top: 4px;
    position: absolute;
    right: 0;
}

.shop-sidebar button.sidebar-title.collapsed i.fa-caret-down {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.shop-sidebar .property .sidebar-title i.fa-caret-down {color: #939598;}

.shop-sidebar .big-sidebar:nth-child(1) .sidebar-title {margin-top: 0;}
.shop-sidebar .big-sidebar ul li, .blog-sidebar--category ul li {list-style: none; padding-bottom: 10px; font-family: 'Roboto-Light';}
.shop-sidebar .big-sidebar ul li a {color: #777777}

.big-sidebar ul li a:active,
.big-sidebar ul li a:focus,
.big-sidebar ul li a.active{
    color: #292929 !important;
}

.shop-sidebar .shop-sidebar--search {display: flow-root;}

span.count {
    vertical-align: super;
    padding-left: 5px;
    font-size: 12px;
}

/*
#pricing-range {
    margin-top: 30px;
}

.pricing-value {
    margin-top: 25px;
}

.pricing-value input {
    border: none;
    float: left;
    padding: 8px 15px 4px;
    border-radius: 2px;
    border: 1px solid #e8e8e8;
    background: #eeeeee;
    text-transform: uppercase;
    color: #777777
}

.pricing-value p {
    text-align: right;
    margin: 10px 0 0px;
    text-transform: uppercase;
    color: #777777
}

.shop-sidebar--advertising {
    position: relative;
}

.shop-sidebar--advertising .shop-sidebar--wrapper {
    padding-top: 15px;
}
*/
.title_holder {position: relative;}
.title_holder h1, .title_holder h2 {font-family: 'Roboto-light'; font-size: 24px; margin-top: 0;}
.title-contact-page .title_holder h1 {font-family: 'Roboto-Regular'; font-size: calc(18px + 2 * ((1000vw - 420px) / 750)); text-transform: inherit;}

/*--------------------------------------------------------------
12 Simple Product
--------------------------------------------------------------*/
.page-breadcrumb {background: #f5f5f5; padding: 1% 0;}
.page-breadcrumb, .title_outer {margin-top: 80px; position: relative; overflow: hidden;}
.title_outer + .page-breadcrumb,
.about-page--banner + .page-breadcrumb {margin-top: 0px;}

.breadcrumb {margin-bottom: 0; padding: 10px 15px;}
.breadcrumb li a {color: #888;}
.breadcrumb > li + li::before {padding: 0 5px 0 0;}

.product-thumbnail-img li {padding: 0px 0px 15px;}
.product-thumbnail-img li a img {max-width: 100%; min-height: 85px; margin: 0 auto;}
#productthumbnail li.slick-slide, #productthumbs li.slick-slide {opacity: 0.3}
#productthumbnail li.slick-current, #productthumbs li.slick-current {opacity: 1}
#productthumbs li {padding: 10px 5px 0px 0px}

.product-details--title {font-family: 'Roboto-Medium'; font-size: 30px; text-transform: uppercase; margin: 0px 0px 15px;}

.product-details--rating p {font-size: 16px; color: #ec7a5c;}
.product-details--rating span {color: #777777;}

.product-details--price .price span {font-family: 'Roboto-Bold'; font-size: 30px; padding: 5px 0px;}

ul.product-details-tablist {padding: 20px 0; text-align: center;}
.support ul {margin-left: 20px;}
.blog-sidebar--category ul {margin-left: 0;}
.support ul.product-details-tablist {display: flex; margin: 0 0 25px;}
ul.product-details-tablist li {display: inline-block;}
ul.product-details-tablist li a {font-family: 'Roboto-Medium'; font-size: 18px; text-transform: uppercase; padding: 0px 15px;}
.support ul.product-details-tablist li a {font-size: 14px; padding-top: 60px; background: url(/https/ergo-global.com/img/support/icon-support-1.png) no-repeat; background-position: top center; background-size: 50px auto;}
.support ul.product-details-tablist li a.adresses {background-image: url(/https/ergo-global.com/img/support/icon-support-2.png)}
.support ul.product-details-tablist li a.video-list {background-image: url(/https/ergo-global.com/img/support/icon-support-3.png)}
.support ul.product-details-tablist li a.faq {background-image: url(/https/ergo-global.com/img/support/icon-support-4.png)}
.support ul.product-details-tablist li a:hover {background-image: url(/https/ergo-global.com/img/support/icon-support-1_on.png)}
.support ul.product-details-tablist li a.adresses:hover {background-image: url(/https/ergo-global.com/img/support/icon-support-2_on.png)}
.support ul.product-details-tablist li a.video-list:hover {background-image: url(/https/ergo-global.com/img/support/icon-support-3_on.png)}
.support ul.product-details-tablist li a.faq:hover {background-image: url(/https/ergo-global.com/img/support/icon-support-4_on.png)}
ul.product-details-tablist li.active a {font-family: 'Roboto-Bold'; border-bottom: 1px solid #e21d35; text-decoration: none;}
.support ul.product-details-tablist li.active a {font-family: 'Roboto-Medium';}

.product-description h3 {font-family: 'Roboto-Medium'; font-size: 30px;}

.review-content {
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    padding: 15px 0px;
    margin-left: 100px;
}

ul.review-list li {
    list-style-type: none;
    margin-bottom: 25px;
}

span.author {
    color: #222;
}

.select_box p {
    text-transform: uppercase;
}

.select_box select {
    padding: 10px 15px 8px;
    width: 270px;
    color: #888;
    border: 1px solid #e8e8e8;
    background: url(../images/icons/down.png) no-repeat 250px center;
    -webkit-appearance: none;
}

.sort-select {
    width: 145px;
    background: url(../images/icons/down-black.png) no-repeat 135px 6px;
    padding-left: 10px;
    -webkit-appearance: none;
    padding-top: 4px;
}

.product-details--grouped-title, .product-details--grouped-price {
    float: left;
    margin-right: 15px;
    padding: 16px 0 10px;
}

.product-details--grouped p {
    color: #222;
}

.product-details--grouped {
    float: left;
    width: 100%;
}

.tab-pane {
    position: relative;
}

p.price_old {
    float: left;
    padding-right: 15px !important;
    color: #777 !important;
    text-decoration: line-through;
}

.video-youtube {
position: relative;
padding-bottom: 37.12%;
height: 0;
overflow: hidden;
float: inherit;
}

.product-description .video-youtube {height: inherit; padding-bottom: inherit;}
.product-description .video-youtube center {
position: relative;
padding-bottom: 56.12%;
margin-bottom: 25px;
width: 100%;
}

.video-youtube iframe,
.video-youtube object,
.video-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*--------------------------------------------------------------
13 Table
--------------------------------------------------------------*/
.table {display: block; overflow-x: auto;}

.table p {padding: 0; margin: 0;}

table.table tr > td, .table tr > th {
    vertical-align: middle;
    padding: 10px 15px 10px 0px;
}
table.table tr:first-child > td {border-top: 0px;}

.table > thead > tr > th {
    border-bottom: 0;
    padding: 20px 0px 15px;
}

.table th {
    background: #f8f8f8;
    text-transform: uppercase;
    color: #222 !important;
}

.table textarea {
    width: 100%;
    height: 100px;
    padding: 5px 10px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
}

.table input.field {
    width: 100%;
    padding: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
}

.table-dotted tr {
    border-bottom: 1px dotted #d0d0d0;
}

.table-dotted:last-child {
    border-bottom: 0;
}

.table-solid tr {
    border-bottom: 1px solid #e8e8e8;
    padding-right: 15px;
}

.table-solid > tr > th:first-child, .table-solid > tr > td:first-child {padding-left: 20px;}

.delete {
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 50%;
    font-size: 22px;
    line-height: 25px;
    float: right;
    color: #ec7a5c;
    padding: 0px 4px;
}

.table-boder {
    border-width: 1px 0px 0px 1px;
    border-color: #e8e8e8;
    border-style: solid;
    border-radius: 2px;
}

.table-boder th, .table-boder td {
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 0px 1px 1px 0px;
    padding: 12px 15px 8px 15px !important;
}

.table-secons tr {
    border: 0;
}

.table-secons tr td:first-child {
    padding-right: 15px;
}

/*--------------------------------------------------------------
17 Contact
--------------------------------------------------------------*/
.title-contact-page {background: url(/https/ergo-global.com/img/contacts.png) no-repeat center center; background-size: cover; height: 50vh; min-height: 25vw;}
.contact .block-title {margin-bottom: 50px;}
.block-title h3 {font-size: 24px;}
.block-title h3 i {padding-right: 10px;}
.block-title.partner h3 {background: url(/https/ergo-global.com/img/i-partners.png) no-repeat; background-position: 0 77%; padding-left: 40px;}
.block-title.tech h3 {background: url(/https/ergo-global.com/img/i-tech.png) no-repeat; padding-left: 35px;}
.contact-info h4 {font-size: 18px; font-weight: normal; display: block;}
.contact-info a.main {font-family: 'Roboto-Bold'; font-size: 24px; color: #e41d36; margin: 30px 0; display: block;}
.contact-info a.main.mail {font-size: 1.4em; line-height: 1.9em;}

/*--------------------------------------------------------------
18 Blog
--------------------------------------------------------------*/
.title-blog-page {background: url(/https/ergo-global.com/img/banners/press-center.jpg) no-repeat 50% 30%; background-size: cover;}

.blog-sidebar--about ul li a {background: #eee}

.blog-sidebar--about p {line-height: 25px;}

.tag-item a {
    padding: 7px 10px 3px;
    text-transform: uppercase;
    border: 2px solid #e8e8e8;
    color: #555;
    float: left;
    margin: 0px 5px 5px 0;
}

.tag-item a.active {
    border: none;
    background: #ec7a5c;
    color: #fff !important;
    border: 2px solid #ec7a5c;
    text-decoration: none;
}

ul.recent-post-item li {list-style: none; border-bottom: 1px dotted #d0d0d0;}
ul.recent-post-item li:last-child {border-bottom: 0;}

.post-meta {color: #777;}

.post-title {font-size: 26px; font-family: 'Roboto-Bold'; margin-top: 0;}

.more-link a {font-family: 'Roboto-Bold'; color: #e21d35;}

/*--------------------------------------------------------------
19 Support
--------------------------------------------------------------*/

.title-support-page {background: url(/https/ergo-global.com/img/support/support.jpg) no-repeat center center; background-size: cover; height: 50vh; min-height: 25vw;}
.title-support-page.warranty {background-image: url(/https/ergo-global.com/img/support/wsupport.jpg);}
.title-support-page.adresses {background-image: url(/https/ergo-global.com/img/support/asupport.jpg);}
.title-support-page.video-list {background-image: url(/https/ergo-global.com/img/support/vsupport.jpg);}
.title-support-page.faq {background-image: url(/https/ergo-global.com/img/contacts.png);}
.title-support-page .title_holder h1 {font-family: 'Roboto-Regular'; font-size: calc(18px + 2 * ((1000vw - 420px) / 750)); text-transform: inherit; padding-left: 50px;}
.title-support-page .title_holder.text-center h1 {padding-left: 0px;}
.title-support-page .title_holder h1 .small {display: block;}
.title-support-page .title_holder.title_holder_bottom h1 {font-size: calc(18px + 2 * ((1000vw - 420px) / 1100));}
.support-content ol, .support-content ul {padding-left: 15px;}
.support-content li {padding-left: 10px; margin-bottom: 10px;}
.support-content ul.dash-style li {list-style-type: "-";}
.support-content ol ul {margin: 10px 0;}
.support-content ol ul > li {margin-bottom: 0px;}

.support-services {background: #f5f5f5; padding-top: 120px; padding-bottom: 120px;}
.support-services-items {display: flex; align-items: stretch;}
.support-services-items .item {border-right: 2px solid #acacac; font-family: 'Roboto-Bold';}
.support-services-items .item  > div {background: url(/https/ergo-global.com/img/support/icon-support-1.png) no-repeat; background-position: top center;}
.support-services-items .item:nth-child(2)  > div {background-image: url(/https/ergo-global.com/img/support/icon-support-2.png);}
.support-services-items .item:nth-child(3)  > div {background-image: url(/https/ergo-global.com/img/support/icon-support-3.png);}
.support-services-items .item:nth-child(4)  > div {background-image: url(/https/ergo-global.com/img/support/icon-support-4.png);}
.support-services-items .item:hover  > div {background-image: url(/https/ergo-global.com/img/support/icon-support-1_on.png);}
.support-services-items .item:nth-child(2):hover  > div {background-image: url(/https/ergo-global.com/img/support/icon-support-2_on.png);}
.support-services-items .item:nth-child(3):hover  > div {background-image: url(/https/ergo-global.com/img/support/icon-support-3_on.png);}
.support-services-items .item:nth-child(4):hover  > div {background-image: url(/https/ergo-global.com/img/support/icon-support-4_on.png);}
.support-services-items .item:last-child {border-right: 0;}
.support-services-items .item p {padding: 153px 0 10px; font-size: 16px;}

.support-contacts {padding: 60px 0;}
.support-contacts.grey {background: #ebebeb;}
.support-contacts h2:nth-child(1) {font-family: 'Roboto-Bold';}
.support-contacts h2:nth-child(2):after {border-bottom: 2px solid #34495e; width: 60px; display: block; content: ""; margin: 19px auto;} 

.support-contacts .info div {color: #2c3e50; padding: 20px 0 20px 60px ;position: relative; }
.support-contacts .info div i {position: absolute; left: 20px; top: 20px; font-size: 28px;}
.support-contacts .info div p {font-size: 18px; text-decoration: underline;}
.support-contacts .info div p.link {text-decoration: none;}
.support-contacts .info div a {display: block;}

.support-warranty-items {font-family: 'Roboto-Light'; font-size: 16px;}
.support-warranty-items .item {background: rgba(0,0,0,.4); /*background: url(/https/ergo-global.com/img/support/wsupport3.jpg) no-repeat; background-size: cover; background-position: center;*/ padding-top: 50px; padding-bottom: 50px;}
.support-warranty-items .item:nth-child(2) {background-image: url(/https/ergo-global.com/img/support/wsupport2.jpg)}
.support-warranty-items .item .btn {margin: 120px 0;}

#service-center-items {-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: flex-start;}
#service-center-items .item {padding-right: 15px; flex: 0 0 25%;}
#service-center-items.hotcall .item {padding-right: 15px; flex: 0 0 100%;}
#service-center-items .item h4 {font-size: 18px;}
#service-center-items .item h4 i {margin-right: 10px;}

.support-faq .faq-q-list {background: #ebebeb; padding: 50px; float: none;}
.support-faq .faq-q-list h4 a {margin-bottom: 10px; font-size: 18px;}
.support-faq .faq-q-list h4 p, .support-faq .faq-an-list h4 p {display: inline;}
.support-faq .faq-an-list > div {margin-bottom: 40px;}
.support-faq .faq-an-list h4 {font-size: 30px;}
.support-faq .faq-an-list ul, ol {margin-left: 20px; margin-bottom: 10px;}
.support-faq .faq-an-list ul li {list-style: disc;}

/*--------------------------------------------------------------
19 Single post
--------------------------------------------------------------*/
blockquote {
    border-left: 5px solid #ec7a5c;
    background: #f5f5f5;
    border-radius: 2px;
    padding: 30px 20px;
    font-size: 16px;
}

.post-content h4 {
    font-size: 22px;
}

.post-content img {max-width: 100%; height: auto;}

.post-tag {
    width: 50%;
    float: left;
}

.post-content .share {
    width: 50%;
    float: right;
}

.post-content .share .dropdown-menu {
    right: 5px;
}

.post-content {
    border-bottom: 1px dotted #d6d6d6;
    padding-bottom: 30px;
}

.post-authors {
    background: #f6f6f6;
    padding: 30px 0;
}

.authors-left {
    width: 15%;
    float: left;
    padding: 0px 25px;
}

.authors-right {
    width: 85%;
    float: left;
    padding: 0px 25px 0px 0px;
}

.authors-social ul li {
    display: inline-block;
}

.authors-social ul li a {
    border: 1px solid #e3e3e3;
    width: 30px;
    height: 30px;
    line-height: 32px;
    display: block;
    text-align: center;
    color: #222;
}

.post-authors h4 {
    margin-top: 0;
}

.h4-left i {
    margin-right: 15px;
    float: left;
}

.h4-right i {
    margin-left: 15px;
    float: right;
}

.vs-head-st {
    display: block;
    opacity: .6;
    font-size: 13px;
    padding-bottom: 3px;
}

.post-pagination a {
    color: #222;
    font-size: 15px;
    padding-top: 3px;
}

.post-pagination i {
    padding: 9px 14px;
    border: 2px solid #e5e5e5;
    font-size: 15px;
}

.post-pagination {
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #e5e5e5;
}

.post-link {
    padding: 30px 0px;
    width: 50%;
    float: left;
}

.older-post-link {
    border-right: 1px solid #e5e5e5;
}

/* Comment */
#comments ul {
    list-style: none;
}

.h4-up {
    font-family: 'Roboto-Bold';
}

.comment-body {
    padding: 20px 0;
    border-bottom: 1px dotted #e5e5e5;
}

.comment-author-avatar {
    float: left;
    margin-right: 25px;
    width: 80px;
    height: 80px;
}

.comment-author-avatar img {
    width: 100%;
    height: 100%;
}

.comment-text {
    overflow: hidden;
    color: #777;
}

.comment-author {
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 5px;
}

.comment-text p {
    font-size: 15px;
    padding: 5px 0;
}

.comment-list ul li {
    margin-left: 105px;
}

a.comment-reply-link {
    padding: 3px 8px 2px 8px;
    background: #eee;
    float: left;
    color: #555;
    font-size: 12px;
    border: 1px solid #e9e9e9;
}

.commnet-respond-form button {
    margin-top: 15px;
}

/*--------------------------------------------------------------
20 About
--------------------------------------------------------------*/
.about-page--banner {
    background: url(/https/ergo-global.com/img/banner-about.jpg) no-repeat center center;
    background-size: cover;
    height: 75vh;
    min-height: 25vw;
}

.about-page--banner .banner-heading {
    color: #fff;
    text-align: center;
    padding: 0px 65px;
    font-size: 4vw
}

.banner-text h2, .parallax-description h2 {
    font-size: 65px;
    color: #222;
}

.banner-text p, .parallax-description p {
    color: #666;
    font-size: 18px;
    padding-bottom: 25px;
}

.intro {background: #2c3e50;}
.intro img {margin: 0 auto 26px;}
.intro .intro-text.right {background: #fff;}
.intro .container-half > div {padding: 70px 0 0;}
.intro .intro-text.right .container-half > div {padding: 60px 0; padding-left: 55px;}

.intro-text h3 {font-size: 40px; font-family: 'Roboto-Bold'; text-transform: inherit;}
.intro-text p {font-size: 24px;}
.intro .intro-text p {font-size: 16px;}

.intro2 {background: #f1f2f2 url(/https/ergo-global.com/img/intro2-bg.jpg) no-repeat; background-size: auto 100%; background-position: center;}
.intro3 {background: #f1f2f2 url(/https/ergo-global.com/img/intro3-bg.jpg) no-repeat; background-size: cover; color: #fff;}
.intro2 .intro-text div {padding: calc(80px + 2 * ((1000vw - 420px) / 860)) 55px; padding-right: 0;}
.intro3 .intro-text div {padding: calc(80px + 2 * ((1000vw - 420px) / 860)) 55px; padding-left: 0;}

.service {margin: 80px 0;}
.service h2 {font-family: 'Roboto-Bold'; font-size: 40px; position: relative;}
.service h3 {font-size: 24px; text-transform: inherit; margin: 30px 0;}
.service h2:after {
display: block;
content: "";
height: 2px;
width: 6%;
background-color: #34495e;
position: absolute;
left: 47%;
bottom: -5px;}

.boxes-service {padding: 50px 30px;}
.boxes-service div {height: 100px;}
.boxes-service p {padding-top: 20px; font-family: 'Roboto-Bold'; font-size: 18px;}
.boxes-service span {font-size: 18px;}

.social-icon {
    position: inherit;
    left: 0;
    margin-top: 65px;
    width: 100%;
    height: 40px;
    color: #ffffff;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0.2s;
    -moz-transition: all 0.3s ease 0.2s;
    -ms-transition: all 0.3s ease 0.2s;
    -o-transition: all 0.3s ease 0.2s;
    transition: all 0.3s ease 0.1s;
}

.social-icon a {
    margin: 0 5px;
    color: #ffffff;
    font-size: 25px;
}

.about-page--callout a {
    font-family: 'Roboto-Bold';
    text-decoration: underline;
    color: #fff;
}

.about-page--callout a:hover {
    color: #222 !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-toggle {
        display: block;
    }

    .pricing-value p {
        text-align: left;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #tcb-testimonial-carousel .author img {
        float: none;
    }

    #tcb-testimonial-carousel .author {
        text-align: center;
    }

    #tcb-testimonial-carousel .carousel-indicators {
        bottom: 0%;
    }

    .home-parallax-slide .slick-dots {
        top: 18%;
    }

    .reviewrating p {
        text-align: left;
    }

    .authors-left {
        width: 20%;
    }

    .authors-right {
        width: 80%;
    }

    .post-link {
        width: 100%;
    }

    .older-post-link {
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-color: #e5e5e5;
    }

    ul.gallery > li {
        width: 50%;
    }

    .boxes-service {
        padding: 20px 10px
    }

    .collection-item, .bs-product {
        display: block;
    }

    .collection-picture {
        height: 50vh;
    }

    .table-rating {
        border: none;
    }

    .comment-list ul li {
        margin-left: 25px;
    }

}

@media screen and (min-width: 320px) and (max-width: 479px) {
    .pbt {
        padding-bottom: 15px;
    }

    .pbt-30 {
        padding-bottom: 5px;
    }

    .header-right ul li .dropdown-search animated fadeIn {
        min-width: 290px;
        right: -60px;
    }

    .heading-collection h4 {
        font-size: 20px;
    }

    .payment img {
        float: none;
    }

    .banner-text h2 {
        font-size: 40px;
    }

    .btn-banner {
        margin-top: 0px;
    }

    .btn-banner {
        padding: 5px 10px;
    }

    ul.client-item li {
        width: 100%;
    }

    /* .content.isOpen {transform: translate3d(-100%,0,0);} */
    .sm-banner img {
        width: 100%;
    }

    li.mini-cart .dropdown-menu {
        right: -69px !important;
    }

    li.header-login .dropdown-menu {
        right: -103px !important;
    }

    li.header-search .dropdown-menu {
        right: -137px !important;
    }

    h2.title-slide {
        font-size: 7vw;
    }

    .slide-2-des p.subtitle {
        padding: 0px 10px;
    }

    .slide-2-des img {
        width: 9vw
    }

    .product, .big-sidebar {
        width: 100%;
    }

    .callout p {
        font-size: 16px;
    }

    .trendy {
        padding: 84px 0;
    }

    .nav-product-tabs li {
        margin-top: 5px;
    }

    h2.title span {
        font-size: 19px;
    }

    ul.product-details-tablist li {
        display: flex;
        margin-bottom: 5px;
    }

    .cuppon-form input, .color-hover {
        margin-bottom: 10px;
    }

    .cart-update {
        float: left !important;
    }

    .couter-part {
        width: 100%;
        padding-bottom: 10px;
        padding-top: 20px;
    }

    /*new banners stile*/
    .slide-item {
        background-position: 80% 50%;
    }

    .title_holder h1 {
        font-size: calc(14px + 2 * ((1000vw - 420px) / 750));
    }

    ul.product-details-tablist li a {width: 100%;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .heading-collection h4 {
        font-size: 20px;
    }

    .payment img {
        float: none;
    }

    .banner-text h2 {
        font-size: 45px;
    }

    .pbt {
        padding-bottom: 25px;
    }

    .pbt-30 {
        padding-bottom: 15px;
    }

    ul.client-item li {
        width: 50%;
    }

    h2.title-slide {
        font-size: 6vw;
    }

    .slide-2-des p.subtitle {
        padding: 0px 25px;
    }

    .slide-2-des img {
        width: 12vw
    }

    .btn-banner {
        margin-top: 0px;
    }

    /*new banner styles*/
    .slide-item {
        background-position: 80% 50%;
    }

    /*.slide-item-1, .slide-item-2, .slide-item-3{background-position: 80% 50%;}*/
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .heading-collection h4 {
        padding-bottom: 0;
    }

    .heading-collection h4 {
        font-size: 20px;
    }

    .banner-text h2 {
        font-size: 55px;
    }

    .slick-dots {
        bottom: -5px;
    }

    .btn-color, .btn-more {
        padding: 10px 25px;
        font-size: 15px;
        margin-top: 15px;
    }

    .slide-2-des p.subtitle {
        padding: 0px 75px;
    }

    /*new banner styles*/
    .slide-item {
        background-position: 80% 50%;
    }

    /*.slide-item-1, .slide-item-2, .slide-item-3{background-position: 80% 50%;}*/
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .slide-2-des .btn-color {
        margin-top: 0;
    }

    /*new banner styles*/
    .slide-item {
        background-position: 80% 50%;
    }

    /*.slide-item-1, .slide-item-2, .slide-item-3{background-position: 80% 50%;}*/
}

.hidden {
    opacity: 0;
    display: block !important;
}

.hidden.visible {
    opacity: 1
}

/*--------------------------------------------------------------
21 ErgoStyle (new)
--------------------------------------------------------------*/

/*Category/disabled checkbox*/
.property label.disabled {
    cursor: auto;
    color: #AAA;
}

.form.subscribeForm p.success {
    color: #4F8A10;
!important;
    line-height: 23px;
}

.form.subscribeForm p.error {
    color: #D8000C;
!important;
    line-height: 23px;
}

/* LANGS */
a.language__item {
    padding: 12px 1px 1px 1px !important;
    display: block;
}

.language__item {
    cursor: pointer;
}

.language__item.selected {
    color: red;
}

/* Slider fix --Hide slider until images have loaded-- */
.home-slide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.home-slide.slick-initialized {
    visibility: visible;
    opacity: 1;
}

/* properties table */
.properties-table {
    display: table;
}

.properties-table td {
    font-size: 16px;
    line-height: inherit;
}

.properties-table .prop {font-family: 'Roboto-Medium';}

.properties-table .val {font-family: 'Roboto-Light'; padding-left: 15px;}

.properties-table .val p {
    padding: 0;
}

.properties-table .prop-header {
    font-size: 18px;
    color: #999;
    padding-top: 20px;
    position: relative;
}

.properties-table .prop-header button {
    top: 7px;
    position: absolute;
    right: 8px;
    font-size: 36px;
}

.properties-table .prop-header button:hover {
    color: #e21d35;
}


@media (max-width: 767px) {
    .dropdown-menu .dropdown-menu {
        padding-left: 20px;
    }

    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-left: 30px;
    }

    li.dropdown.open {
        border: 0px solid red;
    }

}

@media (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }

    #navbar {
        text-align: center;
    }
}

/* --MOBILE MENU-- */
.cd-dropdown-wrapper {
    display: inline-block;
    position: relative;
    margin: 20px 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cd-dropdown-trigger { padding: 12px 10px; margin: 0;
    position: relative;
    color: #ffffff;
    border-radius: 30px;
}

.cd-dropdown-trigger .icon-bar {background-color: #fff;}

/*.cd-dropdown-trigger.dropdown-is-active {font-family: 'Roboto-Bold';}*/

@media only screen and (min-width: 1024px) {
    .cd-dropdown-trigger {
        font-size: 1.5rem;
    }

    .cd-dropdown-trigger.dropdown-is-active {
        background-color: #3f8654;
    }

    .no-touch .cd-dropdown-trigger.dropdown-is-active:hover {
        background-color: #47975f;
    }

    .cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after {
        /* transform the arrow into a 'X' */
        width: 14px;
    }

    .cd-dropdown-trigger.dropdown-is-active::before {
        /* transform the arrow into a 'X' */
        -webkit-transform: translateX(5px) rotate(-45deg);
        -moz-transform: translateX(5px) rotate(-45deg);
        -ms-transform: translateX(5px) rotate(-45deg);
        -o-transform: translateX(5px) rotate(-45deg);
        transform: translateX(5px) rotate(-45deg);
    }

    .cd-dropdown-trigger.dropdown-is-active::after {
        /* transform the arrow into a 'X' */
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
    font-family: 'Roboto-Light';
    font-size: 14px;
    height: 50px;
    line-height: 50px;
}
.cd-dropdown h2 {margin: 11px 0;}
.cd-dropdown-content a:hover,
.cd-dropdown-content a:active,
.cd-dropdown-content ul a:hover,
.cd-dropdown-content ul a:active {font-family: 'Roboto-Bold'; color: #2c3e50;}

@media only screen and (min-width: 768px) {
    .cd-dropdown h2,
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        height: 60px;
        line-height: 60px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-dropdown h2,
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        height: 50px;
        line-height: 50px;
    }
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
    padding: 0 20px;
}

.cd-dropdown {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
/*    color: #ffffff;*/
    visibility: hidden;
    /* Force Hardware Acceleration */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
    -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
    transition: transform 0.5s 0s, visibility 0s 0.5s;
}

.cd-dropdown h2 {
    /* dropdown title - mobile version only */
    position: relative;
    z-index: 1;
    color: #585a70;
    background: url(/https/ergo-global.com/img/logo.png) no-repeat;
    border-bottom: 1px solid #242643;
    background-position: 20px;
    background-size: auto 39px;
}

.cd-dropdown .cd-close {
    /* 'X' close icon - mobile version only */
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
}

.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
    /* this is the 'X' icon */
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 20px;
    width: 2px;
    background-color: #ffffff;
}

.cd-dropdown .cd-close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.cd-dropdown .cd-close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.cd-dropdown.dropdown-is-active {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
    -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
    transition: transform 0.5s 0s, visibility 0s 0s;
    margin-top: 80px;
}

@media only screen and (min-width: 768px) {
    .cd-dropdown .cd-close {
        top: 5px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-dropdown {
        position: absolute;
        top: calc(100% - 2px);
        /* reset style*/
        height: auto;
        width: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        background-color: #ffffff;
        color: #111433;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
    }

    .open-to-left .cd-dropdown {
        /* use the .open-to-left class if you want to open the dropdown on the left */
        right: 0;
        left: auto;
    }

    .cd-dropdown h2, .cd-dropdown .cd-close {
        /* on desktop - hide title and 'X' */
        display: none;
    }

    .cd-dropdown.dropdown-is-active {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
        transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
    }
}

.cd-dropdown-content, .cd-dropdown-content ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-dropdown-content a, .cd-dropdown-content ul a {
    display: block;
    /* truncate text with ellipsis if too long */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-color: #cbcbcb;
    border-style: solid;
}

.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
    border-top-width: 0;
}

.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
    border-bottom-width: 1px;
}

.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #0b0e23;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 1px;
    color: #585a70;
    text-transform: uppercase;
}

.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
    border-top-width: 0;
}

.cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
    /* push the secondary dropdown items to the right */
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
    /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
    opacity: 0;
}

.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
    /* push the dropdown items to the left when secondary dropdown slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
    -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 1024px) {
    .cd-dropdown-content, .cd-dropdown-content ul {
        padding-top: 0;
        overflow: visible;
    }

    .cd-dropdown-content a, .cd-dropdown-content ul a {
        color: #111433;
        height: 50px;
        line-height: 50px;
        font-size: 1.5rem;
        border-color: #ebebeb;
    }

    .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
        background-color: transparent;
        color: #b3b3b3;
        border-top: 1px solid #ebebeb;
    }

    .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
        border-top-width: 1px;
    }

    .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
        /* reset mobile style */
        opacity: 1;
    }
}

.cd-dropdown-content .see-all a {
   font-family: 'Roboto-Bold';
}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    /* items with picture (or icon) and title */
    height: 80px;
    line-height: 80px;
}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
    /* truncate text with ellipsis if too long */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
    padding-left: 90px;
}

.cd-dropdown-content .cd-dropdown-gallery img {
    position: absolute;
    display: block;
    height: 40px;
    width: auto;
    left: 20px;
    top: 50%;
    margin-top: -20px;
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    padding-left: 75px;
    position: relative;
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
    color: #111433;
    font-size: 1.3rem;
    /* hide description on small devices */
    display: none;
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
    /* item icon */
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-1::before {
    background-image: url("../img/nucleo-icon-1.svg");
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-2::before {
    background-image: url("../img/nucleo-icon-2.svg");
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-3::before {
    background-image: url("../img/nucleo-icon-3.svg");
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-4::before {
    background-image: url("../img/nucleo-icon-4.svg");
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-5::before {
    background-image: url("../img/nucleo-icon-5.svg");
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-6::before {
    background-image: url("../img/nucleo-icon-6.svg");
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-7::before {
    background-image: url("../img/nucleo-icon-7.svg");
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-8::before {
    background-image: url("../img/nucleo-icon-8.svg");
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-9::before {
    background-image: url("../img/nucleo-icon-9.svg");
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-10::before {
    background-image: url("../img/nucleo-icon-10.svg");
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-11::before {
    background-image: url("../img/nucleo-icon-11.svg");
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-12::before {
    background-image: url("../img/nucleo-icon-12.svg");
}

@media only screen and (min-width: 1024px) {
    .cd-dropdown-content {
        /* reset mobile style */
        position: static;
        height: auto;
        width: 280px;
    }

    .cd-dropdown-content > li:last-of-type a {
        border-bottom: none;
    }

    .no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
        color: #3f8654;
    }

    .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    .cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        left: 100%;
        height: auto;
        background-color: #ffffff;
        box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
    }

    .cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after {
        clear: both;
        content: "";
        display: table;
    }

    .open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons {
        /* use the .open-to-left class if you want to open the dropdown on the left */
        left: auto;
        right: 100%;
    }

    .cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in {
        /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
        -webkit-animation: cd-fade-in 0.2s;
        -moz-animation: cd-fade-in 0.2s;
        animation: cd-fade-in 0.2s;
    }

    .cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out {
        /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
        -webkit-animation: cd-fade-out 0.2s;
        -moz-animation: cd-fade-out 0.2s;
        animation: cd-fade-out 0.2s;
    }

    .cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back {
        display: none;
    }

    .cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
        position: absolute;
        bottom: 20px;
        height: 45px;
        text-align: center;
    }

    .cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a {
        margin: 0;
        height: 100%;
        line-height: 45px;
        background: #ebebeb;
        pointer-events: auto;
        -webkit-transition: color 0.2s, background-color 0.2s;
        -moz-transition: color 0.2s, background-color 0.2s;
        transition: color 0.2s, background-color 0.2s;
    }

    .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {
        color: #ffffff;
        background-color: #111433;
    }

    .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a {
        border: none;
    }

    .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
        padding: 20px 30px 100px;
    }

    .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
        width: calc(100% - 60px);
    }

    .cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li {
        width: 50%;
        float: left;
    }

    .cd-dropdown-content .cd-secondary-dropdown {
        overflow: hidden;
        width: 550px;
        padding-bottom: 65px;
    }

    .cd-dropdown-content .cd-secondary-dropdown::before {
        /* this is the separation line in the middle of the .cd-secondary-dropdown element */
        position: absolute;
        content: '';
        top: 290px;
        left: 15px;
        height: 1px;
        width: 520px;
        background-color: #ebebeb;
    }

    .cd-dropdown-content .cd-secondary-dropdown > li > a {
        color: #3f8654;
        font-size: 1.6rem;
        margin-bottom: 10px;
        line-height: 30px;
        height: 30px;
        pointer-events: none;
    }

    .cd-dropdown-content .cd-secondary-dropdown > li > a::after, .cd-dropdown-content .cd-secondary-dropdown > li > a::before {
        /* hide the arrow */
        display: none;
    }

    .cd-dropdown-content .cd-secondary-dropdown.move-out > li > a {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-dropdown-content .cd-secondary-dropdown > li {
        margin: 20px 0;
        border-right-width: 1px;
        border-color: #ebebeb;
        border-style: solid;
        padding: 0 30px;
        height: 250px;
    }

    .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {
        border-right-width: 0;
    }

    .cd-dropdown-content .cd-secondary-dropdown > li > ul {
        /* reset mobile style */
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        position: relative;
        height: auto;
    }

    .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
        display: none;
    }

    .cd-dropdown-content .cd-secondary-dropdown a {
        line-height: 25px;
        height: 25px;
        font-size: 1.3rem;
        padding-left: 0;
    }

    .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
        color: #3f8654;
    }

    .cd-dropdown-content .cd-secondary-dropdown ul {
        padding-bottom: 25px;
        overflow: hidden;
        height: auto;
    }

    .cd-dropdown-content .cd-secondary-dropdown .go-back a {
        padding-left: 20px;
        color: transparent;
    }

    .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
        color: transparent;
    }

    .cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
        left: 0;
    }

    .cd-dropdown-content .cd-secondary-dropdown .see-all {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .cd-dropdown-content .cd-dropdown-gallery {
        width: 600px;
        padding-bottom: 100px;
    }

    .cd-dropdown-content .cd-dropdown-gallery > li {
        width: 48%;
        float: left;
        margin-right: 4%;
    }

    .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
        margin-right: 0;
    }

    .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
        padding: 0;
        height: auto;
        line-height: normal;
        color: #3f8654;
        margin-bottom: 2em;
    }

    .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,
    .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {
        margin-bottom: 0;
    }

    .cd-dropdown-content .cd-dropdown-gallery img {
        position: static;
        height: auto;
        width: 100%;
        margin: 0 0 0.6em;
    }

    .cd-dropdown-content .cd-dropdown-icons {
        width: 600px;
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
        height: 80px;
        line-height: 1.2;
        padding: 24px 0 0 85px;
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
        background: #ebebeb;
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
        color: #3f8654;
        font-weight: bold;
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
        display: block;
        font-size: 1.2rem;
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
        left: 25px;
    }

    .cd-dropdown-content > .has-children > ul {
        visibility: hidden;
    }

    .cd-dropdown-content > .has-children > ul.is-active {
        /* when hover over .cd-dropdown-content items - show subnavigation */
        visibility: visible;
    }

    .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {
        /* if .cd-secondary-dropdown is visible - show also subnavigation */
        visibility: visible;
    }

    .cd-dropdown-content > .has-children > a.is-active {
        /* hover effect for .cd-dropdown-content items with subnavigation */
        /*box-shadow: inset 2px 0 0 #3f8654;*/
        font-family: 'Roboto-Bold';
    }

    .cd-dropdown-content > .has-children > a.is-active::before, .cd-dropdown-content > .has-children > a.is-active::after {
        font-family: 'Roboto-Bold';
    }

    .open-to-left .cd-dropdown-content > .has-children > a.is-active {
        /*box-shadow: inset -2px 0 0 #3f8654;*/
    }
}

@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-moz-keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-webkit-keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: visible;
    }
}

@-moz-keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: visible;
    }
}

@keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: visible;
    }
}

/* vertical animation */

@-webkit-keyframes animate-it {
  0%,
  60%,
  80%,
  100% {
    -webkit-transform: translateX(0);
  }
  0%,
  60%,
  80%,
  100% {
    transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-5px);
  }
  20% {
    transform: translateX(-5px);
  }
  40% {
    -webkit-transform: translateX(20px);
  }
  40% {
    transform: translateX(20px);
  }
}

@keyframes animate-it {
  0%,
  60%,
  80%,
  100% {
    -webkit-transform: translateX(0);
  }
  0%,
  60%,
  80%,
  100% {
    transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-5px);
  }
  20% {
    transform: translateX(-5px);
  }
  40% {
    -webkit-transform: translateX(20px);
  }
  40% {
    transform: translateX(20px);
  }
}


.cd-search input[type="search"] {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #242643;
    color: #ffffff;
    border: none;
    border-radius: 0;
}

.cd-search input[type="search"]::-webkit-input-placeholder {
    color: #ffffff;
}

.cd-search input[type="search"]::-moz-placeholder {
    color: #ffffff;
}

.cd-search input[type="search"]:-moz-placeholder {
    color: #ffffff;
}

.cd-search input[type="search"]:-ms-input-placeholder {
    color: #ffffff;
}

.cd-search input[type="search"]:focus {
    background: #ffffff; box-shadow: 0px 5px 10px #c5c5c5;
    color: #111433;
    outline: none;
}

.cd-search input[type="search"]:focus::-webkit-input-placeholder,
.cd-search input[type="search"]:focus::-moz-placeholder,
.cd-search input[type="search"]:focus:-ms-input-placeholder {
    color: rgba(17, 20, 51, 0.4);
}

@media only screen and (min-width: 1024px) {
    .cd-search input[type="search"] {
        background-color: #ebebeb;
    }

    .cd-search input[type="search"]::-webkit-input-placeholder,
    .cd-search input[type="search"]::-moz-placeholder,
    .cd-search input[type="search"]:-moz-placeholder,
    .cd-search input[type="search"]:-ms-input-placeholder {
        color: #b3b3b3;
    }
}

.has-children > a, .go-back a {
    position: relative;
}

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    /* arrow icon in CSS - for element with nested unordered lists */
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #2c3e50;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.has-children > a::before, .go-back a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.has-children > a::after, .go-back a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media only screen and (min-width: 1024px) {
    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        background: #b3b3b3;
    }
}

.has-children > a {
    padding-right: 40px;
}

.has-children > a::before, .has-children > a::after {
    /* arrow goes on the right side - children navigation */
    right: 20px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    transform-origin: 9px 50%;
}

@media only screen and (min-width: 1024px) {
    .open-to-left .cd-dropdown-content > .has-children > a {
        padding-left: 40px;
        padding-right: 20px;
    }

    .open-to-left .cd-dropdown-content > .has-children > a::before, .open-to-left .cd-dropdown-content > .has-children > a::after {
        right: auto;
        left: 20px;
        -webkit-transform-origin: 1px 50%;
        -moz-transform-origin: 1px 50%;
        -ms-transform-origin: 1px 50%;
        -o-transform-origin: 1px 50%;
        transform-origin: 1px 50%;
    }
}

.cd-dropdown-content .go-back a {
    padding-left: 40px;
}

.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
    /* arrow goes on the left side - go back button */
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
}

.cd-main-content {
    background-color: #e6e6e6;
    min-height: calc(100vh - 100px);
    padding: 2em 5%;
    line-height: 2;
}

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.no-js .cd-dropdown-wrapper .cd-close {
    display: none;
}

/* DESCRIPTION STYLE */

#description .bootstrap-style ul {font-family: 'Roboto-Light'; font-size: 16px; padding-left: 30px; margin-bottom: 10px;}
#description .bootstrap-style ul li {list-style-type: circle;}
#description .bootstrap-style p {font-family: 'Roboto-Light'; font-size: 16px; margin-bottom: 15px;}
#description .bootstrap-style .jm-ul-p {margin-left: 30px; font-weight:bold; text-transform:uppercase;}
#description .bootstrap-style h2 {margin-bottom: 20px;}
#description .bootstrap-style h3 {text-transform: uppercase; font-weight: normal; line-height: 1em; font-size: 1.7em; margin: 1.5em 0 1em 0;}
#description .bootstrap-style h4.sub {margin-top: -30px; margin-bottom: 1em; display: block;}
#description .bootstrap-style .pt2 {padding-top: 2em;} 
#description .bootstrap-style figcaption {font-size: 0.8em;}
#description .bootstrap-style .grey {color: #808080;}
#description .bootstrap-style table td {padding: 2px 5px;}

@media (max-width: 800px) {
    #description .img-xs{
                width: 80%;
     }
 }

.bootstrap-style .section {position: relative; width: 100%; min-height: 466px; background: #04161c; background-size: cover; background-repeat: no-repeat; display: flex; flex-direction: column; justify-content: center; padding: 40px 50px;}
.bootstrap-style .section.bg_right {background-position: right;}
.bootstrap-style .section.bg_center {background-position: center;}
.bootstrap-style .section.js-start {justify-content: start;}
.bootstrap-style .section.js-end {justify-content: end;}
.bootstrap-style .section.fliud {min-height: auto;}
.bootstrap-style .section.dark {color: #ffffff;}
.bootstrap-style .section .bottom {position: absolute; bottom: 25px;}
.bootstrap-style .section .right {right: 35px;}
.bootstrap-style .section img[width='450'] {min-width: 450px;}
.bootstrap-style .section img[width='250'] {min-width: 250px;}
.bootstrap-style .section img.right {float: right;}
.bootstrap-style .section .title {font-size: 50px; line-height: 55px; text-transform: uppercase; margin-bottom: 25px;}
.bootstrap-style .section .title:before {height: 0;}
.bootstrap-style .section .subtitle {font-size: 20px; text-transform: uppercase;}
.bootstrap-style .section .title + .subtitle {margin-top: -20px;}
.bootstrap-style .section .text {font-size: 15px; position: relative;}
.bootstrap-style .section .text.wline {padding-left: 40px; }
.bootstrap-style .section .text.wline:before {content: ""; background: #3ba9a6; position: absolute; height: calc(100% - 9px); width: 3px; display: block; left: 0; top: 5px;}
.bootstrap-style .section .bottom {position: absolute; bottom: 25px;}
.bootstrap-style .section .right {right: 35px;}
.bootstrap-style .section img[width='450'] {min-width: 450px;}
.bootstrap-style .section img[width='250'] {min-width: 250px;}


@media (max-width: 1200px) {
	.bootstrap-style .section {min-height: 450px;}
	.bootstrap-style .section .title {font-size: 40px; line-height: 45px; }
}
@media (max-width: 992px) {
	.bootstrap-style .section {min-height: 450px;}
}
@media (max-width: 767px) {
	.bootstrap-style .section {min-height: 350px; padding: 30px 50px;}
	.bootstrap-style .section .title {font-size: 35px; line-height: 40px;}
	.bootstrap-style .section[class*='visible-'] {display: flex !important;}
  .bootstrap-style .section img[width="450"] {min-width: 300px; max-width: 300px;}
  .bootstrap-style .section img[width="250"] {min-width: 180px; max-width: 180px;}
}
@media (max-width: 468px) {
	.bootstrap-style .section {min-height: 260px; padding: 20px 30px;}
	.bootstrap-style .section .title {font-size: 25px; line-height: 35px;}
	.bootstrap-style .section .subtitle {font-size: 18px; line-height: 20px;}
  .bootstrap-style .section img[width="450"] {min-width: 200px; max-width: 200px;}
  .bootstrap-style .section img[width="250"] {min-width: 100px; max-width: 100px;}
  .bootstrap-style .section.acc {min-height: 165px; padding: 10px 10px;}
  .bootstrap-style .section.acc .right {right: -5px;}
  .bootstrap-style .section.acc .bottom {bottom: 10px;}
  .bootstrap-style .section.acc .title {font-size: 18px; line-height: 22px;}
  .bootstrap-style .section.acc .subtitle {font-size: 12px; line-height: 11px;}
  .bootstrap-style .section.acc .text {font-size: 11px;}
  .bootstrap-style .section.acc img[width="250"] {min-width: 90px; max-width: 90px;}
  .bootstrap-style .section.acc img[width="450"] {min-width: 150px; max-width: 150px;}
}

/**
   360 Overview + FullScreen
 */
.overviewSlider {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.overviewSlider .overviewSliderImages {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.overviewSlider .overviewSliderImages img {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    /*width: auto;*/
    /*height: 100%;*/
}

.overviewSlider .overviewSliderImages img.previous-image {
    visibility: hidden;
}

.overviewSlider .overviewSliderImages img.current-image {
    visibility: visible;
}

.overviewSlider .spinner {
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 30px;
    background: #333;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.overviewSlider .spinner span {
    font-family: Arial, "MS Trebuchet", sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    display: block;
}

.overviewSlider .nav_bar {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11;
}

.overviewSlider .nav_bar span {
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    background: url(/https/ergo-global.com/images/overview_sprites.png) no-repeat;
    text-indent: -99999px;
    cursor: pointer;
}

.overviewSlider .nav_bar span.nav_bar_play {
    background-position: 0 0 !important;
}

.overviewSlider .nav_bar span.nav_bar_previous {
    background-position: 0 -73px !important;
}

.overviewSlider .nav_bar span.nav_bar_stop {
    background-position: 0 -37px !important;
}

.overviewSlider .nav_bar span.nav_bar_next {
    background-position: 0 -104px !important;
}

#overview:-webkit-full-screen {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin-top: 0;
}

#overview:-webkit-full-screen img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#overview:-moz-full-screen {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin-top: 0;
}

#overview:-moz-full-screen img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

@media (max-width: 1199px) {
     .home-slide .slide-item {height: 45vw;}
     h2.title-slide {font-size: 55px;}
     p.subtitle {font-size: 20px; line-height: 27px;}
    .header-right > ul > li.right_dropdown_toogle > a, a.search-icon {margin: 20px 5px;}
    .header-right > ul > li.right_dropdown_toogle:nth-child(1) > a {background-image: url(/https/ergo-global.com/img/geo.png); background-repeat: no-repeat; background-position: 10px 4px;  width: 55px; height: 36px;}
    .header-right > ul > li.right_dropdown_toogle:nth-child(1) > a span {display: none;}
   .container-half {width: 100%;}
   .content .about p {font-size: 18px;}
   .hits-item {padding-top: 280px;}
}

/*
    our achievements
    dots style
*/

.ourAchievementsDots {
    position: absolute;
    bottom: -20px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.ourAchievementsDots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.ourAchievementsDots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.ourAchievementsDots li button:hover,
.ourAchievementsDots li button:focus {
    outline: none;
}

.ourAchievementsDots li button:hover:before,
.ourAchievementsDots li button:focus:before {
    opacity: 1;
}

.ourAchievementsDots li button:before {
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display:block;
    height:10px;
    width:10px;
    background-size: 10px 10px;
    background-image: url('/https/ergo-global.com/images/circle_open.svg');
    background-repeat: no-repeat;
}

.ourAchievementsDots li.slick-active button:before {
    opacity: .75;
    color: black;
}
.panel-group .panel {border-radius: 0px; box-shadow: none; border: none; border-top: 1px solid transparent;}

.panel-default > .panel-heading {color: #fff; background-color: #333; border-radius: 0px; padding: 20px 15px; text-align: left;} 

.panel-group .panel + .panel {margin-top: 0px;}
.panel-title {font-size: 18px;}
.panel-title  a {display: block;}

.panel-title > a:before {float: right !important; content:"_"; font-family: FontAwesome; padding-right: 5px; font-size: 45px; margin-top: -39px;}
.panel-title > a.collapsed:before {content:"+"; margin-top: -15px;}

.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus  {
    text-decoration:none;
}

.panel-body {padding: 0}
.panel-body ul li {list-style: none; padding: 15px; text-align: left; background: #86878a; font-size: 16px; border-bottom: 1px solid #333;}
.panel-body ul li:last-child {border-bottom: none;}
.panel-body ul li a {color: #fff; display: block;}

#ProductPhoto {
    height: auto;
/*    width: auto;*/
    vertical-align: middle;
    display: inline-block;
/*    max-width: 340px;*/
    max-height: 340px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

#ProductPhoto > div {
    display: flexbox;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
}
#ProductPhoto div { text-align: center; }
#ProductPhoto img { margin: auto; }
#ProductPhoto .slick-prev {left: 10px; z-index: 100;}
#ProductPhoto .slick-prev:before {content: '\2039'; color: #a2a4a7; font-size: 50px; font-family: inherit; opacity: 1; line-height: 0;}
#ProductPhoto .slick-next {right: 10px; z-index: 100;}
#ProductPhoto .slick-next:before {content: '\203a'; color: #a2a4a7; font-size: 50px; font-family: inherit; opacity: 1; line-height: 0;}

#productthumbnail {max-height: 360px;}

.productSlider{display: flex; align-items:center}

@media screen and (max-width: 767px) {
    .productSlider {
        display: block;
        align-items: center
    }

    #ProductPhoto {
        max-width: none;
        max-height: none;
        overflow: hidden;
        position: relative;
        text-align: center;
    }
}

#ProductPhoto, #productthumbnail, #productthumbs{
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

#ProductPhoto.slick-initialized,
#productthumbnail.slick-initialized,
#productthumbs.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.slick-track,
.slick-list {
    -webkit-perspective: 2000;
    -webkit-backface-visibility: hidden;
}

.goodColorBlock {display: inline-flex; margin: 5px 0 25px 0;}
.goodColorBlock:empty {display: none;}

.goodColor {
    position: relative;
    font-size: 12px;
    margin-right: 10px;
    cursor: pointer;
    background: #fff;
}

.goodColor i {
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #bcbcbc;
}

.goodColor.active {border: 1px solid #bcbcbc; border-radius: 45px; margin-top: -4px; padding: 7px 0;}
.goodColor.active i {position: absolute; left: 2px; top: 3px;}
.goodColor.active span {padding: 0 10px 0 30px;}

/* Image download product card style*/
.hovereffect {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default;
}

.hovereffect .overlay {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    opacity:0;
    background-color:rgba(0,0,0,0.5);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}

.hovereffect img {
    display:block;
    position:relative;
    -webkit-transition:all .4s linear;
    transition:all .4s linear;
}

.hovereffect a.downloadImg {
    text-decoration:none;
    display:inline-block;
    color:#fff;
    border:1px solid #fff;
    background-color:transparent;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    margin: 50% 0 0;
}

.hovereffect a.downloadImg:hover {
    box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
    -ms-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
}

.hovereffect:hover .overlay {
    opacity:1;
    filter:alpha(opacity=100);
}

.hovereffect:hover a.downloadImg {
    opacity:1;
    filter:alpha(opacity=100);
    -ms-transform:translatey(0);
    -webkit-transform:translatey(0);
    transform:translatey(0);
}

.hovereffect:hover a.downloadImg {
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
}

.propertiesShowHide[aria-expanded=false] .fa-angle-up {
    display: none;
}
.propertiesShowHide[aria-expanded=true] .fa-angle-down {
    display: none;
}

/* pictographs */
.pictographs div {
    display: inline-block;
    width: 60px;
    height: 60px;
}

/* sellers */

#sellers > div {display: flex;}
#sellers > div > div {display: flex; align-items: center; justify-content: center; text-align: center; height: 100px;}
#sellers > div > div:last-child {justify-content: right;}
#sellers > div > div img {max-height: 100px; width: 100%;}

.iframe-container {position: relative; padding: 56% 15px 0 15px;}
.iframe-container.action {padding-top: 84%;}
.iframe-container.action iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 84%;
    border: 0;
    padding: 0 15px;
}

.resetFilter a.btn-simple {margin: 0 2px 6px 0; font-size: 12px;}

.resetFilter a.btn-simple:hover {margin: 0 2px 6px 0; background: #fff; color: #2c3e50 !important;}
.resetFilter a.btn-simple:hover i {color: #e21d35;}


@media (max-width: 991px) {

    article.post {margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #eee;}

    .top-nav-wrapper {width: 100% !important;}
    .container-half.col-md-12 {width: 50%;}
    .container-half.pull-right {float: left !important;}
    .container-half.pull-left {float: right !important;}
    h2.title-slide {font-size: 45px;}
    p.subtitle {padding-bottom: 0; font-size: 18px; line-height: 24px;}
    h4.title-property {font-size: 35px;}
   .feature-item-content p {font-size: 18px; margin: 10px 0 45px;}
   .feature-categories .type1 .feature-item-content {padding-left: 50px; height: calc(345px + 2 * ((100vw - 420px) / 860));}
   .feature-categories .type2 .feature-item {background-position-y: 50px !important;}
   .feature-categories .type2 .feature-item-content {height: calc(345px + 2 * ((100vw - 420px) / 860));}
   .content .about {padding: 30px 0 10px;}
   .content .about h4 {font-size: 30px;}
   .widget-wrap:nth-child(1) > div {display: block; width: 100%;}
   .video-youtube {padding-bottom: 56.25%;}

.support-services {padding-top: 80px; padding-bottom: 30px;}
.support-services-items {display: inherit;}
.support-services-items .item {margin-bottom: 25px;}
.support-services-items .item:nth-child(2n) {border-right: 0;}
.support-services-items .item:nth-child(2n+1) {border-right: 2px solid #acacac;}

}

@media (max-width: 767px) {
.home-slide .slide-item {height: 85vh;}
/* Scrolldown */
.home-scrolldown {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    float: right;
}
.scroll-icon {
    display: inline-block;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: .3rem;
    color: #FFFFFF !important;
    background: transparent;
    position: relative;
    top: 35px;
    right: 50px;
    -webkit-animation: animate-it 3s ease infinite;
    animation: animate-it 3s ease infinite;
}
.scroll-icon i {position: relative;}
img.logoImg {margin-top: 5px;}
.header-right > ul > li.right_dropdown_toogle > a, a.search-icon {margin: 10px 5px;}
.cd-dropdown-wrapper {margin: 10px 5px;}
.cd-dropdown.dropdown-is-active {margin-top: 60px;}
.page-breadcrumb, .title_outer {margin-top: 60px;}
.btn-color {padding: 10px 15px;}
.title-support-page.warranty .title_holder h1, .title-support-page.adresses .title_holder h1 {padding-left: 0}
 h2.title-slide {/*margin-bottom: 6vw; */ font-size: 38px;}
 h4.title-property {font-size: 30px; margin-bottom: 35px;}
/* .type1 .feature-item {height: 100vh;} */
.feature-categories .type1 .feature-item {height: 50vh;}
.feature-categories .type2 .feature-item {height: 50vh; background-position-x: center !important; background-position-y: 0px !important;}
.content .video, .content .hits {margin: 50px 0;}
.content .video .slick-list {margin: 0 15px;}
.content .hits h3 {margin-bottom: 0px;}
.hits-item {padding-top: 220px; margin-top: 20px;}
.widget {margin-bottom: 0px;}
.feature-categories .type1 .feature-item-content,
.feature-categories .type2 .feature-item-content {width: 100%; height: inherit;
justify-content: flex-end;
flex-direction: column;
padding: 0;}
.content .hits h3 {font-size: 35px;}
.content .hits .slick-list {max-width: 300px; margin: 0 auto;}
footer {text-align: center;}
.footer-widget-area > div > div {display: inherit;}
.widget-wrap {display: inherit;}

.about-page--banner {background-image: url(/https/ergo-global.com/img/banner-about_mob.png);}
.intro .intro-text.right .container-half > div,
.intro2 .intro-text div,
.intro3 .intro-text div
{padding-left: 0px;}

table.table tr > td, .table tr > th {padding-left: 10px;}

.intro2 {background: #69c6eb;}
.intro3 {background: #2c3e50;}

.iframe-container.action {padding-top: 200vh;}
.iframe-container.action iframe {height: 200vh;}

.support-services {padding-top: 0px; padding-bottom: 0px; background: none;}
.support-services-items .item {border-right: 0;}
.support-services-items .item > div {padding: 20px; background-color: #f5f5f5; background-position-y: 20px;border-radius: 30px;}

#service-center-items .item {padding-right: 15px; flex: 0 0 50%;}

.support ul.product-details-tablist {display: inherit;}
.support ul.product-details-tablist li a, .support ul.product-details-tablist li a.adresses, .support ul.product-details-tablist li a.video-list, .support ul.product-details-tablist li a.faq,
.support ul.product-details-tablist li a:hover, .support ul.product-details-tablist li a.adresses:hover, .support ul.product-details-tablist li a.video-list:hover, .support ul.product-details-tablist li a.faq:hover {padding-top: 0px; background-image: none;}

}