@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;500;600;700&display=swap');

body{width:100%; margin:0; font-family:'Noto Sans', serif; font-size:0.9rem; line-height:18px; color:#333;}
a{color:#000; text-decoration:none; outline:none !important;}
a:hover{color:#333; text-decoration:none; outline:none !important;}

ul{list-style-type:none; margin:0.5rem 0; -webkit-padding-start:0; -moz-padding-start:0;}
ul li{margin:1rem auto;}

ol{list-style-type:disc; margin:0.5rem 0; -webkit-padding-start:20px; -moz-padding-start:20px;}
ol li{margin:1rem auto;}

/* ------------ static css - created 13/8/2018 - 10:59am --------------- */

.static_container{display:block; width:100%; /*background:#f8f8f8;*/ font-family:'Noto Sans', sans-serif;}

.static_box{display:block; width:920px; max-width:90%; font-size:1rem; line-height:1.4rem; text-align:justify; margin:0 auto; padding:3rem 0;}

.static_header{display:block; width:100%; font-size:1.5rem; font-weight:600; color:#000; text-align:center; font-family:'Noto Sans', serif; margin:0 auto 3rem;}

.static_title{display:block; width:100%; font-weight:600; color:#000; margin:3rem auto 1rem;}
.static_subtitle{display:block; width:100%; font-weight:600; color:#666; margin:1rem auto;}
.static_content{display:block; width:100%; font-weight:300; color:#5f6a7d; margin:1rem auto;}

.static_update{display:block; width:100%; font-weight:600; color:#666; margin:2rem auto 1rem;}

/* ------------ error css - added 13/8/2018 - 5:59pm --------------- */

.error_container{display:block; width:100%; min-height:88vh; background:#f8f8f8; font-family:'Noto Sans', sans-serif;}
.error_box{display:block; width:80%; max-width:90%; font-size:1rem; line-height:1.4rem; text-align:center; margin:0 auto; padding:3rem 0;}

.error_header{display:block; width:100%; font-size:2.5rem; font-weight:600; color:#000; text-align:center; font-family:'Noto Sans', serif; margin:2rem auto;}

.error_note{display:inline-block; width:auto; height:250px; line-height:250px; font-size:20rem; font-weight:600; color:#000; margin:0 1rem; vertical-align:middle;}
.error_img{display:inline-block; width:auto; height:200px; margin:1rem auto; vertical-align:middle;}


/* ---------------------------------------------------------------------- */
/* ------------- media css - added 5/10/2018 - 10:32am ------------------ */
/* ---------------------------------------------------------------------- */

@media only screen and (min-width: 481px) and (max-width: 660px) {
  
  .static_container{display:block; width:100%; padding-top:60px;}
  .static_box{display:block; width:80%; max-width:80%;}
  
}

@media only screen and (min-width: 661px) and (max-width: 720px) and (orientation: portrait) {

  .static_container{display:block; width:100%; padding-top:60px;}
  .static_box{display:block; width:80%; max-width:80%;}
  
}

@media only screen and (min-width: 721px) and (max-width: 920px){

  .static_container{display:block; width:100%; padding-top:60px;}
  
}

@media only screen and (min-width:921px) and (max-width: 1024px) {

  .static_container{display:block; width:100%; padding-top:60px;}
  
}

@media only screen and (min-device-width: 768p) and (max-device-width: 1024px) {

	/* ipad */
  
  .static_container{display:block; width:100%; padding-top:60px;}
  
}

@media only screen  and (min-width: 1025px) and (max-width: 1200px) {

  .services_list_box{display:block; width:90%; text-align:center;}
  .services_list_details_content{display:inline-block; width:80%;}
  
}

@media only screen  and (min-width: 1201px) and (max-width: 1300px) {
  
  .services_list_details_content{display:inline-block; width:80%;}
  
}

@media only screen and (max-device-width: 480px) and (orientation:portrait) {
  
  .static_container{display:block; width:100%; padding-top:60px;}
  .static_box{display:block; width:85%; max-width:85%;}
  
}

@media only screen and (max-device-width: 720px) and (orientation:landscape) {
  
  .static_container{display:block; width:100%; padding-top:60px;}
  .static_box{display:block; width:80%; max-width:80%;}
  
}