/*

Template Name: Bootstrap Starter Kit - Style Library 1

Description: Business Startup & Prototyping HTML Framework

Author: Theme Spirit

Author URI: http://www.creativemarket.com/theme_spirit



Version: 1.0



*/





/*	PATTERN LIBRARY STYLES

/*----------------------------------------------------*/



/* GOOGLE FONTS */

/*

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700italic,700,500italic,500,400italic,300italic,300);

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);

*/





/* GOOGLE FONTS */



@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: 'ronnia_ltlight';
    src: url('../fonts/ronnialight-webfont.eot');
    src: url('../fonts/ronnialight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ronnialight-webfont.woff2') format('woff2'),
         url('../fonts/ronnialight-webfont.woff') format('woff'),
         url('../fonts/ronnialight-webfont.ttf') format('truetype'),
         url('../fonts/ronnialight-webfont.svg#ronnia_ltlight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@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"; font-weight:400;}



body {

	color: #333333;

	background: #ffffff;  

	overflow-x: hidden; 

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

    font-family: 'RonniaBasicReg';

}



@media (min-width: 1200px)

    {

.container {

  width: 1024px;

}

        

    }

	.no-padding{ padding:0px !important;}

	.no-margin{ margin:0px !important;}
     
	 .nomarg-top{ margin-top:28px;}


/* BACKGROUND COLORS */



.bg-black { background-color: #111111 !important; }

.bg-white { background-color: #FFFFFF !important; }

.bg-orange { background-color: #ea6424 !important; }

.bg-green-light { background-color: #b7d62d !important; }

.bg-red-light { background-color: #ec1d24 !important; }

.bg-red-dark { background-color: #571509 !important; }

.bg-green-dark { background-color: #5cb248 !important; }

.bg-grey{ background-color:#c7c8c8 !important;}


.bg-offwhite{ background-color:#d0d0d1 !important;}

.bg-white{ background-color:#fff !important;}



/* COLORS */



.red { color: #ec1d24; }

.white { color: #FFFFFF; }

.black { color: #08090a; }

.green { color: #64b452; }

.green-light { color: #b7d62d; }

.blue { color: #0082c6; }

.grey{ color:#66686b;}

.orange{ color:#ee6723;}

/* PADDING, MARGIN & ALIGNMENT */

.pad5 { padding-top:5px; }

.pad10 { padding-top:10px !important; }

.pad15 { padding-top:15px !important; }

.pad25 { padding-top:25px !important; }

.pad30 { padding-top:30px; }

.pad45 { padding-top:45px; }

.pad60 { padding-top:60px; }

.pad90 { padding-top:90px; }



.min-height-100px { min-height: 100px; }

.min-height-150px { min-height: 150px !important; }

.min-height-200px { min-height: 200px !important; }

.min-height-230px { min-height: 230px !important; }

.min-height-300px { min-height: 300px; }

.min-height-400px { min-height: 400px; }

.min-height-500px { min-height: 500px; }

.min-height-600px { min-height: 600px; }

.min-height-700px { min-height: 700px; }

.min-height-800px { min-height: 800px; }



.marg-bottom5 { margin-bottom: 5px; }

.marg-left25 { margin-left: 25px !important; }

.marg-right5 { margin-right: 5px; }

.but_marg { margin-left: 3px; }



.v-center {

	display: inline-block;

	vertical-align: middle;

	float: none;

}



/** TYPOGRAPHY **/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

	font-family: 'RonniaBasicBold';

	line-height: 1.1;

}



h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {

	color: #e5e5e5;

}



h1, h2, h3 {

	margin-bottom: 20px;

	font-weight: 300;

}



h4, h5, h6 {

	margin-bottom: 15px;

	font-weight: 400;

}



h1, .h1 { font-size: 44px; }

h2, .h2 { font-size: 37px; }

h3, .h3 { font-size: 27px; }

h4, .h4 { font-size: 23px; }

h5, .h5 { font-size: 18px; }

h6, .h6 { font-size: 16px; }



p {

	font-family: 'RonniaBasicReg';
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    margin: 13px 0;
    color: #515157;

}

ul.breadcrumb li a{ color:#0082c6;}
.breadcrumb li a.inact{ color:#777 !important; cursor:default !important;} 

.legend-txt p{ font-size:12px; margin:0px; padding:0px;}

.lead {

	margin-bottom: 30px;

	font-size: 20px;

	line-height: 1.4;

	font-weight: 300;

}



small, .small {

	font-size: 80%;

	line-height: 2;

}



em { color: #ff6600; }



/* LINKS */



a { color: #1abc9c; }



a:hover {

	color: #16a085;

	text-decoration: none;

	-moz-transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

}



/* LISTS */



ol {

	position: relative;

	padding-left: 22px;

}



ul {

    list-style: none;

	position: relative;

	padding-left: 22px;

}



ul li,

ol li {

	font-family: 'RonniaBasicReg';

	font-size: 14px;

	color: #515157;

	margin-bottom: 5px;

}



ul.circle li:before {

    font-family: 'fontawesome';

    content: '\f10c';

    font-size: 12px;

    color: #16a085;

    padding-top: 2px;

	margin-left: -20px;

	position: absolute;

}



/* TITLES */



.underlined-title {


	padding-bottom: 20px;

}



.underlined-title h1 {
color: #08090a;
    margin: 0;
    font-size: 35px;
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 2px solid #08090a;

}

.underlined-title h1 span.smll-txt{ font-size:19px;}


span.btm-common-bord {
    width: 100px;
    height: 10px;
    display: block;
}



.underlined-title h2 {

	font-size: 22px;

	font-weight: 400;

}


.underlined-title h2.sub-desc{ font-size: 26px; font-family: 'RonniaBasicReg'; line-height:32px; font-weight:400; margin:0px;}

.underlined-title hr {

	width: 10%;

	border-width: 2px;

	border-color: #16a085;

}





/* IMAGES */

img {

	

}







/*===================================================================================*/

/*	BUTTONS

/*===================================================================================*/



.btn {

    color: #FFF;

    padding: 10px 20px;

	margin: 15px 0;

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

    font-size: 14px;

    font-weight: 600;

	letter-spacing: 0.1em;

    text-shadow: none;

    border: none;

    text-transform: uppercase;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

}



.btn-sm {

    padding: 7px 13px;

	font-size: 12px;

}



.btn-lg {

    padding: 16px 26px;

	font-size: 16px;

}



.btn-xl {

	padding: 18px 30px;

	font-size: 24px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

}



h1 .btn,

h2 .btn,

h3 .btn,

h4 .btn,

p .btn {

	margin-left: 15px;

}



/* Button DISABLED */

.disabled a {

	cursor: not-allowed;

}



/* Button DEFAULT */

.btn.btn-default {

	background: #ecf0f1;

	box-shadow: 0 2px #bdc3c7;

	color: #999;

}



.btn.btn-default:hover {

	background: #bdc3c7;

}



/* Button PRIMARY */

.btn.btn-primary {

	background: #1abc9c;

	box-shadow: 0 2px #16a085;

}



.btn.btn-primary:hover {

	background: #16a085;

}



/* Button WARNING */

.btn.btn-warning {

	background: #f1c40f;

	box-shadow: 0 2px #f39c12;

}



.btn.btn-warning:hover {

	background: #f39c12;

}



/* Button DANGER */

.btn.btn-danger {

	background: #e74c3c;

	box-shadow: 0 2px #c0392b;

}



.btn.btn-danger:hover {

	background: #c0392b;

}



/* Button SUCCESS */

.btn.btn-success {

	background: #2ecc71;

	box-shadow: 0 2px #27ae60;

}



.btn.btn-success:hover {

	background: #27ae60;

}



/* Button DARK */

.btn.btn-dark {

	background: #34495e;

	box-shadow: 0 2px #2c3e50;

	color: #ffffff;

}



.btn.btn-dark:hover {

	background: #2c3e50;

}



/* Button INFO */

.btn.btn-info {

	background: #3498db;

	box-shadow: 0 2px #2980b9;

}



.btn.btn-info:hover {

	background: #2980b9;

}



/* Outline Buttons */

.btn-outline {

	color: #FFF;

    padding: 12px 20px;

	margin: 15px 0;

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

    font-weight: 600;

    font-size: 14px;

    text-align: center;

	letter-spacing: 0.1em;

    text-shadow: none;

    border: none;

    text-transform: uppercase;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

}



.btn-outline:hover {

	text-decoration: none;

	color: #ffffff;

}



.btn-outline-sm {

	padding: 5px 13px;

	font-size: 13px;

}



.btn-outline-lg {

	padding: 14px 26px;

	font-size: 15px;

}



.btn-outline-xl {

	padding: 18px 30px;

	font-size: 24px;

	

}



.btn-outline.outline-light,

.icon.outline-light {

	color: #ffffff;

	background: none;

	border: 2px solid #ffffff;

}



.btn-outline.outline-light:hover,

.icon.outline-light:hover {

	color: #2c3e50;

	background: #ffffff;

}



.btn-outline.outline-dark,

.icon.outline-dark {

	color: #2c3e50;

	background: none;

	border: 2px solid #2c3e50;

}



.btn-outline.outline-dark:hover,

.icon.outline-dark:hover {

	color: #ffffff;

	background: #2c3e50;

}



button:hover {

	text-decoration: none;

	-moz-transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

}



/*===================================================================================*/

/*	SOCIAL ICONS

/*===================================================================================*/



.social {

    padding: 0;

    margin: 0;

    list-style: none;

    position: relative;

    z-index: 100;

}



.social li {

    display: inline-block;

    margin-right: 6px;

}



.social li a {

    display: table;

	position: relative;

}



.social li a i {

    text-align: center;

    display: table-cell;

    vertical-align: middle;

    width: 34px;

    height: 34px;

    font-size: 18px;

    -webkit-transition: all 200ms ease-out;

       -moz-transition: all 200ms ease-out;

         -o-transition: all 200ms ease-out;

            transition: all 200ms ease-out;

}



.social-light li a i {

	color: #ffffff;

}



.social-dark li a i {

	color: #666666;

}



.social li a i:after {

	content: '';

	z-index: -1;

	position: absolute;

	width: 100%;

	height: 0;

	top: 0;

	left: 0;

    -webkit-transition: all 200ms ease-out;

       -moz-transition: all 200ms ease-out;

         -o-transition: all 200ms ease-out;

            transition: all 200ms ease-out;

}

.social li a:hover i {

	color: #f0f0f0;

}

.social li a:hover i:after {

	height: 100%;

}

.social a .fa-facebook:after {

    background: #3b5998;

}

.social a .fa-google-plus:after {

    background: #dd4b39;

}

.social a .fa-twitter:after {

    background: #00aced;

}

.social a .fa-pinterest:after {

    background: #CB2027;

}

.social a .fa-behance:after {

    background: #1769FF;

}

.social a .fa-dribbble:after {

    background: #EA4C89;

}









/* FORM CONTROL */



fieldset {

	border: 2px solid #ecf0f1;

	border-radius: 6px;

	padding: 30px 50px;

}



fieldset legend {

    color: #333;

    padding: 5px 10px;

    border: 2px solid #ecf0f1;

    border-radius: 6px;

}



.form-control {

	border: 2px solid #ecf0f1;

	color: #34495e;

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

	font-size: 14px;

	line-height: 1.467;

	padding: 8px 12px;

	height: 40px;

	-webkit-appearance: none;

	border-radius: 6px;

	-webkit-box-shadow: none;

	box-shadow: none;

	-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;

	transition: border .25s linear, color .25s linear, background-color .25s linear;

}



.form-group {

	position: relative;

	margin-bottom: 20px;

}



.form-group.focus .form-control,

.form-control:focus {

	border-color: #1abc9c;

	outline: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

}



.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

	background-color: #f4f6f6;

	border-color: #d5dbdb;

	color: #d5dbdb;

	cursor: default;

	opacity: 0.7;

	filter: alpha(opacity=70);

}



.form-control.form-minimal {

	border-color: transparent;

}



.form-control.form-minimal:hover {

	border-color: #bdc3c7;

}



.form-control.form-minimal:focus {

	border-color: #1abc9c;

}





.has-success .help-block,

.has-success .control-label {

  color: #2ecc71;

}

.has-success .form-control {

  color: #2ecc71;

  border-color: #2ecc71;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.has-success .form-control:-moz-placeholder {

  color: #2ecc71;

  opacity: 1;

}

.has-success .form-control::-moz-placeholder {

  color: #2ecc71;

  opacity: 1;

}

.has-success .form-control:-ms-input-placeholder {

  color: #2ecc71;

}

.has-success .form-control::-webkit-input-placeholder {

  color: #2ecc71;

}

.has-success .form-control.placeholder {

  color: #2ecc71;

}

.has-success .form-control:focus {

  border-color: #2ecc71;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.has-success .input-group-addon {

  color: #2ecc71;

  border-color: #2ecc71;

  background-color: #ffffff;

}



.has-warning .help-block,

.has-warning .control-label {

  color: #f1c40f;

}

.has-warning .form-control {

  color: #f1c40f;

  border-color: #f1c40f;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.has-warning .form-control:-moz-placeholder {

  color: #f1c40f;

  opacity: 1;

}

.has-warning .form-control::-moz-placeholder {

  color: #f1c40f;

  opacity: 1;

}

.has-warning .form-control:-ms-input-placeholder {

  color: #f1c40f;

}

.has-warning .form-control::-webkit-input-placeholder {

  color: #f1c40f;

}

.has-warning .form-control.placeholder {

  color: #f1c40f;

}

.has-warning .form-control:focus {

  border-color: #f1c40f;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.has-warning .input-group-addon {

  color: #f1c40f;

  border-color: #f1c40f;

  background-color: #ffffff;

}



.has-error .help-block,

.has-error .control-label {

  color: #e74c3c;

}

.has-error .form-control {

  color: #e74c3c;

  border-color: #e74c3c;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.has-error .form-control:-moz-placeholder {

	color: #e74c3c;

	opacity: 1;

}



.has-error .form-control::-moz-placeholder {

	color: #e74c3c;

	opacity: 1;

}



.has-error .form-control:-ms-input-placeholder {

	color: #e74c3c;

}



.has-error .form-control::-webkit-input-placeholder {

	color: #e74c3c;

}



.has-error .form-control.placeholder {

	color: #e74c3c;

}



.has-error .form-control:focus {

	border-color: #e74c3c;

	-webkit-box-shadow: none;

	box-shadow: none;

}



.has-error .input-group-addon {

	color: #e74c3c;

	border-color: #e74c3c;

	background-color: #ffffff;

}





/* FORM - INPUT ICON */

.form-control + .input-icon {

	position: absolute;

	top: 2px;

	right: 2px;

	line-height: 37px;

	vertical-align: middle;

	font-size: 20px;

	color: #b2bcc5;

	backg round-color: #ffffff;

	padding: 0 12px 0 0;

	border-radius: 6px;

}



.input-hg + .input-icon {

	line-height: 49px;

	padding: 0 16px 0 0;

}



.input-lg + .input-icon {

	line-height: 41px;

	padding: 0 15px 0 0;

}



.input-sm + .input-icon {

	font-size: 18px;

	line-height: 30px;

	padding: 0 10px 0 0;

}





/* FORM - INPUT GROUP */

.input-group .input-group-btn .btn {

	margin: 0;

	box-shadow: none;

}



.input-group .input-group-btn .btn:hover {

	background: #1abc9c;

	color: #fff;

}





/*	ACCORDION / TOGGLE */



.panel-group {

	margin-bottom: 0;

}

.panel-group + .panel-group {

	margin-top: 20px;

}

.panel-group .panel {

    background: #fff;

  /*  border: 1px solid #E6E9ED;*/

	border-bottom-width: 2px;

    border-radius: 3px;

    box-shadow: none;

}

.panel-group .panel + .panel {

	margin-top: 4px;

}

.panel-group .panel-heading + .panel-collapse .panel-body {

	border-top-color: #E6E9ED;

}

.panel-body {


}

.panel-heading {

	background-color: inherit !important;

	color: inherit !important;

    padding: 0;

	border-color: inherit !important;

}

.panel-title {



}



.panel-title > a {

    display: block;

    padding: 15px 25px 15px;

    text-decoration: none;

    color: #fff;

}



.panel-title > a.collapsed {

	background: #f5f5f5;

}



.panel-title > a.collapsed,

.panel-title > a.collapsed span {

	color: #FFF;

}

.panel-title > a,

.panel-title > a:hover {

	background: #16A085;

	color: #fff;

}



.panel-title > a span {

	display: block;

	position: relative;

	top: 0;

	color: #fff;

	padding-right: 25px;

}



.text-right .panel-title > a span {

	padding-left: 25px;

	padding-right: 0;

}

.text-center .panel-title > a span {

	padding-left: 0;

	padding-right: 0;

}

.panel-title > a:hover span {

	color: inherit;

}

.text-center .panel-title > a:hover span {

	top: .5em;

	color: transparent;

}

.panel-title > a span:after {

	font-family: "fontawesome";

	content: "\f077";

	position: absolute;

	top: 0;

	right: 0;

}

.text-right .panel-title > a span:after {

	left: 0;

	right: auto;

}

.text-center .panel-title > a span:after {

	top: -.75em;

	left: 0;

	opacity: 0;

}

.panel-title > a.collapsed span:after {

	content: "\f078";

}









/* TABS */



.nav-tabs {

	margin: 0 auto;

}



.nav-tabs > li {

	z-index: 2;

	float: none;

	display: inline-block;

}



.nav-tabs > li > a {

	padding: 16px 25px 12px;

	font-size: 14px;

	font-weight: 700;

	font-style: normal;

	text-transform: uppercase;

	color: #737c85;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	border: none !important;

	border-bottom: 4px solid transparent !important;

}



.nav-tabs > li.active > a,

.nav-tabs > li.active > a:hover,

.nav-tabs > li.active > a:focus {

	background-color: transparent;

	border-bottom: 4px solid #85d6de !important;

}



.nav > li > a:hover,

.nav > li > a:focus {

	outline: 0;

}



.tab-content {

	padding-left: 0;

	padding-right: 0;

	border: none;

}



.tab-pane {

	padding: 50px 0;

	border-bottom: 1px solid #ecf0f1;

}





/* PAGINATION */



.pagination li a {

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

	font-size: 14px;

	color: #16A085;

	background: none;

	margin: 0 3px;

	border: 1px solid #16A085;

	padding: 5px 12px;

}



.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

  color: #16A085;

}



.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

  background-color: #1ABC9C;

  border-color: #16A085;

}



.pagination > .disabled > span,

.pagination > .disabled > span:hover,

.pagination > .disabled > span:focus,

.pagination > .disabled > a,

.pagination > .disabled > a:hover,

.pagination > .disabled > a:focus {

  color: #999;

}



.pagination li:first-child a,

.pagination li:last-child a {

	border-radius: 0 !important;

}



.pagination-lg li a {

	padding: 8px 16px;

	font-size: 16px;

}



.pagination-sm li a {

	padding: 4px 10px;

	font-size: 12px;

}





/* PAGER */

.pager li > a,

.pager li > span {

	border: 1px solid #16A085;

	border-radius: 0;

	color: #16A085;

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

	font-size: 14px;

	min-width: 160px;

}



.pager li > a:hover,

.pager li > a:focus {

	border: 1px solid #ddd;

}



.pager .next > a,

.pager .next > span {

	float: right;

}



.pager .previous > a,

.pager .previous > span {

	float: left;

}



.pager .disabled > a,

.pager .disabled > a:hover,

.pager .disabled > a:focus,

.pager .disabled > span {

	color: #999;

	border: 1px solid #ddd;

}









/* CONTENT BLOCK HOLDERS */



.content-block {

	width: 100%;

	padding: 10px 0 60px 0;

	z-index: 100;

	position: relative;

	background-color: #ffffff;

}



.content-block-nopad {

	width: 100%;

	z-index: 100;

	position: relative;

	background-color: #ffffff;

}





.infografix

{

    width:100%;

    background:#e5e4eb;

    border-top:2px solid #ec6820;

    padding:2px 22px 0px 22px;

    margin-bottom:15px;

    height: 134px;

    

}

.infografix_currency

{

    font-size:15px;

    color: #ec6820;

    font-weight: 400;

}

.infografix_val

{

    line-height: 42px;

    font-size: 34px;

    font-weight: 400;

    color: #ec6820;

    border-bottom:1px solid #000;

    padding-bottom:0px;

}

.infografix_text

{

    font-size: 15px;

    color: #000;

    font-weight: 600;

	line-height: 1.5em;

}



.lead.colorred

{

    color: #ec6820;

    font-size: 22px;

    font-weight:400;

    margin-top:0;

}

a.rmwhite {

	border:1px solid #000;

    padding:5px 15px;

    font-size:16px;

    text-decoration: none;

    color: #000;

    display: inline-block;

    margin-top:10px;

    font-weight: 400;

}



.color1

{

   color: #db5727;

}

.color2

{

   color: #2b4c65;

}

.color3

{

   color: #6b4363;

}



.bgcolor1

{

    background-color: #db5727;

}

.bgcolor2

{

    background-color: #2b4c65;

}

.bgcolor3

{

    background-color: #6b4363;

}



.custom_box1

{

    text-align: center;

    padding: 30px 20px;

    font-size:35px;

    font-weight: 500;

    color: #fff;

    line-height: 35px;

    height: 140px;

}

.custom_box2

{

      padding: 10px 0 15px 0;

}

.custom_box2 .value

{

    text-align: center;

   

    font-size:55px;

    font-weight: 700;

    line-height: 50px;



}

.custom_box2 .value span

{

      vertical-align: text-bottom;

}

.custom_box2 .subvalue

{

    text-align: center;

    font-size:22px;

    color: #505050;

    font-weight: 500;



}



.custom_box3

{

    background-color: #fff;

    text-align: center;

    padding: 20px 0;

    font-size:30px;

    font-weight: 500;



}



.custom_box4

{

     background: #e1e1e1;

    font-size:16px;

    font-weight: 500;

    padding: 6px 15px;

	line-height:1em;

    

}

.custom_box4 span

{

   font-weight: 300;



}

.rightbotborder

{

    border-right: 1px solid #e1e1e1;

    border-bottom: 1px solid #e1e1e1;

      padding-bottom: 25px;

}

.botborder

{

    border-bottom: 1px solid #e1e1e1;

      padding-bottom: 25px;

}



.footerlinx

{

}



.footerlinx h3

{

    font-size:18px;

    font-weight: 600;

    border-bottom: 1px solid #ec6820;

    padding-bottom:10px;

}

.footerlinx h4

{

    font-size:16px;

    font-weight: 600;

    margin-top:15px;

    

}



.footerlinx a

{

    display: block;

    text-decoration: none;

    line-height: 18px;

    margin-bottom:10px;

    color: #000;

}



.scrolldown

{

    position: absolute;

    top:77%;

    left:50%;

    margin-left:-32px;

    cursor: pointer;

	z-index:9999;

}

.croretext

{

    font-size: 18px;

    line-height: 12px;

}



.chairman-extra-pad { min-height:100px; }

.logo {    padding: 20px;}
.common-980 { width:980px; margin:0 auto; }
/* 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;}


#footer { background-color:#2e2e2e; color:#FFF; font-size:14px; padding-top:20px; padding-bottom:20px;}


.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;

}


.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; border-bottom:1px solid #ddd !important;}
a:hover.panel-title { color:#FFF !important; background-color:#ec2027 !important;}
.panel-default { border:none; }


#header{ background-color:#fff;}
.row {
    margin: 0px !important;
}



/*	PATTERN LIBRARY MEDIA QUERIES

/*----------------------------------------------------*/


.mobile-hide { display:block; }
.mobile-show { display:none; }


@media (max-width: 480px) { 
.mobile-hide,.starategic-pic-abolu { display:none; }
.mobile-show { display:block; }
.bor-right-yellow { border-right:none !important; }
.common-980 { width:100%; }
.logo img { width:70% }
.cor-title{margin-top: 40px;}
.pat { background-image:none; }
.digital-title {margin-top: 58px;}
.chair-name { position:relative; padding-top:15px; top:0px; left:0px; font-size: 29px;}
.chair-name br { display:none; }
.chairman-con { margin-top: 20px; }
.chairman-con h3 { line-height:1em; }
#chairman { padding-bottom:360px; }
.down4 { margin-top:0px !important; }
#main-nav { width:159px;     right: 1em;}
.digital-all-title {margin-top: -130px; }
.mobile-prev {top: 40%; margin-left: 30px;}
.mobile-next {top: 40%; right: 46px !important; z-index:9999;}
.underlined-title h2.sub-desc {margin: 0px 26px;}
.startegic-wrp-main p {padding-left: 20px;}

}

@media (max-width: 767px) { 
.mobile-hide,.starategic-pic-abolu { display:none; }
.mobile-show { display:block; }
.bor-right-yellow { border-right:none !important; }
.common-980 { width:100%; }
.logo img { width:70% }
.cor-title{margin-top: 40px;}
.pat { background-image:none; }
.digital-title {margin-top: 58px;}
.chair-name { position:relative; padding-top:15px; top:0px; left:0px; font-size: 29px;}
.chair-name br { display:none; }
.chairman-con { margin-top: 20px; }
.chairman-con h3 { line-height:1em; }
#chairman { padding-bottom:360px; }
.down4 { margin-top:0px !important; }
#main-nav { width:159px;     right: 1em;}
.digital-all-title {margin-top: -130px; }
.mobile-prev {top: 40%; margin-left: 30px;}
.mobile-next {top: 40%; right: 46px !important; z-index:9999;}
.underlined-title h2.sub-desc {margin: 0px 26px;}
.startegic-wrp-main p {padding-left: 20px;}
 }

@media (min-width: 768px) and (max-width: 979px) {
.mobile-hide,.starategic-pic-abolu { display:none; }
.mobile-show { display:block; }
.bor-right-yellow { border-right:none !important; }
.common-980 { width:100%; }
.logo img { width:70% }
.cor-title{margin-top: 40px;}
.pat { background-image:none; }
.digital-title {margin-top: 58px;}
.chair-name { position:relative; padding-top:15px; top:0px; left:0px; font-size: 29px;}
.chair-name br { display:none; }
.chairman-con { margin-top: 20px; }
.chairman-con h3 { line-height:1em; }
#chairman { padding-bottom:360px; }
.down4 { margin-top:0px !important; }
#main-nav { width:159px;     right: 1em;}
.digital-all-title {margin-top: -130px; }
.mobile-prev {top: 40%; margin-left: 30px;}
.mobile-next {top: 40%; right: 46px !important; z-index:9999;}
.underlined-title h2.sub-desc {margin: 0px 26px;}
.startegic-wrp-main p {padding-left: 20px;}
}



/* Small Devices, Tablets */

@media only screen and (min-width : 768px) {

}



/* Medium Devices, Desktops */

@media only screen and (min-width : 992px) {

	

	

	

}



/* Large Devices, Wide Screens */

@media only screen and (min-width : 1200px) {

	

	

	

}

