.@font-face {
  font-family: 'Istok Web';
  src: url('../fonts/IstokWeb-Regular.woff') format('woff'), 
       url('../fonts/IstokWeb-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
  font-family: 'Istok Web-italic';
  src: url('../fonts/IstokWeb-Italic.woff') format('woff'), 
       url('../fonts/IstokWeb-Italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
  font-family: 'Istok Web-bold';
  src: url('../fonts/IstokWeb-Bold.woff') format('woff'), 
       url('../fonts/IstokWeb-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
.ui-page, .ui-body-c, .ui-page-active, .ui-overlay-c, .ui-mobile-viewport
{
    background: transparent !important;
}

p,h3,h4,h2,a,li{
  text-shadow:initial !important;
  color:white !important;
}

#bg{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  background:url('../image/whole_bg.jpg');
  background-repeat:no-repeat;
  background-size:100% 100%;
  z-index:-1;
}
#footer{
  background:#376eae;
  text-align: center;
  box-shadow: 0px 0px 15px #333;
}
#footer img{
  margin-top:10px;
}
#fastumgel_top_image{
text-align: center;
}
#body{
	padding-bottom:148px;
}
#header{
background: transparent !important;

	background-size:100% 100%;
}
#panelimg{
	float:right;
}
#panelimg img{
	width:50px !important;
}
.ui-body-c, .ui-overlay-c { text-shadow:0 0 0; }
.ui-header, .ui-footer {
border:0;
position: relative;
}
#mid_header{
	clear:both;
}
#bodyhead{
  margin-top:20px;
}
#index_box{
  margin-top:20px;
}
#header-image{
	width:47%;
	display: inline-block;
	vertical-align: top;
}
#header-mid-sub{
	width:47%;
	display: inline-block;
	vertical-align: top;
}
#header-mid-sub h2{
	font-family:'Istok Web';
	 color:#146DD1;
	 text-align: center
}
#index_box p{
  font-family:'Istok Web';

}
#readmorea a{
  display: block;
  margin:10px auto;
  padding:2px;
  min-width:100px;
  text-align: center;
  color:white;
  background:#D6232C;
  border:1px solid #A81F24;
  border-radius: 10px;
  font-family: 'Istok Web';
  font-size:10pt;
  text-decoration: none;
  text-shadow:0 0 0 !important;
    font-weight:100;
}
#fastumgel{
  padding:5px;
}
#fastum_content_prop{
  padding:5px;
}
#fastumgel_content h3{
  margin-top:20px;
   font-family: 'Istok Web-bold';
   color:#376eae;
}
#fastum_content_prop h4{
   font-family: 'Istok Web';
   color:#376eae;
}
#fastumgel select{
  width:100%;
  border:1px solid #376eae;
    font-family: 'Istok Web';
  font-size:11pt;
}
#fastum_content_prop p{
 font-family: 'Istok Web-italic';
 font-size:11pt;
}
#fastum_content_prop ul{
   font-family: 'Istok Web';
   margin:5px;
    font-size:11pt;
}
#contactusp{
  font-family: 'Istok Web';
   margin:20px auto;
    font-size:12pt;
}
#map_content{
padding-top:20px;
}
#map_content h1{
   font-family: 'Istok Web';
       font-size:17pt;
       color:#376eae;;
}
#map_content p{
  font-family: 'Istok Web';
    font-size:10pt;
}

#faqs{

  margin:0;

  padding:0;

  margin-top:70px;

}

#faqs li{

  list-style: none;

  display:block;

  padding:10px;

  border-bottom:1px solid white;

  clear:both;

}
#faqs li ul li{
  border:0;
  padding:0px;
  list-style: circle;
  font-family:'Istok Web';
  font-size:11pt;
  color:black;
  list-style-type: disc;
  display:list-item;
}
#faqs li ul{
  list-style-type: circle;
}
#faqs li a{

  font-family: 'Istok Web-Bold';

  font-size:18pt;

  text-decoration: none;

  color:white;

}

#faqs li p{
  font-family:'Istok Web';
  font-size:11pt;
}
.faqs_details{
  display:none;
}
.downt{
  display:inline-block;
  float:right;
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid white;
  margin-top:20px;
}
.upt{
  display:inline-block;
  float:right;
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
    margin-top:-10px;
}
#mypanel{
  background:#376eae;
}
#panel li{
  list-style: none;
  display:block;
  font-family:'Istok Web';
  border-bottom:1px solid white;
}
#panel li a{
display:block;
padding:20px;
font-family:'Istok Web';
font-weight:100;
text-decoration: none;
text-shadow:0 0 0 !important;
color:white;
font-size:11pt;
}

.ui-panel-inner{
  padding:0 !important;
}
@media only screen and (max-width : 320px) {
  #top_logo img{width:100px;}
  #panelimg img{width:25px !important;}
  #header-mid-sub h2{font-size:15pt;}
  #header-image{width:48%;}
  #header-mid-sub{width:48%;}

p{font-size:10pt;}
  #header_text{font-size:10pt !important;}

  #faqs li a{font-size:12pt;}
  #faqs li p{font-size:9pt;}
  #mypanel{width:11em !important;}
  #readmorea a{font-size:10pt;}
  #panel li a{
    font-size:14pt;
  }
} 
@media only screen and (min-width : 320px) and (max-width : 480px) {
  #top_logo img{width:150px;}
  #panelimg img{width:30px !important;}
  #header-image{width:48%;}
  #header-mid-sub{width:48%;}
  #header-mid-sub h2{font-size:18pt;}
 #panel li a{
    font-size:14pt;
  }
  #faqimage{
    display: none;
  }
  #mid_header{
    display: none;
  }
  #youtube iframe{height:200px;}
   p{font-size:11pt;}
  #header_text{font-size:14pt !important;}
  .header_prop{height:93px !important;}
   #faqs li a{font-size:14pt;}
   #readmorea a{font-size:11pt;}
}
@media only screen and (min-width : 480px) and (max-width : 768px) {
  #top_logo img{width:400px;}
  #header-image{width:48%;}
  #header-mid-sub{width:48%;}
  #header-mid-sub h2{font-size:30pt;}
   #panel li a{
    font-size:15pt;
  }
  #youtube iframe{height:300px;}

   #faqs li a{font-size:14pt;}
   #header_text{font-size:18pt !important;}
    p{font-size:18pt;}
   #readmorea a{font-size:18pt;}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
 #top_logo img{width:400px;}
 #header-image{width:48%;}
 #header-mid-sub h2{font-size:36pt;margin-top:40px;}
#panel li a{
    font-size:27pt;
  }
 #youtube iframe{height:400px;}
.ui-panel{
  width:24em;
}
 #header_text{font-size:30pt !important;}
  p{font-size:20pt;}
 #readmorea a{font-size:20pt;}
  #header-image img{width:100%;}
   #panelimg img{
    width:100px !important;
  }
}
@media only screen and (min-width : 1024px) {
  #top_logo img{width:400px;}
  #header-mid-sub h2{font-size:45pt;margin-top:50px;}

  #youtube iframe{height:500px;}
  #panel li a{
    font-size:25pt;
  }
  #panelimg img{
    width:100px !important;
  }
  .ui-panel{
  width:24em;
}
   #header_text{font-size:30pt !important;}
   p{font-size:22pt;}
    #readmorea a{font-size:22pt;}
  #header-image img{width:100%;}
}