@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
body{ padding:0; margin:0; background:url(../images/climpek.png);font-family: 'Roboto', sans-serif;font-size:13px; color:#333;}
h1{ font-size:25px; color:#282828; font-weight:500; text-align:left; margin-top:0px;}
h1 strong{ color:#ed2a4f; font-weight:600;}

h2 {font-size: 20px; color: #e8161c; margin-top:0;}
h3{font-size: 18px;
    border-bottom: #ccc 1px solid;
    padding-bottom: 5px;
    margin-top: 0;
    color: #e5005d;}

header{ background:#fff url(../images/top-re.jpg) top repeat-x; padding:26px 0;box-shadow: #b1afaf 0px 4px 8px;}
header .logo{padding:5px 0 10px;}
.right{ float:right;}
.right .icons{ float:left; padding:0 5px;}
.member{margin-top:5px;text-align: right;}

#menu{ width:100%;background:#ed1b24;height:52px; border-top:#ff6200 0px solid;margin-top: -25px;}
nav ul {color:#fff;list-style:none;margin:0px; padding:0;}
nav ul li {float:left; text-align:left;background:url(../images/menu-line.png) top right no-repeat;}
nav ul li:first-child {padding-left:0;}
nav ul li:last-child {padding-right:0;background-image:none;}
nav ul li a {display:block;line-height:52px;color:#fff;text-transform:uppercase; font-size:14px; font-weight:500;padding:0px 25px;}
nav ul li a:hover{ background:#24588a;color:#fff;}


nav li ul{
	position: absolute;
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: none;
	z-index: 999999999999;
  	background:#494545;
	border-bottom:#fff 1px solid;
}
nav li ul li{ float:none; text-align:left; background-image:none;}
nav li ul li a
{
  display: block;
  font-size: 13px;
  text-transform: none;
  text-decoration:none;
  height: 30px;
  line-height: 30px;
  color: #fff;
  padding: 0px 10px;
  border-radius:0px;
  border-bottom:#ccc 1px solid;
  
  }
nav li ul li a:hover{color:#fff;background:#11416d;line-height:30px; height: 30px; border-radius:0px;}
nav li:hover ul{display: block;}
				
.slicknav_menu{ display:none;}	
#banner{margin-bottom:25px;}
#banner .banner h1{text-align:left;background:url(../images/hea-bg.png) no-repeat;font-size:22px;font-weight:600;line-height:42px;padding-left:15px;position:absolute;margin-top:8%;color:#b6090e; width:50%}


#leftbox{ border:#bb0b0f 1px solid; border-bottom:#bb0b0f 3px solid; background:#fff; margin-bottom:30px;}
#leftbox h3{font-weight:400;height:41px;color:#fff;display:inline-block;background: url(../images/heading-bg.jpg);margin-top:0px;font-size:22px;line-height:40px; width:100%;padding-left: 15px;}
#leftbox h3:after{content:"";width:19px;height:40px;background:url(../images/left-head-bg.jpg) right;position:absolute; right:0;margin-right: 15px;}
#leftbox .leftmenu{padding:5px 10px;}
#leftbox .leftmenu ul{ margin:0; padding:0; list-style:none;}
#leftbox .leftmenu ul li{background:url(../images/icon-left.png) left no-repeat; font-size:13px; line-height:28px; border-bottom:#ccc 1px solid;}
#leftbox .leftmenu ul li a{ color:#333; text-decoration:none; display:block; padding-left:25px;}
#leftbox .leftmenu ul li a:hover{ background:#eee url(../images/icon-left.png) left no-repeat;; color:#a7070c;}
#leftbox p{ border-bottom:#a7070c 1px dashed; padding:9px 0;}
.news{display:none;}

.bond{ border:#11416d 4px solid; overflow:hidden; margin-bottom:15px;}
.bond h4{ background:url(../images/box-heading.png) no-repeat;font-size:16px; font-weight:600; line-height:36px; padding-left:15px;position: relative;margin-top:-48px; color:#fff;}

.incomebox{background:#fff; border:#ccc 1px solid; overflow:hidden; margin-bottom:25px; color:#a09e9e; text-align:center; font-size:14px; line-height:20px;}
.incomebox h4{text-align:center;font-size:20px;font-weight:600;color:#2466a5; width:100%}
.incomebox h5{ background:#163a5d; line-height:40px; color:#fff; text-align:left; margin-bottom:0;}
.incomebox h5 span{ background:#f43d42;padding: 12px 10px;}
.incomebox h5 span a{color:#fff;}
.incomebox h5 span:hover{ background:#c32566;}
.table{background:#fff;}
table th {background:#11416d;color:#fff;font-size: 16px;font-weight: 500;}

.terms-conditions ol{ margin:0; padding:0!important; list-style: none!important; margin-top:35px;}
.terms-conditions li{list-style: none; background:#fda238; font-size:16px; line-height:27px; padding:0 10px; color:#0a0a0a;margin-bottom: 1px; text-align:left; font-weight:600;}
.terms-conditions ol p{ text-align:justify; padding:10px; padding-bottom:0px; line-height:20px;}
.terms-conditions li:before {margin-right: 10px;background:#c6324a;border-radius: 100%;color: white;width: 1.2em;text-align: center;display: inline-block; line-height:18px; font-size:14px;}

.well-lg{padding: 10px 15px;border-radius: 6px;box-shadow: #ccc 0px 1px 0px 10px;}

ol li{line-height:22px;}
ol li a{color:#f00000;}
hr{border-top: 1px solid #d8d4d4;}

.btn-info{padding:10px; font-size:16px;}

.color{color: #b6090e;}

.pdf{ margin:15px; background:#fff url(../images/pdf.png) left no-repeat; text-align:left height:50px; line-height:50px; color:#064c4c; font-size:14px; text-decoration:none; border:#ccc 1px solid; padding:5px;}
.pdf a{ color:#064c4c; text-decoration:none; padding-left:60px; font-weight:600;}
.pdf a:hover{ color:#df005b;text-decoration:none;}

#footer{ background:#163a5d; margin-top:30px; color:#fff; padding-top:35px; padding-bottom:25px;}
#footer h2{font-size:20px; color:#fff; font-weight:500; border-bottom:#ffc078 0px dashed; padding-bottom:5px;}
#footer .links a{display:block;color:#fff;text-decoration:none; font-size:13px; line-height:25px;}
#footer .links a:hover{color:#b2c9df;} 
#footer .copy{margin-top: 20px;background: #da551f;padding: 10px 5px;overflow: hidden;}
#footer .copy span{float: right;}

@media (min-width:200px) and (max-width:768px) 
{
	header{padding-bottom:0;}
    header .logo{padding: 0px 0 5px;width: 70%;}
	.slicknav_menu {top: 30px;display: block;}
    .slicknav_btn{background-color: #11416d;}
	#menu{ display:none;}
    .member{margin-top:15px;margin-bottom: 8px; display:none;}
    #banner{margin-bottom:10px;}
    #banner .banner h1{font-size:14px;background-size: contain;width: 90%;margin-top:7%;line-height: 38px;}
	#leftbox{display:none;}
	#footer .copy span{float:none;}
}	

.buttommatter{background-color:#eee; color:#666; padding:10px 0px; line-height:1.4; font-size:12px;}
.buttommatter a{color:#666;}
.buttommatter a:hover{color:#000;}
.buttommatter .company{text-align:right;}
.buttommatter img{border:1px solid #ccc; padding:5px; border-radius:3px; background-color:#fff; height:30px; margin:0 5px;}

.company-under-row{display:table;}
.company-under-col{display:table-cell; vertical-align:top;}

@media(max-width:768px){
    .buttommatter{text-align:center;}
    .buttommatter .company{float:none; margin:0 auto;}
    .buttommatter .company{padding-top:5px; margin-top:5px; border-top:1px solid #ccc;}
    .company-under-row{display:table; margin:0 auto;}
    .company-under-col{padding:2px 0px;}
}
@media(min-width:769px){
    .buttommatter .company{float:right;}
    .company-row{display:table;}
    .company-col{display:table-cell; vertical-align:top;}
}