@charset "UTF-8";
body {font-family: 'Nunito Sans', sans-serif; font-size: 16px; color: #757575; background:#e3e6ed }
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans&display=swap');

#toTop { border-radius:0; bottom:50px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 999999;}

.welcome-line{background-color:#000; line-height:50px; width:100%; font-size:16px; color:#fff; text-align:center; font-weight:400}
.main_area{margin:0px; padding:0px}
.cover-logo{position:relative;margin: 10px 0px 10px 0px;}
.profile_cover{width:100%; height:400px; border-radius:0 0 20px 20px; overflow:hidden}
.profile_cover img{width:100%;}
.cover-logo .profile-photo{width:160px; height:160px; border-radius:10px; /*border:#e3e6ed 4px solid; background:#fff;*/ position: absolute; top:50%; left: 50%; margin-left:-80px; margin-top:-110px}
.cover-logo .profile-photo img{max-width:96%; max-height:96%; position:absolute; top:2%; right:2%; left:2%; bottom:2%; margin:auto; }


.profile_area{width:100%; margin: 0 auto; border-radius:10px; background:#fff;  z-index:1; position:relative}
.profile_area .profile-photo{width:160px; height:160px; border-radius:10px; /*border:#e3e6ed 4px solid; background:#fff;*/ position: absolute; top: -90px; left: 30px;}
.profile_area .profile-photo img{max-width:96%; max-height:96%; position:absolute; top:2%; right:2%; left:2%; bottom:2%; margin:auto; }

.profile_area .company-name{font-size:24px; line-height:40px; padding:10px 30px 0px 30px; color:#050505; font-weight:400}

.profile_area ul.btn-list{margin:0px; padding:20px 30px; list-style:none; display: flex; justify-content: space-between; align-items: center; width:100%;  z-index:1; flex-wrap: wrap; }
.profile_area ul.btn-list li{width:calc(20% - 5px); position:relative; overflow:hidden;  transition:all .5s ease; }
.profile_area ul.btn-list li a{color:#050505; text-decoration:none; line-height:40px; font-weight:400}
.profile_area ul.btn-list li .icon{width:40px; height:40px; margin-right:15px; float:left}
.profile_area ul.btn-list li i{width:40px; height:40px; background-color:#e3e6ed; color:#050505;  line-height:40px; text-align:center; border-radius:50%; font-size:18px}

.share-this-button-holder {width: 200px; margin: 0 auto; }
.share-this-button-holder .a2a_kit{padding-bottom:20px}

.address-map{width:100%; padding:20px; margin:15px auto; border-radius:10px; background:#fff;  z-index:1; position:relative}
.address-map .address-main{font-size:16px; font-weight:300; color:#050505; line-height:26px}
.address-map .address-main strong{font-size:18px; font-weight:700}
.address-map .map{width:100%; height:250px}
.address-map .map iframe {width: 100% !important; height: 100% !important;}

ul.photo-list{width:100%; margin:0px auto; padding:0px; list-style:none; display: flex; justify-content: space-between; align-items: center;   z-index:1; flex-wrap: wrap; }
ul.photo-list li{width:calc(50% - 8px); position:relative; overflow:hidden;  transition:all .5s ease; margin-bottom:16px }
ul.photo-list li .gallery-item{border-radius:10px; background:#fff; padding:10px; }
ul.photo-list li .gallery-item .photo-area{position:relative}
ul.photo-list li .gallery-item .photo-area img{width:100%; height:283px; border-radius:10px;}
ul.photo-list li .gallery-item .photo-area video{width:100%; height:283px; border-radius:10px;}
ul.photo-list li .gallery-item .name{font-size:18px; margin-top:10px; color:#000}

ul.photo-list1{width:100%; margin:0px auto; padding:0px; list-style:none; display: flex; justify-content: space-between; align-items: center;   z-index:1; flex-wrap: wrap; }
ul.photo-list1 li{width:calc(100% - 0px); position:relative; overflow:hidden;  transition:all .5s ease; margin-bottom:16px }
ul.photo-list1 li .gallery-item{border-radius:10px; background:#fff; padding:10px; position: relative;}
ul.photo-list1 li .gallery-item .photo-area{position:relative}
ul.photo-list1 li .gallery-item .photo-area img{width:100%; border-radius:10px;}
ul.photo-list1 li .gallery-item .photo-area video{width:100%; border-radius:10px;}
ul.photo-list1 li .gallery-item .name{font-size:18px; margin-bottom:10px; color:#000; min-height: 28px}
ul.photo-list1 li .gallery-item .link-icon{width: 30px; height: 30px; border-radius: 50%;float: right;}
ul.photo-list1 li .gallery-item .link-icon img{width: 100%}
.content-area{width:100%; padding:0px; margin:0px auto;}
.content-area .address-map{width:100%; margin:0px 0px 15px 0px}
.content-area .address-map .map{height:250px}

.faedbook_area{width:100%; padding:10px 20px 20px 20px; margin:15px auto 0 auto; border-radius:10px; background:#fff;  z-index:1; position:relative}
.faedbook_area .title{font-size:18px; font-weight:700; color:#000; margin-bottom:10px}
.dropzone {min-height: 150px; border: 2px dashed #ccc !important; background: white; padding: 20px 20px; border-radius: 10px;}
.faedbook_area .form-group{margin:0px}

.scratchcard-area{width:540px; margin:40px auto 0px auto; }
.scratchcard-area .white_bg{background:#fff; border-radius:10px; padding:10px; margin-bottom:10px }
.scratchcard-area #scratchcard{margin-top:10px}
.scratchcard-area .container{padding:0px}
.main_area .container{padding:0px}

@media only screen and (min-width: 768px) and (max-width: 1024px)
{
	.container{padding:0px; max-width:100%}
	.profile_cover{height:300px}
	.profile_area ul.btn-list li{text-align:center; width:calc(20% - 0px)}
	.profile_area ul.btn-list li .icon{float:none; margin:0 auto}
}

@media only screen and (max-width: 767px)
{
	body{background-color:#fff}
	.container{padding:0px}
	.profile_cover{height:200px; border-radius:0px}
	.cover-logo .profile-photo{width: 120px; height: 120px; margin-left:-60px; margin-top:-60px}
	
	.profile_area{width:100%; border-radius:0px; margin:0px auto 0 auto}
	.profile_area .profile-photo{width: 120px; height: 120px; top: -60px; left: 50%; margin-left: -60px;}
	.profile_area .company-name {font-size: 20px; line-height: 30px; padding:10px 0 0 0; text-align: center; }
	.profile_area ul.btn-list{padding:10px}
	.profile_area ul.btn-list li{text-align:center; width:calc(20% - 0px)}
	.profile_area ul.btn-list li .icon{float:none; margin:0 auto}
	.profile_area ul.btn-list li a{line-height: 20px; font-size: 11px;}
	ul.photo-list li{width:calc(100% - 0px)}
	.md_0{margin:0px}
	.pd_0{padding:0px}
	.md_5{margin:0 -5px}
	.pd_5{padding:0px 5px}
	
	.address-map{width:100%; border-radius:0px; width: 100%; padding: 15px 10px; margin:0px; border-top:#e3e6ed 1px solid; border-bottom:#e3e6ed 1px solid}
	.content-area{width:100%; margin-bottom:0px}
	.address-map .map{height:180px}
	.address-map .address-main{font-size:14px; line-height:20px}
	.address-map .address-main strong{font-size:16px}
	ul.photo-list1 li{margin:0px}
	ul.photo-list1 li .gallery-item{padding:0px; border-radius:0px}
	ul.photo-list1 li .gallery-item .photo-area img{border-radius:0px}
	ul.photo-list1 li .gallery-item .photo-area video{border-radius:0px}
	ul.photo-list1 li .gallery-item .name{margin:0px; padding:18px 10px 0px 10px; min-height: 46px}
	ul.photo-list1 li .headerText, ul .headerText {
		background: #000;
		padding: 15px 54px 15px 15px;
		text-align: left;
		font-size: 18px;
		color: #fff;
		display: block;
		text-decoration: none;
		position: relative;
	}

	.dropzone{padding:0px !important}
	.dropzone .dz-preview{margin:9px !important}
	
	.scratchcard-area{width:100%; margin:0px }


	.link-area {
		border: #d7d7d7 1px solid;
		text-align: center;
		padding: 25px;
		margin: 20px 0;
		font-size: 15px;
		line-height: 24px;
		border-radius: 10px;
	}
	.link-area a {
		display: block;
	}
	ul.link-list li .gallery-item {
	  display: block;
	}
	ul.link-list li .gallery-item a {
	  display: block;
	  width: 100%;
	  padding: 0px;
	}
	ul.link-list li .gallery-item a img {
	  width: 100%;
	  position: relative;
	  top: 0px;
	  right: 0px;
	  background: #000;
	}
}