body,body #page { 
font-family: Century Gothic;	
font-weight:bold;	
font-size: 18px;	
color: #444444;
text-align: justify;
} 

a, #page a { 
color:#014a9b
}

#page a:hover{
text-decoration: underline;
}



#ToTop{
	
	bottom: 5px;
    right: 5px;
}




/* MENU ROMA */

.wrapper-flex-box{
    display: flex;
    flex-direction:column;
}
.title-side-bar{
     -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
    cursor:pointer;
    border: none;
    display:inline-block;
    font-family:'Open-sans',Arial,sans-serif;
    font-weight: bold;
    margin:0px 0px 10px 0px;
    padding:10px;
    background:#1E90FF;
    color:#fff;
    width:225px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
}


.accordionItem{
    font-size: 14px;
    display:block;
    width:225px;
    box-sizing: border-box;
    font-family:'Open-sans',Arial,sans-serif;
}
.accordionItemHeading{
    cursor:pointer;
    margin:0px 0px 5px 0px;
    padding:10px;
    background:#0099de;
    color:#fff;
    width:225px;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
        box-sizing: border-box;
}
.closehuy .accordionItemContent{
    height:0px;
    transition:height 1s ease-out;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    float:left;
    display:block;
    
    
}
.openhuy .accordionItemContent{
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
    margin: 0px 0px 10px 0px;
    display:block;
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;

    -webkit-transition: -webkit-transform 0.4s ease-out;
    -o-transition: -o-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
        box-sizing: border-box;
}

.openhuy .accordionItemHeading{
    margin:0px;
        -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #bdc3c7;
    color: #7f8c8d;
}

.accordionItemContent ul{
    margin-left: 10px;
    list-style-type: none;
    padding-left : 0;

}
.accordionItemContent ul li{
	text-align: left;

}
.accordionItemContent ul li a{
text-decoration: none;
color:#000;
}
.accordionItemContent ul li a:hover{
color:#2980b9;
}

@media /*screen and*/ (max-width: 900px) {
	
	.title-side-bar{
		margin-top: 60px;
		
	}
        
        .wrapper-flex-box{
            display: none;
        }

   }
   
 @media (min-width: 900px) and (max-width: 2000px){

    .title-side-bar{
        cursor: default;
		margin-top: 10px;
    }
}




/* Menu ROMA */





















.category-info div:hover{
	
	opacity: 1.0;
}

#option p b{
font-family: Century Gothic;	
font-weight:bold;	
font-size: 18px;	
color: #444444;
text-align: justify;
}
.compare {
display: none;
} 
.box-heading {    
text-align: center;	
font-family: Myriad Pro (OT1);	
font-weight:bold;	
font-size: 30px;	
color: #005191;}
.box-heading a {    
text-align: center;	
font-family: Myriad Pro (OT1);	
font-weight:bold;	
font-size: 30px;	
color: #005191;}
.box-heading ul li {	
color: #005191;}

.stl-header {position: relative;
width: 1600px;
height: 150px;
max-width: 100%;
background: #1783b1 url("../../image/stekla/header-bg.png") no-repeat;}
@media (min-width: 1600px) {
.stl-header {
max-width: 100%;
margin: auto;
}
}
.product-info .image {
max-width: 80%;
margin: auto;
}

img {    
max-width: 100%;    
height: auto;}
.stl-block{
max-width: 95%;
height: auto;
margin-left: 10%;}
.stl-block .stl-left-1 {
/*background:url("../../image/stekla/h.png");
background-repeat: no-repeat;
background-size: cover;*/}
.stl-block .stl-left-1:hover {/*
background:url("../../image/stekla/h-1.png");
background-repeat: no-repeat;
background-size: cover;*/}
.stl-block .search1 {	
position: absolute;	
top: 75%;	
left: 30%;	
z-index: 15;	
font-family: Minion Pro;	
margin-right:50%;
}
@media (max-width: 768px) {
.stl-block .search1 {
top: 63%;
    left: 21%;
}
}
.cart-head {
position: fixed;
top: 5px;	
right: 5px;	
z-index: 9999;
}
.cart-head p { 
top: 1px;
text-align: center;
font-family: Century Gothic;	
font-weight:bold;	
font-size: 14px;	
color: #0a4871;	
text-shadow: rgba(255, 255, 255, 1) 0 0 10px;}

.cart-head img {
max-width: 94%;	
}
.cart-head img:hover {
/*max-width: 110%;	*/
opacity:0.9;
}

@media (max-width: 1100px) {
.stl-block .search1 {
    position: absolute;
    top: 61%;
    left: 22%;
    z-index: 15;
    font-family: Minion Pro;
    margin-right: 50%;
}
}


.mainlogo1-1{
	max-width: 20%;
    min-width: 200px;
    height: auto;
    left: 15%;
    position: relative;
    margin-left: 10px;
}


@media (max-width: 700px) {
.mainlogo1-1{
	left: 10%;
}
}

@media (max-width: 600px) {
.mainlogo1-1{
	left: 5%;
}
}

@media (max-width: 500px) {
.mainlogo1-1{
	left: 0%;
	margin-left: 0px;
}
}



@media (max-width: 750px) {
.cart-head {
/*position: fixed;
top: 5px;	
right: -30px;*/	
}
.cart-head p { 	
margin-left: -7px;
    top: 1px;
    text-align: center;
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 14px;
    color: #0a4871;
    text-shadow: rgba(255, 255, 255, 1) 0 0 10px;
}
.cart-head img {
max-width: 87%;	
}
.cart-head img:hover {
max-width: 87%;	
opacity: 0.9;
} 
}
}
.btn, .button {
border: 1px solid #ffffff;
background-color: #ffffff;
}

.cart #button-cart {
border: 1px solid #ffffff;
background-color: #ffffff;
}
.cart #button-cart img {
border: 3px solid #ffffff;	
max-width: 94%;
}
.cart #button-cart img:hover {
max-width: 100%;
}
.cart1 {
background-color: #ffffff;
}
.image .cart1 img {max-width: 60%;}
.image .cart1 img:hover {max-width: 65%;}


.stl-block .button-search {	
position: absolute;    
top: 5px;	
right: 5%;	
background: url("../../image/stekla/bt-srch.png");	
background-repeat: no-repeat;    
background-size: cover;	
width: 25px;	
height: 25px;	
border: 1px solid #ffffff;	
cursor: pointer;}
.stl-block .search1 input {	
background: #FFF;	
padding: 1px 1px 1px 2px;	
width: 100%;	
height: auto;	
border: 3px solid #005191;
border-radius: 6px;	
outline: none;	
font-size: 20px;}
@media (max-width: 768px) {
.stl-block .search1 input  {
/*font-size: 17px;*/}
.stl-block .button-search {	
/*width: 16px;	
height: 16px;*/	
}
}

@media (max-width: 800px) {
.tel-4:hover{
	cursor:pointer;
	opacity: 0.55;
}
.tel-1:hover{
	cursor:pointer;
	opacity: 0.55;
}
}


.tel-4:hover{
	cursor:pointer;
	
}
.tel-1:hover{
	cursor:pointer;
	
}

@media (max-width: 430px) {
.stl-block .search1 input  { 
font-size: 18px;
border: 1px solid #005191;}
.stl-block .button-search {
    top: 4px;
    width: 18px;
    height: 18px;}}
.tel-1 {    
max-width:100%;    
max-height:auto;	
position: absolute;	
float: left;	
top: 23%;	
left: 59%;	}
.tel-1 img {    
max-width: 100%;    
height: auto;}
.tel-2 {    
max-width:100%;    
max-height:auto;	
position: absolute;	
float: left;	
top: 36%;
left: 64%;	
font-family: Century Gothic;	
font-weight:bold;	
font-size: 25px;	
color: #0a4871;	
text-shadow: rgba(255, 255, 255, 1) 0 0 10px;}
.tel-3 {    
max-width:100%;    
max-height:auto;	
position: absolute;	
float: left;	
top: 15%;
left: 64%;	
font-family: Century Gothic;	
font-weight:bold;	
font-size: 25px;	
color: #0a4871;	
text-shadow: rgba(255, 255, 255, 1) 0 0 10px;}
.tel-4 {    
max-width:100%;    
max-height:auto;	
position: absolute;	
float: left;	
top: 63%;
left: 59%;}
.tel-4 img {    
max-width: 100%;    
height: auto;}
.tel-5 {    
max-width:100%;    
max-height:auto;	
position: absolute;	
float: left;	
top: 67%;
left: 64%;	
font-family: Century Gothic;	
font-weight:bold;	
font-size: 25px;	
color: #0a4871;	
text-shadow: rgba(255, 255, 255, 1) 0 0 10px;}
.tel-6 {    
max-width:100%;    
max-height:auto;	
position: absolute;	
float: left;	
top: 85%;	
left: 80%;}
.tel-6 img {    
max-width: 90%;    
height: auto;}
.tel-6 img:hover {    
max-width: 100%;}
.tel-7 {    
max-width: 70%;
    position: absolute;
    float: left;
    top: 80%;
    right: 90px;}
.tel-7 img {    
max-width: 90%;    
height: auto;}
.tel-7 img:hover {    
max-width: 100%;}
.tel-8 {    
    position: absolute;
    float: left;
    top: 80%;
    right: 20px;
    max-width: 70%;}
.tel-8 img {    
max-width: 90%;    
height: auto;}
.tel-8 img:hover {    
max-width: 100%;}
@media (max-width: 1200px) {.tel-1 img {    
max-width: 90%;    
height: auto;}
.tel-2 {font-size: 20px;}
.tel-3 {font-size: 20px;}
.tel-4 img {    
max-width: 90%;    
height: auto;}
.tel-5 {font-size: 20px;}
.tel-6 img {max-width: 80%;}
.tel-6 img:hover {max-width: 90%;}
.tel-7 img { max-width: 80%;}
.tel-7 img:hover {max-width: 90%;}
.tel-8 img {max-width: 80%;}
.tel-8 img:hover {max-width: 90%;}}
@media (max-width: 1050px) {
.tel-1 img {    
max-width: 80%;    
height: auto;}
.tel-2 {font-size: 16px;}
.tel-3 {font-size: 16px;}
.tel-4 img {    
max-width: 80%;    
height: auto;}
.tel-5 {font-size: 16px;}
.tel-6 img {max-width: 70%;}
.tel-6 img:hover {max-width: 80%;}
.tel-7 img { max-width: 70%;}
.tel-7 img:hover {max-width: 80%;}
.tel-8 img {max-width: 70%;}
.tel-8 img:hover {max-width: 80%;}}

@media (max-width: 1024px) {
.tel-7 {
    max-width: 70%;
    position: absolute;
    float: left;
    top: 80%;
    right: 75px;
}
}


@media (max-width: 800px) {
.tel-1 img {    
max-width: 100%;
    height: auto;
    opacity: 0.65;}
.tel-2 {display: none; font-size: 14px;}
.tel-3 {display: none; font-size: 14px;}

.tel-4 {
	
	top: 102%;
    left: 12%;
    margin-left: 5px;
}

.tel-1{
	top: 102%;
    left: 3%;
	
}

.tel-4 img {    
	    opacity: 0.65;
    margin-left: 5px;
    max-width: 89%;}
.tel-5 {font-size: 14px; display: none;}
.tel-6 img {max-width: 60%;}
.tel-6 img:hover {top: 102%;
    left: 3%;}
.tel-7 img {
    height: auto;
    }
	.tel-7{
		    top: 59%;
    right: 20px;
		
	}
.tel-7 img:hover {
	max-width: 70%;
    height: auto;
    }
.tel-8 img {/*max-width: 60%;*/}
.tel-8 img:hover {max-width: 70%;}}



@media (max-width: 650px){
.tel-7 {
    display: none;
   
}

.tel-8 {
    
  
    display: none;
    
}

}












@media (max-width: 700px) {
.tel-1{    
    top: 102%;
    left: 3%;}
.tel-1 img {    
max-width: 100%;
    height: auto;
    opacity: 0.65;}
.tel-2 {/*font-size: 14px;*/ display:none;}
.tel-3 {/*font-size: 14px;*/ display:none;}
.tel-4 {    
top: 102%;
    left: 12%;
    margin-left: 5px;}
.tel-4 img {	   
 max-width: 100%;
    height: auto;
    opacity: 0.65;}
 .tel-5 {
/*font-size: 14px;*/ display:none;	 
 top: 90%;	
 left: 20%;	    
 }	
 .tel-6 img {max-width: 50%;}
 .tel-6 img:hover {max-width: 60%;}
 .tel-7 img { /*max-width: 50%;*/}
 .tel-7 img:hover {max-width: 70%;}
 .tel-8 img {/*max-width: 50%;*/}
 .tel-8 img:hover {max-width: 70%;}}
 
 
 @media (max-width: 660px) {
 	 .stl-block .search1 {
    top: 66%;
	left: 13%;
}
 }
 
 
@media (max-width: 550px) {
	

	
.tel-1{ /*   
top: 75%*/}
.tel-1 img {   
 /*max-width: 40%;    */
 height: auto;}
 .tel-2 {font-size: 13px;}
 .tel-3 {font-size: 13px;}
 .tel-4 {/*    
 top: 85%;	
 left: 15%;*/margin-left: 10px;}
 .tel-4 img {/*	   
 max-width: 40%;    
 height: auto;*/}
 .tel-5 {    
 top: 90%;	
 left: 20%;	    
 font-size: 13px;}
 .tel-6 {top: 80%}
 .tel-6 img {max-width: 40%; }
 .tel-6 img:hover {max-width: 50%;}
 .tel-7 {/*top: 80%*/}
 .tel-7 img { /*max-width: 40%;*/}
 .tel-7 img:hover {max-width: 70%;}
 .tel-8 {/*top: 80%*/}
 .tel-8 img {/*max-width: 40%;*/}
 .tel-8 img:hover {max-width: 70%;}}
@media (max-width: 450px) {
.tel-1 {    
/*top: 72%;	
left: 15%;*/}
.tel-1 img { /*   
 max-width: 20%;   
 height: auto;*/}
 .tel-2 {font-size: 9px;}
 .tel-3 {font-size: 9px;}
 .tel-4 {/*    
 top: 83%;	
 left: 15%;*/margin-left: 15px;}
 .tel-4 img {/*	    
 max-width: 20%;    
 height: auto;*/}.tel-5 {    
 top: 90%;	
 left: 20%;	    
 font-size: 10px;}
 .tel-6 img {max-width: 20%;}
 .tel-6 img:hover {max-width: 30%;}
 .tel-7 img {/* max-width: 20%;*/}
 .tel-7 img:hover {max-width: 70%;}
 .tel-8 img {/*max-width: 25%;*/}
 .tel-8 img:hover {max-width: 70%;}}
 
 
 @media (max-width: 350px) {
	 
	 .tel-4 {margin-left: 20px;}
	 
	
	 
	 
 }
 
.block-h h1 {    	
font-family: Myriad Pro (OT1);	
font-weight:bold;	
font-size: 30px;	
color: #005191;}
 
.block-h1 h1 {    
text-align: center;	
font-family: Myriad Pro (OT1);	
font-weight:bold;	
font-size: 30px;	
color: #005191;}


@media (max-width: 700px) {
.block-h1 h1{
	font-size: 23px;
	
}
}


.block-h1 {    
text-align: center;	
font-family: Myriad Pro (OT1);	
font-weight:bold;	
font-size: 30px;	
color: #005191;}

.center-img {
text-align: center;	
max-width: 70%;
margin: auto;
font-family: Myriad Pro;
font-weight:bold;	
font-size: 27px;	
}

.center-img .box-cen{
float: left;
max-width: 23%;
margin-right: 1%;
margin-top: 1%;
}

.center-img .box-cen p a{
color: #878787;
}

.center-img .box-cen a img{
max-width: 100%;
height: auto;
text-align: center;	
margin-top: 2%;}

.center-img .box-cen a img:hover{
opacity: 0.7;}

@media (min-width: 1600px) {
.center-img {

margin: auto;}
.center-img .box-cen{
margin-right: 1%;
}}
@media (max-width: 1000px) {
.center-img {
font-size: 25px;
max-width: 100%;
margin: auto;}
.center-img .box-cen{
float: left;
max-width: 24%;
margin-top: 1%;
margin-right: 1%;
}}
@media (max-width: 850px) {
.center-img {font-size: 20px;}}
@media (max-width: 600px) {
.center-img {
font-size: 15px;
margin-right: 1%;}}

@media (max-width: 360px) {
.center-img {
font-size: 13px;
margin-right: 1%;}}

@media (max-width: 700px){
h2 {
    font-size: 23px;
}
}

.center-img a img {  text-align: center;}
@media (max-width: 1200px) {
.center-img a img {max-width: 90%;}}
@media (max-width: 1050px) {
.center-img a img {max-width: 70%;}}
@media (max-width: 700px) {
.center-img a img {max-width: 50%;}}
@media (max-width: 550px) {
.center-img a img {
max-width: 30%;
margin-bottom: 12px;
}
}
.os-block, .os-block2 {
max-width: 80%;
margin: auto;
text-align: center;
font-family: Myriad Pro (OT1);
font-weight:bold;	
font-size: 30px;}

.os-block .os1 {
float: left;
max-width: 30%;
margin-right: 1%;
min-width: 30%;
}

.os-block2 .os2 {
float: left;
max-width: 30%;
margin-left: 10%
}

@media (min-width: 1600px) {
.os-block {
max-height: 100%;}
}


@media (max-width: 1000px) {
.os-block, .os-block2 {
font-size: 25px;
max-width: 100%;
margin: auto;}
.center-img .box-cen{
float: left;
max-width: 24%;
margin-top: 1%;
margin-right: 1%;
}}
@media (max-width: 850px) {
.os-block, .os-block2{font-size: 20px;}}
@media (max-width: 600px) {
.os-block, .os-block2 {
font-size: 14px;
margin-right: 1%;}}

@media (max-width: 320px) {
.os-block, .os-block2 {
font-size: 10px;
margin-right: 1%;}}

.os-block img, .os-block2 img {
text-align: center;
max-width: 63%;
}
@media (max-width: 1200px) {
.os-block img, .os-block2 img  {max-width: 63%;}}
@media (max-width: 1050px) {
.os-block img, .os-block2 img  {max-width: 55%;}}
@media (max-width: 700px) {
.os-block img, .os-block2 img  {max-width: 65%;}}
@media (max-width: 550px) {
.os-block img, .os-block2 img  {
margin-bottom: 12px;
max-width: 65%;
}
}





.myvideo {
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow:hidden; 
margin-bottom: -14%}
.myvideo iframe,
.myvideo object,
.myvideo embed {
position:absolute;
top:0;
left:0;
width:70%;
height:70%;
margin-left: 15%;
}}

.box-otzyv {
max-width: 100%;
margin: auto;
} 

.box-otzyv .block {
max-width: 45%;
float: left;
margin-right: 2%;
margin-top: 2%;
margin-left: 2%;
}

.box-otzyv .block img {
max-width: 100%;
max-width: auto;
text-align: center;	
margin-top: 1%;
}


}
.pr {
font-family: Century Gothic;	
font-weight:bold;	
font-size: 24px;	
color: #014a9b;}
}

.pr .price1, .price .price1 {    
font-family: Century Gothic;	
font-weight:bold;	
font-size: 24px;	
color: #014a9b;}
.pr .price2 {    
font-family: Century Gothic;	
font-weight:bold;	
font-size: 24px;	
color: #ff0000;}
.category-description p, .category-description li {
text-align: justify;}

.category-info .image {
margin-top: 30px;
margin-left: -15%;
margin-right: -15%;
float: left;
max-width: 65%;}
.category-info .category-description {
text-align: left;}

.cart-info table {
max-width:  100%;
}

@media (max-width: 650px) {
.cart-info .image {
display: none;
}}

/*@media (max-width: 550px) {
.cart-info .cart-option, .cart-info {
display: none;
}}*/


@media (max-width: 400px) {
.simplecheckout-cart, .simplecheckout-cart a, .simplecheckout-cart {
font-size: 12px;
}}



.btn-outline-inverse {
  color: #ffffff;
  background-color: #005191;
  border-color: #005191;
}
/* line 220, ../development/scss/mixins/_app.scss */
.btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse:active, .btn-outline-inverse.active {
  color: #ffffff;
  background-color: #005191;
  border-color: #005191;
}
/* line 225, ../development/scss/mixins/_app.scss */
.open .btn-outline-inverse.dropdown-toggle {
  color: #ffffff;
  background-color: #005191;
  border-color: #005191;
}

/* line 244, ../development/scss/mixins/_app.scss */
.btn-outline-inverse.disabled, .btn-outline-inverse.disabled:hover, .btn-outline-inverse.disabled:focus, .btn-outline-inverse.disabled:active, .btn-outline-inverse.disabled.active, .btn-outline-inverse[disabled], .btn-outline-inverse[disabled]:hover, .btn-outline-inverse[disabled]:focus, .btn-outline-inverse[disabled]:active, .btn-outline-inverse[disabled].active, fieldset[disabled] .btn-outline-inverse, fieldset[disabled] .btn-outline-inverse:hover, fieldset[disabled] .btn-outline-inverse:focus, fieldset[disabled] .btn-outline-inverse:active, fieldset[disabled] .btn-outline-inverse.active {
  background-color: #005191;
  border-color: #005191;
}
/* line 250, ../development/scss/mixins/_app.scss */
.btn-outline-inverse .badge {
  color: #ffffff;
  background-color: #005191;
}

/* line 5, ../development/scss/app/_form.scss */
.btn-outline {
  color: #ffffff;
  background-color: #005191;
  border-color: #005191;
}
/* line 220, ../development/scss/mixins/_app.scss */
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: #ffffff;
  background-color: #005191;
  border-color: #005191;
}
/* line 225, ../development/scss/mixins/_app.scss */
.open .btn-outline.dropdown-toggle {
  color: #ffffff;
  background-color: #005191;
  border-color: #005191;
}
/* line 244, ../development/scss/mixins/_app.scss */
.btn-outline.disabled, .btn-outline.disabled:hover, .btn-outline.disabled:focus, .btn-outline.disabled:active, .btn-outline.disabled.active, .btn-outline[disabled], .btn-outline[disabled]:hover, .btn-outline[disabled]:focus, .btn-outline[disabled]:active, .btn-outline[disabled].active, fieldset[disabled] .btn-outline, fieldset[disabled] .btn-outline:hover, fieldset[disabled] .btn-outline:focus, fieldset[disabled] .btn-outline:active, fieldset[disabled] .btn-outline.active {
  background-color: #005191;
  border-color: #ebebeb;
}
/* line 250, ../development/scss/mixins/_app.scss */
.btn-outline .badge {
  color: #ffffff;
  background-color: #005191;
}

/* line 9, ../development/scss/app/_form.scss */
.btn-inverse {
  color: #ffffff;
  background-color: #005191;
  border-color: #005191;
}
/* line 220, ../development/scss/mixins/_app.scss */
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active {
  color: #ffffff;
  background-color: #005191;
  border-color: #005191;
}
/* line 225, ../development/scss/mixins/_app.scss */
.open .btn-inverse.dropdown-toggle {
  color: #ffffff;
  background-color: #005191;
  border-color: #005191;
}
/* line 244, ../development/scss/mixins/_app.scss */
.btn-inverse.disabled, .btn-inverse.disabled:hover, .btn-inverse.disabled:focus, .btn-inverse.disabled:active, .btn-inverse.disabled.active, .btn-inverse[disabled], .btn-inverse[disabled]:hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse:hover, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse.active {
  background-color: #005191;
  border-color: #005191;
}
/* line 250, ../development/scss/mixins/_app.scss */
.btn-inverse .badge {
  color: #ffffff;
  background-color: #005191;
}

.image .name-prod a {
 text-align: center;
 font-family: Century Gothic;	
 font-weight:bold;	
 font-size: 18px; 
 color: #014a9b;}
.image .price1 {    
text-align: center;	
font-family: Century Gothic;	
font-weight:bold;	
font-size: 24px;	
color: #014a9b;}
.image .price2 {    
text-align: center;	
font-family: Century Gothic;	
font-weight:bold;	
font-size: 30px;	
color: #ff0000;}
.box-pop{
margin-left: 10%;
margin-right: 10%;}
.carousel-control {
margin-left: 10%;
margin-right: 10%;}
.control-2 {margin-left: 2%;}
.control-1 {margin-left: 4%;}
.scrollup {  
background: #878787; 
 bottom: 22px;  
 display: none;  
 position: fixed; 
 right: 15px;  
 font-size: 11px;}
.rtl .scrollup {  
left: 10px;  
right: auto;}
.scrollup .fa {  
display: block;}
.footer1 {    
background-color: #e3e3e3;    
text-align: center;	
font-family: Myriad Pro (OT1);	
font-weight:bold;	
font-size: 18px;	
color: #878787;}
.footer1 .text {font-size: 10px;}