/*
Theme name: Grenada Responsive
Description: The Grenada Citizenship by Investment Committee (GCBI) is the main, government appointed body responsible for the thorough review and approval/disapproval of applications for citizenship by investment, and for applications for licenses under the act. The committee presents its recommendation to the minister responsible for citizenship who is then responsible for final approval.
Author: GoUp
Author URI:http://www.goup.co.uk
Version: 1.0

*/

/* typekit font example */

p.aktiv-grotesk-std light{
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;		
}
p.aktiv-grotesk-std regular{
	font-family: "aktiv-grotesk-std",sans-serif;
	font-weight: 400;			
}
p.ff-good-headline-web-pro-con book{
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	font-weight: 400;	
}
p.ff-good-headline-web-pro-con black{
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	font-weight: 900;	
}
/* typekit font example */
body{
	margin: 0px;
	padding: 0px;
	background-position: center top;
    letter-spacing: 0.25px;		
}
* { 
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
    letter-spacing: 0.25px;	
}
h2{
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	font-weight: 400;
	font-size: 24px;
	color: #666666;
	text-transform: uppercase;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
}
header {
	padding: 20px 0;
	position:relative;
	height: 125px;
}
.clear {
	clear:both;
}
/* Header */
.headerleft {
	float: left;
	border-top: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	font-weight: 400;
	line-height: 16px;
	font-size: 14px;
	padding: 11px 0;
	color:#808080;
    letter-spacing: 0.25px;
	text-align:left;			
}
.headerleft div{
	display: inline;			
}
.headerleft a{
	color:#808080;
    letter-spacing: 0.25px;			
}
.headerleft a:hover{
	color:#60C1EB;	
}
header .toplogo {
	position: absolute;
	left: 50%;
	margin-left: -72px;
	top: 20px;
}
.headerright {
	float:right;
}
.border-btn {
	display:block;
	width: 206px;
	height: 19px;
	padding: 8px 0px 8px 10px;
	text-align: center;
	line-height: 35px;
	font-family: "ff-good-headline-web-pro-con",sans-serif;
	font-weight: 400;
	line-height: 16px;
	text-transform:uppercase;
	color: #60C1EB;
	background: #ffffff url(images/btn-arrow.png) 23% center no-repeat;
	border: 1px solid #60C1EB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
    letter-spacing: 0.25px;		
}
.border-btn:hover {
	color: #ffffff !important;
	background: #60C1EB url(images/btn-arrow.png) 25% center no-repeat;
	border: 1px solid #ffffff;
}
.home-btn-space {
	margin-top: 20px;
}
a#readmore {
    color: #666666;
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.25px;
    text-transform: uppercase;
}
a#readmore:hover {
    color: #60C1EB;
}
.fullgreen-btn {
	display:block;
	width: 216px;
	height: 19px;
	padding: 8px 0px;
	text-align: center;
	line-height: 35px;
	font-family: "ff-good-headline-web-pro-con",sans-serif;
	font-weight: 400;
	line-height: 16px;
	text-transform:uppercase;
	color: #ffffff;
	background: #60C1EB;
	border: 1px solid #60C1EB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
}
.fullgreen-btn:hover {
	color: #FFFFFF;
	background: #BC2A2A;
	border: 1px solid #BC2A2A;
}
/* Top Menu */
.menu-top-menu-container {
	border-top: #CCCCCC 1px solid;	
}
#menu-top-menu {
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: left;	
	display: inline;
	list-style: none;	
}
#menu-top-menu li{
	display: inline-block;
	position: relative;
}
#menu-top-menu li a{
	padding: 8px 13px;
	display: block;
	text-transform:uppercase;
	color: #666666;
	font-size: 16px;
	font-family: "ff-good-headline-web-pro-con",sans-serif;
	font-weight: 400;
    letter-spacing: 0.25px;
	background: #ffffff;			
}
#menu-top-menu li a:hover, #menu-top-menu li.current-menu-item a{
	background: #60C1EB;
	color: #FFFFFF;	
}
#menu-top-menu li a:hover, #menu-top-menu li.current-menu-item ul li a{
	background: #ffffff;	
	color: #666666;
}
#menu-top-menu li a:hover, #menu-top-menu li.current-menu-item ul li a:hover{
	background: #60C1EB;
	color: #FFFFFF;	
}
#menu-top-menu li ul{
    position: absolute;
    top: 33px;
    display: none;
    background: #ffffff;
    width: 160px;
    left:0px;
    padding: 5px 0px 10px;
    border: none;
    text-align: center;
    z-index: 99999;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}
#menu-top-menu li.menu-item-6 ul{
    left:0px;
	width: 180px;
}
#menu-top-menu li.menu-item-8 ul{
    left:0px;
}
#menu-top-menu li.menu-item-5 ul{
    left:0px;
}
#menu-top-menu li.menu-item-270 ul{
    left:0px;
	width: 220px;
}
#menu-top-menu li.menu-item-281 ul li {
    width: 208px;
}
#menu-top-menu li.menu-item-281 ul{
    left:0px;
	width: 220px;
}
#menu-top-menu li.menu-item-270 ul li {
    width: 208px;
}
#menu-top-menu li ul li{
    width: 128px;
}
#menu-top-menu li.menu-item-6 ul li{
    width: 148px;
}
#menu-top-menu li ul li a{
	padding: 9px 16px;
}
#menu-top-menu li:hover ul{
    display: block;
}
#menu-top-menu li ul:after, #menu-top-menu li ul:before {

}
#menu-top-menu li ul:after {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;	
	padding-top: 15px;		
}
#menu-top-menu li ul:before {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -11px;
	padding-top: 15px;		
	
}
/* Home Slider */
.home-slider-wrap {
	width: 100%;
	position:relative;
	height: 250px;
}
.home-slider {
	width: 100%;
	min-width: 360px;
	height: 250px;
	margin: -125px 0 0 0;
	position: absolute;
	top: 50%;
	left: 0;
}
#home-slider div {
	height: 250px;
	float: left;
	position: relative;	
}
#home-slider img {
	min-width: 100%;
	min-height: 100%;
}
#home-slider-pager {
	border-radius: 20px;
	text-align: center;
	width: 120px;
	height: 50px;
	padding-top: 2px;
	margin: 90px 0 0 -60px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: +1;
}
#home-slider-pager a.selected span {
	background: #60C1EB;
}
#home-slider-pager a {
	display: inline-block;
	padding: 5px;
}
#home-slider-pager span {
	border-radius: 10px;
	background: #ffffff;
	text-indent: -100px;
	line-height: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
}
.hs-textbox {
	display: block;
	background: rgba(173,0,0, 0.7);
	width: 298px;
	height: 98px;
	position: absolute;
	left: 50%;
	margin-left: -149px;
	top: 50%;
	margin-top: -49px;
}
.hs-textbox p{
	display: block;
	width: 278px;
	height: 63px;
	margin: 9px;
	padding-top: 15px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 18px;
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	text-align: center;
	text-transform:uppercase;
}
.hs-textbox p strong {
	font-size: 24px;
	font-weight: 400;
}
.topspace {
	margin-top: 10px;
}
.top-flag {
	float:right;
	margin-top: 20px;
}
#menu-second-menu {
	margin: 0;
	text-align: left;	
	display: inline;
	list-style: none;	
}
#menu-second-menu li{
	display: inline-block;
	margin-right: 26px;		
}
#menu-second-menu li:last-child{
	margin-right: 0px;	
}
#menu-second-menu li a{
	display: block;
	text-transform:uppercase;
	color: #FFFFFF;
	font-size: 16px;
	font-family: "ff-good-headline-web-pro-con",sans-serif;
	font-weight: 400;
	width: 217px;
	height: 41px;
	text-align:center;
	line-height: 41px;
	background: #60C1EB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#menu-second-menu li a:hover{
	background: #990000;
}
.homecontent {
	margin: 10px 0px;
	border-top: 1px solid #CCCCCC;
	padding: 10px 0px;
}
.homeleft {
	float:left;
	width: 474px;
	margin-right: 20px;
}
.homeleft h1{
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	font-weight: 400;
	font-size: 36px;
	letter-spacing: 1px;
	color: #990000;
	text-transform: uppercase;
	padding-bottom: 5px;		
}
.homeleft p{
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 12px;
	color: #4D4D4D;
}
.homeright {
	width: 466px;
	background: #F7F7F7;
	float:left;
	margin: 0;
	padding: 0;
}
.newsrightimg {
	float: left;
	margin: 20px 20px 10px 20px;
	width: 210px;
}
.newsrightimg a{
	opacity: 1;
}
.newsrightimg a:hover{
	opacity: 0.6;
}
.newsright {
	float: left;
	width: 196px;
	text-align: center;
	padding-top: 20px;
}
.newsright h4{
	color: #666666;
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;	
	padding-bottom: 0px;	
}
.newsright span{
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 11px;
	color: #999999;
	line-height: 24px;		
}
.newsright h2{
	line-height: 20px;
	padding-bottom: 15px;		
}
.newsright h2 a{
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	font-weight: 400;
	font-size: 18px;
	color: #60C1EB;
}
.newsright h2 a:hover{
	color: #990000;
}
.newsright .owltext{
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 11px;
	color: #808080;	
}
.owl-pagination {
	right: 0;
	bottom: 10px;
	width: 216px;
	position:absolute;
	z-index: +1;
}

.owl-theme .owl-controls .owl-page span {
    background: #CCCCCC !important;
    margin: 5px 3px !important;
	opacity: 1 !important;
	height: 10px !important;
	width: 10px !important; 
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    background: #60C1EB !important;
}
footer {
	width: 100%;
	background: #474746;
}
.footer-contact {
	width: 100%;
	text-align: center;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 12px;
	color: #ffffff;
	padding:20px 0px;	
}
.footer-flag {
	margin-top: 20px;
}
.footer-contact a {
	color: #ffffff;
	margin-right: 0px;
}
.footer-contact a:nth-child(2) {
	color: #ffffff;
	margin-right: 20px;
}
.footer-contact p {
	margin-top: 20px;
}
.footer-copy {
	color: #808080;
	width: 100%;
	text-align: center;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 12px;
	padding: 0px 0px 30px;		
}
.full-with-img { 
	height: 250px; 
	overflow: hidden; 
	position: relative; 
	width: 100%; 
}
.bg-img-page { 
	background-position: center center; 
	background-size: cover; 
	box-sizing: content-box; 
	height: 100%; 
	left: 0; 
	padding: 0; 
	position: absolute; 
	top: 0;  
	width: 100%; 
}
.pagebg {
	width: 100%;
	background: #F7F7F7;
	padding-bottom: 60px;
}
.content {
	width: 900px;
	margin: 0px auto 0px;
	position:relative;
	z-index: +1;
	background: #ffffff;
	padding-bottom: 40px;
}
.pagesidebar {
	float: left;
	width: 200px;
	margin-left: 60px;
	margin-top: 15px;
}
.pagesidebar ul {
	list-style: none;
	margin: 0px 0px 20px;
	padding:0;
}
.pagesidebar ul li {
	padding: 5px 0px;
}
.pagesidebar ul li a{
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	text-transform:uppercase;
	line-height: 20px;
}
.pagesidebar ul li a:hover, .page-id-32 .pagesidebar ul li:first-child a, .page-id-38 .pagesidebar ul li:nth-child(2) a, .page-id-45 .pagesidebar ul li:first-child a, .page-id-61 .pagesidebar ul li:first-child a, .page-id-289 .pagesidebar ul li:nth-child(2) a, .page-id-65 .pagesidebar ul li:nth-child(3) a, .page-id-68 .pagesidebar ul li:nth-child(4) a, .page-id-71 .pagesidebar ul li:nth-child(5) a, .page-id-73 .pagesidebar ul li:nth-child(5) a, .page-id-77 .pagesidebar ul li:nth-child(7) a, .page-id-80 .pagesidebar ul li:nth-child(6) a, .page-id-140 .pagesidebar ul li:first-child a, .page-id-142 .pagesidebar ul li:nth-child(3) a, .page-id-338 .pagesidebar ul li:nth-child(2) a, .page-id-144 .pagesidebar ul li:nth-child(4) a, .page-id-146 .pagesidebar ul li:nth-child(5) a, .page-id-264 .pagesidebar ul li:first-child a, .page-id-266 .pagesidebar ul li:nth-child(2) a, .page-id-268 .pagesidebar ul li:nth-child(3) a, .page-id-275 .pagesidebar ul li:first-child a, .page-id-273 .pagesidebar ul li:first-child a, .page-id-332 .pagesidebar ul li:nth-child(2) a, .page-id-120 .pagesidebar ul li:nth-child(4) a,.page-id-599 .pagesidebar ul li:last-child a, .page-id-209 .pagesidebar ul li:nth-child(8) a{
	color: #60C1EB;
}
.sidebtns {
	display: block;
	width: 140px;
	height: 140px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
	position:relative;
}
.sidebtns h5{
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	margin-left: 20px;
	padding-top: 15px;
	text-transform:uppercase;
}
.sidebtns span{
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	left: 20px;
	text-align:left;
	display:block;
	position:absolute;
	bottom: 20px;
}
.forms-download-btn {
	background: #BC2A2A;
}
.find-agent-btn {
	background: #60C1EB;
}
.forms-download-btn:hover {
	background: #990000;
}
.find-agent-btn:hover {
	background: #30AFE4;
}
.find-agent-btn span {
	margin-top: 55px;
}
#breadcrumbs, #breadcrumbs a {
	color: #CCCCCC;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 12px;
}
#breadcrumbs a:hover {
	color: #4D4D4D;
}
.pagecontent {
	float: right;
	width: 519px;
	padding-left: 60px;
	margin-right: 60px;
	margin-top: 15px;
	border-left: 1px solid #E6E6E6;
}
.pagecontent ul{
	margin-left: 25px;
}
.pagecontent ul li{
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 13px;
	color: #4D4D4D;
	line-height: 21px;
}
.pagecontent h1{
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	font-weight: 400;
	font-size: 36px;
	color: #666666;
	text-transform: uppercase;
	padding: 0px 0px 10px;	
	letter-spacing: 1px;
}
.pagecontent h2{
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	font-weight: 400;
	font-size: 24px;
	color: #666666;
	text-transform: uppercase;
	padding-bottom: 20px;
}
.pagecontent p {
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 13px;
	color: #4D4D4D;
	line-height: 21px;
	padding-bottom: 10px;
}
.pagecontent a {
	color: #990000;
}
.pagecontent a.fullgreen-btn, .pagecontent a.border-btn {
    color: #ffffff;
}
.pagecontent a.border-btn {
	color: #60C1EB;	
}
.pagecontent a:hover {
	color: #60C1EB;
}
.pagecontent a.fullgreen-btn:hover {
    color: #ffffff;
}
.pagecontent a.border-btn:hover {
    color: #ffffff;	
}
.leftbtn {
	float:left;
	width:245px;
	height: 25px;
	line-height: 21px;
}
.rightbtn {
	float:right;
	width:245px;
	height: 25px;	
	line-height: 21px;	
}
.linespacer {
	width: 100%;
	clear:both;
	border-top: 1px solid #E6E6E6;
	margin: 15px 0px;
}
.team-item {
	width: 140px;
	min-height: 80px;
	float:left;
	margin-right: 49.5px;
}
.team-item h4{
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 400;
	font-size: 13px;
	color: #4D4D4D;	
}
.team-item span{
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 11px;	
}
.team-item:nth-child(3n+3) {
	margin-right: 0px;
}
.page-id-68 .pagecontent ul {
	padding: 0px;
	list-style-position: inside;
}
.page-id-68 .pagecontent ul li span{
	padding-left: 20px;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 13px;
	color: #4D4D4D;
	line-height: 31px;	
}
.agents-item{
	float:left;
	width: 48%;
	margin-right: 4%;
	position: relative;
	margin-bottom: 35px;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 13px;
	color: #4D4D4D;
	line-height: 21px;
	min-height: 115px;	
}
.agents-item:nth-child(2n+2) {
	margin-right: 0;
}
.ma-item {
	min-height: 155px;	
}
.agents-name {
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #4D4D4D;
	margin-bottom: 15px;
	display:inline-block;	
}
.agents-website {
	position:absolute;
	bottom: 5px;
}
.aii-date {
	color: #999999;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 11px;
	padding-bottom: 10px;	
}
h2.aii-title {
	color: #990000;
	font-size: 18px;
	letter-spacing: 0.5px;
	font-weight: 400;	
}
.aii-date-img {
	margin-bottom: 15px;
}
.aimail, aitel {
	margin-top: 15px;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 13px;
	color: #4D4D4D;
	line-height: 21px;
	display: inline-block;
	margin-right: 15px;
}
.aiweb {
	margin-top: 15px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	font-family: "ff-good-headline-web-pro-con",sans-serif;	
	font-weight: 400;	
}
.alignright {
	float:right;
	margin-left: 15px;
	margin-bottom:5px;
}
.alignleft {
	float:left;
	margin-right: 15px;
	margin-bottom:5px;	
}
.alignnone {
	float: none;
	margin-bottom: 5px;
}
.wglight ul {
    list-style: none;
    padding:0;
    margin:0;
}
.wglight ul li { 
    padding-left: 1em; 
    text-indent: -.7em;
	color: #666666;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 12px;
	line-height: 21px;		
}
.wglight ul li:before {
    content: "•";
    color: #666666;
	padding-right: 10px;
}
.wglight p {
	color: #666666;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 12px;	
}
.wglight ul li span{
	padding-left: 20px;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 12px;
	color: #666666;
	line-height: 31px;	
}
.wglight ul li.largelist { 
    color: #666666;
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;	
}
.col-left {
	width: 48%;
	float:left;
	margin-right: 4%;
}
.col-right {
	width: 48%;
	float:left;
	margin-right: 0;
}
.expandtoggle {
	border-top: 1px solid #E6E6E6;
	padding: 8px 0px 8px 5%;
	width: 95%;
	background: url(images/arrow.png) 95% center no-repeat;
}
.expandtoggle:hover {
	cursor: pointer;
	color: #60C1EB;
}
.expandtoggle:last-child {
	border-bottom: 1px solid #E6E6E6;
}
.expandedtoggle {
	padding: 8px 0px 8px 5%;
	width: 95%;	
}
.expandedtoggle p{
    font-size: 11px;
	line-height: 15px;	
}
.faqexpandtoggle {
	width: 100%;
	background: url(images/arrow.png) 95% center no-repeat;		
}
.faqexpandtoggle:hover {
	cursor: pointer;
	color: #60C1EB;
}
.faqexpandtoggle p{
	border-top: 1px solid #E6E6E6;	
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-size: 18px;
    font-weight: 400;
	color: #990000;
	padding: 20px 0px;	
}
.faqexpandtoggle:last-child {
	border-bottom: 1px solid #E6E6E6;
}
.faqexpandedtoggle {
	padding-bottom: 20px;
}
.toggle-open {
	background: url(images/arrow-up.png) 95% center no-repeat;	
}
.toggle-open p{
	color: #60C1EB;
}
ul.subcatlist li a{ 
	text-transform: none; 
}
ul.subcatlist li.current-cat a{ 
	color: #60C1EB;
}
ul.subcatlist li a:before{ 
	content: "- "; 
}
.sidebarcategory {
    color: #666666;
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
	margin-bottom: 10px;
	display: inline-block;	
}
.news-item {
    border-bottom: 1px solid #e6e6e6;
    clear: both;
    width: 100%;
	height: 140px;
	padding: 30px 0px;
}
.news-img {
	float: left;
	width: 140px;
	margin-right: 30px;
}
.news-img a {
	opacity:1;
}
.news-img a:hover {
	opacity:0.7;
}
.news-right {
	float:left;
	width: 349px;
	height: 140px;
	position:relative;
}
.news-right h2 {
    color: #990000;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.5px;
	padding-bottom: 10px;
}
.newsreadmore {
	position:absolute;
	bottom: 0px;
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;		
}
.linespacernews {
    border-top: 1px solid #e6e6e6;
    clear: both;
    margin: 5px 0 0px;
    width: 100%;
}
.news-pagination {
	text-align:center;
	width: 100%;
	margin-top: 35px;
}
.news-pagination a{
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-size: 14px;
    font-weight: 400;	
    text-transform: uppercase;
	color:#CCCCCC;
	padding: 5px;
}
.news-pagination a:hover{
	color:#60C1EB;
}
.news-pagination .current{
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-size: 14px;
    font-weight: 400;	
    text-transform: uppercase;
	color:#60C1EB;
	padding: 0px 2px;	
}
.news-pagination .next{
	float:right;
	padding: 0px;
}
.news-pagination .prev{
	float:left;
	padding: 0px;	
}
.single-post .post {
	padding-top: 30px;
}
.single-post .post img{
	max-width: 519px;
	height: auto;
}
.social-links {
	float:right;
}
.wpcf7-form p {
	width: 100%;
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-size: 18px;
    font-weight: 400;
	color: #666666;
	text-transform:uppercase;
	display: inline-block;
	margin: 10px 0px;
	line-height: 34px;		
}
.wpcf7-form p input[type="text"], .wpcf7-form p input[type="email"], .wpcf7-form p input[type="tel"] {
	float:right;
	border: 1px solid #E6E6E6;
	background: #F7F7F7;
	width: 357px;
	height: 24px;
	padding: 5px 10px;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 12px;
	color: #999999;	
}
.wpcf7-form p textarea {
	float:right;
	border: 1px solid #E6E6E6;
	background: #F7F7F7;
	width: 357px;
	padding: 10px;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 12px;
	color: #999999;				
}
.wpcf7-form p .wpcf7-not-valid-tip {
	display:inline-block;
	width: 100%;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 12px;
	color: #bc2a2a;
	text-transform:capitalize;	
}
div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
	font-family: "aktiv-grotesk-std",sans-serif;	
	font-weight: 300;
	font-size: 12px;
	color: #bc2a2a;	
}
.wpcf7-form input[type="submit"] {
	float: right;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #990000;
    border-radius: 5px;
    color: #990000;
    display: block;
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    line-height: 16px;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    width: 98px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;		
}
.wpcf7-form input[type="submit"]:hover {
	float: right;
    background: #990000 none repeat scroll 0 0;
	cursor: pointer;
    border-radius: 5px;
    color: #ffffff;
}
.downloadform {
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
.downloadform li{
	width: 100%;
	border-top: 1px solid #E6E6E6;
	float:left;
	padding: 25px 0px;
	position:relative;	
}
.downloadform li:last-child{
	border-bottom: 1px solid #E6E6E6;
}
.downloadform li span{
	color: #666666;
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-size: 16px;
    font-weight: 400;
	max-width: 350px;
	display: inline-block;	
}
.downloadform li a.dwnls {
	right: 0;
	top: 50%;
	margin-top: -20px;
	width: 143px;
	position:absolute;
	color: #60C1EB;
	background: #ffffff url("images/btn-arrow.png") no-repeat scroll 20% center;	
}
.downloadform li a.dwnls:hover {
	color: #FFFFFF;
	background: #60C1EB url("images/btn-arrow.png") no-repeat scroll 20% center;	
}
.downloadform li a.docdwls {
	background: #ffffff url("images/btn-arrow.png") no-repeat scroll 10% center;	
}
.downloadform li a.docdwls:hover {
	color: #FFFFFF;
	background: #60C1EB url("images/btn-arrow.png") no-repeat scroll 10% center;	
}
/* Grenada responsive media queries*/
.menu-trigger {
	display: none;
}
.menulogo {
    display: block;
    height: auto;
    margin: 30px auto;
    text-align: center;
    width: 100%;
	max-width: 144px;
}
.menu-trigger {
	position: absolute;
	top: 130px;
	left: 30px;
	width: 50px;
	height: 50px;
	background: url(images/responsive-menu.png) no-repeat;		
}
.mp-pusher {
	position: relative;
	left: 0;
	height: 100%;
}
.mp-menu {
	position: absolute; /* we can't use fixed here :( */
	top: 0;
	left: 0;
	z-index: 1;
	width: 300px;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
	background: rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}

.mp-pusher,
.mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp-menu h2 {
	margin: 0;
	padding: 1em;
	color: rgba(0,0,0,0.4);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;
}

.mp-menu.mp-overlap h2::before {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 8px;
	font-size: 75%;
	line-height: 1.8;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.mp-menu ul li > a {
	display: block;
	padding: 0.7em 1em 0.7em 1.8em;
	outline: none;
    color: #666666;
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;	
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
}

.mp-menu ul li::before {
	position: absolute;
	left: 10px;
	z-index: -1;
	color: rgba(0,0,0,0.2);
	line-height: 3.5;
}

.mp-level > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
    color: #FFFFFF;	
	background: #60C1EB;	
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
	background: rgba(0,0,0,0.1);
	outline: none;
    color: #666666;
    display: block;
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-size: 18px;
    font-weight: 400;
    outline: medium none;
	text-transform:uppercase;
    padding: 0.7em 1em 0.7em 1.8em;
	position: relative;
	box-shadow: inset 0 1px rgba(0,0,0,0.1);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

.mp-back::after {
	font-family: 'linecons';
	position: absolute;
	content: "<";
	right: 10px;
	font-size: 1.3em;
	color: rgba(0,0,0,0.3);
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}
.tablestyle {
   border-collapse: collapse;
   font-size: 12px;
   margin: 10px 0;
   background: #FFFFFF;
   width: 100%;
   font-family: "aktiv-grotesk-std",sans-serif;
   border-radius: 10px;
   border: none;
   font-weight: 300;
   color: #4d4d4d; 
}
.tablestyle strong{
   font-weight: 400;
   font-size: 13px;
   color: #4d4d4d;     
}
.tablestyle tr, .tablestyle td {
	border-bottom: 1px solid #d1d1d1;  
}
.tablestyle td {
	border-right: 1px solid #d1d1d1; 
	border-left:  1px solid #d1d1d1;   	
}
.tablestyle td, tr, th {
   text-align: center;
}
.tablestyle th, .tablestyle td {
   text-align: left;
   padding: 10px;
}
.tablestyles {
   border-collapse: collapse;
   font-size: 13px;
   margin: 10px 0;
   background: #ffffff;
   width: 100%;
   font-family: "aktiv-grotesk-std",sans-serif;
}
.tablestyles, .tablestyles tr, .tablestyles td {
  border: none;
}
.tablestyles td, tr, th {
   text-align: center;
}
.tablestyles th, .tablestyles td {
   border: none;
   text-align: left;
   padding: 2px;
   color: #4d4d4d;
}
.tablestyle .redtd {
	background: #bc2a2a;
	color: #FFFFFF;
}
.tablestyle .redtd strong {
   color: #FFFFFF; 
}
.tablestyle .greytd {
	background: #efefef;
}
ul.page-bottom-links {
	margin:20px 0px 0px;
	padding: 20px 0px 0px;
	border-top: 1px solid #e6e6e6;
	list-style: none;
	list-style-type: none;
	width: 100%;
}
.page-bottom-links li{
	width: 25%;
	float:left;
}
.page-bottom-links li a{
	display: block;
	text-transform:uppercase;
	color: #FFFFFF;
	font-size: 14px;
	font-family: "ff-good-headline-web-pro-con",sans-serif;
	font-weight: 400;
	text-align:center;
	background: #60C1EB;
	padding: 10px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	width: 98%;
	margin: 0px 1%;
}
.page-bottom-links li a:hover{
	background: #990000;
	color: #ffffff;
}
a.defbtn{
	text-transform:uppercase;
	color: #FFFFFF;
	font-size: 14px;
	font-family: "ff-good-headline-web-pro-con",sans-serif;
	font-weight: 400;
	text-align:center;
	background: #60C1EB;
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	margin: 5px 0px;
}
a.defbtn:hover{
	background: #990000;
	color: #ffffff;
}
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
	padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
	display: none;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
	display: block;
}
@media screen and (max-width: 820px) {
.wrapper {
	width: 92%;
	margin: 0 3%;
	clear:both;
}
header .toplogo img, .menulogo img{
    width: 100%;
	max-width: 144px;
	height: auto;
}
.menu-top-menu-container {
	display: none;
}
.menu-trigger {
	display: block;
}
#menu-second-menu {
	margin: 0;
	width: 100%;
	clear:left;
}
#menu-second-menu li {
	margin: 10px 0;
	width: 50%;
	text-align:center;
	float:left;
}
#menu-second-menu li a {
    background: #60C1EB none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
	margin: 0 auto;
    display: block;
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 41px;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
    width: 217px;
}
.homecontent {
    clear: both;
}
.homeleft {
	float:left;
	width: 90%;
	margin: 0 5%;
	margin-bottom: 30px;
}
.menu-second-menu-container {
	padding: 20px 0 120px;
}
.homeright {
	float:left;
	width: 90%;
	margin: 0 5%;
}
.newsrightimg {
    float: left;
    margin: 5% 5% 2%;
    width: 30%;
}
.newsrightimg a img{
	width: 100%;
	height: auto;
	max-width: 210px;
}
.newsright {
    float: left;
    padding-top: 5%;
    text-align: center;
    width: 60%;
}
.content {
    width: 100%;
	margin: 0;
	position:inherit;
}
.pagesidebar {
    margin: 60px 5% 0;
    width: 90%;
}
.pagesidebar ul {
    float: left;
	margin-right: 60px;
}
.sidebtns { 
	float: left;
	margin-right: 20px;	
}
.pagecontent {
    border-left: none;
    float: left;
    margin: 20px 5% 0;
    width: 90%;
	padding: 0;
}
.team-item {
    float: left;
    margin-right:0;
    min-height: 200px;
    width: 33.3%;
	text-align:center;	
}
.team-item img {
	width: 100%;
	max-width: 140px;
	height:auto;
	margin: 0 auto;
}
iframe {
	width: 100%;
	height: auto;
	min-height: 250px;
}
.downloadform li span {
    max-width: 70%;
}
}
@media screen and (max-width: 670px) {
.border-btn {
    width: 170px;
	background: #ffffff url(images/btn-arrow.png) 30px center no-repeat;
}
.border-btn:hover {
    width: 170px;
	background: #60C1EB url(images/btn-arrow.png) 30px center no-repeat;
}
.fullgreen-btn {
    width: 170px;
}
.fullgreen-btn:hover {
    width: 170px;
}
.owl-theme .owl-controls {
	display:none !important;
}	
}
@media screen and (max-width: 610px) {
.headerleft {
	max-width: 120px;
}
.border-btn  {
    width: 150px;
	background: #ffffff url(images/btn-arrow.png) 20px center no-repeat;	
}
.border-btn:hover {
    width: 150px;
	background: #60C1EB url(images/btn-arrow.png) 20px center no-repeat;
}
.fullgreen-btn  {
    width: 150px;
}
.fullgreen-btn:hover {
    width: 150px;
}
.aii-date-img img {
	width: 100%;
	max-width: 520px;
	height:auto;
}
.faqexpandtoggle p {
    padding: 20px 20% 20px 0;
	max-width: 80%;
}
.news-item {
    float: left;
    height: auto;
}
.news-img {
    margin-right: 10%;
    width: 30%;
}
.news-img a img{
	max-width: 140px;
	height: auto;
    width: 100%;
}
.news-right {
    float: left;
    height: auto;
    position: relative;
    width: 60%;
}
.newsreadmore {
    position: inherit;
}
.downloadform li span {
    max-width: 60%;
}
}
@media screen and (max-width: 540px) {
header {
    height: 205px;
}	
header .toplogo {
    top: 80px;
}
.menu-trigger {
    top: 190px;
}
.menu-second-menu-container {
	padding: 20px 0 240px;
}
.border-btn, .fullgreen-btn  {
    margin-top: 11px;
    width: 150px;
}
#menu-second-menu li {
	width: 100%;
}
.newsrightimg {
    float: left;
    margin: 5% 5% 2%;
    width: 90%;
}
.newsrightimg a img{
	width: 100%;
	height: auto;
	max-width: 100%;
}
.newsright {
    float: left;
    padding-top: 5%;
    text-align: center;
    width: 90%;
	margin: 0 5%;	
}
.footer-contact a {
	width: 100%;
	text-align:center;
	display: inline-block;
	line-height: 20px;
}
.footer-contact p {
	width: 100%;
	text-align:center;
	display: inline-block;
	line-height: 30px;		
}
.sidebtns { 
	float: right;
	margin-left: 100px;	
}
.sidebtns {
    height: 100px;
    width: 100px;
	float: left;
	margin: 0 5px;
}
.sidebtns h5 {
    font-size: 16px;
    margin-left: 10px;
    max-width: 75px;
    padding-top: 32px;
    text-align: center;
}
.sidebtns span {
	display: none;
}
.team-item {
    width: 50%;
}
.pagesidebar {
    margin: 30px 5% 0;
}
.pagesidebar ul {
    margin-bottom: 20px;
}
.agents-item {
    margin-right: 5%;
    margin-left: 5%;	
    min-height: 135px;
    position: relative;
    width: 90%;
	border-bottom: 1px solid #e6e6e6;
}
.ma-item {
    min-height: 185px;
}
.agents-website {
    bottom: 25px;
    position: absolute;
}
.col-left, .col-right {
    width: 100%;
}
.wpcf7-form p input[type="text"], .wpcf7-form p input[type="email"], .wpcf7-form p input[type="tel"] {
    padding: 5px 3%;
    width: 94%;
}
.wpcf7-form p textarea {
    padding: 10px 3%;
    width: 94%;
}
.downloadform li span {
    max-width: 50%;
}
.page-bottom-links li{
	width: 50%;
	margin-bottom: 5px;
	float:left;
}
}
@media screen and (max-width: 480px) {
.downloadform li span {
    max-width: 60%;
}	
.downloadform li a.dwnls {
    width: 110px;
    font-size: 12px;   
	background: #ffffff url("images/btn-arrow.png") no-repeat scroll 20% center;		
}
.downloadform li a.dwnls:hover {
	background: #60C1EB url("images/btn-arrow.png") no-repeat scroll 20% center;	
}
.downloadform li a.docdwls {
	background: #ffffff url("images/btn-arrow.png") no-repeat scroll 10% center;	
}
.downloadform li a.docdwls:hover {
	color: #FFFFFF;
	background: #60C1EB url("images/btn-arrow.png") no-repeat scroll 10% center;	
}	
.headerleft {
    max-width: 100%;
}
.headerleft span {
	color: #fff;
}
.headerleft {
	width: 100%;
	position:relative;
}
.headerleft a {
	position:absolute;
	right: 0px;
}
.headerleft div{
	position:absolute;
	left: 0px;
	min-width: 150px;			
}
.headerright {
	display: none;
}
}
@media screen and (max-width: 440px) {
.wrapper {
    clear: both;
    margin: 0 3%;
    width: 90%;
}	
.sidebtns { 
	margin-left: 0px;	
}
.pagesidebar ul {
    margin-right: 24px;
}
.sidebtns {
    height: 90px;
    width: 90px;
	float: left;
	margin: 0 5px;
}
.sidebtns h5 {
    font-size: 15px;
    margin-left: 10px;
    max-width: 70px;
    padding-top: 26px;
    text-align: center;
}
.news-img {
	display: none;
}
.news-right {
    float: left;
    height: auto;
    position: relative;
    width: 100%;
}
.newsreadmore {
    position: inherit;
}
.downloadform li span {
    max-width: 50%;
}	
}
@media screen and (max-width: 380px) {
.sidebtns {
	margin-top: 10px; 
	margin-left: 30px;
	float: right;	
}
.page-id-178 .sidebtns, .page-id-120 .sidebtns {
	margin-top: 0px; 
	margin-right: 10px;
	margin-left: 0px;	
	float: left;	
}
.home-slider {
    min-width: 300px;
}
}
@media screen and (max-width: 360px) {
.mp-menu {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate3d(-100%, 0px, 0px);
    width: 240px;
    z-index: 1;
}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
.mp-menu {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate3d(-100%, 0px, 0px);
    width: 240px;
    z-index: 1;
} }