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

*/

/* navigation bar modification */
/*.navbar{
	margin-bottom:0;
	border-radius:0;
	padding-top:15px;
	padding-bottom:15px;
}

.navbar-default .dropdown-menu{
	border:0;
	padding:0;
	margin-top:-3px;
}

.dropdown-menu .dropdown-header, .open .dropdown-menu > li > a{
	padding:10px 15px 10px 25px;
}

.navbar-toggle{
	padding:15px 10px;
}

.dropdown-menu .divider{
	margin:0;
}*/
/* // 

.dropdown-submenu{
    position: relative;
}

.dropdown-submenu .dropdown-menu{
    top:0;
    left:100%;
    margin-top:-1px;
}*/

/*

*/

/* search */
/*.openBtn {
    background: #f1f1f1;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
}

.openBtn:hover {
    background: #bbb;
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.overlay .closebtn:hover {
    color: #ccc;
}

.overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: white;
}

.overlay input[type=text]:hover {
    background: #f1f1f1;
}

.overlay button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

.overlay button:hover {
    background: #bbb;
}

.flex-c-400{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    flex-wrap: wrap;
}*/

/* modified default bootstrap primary colour */

.pointer{
    cursor: pointer;
}

.no-outline{
	outline:none !important;
}
/*
.btn-primary{
    background-color:#53B7E9;
    border-color:#53B7E9;
}

.btn-primary:hover{
    background-color:#1DA0E0;
    border-color:#1DA0E0;
}

.btn-primary.focus,.btn-primary:focus{
    background-color:#1DA0E0;
    border-color:#1DA0E0;
}

.bg-primary{
    background-color:#53B7E9;
    border-color:#53B7E9;
}

.bg-primary:hover{
    background-color:#1DA0E0;
    border-color:#1DA0E0;
}*/

.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)
}