html{
    scroll-behavior:smooth;
}

body{
    font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
    color:#000000;
}

.pointer{
    cursor: pointer;
}

.no-outline{
	outline:none !important;
}

.loader-size{
	font-size:20px;
}

.center-loading{
	width:20px; 
	height:20px; 
	margin:10px auto;
	text-align:center;
}

/*-------------- ZOOMING IMAGE-------------------*/	
.pic{
	background:#FFF;
	border-radius:5px;
	cursor:pointer;
}

.picbig{
	position:absolute;
	width:0px;
	-webkit-transition:width 0.3s linear 0s;
	-moz-transition:width 0.3s linear 0s;
	-o-transition:width 0.3s linear 0s;
	transition:width 0.3s linear 0s;
	z-index:10;
	border-radius:5px;
	border:1px solid #E0E0E0;
}

.pic:hover + .picbig{
	width:500px;
}

/*///*/
.pic-small{
	background:#FFF;
	border-radius:5px;
	cursor:pointer;
}

.picbig-small{
	position:absolute;
	width:0px;
	-webkit-transition:width 0.3s linear 0s;
	-moz-transition:width 0.3s linear 0s;
	-o-transition:width 0.3s linear 0s;
	transition:width 0.3s linear 0s;
	z-index:10;
	border-radius:5px;
	border:1px solid #E0E0E0;
}

.pic-small:hover + .picbig-small{
	width:200px;
}

.zoom-img{
	background-color:transparent;
	border-radius: 5px;
	cursor:zoom-in;
}

.zoom-img:hover{
	-ms-transform: scale(2); /* IE 9 */
	-webkit-transform: scale(2); /* Safari 3-8 */
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
}

/* custom w3 modal sizes by Godwin default lg */
.w3-modal-md{
	width:600px;
}

.w3-modal-xl{
	width:1140px;
}

.w3-modal-sm{
    max-width:300px;
    margin:0 auto;
}

@media screen and (min-width: 1140px) {
	.w3-modal-xl{margin-bottom: 15px;}
	.w3-modal-content{margin-bottom: 15px;}
	.w3-modal-md{margin-bottom: 15px;}
}

@media screen and (max-width: 1250px) {
	.w3-modal-xl{
		width: 992px;
		margin-right: auto;
    	margin-left: auto;
		margin-bottom: 15px;
	}
	
	.w3-modal-content{margin-bottom: 15px;}
	.w3-modal-md{margin-bottom: 15px;}
}

@media screen and (max-width: 1120px) {
	.w3-modal-xl{
		width: 768px;
		margin-right: auto;
    	margin-left: auto;
		margin-bottom: 15px;
	}
	
	.w3-modal-content{margin-bottom: 15px;}
	.w3-modal-md{margin-bottom: 15px;}
}

@media screen and (max-width: 890px) {
	.w3-modal-xl{
		width: 600px;
		margin-right: auto;
    	margin-left: auto;
		margin-bottom: 15px;
	}
	
	.w3-modal-content{margin-bottom: 15px;}
	.w3-modal-md{margin-bottom: 15px;}
}

@media screen and (max-width: 678px) {
	.w3-modal-xl{
		width: 500px;
		margin-right: auto;
    	margin-left: auto;
		margin-bottom: 15px;
	}
	
	.w3-modal-md{
		width: 500px;
		margin-right: auto;
    	margin-left: auto;
		margin-bottom: 15px;
	}
	
	.w3-modal-content{margin-bottom: 15px;}
}

@media screen and (max-width: 612px) {
	.w3-modal-xl{
		width: 400px;
		margin-right: auto;
    	margin-left: auto;
		margin-bottom: 15px;
	}
	
	.w3-modal-md{
		width: 400px;
		margin-right: auto;
    	margin-left: auto;
		margin-bottom: 15px;
	}
	
	.w3-modal-content{margin-bottom: 15px;}
}

@media screen and (max-width: 600px) {
	.w3-modal-xl{
		margin:0 15px 10px;
		width:auto !important;
	}
	
	.w3-modal-md{
		margin:0 15px 10px;
		width:auto !important;
	}
	
	.w3-modal-content{
		margin:0 15px 10px;
		width:auto !important;
	}
    
    .w3-modal-sm{
        margin:0 auto;
		width:auto !important;
    }
}

.order-1080{
    z-index: 1080;
}

.h-100{
	height:100% !important;
}

.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
.mb-auto{margin-bottom:auto!important}

.word-wrap{
	word-wrap:break-word;
}

.text-bold{
	font-weight:bold;
}

/* hide pg scrollbar when bootstrap modal is open */
.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* hide/show pg scrollbar when w3 modal is open/close */
.w3-modal-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.min-h-100{
	min-height:100px;
}

.min-h-200{
	min-height:200px;
}

.sha-dow{
	box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2);
	transition:0.3s;
}

.sha-dow:hover{
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

.txt-blk-20{
	color:#ccc;
}

/* remove outline and shadow when a button or a button converted to link is clicked */
.no-shadow:focus{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,0,0,0.00)
}

.chatbx-radius-left {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.chatbx-radius-right {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.shake-el {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}