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

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


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

html{ min-height:100%; position:relative; }	 

body{
	background:#fff;  font-family: 'Poppins', sans-serif; font-weight:400; 
	margin:0px; padding:0; font-size:16px; overflow-x:hidden; color:#414141; line-height:24px; 
}


h1, h2, h3, h4, h5, h6{ font-family: 'Poppins', sans-serif; font-weight:600; color:#212121;  }

.font20{ font-size:20px;}



ul{ margin:0; padding:0;} ul li{ list-style:none;} .white{ color:#fff;} .m_t_0{ margin-top:0 !important;}  
.title1{ font-size:36px; color:#686868;} .img_full{ width:100%;}
 .font20{ font-size:16px;}

.btn{ background: #c301ff; color:#fff; min-width:150px;  font-family: 'Nunito', sans-serif; font-weight:500; padding:8px 15px; border-radius:8px; font-size:16px; border:none; text-align:center;} 
.btn:hover, .btn:focus{ background: #000; color:#fff; box-shadow:none;}

#m_header{ background:#f5f5f5;} .navbar{ padding:0;} 

.navbar-nav li{ padding:0px 12px;} 
.navbar-nav li a{  font-weight:400; color:#444444; position:relative; font-size:16px; padding:22px 0px !important; } 
.navbar-nav li a:hover, .navbar-nav li.active a{color:#444444;}  
.navbar-nav li:hover a:before, .navbar-nav li.active a:before{ content:""; width:100%; height:5px; position:absolute; left:0; bottom:0; border-radius:30px; background:#c301ff;}

.user_cl{ margin-left:auto; position:relative; } 
#admin{ background:#ffffff; position:absolute; right:0; z-index:9999; top:40px; border-radius:5px; padding:15px; min-width:140px; box-shadow:0px 0px 8px rgba(0,0,0,.2);} 
#admin:before{ content:"";  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff; position:absolute; right:10px; top:-10px;}
#admin ul li a{ color:#414141; display:block; margin-bottom:5px; white-space:nowrap} 
#admin ul li a:hover{ color:#c301ff;}

.mid_wrap{ padding:40px 0px; min-height:450px;} 

.m_top .breadcrumb{ background:none; margin:0; padding:0;}
.m_top .breadcrumb .breadcrumb-item { color:#414141;}
.m_top .breadcrumb .breadcrumb-item a{ color:#414141;} 
.m_top .breadcrumb .breadcrumb-item a:hover{ color:#c301ff;}




.site{  margin-bottom:30px; height:calc(100% - 30px);} 
.site figure{ margin:0; padding:0;}
.site figure img{border-top-left-radius:10px;border-top-right-radius: 10px;} 
.site figcaption{ padding:15px 5px; background:#fff; box-shadow:0px 0px 8px rgba(0,0,0,.2); border-bottom-right-radius :10px;border-bottom-left-radius: 10px;} 
.site figcaption ul li{ display:inline-block; margin:0px 5px;} 
.site figcaption ul li a{ display:block; position:relative;}
.site figcaption ul li a i{ display:inline-block; width:36px; height:36px; background:#f5f5f5; border:#f5f5f5 1px solid; border-radius:100%; text-align:center; line-height:36px;}

.site figcaption ul li a .hv{ display:none; width:100%; position:absolute; left:0px; margin-left:-15px; min-width:70px; text-align:center; top:-20px; background:#c301ff; border-radius:2px; color:#fff; font-size:11px;}  
.site figcaption ul li a .hv:before{ content:""; position:absolute;  left:50%; bottom:-5px; margin-left:-5px;   width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #c301ff;}
.site figcaption ul li a:hover .hv{ display:block;}

.create_camp_lnk{ height:calc(100% - 30px); margin-bottom:30px;} 
.create_camp_lnk a{ display:flex; height:100%; align-items:center; justify-content:center; background:#f9f9f9;} 
.create_camp_lnk a h5{ color:#c301ff; margin-top:8px;} 

.pagination .page-link{ border:none; margin:0px 2px; padding:6px 12px; font-size:14px; background:#f2f0f2; border-radius:2px !important; color:#000000;} 
.pagination .active .page-link, .pagination  .page-link:hover{ background:#c301ff; color:#fff; border-radius:2px !important;} 

.layout figcaption{border:#fff 1px solid; margin-top:-15px; padding-top:30px;}
.layout figcaption h5{ font-weight:400; font-size:16px; margin:0;} 
.layout:hover figcaption{ border:#c301ff 1px solid; }  

.link1{ color:#414141;} 

.txt1{ width:100%; height:30px; border:none; outline:none; box-shadow:none; border-bottom:#dddddd 1px solid; color:#3d3d3d; font-size:14px;}  
.txt1:focus{ border-bottom:#c301ff 1px solid; }
.txt1::-webkit-input-placeholder{color:#868686;opacity:1;}
.txt1::-moz-placeholder{color:#868686;opacity:1;}
.txt1:-ms-input-placeholder{color:#868686;opacity:1;}
.txt1::-ms-input-placeholder{color:#868686;opacity:1;}
.txt1::placeholder{color:#868686;opacity:1;}  



.btn1{ min-width:150px;}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 26px;
  float:left; margin-right:10px;
}

/* Hide default HTML checkbox */
.switch input {display:none;} 

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a9a9a9;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input.default:checked + .slider {
  background-color: #c301ff;
}

input:checked + .slider:before {
  -webkit-transform: translateX(34px);
  -ms-transform: translateX(34px);
  transform: translateX(34px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 

.customization .list-group-item{ background:none; border:none; padding:0;} 

.img_responsive{ max-width:100%;}


.loginform{ width:100%; max-width:400px; margin:0 auto;} 

.btn2{ min-width:150px; border-radius:50px;} 
.t_f_wrap h2 strong{ color:#c301ff; font-weight:600;} 

.loginform .form-group label{ color:#c238ed; margin:0;} 

.psd_rw{ position:relative;} .view_psd{ position:absolute; right:0; top:0;} 

.link3 a{ color:#393939; font-size:12px;} 
.link3 a:hover{ color:#c301ff; text-decoration:underline;} 

.link4 a{ color:#c301ff;} .link4 a:hover{ color:#000; text-decoration:underline;} 

#footer{ padding:5px 0px; font-size:12px;} .pnkclr{ color:#c301ff;} 

.loginthmnl img{ width:100%; max-width:350px;} 


/*=======================================*/ 
.loginform .form-group{ position:relative;}

.loginform .form-group label {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.loginform .form-group label::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    
}

.loginform .form-group label::after {
 
    font-size: 14px;
    color: #c301ff;
    line-height: 1.2;
    content: attr(data-placeholder);
    display: block;
    width: 100%;
    position: absolute;
    top: 7px;
    left: 0px;
    padding-left: 0px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.loginform .form-group input:focus + label::before {
    width: 100%;
}

.loginform .form-group input:focus + label::after {
    top: -10px;
    font-size: 14px;
}



.form_d_1{ padding:#fff; padding:30px; border:#f1f1f1 1px solid; border-radius:10px;} 

.cy_sub_domain{ background:#fff; padding:30px; height:100%; border-radius:10px; box-shadow:0px 0px 15px rgba(0,0,0,.1);} 
.cy_sub_domain h6{ font-size:20px;} 

.font14{ font-size:14px;}

.t_f_wrap p{ font-size:14px;}

.hwcreate_vd{ background:#fff; border-radius:10px; box-shadow:0px 0px 15px rgba(0,0,0,.1);} 

.dm_v_bdy{ padding:15px;} 
.vdbx  .img_full{ border-radius:10px 10px 0px 0px;} 

.breadcrumb-item + .breadcrumb-item::before{ content:">>";} 

.select_bx{-webkit-appearance:none; -moz-appearance:none; appearance:none;padding: 4px; color:#868686; background:url(../images/downarrow.png) no-repeat right center;} 
.select_bx:focus{ border-bottom:#c301ff 1px solid;} 

.txtarea{ height:300px !important; border:#dddddd 1px solid !important; padding:15px 15px; border-radius:8px;} 


/*===================================03=11=2020==========================================*/
.bx_all_sm{ background:#fff; border-radius:10px; box-shadow:0px 0px 15px rgba(0,0,0,.1); padding:40px;} .clearfix{ clear:both;} 
.key_count form ul li{ width:17.6%; float:left; margin-right:3%; margin-bottom:10px;} 
.key_count form ul li:last-child{ margin-right:0;}

.menutopic ul li{ display:inline-block; margin:5px 3px;} 
.menutopic ul li a{ display:block; background:#f5f5f5; border-radius:5px; font-size:14px; color:#454545; padding:6px 14px;}  
.menutopic ul li a:hover, .menutopic ul li a.active{ background:#c301ff; color:#fff;} 

.table1{ background:#fff; border:#f4f4f4 1px solid; border-radius:10px;}
.table1 thead tr th{ background:#c301ff; color:#fff; font-weight:600;}  
.table1 thead tr th:first-child{ border-radius:10px 0px 0px 0px;} 
.table1 thead tr th:last-child{ border-radius:0px 10px 0px 0px;}
.table1 thead tr th, .table1 tbody tr td{ padding:15px 25px;} 
.table1 tbody tr:last-child td:first-child{border-radius:0px 0px 0px 10px;} 
.table1 tbody tr:last-child td:last-child{border-radius:0px 0px 10px 0px;} 

.table1 tbody tr:nth-child(even) td { background:#f6f6f6;} 

.titlegry{ color:#9f9f9f;}  
.link5 a{ color:#4f4f4f;} .link5 a:hover{ color:#c301ff;} 

.prod_cl{ background:#fff; box-shadow:0px 0px 15px rgba(0,0,0,.1); margin-bottom:35px;}
.prod_cl figure{ background:#fff; margin:0; text-align:center; border-radius:10px 10px 0px 0px;} 
.prod_cl figcaption{ background:#f4f4f4; border:#f4f4f4 1px solid; border-top:none; border-radius:0px 0px 10px 10px; padding:15px; text-align:center;}
.prod_cl figcaption .price_p{ font-weight:500; font-size:14px;} 
.prod_cl:hover figcaption{border:#e5b5f4 1px solid; border-top:none;} 

.create_banner_f{ width:100%; max-width:600px; margin:0 auto;} 
.txtarea.h180{ height:150px !important;} 

.edit_btn{ width:24px; height:24px; background:#04bfb4; color:#fff; text-align:center; display:inline-block; line-height:24px; border-radius:2px;} 
.edit_btn:hover, .edit_btn:focus{  background:#02958c; color:#fff; } 

.delete_btn{ width:24px; height:24px; background:#fe5460; color:#fff; text-align:center; display:inline-block; line-height:24px; border-radius:2px;} 
.delete_btn:hover, .delete_btn:focus{  background:#bb1521; color:#fff; }


@media (min-width:768px){ 

}



@media (min-width:992px) and (max-width:1199px){   
.site figcaption ul li a i{ width:32px; height:32px; line-height:32px;} .navbar-nav li{ padding:0px 14px;}

}


@media (min-width:768px) and (max-width:991px){   
.navbar-nav li{ padding:0px 10px;} .navbar-nav li a{ font-size:14px;}

}


@media (max-width:767px){
.navbar-toggler{ background:#c301ff; outline:none; border:none !important; padding:8px 12px; color:#fff; line-height:inherit; line-height:10px;}  
.navbar-toggler:hover{ background:#000 !important; color:#fff;} 
.navbar-toggler-icon{ width:auto; height:auto;}   
.navbar-nav li{ padding:0px; margin-bottom:10px; margin-top:10px;} .navbar-nav li a{ padding:0px 0px 10px !important;}  
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid{ padding-left:15px; padding-right:15px;} 
#navbarCollapse{ padding:10px; background:#eee;}   .site{ height:auto;} 
.create_camp_lnk{ height:auto; } .create_camp_lnk a{min-height:250px;} 
#admin{ right:inherit; left:0px;} #admin::before{ right:inherit; left:10px;} 
.loginform{ max-width:100%;} #footer{ text-align:center;} .cy_sub_domain{ margin-top:30px;} 

/*===================================03=11=2020==========================================*/
.bx_all_sm{ padding:20px;} .key_count form ul li{ width:100%; margin-right:0; margin-bottom:20px;} 
.key_count form ul li h6{ margin-bottom:2px;} .table1 thead tr th, .table1 tbody tr td{ padding:8px;} 

.table_ov_h{ overflow:auto;}


 }
 
 @media (max-width:500px){

.table1 thead tr th, .table1 tbody tr td{ font-size:12px; line-height:16px;}
	 
 }

.lds-facebook {
  /*display: inline-block;*/
  margin: 10% auto;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}


.Follow_us_r li{display: inline-block;border-bottom: unset !important;padding: 9px 0px !important}
.Follow_us_r li a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
}

.Follow_us_r li a.fa-facebook-f,a.fa-facebook-messenger {
    background: #2d5f9a;
}

.Follow_us_r li a.fa-twitter,a.fa-skype {
    background: #00c3f3;
}


.Follow_us_r li a.fa-pinterest-p {
    background: #be1e2d;
}

.Follow_us_r li a.fa-linkedin {
    background: #0072af;
}

a.fa-google-plus{background: red} a.fa-whatsapp{background: #10e810;} a.fa-info{background: black} a.fa-wordpress{background: #00adff}
.Follow_us_r .fa-pencil{background: black;}


.tags a {    
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    margin: 0 16px 8px 0;
    padding: 0 10px 0 12px;
    background: #c301ff;    
    -webkit-border-bottom-right-radius: 3px;    
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;    
    border-top-right-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    color: #fff;
    font-size: 12px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    font-weight: bold;
    }

    .tags a:before {
    content: "";
    position: absolute;
    top:0;
    left: -12px;
    width: 0;
    height: 0;
    /*border-color: transparent #3243A5 transparent transparent;*/
    border-style: solid;
    border-width: 12px 12px 12px 0;        
    }

.tags a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 1px;
    float: left;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
    box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
    }