@charset "utf-8";
/* CSS Document */

.inner_banner {width:100%; margin-bottom:55px; position:relative;}
.inner_banner img {width:100%; display:block;}
.inner_banner .bannerText{position: absolute;
    font-size: 39px;
    text-transform: uppercase;
    bottom: 22px;
    left: 2%;
    font-weight: bold;
    color: #fff;}
.inner_page_container {width:100%; margin-bottom:4%;}
.inner_page_data_container {width:100%; max-width:1152px; margin:0 auto; min-height:300px;  }
@media(max-width:600px){
.inner_page_data_container {min-height:200px;}	
	}
.fade_anim, .fade_anim * {
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/******************************* company profile CSS: START *********************************/

.inner_page_data_container h1{ color:#1a508a; font-size:24px; font-weight:bold; margin-bottom:2%;}
.inner_page_data_container h2{ color:#1a508a; font-size:20px; font-weight:bold; margin-bottom:2%;}
.fright{ float:right}

.inner_page_container p{text-align:justify;}

/*.inner_page_data_container .about_box { width:27%; height:auto; display:inline-block; background:#1a508a; text-align:center;padding:25px;}

.inner_page_data_container .about_box:hover { background:#fde044;}


.about_box .icon_box {width: 64px;height: 64px;
	background: red;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	margin:0 auto;
	text-align:center;
	}

.comp_profile{background:url( ) center top no-repeat #ff7e00 ; }
.mid_inn li:hover .comp_profile {background:url(../images/about_profile.png) center bottom  no-repeat #353535 ;}*/

.abtbox {width:100%; height: auto; margin:0 auto;}

.abtbox ul{ width:100%; height:auto; margin: 0 auto 20px auto; text-align:center} 

.abtbox li {display:inline-block; width:328px; height:auto; background:#1a508a; color:#FFFFFF; margin:10px 10px 0px 0px;vertical-align:top; position:relative;}

@media(max-width:1360px){
	
	.abtbox li{
		width:31%;
		font-size:18px;}
	}


.icon_box{width:100%; height:auto; min-height:190px; background-color:#1a508a; position:relative;}
.icon{ width:64px; height:64px;  border-radius:100%; /*background: #ff7e00;*/ margin:0 auto; vertical-align:middle;position: absolute; top:45px; right:0; left:0;}

.abtbox li:hover .icon_box, .abtbox li.resp-tab-active .icon_box { background:#fde044; color:#1a508a !important;}

.companyprofile_icon{background:url(../images/about_profile.png) center top no-repeat #fde044 ; }
.abtbox li:hover .companyprofile_icon, .abtbox li.resp-tab-active .companyprofile_icon {background:url(../images/about_profile.png) center bottom  no-repeat #1a508a ;}

.ncml_icon{background:url(../images/about_ncml.png) center top no-repeat #fde044; }
.abtbox li:hover .ncml_icon, .abtbox li.resp-tab-active .ncml_icon {background:url(../images/about_ncml.png) center bottom  no-repeat #1a508a ;}

.fairfaxIndia_icon{background:url(../images/about_fairfaxIndia.png) center top no-repeat #fde044 ; }
.abtbox li:hover .fairfaxIndia_icon, .abtbox li.resp-tab-active .fairfaxIndia_icon {background:url(../images/about_fairfaxIndia.png) center bottom  no-repeat #1a508a ;}

.icon_box .title{
    position: absolute;
    top: 110px;
    color: #fff;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    padding: 26px;
    text-transform: uppercase;
}
.icon_box:hover .title, .abtbox li.resp-tab-active .title{ color:#1a508a}

.downArrow{position:absolute; bottom:-13px; left:50%; margin-left:-8px; width:16px; display:none;}
.abtbox li.resp-tab-active .downArrow{visibility:visible; display:block;}

.abtbox h2{
	font-size:18px;
	color:#1a508a;
	margin-bottom:15px;
	}


/*@media all and (max-width:980px){

.abtbox li {width:300px; height:auto;}

}*/

/******************************* company profile CSS: End *******************************/





/******************************* BOD CSS: START *******************************/
.bod_team {width:100%; height:auto; text-align:center;}
.bod_team ul {display:table; width:100%; margin:0px 0px;}
.bod_team ul li { width:30%; height: auto; display: inline-block; text-align: center;border:1px solid #e1e1e1; margin:0 17px 5% 17px; padding:3%; box-sizing:border-box; vertical-align:top; min-height:470px; position:relative;}
/*.bod_team ul li:last-child {margin-right:0;}*/
.three {margin-right:0 !important;}
.bod_image { width:100%;  margin:0 auto; border:1px solid #e1e1e1; box-sizing:border-box;}
.bod_image img {width:100%; display:block;}
.bod_name {width:100%; margin:15px 0; font-size:20px; color:#393185; font-weight:bold;}
.bod_designation {width:100%; font-size:14px; color:#2a2e33; font-weight:600;}
.bod_cta {position: absolute; display: block; width: 80%; bottom: 15px;}
.bod_cta a{width:100%; background:#393185; text-transform:uppercase; font-size:18px; font-weight:600; margin-top:15px; padding:10px 0; color:#fff; display:block;}
.bod_cta a:hover {background:#898989; color:#fff;}


/*********************** pop_up strats ***********************/

.popup_top {width:100%; border-bottom:1px solid #000; padding-bottom:15px;}

.popup_image {width:20%; height:auto; float:left; border: 1px solid #e1e1e1;}
.popup_image img {width:100%;display:block;}

.popup_image_text {width:70%; float:right;  margin-top:12%; margin-right:5%;}
.popup_image_text h2 {color:#2671bf; font-size:24px; font-weight:600; margin-bottom:2%;}
.popup_image_text p { color:#010000; font-size:15px; font-weight:600;}

.popup_bod_info { width:100%; margin-top:15px;}
.popup_bod_info p {font-size:14px; color:#010000; line-height:30px;}


.resWidth{width:800px; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/*********************** pop_up ends ***********************/

@media all and (max-width:1024px){
.inner_page_data_container {width:90%;}
.bod_team ul li {min-height: 445px;}
.inner_banner .bannerText{font-size:24px;}
}

@media all and (max-width:870px){
.resWidth{width:auto;}	
.popup_image_text h2{font-size:16px;}
.popup_image_text p{font-size:12px;}
.inner_banner .bannerText{font-size:20px;}	
.overflow{overflow: auto;padding: 25px 0px;}
}

@media all and (max-width:768px){
	
.inner_page_data_container {width: 95%;}
.fright{ float:none; text-align:center}
.bod_team ul li { width:32%;  margin:0 2% 2% 0px;  min-height:390px;}
.bod_name {font-size: 18px;}
.bod_cta a {font-size: 14px;}
.popup_image {width:35%;}
.popup_image_text{width:55%;}
.popup_bod_info p{font-size:13px;}
.icon_box:hover .title{
	color:#fde044;
	}
#parentHorizontalTab p{
	margin-bottom:30px;}
}

@media all and (max-width:600px){
.bod_team ul li { width:48%;  margin:0 4% 4% 0px;  min-height:430px;}
.no_margin {margin-right:0 !important;}
.three {margin-right:4% !important;}
.bod_cta {width:88%;}
.inner_banner .bannerText{font-size:16px; bottom:20px;}	
}


@media all and (max-width:450px){
.bod_team ul li { width:75%; margin: 0 12.5% 8% 12.5%; min-height:460px; padding:5%;}
.bod_cta {width: 88%;}
.inner_banner{overflow:hidden; height:100px;}
.inner_banner img{width:auto; height:100px;}	

}

@media all and (max-width:380px){
.bod_team ul li { width:87%; margin:10px 0px; /*margin: 0 10% 10% 10%;*/ min-height:435px; padding:5%;}
.inner_banner .bannerText{font-size:14px; bottom:10px;}	
}
/*********************** BOD CSS: END ***********************/



/****************************************** careers *****************************************/

.careers .boldtxt { font-size:16px; font-style: normal; font-weight:bold; line-height:20px; padding-bottom:8px;}

.careers p { font-size:15px; font-style:italic; }


/****************************************** Network *****************************************/

.grey_bg{ /*width:95%;*/ height:auto; background:#f1f1f1; padding:15px; margin-bottom:20px; border-left:4px solid #1a508a; }

.grey_bg ul { margin:10px 20px; padding:0;}

.grey_bg ul li { list-style: url(../images/arrow_tab.png); line-height:25px;}

.grey_bg ul li ul { margin:0 25px; padding:0;}

.grey_bg ul li ul li { list-style: url(../images/arrow_tabgrey.png); line-height:25px;}

.grey_bg ul.borderbottom {border-bottom:1px solid #dadada; padding-bottom:10px;}


@media all and (max-width:600px){
	.grey_bg{width: 89%;height: auto;margin: 0 auto; margin-bottom:25px;}
	}
	
/****************************************** responsive table *****************************************/	
.rwd-table {
	overflow: hidden;
	width: 100%;
	font-size: 13px;
	text-align: left;
	margin-bottom: 40px;
}
.rwd-table tfoot{
	background-color:#1a508a;
	text-transform:uppercase;
	color:#2d2c80;}
.rwd-table tr {
	border-top: 0.5px solid #2d2c80;
	border-bottom: 0.5px solid #2d2c80;
}
.rwd-table tr.top {
	border-bottom: 0;
}
.rwd-table tr.bottom {
	border-top: 0;
}
.rwd-table th, .rwd-table td {
	vertical-align: middle;
}
.rwd-table th {
	text-transform: uppercase;
	background-color: #1a508a;
	color: #fff;
}
.rwd-table th, .rwd-table td.hideTd {
	display: none;
}
.rwd-table td {
	display: block;
	position: relative;
	padding: 10px 5px 10px 140px;
}
.rwd-table td.blueText {
	color: #2d2c80
}
.rwd-table td:before {
	content: attr(data-th) ": ";
	width: 130px;
	padding: 10px 5px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
.rwd-table td:before {
	color: #2d2c80;
	font-family: 'Latha-Bold'
}
.rwd-table .editDelete a {
	display: inline-block;
	color: #2d2c80;
}
.rwd-table .editDelete a + a {
	margin-left: 10px;
}
.rwd-table .editDelete a:hover {
	color: #000
}
.rwd-table .imgList, .rwd-table .nameList {
	display: block;
	max-width: 120px;
}
.rwd-table .imgList {
	margin-bottom: 13px;
}
.rwd-table .imgRenter, .rwd-table .nameRenter {
	display: block;
	max-width: 120px;
}
.rwd-table .nameRenter {
	margin-bottom: 5px;
}
.rwd-table .imgRenter {
	margin-bottom: 5px;
	max-width: 35px;
}
.rwd-table td.rwd-reason {
	padding: 20.5px 10px;
	text-align: left;
	background-color: #fff6ea;
}
.rwd-table .imgRenter img {
	width: 100%;
	border-radius: 50%
}
.rwd-btn a {
	background-color: #ffa332;
	text-transform: uppercase;
	padding: 10px 12px;
	color: #fff;
}
.rwd-btn a:hover {
	background-color: #2d2c80;
}
.rwd-table abbr {
	display: block
}
.rwd-table td.rwd-deposit {
	line-height: 16px;
}
.rwd-deposit span {
	display: block;
}

@media (min-width: 568px) {
.rwd-table {
	text-align: center
}
.rwd-table td:before {
	display: none;
}
.rwd-table .imgList, .rwd-table .nameList, .rwd-table .imgRenter, .rwd-table .nameRenter{
	margin-left: auto;
	margin-right: auto}
.rwd-table th, .rwd-table td, .rwd-table td.hideTd{
	display: table-cell;
	padding: 20.5px 0
}
.rwd-table td.rwd-deposit {
	padding-left: 20px;
	text-align: left;}
.rwd-table .editDelete a {
	display: block;
}
.rwd-table .editDelete a + a {
	margin-top: 5px;
	margin-left: 0
}
}	
/****************************************** responsive table *****************************************/