/*@charset "utf-8";
/* CSS Document */
/*{box-sizing:border-box;}*/
/*body{background-color:#e3e3e3;letter-spacing:0.4px;!important;}*/
/*@font-face { font-family: 'open sans','neo_tech_alt',helvetica,arial,sans-serif; font-display: swap; }	*/
.h1,.h2,.h3,.h4,.h5,.h6{letter-spacing:0px;}
#toplinksconnect{background-color:#2e2e2e;padding:8px;color:white;}
#toplinksconnect a{color:white;}

.maincontainer{width:90%;margin:auto;}
.complogo .compName{font-size: 24px;font-weight: bold;color: #036;text-decoration: none;}
.complogo .bottomtext{FONT-WEIGHT: bold;FONT-SIZE: 16px;COLOR: #000;}
	.complogo {padding:10px;background-color:#fff;}
		.cover{position:relative;}
		.cover img{max-height:300px;width:100%}
		.cover .coverText{background-color:rgba(0,0,0,0.4);position:absolute;top:0}
.cover .coverText p{font-size:2em;color:white;padding:10px;margin:0px;}
.cover .coverText span{font-size:1.3em; padding-left: 20px;color: white;}
	.cover .coverEdit{position:absolute;right:5%;bottom:2%;font-size:20px;}
	.cover .coverEdit a{color:rgba(0,0,0,0.5);}
	.Clogo{background-color:white;border:1px solid grey;border-radius:10px;overflow:hidden;margin-top:10px;}
	.logocol .Clogo img{max-width:100%;height:auto;}
	.logocol .Clogo{position:relative;text-align:center;}
	.logocol .CName{font-size:1.4em;padding-top:20px;}
	.logocol #membership{width:100px;margin:auto;}
	.profileEdit{position:absolute;right:10px;bottom:2%;font-size:20px;}
	.profileEdit a{color:rgba(0,0,0,0.5);}
	.follow{text-align:right;}
	.follow .btn{margin-top:5px;background-color:#ebbc18;border-radius:5px;}
.follow .btn a{font-size:14px;color:black}
#profileList{/*margin-top:10px;margin-left:-40px;*/margin-left:-3px}
#profileList li{display:inline;padding:2px;}
#profileList li a{color:white;font-size:12px;background-color:#5e5e5e;padding:10px}
.navbar-header button span{background-color:black;}
.navbar-header button{background-color:#ebbc18;}
.dropdown-menu>li{background-color:transparent;}
#prodileList .dropdown .dropdown-menu>li>a:focus,#prodileList .dropdown .dropdown-menu>li>a:hover {background-color:black !important;}
.general i{font-size:1.8em;color:#fe7419;}
.bredcrum-style{background: #f1f1f1;margin: 10px;padding: 10px;padding-left:20px;	}

#profileList > li > a:hover{background-color:#2e2e2e;}
/*li.navlist:hover, li.navlist:focus{
  color: red;
  text-decoration: none;
  outline: none;
}

.active{
  font-size: 30px;
  color: red;
  border-bottom: 5px solid red;
  background-color:yellow;
}*/
.memberType img{margin:auto;padding:10px;}
.addressDetails{background-color:#fff;font-size:0.95em;}


.generalInfo{background-color:#fff;border:1px solid #ccc;padding:20px}
.generalInfo .general{padding:10px;}
.prodImages{background-color:#fff;border:1px solid #ccc;margin-top:10px;}

.prodImages .prod-name{text-align:center;font-size:13px;color:grey;}
.prodImages .prod-name a{color:grey;}
.prodImages .prod{height:240px;border:1px solid #ccc;}
.banner{margin-top:10px;background-color:white;margin-bottom:10px}
.galleryImg{margin-top:10px;background-color:#fff;border:1px solid #ccc;}
.galleryImg .h3{padding:20px;}
.managementTeam,.ExhibitionInfo,.certificatesInfo{background-color:#fff;margin-top:10px;border:1px solid #ccc;}
.managementTeam .member,.managmentInfo .member{margin-top: 15px;height: 300px;text-align: center;}
.managementTeam .member img,.managmentInfo .member img{width: 60%;/*width:130px;margin:auto;border-radius:50%;height:130px;*/	}
.managmentInfo,.mediaInfo,.exhibitionInfo,.certificate-page,.prodInfo,.awardsInfo,.catalogueInfo{background-color:#fff;border:1px solid #ccc;padding-bottom:20px;}
.exhibitionInfo .exhibition{height:300px;}
.awardsInfo .awards{height:270px;}
.exhibitionInfo .exhibition img,.awardsInfo .awards img{height:70%;width:100%;object-fit: contain;}
.awardsInfo .awards img{border-bottom:1px solid #ccc;width:100%}
.catalogueInfo .catalogueProd img{width:50%;margin:auto;}
.catalogueInfo .catalogueProd{border:1px solid #ccc;text-align:center;margin-bottom: 10px;}
.catalogueInfo .catalogueProd p:nth-child(2){margin-bottom: 0px; padding-bottom: 10px;}
.catalogueInfo .catalogueProd p:nth-child(1){margin-bottom:0px;padding:10px;font-size:15px}

.catalogueInfo .catalogueProd span a{color:white;}
.catalogueInfo .catalogueProd .btn {background-color: #5e5e5e;width:90%;border-radius:0px}



.prodInfo .product{text-align:center;}
.prodInfo .product p{margin-top:10px;}
.prodInfo .product img,.prodImages .prod img{width:99%;height:70%;margin:auto;object-fit: cover;}
.exhibition p{margin-bottom:0px;}
.managmentInfo .h3,.mediaInfo .h3,.exhibitionInfo .h3,.certificate-page .h3,.prodInfo .h3,.awardsInfo .h3,.prodImages .h3,.galleryImg .h3,.managementTeam .h3,.ExhibitionInfo .h3,.certificatesInfo .h3{font-size:22px;font-weight:bold;}
/*-------------------------------------------------------*/

/*profile info*/



#infoHr{border-width:2px;}
.mediaInfo img{width:100%;}
.prodInfo .product,.exhibitionInfo .exhibition,.awardsInfo .awards{border:1px solid #ccc;margin-top:15px;}

.prodInfo .product{border-bottom:1px solid #ccc;height:200px;width:100%}
/*.mediaInfo .mediaimgs{height:300px;border:1px solid #ccc;overflow-y:scroll;margin-bottom:10px;}*/
.certificate img{width:100%;}
.certificate{padding:10px;}

.prodDetails{padding:20px;background-color:#fff;}
.prodDetails table{width:100%;}
.prodDetails table,.prodDetails td{border:1px solid grey;padding:10px;}
.prodDetails th{border:1px solid grey;}
.prodDetails td{vertical-align:top;}
.prodDetails th{background-color: #ebbc18;text-align:center;font-size:15px;}





/* Gallery slider css*/

#carousel-custom {
    margin-top:  10px;
    width: 100%;
}
#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-outer {
    position: relative;
}
.carousel-control.left {
    background-image: none;
    width: 54px;
    height: 54px;
    top: 30%;
    left: 20px;
    margin-top: -27px;
    line-height: 54px;
    border: 2px solid #fff;
    opacity: 1;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.carousel-control.right {
    background-image: none;
    width: 54px;
    height: 54px;
    top: 30%;
    right: 20px;
    margin-top: -27px;
    line-height: 54px;
    border: 2px solid #fff;
    opacity: 1;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
/* Gallery slider css* ends*/
#scrollToTop, #scrollToBottom
        {
             cursor:pointer;
             background-color:#5e5e5e;
             display:inline-block;
             height:40px;
             width:40px;
             color:#fff;
             font-size:16pt;
             text-align:center;
             text-decoration:none;
             line-height:40px;
        }
.myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

/*.myImg:hover {opacity: 0.7;}*/

/* The Modal (background) 
.modal {
    display: none; /* Hidden by default *
    position: fixed; /* Stay in place *
    z-index: 1; /* Sit on top *
    padding-top: 100px; /* Location of the box 
    left: 0;
    top: 0;
    width: 100%; /* Full width *
    height: 100%; /* Full height *
    overflow: auto; /* Enable scroll if needed *
    background-color: rgb(0,0,0); /* Fallback color *
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity 
}
*/
/* Modal Content (image) *
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image *
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation *
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}


/* 100% Image Width on Smaller Screens *
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}*/
@media only screen and (max-width: 1200px){
.managmentInfo .member img{height:150px}
.prodInfo .product{height:180px;width:100%}
}
@media only screen and (max-width: 768px){
	.cover img{width:100%;height:150px}
	.generalInfo .general{text-align:center;}

/*#profileList{margin-top:10px;margin-left:-40px;background-color:#5e5e5e}*/
	#profileList li{padding:0px;}
	#profileList li a{    padding: 10px 60px;}
	.addressDetails{text-align:center;}
	.exhibitionInfo .exhibition{height:270px;}
	.maincontainer{width:100%}
	.follow .btn{width:45%;}
	.maincontainer{width:100%;}
    .exhibition-imgs img{width:100%;height:150px;}
    .cover .coverEdit{position: absolute;right: 10px;top: 70%;}
	
	
	.catalogueInfo .catalogueProd img{width:50%;margin:auto;}
    .catalogueInfo .catalogueProd{border:1px solid #ccc;text-align:center;}
    .catalogueInfo .catalogueProd p:nth-child(2){margin-bottom: 0px; padding-bottom: 10px;}
    .catalogueInfo .catalogueProd p:nth-child(1){margin-bottom:0px;padding:10px;font-size:11px}

    .catalogueInfo .catalogueProd span a{color:white;}
    .catalogueInfo .catalogueProd .btn {background-color: #5e5e5e;width:90%;border-radius:0px}
    .prodImages .prod{height:auto;width:100%}
    .prodInfo .product{height:150px;width:100%;overflow:hidden;}	
    /*.prodImages .prod img{width:auto;height:auto;}*/
	.prodInfo .product img{max-width:150px;height:80px}
	.cover .coverText p{font-size:1.5em;padding-left:30px;}
}
@media only screen and (max-width: 500px){
.managmentInfo .member img{height:120px}
/*.prodInfo .product{height:220px;width:100%}
.prodInfo .product img{width:60%;height:70%;}*/
}