#contentbar .invitehead h1{
	  background-color: #FFFFFF;
    background-image: none;
    margin: 20px;
    text-align: center;
    padding: 20px;
    font-size: 32px;
    font-weight: 300;
}

#contentbar .invitebox{
	max-width: 960px;
	margin: 0 auto;
	padding: 0px;
}

#contentbar .invitebox>div{
	padding: 20px 7%;
}

#contentbar .invitesocialbox{
	background-position: center;
	background-image:url("../images/invitebg.jpg");
	max-width: 960px;
	text-align: left;
	padding: 10px;
}

#contentbar .invitebox h4{
	font-size: 15px;
	margin: 10px 0px;
	color: #333;
	font-weight: 600;
}


#contentbar .invitebox p{
	font-size: 12px;
	margin: 10px 0px;
	color: #666;
}

#contentbar .invitebox .invitesocialbox{
	font-size: 18px;
	margin: 10px 0px;
	color: #333;
	padding: 50px 7%;
}

#contentbar .invitebox .invitesocialbox ul{
	background-color: #fff;
	border:1px solid #ccc;
	margin: 20px 0px;
}
#contentbar .invitebox .invitesocialbox ul li{
	width: 32%;
	display: inline-block;
	padding: 20px 0px ;
	text-align: center;
	border-right:1px solid #ccc;
	  min-width: 100px;
	  transition: all ease-in 0.2s;
	  font-weight: 600;
}

#contentbar .invitebox .invitesocialbox ul li:hover{
	cursor: pointer;
	color: #5FB9EC;
}


#contentbar .invitebox .invitesocialbox ul li:last-child{
	border-right: none;
}

.inviteforms{
	overflow: hidden;
}
.invitebox .column{
	text-align: left;
}

.invitebox .column>div{
	margin: 10px 0px;
}

.invitebox .column>div input{
	 margin-right: 10px;
    padding: 8px 5px;
    width: 240px;
    margin-bottom: 20px;
}

.invitebox .column>div .invitebutton{
	background-color:#4c85bd;
	color: #fff;
	border-radius: 4px;
	padding: 8px 15px;	
	display: inline-block;
	transition: all ease-in 0.2s;
	font-size: 12px;
}

.invitebox .column>div .invitebutton:hover{
	cursor: pointer;
	background-color: #4074a7;
}

.invitebox .column>div ul.iconlist{
	margin-top: 100px;

}
.invitebox .column>div ul.iconlist li{
	display: inline-block;
	vertical-align: middle;
	margin: 0px 8px;
	vertical-align: middle;
}



.invitebox .column>div ul.iconlist li span img{
	line-height: 20px;}
.invitebox .column>div ul.iconlist li span:hover{
	cursor: pointer;
}

#contentbar .invitebox div.bonus{
	text-align: center;
	font-size: 12px;
	padding: 40px 10%;
	margin-top: 40px;
	border-top: 1px solid #ddd;
	color: #888;
        float: left;
}

        @media (max-width: 800px) {

        	.column{
        		float: none;
        		display: block;
        		width: 90%;

        	}
        	.column:first-child{
        		 border-bottom:1px solid #ccc;
        	}

        	#contentbar .invitebox .invitesocialbox{
        		padding: 10px 7%;
        	}

        	#contentbar .invitebox .invitesocialbox ul li {
        		display: block;
        		border: none;
        		text-align: center;
        		width: 100%;
        	}

        	.invitebox .column > div ul.iconlist {
        		margin-top: 20px;
        	}
        }
}