/*-----------------------------------------------------------
Module: pricing ad
------------------------------------------------------------*/
.pricead { /*price list container*/
	position:relative; display:block; clear:both; margin: 0 auto;
	width:90%; height:auto; 
	padding:1px; 
}

.pricead .header { 
 	position: relative; display:block; 
	width:100%; min-height:45px;
	background-color:#E1E1E1; padding-left:5px; border: #E1E1E1 1px solid; font-weight:800;
}

.pricead .subheader { 
 	position: relative; display:flex; flex-direction: row;
	width:100%; 
	background-color:#F1F1F1; border: #E1E1E1 0px solid; font-weight:800; 
	border-bottom: lightblue 1px solid; 
}

.pricead .subheader > div {
  padding-left: 5px; height:auto;  
  border: #069 0px solid;  color:#000; text-align:center;  
}

.sh-box0 {width:50%;}
.sh-box1 {width:25%;}
.sh-box2 {width:25%;}


.pricead .footer { 
 	position: relative; display:block; 
	width:100%; height:auto;
	border: blue 0px solid; text-align:right; 
}

.pricead .footer .dloadbutt{ 
  	width:30px; height:30px;
	padding:2px; border: blue 1px red; float:right; 
}

.pricead .footer .dloadbutt:hover { 
  	background-color: #0F9; 
}

.pricead .footer .fscreen .mainpromo{ 
	text-align:left; 
}



.pricead .content {
 	position: relative; display:flex; flex-direction: row;  
	width:100%; height:30px;
	text-align: left; border-bottom: lightblue 1px solid;   
}

.pricead:after, 
.pricead .header:after, 
.pricead .subheader:after, 
.pricead .footer:after, 
.pricead .content:after
{ 
	content: "";
	display:block;  
	clear:both;
}



.pricead .content > div {
   background-color: #F1F1F1; border: #069 0px solid;
}

.pa-box0 {width:50%; height:auto; padding-left:5px; color:#000; text-align:left;}
.pa-box1 {width:25%; height:auto; padding-right:5px; color:#00F; text-align:right;}
.pa-box2 {width:25%; height:auto; padding-right:5px; color:#00F; text-align:right;}

.pricead .content .pa-box0:hover {background-color: #06F; color:white; cursor:pointer; }
  
 
/*used for default screen*/
.ds-subhead-txt {font-size:11pt; color:#000;}
.ds-content-txt0 {font-size:11pt; color:#000;}
.ds-content-txt1 {font-size:11pt; color:#00F;}
.ds-content-txt2 {font-size:11pt; color:#00F;}
 
/*used for full screen*/
.fs-subhead-txt {font-size:13pt; font-weight:bold; color:#000;}
.fs-content-txt0 {font-size:13pt; font-weight:bold; color:#000;}
.fs-content-txt1 {font-size:13pt; font-weight:bold; color:#00F;}
.fs-content-txt2 {font-size:13pt; font-weight:bold; color:#00F;}


@media all and (max-width: 360px) {
.pricead {width:100%;}
.pricebox-title {padding-bottom:6px;  font-size:15pt; }
.pricebox-subtitle {width: 90%; padding:3px; color: #FFF; font-size:11pt; }
.pricebox-offer {font-size:18pt; text-align:center;}
.pricebox-labour {font-size:15pt; }
.promo-star {font-size:17pt; }
}


.pricebox-title {float: none;width:95%; height:30px; padding-bottom:10px; display:block; font-size:18pt;text-align:center;} 
.pricebox-subtitle {width: 90%;padding:5px;color: #FFF; font-size:13pt;display:block;background-color:#F60;	}    
.pricebox-list {font-size:12pt;float:left; width:49%; height:auto;  display:block; text-align:center;}
.pricebox-offer {color:var(--orange-darker); font-size:3.0rem; font-weight:bold; text-align:center;  }
.pricebox-offer-detail {color:var(--gray-superdark); font-size:2.3rem; text-align:center; padding-left:10px; }
.pricebox-labour {color:#F60; font-size:18pt; text-align:left;}
.promo-text {font-size:25pt; font-weight:bold;  }
.promo-star {font-size:20pt; }
.promo-star2 {font-size:12pt; }
.promo-note {font-size:12pt; }
.promo-note2 {font-size:8pt; }


#fs-priceheader {font-size:2.25rem; padding-top:30px;}
#txtHeaderTitle {font-size:2.25rem;}
 

@media all and (max-width: 768px) {
.pricead-container {widt:95%;}
.pricebox-title {padding-bottom:6px;  font-size:15pt; }
.pricebox-subtitle {width: 90%; padding:3px; color: #FFF; font-size:11pt; }
.pricebox-offer {font-size:18pt; text-align:center;}
.pricebox-labour {font-size:15pt; }
.promo-star {font-size:17pt; }

}


 	
	
/*---------------------------------------------------------
Labour Charge FREE
---------------------------------------------------------*/
.fscreen {
  width: 100%; height: auto; justify-content: center; margin:0 auto; clear:both; background-color:#fff; padding:10px;
  position:relative; display:none; 
}
 
.fscreen .mainpromo {
  width: 100%; height: 50px;
  display: inline-block;float:left; 
  position:relative;  
}

.fscreen .mainpromo p{
    color:var(--light-color);
    font-size: 1.4rem;
    line-height: 2;
    padding:1rem 0;
}


.fscreen .mainpromo #promotext1 { font-size:2.75rem;} 
.fscreen .mainpromo #promotext2 { font-size:3.0rem; font-weight:bold; color: #F60; }
.fscreen .mainpromo #promotext3 { font-size:3.0rem; vertical-align:super; }

.fscreen .mainpromo .promo-star { font-size:2.0rem;} 
.fscreen .mainpromo .promo-note { font-size:1.75rem;} 

/*button click*/
#fullscreenButt {display:block; width:auto; height:auto;  top:0; right:0; position: absolute; padding:3px; cursor:pointer;}
#fullscreenButt:hover {background-color:#F60;}
 
 
/*---------------------------------------------------------
full screen exit button
---------------------------------------------------------*/
.button-exit-fscreen {
 	width:40px; height:40px;  position:absolute; top:0; right:0;  font-size:2rem; 
	text-align: center; text-decoration: none; display: block;cursor: pointer; color:#fff; 
}

.button-exit-fscreen:visited {color: #fff;}
.button-exit-fscreen:hover {color: #fff; background-color: #333;}
.button-exit-fscreen:link {color: #fff;}
  
#downloadnshare:hover {background-color:#F60; cursor:pointer;}

@media (max-width:450px){
.pricead-container {width:100%}

.fscreen {
  padding:5px; font-size:1.35rem; background-color:#fff;  
}

.fscreen .mainpromo {
   height: 30px;
 }


.fscreen .mainpromo #promotext1 { font-size:2.0rem;} 
.fscreen .mainpromo #promotext2 { font-size:2.3rem;}
.fscreen .mainpromo #promotext3 { font-size:2.7rem;}

.fscreen .promo-star { font-size:1.5rem;} 
.fscreen .promo-note { font-size:1.25rem;} 


.fscreen .mainpromo p{
    line-height: 1; text-align:left;
}

}



/*------------------------------------------------------------------------------------------------------- 
popup submenu 
--------------------------------------------------------------------------------------------------------*/
.adprice-submenu {/*overal container*/
	margin: 0 auto;clear:both;
 	width:100%;height:auto;
 	position: relative; display:block; font-size: 1.5rem;  
}

.adprice-submenu .header { 
 	clear:both; float:none; 
	width:100%; min-height:35px;
 	position: relative; display:block; background-color:#E1E1E1; padding-left:5px; border: #E1E1E1 1px solid; 
}

.adprice-submenu .header .title {
  font-size: 2.0rem; 
  font-weight: bold;
}
 
.adprice-submenu .content {
  	clear:both; float:none; 
	width:100%; height:auto;
 	position: relative; display:flex; 
	text-align: left; border: lightblue 0px solid; padding-top:10px; padding-bottom:10px;   
}

.adprice-submenu .content > div {
  margin: 1px;  
  padding-left: 5px;
}

.adprice-flexmenu0 {width:20%; height:50px; padding-left:10px; background-color: #EBEBEB; border: #069 1px solid; border-radius:5px; color:#000;}
.adprice-flexmenu1 {width:80%; height:auto; padding-left:10px; border: pink 0px solid;}


.adprice-submenu .footer { 
 	clear:both; float:none; 
	width:98%; height:auto;
 	position: relative; display:block; text-align: right; font-size: 1.75rem;     
}

.filter-wrapper { 
 	clear:both; float:none; 
	width:98%; height:auto; border-radius: 5px; padding:10px; border:1px solid #f1f1f1; 
 	position: relative; display:block; min-height:50px; max-height:150px; overflow-y: scroll;    
}


.adprice-submenu:after, 
.adprice-submenu .header:after, 
.adprice-submenu .footer:after, 
.adprice-submenu .content:after
 { 
	content: "";
	display:block;  
	clear:both;
}

 
@media all and (max-width: 360px) {
.adprice-submenu {font-size: 1.45rem;} 
.adprice-submenu .header .title {font-size: 1.55rem;} 

.adprice-flexmenu0 {width:30%; height:40px;}
.adprice-flexmenu1 {width:70%; height:auto;}
}