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

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	color: #666;
}
body {
	margin-top: 0px;
	background-image: url(indfiles/bg_bmetal.jpg);
	background-repeat: repeat;
}
.map_blue{
	color: #09F;
	background-image: url(images/oceanblu.jpg);
}
.fox_topright{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 18px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #FF3300;
	border-radius: 0px 6px 0px 0px;
	box-shadow: 1px 1px 1px 1px rgba(102,102,102,0.3);
	background-image: url(indfiles/orangeback.jpg);
}
.fox_topleft{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #264f7d;
	border-radius: 6px 0px 0px 0px;
	box-shadow: 1px 1px 1px 1px rgba(102,102,102,0.3)
}
.fox_midright{
	font-family: Arial, Helvetica, sans-serif;
	color: #777070;
	font-size: 14px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #fff;
	border-radius: 0px 0px 0px 0px;
	box-shadow: 1px 1px 1px 1px rgba(102,102,102,0.3)
}
.fox_midright_gray{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #dbe2e8;
	border-radius: 0px 0px 0px 0px;
	box-shadow: 1px 1px 1px 1px rgba(102,102,102,0.3)
}
.fox_midright_blu{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #6699cc;
	border-radius: 0px 0px 0px 0px;
	box-shadow: 1px 1px 1px 1px rgba(102,102,102,0.3)
}
.fox_midleft{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #356ba2;
	border-radius: 0px 0px 0px 0px;
	box-shadow: 1px 1px 1px 1px rgba(102,102,102,0.3)
}
.fox_footright{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFC000;
	font-size: 12px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #98a4b1;
	border-radius: 0px 0px 6px 0px;
	box-shadow: 1px 1px 1px 1px rgba(102,102,102,0.3);
	background-image: url(indfiles/footback.jpg);
}
.fox_footleft{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #264f7d;
	border-radius: 0px 0px 0px 6px;
	box-shadow: 1px 1px 1px 1px rgba(102,102,102,0.3)
}
.blue_foot {
	background-image: url(images/blue_footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.header_line_mar {
	background-image: url(indexfiles/header_under_maroon.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.header_box_mar {
	background-image: url(indexfiles/header_up_maroon.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial;
	font-size: 15px;
	font-style: normal;
	color: #FFF;
	height: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.header_line_BLUE {
	background-image: url(indexfiles/header_under_BLUE.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.header_box_BLUE {
	background-image: url(indexfiles/header_up_BLUE.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial;
	font-size: 15px;
	font-style: normal;
	color: #FFF;
	height: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.header_box_GRAY {
	background-image: url(indexfiles/header_up_GRAY.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial;
	font-size: 15px;
	font-style: normal;
	color: #FFF;
	height: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.header_line_ORANGE {
	background-image: url(indexfiles/header_under_ORANGE.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.header_box_ORANGE {
	background-image: url(indexfiles/header_up_ORANGE.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial;
	font-size: 15px;
	font-style: normal;
	color: #FFF;
	height: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.butt_sml {
	background-image: url(images/blue_butt_sml.png);
	background-repeat: no-repeat;
	width: 105px;
	height: 48px;
	font-family: Arial;
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	text-indent: 10px;
	background-position: left center;
}
.butt_sml_counterpart {
	font-size: 15px;
	color: #666;
	font-weight: bold;
	font-family: Arial;
}
.box_300 {
	background-image: url(images/gray_300.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
}
.stageox {
	background-image: url(indexfiles/pageone.jpg);
	background-repeat: no-repeat;
}

.stageox2 {
	background-image: url(indexfiles/page2.jpg);
	background-repeat: no-repeat;
}
.box_ox_topgray{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 16px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #F9F9F9;
	border-radius: 6px 6px 0px 0px;
	box-shadow: 0px 1px 5px rgba(0,0,0, .3)
}
.box_ox_toploshade{
	font-family: Arial, Helvetica, sans-serif;
	color: #777070;
	font-size: 16px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #F9F9F9;
	border-radius: 6px 6px 0px 0px;
	box-shadow: 0px 1px 2px rgba(0,0,0, .3)
}
.box_ox_top20{
	font-family: Arial, Helvetica, sans-serif;
	color: #777070;
	font-size: 16px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #F9F9F9;
	border-radius: 6px 6px 0px 0px;
	box-shadow: 0px 1px 2px rgba(0,0,0, .3)
}
.box_ox_midbod{
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #FFF;
	border-radius: 0px 0px 0px 0px;
	box-shadow: 0px 1px 2px rgba(0,0,0, .3)
}
.box_ox_lowloshadewfont {
	font-family: Arial, Helvetica, sans-serif;
	color: #777070;
	font-size: 16px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-radius: 0px 0px 5px 5px;
	background-image: url(indexfiles/whitewatmark.png);
	box-shadow: 0px 1px 2px rgba(0,0,0, .3);
}
.box_ox_low {
	border-radius: 0px 0px 5px 5px;
	background-color: #FFF;
	box-shadow: 0px 1px 5px rgba(0,0,0, .3);
}
.box_ox_lowloshade {
	border-radius: 0px 0px 5px 5px;
	background-image: url(indexfiles/whitewatmark.png);
	box-shadow: 0px 1px 2px rgba(0,0,0, .3);
}
.brown_box_top{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 18px;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 13px;
	padding-left: 15px;
	background-image: url(barya_atim/brownboxtop.jpg);
	background-color: #744818;
	background-repeat: no-repeat;
	background-position: right bottom;
	border-radius: 6px 6px 0px 0px;
}
.brown_box_lo{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-image: url(barya_atim/orangeboxlower.jpg);
	background-color: #ff8500;
	background-repeat: no-repeat;
	background-position: left bottom;
	border-radius: 0px 0px 6px 6px;
	line-height: 15px;
}
.box_ox_topblue{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 18px;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 13px;
	padding-left: 15px;
	background-color: #000099;
	background-repeat: no-repeat;
	background-position: left bottom;
	border-radius: 6px 6px 0px 0px;
	box-shadow: 0px 1px 5px rgba(0,0,0, .3)
}
.box_ox_theme{
	font-family: Arial;
	font-size: 18px;
	color: #114ea2;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 33px;
	padding-left: 15px;
	background-image: url(barya/themecolor.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-radius: 6px 6px 0px 0px;
}
.box_ox {
	border-radius: 3px;
	box-shadow: 1px 1px 1px 1px rgba(1,1,1,.1);
	background-image: url(indexfiles/whitewatmark.png);
}
.box_ox_hdl {
	border-radius: 0px 0px 3px 3px;
	box-shadow: 1px 1px 1px 1px rgba(1,1,1,.1);
	background-image: url(indexfiles/whitewatmark.png);
}
.box_dt {
	margin-right: 10px;
	border-radius: 3px;
	background-image: url(indexfiles/whitewatmark.png);
	border: thin solid #EBEBEB;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.dtday{
	font-family: Arial;
	font-size: 26px;
	color: #333333;
}
.dtyear{
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999;
	padding-top: 5px;
}
.dtmonth{
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom: 5px;
}
.text_read{
	font-family: Arial;
	font-size: 14px;
	color: #101010;
	word-spacing: 2px;
	line-height: 30px;
  	text-align: justify;
    display: inline-block;
}

.text_comment{
	font-family: Arial;
	font-size: 11px;
	color: #666;
	text-align: justify;
	word-spacing: 3px;
	line-height: 15px;
	padding: 15px;
}
.text_comment_thinn{
	font-family: Arial;
	font-size: 11px;
	color: #666;
	text-align: justify;
	word-spacing: 3px;
	line-height: 15px;
	padding: 15px;
}

.text_read_happygirl{
	background-image: url(barya/backer_read.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.text_read_thumb{
	background-image: url(barya/backer_thumb.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.text_read_male{
	background-image: url(barya/backer_male.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.text_read_plain{
	background-image: url(barya/backer_plain.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.text_read_plain_gray{
	background-image: url(barya/backer_gray_f6.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.line{
	background-image: url(images/line.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.txt_12_bluebold{
	font-family: Arial;
	font-size: 12px;
	color: #006;
	font-weight: bold;
}
.txt_12_gray{
	font-family: Arial;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}
.txt_under{
	font-family: Arial;
	font-size: 16px;
	color: #666;
	font-weight: bold;
	text-decoration: underline;
}
.title_one{
	font-family: Arial;
	font-size: 20px;
	color: #333333;
	padding-top: 18px;
	padding-bottom: 0px;
}
.title_four{
	font-family: Arial;
	font-size: 20px;
	color: #264F7D;
	font-weight: normal;
	text-transform: capitalize;
}
.title_five{
	font-family: Arial;
	font-size: 60px;
	color: #114ea2;
	font-weight: normal;
	text-transform: capitalize;
}
.back_579{
	background-image: url(images/gray_579.jpg);
	background-repeat: no-repeat;
}
.title_two{
	font-family: Arial;
	font-size: 20px;
	color: #101010;
	font-weight: normal;
}
.title_twoptfive{
	font-family: Arial;
	font-size: 16px;
	color: #666;
	font-weight: normal;
	text-transform: capitalize;
}
.title_twoptfiveRED{
	font-family: Arial;
	font-size: 16px;
	color: #F00;
	font-weight: normal;
	text-transform: capitalize;
}
.title_three{
	font-family: Arial;
	font-size: 18px;
	color: #666;
	font-weight: normal;
	background-image: url(images/backline.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.text_sml{
	font-family: Arial;
	font-size: 10px;
	color: #676767;
	text-align: justify;
	display: inline-block;
	background-image: url(indexfiles/header_under_maroon.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.text_sml_unjust{
	font-family: Arial;
	font-size: 10px;
	color: #676767;
	background-image: url(indexfiles/header_under_maroon.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.text_60{
	font-family: Arial;
	font-size: 60px;
	color: #676767;
}
.text_40{
	font-family: Arial;
	font-size: 40px;
	color: #676767;
}
.text_32{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 32px;
	color: #676767;
	letter-spacing: -5px;
}
.text_32blu{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 32px;
	color: #0000FF;
	letter-spacing: -5px;
}
.text_32dblu{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 32px;
	color: #132d82;
	letter-spacing: -5px;
}
.textred_32{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 32px;
	color: #FF0000;
	letter-spacing: -5px;
}

.oxcase {
    text-transform: lowercase;
}

.oxcase::first-letter {
    text-transform: uppercase;
}

.oxhort{
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999;
}
.oxdotline{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.text_14{
	font-family: Arial;
	font-size: 14px;
	color: #676767;
}
.text_13{
	font-family: Arial;
	font-size: 13px;
	color: #676767;
	text-align: justify;
    display: inline-block;
}
.text_12{
	font-family: Arial;
	font-size: 12px;
	color: #676767;
	display: inline-block;
}
.text_12_readable{
	font-family: Arial;
	font-size: 12px;
	color: #101010;
	text-align: justify;
    display: inline-block;
}
.text_12plain{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #101010;
}
.text_11{
	font-family: Arial;
	font-size: 11px;
	color: #676767;
	text-align: justify;
    display: inline-block;
}
.text_10{
	font-family: Arial;
	font-size: 10px;
	color: #676767;
	text-align: justify;
    display: inline-block;
}
.text_body{
	font-family: Arial;
	font-size: 12px;
	color: #666;
	text-align: justify;
	line-height: 18px;
}
.text_body_red{
	font-family: Arial;
	font-size: 14px;
	color: #F00;
}
.text_yellow{
	font-family: Arial;
	font-size: 11px;
	color: #000;
	background-color: #FF0;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}
.text_amber{
	font-family: Arial;
	font-size: 11px;
	color: #000;
	background-color: #F90;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}
.text_red{
	font-family: Arial;
	font-size: 11px;
	color: #FFF;
	background-color: #F00;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}
.white_12{
	font-family: Arial;
	font-size: 12px;
	color: #fff;
}
.white_11{
	font-family: Arial;
	font-size: 11px;
	color: #fff;
}
.white_10{
	font-family: Arial;
	font-size: 10px;
	color: #fff;
}
.text_body_center{
	font-family: Arial;
	font-size: 11px;
	color: #676767;
	text-align: center;
	padding-top: 7px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
}
.title_sml{
	font-family: Arial;
	font-size: 11px;
	color: #676767;
}
.white_sml{
	font-family: Arial;
	font-size: 11px;
	color: #fff;
}
.title_sml_white{
	font-family: Arial;
	font-size: 11px;
	color: #FFF;
}
.text_next{
	font-family: Arial;
	font-size: 10px;
	color: #006;
	text-align: right;
	background-image: url(images/downline.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.cap{
	text-transform: capitalize;
}
.capall{
	text-transform: uppercase;
}
.rightimage{
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.leftimage{
	float: left;
	margin-right: 10px;margin-bottom: 10px;
}
a:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #006;
	text-align: left;
}
a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #006;
	text-align: left;
}
a:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	font-weight: bold;
	color: #006;
	text-align: left;
}
a:active {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #006;
	text-align: left;
}
p {
	font-family: Arial;
	font-size: 11px;
	color: #676767;
	padding-top: 7px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	text-align: justify;
	display: table-row-group;
}
.text_align{
	font-family: Arial;
	font-size: 11px;
	color: #676767;
	padding-top: 7px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	text-align: justify;
}
.text_white{
	font-family: Arial;
	font-size: 20px;
	color: #fff;
}
.text_white_12{
	font-family: Arial;
	font-size: 12px;
	color: #fff;
}

.text_whsml{
	font-family: Arial;
	font-size: 11px;
	color: #fff;
}

.box_top {
	background-image: url(images/box_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 30px;
}
.box_low {
	background-image: url(images/box_low.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 30px;
}
.dropbtn {
	background-color: #264f7d;
	color: white;
	padding: 3px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-radius: 5px 5px 5px 5px;
}
.dropbtn_listnone {
	background-color: #007122;
	color: white;
	padding: 3px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-radius: 5px 5px 5px 5px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius: 0px 5px 5px 5px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	
}

.dropdown-content a:hover {background-color: #f1f1f1;
	border-radius: 0px 5px 5px 5px;}


.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
	background-color: #2a8bee;
}
	
.dropdown:hover .dropbtn_listnone {
    background-color: #81c91d;}	


#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}