@font-face {
  font-family: 'icomfabao';
  src:  url('fonts/icomfabao.eot?bsjh1u');
  src:  url('fonts/icomfabao.eot?bsjh1u#iefix') format('embedded-opentype'),
    url('fonts/icomfabao.ttf?bsjh1u') format('truetype'),
    url('fonts/icomfabao.woff?bsjh1u') format('woff'),
    url('fonts/icomfabao.svg?bsjh1u#icomfabao') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomfabao' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mail:before {
  content: "\e002";
}
.icon-unlock:before {
  content: "\e008";
}
.icon-signal:before {
  content: "\e011";
}
.icon-clock:before {
  content: "\e014";
}
.icon-cog:before {
  content: "\e023";
}
.icon-layers:before {
  content: "\e031";
}
.icon-search:before {
  content: "\e036";
}
.icon-microphone:before {
  content: "\e048";
}
.icon-speech-bubble:before {
  content: "\e076";
}
.icon-share:before {
  content: "\e081";
}
.icon-esc:before {
  content: "\e089";
}
.icon-volume:before {
  content: "\e098";
}
.icon-mute:before {
  content: "\e099";
}
.icon-loader:before {
  content: "\e105";
}
.icon-open:before {
  content: "\e128";
}
.icon-dehaze:before {
  content: "\e15c";
}
.icon-sin:before {
  content: "\e612";
}
.icon-userss:before {
  content: "\e616";
}
.icon-user33:before {
  content: "\e617";
}
.icon-uniE61C:before {
  content: "\e61c";
}
.icon-bwx:before {
  content: "\e62a";
}
.icon-uniE62F:before {
  content: "\e62f";
}
.icon-uniE630:before {
  content: "\e630";
}
.icon-uniE631:before {
  content: "\e631";
}
.icon-uniE632:before {
  content: "\e632";
}
.icon-uniE633:before {
  content: "\e633";
}
.icon-uniE67F:before {
  content: "\e67f";
}
.icon-star:before {
  content: "\e901";
}
.icon-heart:before {
  content: "\e907";
}
.icon-check-alt:before {
  content: "\e908";
}
.icon-star-outline:before {
  content: "\e909";
}
.icon-heart-outline:before {
  content: "\e90a";
}
.icon-book:before {
  content: "\e90b";
}
.icon-books:before {
  content: "\e90c";
}
.icon-cooke:before {
  content: "\e90e";
}
.icon-cookeMin:before {
  content: "\e90f";
}
.icon-menu2:before {
  content: "\e910";
}
.icon-menu:before {
  content: "\e911";
}
.icon-seach:before {
  content: "\e912";
}
.icon-telphone:before {
  content: "\e913";
}
.icon-user:before {
  content: "\e914";
}
.icon-userMax:before {
  content: "\e915";
}
.icon-cookes2:before {
  content: "\e916";
}
.icon-star2:before {
  content: "\e917";
}
.icon-fabao:before {
  content: "\e918";
}
.icon-play:before {
  content: "\e919";
}
.icon-ear:before {
  content: "\e91a";
}
.icon-gender:before {
  content: "\e91b";
}
.icon-uniE91C:before {
  content: "\e91c";
}
.icon-iphone:before {
  content: "\e91d";
}
.icon-iphones:before {
  content: "\e91e";
}
.icon-email:before {
  content: "\e91f";
}
.icon-love:before {
  content: "\e920";
}
.icon-why2:before {
  content: "\e921";
}
.icon-x-altx-alt:before {
  content: "\e922";
}
.icon-uniE923:before {
  content: "\e923";
}
.icon-uniE924:before {
  content: "\e924";
}
.icon-uniE925:before {
  content: "\e925";
}
.icon-uniE926:before {
  content: "\e926";
}
.icon-uniE927:before {
  content: "\e927";
}
.icon-uniE928:before {
  content: "\e928";
}
.icon-uniE929:before {
  content: "\e929";
}
.icon-uniE92A:before {
  content: "\e92a";
}
.icon-uniE92B:before {
  content: "\e92b";
}
.icon-uniE92C:before {
  content: "\e92c";
}
.icon-uniE92D:before {
  content: "\e92d";
}
.icon-uniE92E:before {
  content: "\e92e";
}
.icon-number:before {
  content: "\e92f";
}
.icon-server:before {
  content: "\e930";
}
.icon-focus:before {
  content: "\e931";
}
.icon-adr:before {
  content: "\e932";
}
.icon-chuank:before {
  content: "\e933";
}
.icon-cden:before {
  content: "\e934";
}
.icon-shus:before {
  content: "\e935";
}
.icon-img:before {
  content: "\e936";
}
.icon-zank:before {
  content: "\e937";
}
.icon-uniE938:before {
  content: "\e938";
}
.icon-uniE939:before {
  content: "\e939";
}
.icon-rss:before {
  content: "\e93a";
}
.icon-cookeMin2:before {
  content: "\e93b";
}
.icon-pass:before {
  content: "\e93c";
}
.icon-eye:before {
  content: "\e93d";
}
.icon-play2:before {
  content: "\e93e";
}
.icon-pause:before {
  content: "\e93f";
}
.icon-stop:before {
  content: "\e940";
}
.icon-cookes:before {
  content: "\e941";
}
.icon-xj:before {
  content: "\e942";
}
.icon-dz:before {
  content: "\e943";
}
.icon-why:before {
  content: "\e944";
}
.icon-volume-high:before {
  content: "\ea26";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-moneybag:before {
  content: "\e903";
}
.icon-auction:before {
  content: "\e904";
}
.icon-justice:before {
  content: "\e905";
}
.icon-dollar:before {
  content: "\e906";
}
.icon-close:before {
  content: "\e5cd";
}
.icon-directions_car:before {
  content: "\e531";
}
.icon-favorite:before {
  content: "\e87d";
}
.icon-fingerprint:before {
  content: "\e90d";
}
.icon-info:before {
  content: "\e88e";
}
.icon-info_outline:before {
  content: "\e88f";
}
.icon-message-typing:before {
  content: "\e902";
}
.icon-edit:before {
  content: "\f044";
}
.icon-pencil-square-o:before {
  content: "\f044";
}
.icon-typing:before {
  content: "\e900";
}
.icon-heart-broken:before {
  content: "\e9db";
}
.icon-mail3:before {
  content: "\ea85";
}

/*----------*/



.mt_2{margin-top:2px;}
.mt_3{margin-top:3px;}
.mt_5{margin-top:5px;}
.mt_6{margin-top:6px;}
.mt_8{margin-top:8px;}

.mt_10{ margin-top:10px;}
.mt_15{ margin-top:15px;}
.mt_18{ margin-top:18px;}
.mt_20{ margin-top:20px;}
.mt_35{ margin-top:45px;}

.ml_8{ margin-left:8px;}
.ml_10{ margin-left:10px;}
.mr_10{ margin-right:10px;}
.mr_8{ margin-right:8px;}

.pl_0{ padding-left:0px;}
.pl_4{ padding-left:4px;}
.pl_6{ padding-left:6px;}
.pl_8{ padding-left:8px;}
.pl_10{ padding-left:10px;}
.pl_30{ padding-left:30px;}

.pt_1{ padding-top:1px;}
.pt_3{ padding-top:3px;}
.pt_5{ padding-top:5px;}
.pt_8{ padding-top:8px;}
.pt_10{ padding-top:10px;}
.pt_15{ padding-top:15px;}
.pt_20{ padding-top:20px;}
.pt_25{ padding-top:25px;}
.pt_30{ padding-top:30px;}
.pb_10{padding-bottom:10px;}
.pr_10{ padding-right:10px;}

.txl{ text-align:left;}
.txc{ text-align:center;}
.txr{ text-align:right;}

.fs_w{ font-weight:bold;}

.fs_12{ font-size:12px;}
.fs_14{ font-size:14px;}
.fs_18{ font-size:18px;}

.fs_s05{ font-size:0.5rem;}
.fs_s06{ font-size:0.6rem;}
.fs_s07{ font-size:0.7rem;}
.fs_s08{ font-size:0.8rem;}
.fs_s09{ font-size:0.9rem;}
.fs_s1{ font-size:1.0rem;}
.fs_s11{ font-size:1.1rem;}
.fs_s12{ font-size:1.2rem;}
.fs_s13{ font-size:1.3rem;}
.fs_s14{ font-size:1.4rem;}
.fs_s14s{ font-size:1.4rem!important; }
.fs_s15{ font-size:1.5rem;}
.fs_s15s{ font-size:1.5rem!important; }
.fs_s17{ font-size:1.7rem;}
.fs_s16{ font-size:1.6rem;}
.fs_s18{ font-size:1.8rem;}
.fs_s20{ font-size:2.0rem;}
.fs_s25{ font-size:2.0rem;}
.fs_s30{ font-size:3.0rem;}

.fc_pink{ color:#fe7271;}
.fc_white{ color:#fff;}
.fc_hei{ color:#000;}
.fc_gray{ color:#bcbbbb;}

.fc_dsgray{ color:#b9b9b9;}
.fc_dgray{ color:#979797;}
.fc_sgray{ color:#515151;}
.fc_zgray{color:#8c8c8c;}
.fc_yell{ color:#f3a50d;} 
.fc_dyell{ color:#fef801;}
.fc_blue{ color:#10a9f7;}
.fc_sblue{ color:#408ed6;}
.fc_red{ color:#F00;}
.fc_yellow{ color:#ff6600;}
.fc_srose{ color:#bc0c16;}








@media screen and (min-width: 640px) and (max-width: 768px){
 
body{background:#63F;}
.header {
	margin:0 auto; margin-left:7%; width: 100%; max-width:86%; 
}
.page{
	margin:0 auto; margin-left:7%; width: 100%; max-width:86%; 
	
}
.footer {
	margin:0 auto; margin-left:7%; width: 100%; max-width:86%; 
	
}




}


@media screen and (min-width: 769px) and (max-width: 1024px){
 
body{background: #7C7C7C;}
.header {
	margin:0 auto; margin-left:18%; width: 100%; max-width:64%; 
}
.page{
	margin:0 auto; margin-left:18%; width: 100%; max-width:64%; 
	
}
.footer {
	margin:0 auto; margin-left:18%; width: 100%; max-width:64%; 
	
}




}

@media screen and (min-width: 1025px) and (max-width: 1440px){
 
body{background: #7C7C7C;}
.header {
	margin:0 auto; margin-left:28%; width: 100%; max-width:44%; 
}
.page{
	margin:0 auto; margin-left:28%; width: 100%; max-width:44%; 
	
}
.footer {
	margin:0 auto; margin-left:28%; width: 100%; max-width:44%; 
	
}




}


@media screen and (min-width: 1441px) {
 

.header {
	margin:0 auto; margin-left:28%; width: 50%; max-width:44%; 
}
.page{
	margin:0 auto; margin-left:28%; width: 50%; max-width:44%; 
	
}
.footer {
	margin:0 auto; margin-left:28%; width: 50%; max-width:44%; 
	
}
.bodys{background:#454545;}


}