/*westvicloans.css  wvl.css*/

#fxedfme {width: 100%; margin-top: 25px; text-align: center;}
.altbtn {border-radius:5px; padding:5px; cursor:pointer; color:white; 
display:inline-block; background-color:red; box-shadow: 5px 5px 5px black; margin:20px;}
.picwit {width: 70%;}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 25; /* Sit on top */
     /* Location of the box */
     padding-top: 175px;
    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.5); /* Black w/ opacity */
   
}
.showdskk {display: inline-block;}
.mobshowk {display: none;} 

/* Modal Content */
.modal-content {
    
      margin: auto;
        border: 5px solid white;
    width: 75%;
	height:75%;
}
.picz {width: 70%; height: auto}
// wide1 screen 
@media screen and (min-width:1020px){
.modal-content {
    background-color: dimgrey;
    margin: auto;
    padding: 5px;
    border 1px solid cyan;
	font-size: 8px;
    width: 75%;
	height:75%;
}
.picwit {width: 70%;}
.picz {width: 70%;}
.modal {padding-top: 150px; width: 90%;}
}

@media screen and (min-height:1050px){
.modal-content {
    background-color: dimgrey;
    margin: auto;
    padding: 5px;
    border 1px solid blue;
	font-size: 8px;
    width: 75%;
	height:65%;
}
.picwit {width: 90%;}
.picz {width: 80%;}
.modal {padding-top: 150px;}
}
/* For Mobiles */
@media screen and (max-height:720px){
.modal-content {
    background-color: dimgrey;
    margin: auto;
    padding: 5px;
    border 1px solid red;
	font-size: 8px;
    width: 95%;
	height:95%;
}

.picwit {width: 90%;}
.picz {width: 50%; margin:  auto;}
.modal {padding-top: 50px;}
.fxedfme {width: 98%; margin-left: 1%; height: 500px; margin-top: 10px; border-radius:5px;}
}

/* fancyclose is the positioning of the div and the hover style */
 .fancyclose2 {
cursor: pointer;
 top:-14px; 
 right:-12px; 
 position: absolute; 
 margin:left:5px; 
 opacity:1;

 
}
.fancyclose2:hover {
		opacity:0.7;
}

/* the size of the fancyclose image below is for mobile devices */
.imagcls {
	width: 25px;
	height: 25px;
	
	opacity:1;

}
/* for desk top */
@media screen and (min-width:1024px){
 .imagcls {
    width: 35px;
	height: 35px;
}}

.athird {
width: 30%;
display: inline-block;
background-color:lightgrey;
padding:5px;
float: left;
margin:5px;
}

.picslot {width:30%; display: inline-block; position:relative; margin-left:5%; background-color: transparent;}
.picslotmob {display: none;}
@media screen and (max-width:728px){
.picslot {display: none;}
 .picslotmob { top: 0px; width: 98%;left: 1%; position: relative; float: left; display: block; margin-top: 5px;
background-color: transparent;}
.athird {
width: 100%;
display: block;
padding: 2px;
float: left;
}}
.two3ds {width: 60%; position relative; display: inline-block; padding: 10px;}
.twothrds {
width: 60%;
display: inline-block;
position: relative;
padding: 15px;
}
.topdiv {width:100%;  position: relative; background-color: transparent; padding-top: 5px;}
@media screen and (max-width:728px){
.twothrds {width: 98%;
top: 0px; width: 98%;left: 1%; position: relative; float: left; display: block; margin: 10px 0px 10px 0px;
background-color: orange; padding: 5px;
}
.two3ds {width: 98%;
top: 0px; width: 98%;left: 1%; position: relative; float: left; display: block; margin: 10px 0px 10px 0px;
background-color: orange; padding: 5px;
}
.topdiv {width:100%;  position: relative; background-color: transparent; padding-top: 5px; }
.showdskk {display: none;}
.mobshowk {display: block;}
#gobeg {display: inline-block;}
}
.row {
    content: "";
    display: table;
    clear: both;
}


.fullbody {
background: url(garden-2.jpg) no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
}
 /* up arrow to got top */
   #gotop {
	color: blue;
	font-size: 30px;
	bottom: 5px;
	right:2%;
	opacity: 0.7;
	position: fixed;
	z-index: 7001;
	display: none;












































































	cursor: pointer;
	
}
#gotop:hover {opacity:1;}
h1.mobfnt {font-size:220%; color:black; line-height:90%; margin-top:0; }
h2.mobfnt {font-size:220%; color:red; line-height:100%; text-align:center; }
h3.mobfnt {font-size:180%; line-height:50%; padding-bottom: 10px;}
p.mobfnt {font-size: 20px; padding:0px; line-height:130%; color:navy; font-weight: bold;}
@media only screen and (max-width: 768px) {
#gotop {
	color: blue;
	font-size: 30px;
	bottom: 2%;
	right:5%;
	opacity: 0.5;
	position: fixed;
	z-index: 7001;
	display: none;
	cursor: pointer;
}
.detstyles { font-size: 10px; font-weight: bold; padding:5px;}
	.mespace {margin-left: 0; font-size: 10px;}
		.emailfnt {font-size:15px !important; color: blue;}
h1.mobfnt  {font-size:20px; color: orange; line-height:120%;}
h2.mobfnt {font-size:25px; color:red; line-height:120%; font-weight:bold;text-align:center; }
h3.mobfnt {font-size: 16px; padding:0px; line-height:130%; color:black;}
p.mobfnt {font-size: 16px; padding:0px; line-height:150%; color:black;}
#wtf {width:20%; z-index: 10;}
}
.detstyles { display: block; font-size: 20px; font-weight: bold;padding: 5px;}
.mespace {margin-left: 10px;font-size: 20px;}

		.emailfnt {font-size:16px;}	
		.melnk:hover {background-color: limegreen;}
	
	.picslotmob {display: none}
    
    @media screen and (max-width:728px){
    .picz {display none;}
	.picslotmob {display: block;}
.fullbody {background: none; background-color: linen;} 	
	}
	
	 .opcont-white {
   background: rgb(255, 255, 255); /* Fallback */
       background: rgba(255, 255, 255, 0.4);
       }
	   .opcont-green {
    background: rgb(170, 187, 97); /* Fallback */
    background: rgba(170, 187, 97, 0.4);
    }
.opcont-lime {
    background: rgb(157, 255, 128); /* Fallback */
    background: rgba(157, 255, 128, 0.7);
    }
.opcont-lblue {
    background: rgb(202, 240, 245); /* Fallback */
    background: rgba(202, 240, 245, 0.2);
    }
	/* end wvl.css */