body { margin:0px; padding:0px; font-family: 'RonniaBasicReg';}
a { outline:none; text-decoration:none !important;}
.container-fluid { width:100%; margin:0px; }
.row-clr,.col-clr { margin:0px; padding:0px; }
.clr-pad { padding:0px; }

@font-face {
    font-family: 'RonniaBasicReg';
    src: url('../fonts/RonniaBasicReg.eot');
    src: url('../fonts/RonniaBasicReg.eot') format('embedded-opentype'),
         url('../fonts/RonniaBasicReg.woff2') format('woff2'),
         url('../fonts/RonniaBasicReg.woff') format('woff'),
         url('../fonts/RonniaBasicReg.ttf') format('truetype'),
         url('../fonts/RonniaBasicReg.svg#RonniaBasicReg') format('svg');
}

@font-face {
    font-family: 'RonniaBasicBold';
    src: url('../fonts/RonniaBasicBold.eot');
    src: url('../fonts/RonniaBasicBold.eot') format('embedded-opentype'),
         url('../fonts/RonniaBasicBold.woff2') format('woff2'),
         url('../fonts/RonniaBasicBold.woff') format('woff'),
         url('../fonts/RonniaBasicBold.ttf') format('truetype'),
         url('../fonts/RonniaBasicBold.svg#RonniaBasicBold') format('svg');
}


@font-face {
    font-family: 'RonniaBasicExtraboldItalic';
    src: url('../fonts/RonniaBasicExtraboldItalic.eot');
    src: url('../fonts/RonniaBasicExtraboldItalic.eot') format('embedded-opentype'),
         url('../fonts/RonniaBasicExtraboldItalic.woff2') format('woff2'),
         url('../fonts/RonniaBasicExtraboldItalic.woff') format('woff'),
         url('../fonts/RonniaBasicExtraboldItalic.ttf') format('truetype'),
         url('../fonts/RonniaBasicExtraboldItalic.svg#RonniaBasicExtraboldItalic') format('svg');
}


@font-face {
    font-family: 'RonniaBasicRegItalic';
    src: url('../fonts/RonniaBasicRegItalic.eot');
    src: url('../fonts/RonniaBasicRegItalic.eot') format('embedded-opentype'),
         url('../fonts/RonniaBasicRegItalic.woff2') format('woff2'),
         url('../fonts/RonniaBasicRegItalic.woff') format('woff'),
         url('../fonts/RonniaBasicRegItalic.ttf') format('truetype'),
         url('../fonts/RonniaBasicRegItalic.svg#RonniaBasicRegItalic') format('svg');
}
@font-face {
        font-family: "Rupee Foradian";
        src: url('../fonts/Rupee_Foradian.eot');
        src: url('../fonts/Rupee_Foradian.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rupee_Foradian.svg#Rupee Foradian') format('svg'),
        url('../fonts/Rupee_Foradian.woff') format('woff'),
        url('../fonts/Rupee_Foradian.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}

.rs {font-family: "Rupee Foradian";}
.read-more1 { border:solid 1px #2e2e2e; color:#2e2e2e; padding:12px 8px; text-transform:uppercase; font-family: 'RonniaBasicBold';}


.header-bg { background-image:url(../images/header_bg.jpg); background-repeat:no-repeat; background-position:center top; }
.common-980 { width:980px; margin:0 auto; }
.logo {    padding: 20px;}
.banner img { }
.chevron-down,.down2,.down3,.down4 { margin-top:20px; text-align:center; cursor:pointer; font-size: 24px; width: 30px; margin: 0 auto; color:#9f9f9f;}
.chair-name { position:absolute; top:410px; left:-177px; font-family: 'RonniaBasicExtraboldItalic'; font-size:35px; line-height:1em; color:#0082c6;}
.pat { background-image:url(../images/pat2.jpg); background-repeat:no-repeat; background-position:right 50%; }


/* NAV */

#main-nav {
	z-index: 1;
	width: 200px;
	height: 100%;
	position: fixed;
	overflow: hidden;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
	z-index: 999;
	right: 0em;
	top: 0;
}
#main-nav.show {
	background: #FFF;
	-webkit-box-shadow: -2px 3px 5px 2px rgba(0,0,0,0.18);
-moz-box-shadow: -2px 3px 5px 2px rgba(0,0,0,0.18);
box-shadow: -2px 3px 5px 2px rgba(0,0,0,0.18);
}
#nav-button {
	background: #FFF;
	height: 3em;
	width: 3em;
	border-radius: 0%;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
	top: 2.1em;
	right: -8em;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #444;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}
#nav-button .fa {
	position: absolute;
	top: 0;
	left: 0.2em;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 1em;
	height: 1em;
	font-size: 1em;
	opacity: 1;
	color: #ec1d24;
	-webkit-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	font-size:20px;
}
#nav-button:hover {
	cursor: pointer;
	box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.3);
	color: #222;
}
#nav-button.width {
	width: 80em;
	height: 80em;
	top: -37.5em;
	left: -37.5em;
	box-shadow: none;
}
#nav-button.width:before {
	content: '';
	display: block;
	width: 0.4em;
	height: 0.4em;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-animation: color 0.3s linear;
	animation: color 0.3s linear;
}
@-webkit-keyframes 
color {  0% {
 box-shadow: 0;
}
 30% {
 box-shadow: 0 0 10px 25px rgba(12, 121, 137, 0.5);
/* feather / spread */
}
}
@keyframes 
color {  0% {
 box-shadow: 0;
}
 30% {
 box-shadow: 0 0 10px 25px rgba(12, 121, 137, 0.5);
/* feather / spread */
}
}
/*@keyframes curve {
  0% {
		transform: rotate(0deg)
		           translate(0px)
		           rotate(0deg);
	}
	100% {
		transform: rotate(60deg)
		           translate(200px) 
		           rotate(-60deg);
	}
}*/
ul#nav-list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav-list {
	position: absolute;
	top: 4em;
	padding: 0 0 0 2em;
	display: none;
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	width: 100%;
	z-index: 99;
}
#nav-list a {
	color: #000;
	text-decoration: none;
	display: block;
	border-bottom: solid 1px #FFF;
	width: 100%;
	padding: 5px 7px;
	-webkit-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	font-size: 19px;
	    line-height: 1.2em;
		padding-left:12px;
}
#nav-list a:hover {
	color: #000;
	background-color: #d00f15;
}
#nav-list.nav-show {
	display: block;
}

#nav-list a.no-arrw-bg{     background-image: none;
    color: #2e2e2e !important;
    padding-left: 0px !important;
    padding-right: 0px !important; cursor:default;}
	
	#nav-list a.no-arrw-bg2{     background-image: none;
    color: #2e2e2e !important;
    padding-left: 0px !important;
    padding-right: 0px !important; cursor:pointer;}
	
	#nav-list a.no-arrw-bg2:hover{ color:#d00f15 !important;}



.site {

    position: relative;

    width: 49px;

    cursor: pointer;

    height: 18px;

    float: right;

    margin-right: 0px;

    margin-top: 0px;

}





.speech_bubble {

    position: absolute;

    top: 4px;

    right: 0px;

    z-index: 1;

}





.aicl {

    position: absolute;

    top: 4px;

    right: 0px;

    z-index: 0;

}



/* COR */
#cor-over {padding-bottom:50px;}
.cor-title { font-size:28px; font-family: 'RonniaBasicBold'; color:#2e2e2e;  margin-top: 190px; margin-bottom: 20px;}
.cor-list { border:none; padding:0px;}
.cor-list .caption h3 { font-size:28px;}
.cor-list .caption h3.red,.cor-list .caption h3.green,.cor-list .caption h3.blue {margin:0px; color:#ec2027; background-image:url(../images/red_line.png); background-repeat:no-repeat; background-position:left bottom; padding-bottom:20px; margin-bottom:10px;}
.cor-list .caption h3.green {background-image:url(../images/green_line.png); color:#64b452;}
.cor-list .caption h3.blue {background-image:url(../images/blue_line.png); color:#0082c6;}

.cor-list .caption p { padding:0px; margin:0px; font-size:16px; color:#7d7d7d;}
.cor-list .caption p .sub-con { color:#c4c4c4;}
.cor-list .caption p.cor-list-no {font-size:40px; font-family: 'RonniaBasicExtraboldItalic'; color:#2e2e2e;}
.cor-list .caption p.cor-list-no span { font-size:30px; }

#digital { background-image:url(../images/digital_banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:center top; min-height:746px; }
.digital-title { font-size:32px; color:#FFF; font-family: 'RonniaBasicBold'; margin-top: 60px; text-shadow: 2px 1px 2px rgba(000, 000, 000, 0.42);line-height: 1.1em; margin-bottom:20px;} 
.digital-sub-text { color:#FFF; font-size:16px;  opacity:0.9;}
.digital-red { background-color:rgba(210,47,53,0.8);  margin-top:15px;}
.digital-red p { padding:15px 8px; font-size:16px;font-family: 'RonniaBasicBold'; color:#FFF; line-height:1.8em; }

#chairman { padding-bottom:220px; }
.chairmab-bg { background-image:url(../images/chairman_bg.jpg); background-repeat:no-repeat; background-position:center bottom; }
.chairman-pic { margin-top:50px; }
.chairman-con { margin-top:160px; }
.chairman-con h2 { margin:0px; font-size:26px; /*text-transform:uppercase;*/ font-family: 'RonniaBasicBold'; color:#2e2e2e;}
.chairman-con h3 { color:#0082c6; font-size:40px; line-height:1.2em; font-family: 'RonniaBasicBold'; margin-bottom:20px;}
.chairman-con p { font-size:16px; margin:0px; padding-bottom:12px; color:#7d7d7d;}

#digital-all { background-color:#f3f3f3; }
.digital-all-bg { background-image:url(../images/botton_bg.jpg); background-repeat:no-repeat; background-position:center bottom; min-height:500px;}
.digital-all-title { font-size:28px; font-family: 'RonniaBasicBold'; color:#2e2e2e; /*text-transform:uppercase;*/ margin-top: -60px; } 
.digital-all-con {}
.digital-all-con h2 { color:#5cb248; font-size:41px; font-family: 'RonniaBasicExtraboldItalic'; }
.digital-all-con p { color:#2e2e2e; font-size:16px; line-height:1.2em; }
.digital-all-con h3 { margin:0px; color:#5cb248; font-size:35px; font-family: 'RonniaBasicExtraboldItalic'; margin-top:15px;}
.digital-all-con p.sub { color:#b0b0b0; }


.carousel-control.left,.carousel-control.right {
    background-image: none;;
}
.carousel-control {opacity: 1; color:#a4a4a4; width: 4%; z-index:99;}

.carousel-control.left { left:-4% !important; }
.carousel-control.right { right:0%; }


#footer { background-color:#2e2e2e; color:#FFF; font-size:14px; padding-top:20px; padding-bottom:20px;}

.bg-yellow{ background-color:#f9b70c !important;}
	.bg-orange{ background-color:#eb6615 !important;}
	.bg-green{ background-color:#50af47 !important;}
	.col-green{ color:#50af47 !important;}
	.col-yellow{ color:#f9b70c !important;}
	.col-orange{ color:#eb6615 !important;}
	
.area a { display: block !important;
    font-size: 14px !important;
    padding: 3px 7px !important;
    border-bottom: none; color:#999999 !important; background-image:url(../images/light_arrow.jpg); background-repeat:no-repeat; background-position:left 5px;     padding-left: 11px !important;}	
.area a:hover { background-color:transparent !important; color:#ec2027 !important;  }	
	

.panel-heading { padding:0px; }
.panel-default>.panel-heading { background-color:transparent; }
a.panel-title { color:#2e2e2e !important; }
a:hover.panel-title { color:#FFF !important; background-color:#ec2027 !important;}
.panel-default { border:none; }

.mobile-hide { display:block; }
.mobile-show { display:none; }