html, body{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	line-height: 1.5em !important;
	margin: 0; 
	padding: 0;
	width: 100%; height: 100%;
}

html{}

body{
	overflow-y: scroll;
	overflow-x: hidden;
	padding-top: 4rem;
	background-color: #f8f8f8; 
}

h1, h2, h3, h4, h5, h6{line-height: 1.3em; width: 100%; font-size: inherit;}

h1{font-size: 2rem; font-family: 'Roboto Slab', serif;}
h2{font-size: 1.8rem;  font-family: 'Roboto Slab', serif;}
h3{font-size: 1.5rem;}
h4{font-size: 1.2rem;}
h5{}
h6{}


i{font-family: arial;}
hr{margin: 0.5rem auto;}
legend{font-weight: bold;}

table{font-size: 0.8rem;}

table caption{}

td, th{vertical-align: top;}

table thead{}
table thead tr{}
table thead tr th{font-weight: normal; text-align: center; font-weight: bold;}

table tbody{}
table tbody tr{}
table tbody td{}

table tfoot{}
table tfoot tr{}
table tfoot tr td{font-weight: normal;}

.tbl_wrapper{overflow-x: scroll; min-height: 500px;}

.tbl_records{}
.tbl_records tr{background: none !important;}
.tbl_records tr th, .tbl_records tr td{border: 1px solid #d7d7d7; font-size: 0.7rem; padding: 0.3rem;}
.tbl_records img{margin: 0.1rem;}
.tbl_records .rec_mess{font-style: italic; font-family: Arial; }

.tbl_records .btn_del{color: red;}

ul, ul li{
	list-style: none; 
	list-style-type: none; 
	margin: 0;
}

li{}

a{text-decoration: none;}

iframe{
	width: 100%; 
	max-width: 25rem;
}




/*** Forms ***/

form{}

input[type="text"], 
input[type="password"],
textarea{
	-moz-border-radius: 5px !important; 
	-webkit-border-radius: 5px !important; 
	border-radius: 5px !important; 
	behavior: url(images/border-radius.htc);
}

.input-group input[type="text"]{
	-moz-border-radius: 0 !important; 
	-webkit-border-radius: 0 !important; 
	border-radius: 0 !important; 
}

.frm{}
input.error, select.error, .error{color: red !important;}  
input.success, select.success, .success{color: green !important;} 
input.error, select.error{border-color: red !important;}

.inp_mess{
	padding: 0.2rem; margin-top: -.5rem;  padding-top: 0; margin-bottom: 0.5rem; 
	color: red;  font-size: 0.8rem;  text-indent: 0;  font-style: italic;
}


/*** Shadows ***/
.box_shadow_1{-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2);}
.box_shadow_2{-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);}
.box_shadow_5{-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);}
.box_shadow_15{-webkit-box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.2);}

.box_shadow_2_top{-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2);}
.box_shadow_5_top{-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);}


.text_shadow{text-shadow:#000 1px 1px 5px}

/*** Rounded ***/
.rounded{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior: url(images/border-radius.htc);} 
.rounded_5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} 
.rounded_10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.rounded_10p {-moz-border-radius: 10%; -webkit-border-radius: 10%; border-radius: 10%;}  
.rounded_50p {-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}

/*** Loading ***/
.loading{width: 20px;  height: 20px;  display: inline-block; 
	background-image: url("images/ajax-loader.gif");  background-repeat: no-repeat
}

.loading:before{content: '';}

#content_end{margin-top: 7rem;}
#noscript{}
.overflow_x_scroll{width: 100%; overflow-x: scroll;}
.overflow_y_scroll{height: 100%; overflow-y: scroll;}

.block{border: 1px solid #e7e7ea; background-color: white;}


.text_left{text-align: left;}
.text_right{text-align: right;}

.pagination li {display: inline-block;}

/*** menu ***/
.df_menu{display: inline-block;}
.df_menu ul,
.df_menu ul li{margin: 0; padding: 0; list-style: none; list-style-type: none; }
.df_menu ul{} 
.df_menu ul li{position: relative; } 
.df_menu ul li a{display: block; padding: 0.5rem; color: black; text-decoration: none; } 
.df_menu ul li a:hover{background-color: #f6f6f6;}
.df_menu ul li a:active{}
.df_menu ul li a i{margin-right: 0.2rem;}
.df_menu ul li a span{margin-left: 0.2rem;}
.df_menu ul > li ul{display: inline-block;}
.df_menu ul > li ul a{}
	

/*** menu scr ***/
.df_menu_scr > ul > li{float: left;}
.df_menu_scr > ul > li ul{display: none;}
.df_menu_scr > ul > li > ul{position: absolute; z-index: 910; }
.df_menu_scr > ul > li:hover > ul{display: block !important;}

.df_menu_scr > ul > li > ul > li{position: relative;}
.df_menu_scrr > ul > li > ul > li > ul{position: absolute; left: 230px; top: 0; z-index: 920;}
.df_menu_scr > ul > li > ul > li:hover > ul{display: block !important;}

.df_menu_scr_right > ul > li > ul > li > ul{left: -230px;}

.df_menu_scr ul li a{ display: block; color: black; text-align: left;}
.df_menu_scr ul li a:hover{}
.df_menu_scr ul li a:active{}
.df_menu_scr ul li a i{}
.df_menu_scr ul li a span{}

.df_menu_scr ul > li ul{background-color: white; color: black; -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);}
.df_menu_scr ul > li ul a{width: 230px; font-weight: normal;} 
.df_menu_scr ul > li ul a:hover{}


/*** Mobile menu togler ***/
#df_menu_mobile_togler{ padding: 0.5rem; color: black; text-decoration: none; float: right;}
#df_menu_mobile_togler i{}
#df_menu_mobile_togler span{margin-left: 0.2rem;}



/*** mobile_menu ***/

#df_menu_mobile_wrapper{display: none; z-index: 800; position: fixed; top:0;  bottom: 0; width: 100%; padding-bottom: 5rem; height: 100%; background-color:  white; overflow-y: scroll;} 

.df_menu_mobile ul,
.df_menu_mobile ul li {width: 100%;}
.df_menu_mobile ul li a{padding: 0.5rem; color: black; }

.df_menu_mobile > ul{padding-top: 85px;}
.df_menu_mobile > ul > li ul{display: inline-block;}
.df_menu_mobile > ul > li > a{font-weight: bold;}
.df_menu_mobile > ul > li > ul > li > a{padding-left: 1rem; font-weight: normal;}
.df_menu_mobile > ul > li > ul > li > ul > li > a{padding-left: 2rem;}



#fixed_header_wrapper{position: fixed;  top: 0;  left: 0; width: 100%; margin: 0; 
	padding-top: 0.3rem;  padding-bottom: 0.3rem;  z-index: 900; background-color: white;  color: black;}
	
	#fixed_header{}
	
		#fixed_header_left{padding: 0.3rem;}
			#fixed_header_left #logo{height: 2rem;} 
		#fixed_header_right{padding: 0.3rem; text-align: right;}


#fixed_footer_wrapper{position: fixed;  bottom: 0;  left: 0; width: 100%; margin: 0; 
	padding-top: 0.3rem;  padding-bottom: 0.3rem;  z-index: 900; background-color: #444444;  color: white;}
	
	#fixed_footer{}
	
		#fixed_footer a{display: inline-block; font-size: 0.9rem !important; color: white; margin: 0.1rem; padding: 0.5rem;}  
	
		#fixed_footer_left{padding: 0;} 
		#fixed_footer_right{padding: 0; text-align: right;} 
		
		
/*** DF Responsive Visible Utilities ***/
.df_show_small{display: none;}   
.df_show_medium{display: none;}
.df_show_large{display: none;}

.df_show_only_small{display: none;}
.df_show_only_medium{display: none;}
.df_show_only_large{display: none;}

.df_hide_small{display: none;}
.df_hide_medium{display: none;}
.df_hide_large{display: none;}

.df_hide_only_small{display: none;}
.df_hide_only_medium{display: none;}
.df_hide_only_large{display: none;}


#sys_mess_wrapper{display: none; bottom: 5px; position: fixed; text-align: center; width: 100%; z-index: 900;}
#sys_mess{background: rgba(175, 0, 0, 0.7); padding: 0.5rem; color: white; margin: auto; display: inline-block; max-width: 600px;}			


.single_photo_edit_wrapper{}
.single_photo_edit_wrapper img{width: 100%; max-width: 300px;}
.single_photo_edit_wrapper a{width: 100%; max-width: 300px;display: inline-block;
	text-align: center;border-radius: 3px;}
	
#photoes_edit_wrapper{}
#photoes_edit_wrapper .photo_edit_item{display: block; position: relative; width: 130px;  float: left; margin: 0 1rem 1rem 0; padding: 0; border: 1px solid #cdcdcd;}
#photoes_edit_wrapper .photo_edit_item .img_wrapper{height: 100px; overflow: hidden;}
#photoes_edit_wrapper .photo_edit_item .img_wrapper img{width: 100%;}
#photoes_edit_wrapper .photo_edit_item .img_wrapper .btn_photo_del{position: absolute; right: 5px; top: 5px; width: 25px; height: 25px; text-align: center;  background-color: red; color: white;}
#photoes_edit_wrapper .photo_edit_item .btn_photo_main_select{font-size: 0.7rem; display: inline-block; padding: 0.5rem; width: 100%; text-align: center;}
#photoes_edit_wrapper .photo_edit_item .btn_photo_main_select[pr_main_photo="1"]{background-color: yellow; color: black;}



.dlg_wrapper{width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: none;z-index: 900; background-color: rgba(0, 0, 0, 0.8);}
.dlg{margin: auto;width: 100%;max-width: 1000px;position: relative; background-color: white; margin-top: 2rem; padding: 1rem;}
.dlg_small{max-width: 400px;}
.dlg_medium{max-width: 700px;}
.dlg_close{position: absolute;right: 5px;top: 5px;width: 30px;height: 30px;text-align: center;}
.dlg_title{}


.tag{
	display: inline-block; padding: 0.2rem; margin: 0.2rem; background-color: #f7f7f7;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior: url(images/border-radius.htc);
}

.tag_paid{
	background-color: #a2ffa4; 
	padding: 0.1rem;
}

.tag_paid_partial{
	background-color: #ffd9a2; 
	padding: 0.1rem;
}

.tag_unpaid{
	background-color: #ffa2a2; 
	padding: 0.1rem;
}
					
					
.offer_item{
	border: 1px solid #dfdfdf; background-color: white;
	padding: 0.5rem; margin: 0.5rem;
	display: inline-block;
	color: black;
	font-size: 0.9rem !important;
	width: 100%;
}

.lbl{
	color: gray;
	font-size: 0.8rem;
}

.offer_item:hover{
	color: black;
}
.offer_item .offer_item_title{
	
}

.offer_item .img{
	width: 100%; 
	height: 180px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
					

.countdown{
	text-align: center;
	padding: 0.5rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 0.8rem;
	background-color: #ffe1e1;
	border: 1px solid #cf7e7e;
	color: #ff0000;
}



.countdown[hot_level="3"]{
	background-color: #ebfdff;
	border: 1px solid #7bc1c7;
	color: #377f85;
}

.countdown[hot_level="2"]{
	background-color: #ffdeb0;
	border: 1px solid #e7c697;
	color: #c97600;
}

.countdown[hot_level="1"]{
	background-color: #ffe1e1;
	border: 1px solid #cf7e7e;
	color: #ff0000;
}

.countdown b{
	font-size: 1.2rem;
}




ul.context_nav{
	display: inline-block;
}

ul.context_nav, ul.context_nav li , ul.context_nav li ul{
	list-style: none; 
	list-style-type: none; 
	margin: 0;
	padding: 0;
}

ul.context_nav li a{display: block; padding: 0.5rem; color: black; text-decoration: none; } 

ul.context_nav li{
	position: relative;
}

ul.context_nav li ul{
	display: none;
	position: absolute;
	background-color: white;
	width: 300px;
	border: 1px solid gray;
	z-index: 99999;
}

ul.context_nav li:hover ul{
	/*display: block;*/
}
	
.btn_whatsapp, .btn_call{
	padding: 0.2rem;
}																
		
.btn_whatsapp{
	color: green;
}		
														
.btn_call{
	color: red;
}			


.btn_count_decrease{
	/*background-color: red !important;*/
}

.btn_count_increase{
	/*background-color: green !important;*/
}	

/******************* MEDIAQUERIES *********************/

/* 1) Small: Landscape phones and smaller */
@media only screen and (max-width: 480px) {
	
	#fixed_footer a{font-size: 1.2rem !important; padding: 0.3rem;}  
	
	.df_show_small{display: inline-block !important;}   
	.df_show_medium{}
	.df_show_large{}

	.df_show_only_small{display: inline-block !important;}
	.df_show_only_medium{display: none;}
	.df_show_only_large{display: none;}

	.df_hide_small{display: none;}
	.df_hide_medium{}
	.df_hide_large{}

	.df_hide_only_small{display: none;}
	.df_hide_only_medium{display: inline-block !important;}
	.df_hide_only_large{display: inline-block !important;}
	
	.offer_item{padding: 0.5rem; margin: 0.1;}
}

/* 2) Small: Landscape phones and portrait tablets */
@media only screen and (max-width: 767px) {
	
	.df_show_small{display: inline-block !important;}   
	.df_show_medium{}
	.df_show_large{}

	.df_show_only_small{display: inline-block !important;}
	.df_show_only_medium{display: none;}
	.df_show_only_large{display: none;}

	.df_hide_small{display: none;}
	.df_hide_medium{}
	.df_hide_large{}

	.df_hide_only_small{display: none;}
	.df_hide_only_medium{display: inline-block !important;}
	.df_hide_only_large{display: inline-block !important;}
	
	.offer_item{padding: 0.5rem; margin: 0.1;}
}

/* 3) Medium: Portrait tablets and small desktops */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.df_show_small{}   
	.df_show_medium{display: inline-block !important;}
	.df_show_large{}

	.df_show_only_small{display: none;}
	.df_show_only_medium{display: inline-block !important;}
	.df_show_only_large{display: none;}

	.df_hide_small{}
	.df_hide_medium{display: none;}
	.df_hide_large{}

	.df_hide_only_small{display: inline-block !important;}
	.df_hide_only_medium{display: none;}
	.df_hide_only_large{display: inline-block !important;}
} 

/* 4) Medium:  Portrait tablets and medium desktops */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	.df_show_small{}   
	.df_show_medium{display: inline-block !important;}
	.df_show_large{}

	.df_show_only_small{display: none;}
	.df_show_only_medium{display: block !important;}
	.df_show_only_large{display: none;}

	.df_hide_small{}
	.df_hide_medium{display: none;}
	.df_hide_large{}

	.df_hide_only_small{display: inline-block !important;}
	.df_hide_only_medium{display: none;}
	.df_hide_only_large{display: inline-block !important;}
}


/* 5) Large: Large Screens */
@media only screen and (min-width: 1200px) {
	
	.df_show_small{}   
	.df_show_medium{}
	.df_show_large{display: inline-block !important;}

	.df_show_only_small{display: none;}
	.df_show_only_medium{display: none;}
	.df_show_only_large{display: inline-block !important;}

	.df_hide_small{}
	.df_hide_medium{}
	.df_hide_large{display: none;}

	.df_hide_only_small{display: inline-block !important;}
	.df_hide_only_medium{display: inline-block !important;}
	.df_hide_only_large{display: none;}
}

/* 6) Extra Large: Large Screens */
@media only screen and (min-width: 2000px) { 
	
	.df_show_small{}   
	.df_show_medium{}
	.df_show_large{display: inline-block !important;}

	.df_show_only_small{display: none;}
	.df_show_only_medium{display: none;}
	.df_show_only_large{display: inline-block !important;}

	.df_hide_small{}
	.df_hide_medium{}
	.df_hide_large{display: none;}

	.df_hide_only_small{display: inline-block !important;}
	.df_hide_only_medium{display: inline-block !important;}
	.df_hide_only_large{display: none;}
}

/*** print ***/
@media print {
	@page {
        margin: 1cm;
    }
	.btn_print, .btn_back{display: none;}
}