@charset "utf-8";
/*======================================
  Project Name: Asia Pacific General Insurance Co.  ltd
  Creator     : Utpal nondi
  Date        : 2014-11-26
=======================================*/
body{
  /*font-family:Arial, Helvetica, sans-serif;*/
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 

  font-size:12px;
  line-height:18px;
  background:#fff url(../images/bg_body.png) no-repeat center top;
  }
.clr{
  clear:both;
  }
/*===========@Global Styles ============*/
*{margin:0; padding:0; outline:none}
img,fieldset{border:0}
a{text-decoration:none}
h1,h2,h3,h4,h5,h6{
  margin:0;
  }
.img-responsibe{
  width:100%;
  }
a:focus{
  outline:none;
  } 
  
  
@font-face {
   font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    src: url('../fonts/solaiman-lipi.eot');
    src: url('../fonts/solaiman-lipi.eot') format('embedded-opentype'),
         url('../fonts/solaiman-lipi.woff') format('woff'),
         url('../fonts/solaiman-lipi.ttf') format('truetype'),
         url('../fonts/solaiman-lipi.svg#SolaimanLipiNormal') format('svg');
}
  
  
  
/*==================================================================
                Header
=====================================================================*/
.header{
  }

.header_inner{
  border-top:35px solid #cad;
  }
.logo {
  margin:15px 0;
  }
.logo h1 a img{
  padding:0;
  }

.headerRight{
  margin-top:31px;
  }
.links{
  }
.bnglaProb{
  display:inline-block;
  line-height:30px; 
  float:left;
  margin-left:20px;
  }
.socialShareLink{
  overflow:hidden;
  }
.socialShareLink a img{
  margin:0 13px;
  float:right;
  }
.dateTime{
  text-align:right;
  }
.dateTime h3{
  line-height:40px;
  color:#777777;
  font-size:14px;
  font-weight:normal;
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
  }
  
.glyphicon{
  right:7px;
  } 
  
/*-----------------------------backing---------------------*/ 
.backing{
  } 
  
.backing_inner{
  min-height:43px;
  border:1px solid #bfbfbf;
  margin:0 15px 10px;
  background:#cad;
  } 

.breakingNewsLeft{
  }
.breakingNewsLeft h4{
  font-size:16px;
  line-height:41px;
  color:#fff;
  font-weight:normal;
  text-align:center;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
   padding:0;
  margin:0;
  }
marquee.marqueeItem{
  line-height:42px;
  color:#fff;
  font-size:16px;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;  background:pink;
  padding:0 10px;
  }



.mainpage{
  margin-top:20px;
  }

.mainpage_inner{
  }
/*-----------------------------left_news----------------------*/
.left_news{
  }
.left_news_top{
  } 

.news001{
 
padding:5px 0;
  }

.news001 img{
  float:left;
  margin-right:15px;
  }

.news001 h3{
  font-size:14px;
  line-height:25px;
  color:#1268a7;
  text-align:justify;
  font-weight:normal;
  }

.news001 h3 a{
  font-size:16px;
  line-height:25px;
  color:#1268a7;
  text-align:justify;
  font-weight:normal;
  }

.news001 p{
  font-size:12px;
  line-height:20px;
  color:#000;
  text-align:justify;
  font-weight:normal;
  }


.add{
  margin-top:15px;
  }

.advertisement{
  margin:6px 0;
  }
.advertisement img:hover{
  opacity:0.5;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out  
  }


/*-----------------------------------mid_news------------------------------*/
.mid_news{
  }

.midnews001{
  margin-top:15px;
  
  }

.midnews001 h3{
  font-size:18px;
  line-height:35px;
  color:#1268a7;
  text-align:justify;
  font-weight:normal;
  }

.midnews001 h3 a{
  font-size:18px;
  line-height:35px;
  color:#1268a7;
  text-align:justify;
  font-weight:normal;
  }

.midnews001 p{
  font-size:12px;
  line-height:20px;
  color:#000;
  text-align:justify;
  font-weight:normal;
  }



/*-----------------------------------------content------------------------------------*/
.content{
  }

.banner{
  margin-top:15px;
  
  }

.banner h3{
  font-size:18px;
  line-height:35px;
  color:#fff;
  text-align:center;
  font-weight:normal;
  background:#8a8c8e;
  }

.banner_img{
  margin-top:10px;

  }


.right_top{
  margin-top:15px;
  }

.right_top_left{
  background:#fafafa;
  }

.right_top_left h3{
  font-size:18px;
  line-height:35px;
  color:#fff;
  text-align:center;
  font-weight:normal;
  background:#8a8c8e;
  }
.right_top_left img{
  margin-top:1px;
  }

.right_top_left h4{
  font-size:18px;
  line-height:35px;
  color:#1268a7;
  text-align:justify;
  font-weight:normal;
  }

.right_top_left h4 a{
  font-size:18px;
  line-height:35px;
  color:#1268a7;
  text-align:justify;
  font-weight:normal;
  }

.right_top_left ul{
  }
.right_top_left ul li{
  list-style:none;
  background:url(../images/icon.png) no-repeat left center;
  
  padding-left:20px;
  } 

.right_top_left ul li a{
  font-size:14px;
  line-height:45px;
  color:#333;
  display:block;
  
  }


.footer{
  margin-top:20px;
  }


.footer_inner{
  background:#dedede;
  padding:10px 0;
  }


.footer_inner p{
  font-size:14px;
  line-height:25px;
  color:#000;
  text-align:center;
  }



  
/*============================================================================*/

/* Large desktop */
@media (min-width: 1200px) {


    
  
}
  
/*------desktop--------*/
@media (min-width: 980px) and (max-width: 1199px) {


}
  
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {


.footer_left p{
  text-align:center;
  }    
}
  
/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) {

.footer_left p{
  text-align:center;
  }

/*.search_box{
  margin-bottom:15px;
  } */

.news001{
  margin-bottom:10px;
  padding:15px 0;
  }
.advertisement{
  margin:30px 0;
  }



}


/*@media (max-width:320px) and (max-width: 440px){

}*/

/* Landscape phones and down */
@media (max-width: 480px) {
  
.logo h1 a img{
  margin:0 auto;
  } 
.dateTime h3{
  font-size:12px;
  
  } 
  
.socialShareLink a img{
  float:left;
  margin:4px 8px;
  } 
  

  
}

  




/*---------------------------------------------------------*/

.main_menu{
  }


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
    width: auto;
   font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
  padding:0;
  background: -webkit-linear-gradient(#efefef, #fdfdfd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#efefef, #fdfdfd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#efefef, #fdfdfd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#efefef, #fdfdfd); /* Standard syntax (must be last) */ 
  border:1px solid #bfbfbf;
}
#cssmenu > ul {
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li {
  float: left;
  display: inline-block;
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 18px 17px 21px;
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  color: #414141;
  text-transform: capitalize;
font-family:'SolaimanLipiNormal',Arial,Vrinda,FallbackBengaliFont,Helvetica,sans-serif;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #fff;
  background: #cad;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #d3eced;
  right: 17px;
  top: 22px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 6px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
  top: -4px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 52px;
  left: 0;
  opacity: 1;
  z-index:9999;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 258px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 16px 25px;
  width: 260px;
  color: #000;
  background: #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
  z-index:9999;
  border-bottom:1px solid #e7e7e8;
  text-transform:uppercase;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #333333;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}
@media all and (max-width: 1000px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    background: #39b1cc;
  }
  #cssmenu > ul {
    display: none;
  }
  #cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #cssmenu.align-right > ul {
    float: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li > a {
    padding: 18px 19pxpx 18px;
  font-size:11px;
    border-right: 0;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #cssmenu #menu-button {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #d3eced;
    padding: 18px 25px 18px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: url('images/bg.png');
    cursor: pointer;
  }
  #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul li:hover > ul,
  #cssmenu.align-right > ul > li > ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    border-bottom: 2px solid #d3eced;
    right: 25px;
    top: 18px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    right: 25px;
    top: 28px;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
#cssmenu > ul > li > a {
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  padding:20px 10px;
  text-transform: capitalize;
}
  
  
  
}

.pagination {

  border:2px solid #ddd; 
  color:blue;
  float:left;
  padding: 10px 15px;
  margin: 0 2px;
  
}



