@import url(https://fonts.googleapis.com/css?family=Lato:100,400);

*{
padding : 0;
margin : 0;
border : 0;
}
body{
	font-family: 'Lato', sans-serif;
	font-weight: 550;
	font-size: 20px;
	background: url(../images/background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.logo{
	background-color : rgba(0, 0, 0, 0.75);
	max-height : 80px;
}

.menu{
	padding: 12px;
	background-color : rgba(0, 0, 0, 0.65);
	min-height : 20px;
}

.blended_grid{
	display : block;
	width : 1130px;
	max-width: 100%;
	overflow : hidden;
	margin : 30px auto 0 auto;
}

.pageContent{
	padding: 15px;	
	background-color : rgba(255, 255, 255, 0.9);
	float : left;
	clear : none;
	min-height : 560px;
	max-width: 100%;
	width : 1100px;
}


.pageEnd{
	background-color : rgba(0, 0, 0, 0.55);
	min-height : 25px;
	position: fixed;
	bottom: 0;
	width: 100%;
	font-size: 14px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.menu li {
    float: left;
}
.pageEnd li {
    float: right;
}

li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 0px 16px;
    text-decoration: none;
}

li a:hover {
    color: #FFD700;

}

.active{
  color:#FFD700;

}

#plan{
  width:945px;
  height:250px;
  background-color:#f6f6f6;
  background: -webkit-linear-gradient(left, #efefef, #e6e6e6);
background: -moz-linear-gradient(left, #efefef, #e6e6e6);
background: -ms-linear-gradient(left, #efefef, #e6e6e6);
background: -o-linear-gradient(left, #efefef, #e6e6e6);
  margin: 0 auto;
margin-top: 30px;
  
  
  
}

.title{
  width:200px;
  height:250px;
  background-color: #a3a3a3;
  float:left;
   -webkit-transition: background-color 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
    -moz-transition:background-color width 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
    -o-transition: background-color width 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
    transition: background-color width 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
  
}

.title h1{
  
  color:white;
  text-transform:uppercase;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  margin:0px;
  padding:0px;
  padding-top:35px;
}

.title h1 span{
  font-size:16px;
  font-weight:bold;
}

.title p{
  color:white;
  text-transform:uppercase;
  font-size:40px;
  font-weight:bold;
  text-align:center;
  margin:0px;
  padding:0px;
  
}

.title:hover{
  background-color:#696969;
  color:black;
  width:230px;
  -webkit-transition: background-color 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
    -moz-transition:background-color width 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
    -o-transition: background-color width 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
    transition: background-color width 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
}


.containDetails{
  max-width: 640px;
  float:left;
  margin-top: 29px;
  padding-left: 46px;
}

.details li{
  display:inline-block;
  margin:0px;
  padding:0px;
  font-size: 35px;
  color: #6a6a6a;
  font-weight:bold;
  text-align: center;
  padding-left: 48px;
}

.first{
  padding:0px!important;
}

.details{
  padding:0px;
  float:left;
}
.details li span{
  font-size:15px;
  text-transform:uppercase;
}

.details li span:before{
 content: '\a' ; 
 white-space: pre;  
}

.select{
  margin-top: 73px;
  margin-left: 14px;
}
.end{
  width: 150px;
  height: 200px;
  background-color: #efefef;  
  float: left;
  position: relative;
  left: 64px;
 
}

.button {
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
background-color: #eeeeee;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
background: linear-gradient(top, #fbfbfb, #e1e1e1);
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
border: 1px solid #d4d4d4;
height: 32px;
line-height: 32px;
padding: 0px 25.6px;
font-weight: 300;
font-size: 14px;
color: #666666;
text-shadow: 0 1px 1px white;
margin: 0;
text-decoration: none;
text-align: center;
}

.button-flat-royal {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition-property: background;
-moz-transition-property: background;
-o-transition-property: background;
transition-property: background;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
background-color:black;
color: black;
text-shadow: none;
border: none;
}

#box{
width:180px; height:180px; position:fixed; left:0px; bottom: 0; z-index:999999;
}

#price-box{
width:210px; height:30px; position:absolute; right:0px; top: 0; padding: 10px; 
}