body {margin:0px; padding:0px; font-family: 'Roboto', sans-serif;background:#fff; font-size:16px;}
h1{font-size:40px; }
h2{font-size:35px;} 
h3{font-size:30px; color:#000;} 
h4{font-size:25px; color:#FBCB0D;} 
h5{font-size:22px; color:#FBCB0D;} 
h6{font-size:20px;}

h1,h2,h3,h4,h5,h6{color:#000; margin:0px; padding:20px 0px; width: 100%; font-style:italic;}
p {margin:0px; padding:5px 0 10px 0px;  text-align:justify; color:#000; line-height:25px;}
a{ color:#FF0033}
img{max-width: 100%; height: auto;}
header{background:#000; padding:0px; margin:0 auto; display:table; width:100%;}
.logo{padding:10px 0 0 0;}

.nav {width:100%; padding:0px 0px; margin:0 0 0px 0px; display:table;}
.nav ul {margin:0 auto; padding: 0px; display:block; width:100%;}
.nav ul li{margin:0px; list-style:none;  padding:0px; float: right;}
.nav ul li a{list-style:none; text-decoration:none; color:#fff; font-size:16px; display:block; margin:0px 0px; padding:10px 24px; font-weight:600; line-height:40px; }
.nav ul li a:hover{color:#FBCB0D;}
.nav ul li a.selected{color:#FBCB0D;}

.bg{background:#3D1006; padding:20px 0; margin:0px; width:100%; display:table; border-top:solid 1px #FAD644; border-bottom:solid 1px #FAD644;}
.bg h2{color:#FC3;}
.bg p{color:#fff; padding:5px; text-align:left;}

.bg img {border:solid 1px #fff; border-radius:5px;padding:3px;}
.bg_ttl{position:relative;  margin: 0; padding: 10px 20px; background:#6E0200; top:-60px;  text-align: center; font-size:22px;
 color: #fff; opacity: .8; text-shadow: 1px 1px black;}
.bg2{background:#6E0200; padding:20px 0; margin:0px; width:100%; display:table; border-top:solid 1px #FAD644; border-bottom:solid 1px #FAD644;}
.bg2 h2{color:#fff;}
.bg2 p{color:#fff;}
.bg3{background:#000; padding:20px 0; margin:0px; width:100%; display:table; border-top:solid 1px #FAD644; border-bottom:solid 1px #FAD644;}
.bg3 h2{color:#FC3;}
.bg3_prodiv{color:#fff; background:#6E0200; text-align:center; padding:10px; font-size:18px; line-height:30px;}
.bg4{background:#6E0200;  margin:0px; width:100%; display:table;}
.bg4 h2{color:#ffcb13; padding:20px; text-align:center;}
.bg4 p{color:#fff; padding:5px; text-align:left;}
.bg5{background:#3D1006; margin:0px; width:100%; display:table;}
.bg5 h2{color:#ffcb13; padding:20px; text-align:center;}
.bg5 p{color:#fff; padding:5px; text-align:left;}
.bg6{background:#000; padding:20px 0; margin:0px; width:100%; display:table; }
.bg6 h2{color:#ffcb13; padding:20px; text-align:center;}
.cat{display:inline; width:100%;  margin:10px; }
.cat a{text-decoration: none; color:#fff;  background:#6E0200; border-top-left-radius:10px; border-bottom-right-radius:10px; padding:10px 30px; margin:5px; display:table-caption; float:left;	}
.cat a:hover{  color:#000; background:#FFFF00;}
footer {background:#3D1006; color:#fff; padding:10px 0 0 0; display:inline-block; width: 100%; margin:0px 0 0 0;}
.footer_heading{ font-size:25px; text-align:left; color:#f7c03b; font-weight:600; margin:0px; padding:0px;}
.footer a{text-decoration: none; color:#c5c5c5; width:100%;line-height:30px;  }
.footer a:hover{  color:#f7c03b;}
.borderfff2 {border-top:dashed 1px #fff; line-height:40px;}
.ftr ul {margin:0 0 0 0px; padding:0px 10px 10px 0px;}
.ftr ul li{float:none; list-style:none; padding: 0 0 0 px; margin: 0px;}
.ftr ul li a{font-size:16px; color:#fff; text-decoration: none; text-align:left; margin:2px;  display:block; line-height:30px; }
.ftr ul li a:hover{ color:#f7c03b; }
.ftbg{ background:#6E0200; padding:0px 0 40px 0; width:100%; display:inline-block; margin:0px 0 0 0;}
.ftbg p {margin:0px; padding:10px 0 0px 0px; font-size: 16px; color:#fff;}
.ftbg p a{text-align:justify; color:#fff; text-decoration:none;}
.ftbg p a:hover{color:#ffe400;}


/*---------------------------------------*/
.banner img{width:100%; height:auto; margin:0; padding:0px;}
.centertext{text-align:center;}
.w100{width:100%; height:auto;}
.mx1{margin-left:5px; margin-right:5px; }
.px1{padding-left:5px; padding-right:5px;}
.borderfff {border: solid 1px #FFFFFF;}
span{color:#ffe400; font-weight:600; font-size:16px;}

div {
    display:block;
}
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container {
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;
}
	
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
*, ::after, ::before {   box-sizing: border-box;}
.spacet{padding:10px; display:flex;}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{ padding:10px;}
.col{width:19.8%; padding: 5px 0px; float: left; margin:1px;}

@media (min-width: 576px){
.container {
    max-width: 540px;
}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{width:100%}

}

@media (max-width: 576px){
.container {
    max-width: 540px;
}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{width:100%}
.col{width:100%; padding: 5px 0px; float: left; margin:1px;}


}

@media (min-width: 768px){
.container {
    max-width: 720px;
}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}.col-11{width:100%}.col-10{width:100%}.col-9{width:100%}.col-8{width:100%}.col-7{width:100%}.col-6{width:100%}.col-5{width:100%}.col-4{width:100%}.col-3{width:50%}.col-2{width:50%}.col-1{width:50%}

}

@media (min-width: 992px){
.container {  max-width: 960px;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}
.col-1{width:8.33333333%}
}

@media (min-width: 1300px){
.container { max-width: 1240px;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}
}


@media only screen and (min-width:768px) and (max-width:1198px){
h1{font-size:35px;}
}

@media only screen and (min-width:480px) and (max-width:767px){
h1{font-size:29px;}
.nav ul {width:100%;}
.nav ul li{width:100%;}
.nav ul li a{ list-style:none; text-align:center; border-bottom:solid #434343 1px; line-height:40px; padding:0px 0 0 20px; font-size:16px; border-right:none;}
.col{width:49%; padding: 5px 0px; float: left; margin:1px;}
}

@media only screen and (max-width:479px){
h1{font-size:29px;}
.nav ul {width:100%;}
.nav ul li{width:100%;}
.nav ul li a{ list-style:none; text-align:center; border-bottom:solid #434343 1px; line-height:40px; padding:0px 0 0 20px; font-size:16px; border-right:none; }
p{margin:0 0 0 0px;}
.bg_ttl{position:static;  margin: 0; padding: 10px 20px; background:#000; text-align: center; font-size:22px;
 color: #fff; opacity: .8; text-shadow: 1px 1px black;	}
 h2{font-size:30px;}
}