@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700&family=Lato:wght@100;300;400;700;900&family=Lobster+Two:wght@400;700&family=Montserrat:wght@300;400;500;600;700&family=Patrick+Hand&family=Playfair+Display:wght@400;500;600;700&family=Prata&family=Righteous&family=Roboto:wght@300;400;500;700&display=swap');

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: 'Inter', sans-serif;
}
ol,ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
a,a:focus,a:hover,button:focus{
	text-decoration:none;
	outline:none;
}
p{
	font-size:16px;
	font-weight:400;
	color:#000;
	line-height:27px;
	letter-spacing:0.5px;
}
img{
	max-width:100%;
}

#live-view{width:100%;display:block;height:100vh;overflow:hidden;position: relative;border-radius:50px;padding: 9px 16px;}

#live-view {width: 320px;height:630px;}

@media (max-width: 1400px){
	#live-view {width: 320px;height: 620px;}
}

@media (min-width:1500px) {
#live-view {width:361px;height:700px;}
}

@media (min-width:1600px) {
#live-view {width:415px;height:805px;}
}
@media (min-width:2000px) {
#live-view {width:480px;height:930px;border-radius: 65px;}

}

.view-campaign-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #cccccc;
    min-height: 100vh;
}



#live-view:after {
    content: "";
    background-image: url(../images/iphone-campign-view-new.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 999;
}

#live-view > .inner-content {
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
	scrollbar-width: none; /* for Firefox */
	overflow-y: scroll; 
  }
  
  #live-view > .inner-content::-webkit-scrollbar {
	display: none; /* for Chrome, Safari, and Opera */
  }


#live-view > .inner-content{
	width:100%;
	height:100%;
	overflow:auto;
	padding:0px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
#live-view .inner-content header{
	position:relative;
}
#live-view .inner-content .body-content{
	padding:0px 10px;
	min-height: calc(100vh - 300px);
}
#live-view .inner-content .body-content > div{
	margin-bottom:20px;
}
#live-view .inner-content footer{
	padding:0px 10px;
	/* position: absolute; */
    /* bottom: 18px; */
    width: 88%;
    /* left: 0; */
    /* right: 0; */
    margin: 0 auto;
}
#live-view .inner-content .inner-wrapper{
	width:100%;
	max-width:570px;
	margin:0px auto;
	padding:0px;
}
#live-view .inner-content .inner-wrapper::-webkit-scrollbar{
	width:0;
}
#live-view .header-banner{
	width:100%;
	display:block;
	overflow:hidden;
	height:150px;
	background-size:cover;
	background-position:center;
}
#live-view .header-banner.hide {
    height:90px;
}
#live-view .inner-content .user_profile{
	width:90px;
	height:90px;
	border-radius:50%;
	overflow:hidden;
	background-color:#fff;
	margin:0px auto 5px;
	position:absolute;
	left:50%;
	transform:translate(-50%, -50%);
}
#live-view .inner-content .user_profile img{
	width:100%;
	height:100%;
	object-fit:cover;
}
#live-view .inner-content p.user_name{
	color:#fff;
	font-size:16px;
	font-weight:600; 
	display:block;
	text-align:center;
	margin-top:55px;
	margin-bottom:20px;
	line-height:normal;
}
#live-view .inner-content h3.block-title{
	color:#fff;
	font-size:20px;
	font-weight:600;
	display:block;
	text-align:center;
	margin-bottom:20px;
}

#live-view .inner-content .item-box h3.title{text-align: center;font-size:15px;padding: 0px 8px 4px;}
#live-view .inner-content ul.item-grid .item-box h3.title{font-size:13px;padding:0;margin:5px 0;    word-break: break-all;}

#live-view .inner-content ul{
	width:100%;
	display:block;
}
#live-view ul.item-list li.item-box{
	width:100%;
	display:block;
	margin-bottom:15px;
}
#live-view ul.item-list li.item-box a{
	width:100%;
	display:flex;
	align-items:center;
	overflow:hidden;
	border-radius:5px;
	background-color:#fff;
	padding:3px;
}
#live-view ul.item-list li.item-box a.round{
	border-radius:10px;
}
#live-view ul.item-list li.item-box a.round .thumbnail{
	border-radius:10px;
}
#live-view ul.item-list li.item-box a.square{
	border-radius:0;
}
#live-view ul.item-list li.item-box a.square .thumbnail{
	border-radius:0;
}
#live-view ul.item-list li.item-box a.circle{
	border-radius:30px;
}
#live-view ul.item-list li.item-box a.circle .thumbnail{
	border-radius:30px;
}
#live-view ul.item-list li.item-box a .thumbnail{
	min-width:50px;
	min-height:50px;
	width:50px;
	height:50px;
	border-radius:5px;
	overflow:hidden;
}
#live-view ul.item-list li.item-box a .thumbnail img{
	width:100%;
	height:100%;
	object-fit:cover;
}
#live-view ul.item-list li.item-box a h3.title{
	font-size: 12.6px;
    color: #000;
    padding: 5px 10px;
  
    font-weight: 500;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    min-height: 50px;margin:0;line-height: 20px;
}
#live-view ul.item-grid{
	width:100%;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
#live-view ul.item-grid li.item-box{
	width:calc(33.33% - 10px);
	margin:0px 5px 10px;
}
#live-view ul.item-grid li.item-box a{
	width:78px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	overflow:hidden;
	border-radius:5px;
	/*background-color:#fff;*/
	padding:0px;
	height: 80px;    margin: 0 auto;
	
}
#live-view ul.item-grid li.item-box a.square{
	border-radius:0;
}
#live-view ul.item-grid li.item-box a.square .thumbnail{
	border-radius:0;
}
#live-view ul.item-grid li.item-box a.round{
	border-radius:10px;
}
#live-view ul.item-grid li.item-box a.round .thumbnail{
	border-radius:10px;
}
#live-view ul.item-grid li.item-box a.circle{
	border-radius:50%;
}
#live-view ul.item-grid li.item-box a.circle .thumbnail{
	border-radius:50%;
}
#live-view ul.item-grid li.item-box .thumbnail{
	width:100%;
	height:175px;
	border-radius:5px;
	overflow:hidden;
}
#live-view ul.item-grid li.item-box .thumbnail img{
	width:100%;
	height:100%;
	object-fit:cover;
}
#live-view ul.item-grid li.item-box a h3.title{
	font-size:13px;
	color:#000;
	padding:5px 2px;
	margin:10px auto 0px;	
	font-weight:500;text-align:center;
	
}
#live-view ul.big-image{
	width:100%;
	display:block;
}
#live-view ul.big-image li.item-box{
	width:100%;
	margin:0px 0px 10px;
}
#live-view ul.big-image li.item-box a{
	width:100%;
	display:block;
	overflow:hidden;
	border-radius:5px;
	background-color:#fff;
	padding:0px;
}
#live-view ul.big-image li.item-box .thumbnail{
	width:100%;
	height:160px;
	border-radius:5px;
	overflow:hidden;
}
#live-view ul.big-image li.item-box .square,
#live-view ul.big-image li.item-box .square .thumbnail{
	border-radius:0px;
}
#live-view ul.big-image li.item-box .circle,
#live-view ul.big-image li.item-box .circle .thumbnail{
	border-radius:50px;
}
#live-view ul.big-image li.item-box .round,
#live-view ul.big-image li.item-box .round .thumbnail{
	border-radius:10px;
}
#live-view ul.big-image li.item-box .thumbnail img{
	width:100%;
	height:100%;
	object-fit:cover;
}
#live-view div.item-text{
	width:100%;
	display:block;
}
#live-view div.item-text p{
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:25px;
	margin-bottom:15px;
}
#live-view ul.social-links{
	width:100%;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:center;
	margin:40px auto 20px;
}
#live-view ul.social-links.top{
	margin:0px auto 10px;
}
#live-view ul.social-links li{
	margin:0px 10px 10px;
}
#live-view ul.social-links li a{
	color:#fff;
	font-size:22px;
	width:30px;
	height:46px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:5px;
}

#live-view ul.social-links li a svg{margin-right:10px;}
#live-view ul.social-links li a h6{font-size: 16px;}


#live-view ul.social-links li a.square{
	border-radius:0px;
}
#live-view ul.social-links li a.round{
	border-radius:5px;
}
#live-view ul.social-links li a.circle{
	border-radius:50%;
}
#live-view .logo-branding{
	width:100%;
	display:block;
	padding:0px 5px 10px;
	text-align:center;
}
#live-view .logo-branding a{
	display:inline-block;
	font-size:16px;
	color:#fff;
}
#live-view .logo-branding a img{
	max-height:20px;
}

.createyourcard{background: #fff;text-align: center;padding: 5px 0;border-radius: 4px;margin-bottom: 15px;}
.createyourcard h6{font-size: 12px;margin: 0;}
.createyourcard h6 a{color: #000;text-decoration: underline;}

.shareicon{position: absolute;right: 30px;top: 30px;cursor: pointer;z-index: 1;width: 33px;height: 33px;
background: #f0f0f0;border: solid 1px #e8e8e8;display: flex;align-items: center;justify-content: center;
border-radius: 50%;color: #727272;font-weight: normal;}

.sharecard ul li a .share-left{flex:1;}
.sharecard ul li a .share-left h6{color:#0a0b0d;font-size:14px;}
.sharecard ul li a .share-right{color:#0a0b0d;}
.sharecard ul li a{padding:15px 10px;border-bottom: solid 1px #e9e9e9;transition-duration:.4s;}
/* .sharecard ul li:last-child{border:0;} */
.sharecard ul li a:first-child{padding-top:10px;}
.copy-card{border: 1px solid rgb(224, 226, 217);padding: 15px 13px;border-radius: 5px;margin: 20px 10px;
transition-duration:.4s;}
.copy-card:hover{background-color: rgb(243, 243, 241);}
.sharecard ul li a:hover{background-color: rgb(243, 243, 241);}
.share-right svg{color: #787575;    font-size: 13px;}
.btn-close:focus{box-shadow:none;}
.copy-card-right{cursor: pointer;font-size: 14px;}
.copy-card-left a{font-size: 15px;}


@media only screen and (max-width: 767px) {
#live-view .inner-content .inner-wrapper{max-width: 100%;}
#live-view{width:100%;height:100vh;border-radius:0;}
#live-view:after{display:none;}
#live-view{padding:0;}
.copy-card{    padding: 9px 7px;}
.copy-card .copy-card-left a{font-size:13px;}
.copy-card-right{font-size:13px;}
.copy-card-left a{text-overflow: ellipsis;width: 230px;white-space: nowrap;overflow: hidden;}





}

 #live-view footer ul.social-links{display:none !important;}