body { font-family: 'Roboto', sans-serif; font-size: 14px;background-color: #ffffff;margin: 0; }
.p0{padding: 0!important;}
.ptb10{padding: 10px 0;}
.master-div{margin: 0 auto; color: #fff;text-decoration: none; max-width: 450px; text-align: center;}
.set-img{    max-width: 100%;    max-height: 100%;    vertical-align: middle;}
.set-logo{ /*height: 100px;*/ display: inline-block;text-align: center;background-color: #ffffff;padding: 10px;}
.back-top-img1{background-image:url("../img/bg-top.png"); background-repeat: no-repeat; background-position: top right;}
.back-btm-img1{background-image:url("../img/bg-btm.png"); background-repeat: no-repeat; background-position: bottom left; width: 320px; height: 65px;}
.top-img{text-align: right;}
.contact-img{width: 30%;display: inline-block;vertical-align: top; margin: -70px auto 5px;}

.set-title {
    text-align: center;
    font-size: 28px;
    /*text-transform: uppercase;*/
    font-weight: bold;
    margin: 0 10px;
	border-radius:50px; line-height:22px; 
}
.main-element {
    border-radius: 50%; border:solid 4px;
}
.sub-title{display: block;font-size: 16px; text-transform: uppercase; font-weight: normal; }
.contact-det{padding: 5px 0 0 0; margin: 0 10px;}
.company-det{padding: 10px 0 0 0; margin: 0 10px;}
.follow-us-det{padding: 10px 0 0 0; margin: 0 10px;}
.set-sub-title{font-size: 16px;text-transform: uppercase;font-weight: bold;text-align: center;margin-bottom: 10px;}
.icon-sets{}
.set-icon{padding: 0;list-style: none;margin: 0; display:inline-block; border-radius: 15px 15px 0 0; padding:0 5px;}
.set-icon1{padding: 0;list-style: none;margin: 0; display:inline-block; border-radius: 15px 15px 0 0; padding:0; width:100%;}
.data-icon{display: block;padding: 13px 10px;line-height: 20px;cursor: pointer;text-decoration: none!important;}
.data-icon3{    display: flex;
    padding: 5px;
    cursor: pointer;
    text-decoration: none!important;
    border-radius: 5px;
    line-height: 15px;}
.small1{font-size: 13px; padding-top: 5px; padding-left:5px;}
.icon-place {
    width: 65px;
    display: inline-block;
   
}
.icon-b{
	width: 55px;
    display: inline-block;
    vertical-align: top;
    height: 55px;
    border-radius: 30px;
    margin-top: 10px;
	}
.icon{font-size:24px;}
.icon3{font-size:14px;}

.det-sectionabc{position:relative; bottom:0; margin-top:90px; background-image:url(../img/sec-bg.png); background-repeat:no-repeat;}

.det-section{margin-top:90px; animation: scroll 70s linear infinite;
  background-image:url(../img/sec-bg6.png);
  perspective: 1000px;}





.icon{display: block;font-size: 28px;}
.small{font-size: 13px; padding-top: 8px;}
.follow-icon .data-icon1{display: block;padding: 5px;line-height: 20px;cursor: pointer; border:none; }
.follow-icon .icon-place1{    width: 35px;
    display: inline-block;
    vertical-align: top;
    height: 35px;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 10px 10px 0 0;}
.follow-icon .icon1{font-size: 24px;}
.border-btm{border-bottom: solid 1px; opacity:0.5; margin: 20px 0 0 10px;}
.icon-place2 {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 2px;
    margin-right: 2px;
}
	.data-icon2{cursor: pointer;
    display: flex;
    padding: 10px; width:100%; text-decoration:none !important;}
	.icon2{display: block;font-size: 30px; width:40px; margin-right:15px;}
	.small1{font-size: 13px;
    padding-top:0;}

.vc-modal.modal{
        padding-right: 0 !important;
      }
      .modal-dialog{
        max-width: 100%;
        margin: 0 auto;
        height: 100vh;
      }
      .modal-content{
        border-radius: 0;
      }
      .modal-header{
        display: block;
      }
      .modal-title{
        font-size: 25px; color: #fff;
      }
      .modal-content{
        height: 100vh;
      }
      .modal-footer{
        display: block;
      }
      .modal-txt{
        font-size: 16px;
        text-align: center;
      }
      .modal-body{
        max-width: 400px;
        margin: 0 auto;
      }
      .vc-vdobox{
        margin-top: 20px;
        /*border-radius: 4px;*/
      }
      .vc-savesteps{
        list-style: none;
        text-align: left;
        margin-top: 20px;
        padding: 0;
      }
      .vc-savesteps li{
        margin-bottom: 10px;
      }
      .vc-savesteps li:last-child{
        margin-bottom: 0;
      }

.t-center{margin: 15px auto; display: table;}

.prodlist{
        list-style: none;
        padding: 0;
        text-align: left;
        margin-top: 0;
        margin-bottom: 0;
        /*display: inline-block;*/
        text-transform: capitalize;
      }
      .prodlist li{
        margin-bottom: 5px;
      }
      .prodlist li:last-child{
        margin-bottom: 0;
      }
      .prodlist li::before{
        content: "\f00c";
        font-family: Font Awesome\ 5 Free;
        font-weight: 600;
        color: #444;
        font-size: 18px;
        margin-right: 10px;
      }
	  
/*Begin shimmer code*/


.tab-space{margin:20px;}

.nav-tabs .nav-link {
    font-size: 16px;
    color: #616161;
	border-radius:10px 10px 0 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
   /* color: #fff;*/
    border:none;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #fff;
}
.nav-tabs .nav-item {
    margin-bottom: -2px;
}
.tab-content > .active {
    display: block;
    color: #000;
    text-align: justify;
	font-size:14px;
}
.tab-content > .tab-pane {
    height:160px;
    overflow-y: auto;
	padding:0 10px;
}


.name-blk {
	background: linear-gradient(-45deg, #08820b, #ffd200, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 5px; position:relative; top:110px;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes scroll {
  0%{
    background-position:0 3000px;
  }
   100%{
    background-position:0 0;
  }
}

.wrapper {
  animation: scroll 70s linear infinite;
  background: url("https://img.freepik.com/free-photo/top-view-background-beautiful-white-grey-brown-cream-blue-background_140725-72219.jpg?w=2000"), #111111;
  color: #eee;
  height: 100vh;
  min-width: 360px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
  perspective-origin: 50% 50%;
}

@media (prefers-reduced-motion) {
  .wrapper {
    animation: scroll 2000s linear infinite;
  }
}
 	  
	  	  
@media (min-width: 360px) and (max-width: 479px)
{
.set-title{font-size: 16px;}
.sub-title{font-size: 12px;} 
.set-sub-title{font-size: 14px;}
.follow-icon .icon-place1 {
    margin-right: 3px;
    margin-left: 3px;}
.icon-place {
    margin-right: 3px;
    margin-left: 3px;}
}