body {
position:relative;
margin:0;
/*padding-bottom:5rem;*/
min-height:100%;
}

#container_nav_elmts {
position:fixed;
right:0;
left:0;
/* bottom:0; */
top:0;
width:100%;
height:100px;
background-color:#ffffff;
border-style:solid;border-color:black;border-width:0px;
/* -webkit-opacity:0.80;
-moz-opacity:0.80;
filter:alpha(opacity=80);
opacity:0.80; */
overflow: hidden;
transition: height 0.2s ease-out;
}

#container_mobile_nav {
position: fixed;
top: 112px;
/* bottom:0; */
/* bottom:108px; */
width:100%;
/* height: 100px; */
font-size:11pt;
/*background-color:#ffffff;*/
text-align:center;
/* border-style:solid;border-color:red;border-width:0px; */
text-transform:uppercase;
}

#container_mobile_nav>div{
display: flex;
align-items: center;
justify-content: center;
/* gap: 6px; */
/* border-style:solid;border-color:blue;border-width:1px; */
}

#container_mobile_nav>div>div{
padding:6px;
font-size: 0.9rem;
border-radius: 6px;
background-color:#666;
border-style:solid;
border-color:#64676d;
border-width:1px;
margin: 4px;
/* border-style:solid;border-color:green;border-width:1px; */
}

#container_mobile_nav>div>div:last-child{
margin-right:0px;
}

#container_mobile_nav a{
font-family:NexaLight;
text-decoration:none;
color:#ffffff;
cursor: pointer;
}

/* #container_nav_elmts div{ */
/*float:left;*/
/* } */

#container_nav_arrow {
display:none;
	
}

#container_slider {
position:absolute;
/*top:35px;*/
width:100%;
text-align:center;
border-style:solid;border-color:green;border-width:0px;
}

#slider_photo img{
display:none;
width:100%;
height:auto;
}

/* #mobile_slider_photo {
	
} */

#mobile_slider_photo img{
width:100%;
height:auto;
margin-bottom:2px;
}

#container_navigation {
display:none;
position: fixed;
top: 150px;
right:0;
left:0;
z-index: 100;
background-color: #fff;
margin-left: auto;
margin-right: auto;
font-family:NexaLight;
font-weight:normal;
text-transform:uppercase;
font-size:1.5rem;
width:90%;
text-align:center;

/* border-style:solid;border-width:1px;border-color:red; */
padding-top:20px;
padding-bottom:20px;
text-align: center;
}

#container_navigation a{
text-decoration:none;
color:#003e00;
}

#container_navigation ul{
list-style-type:none;
text-align: center;
/* border-style:solid;border-width:1px;border-color:red; */
width: 90%;
margin-left: auto;
margin-right: auto;
}

#container_navigation ul li{
/* border-style:solid;border-width:1px;border-color:blue; */
margin-bottom: 6px;
background-color:#ebebed;
color:#000000;
border-radius: 6px;
padding: 12px;
}

#container_navigation ul li:first-child {
margin-left:0px;
}


#container_logo {
margin-top: 20px;
margin-left:auto;
margin-right:auto;
/* border-style:solid;border-width:1px;border-color:red; */
text-align:center;
/* padding-top:10px; */
-webkit-opacity:0.80;
-moz-opacity:0.80;
filter:alpha(opacity=80);
opacity:0.80;
}

#desktop_logo {
display:none;
}


#contacts_menu,#about_menu {
display:none;
}


#slider_controls {
display:none;
position:absolute;
bottom:0;
width:100%;
/*
margin-top:25%;
margin-left:97%;
*/
border-style:solid;border-width:0px;border-color:red;
}

#slider_controls div{
display:none;
width:77px;
border-style:solid;border-width:0px;border-color:yellow;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#slider_controls ul {
list-style-type:none;
margin:0;
padding:0;
}

#slider_controls ul li{
float:left;
padding-right:8px;
}

#slider_controls ul li:last-child {
padding-right:0px;
}


#container_register_login {
display:none;
font-family:NexaLight;
font-weight:normal;
font-size:10pt;
text-transform:uppercase;
position:fixed;
bottom:140px;
text-align:center;
width:100%;
border-style:solid;border-width:1px;border-color:red;
}

#container_register_login a{
text-decoration:none;
color:#003e00;
}

#container_search {
display:none;
float:right;
margin-right:10px;
margin-top:5px;
/*border-color:red;border-style:solid;border-width:0px;*/
}

#container_search input{
text-transform:uppercase;
width:250px;
text-align:center;
/*border-style:solid;border-width:1px;*/
}

#container_cart {
position:fixed;
right:0;
top:0px;
z-index:100;
padding-right:6px;
-webkit-opacity:0.80;
-moz-opacity:0.80;
filter:alpha(opacity=80);
opacity:0.80;
background-color:#ffffff;
/* width:50%; */
text-align:right;
font-family:NexaLight;
font-size:11pt;
/* border-color:red;border-style:solid;border-width:1px; */
}

#container_cart div{
float:right;
margin-top:4px;
margin-bottom:4px;
margin-left:4px;
margin-right:4px;
/* border-color:red;border-style:solid;border-width:1px; */
}

#container_display {
margin-top:180px;
margin-left:25px;
margin-right:25px;
margin-bottom:100px;
font-family:NexaLight;
}

#container_note {
width:90%;
margin-left:auto;
margin-right:auto;
font-family:NexaLight;
font-size:16px;
font-weight:bold;
/* border-color:red;border-style:solid;border-width:1px; */
text-align:center;
background-color:#ebebed;
padding:5px;
border-radius:5px;
}

#container_content {
margin-top:180px;
margin-left:25px;
margin-bottom:100px;
font-family:NexaLight;
}

#container_content span{
font-size:120%;
text-transform:uppercase;
font-weight:bold;
}

#container_content p{
width:91%;
margin-bottom:10px;
margin-top:10px;
text-align:justify;
}

#container_content p>b{
line-height:30px;
}

#container_content ol{
margin-right:20px;
margin-top:-10px;
}

#container_content div{
width:91%;
margin-top:10px;
margin-bottom:20px;
text-align:center;
}

#container_content div>img{
max-width:100%;
height:auto;
}

#container_content video{
max-width:100%;
height:auto;
}

iframe {
width: 90%;
margin-bottom: 24px;
}


#container_copyright {
display: none;
position: fixed;
bottom:0;
width: 100%;
font-family:NexaLight;
font-size:80%;
text-align:center;
margin-left:auto;
margin-right:auto;
}



/* PRODUCT LISTING STARTS */
#product_summary {
width:100%;
border-style:solid;border-width:0px;border-color:black;
}

#product_summary a {
text-decoration:none;
color:#000000;
}

#product_summary .container_product{
border-style:solid;border-width:0px;border-color:black;
}

.container_product div:first-child {
margin-bottom:4px;
}


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

.container_product {
text-align:center;
margin-bottom:20px;
}

.container_product span{
font-size:90%;
}

.container_product a{
text-decoration:none;
color:#003e00;	
}


.container_product_item div:first-child {
margin-bottom:4px;
}


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

.container_product_item {
text-align:center;
margin-bottom:20px;
}

.container_product_item span{
font-size:90%;
}

/* PRODUCT LISTING ENDS */


/* PRODUCT STARTS */
#photo_preview div{
position:absolute;
right:20px;
}

#photo_preview span{
cursor:pointer;
color:#ffffff;
font-size:300%;
font-weight:bold;
}

#product_photo {
width:100%;
border-style:solid;border-width:0px;border-color:red;
}

#photo_preview {
/*border-style:solid;border-width:0px;border-color:blue;*/
/*width:90%;*/
display:none;
position:fixed;
/*
margin-left:auto;
margin-right:auto;
*/
/*
top:10%;
left:5%;
right:5%;
*/
top:0;
left:0;
width:100%;
height:100%;
overflow:auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.9);
z-index:101;
text-align:center;
/*margin-top:20px;*/
-webkit-animation-name:zoom;
-webkit-animation-duration:0.5s;
animation-name:zoom;
animation-duration:0.5s;
}

@-webkit-keyframes zoom {
from {-webkit-transform:scale(0)} 
to {-webkit-transform:scale(1)}
}

@keyframes zoom {
from {transform:scale(0)} 
to {transform:scale(1)}
}

#photo_preview img{
margin-top:20px;
max-width:90%;
height:auto;
}

#product_photo img{
max-width:100%;
height:auto;
}

#product_information {
width:100%;
margin-top:20px;
margin-bottom:20px;
text-align:justify;
border-style:solid;border-width:0px;border-color:red;
}

#product_information ul{
list-style-type:square;
padding-left:15px;
}

#prod_descr {
padding-right:4px;
padding-left:4px;
width:100%;
/*
max-height:240px;
overflow-y:scroll;
overflow-x:hidden;
*/
}

#product_textures {
margin-top:5px;
}

#product_previews {
border-style:solid;border-width:0px;border-color:red;
}

#product_previews div{
margin-top:10px;
/*
float:left;
width:20%;
margin-right:5px;
margin-bottom:5px;
border-style:solid;border-width:0px;border-color:red;
*/

}

#product_previews div img{
max-width:100%;
height:auto;
}

#product_basket {
margin-top:20px;
z-index:102;
/*background-color:black;*/
}



/* PRODUCT  ENDS */


/* USER CSS STARTS */
#user_info {
margin-top:20px;
margin-bottom:20px;
}
/* USER CSS ENDS */


/* REGISTER STARTS  */

.section_title {
color:#ffffff;
background: #c0c0c0;
padding-left:5px;
font-size: 105%;
text-transform:uppercase;
margin-bottom:10px;
}

.section_container {
width:95%;
margin-top:20px;
}

.section_container span{
font-size:80%;
}

.section_container p{
font-weight:bold;
padding:2px;
padding-left:15px;
}

.section_container ul{
list-style-type:none;
margin-bottom:10px;
}

.section_container ul li{
margin-bottom:2px;
}

.section_container input[type="text"]{
border-style:solid;
border-width:1px;
border-color:#c0c0c0;
width:200px;
height:25px;
padding-left:5px;
}

.section_container select{
border-style:solid;
border-width:1px;
border-color:#c0c0c0;
width:250px;
height:30px;
padding-left:5px;
}

.section_container input[type="password"]{
border-style:solid;
border-width:1px;
border-color:#c0c0c0;
width:200px;
height:25px;
padding-left:5px;
}

.buttons_container {
width:100%;
margin-top:20px;
}

.buttons_container input[type="submit"],input[type="reset"]{
font-family:NexaLight;
font-size:12pt;
color:#666666;
width:125px;
height:40px;
background-color: #ebebed;
border: none;
border-radius:10px;
box-shadow:0 5px #c0c0c0;
}

.buttons_container ul{
list-style-type:none;
float:left;
}

.section_container textarea{
border-style:solid;
border-width:1px;
border-color:#c0c0c0;
width:250px;
height:100px;
padding-left:5px;
}

/* REGISTER ENDS  */



/* ABOUT US MENU */
#about_menu {
display:none;
position:absolute;
/*right:0px;*/
left:0px;
/*
width:767px;
height:66px;
*/
width:100%;
background-color:#ffffff;
/*
-webkit-opacity:0.70;
-moz-opacity:0.70;
filter:alpha(opacity=70);
opacity:0.70;
*/
/*
margin-top:-75px;
margin-right:280px;
*/
margin-top:-280px;
font-size:10.5pt;
text-transform:uppercase;
z-index:200;
/*padding:15px;*/
text-align:center;
border-style:solid;border-color:black;border-width:1px;
}

#about_menu a{
font-family:NexaBold;
color:#003e00;
text-decoration:none;
}

#about_menu ul{
list-style-type:none;
/*float:left;*/
/*margin-right:150px;*/
/*margin-top:20px;*/
margin-bottom:10px;
margin-top:10px;
}

/* #about_menu ul:first-child {
margin-left:20px;	
} */



/* CONTACTS MENU */
#contacts_menu {
display:none;
position:absolute;
/*right:0px;*/
left:0px;
/*
width:767px;
height:66px;
*/
width:100%;
background-color:#ffffff;
/*
-webkit-opacity:0.70;
-moz-opacity:0.70;
filter:alpha(opacity=70);
opacity:0.70;
*/
/*
margin-top:-75px;
margin-right:280px;
*/
margin-top:-280px;
font-size:10.5pt;
text-transform:uppercase;
z-index:200;
/*padding:15px;*/
text-align:center;
border-style:solid;border-color:black;border-width:1px;
}

#contacts_menu a{
font-family:NexaBold;
color:#003e00;
text-decoration:none;
}

#contacts_menu ul{
list-style-type:none;
/*float:left;*/
/*margin-right:150px;*/
/*margin-top:20px;*/
margin-bottom:10px;
margin-top:10px;
}

/* #contacts_menu ul:first-child { */
/*margin-left:20px;	*/
/* } */
