* {margin: 0; padding: 0;}
html {height: 100%;}
.null {height: 0px auto; min-height: 0px; line-height: 0px; font-size: 0px; overflow: hidden; clear: both;}
.invisible {display: none;}
h1 {padding: 0px 0px 20px 20px; font-family: 'Open Sans', sans-serif; font-size: 26px; font-weight: 800; text-transform: uppercase;}
h2 {padding: 0px 0px 20px 20px; font-size: 16px; font-weight: 800; text-transform: uppercase;}
.data_header {margin: -20px 0px 20px 20px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #808080;}
p {margin: 0px 0px 16px 0px; line-height: 20px;}
a {color: <?php echo $parameters['parameter_color_3']; ?>;}
a:hover {color: <?php echo $parameters['parameter_color_3']; ?>;}
* {margin: 0; padding: 0;}
body {font-family: 'Open Sans', sans-serif; font-weight: 300; height: 100%; color: #242424; font-size: 16px; margin: 0px;}
.workspace {width: 1100px; position: relative; margin: 0px auto 0px auto;}
input, textarea {outline: none;}
img {border: none; box-shadow: none; outline: none; text-decoration: none; box-sizing: border-box; -webkit-appearance: none;}
a img {border: none;}

.fdd {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px;}
.fdd ol, .fdd ul {margin: 0px 0px 16px 36px; padding: 0px 0px 0px 0px;}
.fdd ul li, .fdd ol li {margin: 0px 24px 4px 16px; padding: 0px 0px 0px 0px;}


#structure {background: #e9e9e9; border-radius: 2px; padding: 36px 0px 24px 36px;}
#structure ul {list-style: none; margin: 0px 0px 0px 0px;}
#structure ul li {list-style: none; display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#structure ul li a {display: block; padding: 0px 24px 16px 0px; margin: 0px 0px 0px 0px; color: #242424;}

form#edit_photo {width: 162px; margin: 0px auto 0px auto;}


table.table {width: 100%; border-left: 1px solid #f7f7f7; font-size: 14px; border-top: 1px solid #f7f7f7; margin: 24px 0px 24px 0px;}
table.table tr td {border-right: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; padding: 4px 6px 4px 6px; text-align: center;}
table.table tr th {border-right: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; background: #f7f7f7; color: #242424; font-weight: bold; padding: 4px 6px 4px 6px;}




#bg {width: 100%; height: 100%; position: fixed; z-index: 9;}
#bg .left_column {width: 50%; height: 100%; background: #FFFFFF; float: left;}
#bg .right_column {width: 50%; height: 100%; background: #e9e9e9; float: left;}

label {background: #e9e9e9; width: 14px; height: 14px; display: block; position: absolute; top: 2px; left: 0px;}
input[type='checkbox'] {position: absolute; left: -5000px;}
input[type='checkbox']:checked+label {background: <?php echo $parameters['parameter_color_2']; ?>;}


.sort {height: 32px; padding: 0px 10px 0px 10px; margin: 5px 0px 0px 8px; font-weight: bold; border: 1px solid #e9e9e9; text-align: center; color: #242424; float: right; border-radius: 2px; cursor: pointer;}
.sort.active, .sort:hover {border: 1px solid <?php echo $parameters['parameter_color_2']; ?>; color: #FFF; background: <?php echo $parameters['parameter_color_2']; ?>;}


input[type="range"]{
   -webkit-appearance:none !important;
   outline: none;
   padding: 0px;
   margin: 0px;
 }
 
 input[type="range"]::-webkit-slider-thumb{
   -webkit-appearance:none !important;  
 }
 input[type="range"]{
    background: #e9e9e9;
    width: 384px;
    height: 1px;
    -webkit-appearance: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -wekkit-border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
 
input[type="range"]:hover{
    background: #e9e9e9;
    width: 384px;
    height: 1px;
    -webkit-appearance: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -wekkit-border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
 
input[type="range"]::-webkit-slider-thumb{
   -webkit-appearance:none !important;  
   width: 24px;
   height: 24px;
   background: <?php echo $parameters['parameter_color_2']; ?>;
   border-radius: 24px;
   -webkit-appearance: none;
    -moz-border-radius: 24px;
    -wekkit-border-radius: 24px;
    border: none;
 }
 
input[type="range"]::-webkit-slider-thumb:hover{
   -webkit-appearance:none !important;  
   width: 24px;
   height: 24px;
   background: <?php echo $parameters['parameter_color_2']; ?>;
   border-radius: 24px;
   -webkit-appearance: none;
    -moz-border-radius: 24px;
    -wekkit-border-radius: 24px;
    border: none;
 }
 
ul#navigation {list-style: none; text-transform: uppercase; float: left; padding: 0px 44px 0px 0px; font-weight: 400;}
ul#navigation li {list-style: none; display: inline-block;}
ul#navigation li a {display: block; padding: 0px 20px 0px 0px; color: #0872aa;}
ul#navigation li a:hover {color: <?php echo $parameters['parameter_color_2']; ?>;}


#navigationbar-sticky-wrapper {position: relative; z-index: 99;}
ul#private_navigation {list-style: none; margin: 0px 0px 0px 0px;}
ul#private_navigation li {list-style: none; display: inline-block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
ul#private_navigation li a {display: block; padding: 16px 24px 16px 0px; margin: 0px 0px 0px 0px; color: #fff;}

.file {overflow: hidden; float: left; position: relative; background: #fe525b; border: 4px solid #fe525b; border-radius: 4px; width: 40px; height: auto; font-size: 14px; text-align: center; text-transform: uppercase; color: #FFF; cursor: pointer; margin: 6px 6px 0px 0px;}
.file input[type='file'] {width: 40px; padding: 0px; margin: 0px; height: 40px; position: absolute; top: 0px; left: 0px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: pointer;}
.file .file_button {padding: 9px 0px 8px 0px; overflow: hidden; z-index: 98;}


.modalAddBasket {
  display: none;
  width: 640px;
  height: 194px;
  box-shadow: 0 7px 16px rgba(23, 23, 23, 0.33);
  border-radius: 2px;
  border: none;
  background-color: #ffffff;
  padding: 32px;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  bottom: 0; 
  z-index: 9999999;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;  
}

.modalAddBasketTitle {
  color: #000000;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 40px;
  text-align: center;
  font-family: "Open Sans";
}

.modalAddBasketBtnHolder {
  width: 450px;
  height: 50px;
  margin: 0 auto;
}

.modalAddBasketBtn {
  display: block;
  width: 200px;
  height: 45px;
  border-radius: 3px;
  background-color: white;
  box-sizing: border-box;
  float: left;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 300;
  border-bottom: 4px solid white;
}

.modalAddBasketBtn:hover {
  border-bottom: 0px;
}

.modalAddBasketBtn.greenBtn {
  background-color: <?php echo $parameters['parameter_color_2']; ?>;
  border-color: #d43b43;
  margin-right: 40px;
  color: #ffffff;
}

.modalAddBasketBtn.grayBtn {
  background-color: #cccccc;
  border-color: #acacac;
  color: #000000;
}

.overlayModal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  z-index: 999999;  
}

#profiles .fa-chevron-left{position: absolute; left: -20px; top: 72px; cursor: pointer;}
#profiles .fa-chevron-right{position: absolute; right: -20px; top: 72px; cursor: pointer;}
#photos .fa-chevron-left{position: absolute; left: -20px; top: 172px; cursor: pointer;}
#photos .fa-chevron-right{position: absolute; right: -20px; top: 172px; cursor: pointer;}