﻿/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
background: #666699;
border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}
	.inputstyle{border:none; color: #666666; border-radius: 3px; width:100%; padding: 15px 10px;}
	.standardheadings{font-size:18px; color:#3399FF}
	input, {width: 100%; box-sizing: border-box; /* add this */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
	input[type=number] { -moz-appearance: textfield;}
	.zoom {transition: transform .2s;}
	.zoom:hover {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); cursor: pointer;}

	.heading{flex: 1; margin: auto auto auto 10px; color: #3366CC; font-size: 20px; font-weight: 600;}
	body{margin: 0px;font-size: 13px;font-family: Arial, Helvetica, sans-serif;font-weight: normal;}
	html{scroll-behavior: smooth; }
	*{box-sizing: border-box;}
	h1{margin: 0px;font-weight: normal; font-size: 17px; color: #3366CC;}
	h2,h3,h4{font-size: 13px; font-weight: normal; margin: 0px; }

	.bg{background: linear-gradient(to top right, #e1e2e3 0%, #fafafa 75%); box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2); background-repeat: no-repeat;}
	.hov:hover{background: linear-gradient(to top right, #e1e2e3 0%, #fafafa 75%); box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2); background-repeat: no-repeat;}
	.hov1:hover{text-decoration: underline;}
	.divhover:hover{border-radius: 3px;	background-color: #EEEEEE; color: #333333; cursor: pointer;}
		
	.mdivs{border-radius: 5px; padding: 5px; width: 100%; cursor: pointer;}

	.overlay1{position: fixed; display: none; width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.7);z-index: 201;}
	.overlay{position: fixed; display: none; width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.7);z-index: 101;}
	#overlay{position: fixed; display: none; width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.7);z-index: 101;}

	.buttonY{border-radius: 3px; padding: 5px 8px 5px 8px; border-style: none; background-color: #F3B605; color: #FFFFFF; cursor: pointer; outline: none;}
	.buttonY:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
	.buttonB{border-radius: 3px; padding: 5px 8px 5px 8px; border-style: none; background-color: #4081EC; color: #FFFFFF; cursor: pointer; outline: none;}
	.buttonB:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
	.buttonG{border-radius: 3px; padding: 5px 8px 5px 8px; border-style: none; background-color: #32A350; color: #FFFFFF; cursor: pointer; outline: none;}
	.buttonG:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

	.buttonT{border-radius: 3px; border: 1px solid #3366CC; padding: 5px 8px 5px 8px; background-color: #FFFFFF; color: #3366CC; cursor: pointer; outline: none;}
	.buttonT:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
	.buttonR{border-radius: 3px; border: 1px solid #FF3300; padding: 5px 8px 5px 8px; background-color: #FF3300; color: #FFFFFF; cursor: pointer;outline: none;}
	.buttonR:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

	.buttonP{border-radius: 3px;border: 1px solid #FF3300;padding: 5px 8px 5px 8px;background-color: #CC00FF;color: #FFFFFF;cursor: pointer;outline: none;}
	.buttonP:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

	.divshadow:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

	.dropdown {position: relative; display: inline-block;}
	.dropdown:hover .dropdown-content {display: block;}
	.dropdown:hover .dropdown-content1 {display: block;}
	.dropdown:hover .dropdown-content2 {display: block;}
	.dropdown:hover .dropdown-content3 {display: block;}


	.dropdown-content { padding:20px; display: none; border-radius:5px; position: absolute; top:35px; left:0px;  }
	.dropdown-content1 { width: 500px; padding: 20px; border-radius: 5px; display: none; position: absolute; top: 35px; left: 0px; line-height: 25px;}
	.dropdown-content2 { width: 875px; padding:20px; border-radius: 5px; display: none; position: absolute; top:35px; left:0px; line-height: 25px; color:black;}
	.dropdown-content3 { width: 250px; padding:20px; border-radius: 5px; display: none; position: absolute; top:35px; left:-125px; line-height: 25px; color:black;}

	#ImageContainer{flex: 1.5; position: relative; overflow:hidden; }
	.theimage{width: 100%;}
	.fade-inn {animation: fadeIn ease 1s; -webkit-animation: fadeIn ease .5s; -moz-animation: fadeIn ease .5s; -o-animation: fadeIn ease .5s; -ms-animation: fadeIn ease .5s;}
	@keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
	@-moz-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
	@-webkit-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
	@-o-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
	@-ms-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
	.inp1{flex:1;}
	input:focus, textarea:focus, select:focus{outline: none; border-color:#9ecaed; box-shadow:0 0 10px #9ecaed;}
	.inputs, option, select{border:none; border-radius: 3px; padding: 5px; width: 100%;}
	.inputx, {padding: 10px; margin-bottom: 5px;  border-radius: 3px; border: 1px solid #CCCCCC; background-color: #FBFBFB;}
	.hidedesktop{display:none;}
@media only screen and (max-width:900px){
	.inp1{flex:2;}
	.hidedesktop{display:block;}
	.heading{font-size:15px;}
	.hide900{display:none;}
	h1{font-size: 15px;color: #3366CC;}
	h2,h3,h4{font-size: 13px;}
}
