@charset "utf-8";
/* CSS Document */
html,body{
    width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
#fvpp-blackout {
  display: none;
  z-index: 499;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}

#my-welcome-message {
  display: none;
  z-index: 500;
  position: fixed;
  width: 100%;
  left: 0%;
  top: 30%;
  padding: 10px 0%;
  font-family: Calibri, Arial, sans-serif; 
}
.text-center{
    text-align:center;
}

#fvpp-close {
  position: absolute;
   top: 0%;
    right: 2.5%;
    cursor: pointer;
    background-color: #fff;
    border-radius: 20px;
    padding: 5px;
}

#fvpp-dialog h2 {
  font-size: 2em;
  margin: 0;
}
.col-lg-3{
    width:25%;
    float:left;
}
#fvpp-dialog p { margin: 0; }
#my-welcome-message .container{
	background-color: #fff;
	border-radius:8px;    
	border: 15px solid #000;
    border-color: rgba(0, 0, 0, 0.7);
    width:88%;
    padding: 0px 15px;
    margin:0 auto;
}
#my-welcome-message .col-lg-3, #my-welcome-message .col-md-3 col-sm-3, #my-welcome-message .col-xs-12{
	padding:0px;
}
#fvpp-blackout{
	background-image:url(../img/overlay.png);
	background-repeat:repeat;
}
.box-one{
	width:100%;
	float:left;
	margin:15px 0px;
	background-color:#000;
    height:188px;
}
.box-one:hover{
background: rgba(174,55,55,1);
background: -moz-linear-gradient(top, rgba(174,55,55,1) 0%, rgba(0,0,0,1) 75%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(174,55,55,1)), color-stop(75%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(174,55,55,1) 0%, rgba(0,0,0,1) 75%);
background: -o-linear-gradient(top, rgba(174,55,55,1) 0%, rgba(0,0,0,1) 75%);
background: -ms-linear-gradient(top, rgba(174,55,55,1) 0%, rgba(0,0,0,1) 75%);
background: linear-gradient(to bottom, rgba(174,55,55,1) 0%, rgba(0,0,0,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae3737', endColorstr='#000000', GradientType=0 );
}
.box-two{
	width:100%;
	float:left;
	margin:15px 0px;
	background-color:#000;
    height:188px;
}
.box-two:hover{
background: rgba(174,109,63,1);
background: -moz-linear-gradient(top, rgba(174,109,63,1) 0%, rgba(0,0,0,1) 75%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(174,109,63,1)), color-stop(75%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(174,109,63,1) 0%, rgba(0,0,0,1) 75%);
background: -o-linear-gradient(top, rgba(174,109,63,1) 0%, rgba(0,0,0,1) 75%);
background: -ms-linear-gradient(top, rgba(174,109,63,1) 0%, rgba(0,0,0,1) 75%);
background: linear-gradient(to bottom, rgba(174,109,63,1) 0%, rgba(0,0,0,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae6d3f', endColorstr='#000000', GradientType=0 );
}
.box-three{
	width:100%;
	float:left;
	margin:15px 0px;
	background-color:#000;
    height:188px;
}
.box-three:hover{
background: rgba(174,55,55,1);
background: -moz-linear-gradient(top, rgba(174,55,55,1) 0%, rgba(0,0,0,1) 75%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(174,55,55,1)), color-stop(75%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(174,55,55,1) 0%, rgba(0,0,0,1) 75%);
background: -o-linear-gradient(top, rgba(174,55,55,1) 0%, rgba(0,0,0,1) 75%);
background: -ms-linear-gradient(top, rgba(174,55,55,1) 0%, rgba(0,0,0,1) 75%);
background: linear-gradient(to bottom, rgba(174,55,55,1) 0%, rgba(0,0,0,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae3737', endColorstr='#000000', GradientType=0 );
}
.box-four{
	width:100%;
	float:left;
	margin:15px 0px;
	background-color:#000;
    height:188px;
}
.box-four:hover{
background: rgba(153,141,88,1);
background: -moz-linear-gradient(top, rgba(153,141,88,1) 0%, rgba(0,0,0,1) 75%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(153,141,88,1)), color-stop(75%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(153,141,88,1) 0%, rgba(0,0,0,1) 75%);
background: -o-linear-gradient(top, rgba(153,141,88,1) 0%, rgba(0,0,0,1) 75%);
background: -ms-linear-gradient(top, rgba(153,141,88,1) 0%, rgba(0,0,0,1) 75%);
background: linear-gradient(to bottom, rgba(153,141,88,1) 0%, rgba(0,0,0,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#998d58', endColorstr='#000000', GradientType=0 );
}
 .logo-box{
	 width:100%;
	 float:left;
      height: 80px;
 }
  .logo-box img{
	 max-width: 80%;
     padding: 5px;
     max-height: 70px;
     margin-top:15px;

 }
  .text-box{
	 width:100%;
	 float:left;
	     margin-top: 20px;
 }
   .text-box h3{
	 width:100%;
	 float:left;
	 text-align:center;
	 text-transform:uppercase;
	 font-size:16px;
	 color:#fff;
 }
  .text-box p{
	 width:100%;
	 float:left;
	 text-align:center;
	 text-transform:uppercase;
	 font-size:14px;
	 color:#fff;
     margin-bottom: 10px;
 }
 @media (max-width:1200px){
     .box-one { 
    height: 200px;
    margin: 15px 0px 0px;
}
     .box-two { 
    height: 200px;
    margin: 15px 0px 0px;
}
     .box-three { 
    height: 200px;
    margin: 15px 0px 0px;
}
     .box-four { 
    height: 200px;
}
}
 @media (max-width:768px){
     .col-lg-3{
    width:100%; 
}
     #my-welcome-message {
    position: absolute;
        top: 10%;
     }
     #fvpp-close { 
    right: 4.5%;
     }
    #my-welcome-message .container {
    width: 80%;
}
     }