@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework 
*/


/**** CUSTOM AM ENDE DER DATEI ****/

/* 1. Clean Base
------------------------------------------------------------------------------
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
html, body{height: 100%; border:none; -webkit-appearance:none;-ms-appearance:none; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
*/
/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#home {
    padding-top: 25px!important;
}	
	
body {
    background-image: url(/media/1612101/body-light.jpg);
    background-repeat: repeat-x;
}

/* 2. Base Typography
------------------------------------------------------------------------------*/
header {
    /*color: #2c2c2c;*/
	color:#5e7479;
    /*font: 400 16px/24px 'Raleway', sans-serif;*/
}

.evo-body a {
    color: #fff;
}

.evo-close{
	margin-top: -6px;
	font-weight: bold!important;
}

.ecomadminlink{font-size:.7em;text-decoration:none;margin:3px;color:forestgreen ;}

/* Style The Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 6px;
  font-size: 10px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  right: 0;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 6px 6px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #4caf50!important}

/* Show the dropdown menu on hover 
.dropdown:hover .dropdown-content {
  display: block;
}
*/

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

header h1, header h2, header h3, header h4, header h5, header h6, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
    /*font-family: 'Raleway', sans-serif;*/
    font-weight: 700;
    /*text-transform: uppercase;*/
    /*color: #404041;*/
	color: #5e7479;
}

header h1, #footer h1 {
    font-size: 47px;
    line-height: 54px;
}

header h2, #footer h2 {
    margin-bottom: 15px;
    font-size: 37px;
    line-height: 42px;
}

header h3, #footer h3 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 30px;
}

header h4, #footer h4 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 28px;
}

header h5, #footer h5 {
    margin-bottom: 20px;
    font-size: 27px;
    line-height: 30px;
}

header h6, #footer h6 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
}

header blockquote, #footer blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17px;
    border-left: 5px solid #eee;
}

header p, #footer p {
    margin-bottom: 20px;   
}

header p strong, #footer p strong {
    display: block;
    font-weight: 700;
}

header p a, #footer p a{
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

header p span, #footer p span {
    color: inherit;
    font-weight: 700;
}

header ul, #footer ul {
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    
}

header ul li, #footer ul li {
    padding: 0;
    margin: 0;
    font-size: 15px;
	/*font-size: 17px;*/
    line-height: 24px;
    color: #2c2c2c;
    font-weight: 400;
    list-style: none;
}

header ol, #footer ol {
    /* Box-model */
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    margin-left: 18px;
}

header ol li, #footer ol li {
    /* Box-model */
    padding: 0;
    margin: 0;
    
    /* Typography */
    font-size: 16px;
    line-height: 24px;
    color: #2c2c2c;
    font-weight: 400;
}

header hr, #footer hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

/* 3. Images
------------------------------------------------------------------------------*/
nav img, .cart-item img {
    display: block;
    max-width: 100%;
    vertical-align: middle;
    border: none;
    border-style: none;
}

header .floatleft {
    float: left;
    margin: 0 20px 20px 0;
}

header .floatright {
    float: right;
    margin: 0 0 20px 20px;
}

header .aligncenter,
header .floatnone {
    float: none;
    margin: 0 auto 20px;
}


/* 4. Link
------------------------------------------------------------------------------*/
header a:not(.sublink):not(.ecomadminlink) {
    /*color: #ea7617;*/
    text-decoration: none;
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;	
}

header a:hover,
header a:focus {
    color: #7b7b7b;
    outline: none;
	font-weight:normal;
}

/* 5. Forms
------------------------------------------------------------------------------*/
header input,
header button,
header select,
header textarea {
    /*font-family: 'Raleway', sans-serif;*/
    font-weight: 300;
    font-size: inherit;
    line-height: inherit;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;    
    -webkit-text-size-adjust: none;
    outline: none
}

header input[type='email'],
header input[type='text'],
header input[type='search'],
header input[type='tel'],
header input[type='password'],
header textarea {
    padding: 0 10px 0 22px;
    display: block;
    width: 100%;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
    color: #aeaeae;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

header textarea {
    padding: 15px 22px;
    height: 122px;
    line-height: 24px;
    overflow: auto;
    resize: none;
}

header button:not(.dropbtn),
header input[type="button"]:not(.dropbtn),
header input[type="reset"],
header input[type="submit"] {
    display: inline-block;
    padding: 0 18px;
    height: 42px;
    text-align: center;
    /*font-family: 'Raleway', sans-serif;*/
    font-weight: 700;
    line-height: 39px;
    text-transform: uppercase;
    color: #ea7617;
    line-height: 42px;
    border: 1px solid #ea7617;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

header button:hover,
header input[type="button"]:hover,
header input[type="reset"]:hover,
header input[type="submit"]:hover {
    color: #fff;
    background-color: #ea7617;
}

header input[type="search"]::-webkit-search-cancel-button,
header input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-input-placeholder { color: #aeaeae; }
::-moz-placeholder { color: #aeaeae; }
:-ms-input-placeholder { color: #aeaeae; }
:-moz-placeholder { color: #aeaeae; }

@-moz-document url-prefix() { 
    ::-webkit-input-placeholder { opacity: 1;}
    ::-moz-placeholder { opacity: 1;}
    :-ms-input-placeholder { opacity: 1;}
    :-moz-placeholder { opacity: 1;}  
}


/* 6. Tables
------------------------------------------------------------------------------*/
header table {
    border-spacing: 0;
    border-collapse: collapse;
}

header td {
    text-align: left;
    font-weight: normal;
}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/*color */
header .orange{color: #f08219;}
header .fontwhite{color: #fff;}
header .orange-bg{background-color:  #f08219!important;}
header .light-orange-bg{background-color: #f6ac71!important;}
header .light-orange{color: #f6ac71;}
header .blue{color:  #174682;}
header .green{color: #5e7479;}
header .link-green{color: #4fb948;}
header .green-bg{background-color: #5e7479!important;}
header .light-green{color: #5e7479;}
header .light-green-bg{ background-color: #dbe1e2!important;}
header .blue-bg{background-color: #174682!important;}
header .white-bg{background-color: #fff;color:#8ea0a3!important;}
header .light-blue-bg {background-color: #5b69a9!important;}
header .light-blue{color: #5b69a9;}
header .purple{ color: #9599c7;}
header .purple-bg{ background-color: #9599c7!important;}
/* commomn css */
.text-center { text-align: center; }
/*.text-right { text-align: right; }*/
.text-left { text-align: left; }
.text-justify { text-align: justify; }
.left { float: left;}
.right { float: right; }
.ucSampleSubmissionOptions .right{float:none}
header .flex, #footer .flex{
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;    
}
header .flex-wrap, #footer .flex-wrap{
    flex-wrap: wrap;
}
header .flex-end, #footer .flex-end{
    justify-content: flex-end;
}
header .space-between, #footer .space-between{
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;

}
header .width-40, #footer .width-40{
    width: 40% !important;
}
header .width-50{
    width: 50%;
}
header .align-center{
    align-items: center;
}
header .align-bottom{
    align-items: baseline;
}

header .pt-50{
    padding-top: 50px;
}
header .pb-50{
    padding-bottom: 50px;
}
header .pt-20{
    padding-top: 20px;
}
header .mt-20{
    margin-top: 20px;
}
header .pt-70{
    padding-top: 70px;
}
header .mb-70{
    margin-bottom: 70px;
}
header .font-16{
    font-size: 16px;
}
#wrapper {
    width: 100%;
    min-height: 100%;
}

header .container, #footer .container {
    margin: 0 auto;
    max-width: 842px;
    width: 100%;
    /*padding: 0 15px;*/
}
header .top-header {
    height: 100px;
    align-items: center;
}
header .cart a:not(.ecomadminlink) {
    background-color: #5e7479;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    line-height: 20px;
    display: inline-block;
    font-size: 14px;
    -webkit-transition: all .4s ease; 
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid;
}
header .cart a:hover {
    background-color: #f48027;
    color: #ffffff;
}


nav {
    background-color: #dbe1e2;
    height: 60px;
}

nav ul li:not(:last-child):after{
    content: "";
    width: 1px;
    /*height: 97px;*/
    display: block;
    position: absolute;
    right: 0px;
    top: -18px;
    background: #fff;
    bottom: 0px;
}
header .left-tab ul li:after, header .popular-search li:after{
    content: "";
    display: none;
}

header nav ul li {
    position: relative;
    height: 100%; 
  /*  cursor: pointer;    */
}
header .cart img {
    width: 38px;
    float: left;
}
header ul.navmenu {
    background-color: #8ea0a3;
    height: 60px;
    margin: 0px;
}
header ul.navmenu li a {   
    color: #fff;
    margin: 0px 32px;
    display: flex;
    align-items: center;
    height: 100%;
	z-index: 999;
}
header #vertical_tab_nav {
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    /* height: 100%; */
    display: flex;
    /* width: 100%; */
    justify-content: space-between;
}
header #vertical_tab_nav > ul {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 200px;
    border-radius: 15px 0 0 15px;
    background-color: #5e7479;
}
header .information{
    color: #fff;
    padding: 10px 20px;
    display: block !important;
}
header .information span, .information a {
    color: #fff;
    font-size: 13px;
    text-align: left;
    display: block;
    font-weight: normal;
    margin: 0px;
    font-size: 13px;
    line-height: 13px;
    background-color: #8ea0a3;
    padding: 3px;
    padding-left: 5px;
}
header #vertical_tab_nav li{
    margin-bottom: 1px;
    text-align: left;
    padding: 0px;
    font-size: 13px;
    color: #5e7479;
}
header .show-more {
    background-color: #dbe1e2;
    padding: 10px 20px;
    display: inline-block;
    font-size: 13px;
    color: #5e7479;
    font-weight: 600;
}
header .show-more:hover {
    /*background-image: linear-gradient(90deg, #8da0a3 0%, #5e7479 49%, #5ab9cf 80%, #0b3384ba 100%);
	background-image: linear-gradient(90deg, #7a81b5 0%, #23478b 100%);
    animation: slidebg 5s linear infinite;
    color: #fff;
	*/
	box-shadow: 0 0 9px 0px rgb(142 160 163);
    font-weight: bold;
	
}

@keyframes slidebg {
  to {
    background-position:20vw;
  }
}
header .login-btn {
    display: inline-block;
    margin-left: 0px !important;
}

header .services-btn:hover, header .services-btn:focus {
    /*animation: pulse 1s;
    box-shadow: 0 0 0 1em rgb(94 116 121 / 25%);
    -webkit-animation: pulse 1s;
	*/
	box-shadow: 0 0 9px 0px rgb(142 160 163);
    color: #fff;
}

@keyframes pulse {
  0% { box-shadow: 2px 1px 17px rgb(142 160 163); }
}

header #vertical_tab_nav li:last-child{
    margin-bottom: 0px;
    border-bottom: 0px;
}
header #vertical_tab_nav li a:not(.sublink) {
    display: block;
   
    color: #fff;
    text-decoration: none;
    padding: 4%;
    background-color: #5e7479;
     padding: 10px 20px;
     font-size: 14px;
    line-height: 18px;
}
header #vertical_tab_nav li a.selected:not(.sublink){ 
    background: #efefef;
    color: #000;
    padding: 10px 20px;
}
header .left-tab {
    color: #fff;  
    width: 200px;
    background: #5e7479;  
    
}
header .vertical_tab_contant {
    width: 100%;
    /* padding: 30px 30px 30px 0px; */
    text-align: left;
}
header .tab-wraper {
    padding: 25px 25px 50px 25px;
    z-index: 2;
    position: relative;
}
header .tab-body h3 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
   
}
header .tab-body {
    text-align: left;
    width: 30%;
    position: relative;
    padding-bottom: 75px;
    font-size: 14px;
}
header .tab-body .show-more {   
    position: absolute;   
    bottom: 0px;
}
/*.tab-body ul {
    min-height: 150px;
}*/
header #vertical_tab_nav div .left-tab {
    float: left;
    width: 200px;
    border-radius: 0 10px 10px 0;
    background: #5e7479;
}
header #vertical_tab_nav ul.left{
    margin: 0px 0px 35px 0px !important;
}



header #vertical_tab_nav .tab_contant{
   display: none;
   margin: 0px;
   color:  #5e7479;
   font-size:18px;
}
header #vertical_tab_nav div article p{
   margin: 0px 0px 20px 0px;
}
header ul.tabbing{
    margin: 0px;
    padding: 0px;
    list-style: none;    
}
header .tab-content-body {
    background: #fff !important;
    -webkit-box-shadow: 2px 1px 17px rgb(142 160 163);
    box-shadow: 2px 1px 17px rgb(142 160 163);
    z-index: 222;
    position: relative;
}
header li.tab-link:hover {
    background: #5e7479;
    color: #fff !important;
}

header #vertical_tab_nav li a:hover:not(.sublink) {
    background-color: #143c8e;    
}

header #vertical_tab_nav li.orange-bg a:hover:not(.sublink){
    background-color: #f08219;
        color: #fff;
}
header #vertical_tab_nav li.light-orange-bg a:hover:not(.sublink){
    background-color: #f6ac71;
    color: #fff;
}
header #vertical_tab_nav li.blue-bg a:hover:not(.sublink){
    background-color: #174682;
    color: #fff;
}
header #vertical_tab_nav li.light-blue-bg a:hover:not(.sublink){
    background-color: #5b69a9;
    color: #fff;
}
header #vertical_tab_nav li.purple-bg a:hover:not(.sublink){
    background-color: #9599c7;
    color: #fff;    
}



header #vertical_tab_nav li.orange-bg a.selected{
    background-color: #f08219;
        color: #fff;
}
header #vertical_tab_nav li.light-orange-bg a.selected{
    background-color: #f6ac71;
    color: #fff;
}
header #vertical_tab_nav li.blue-bg a.selected{
    background-color: #174682;
    color: #fff;
}
header #vertical_tab_nav li.light-blue-bg a.selected{
    background-color: #5b69a9;
    color: #fff;
}
header #vertical_tab_nav li.purple-bg a.selected{
    background-color: #9599c7;
    color: #fff;    
}

/*market tab*/
header .market-tab, header .company-tab, header .search-tab, header .user-tab {
    padding: 30px;
}
header .contact .tab-content-body{
     padding: 30px;
}
header .contact .tab-body {
    padding-bottom: 0px;
}
header .market-tab .tab-body p, header .market-tab .tab-body span p, header .market-tab .tab-body p span{
    margin-bottom: 0px;
    font-size: 12px;
	font-weight: normal;
}
header .company-tab .tab-body a, header .contact .tab-body a{
    font-size: 14px;
}
header .company-tab .tab-body{
    padding-bottom: 0px;
}
header .search-tab {
    text-align: left;
}
header .search-tab h4{
    margin-bottom: 10px;
}

/*search tab*/
header .search-box, header .popular-search {
    width: 60%;
}
header .search-box{
    margin-bottom: 20px;
}

header .search-box button {
    background: #5e7479;
    color: #fff;   
    height: 100%;
    height: 42px;
    line-height: 42px;
    padding: 0px 15px;
    border-left: 2px solid #fff;
}
header .login-box input {
    background-color: #dbe1e2;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 10px 0 22px;
    display: block;
    width: 100%;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
    color: #aeaeae;  
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
header .forgot {
    margin-bottom: 35px;
    font-size: 13px;
    display: block;
    text-decoration: underline;
}
header .register-box h4 {
    margin-bottom: 5px;
}
header .login-box h4{
    margin-bottom: 7px;
}
header .login-welcome .show-more {
    background-color: #8ea0a3;    
    color: #ffffff;   
}
header .login-welcome ul li, header .login-welcome p, 
header .login-welcome a {
    font-size: 14px;
}
header .welcome-right a {
    display: block;
    margin-bottom: 10px;
    text-align: center;
}
header .login-welcome-left h4 {
    margin-bottom: 5px;
}
header .profile-img {
    height: 70px;
    width: 70px;
    border-radius: 100%;
    overflow: hidden;
    margin: 10px 0px;
}
header .message p{ margin-bottom: 0px; }
header .register-box p{
    font-size: 14px;
    margin-bottom: 30px;
}
header .login-welcome-right ul li:after {
    display: none;
}
header .login-welcome-right ul li {
    /*float: left;*/
    width: 100%;
    margin-bottom: 0px;
}
header .online {
    height: 10px;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background: #3ed83e;
    display: inline-block;
    margin-right: 10px;
}
header .user-tab .btn {
    padding: 10px 35px;
}
header .popular-search ul li a {
    padding: 10px 15px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 12px;
    width: 100%;
    text-align: center;
}
header .popular-search ul li{
      width: 32%;
}
header .border-bottom {
    border-bottom: 2px solid #e8eced;
    position: absolute;
    bottom: -35px;
    left: 0px;
    right: 0;
}
header .services-btn {  
    color: #fff;
    padding: 12px 20px;
    margin-left: 0px;
    font-size: 16px;
}
header .get-in-touch {
    padding: 25px;
}
header .get-in-touch h4 {
    font-size: 16px;
    white-space: nowrap;
    padding-right: 20px;
}
header .get-in-touch p {
    width: 300px;	
    font-size: 13px;
    text-align: left;
}
header .get-in-touch p:not(.contact p) {
    /*width: 100%;*/
}

header .send-enquiry {
    background: #62787c;
    color: #fff !important;
    padding: 10px 22px;
    margin-left: 20px;
    font-size: 14px!important;
    border: 2px solid;
	font-weight: bold!important;
}
header .send-enquiry:hover{
    /*color: #62787c !important;*/
	color: #fff; !important;
    background-color: transparent;
	box-shadow: 0 0 9px 0px rgb(142 160 163);

}
header .tab-title{
    flex-basis: 60%;
}
header .tab-content{
    display: none;  
}
header .tab-content.current{
    display: inherit;
}
header ul.tabbing li.current {
    background: #5e7479;
    color: #fff;
    font-weight: 700;
    height: 100%;   
    display: flex;
    align-items: center;
}
header ul.tabbing li {
    display: inline-block;
    line-height: 20px;
}
header .verticle-tabbing ul.tabbing li {
    display: block;
    border-radius: 2px;
    border: transparent;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #1e225c;
    font-size: 20px;
    position: relative;
    width: 350px;
    padding: 15px;
    margin-left: 50px;
    -webkit-transition: all .4s ease; 
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;

}
header .owl-dots span {
    background-color: #fff;
    height: 10px;
    width: 10px;
    display: block;
    margin: 2px;
    border: 2px solid;
}
header button.owl-dot.active span{
    background-color: #444444;
}
header .owl-dots {
    position: absolute;  
    top: 85%;
    left: 0px;
    right: 0px;
    text-align: center;
}
header .box-body {    
    width: 23%;
    padding: 10px;
}
header .box-body h4 {
    margin: 20px 0px 20px 0px;
    font-size: 17px;
}
header .box-body p {
    font-size: 14px;
}

/*lang select */
header .lang-tab h4 {
    margin-bottom: 10px;
}
header .select-lang {
    background: #8ea0a3;
    margin-bottom: 8px;
    padding: 8px;
}
header .custom_radio input[type="radio"]{
  display: none;
}
header .custom_radio input[type="radio"] + label {
    position: relative;
    display: inline-block;
    padding-left: 4em;
    margin-right: 2em;
    cursor: pointer;
    line-height: 1em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header .custom_radio input[type="radio"] + label:before,
header .custom_radio input[type="radio"] + label:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  color: white; 
  border-radius: 50%;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
header .custom_radio input[type="radio"] + label:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.1em #ffffff, inset 0 0 0 1em #5e7479;
}
header .custom_radio input[type="radio"] + label:hover:before {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  box-shadow: inset 0 0 0 0.3em white, inset 0 0 0 1em #c6c6c6;
}
header .custom_radio input[type="radio"]:checked + label:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.2em #5e7479, inset 0 0 0 1em #ffffff;
    border: 2px solid;
}
header .tab-content.lang-tab.current {
    display: inherit;
    width: 200px !important;
    position: absolute;
    right: 0px;
    background: #5e7479;
    color: #fff;
    padding: 20px 0px 20px 20px;
    text-align: left;
}
header .select-lang{position: relative;}
header .flag-eng:after {
    content: "";
    background-image: url(/media/1612098/united-kingdom.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    height: 25px;
    width: 25px;
    top: 1px;
    left: 26px;
}
header .flag-ger:after {
    content: "";
    background-image: url(/media/1612091/germany.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    height: 25px;
    width: 25px;
    top: 1px;
    left: 26px;
}

/*cart model */
.modal {
    background: #FFF;
    max-width: 700px;
    text-align: center;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    position: absolute;
    top: -135px;
    left: unset;
    background-color: #dbe1e2;
    line-height: 25px;
    padding: 50px 30px 50px;
    z-index: 999;
    text-align: left;
    color: #5e7479;
    /* transform: translate(-50%, -50%); */
    right: 0px;
    overflow: hidden;
}
.modal p {
    margin-bottom: 0px;
    padding-right: 80px;
}
.catr-detail {
    margin-bottom: 15px;
    cursor: pointer;
    z-index: 22;
    position: relative;
}
.modal .services-btn {
    position: relative;
    z-index: 222;
    margin-left: 5px;
    margin-top: 15px;
}
.cancel {
    display: inline-block;
    background-color: #657b7f91;
    padding: 2px 10px;
    font-size: 12px;
    color: #fff;
}
.modal a {
  line-height: 1em;
}

.cart-model{
    position: relative;
}
.cart-item {
    width: 30px;
    position: absolute;
    top: 25px;
    right: 21px;
}
.cart-total {
    background-color: #f08219;    
    padding: 7px;
    border-radius: 100%;
    line-height: 8px;
    display: inline-block;
    font-size: 12px;
    position: absolute;
    color: #fff;
    top: -15px;
    right: -5px;
}
/*evo page */

.evo-menu {
    width: 200px;
    color: #fff;
    text-align: left;
    padding: 30px;
}
.evo-menu ul li {
    margin-bottom: 25px;
    font-size: 14px;
}

/*accordian*/

header .accordion-container .accordion-title {
    position: relative;
    margin: 0;
    padding: 5px 10px;
    /* background-color: #000; */
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}
header .accordion-container .accordion-title:hover,
header .accordion-container .accordion-title:active,
header .accordion-title.open { 
  background-color: #5e7479;
}
header .accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 25px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  /*border-top-color: #fff;*/
	border-top-color:#101010;
}
header .accordion-container .accordion-title.open::after {
  content: "";
  position: absolute;
  top: 5px;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}


/*.accordion-content {
  padding-left: 2.3125em;
  border: 1px solid #0079c1;
}*/
header .accordion-container {
    width: 100%;
   
}
header .evodetail {
    width: 75%;
    background-color: #8ea0a3;
    padding: 25px;
    text-align: left;
}

header #accordion p {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    margin-top: 19px;
    margin-bottom: 10px;
}
header .accordion-content ul li {
    float: left;
    width: 33%;
    margin: 5px 0px;
    color: #fff;
    padding-left: 35px;
    font-size: 13px;
    padding-right: 15px;
    position: relative;
}
header .accordion-content ul li:before {
    content: "";
    background-image: url(/media/1612099/cart-fill.png);
    background-position: center;
    height: 20px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    /* margin-right: 10px; */
    position: absolute;
    left: 0px;
    top: 2px;
}
header .accordion-content ul li:before {
    content: "";
    background-image: url(/media/1612099/cart-fill.png);
    background-position: center;
    height: 20px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    /* margin-right: 10px; */
    position: absolute;
    left: 0px;
    top: 2px;
}
/*header .evo-body:before {
    content: "";
    background-color: #d3dbdb;
    position: absolute;
    left: 0px;
    right: 0;
    height: 60px;
    z-index: -1;
}*/
header .company-tab, header .tab-content .tab-content-body, 
header .search-tab, header .currenttab-body{
    position: relative;
    overflow: hidden;
}

/*header .tab-content .tab-content-body:after,*/
header .company-tab:after, header .search-tab:after, header .contact .tab-content-body:after{
    content: "";
    background-image: url(/media/1612097/tab-bg.png);
    background-position: center;
    height: 250px;
    width: 230px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    /* margin-right: 10px; */
    position: absolute;
    bottom: -40px;
    right: 0px;
}
/*
header .user-tab:after, header .modal:after{
    content: "";
    background-image: url(../images/white-tab-bg.png);
    background-position: center;
    height: 280px;
    width: 230px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    bottom: -40px;
    right: 0px;
    opacity: .5;
    z-index: 1
}
*/

/*pageload popup*/

header #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 100;
    display: none;
}
header .cnt223 a{
    text-decoration: none;
}
header .cnt223 {
    background: #b0bcbf;
    position: relative;
    z-index: 103;
    padding: 15px 35px 60px;
}
header .close-btn {
    float: right;
}
header .cnt223 p{
    clear: both;
    color: #555555;
    /* text-align: justify; */
    font-size: 20px;
    font-family: sans-serif;
}
header .cnt223 p a{
    color: #d91900;
    font-weight: bold;
}
header .cnt223 .x{
    float: right;
    height: 35px;
    left: 22px;
    position: relative;
    top: -25px;
    width: 34px;
}
header .cnt223 .x:hover{
    cursor: pointer;
}
header .model-logo img{
    margin: 0px auto;
}
header .model-video iframe, header .model-video video{
    margin-bottom: 20px;
}
header .radio-check label {
    padding-left: 30px !important;
}
header .radio-check {
    text-align: left;
    width: 450px;
    margin: 0px auto;
}
header .model-video {
    margin-top: 26px;
}
header .popup-onload h2 {
    font-size: 32px;
}
header .admin-login {
    position: absolute;
    top: -135px;
    right: 180px;
}
header .admin-login > a {
    font-size: 13px;   
    text-decoration: underline;

}
header ul.login-user li:after {
    display: none;
}
header .admin-login > ul > li > a {
    font-size: 13px;
    color: #5e7479;
    background-color: #dbe1e2;
    padding: 5px 10px;
    margin: 2px 0px;
    display: block;
}
header .administration {
    margin: 0px;
    font-size: 13px;
    color: #5e7479;
}
/*footer */
#footer{
    background-color: #d3dbdb;
    color: #5e7479;
}
#footer ul{
    margin: 0px !important; 
}
#footer h6{
    color: #5e7479;
    font-size: 14px;       
}
#footer ul li a, #footer b, #footer p, #footer a, #footer span{
    color: #5e7479;
    font-size: 13px;
	line-height:25px;
 }

#footer ul li {
    margin-bottom: 10px;
}

.phone {
    margin: 20px 0px;
}
.social-media {
    padding-left: 43px;
}
.social-media ul li a {
    font-size: 30px!important;
    margin-left: 15px;
}
.sub-footer {
    height: 35px;
}



/* Custom 
------------------------------------------------------------------------------*/
#footer div.footerMain div.container div.boxes {
    margin-top: 61px;
}

header .width-50 {
    min-height: 143px;
}

header .ucCheckOutRegisterLogin {
	background: none;
	color:#fff;
}
header .ucCheckOutRegisterLogin div.right div.content input.login-field {
    background: #e8f0fe;
    width: 100%;
    color: #000;
}

header .ucCheckOutRegisterLogin div.left {
    float: none;
    width: 100%;
    text-align: left;
}

header .ucCheckOutRegisterLogin div.right {
    float: none;
    text-align: left;
    width: 100%;
}

header .ucCheckOutRegisterLogin div.right div.content br{display:none;}

header div#Login_7_pnlCheckoutRegisterLogin br{display:none;}

header input#Login_7_chbCheckoutRegisterKeepMeLoggedIn{
	border: none;
    float: left;
    height: 25px;
    text-align: left;
    width: 25px;
    margin-right: 10px;
}

header .ucCheckOutRegisterLogin div.login-button {
    float: none;
}

header .ucCheckOutRegisterLogin input.login-button {
    float: none;    
    height: 42px;
}

header .ucCheckOutRegisterLogin div.lost-password a {
    color: #ffffff;
}


header .evodetail {
    width: 100%;
}

header .evo{
	position: absolute;
    width: 827px;
    z-index: 9999;
    top: 20px;
    left: unset;
}

header .evo-body{
	display: none;
}

header .accordion-content.cf {
    padding-left: 20px;
}

header .cart .cart-link {
    background-color: #bababa;
}
header .cart .cart-link img {
    width: 27px;
}

#footer {
    background: #d3dbdb;
}

#scrollToTop a {
    height: 30px;
    width: 30px;
}

#scrollToTop {
    background: #5e7479;
}

.sub-footer-body{margin-top: 30px;}


.information p, .information a {
    color: #fff;
    font-size: 13px;
    text-align: left;
    display: block;
    font-weight: normal;
    margin: 20px 0px;
    font-size: 13px;
    line-height: 18px;
}
/* End Custom */