body {
font-family : 'Josefin Sans', Arial, Helvetica, sans-serif;
font-size : 14px;
line-height : 1.5;
letter-spacing : 0.5px;
font-weight : 400;
color : #999;
background-image : url(../images/bg_img.jpg);
background-size : cover;
background-repeat : no-repeat;
background-position : center center;
background-attachment : fixed;
}
@font-face {
  font-family: 'Sofia';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sofia/v9/8QIHdirahM3j_su5uI0.woff2) format('woff2');
}
.blck_bg {
background-color : rgb(0, 0, 0, 0.5);
}
.nv_mrgn {
margin-top : 60px;
}
.makeup_fl_ver_menu_in {
width : 100%;
height : auto;
padding : 80px 50px 50px 50px;
overflow : hidden;
position : relative;
box-sizing : border-box;
background : linear-gradient(rgb(39, 3, 30, 0.5), rgb(0, 0, 0, 0.7));
}
.makeup_fl_ver_menu_inn {
width : 100%;
height : auto;
padding : 80px 50px 50px 50px;
overflow : hidden;
position : relative;
background-color : rgb(0, 0, 0, 0.7);
padding : 10px;
}
.txt_pd_st {
margin-top : 21px;
}
.cntr {
text-align : center;
}
.fnt {
font-family : "Sofia", sans-serif;
font-size : 22px;
color : #fff;
}
.fntt {
font-family : "Sofia", sans-serif;
color : #fff;
}
.fntt:hover {
font-family : "Sofia", sans-serif;
color : #8d5f88;
text-decoration : none;
}
.nv_pd {
padding-top : 60px;
padding-bottom : 10px;
}
.menu_txt {
color : #bbb;
text-decoration : none;
font-size : 15px;
}
.menu_txt:hover {
color : #fff;
text-decoration : none;
border-right : 1px solid #fff;
padding-right : 40px;
}
.menu_li {
line-height : 40px;
}
.img_pd {
padding : 30px;
}
p {
text-align : justify;
}
.bx_bg {
background-color : #0f050e;
}
.p_clr {
color : #bbb;
padding : 10px;
}
.div_mrg {
margin-top : 30px;
margin-bottom : 30px;
}
.bx_ptti {
background-color : #332431;
}
.list-group-item {
padding : 9px 10px;
background-color : #281e27;
border : #0f050e solid 2px;
font-size : 12px;
color : #fff;
}
.red {
color : red;
float : right;
font-weight : bold;
}
.gren {
color : #08fc2a;
float : right;
font-weight : bold;
}
.btn {
background-color : #371352;
line-height : 20px;
color : #fff;
}
.btn:hover {
background-color : #2c182a;
line-height : 20px;
color : #fff;
border : #fff solid 1px;
}
.cnt_pd {
padding : 30px;
}
.dv_pd {
margin-bottom : 20px;
}
.a_lnk {
color : #d0fb05;
}
.a_lnk:hover {
color : #8a34fe;
text-decoration : none;
}
.bx_cnt_bg {
background-color : rgb(0, 0, 0, 0.7);
padding : 5px;
}
.pg_img_br5 {
border-width : 5px;
border-style : double;
color : #fff;
border-radius : 10px;
}
.ftr_a {
color : #fff;
border-left : 2px solid #fff;
padding-left : 5px;
}
.ftr_a:hover {
color : #985cc6;
text-decoration : none;
border-left : 2px solid #985cc6;
padding-left : 5px;
}
.ftr-lnk {
color : #fff;
}
.ftr-lnk:hover {
color : #985cc6;
text-decoration : none;
}
.ftr-lnkk {
color : #985cc6;
}
.ftr-lnkk:hover {
color : #fff;
text-decoration : none;
}
.slct_ctgy {
color : #fff;
background-color : #371352;
display : inline-block;
padding : 5px 0 5px 0;
text-decoration : none;
border-top : 1px solid rgb(255, 255, 255, 0.1);
border-bottom : 1px solid black;
border-left : 5px solid transparent;
letter-spacing : 1px;
transition : all 0.3s linear;
}
.slct_ctgy:hover {
color : #371352;
background-color : #fff;
display : inline-block;
padding : 5px 0 5px 0;
text-decoration : none;
border-top : 1px solid rgb(255, 255, 255, 0.1);
border-bottom : 1px solid black;
border-left : 5px solid transparent;
letter-spacing : 1px;
transition : all 0.3s linear;
}
.tbl_hd_clr {
color : #d0fb05;
}
.table > tbody > tr > td {
padding : 8px;
line-height : 1.42857143;
vertical-align : top;
border-top : 1px solid #d0fb05;
color : #fff;
}
.form-control {
background-color : transparent;
border : #d0fb05 solid 1px;
}
.cn_btnn {
border : #d0fb05 solid 1px;
padding : 8px 30px 8px 30px;
color : #d0fb05;
text-decoration : none;
}
.cn_btnn:hover {
border : #d0fb05 solid 1px;
padding : 8px 30px 8px 30px;
color : #d0fb05;
text-decoration : none;
background-color : #fff;
color : #000;
}
.img_hyt {
height : 145px;
width : 100%;
}
.img_bgpg {
background-color : #fed47e;
padding : 15px;
}
.pr_pg_img {
width : 100%;
height : 335px;
}
.bg_pg {
background-color : #0e0d12;
}
@media (min-width: 375px) and (max-width: 667px) {
.nv_mrgn {
margin-top : 10px;
}
.makeup_fl_ver_menu_in {
padding : 10px;
}
.nv_cntr {
text-align : center;
}
.menu_li {
display : inline;
}
.img_pd {
padding : 0;
}
.p_clr {
color : #bbb;
padding : 0;
}
.menu_txt {
color : #bbb;
text-decoration : none;
font-size : 15px;
background-color : #371352;
line-height : 20px;
padding : 10px;
text-align : center;
}
.menu_txt:hover {
color : #fff;
text-decoration : none;
border-right : none;
}
}
@media (min-width: 768px) and (max-width: 1112px) {
.nv_mrgn {
margin-top : 10px;
}
.makeup_fl_ver_menu_in {
padding : 10px;
}
.nv_cntr {
text-align : center;
}
.menu_li {
display : inline;
}
.img_pd {
padding : 0;
}
.p_clr {
color : #bbb;
padding : 0;
}
.menu_txt {
color : #bbb;
text-decoration : none;
font-size : 15px;
background-color : #371352;
line-height : 20px;
padding : 10px;
text-align : center;
}
.menu_txt:hover {
color : #fff;
text-decoration : none;
border-right : none;
}
}
@media (max-width: 740px) and (orientation: landscape) {
.col-lg-3 {
width : 50%;
}
.tbl_wdt {
width : 100%;
}
.col-lg-6 > .col-lg-6 {
width : 50%;
}
}