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

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}


html{
	overflow-y:scroll;
}

body{
	margin:0;
	font-family:open_sansregular, arial, helvetica, sans-serif; 
	font-size: 14px; 
	line-height: 20px; 
	color: #2e2e2e; 
	background-color: #257cbb;
}

a{
	text-decoration:none;
}

a:hover, a:visited, a:focus{
	text-decoration:none;
}

.rounded{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.rounded_s{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.rounded-top{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.rounded-bottom{
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.fl{
	float:left;
}

.fr{
	float:right;
}

.shadow{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25);
}

.shadow-box{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 0.75);
}

.shadow-btn{
	-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 2px 1px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 2px 1px 0px rgba(0, 0, 0, 0.3);
}


/* BOOTSTRAP HELPERS AND OVERRIDES */

.row.no-gutter{
	margin:0;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.nm{
	margin:0;
}

.np{
	padding:0;
}

.panel{
	background-color:#fff;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	border:1px solid #bfbfbf;
	min-height:500px;
	
	/*overflow:hidden;*/
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{
	outline:0;
}

.btn-spm{
	background-color:#ff9324;
	color:#fff;
}

.btn-spm:hover{
	color:#fff;
}

.btn-spm:hover, .btn-spm:focus, .btn-spm.focus, .btn-spm:active, .btn-spm.active {
	color: #FFF;
	background-color: #e9831a;
}




.btn-blue{
	background-color:#003b64;
	color:#fff;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue.focus, .btn-blue:active, .btn-blue.active {
	color: #FFF;
	background-color:#003051;
}

.btn-off{
	background-color:#A8D6F8;
	color:#6499C0;
	border:1px solid #6499C0;
}

.btn-off:hover, .btn-off:focus, .btn-off.focus, .btn-off:active, .btn-off.active {
	color: #6499C0;
	background-color:#A8D6F8;
}



thead{
	background-color:#eee;
}

.nav-tabs>li>a{
	background-color:#f9f9f9;
	border-color: #EEE #EEE #DDD;
	color:#222;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	font-weight:bold;
	color:#015D9C;
}

@media (min-width: 768px) {
    .pull-left-sm {
        float: left !important;
    }
}

@media (min-width: 768px) {
    .pull-right-sm {
        float: right !important;
    }
}

@media (min-width: 992px) {
    .pull-left-md {
        float: left !important;
    }
}

@media (min-width: 992px) {
    .pull-right-md {
        float: right !important;
    }
}

@media (min-width: 1200px) {
    .pull-left-lg {
        float: left !important;
    }
}

@media (min-width: 1200px) {
    .pull-right-lg {
        float: right !important;
    }
}


/* TMAIN */

.tmain{
	padding:30px 0 15px 0;
}

.responsive-msg{
	margin:20px 0;
}

/* BOOTSTRAP EXTENSION */

/* TEXT ALIGN */

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

/* TEXT COLOR */

.text-red{
	color:#990000;
}

.text-green{
	color:#009900;
}

/* PADDING */

.p20{
	padding:20px;
}

.pt{
	padding-top:15px;
}

.pts{
	padding-top:5px;
}

.ptt{
	padding-top:30px;
}

.pr{
	padding-right:15px;
}

.pl{
	padding-left:15px;
}

.prs{
	padding-right:5px;
}


.pb{
	padding-bottom:15px;
}

.pbb{
	padding-bottom:30px;
}

.pbs{
	padding-bottom:5px;
}


@media (max-width: 767px) {
    .pt-xs{
		padding-top:15px;
	}
	
	.pts-xs{
		padding-top:5px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
    
	.pt-sm{
		padding-top:15px;
	}
	
	.pts-sm{
		padding-top:5px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .
	.pt-md{
		padding-top:15px;
	}
	
	.pts-md{
		padding-top:5px;
	}
}
@media (min-width: 1200px) {
	
    .pt-lg{
		padding-top:15px;
	}
	
	
    .pts-lg{
		padding-top:5px;
	}
}

.ptb{
	padding-top:15px;
	padding-bottom:15px;
}

.ptbs{
	padding-top:5px;
	padding-bottom:5px;
}

/* INLINE BLOCK */

.ib{
	display:inline-block;
}

/* BORDERS */

.border-top{
	border-top: 1px solid #ddd;
}


/* PADDINGS NEW CLASSES */

.p-2{
	padding:2px;
}

.p-5{
	padding:5px;
}

.p-10{
	padding:10px;
}

.p-15{
	padding:15px;
}

.p-20{
	padding:20px;
}

.p-30{
	padding:30px;
}

.p-40{
	padding:40px;
}


.pt-2{
	padding-top:2px;
}

.pt-5{
	padding-top:5px;
}

.pt-10{
	padding-top:10px;
}

.pt-15{
	padding-top:15px;
}

.pt-20{
	padding-top:20px;
}

.pt-30{
	padding-top:30px;
}


.pt-40{
	padding-top:40px;
}


.pb-2{
	padding-bottom:2px;
}

.pb-5{
	padding-bottom:5px;
}

.pb-10{
	padding-bottom:10px;
}

.pb-15{
	padding-bottom:15px;
}

.pb-20{
	padding-bottom:20px;
}

.pb-30{
	padding-bottom:30px;
}

.pb-40{
	padding-bottom:40px;
}

.pr-2{
	padding-right:2px;
}

.pr-5{
	padding-right:5px;
}

.pr-10{
	padding-right:10px;
}

.pr-15{
	padding-right:15px;
}

.pr-20{
	padding-right:20px;
}

.pr-30{
	padding-right:30px;
}

.pr-40{
	padding-right:40px;
}

.pl-2{
	padding-left:2px;
}

.pl-5{
	padding-left:5px;
}

.pl-10{
	padding-left:10px;
}

.pl-15{
	padding-left:15px;
}

.pl-20{
	padding-left:20px;
}

.pl-30{
	padding-left:30px;
}

.pl-40{
	padding-left:40px;
}

.footer-title{
	font-family: 'TitilliumWeb-SemiBold';
	font-weight:bold;
	color:#005ea2;
	font-size:24px;
}