/* ==========================================================================
   Project:     Georgia Farm Bureau
   Date:        05/16/17 - File created	
   Created by:  Third Wave Digital (www.thirdwavedigital.com)
   ========================================================================== */
   
/* ==========================================================================
   Typography
   ========================================================================== */

body {font-family: "freight-sans-pro", sans-serif; font-size: 18px; line-height: 1.5; color: #212121; }
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading p, .wf-loading .btn, .wf-loading ul, .wf-loading li, .wf-loading a, .wf-loading blockquote, .wf-loading div[role="heading"] {visibility: hidden}

/* ==========================================================================
      Headings
   ========================================================================== */
   
h1,h2,h3,h4,h5,h6 {color: #212121; margin: 30px 0px; padding:0px; line-height: 1.2; font-weight: 700; font-family: "bree-serif",serif;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

/* ==========================================================================
   Basic Elements
   ========================================================================== */

html,body {overflow-x: hidden}
html {-webkit-tap-highlight-color: rgba(0, 0, 0, .2);-ms-overflow-style: scrollbar;}   
a {color: #8b1931;text-decoration:underline}
a:hover, a:focus {color: #a81837}
img {max-width: 100%; height: auto;}

/* ==========================================================================
   Skip Nav
   ============= ============================================================= */	

.skip{position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition:.25s;background:#70d0ec;width:auto;height:auto;overflow:visible;padding:10px;color:#212121;font-weight:700;font-size:14px;z-index:999;text-decoration:underline}
.skip:active,.skip:focus,.skip:hover{left:15px;top:15px;color: #fff}
	
/* ==========================================================================
   Offcanvas Menu
   ========================================================================== */
 
.offcanvasmenu {font-size: 16px;font-weight: 700;  font-family: "freight-sans-pro", sans-serif;position:fixed; overflow-y:scroll; right: -325px; width: 320px; top: 0px; height: 100vh; padding-top: 60px; z-index: 99; background: #fff; box-shadow: -2px 0px 2px 0px rgba(50, 50, 50, 0.5);-webkit-transition: -webkit-transform .3s ease; -ms-transition: -ms-transform .3s ease; transition: transform .3s ease; }
	.offcanvasmenu ul {list-style:none; margin: 0px; padding:0px;}
	.offcanvasmenu a { color: #4c4c4c; display: block; padding: 10px 15px;text-decoration: none;}
	.offcanvasmenu a:hover, .offcanvasmenu a:focus {background: #f1f1f1; color:#000; }
	.offcanvasmenu ul:not(.sociallinks):nth-child(1) { margin-top: 15px;}
	.offcanvasmenu ul:not(.sociallinks) li {border-bottom: 1px solid #ebebeb}
	.offcanvasmenu ul:not(.sociallinks) li .fa {float:right; font-size: 20px;margin: 3px 0px 0px 0px; font-size: 16px;margin: 3px 0px 0px 0px}
	.offcanvasmenu ul:not(.sociallinks) .fa {display:inline-block !important}
	.offcanvasmenu ul:not(.sociallinks) li ul {font-size: 16px; font-weight: normal; font-family: "freight-sans-pro", sans-serif; display:none; list-style:none; background: #f1f1f1; color: #1d1d1d;padding: 15px 0px 15px 0px;margin: 0;}
	.offcanvasmenu ul:not(.sociallinks) li ul li {   border-bottom: none; }
	.offcanvasmenu ul:not(.sociallinks) li ul a {padding: 7px 15px}
	.offcanvasmenu ul:not(.sociallinks) .active a:hover, .offcanvasmenu ul:not(.sociallinks) .active a:focus, .offcanvasmenu ul:not(.sociallinks) .active a {background: #8b1931; color: #fff;text-decoration:none;}
	.offcanvasmenu ul:not(.sociallinks) .active li a {color: #1d1d1d;  white-space: normal; background:none}
	.offcanvasmenu ul:not(.sociallinks) .active li a:hover, .offcanvasmenu ul:not(.sociallinks) .active li a:focus {color: #1d1d1d; background:#e2e2e2; }
	
	.offcanvasmenu form {position: absolute; top: 10px; left: 10px; right: 45px; font-size: 16px;}
	.offcanvasmenu form .btn {color: #999; width: 35px; height: 35px; padding: 0px; position: absolute; top: 0px;right: 10px; border-radius: 0px;}
	.offcanvasmenu form input {height: 36px; position: absolute; top: 0px; left: 0px; width: 100%;  border: 1px solid #ebebeb; padding: 0px 45px 0px 15px;border-radius: 18px;}
	.offcanvasmenu .bg-grey {background: #f1f1f1; border-bottom: 2px solid #8b1931; position: absolute; top: 0px; right: 0px; left 0px; height: 60px; width: 100%;}
	
	.offcanvasmenu .sociallinks {}
	.offcanvasmenu .sociallinks li {display:inline-block; font-size: 24px; width: 33.333%;margin-right: -4px;}
	.offcanvasmenu .sociallinks a {color: #ccc; display:block;text-align:center;}
	.offcanvasmenu .sociallinks a:focus, .offcanvasmenu .sociallinks a:hover {color: #70d0ec; }
	
	.offcanvasmenu .btn-hide-offcanvas {height: 30px; right: 12px; top: 10px;color: #8b1931; background:none; position: absolute; border:none;padding:0px;font-weight: 700; font-size: 24px; }
	
	/* Webkit's scrollbar */
	.offcanvasmenu::-webkit-scrollbar {-webkit-appearance: none;width:5px;}
	.offcanvasmenu::-webkit-scrollbar-track-piece {margin: 10px 0px 10px 0px;}
	.offcanvasmenu::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.3);}
	
	/* Offcanvas overlay */
	.overlay {width: 100%; height: 100vh; position: fixed;right: -9999px; top: 0px; z-index:3; background:rgba(0, 0, 0, 0.5); opacity:0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;}
	
	/* Offcanvas open */
	.offcanvas-open .offcanvasmenu {position:absolute; -webkit-transform: translateX(-320px); -ms-transform: translateX(-320px); transform: translateX(-320px);}
	.offcanvas-open .overlay {position: absolute;right: 0px; opacity:1}
	
/* ==========================================================================
   Main Layout
   ========================================================================== */

.container-full{ margin:0px auto 0px auto; width:100%;}
	.container-full:before, .container-full:after{ display:table;  content:""}
	.container-full:after{ clear:both}
	
/* ==========================================================================
   Search
   ========================================================================== */
   
.search-wrapper {background: #212121; z-index: 99; color: #fff;height: 60px;position: absolute; top: -60px; left: 0px;-webkit-transition: -webkit-transform .3s ease; -ms-transition: -ms-transform .3s ease; transition: transform .3s ease; }
	.search-open .search-wrapper, .search-open .header-wrapper { -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px);}
	.search-open .smallheader-wrapper {-webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px);}
	.search-wrapper form {position: absolute;top: 0px; left: 0px;width: 100%;}
	.search-wrapper .btn {padding: 5px 10px; position: absolute; top: 10px;right: 15px; font-size: 20px;background:none; color: #ccc}
	.search-wrapper .btn:hover, .search-wrapper .btn:focus {color: #fff; background:none;}
	.search-wrapper input {height: 60px; border-bottom: 3px solid #333; border-left: none; border-top: none; border-right:none; font-size: 24px; line-height: 60px; padding: 0px 50px 0px 15px; font-weight: 300; position: absolute; top: 0px; left: 0px; width: 100%;border-radius: 0px; background:none}

/* ==========================================================================
   Header
   ========================================================================== */
   
.header-wrapper { position: absolute; top: 0px; left: 0px;background: #212121; height: 78px; font-family: "bree-serif",serif;z-index: 99;-webkit-transition: -webkit-transform .3s ease; -ms-transition: -ms-transform .3s ease; transition: transform .3s ease;}
	header .logo {position: absolute;z-index:1;transition: width 200ms ease-out;}
	header .logo img {width: 100%; height: auto;}
	header ul {position: absolute;margin: 0px; padding: 0px; list-style:none; z-index: 1}
	header ul > li {display:inline-block;position:relative;margin-right: -4px;}
	header ul > li:last-child {margin-right: 0px;}
	header a {text-decoration: none}
	header a:hover, header a:focus {text-decoration: none;}
	header .active > a {text-decoration:underline}
	header .btn-show-offcanvas {z-index: 99; height: 30px; right: 15px; color: #fff; background:none; position: absolute; border:none;padding:0px; text-transform: uppercase; font-weight: 700; font-size: 12px; }
	header .btn-show-offcanvas .fa {font-size: 30px;margin-left: 5px;}
	header .btn-show-offcanvas:hover {cursor: pointer}
	header .btn-showsearch {position: absolute; font-size:18px;color:#fff;right:15px; top:13px;padding: 0px 5px;}
	header .btn-showsearch:hover, header .btn-showsearch:focus {}
	
	/* Quicklinks, Sociallinks */
	header .quicklinks {font-size: 13px;}
	header .quicklinks a {color: #fff;}
	header .quicklinks a:hover, .header .quicklinks a:focus {text-decoration:underline;color: #70d0ec}
	header .quicklinks > li:nth-child(3) a {color: #70d0ec}
	header .quicklinks > li:last-child {margin: 0px 0px 0px 10px;padding:0px;}
	header .quicklinks li.show {display:inline-block !important; }
	header .quicklinks img {height: 35px;margin-right: 5px;}
	header .quicklinks .green a {color: #70d0ec}
	header .quicklinks .btn-showsearch {right: -30px; top: -25px; position: absolute; font-size: 14px;border-radius: 50%; height: 38px; width: 38px; background: rgba(255,255,255,.2)}
	
	header .sociallinks {top: 24px;right:15px;}
	header .sociallinks a {color: #fff}
	header .sociallinks li {margin-right: 15px;}
	header .sociallinks li:last-child {margin-right: 0px}
	header .sociallinks a:hover, header .sociallinks a:focus {color: #fff}
	
	/* Main menu */
	header .mainmenu {position: absolute; text-transform: uppercase;z-index:99}
	header .mainmenu li:last-child a {border-right: none;}
	header .mainmenu li.show {display:inline-block !important; }
	header .mainmenu a {color: #fff; border-right: 1px solid #526376; padding: 10px; display:block}
	header .mainmenu > li:first-child a {padding-left: 0px}
	header .mainmenu a:hover, header .mainmenu a:focus {text-decoration:underline}
	
	/* Main menu - dropdowns */
	header .mainmenu ul, header .quicklinks ul {background: #8b1931; background: rgba(139,25,49,.9); font-family: "freight-sans-pro", sans-serif; font-size: 16px; padding: 10px;width: 260px;top: -9999px; left: 0px;opacity:0; -webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); transition: opacity 200ms ease-out;text-transform: none;}
	header .mainmenu ul li, header .quicklinks ul li {margin:0px;}
	header .mainmenu li:last-child , header .quicklinks li:last-child {margin-right: 0px;}
	header .mainmenu ul li, header .quicklinks ul li {padding: 0px; display:block;}
	header .mainmenu ul li:last-child, header .quicklinks ul li:last-child {border-bottom:none;}
	header .mainmenu ul a, header .quicklinks ul a {display:block;padding: 5px;border:none;}]
	header .mainmenu ul li:hover a, header .mainmenu ul a:focus, header .quicklinks ul li:hover a, , header .quicklinks ul a:focus {text-decoration:underline; color: #fff}
	header .mainmenu ul li:hover a:before, header .mainmenu ul li a:focus:before, header .quicklinks ul li:hover a:before, header .quicklinks ul li a:focus:before {background:none}
	
/* ==========================================================================
   Content
   ========================================================================== */

.content-wrapper {padding: 30px 0px}
    
/* ==========================================================================
   Aside
   ========================================================================== */
   
aside {}
	/* Show submenu btn */
	.btn-showsubmenu {border-radius: 2px; color: #8b1931; font-family: "bree-serif",serif;font-weight: 700; position:relative; width: 100%; font-size: 14px;text-align:left; height: 44px; padding: 0px 0px 0px 45px; text-transform: uppercase; border:none; background: #f1f1f1}
	.btn-showsubmenu:hover,.btn-showsubmenu:focus {background:#70d0ec; color: #fff}
	.btn-showsubmenu.active, .btn-showsubmenu.active:hover, .btn-showsubmenu.active:focus {background:#70d0ec; color: #fff} 
	.btn-showsubmenu.active {margin: 0px 0px 20px 0px;}
	.btn-showsubmenu span {position: absolute; top: 8px; left: 10px; font-size: 28px;}
	
	/* Submenu (Uses :first-child to exclude .toggle-submenu) */
	.submenu {font-size: 15px; line-height: 18px; padding: 0px;list-style: none;margin: 0px 0px 30px 0px;}
	.submenu a:first-child {color: #212121;position: relative; text-decoration:none; border-bottom: 1px dotted #ccc; display:block; padding:10px 0px 10px 10px;}
	.submenu a:first-child:hover, .submenu a:first-child:focus {text-decoration:none;background: #f1f1f1;}
	.submenu .active > a:first-child {font-weight: 700; background: #fff;}
	.submenu li {margin: 0px;position:relative;}
	.submenu > li:last-child a {border:none;}
	
	/* Submenu subs  */
	.submenu ul {font-size: 13px; line-height: 17px; font-weight: 400; list-style: none; margin: 0px; padding: 0px; display:none;text-transform: none;background: #f9f9f9}
	.submenu ul .active > a:first-child {}
	.submenu .has-ul > a:first-child {padding-right: 40px;}
	.submenu li ul li a:first-child { padding:10px 45px 10px 20px;}
	.submenu li ul li ul a:first-child { padding:10px 45px 10px 30px;}
	.submenu li ul li ul li ul a:first-child { padding:10px 45px 10px 40px;}
	
	/* Submenu dropdown toggles */
	.submenu .toggle-submenu {border: none; color: #8b1931; width:34px; height: 34px; line-height: 1; font-size: 14px; position: absolute; right: 0px; top: 2px; z-index: 1;background: #e9e9e9;}
	.submenu .toggle-submenu span {position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.submenu .toggle-submenu:hover, .submenu .toggle-submenu:focus {background: #8b1931; color: #fff}
	
	/* Aside's moveable content */
	.moveable-content {}
		.moveable-content.moved {margin: 0px 15px 30px 15px}
		.moveable-content ul {list-style:none;padding:0px;}
		.moveable-content ul li {position:relative;margin-bottom: 10px; padding: 10px;display:table; width: 100%;height: 110px}
		.moveable-content ul li:before {z-index: 1; content:""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; background: rgba(0,0,0,.6);}
		.moveable-content ul li:nth-child(1) {background: url(/img/bg-insurance.jpg) center center; background-size: cover;}
		.moveable-content ul li:nth-child(2) {background: url(/img/bg-discounts.jpg) center center; background-size: cover;}
		.moveable-content ul li:nth-child(3) {background: url(/img/bg-newsletter.jpg) center center; background-size: cover;}
		.moveable-content ul a {color: #fff;text-decoration:none;z-index:2;position:relative;display:table-cell;vertical-align:middle;}
		.moveable-content ul a:hover img, .moveable-content ul a:focus img {border: 2px solid #fff; padding: 15px;}
		.moveable-content ul a:hover h4, .moveable-content ul a:focus h4 {text-decoration:underline; color: #70d0ec}
		.moveable-content ul h4 {margin: 0px 0px 0px 100px; color: #fff;font-size: 17px;}
		.moveable-content ul img {position: absolute; top: 5px; left: 5px;border: 2px solid #70d0ec; height: 80px; padding: 20px;-webkit-transition: padding 200ms ease; transition: padding 200ms ease;}
		
/* ==========================================================================
   Pageinfo
   ========================================================================== */
   
.pageinfo-wrapper {background: url(/img/bg-pageinfo.jpg) center center; background-size: cover; height: 120px; margin-top: 78px; }   
	.pageinfo-wrapper .col-xs-12 {display:table; width: 100%; }
	.pageinfo-wrapper .section {display:table-cell; vertical-align:middle; height: 120px; text-align:right; text-transform: uppercase; font-family: "bree-serif",serif; color: #fff; font-size: 24px;}
   				
/* ==========================================================================
   Footer
   ========================================================================== */
   
.footer-wrapper {text-align:center; padding: 20px 0px; background: #000;background-size: cover; color: #fff;font-size: 16px;position:relative;overflow:hidden;}
	.footer-wrapper .logo img {width: 150px;}
	.footer-wrapper a {color: #fff;}
	.footer-wrapper a:hover, .footer-wrapper a:focus {text-decoration:none}
	.footer-wrapper .social-media ul {list-style:none;padding:0px;margin-bottom: 20px;}
	.footer-wrapper .social-media li {display:inline-block;margin-right:10px;} 
	.footer-wrapper .social-media li:last-child {margin-right: 0px;}
	.footer-wrapper .social-media a {color: #8b1931; display:block; background: #fff; border-radius: 50%; width: 38px; text-align:center; padding-top: 5px; height: 38px;font-size: 18px;}
	.footer-wrapper .social-media a:hover, .footer-wrapper .social-media a:focus {background: #8b1931;color: #fff}
	.footer-wrapper hr  {border-top: 1px solid rgba(255,255,255,.5)}
	.footer-wrapper h3 {color: #fff;font-family: "freight-sans-pro", sans-serif; font-weight: 300; margin: 0px 0px 20px 0px}
	.footer-wrapper .logo img {margin-bottom: 20px;}
	
/* ==========================================================================
   Homepage
   ========================================================================== */
		
/* Homepage header */
.homepage .header-wrapper {background:none; }
.homepage .header-wrapper .col-xs-12:before {content:"";height:3px; position:absolute; top: 75px; right: 15px; background: #fff}
	
/* Hero wrapper */
.hero-wrapper {z-index: 0;position: absolute; top: 0px; left: 0px; width: 100%;}
	.hero-wrapper .video-wrapper {position: absolute; top: 0px; left: 0px; width: 100%;overflow:hidden;}
	.hero-wrapper .video-wrapper:before {z-index: 1; content:""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; background: rgba(0,0,0,.5);}
	.hero-wrapper video {position:absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.hero-wrapper .container {z-index: 2; position:relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  }
	.hero-wrapper  h2 {color: #fff; margin: 0px;}
	.hero-wrapper  p {color: #fff; margin: 20px 0px 0px 0px;}
	.hero-wrapper .container .btn {margin-right: 5px}
	.hero-wrapper .container .btn-blue {padding: 12px 50px;}
	.hero-wrapper .container .btn {margin: 20px 0px 0px 0px;}
	.hero-wrapper .btn-togglevideo, .hero-wrapper .btn-scrolldown {position: absolute; bottom: 15px; color: #fff;z-index: 2}
	.hero-wrapper .btn-togglevideo {right: 15px; opacity: .5}
	.hero-wrapper .btn-togglevideo:hover, .hero-wrapper .btn-togglevideo:focus {opacity: 1}
	.hero-wrapper .btn-scrolldown {right: auto; left: 50%; border: 1px solid white;margin-left: -20px; width: 40px; height: 55px; border-radius: 20px}
	.hero-wrapper .btn-scrolldown:hover, .hero-wrapper .btn-scrolldown:focus {background: rgba(0,0,0,.2);}
	
/* Homepage panels */
.membership-wrapper {padding: 20px 0px 40px 0px;}
	
.cta-wrapper {}
	.cta-wrapper a {color: #fff;text-decoration:none;z-index:2;position:relative;}
	.cta-wrapper a:hover img, .cta-wrapper a:focus img {border: 2px solid #70d0ec; padding: 15px;}
	.cta-wrapper a:hover h4, .cta-wrapper a:focus h4 {text-decoration:underline}
	.cta-wrapper h4 {color: #70d0ec;}
	.cta-wrapper img {z-index:1; border: 2px solid white; height: 80px; padding: 20px;-webkit-transition: padding 200ms ease; transition: padding 200ms ease;}
	.cta-wrapper ul {list-style:none;padding:0px;}
	.cta-wrapper ul li {position:relative;}
	.cta-wrapper ul li:before {z-index: 1; content:""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; background: rgba(0,0,0,.6);}
	.cta-wrapper ul li:nth-child(1) {background: url(/img/bg-insurance.jpg) center center; background-size: cover;}
	.cta-wrapper ul li:nth-child(2) {background: url(/img/bg-discounts.jpg) center center; background-size: cover;}
	.cta-wrapper ul li:nth-child(3) {background: url(/img/bg-newsletter.jpg) center center; background-size: cover;}
	
.news-wrapper {padding: 10px 0px 50px 0px}
	.news-wrapper ul {list-style:none; padding: 0px}
	.news-wrapper li {margin:0px;position:relative;}
	.news-wrapper .entry-item {background: #f5f5f5;}
	.news-wrapper .entry-item a {display:block;text-decoration:none; color: #212121;padding: 30px}
	.news-wrapper .entry-item a:hover p, ../js/main.js.news-wrapper .entry-item a:focus p {text-decoration:underline}
	.news-wrapper .entry-item a:hover .text-muted, .news-wrapper .entry-item a:focus .text-muted {text-decoration:underline}
	.news-wrapper .entry-item .date  {font-family: "bree-serif",serif;font-size: 14px;color: #666}
	.news-wrapper .entry-item .date .fa {color: #70d0ec; margin-right: 5px;}
	.news-wrapper .entry-item p {font-family: "bree-serif",serif;font-size: 18px;margin: 20px 0px 5px 0px}
	.news-wrapper .entry-item .text-muted {color: #666;font-size: 16px;}
	.news-wrapper .slick-prev, .news-wrapper .slick-next {color: #ccc;border: none; background: none; font-size:36px; position: absolute; top: 40px; z-index:2;  padding: 0px; margin: 0px;}
    .news-wrapper .slick-prev:hover, .news-wrapper .slick-next:hover {color: #212121}
    .news-wrapper .slick-prev {left: 10px;}
    .news-wrapper .slick-next {right: 10px;}
   
.instagram-wrapper {padding: 0px 0px 50px 0px}
	.instagram-wrapper h3 {margin: 0px 0px 15px 0px;}
	.instagram-wrapper li a {display:block; position: relative; width: 100%; }
	.instagram-wrapper .text-center a:hover .fa, .instagram-wrapper .text-center a:focus .fa {color: #212121}
	.instagram-wrapper ul {padding: 0px;list-style:none;}
	.instagram-wrapper li {position:relative;float:left}
	.instagram-wrapper li a:before, .instagram-wrapper li a:after { -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease;opacity: 0; }
	.instagram-wrapper li a:before {content:""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; background: rgba(0,0,0,.2);}
	.instagram-wrapper li a:after {content: "\f16d";font-family: "FontAwesome"; position: absolute; top: 50%; left: 50%; height: 50px; width: 24px; margin: -25px 0px 0px -12px;font-size: 26px; color: #fff; }
	.instagram-wrapper li a:hover:before,.instagram-wrapper li a:hover:after {opacity: 1;}
	
/* ==========================================================================
   Member Benefits
   ========================================================================== */
   
.member-benefits {}
	.member-benefits .benefit-list {background: #f7f7f7; padding-top: 30px;padding-bottom: 30px}
	.member-benefits .benefit {display:block; padding: 15px; margin-bottom: 30px; text-decoration: none; box-shadow: 0px 0px 2px 0px rgba(0,0,0,.3);background: #fff} 
	.member-benefits .benefit img {max-width: 200px;}
 
/* ==========================================================================
   GFB Search (On Commodities & Contact)
   ========================================================================== */

.gfb-search {width: 100%; height: 530px;background: url(/img/bg-gfb-search.jpg) center center no-repeat; background-size: cover; position: relative;}
	.gfb-search:before {z-index: 0; content:""; position: absolute; top: 0px; left: 0px; height: 530px; width: 100%; background: rgba(0,0,0,.5);}
	.gfb-search form {width: 100%;  max-width: 768px; padding: 30px; position:absolute;top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
	.gfb-search .bootstrap-select {width: 100% !important;margin-top: 30px; }
	.gfb-search .bootstrap-select button {border-radius: 0px; height: 60px;  font-size: 20px;}
	.gfb-search .form-control {border-radius: 0px;}
	.gfb-search .dropdown-menu { font-size: 20px; }
	.gfb-search .dropdown-menu a {text-decoration:none;}
	.gfb-search h2 {margin-top: 0px;}
	.gfb-search h2, .gfb-search p {z-index: 2; color: #fff; text-align:center;position:relative;}

 
/* ==========================================================================
   News & Blog List
   ========================================================================== */
   
.news-and-blog-list {}
	.news-and-blog-list .item {box-shadow: 0px 0px 3px 0px rgba(0,0,0, 0.5);margin-bottom: 30px; padding: 0px 15px 80px 15px;position: relative;}
	.news-and-blog-list .item .date {margin: 0px -15px 15px -15px; padding: 10px; display:inline-block; background: #8b1931; color: #fff; font-size: 16px; }
	.news-and-blog-list .item h3 {font-size: 20px; line-height: 1.4; margin: 0px 0px 15px 0px}
	.news-and-blog-list .item .small {margin-bottom: 15px;}
	.news-and-blog-list .item .cta {position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 10px; border-top: 1px solid #ccc; padding-top: 15px;background: #f1f1f1;}
	.news-and-blog-list .item img {margin: 0px -15px 15px -15px;width: calc(100% + 30px);max-width:none;}
	
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 0px) {
	/* Headings */
	h1 {font-size: 25px;}
	
	/* Header */
	header .sociallinks {display:none;}
	header .logo {width: 140px; top:90px;left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%);}
	.homepage header .logo {width: 190px; }
	header .mainmenu {font-size: 13px;left: 5px;top: 7px; display:none }
	header .quicklinks {top:49px; left: 10px}
	header .quicklinks a {padding: 10px;}
	header .btn-show-offcanvas { top: 22px;}
	
	/* Homepage - Hero slideshow */
	.hero-wrapper, .video-wrapper, .video-wrapper video {height: 568px;}
	.hero-wrapper h2 {font-size: 25px;}
	.hero-wrapper p {font-size: 16px;}
	.hero-wrapper .container { text-align:center;top: calc(50% + 80px)}
	.homepage .header-wrapper .col-xs-12:before { left: 15px;}
	
	/* Homepage - Membership wrapper */
	.membership-wrapper {margin-top: 568px;}
	
	/* Homepage - Cta wrapper */
	.cta-wrapper li {margin-bottom: 10px; padding: 10px 10px 10px 110px;min-height: 90px;}
	.cta-wrapper img {position: absolute; top: 15px; left: 15px;}
	.cta-wrapper h4 {margin: 0px 0px 10px 0px;}
	
	/* Homepage - News wrapper */
	.news-wrapper li {margin: 0px 5px}
	
	/* Homepage - Instagram wrapper */
	.instagram-wrapper li {width:50%;}
	
	/* GFB Search (On Commodities & Contact) */
	.gfb-search h2 {font-size: 25px;}
}

@media (min-width:480px) {
	/* Header */
	header .mainmenu {width: 100%; right: 5px; text-align:center;}
	header .btn-show-offcanvas { top: 22px;}
	
	/* Homepage - Instagram wrapper */
	.instagram-wrapper li {width:33.333%;}
}

@media (min-width: 600px) {

}

@media (min-width: 768px) {
	/* Headings */
	h1 {font-size: 45px;}
	
	/* Header */
	header .logo {width: 190px; left: 0px;-webkit-transform: translateX(0%);-ms-transform: translateX(0%); transform: translateX(0%);}
	.homepage header .logo {top:100px;left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%);}
	header .mainmenu {display:block; font-size: 15px;left: 0px;top: 16px; right:auto; width: auto; text-align:left;}
	header .quicklinks {top:28px; right: 45px; left: auto; width: auto; text-align:left; }
	header .mainmenu li, header .quicklinks li {padding: 0px 0px 40px 0px;}
	header .mainmenu ul.show, header .quicklinks ul.show {opacity:1;top: 62px;} /* Now, dropdowns are visible */
	header .quicklinks ul.show {top: 50px;}
	header .quicklinks a {padding: 7px;}
	.homepage .header-wrapper .col-xs-12:before { left:0px;}
		
	/* Homepage - Hero video */
	.hero-wrapper, .video-wrapper, .video-wrapper video {height: 768px;}
	.hero-wrapper h2 {font-size: 40px;}
	.hero-wrapper p {font-size: 19px;}
	
	/* Homepage - Membership wrapper */
	.membership-wrapper {margin-top: 768px;}
	
	/* Homepage - Cta wrapper */
	.cta-wrapper li {width: 33.333%;padding: 40px;float:left;margin:0px;display:block;height:auto}
	.cta-wrapper a {display:block}
	.cta-wrapper img {position: relative; left: auto; top: auto;}
	.cta-wrapper h4 { margin: 10px 0px}
	
	/* Homepage - News wrapper */
	.news-wrapper li {float:left;width: 32.3%;margin: .5%}
	
	/* Homepage - Instagram wrapper */
	.instagram-wrapper li {width:16.666%;}
	
	/* GFB Search (On Commodities & Contact) */
	.gfb-search h2 {font-size: 40px;}
	
	/* Content */
	.content-wrapper {padding: 40px 0px}
	.content-wrapper h1:nth-of-type(1) {margin-top: 0px}
	
	/* Footer */
	.footer-wrapper .social-media {float:right;}
}

@media (min-width: 992px) {	
	/* Header */
	.homepage header .logo {top:60px;}
	header .quicklinks {right: 170px; }
	header .sociallinks {display:block;}
	header .quicklinks a {padding: 10px;}
	header .mainmenu {font-size: 16px;}
	
	/* Homepage - Hero video */
	.hero-wrapper .container { text-align:left;top: 50%;}
	
	/* Homepage - News wrapper */
	.news-wrapper li {width: 24%;}
}

@media (min-width: 1200px) {   	
	/* Header */
	.homepage header .logo {top:10px;}
}

@media (min-width:1363px) {   	
	/* Homepage - Hero video */
	.hero-wrapper video {height: auto; width:100%}
}
		

/* ==========================================================================
   Classes for CMS editor
   ========================================================================== */	
   
/* Margins */
.margin-top {margin-top: 20px;}
.no-margin-top {margin-top: 0px;}
.margin-left {margin-left: 20px}
.margin-bottom {margin-bottom: 20px;}
.margin-right {margin-right: 20px;}
.margin-all {margin: 20px;}
.margin-top-bottom {margin: 20px 0px}

/* Colors */
.red {color: #8b1931}
.blue {color: #70d0ec}

/* Sizes */
.large {font-size: 22px;}
.x-large {font-size: 26px;}
.xx-large {font-size: 30px;}

/* Buttons */
.btn-red, .btn-blue, .btn-white-border, .btn-grey, .btn-white {white-space: normal; text-align:left; margin-bottom: 5px; font-weight: 700; font-size: 16px; border-radius: 0px; padding: 10px 50px; border: none; font-family: "freight-sans-pro", sans-serif;}
.btn-lg {font-size: 18px; padding: 20px 100px}
.btn-sm {font-size: 14px; padding: 7px 35px}
.btn, .btn a, .btn:hover a, .btn:focus a {text-decoration:none;}

.btn-red {background:#8b1931; color: #fff;}
	.btn-red a {color: #fff}
	.btn-red:hover, .btn-red:hover a, .btn-red:focus {color: #fff;background: #a81837; }
	
.btn-blue {background:#70d0ec; color: #212121;}
	.btn-blue a {color: #212121}
	.btn-blue:hover, .btn-blue:hover a, .btn-blue:focus {color: #212121;background: #49b6d6; }
		
.btn-grey {background:#f1f1f1; color: #212121;}
	.btn-grey a {color: #212121}
	.btn-grey:hover, .btn-grey:hover a, .btn-grey:focus {color: #212121;background: #e0e0e0; }
	
.btn-white {background:#fff; color: #212121;}
	.btn-white a {color: #212121}
	.btn-white:hover, .btn-white:hover a, .btn-white:focus {color: #fff;background: #70d0ec; }

/* Do not include these */	
.btn-white-border {background:none; color: #70d0ec;border: 2px solid white; border-radius: 0;}
	.btn-white-border a {color: #70d0ec}
	.btn-white-border:hover a {color: #70d0ec}
	.btn-white-border:hover, .btn-white-border:focus {border: 2px solid #fff;background: rgba(0,0,0,.2);color: #70d0ec}

.btn-transparent {background:none; color: #fff;}
	.btn-transparent a {color: #fff}
	.btn-transparent:hover, .btn-transparent:hover a, .btn-transparent:focus {color: #fff;}
	
.lbl-fleet-car {background-color:#8b1931;color:#fff}

/* ==========================================================================
   Browser alert	
   ========================================================================== */	
   
.browser-alert {border-radius: 1; text-align:center;position: fixed; top: 0px; left: 0px; right: 0px;z-index: 999}  
	
/* ==========================================================================
   Ckeditor
   ========================================================================== */	
   
.cke_combopanel {width: 300px !important;  height:300px !important}
.cke_panel_listItem * {float:none !important;text-align:left !important;margin:0px !important;text-transform:none !important; display: block !important; }

/* ==========================================================================
   Datatables
   ========================================================================== */

.datatable {}
	.datatable .sorting_disabled {border:none;}
    .datatable h2 {margin: 20px 0px 10px 0px;font-size: 24px; }
    .datatable tbody>tr>td {padding: 0px;}
    
/* ==========================================================================
   Bootstrap changes
   ========================================================================== */

/* CMS Accordion */
.panel-group .panel {border-radius: 2px;}
.panel-heading {font-weight:700; padding: 7px 10px 7px 30px;border-radius: 2px}
.panel-body {border-radius: 0px 0px 2px 2px}
.panel-title {position:relative;}
.panel-title a {text-decoration:none; }
.panel-title a:before {content:"\f056"; font-family: "FontAwesome"; position: absolute; top: 50%;left: -20px;font-size: 12px;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.panel-title a[aria-expanded="true"]:before {content:"\f055"; }

/* CMS Nav Tabs */
.nav-tabs {border-bottom: 2px solid #ccc; margin: 25px 0px 25px 0px;font-size: 14px;}
.nav-tabs>li {margin: 2px 0px 0px 0px}
.nav-tabs>li>a {color: #212121; background: #f1f1f1; border-radius: 0px;text-decoration:none;}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {background: #70d0ec; color: #212121}

@media (min-width: 0px) {
	.lead {font-size: 21px}
	.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {background-color: #8b1931;color: #fff}
}

@media (max-width: 767px) { 
	.nav-tabs, .nav-tabs > li:last-child {border-bottom: none;}
    .nav-tabs > li {float:none;border-bottom:1px solid #ddd; margin:0px;}
    .nav-tabs > li a {border-radius: 0px;padding: 7px;border:none}
	.nav-tabs>li>a {margin-right: 0px;}
	.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {border:none;}
	.nav-tabs li:first-child a {border-radius: 2px 2px 0px 0px}
	.nav-tabs li:last-child a {border-radius: 0px 0px 2px 2px}
}

/* ==========================================================================
   Bootstrap additions
   ========================================================================== */	

/* Hidden "xxs" (0 to 479) */
@media (min-width: 0px) and (max-width: 479px) {
	.hidden-xxs {display:none;}
}	

/* 5 Column layout */
.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths {position: relative;min-height: 1px;padding-right: 10px; padding-left: 10px;}
.col-xs-5ths {width: 20%;float: left;}

@media (min-width: 768px) {
	.col-sm-5ths {width: 20%;float: left;}
}
@media (min-width: 992px) {
	.col-md-5ths {width: 20%;float: left;}
}
@media (min-width: 1200px) {
	.col-lg-5ths {width: 20%;float: left;}
}

/* 480px breakpoint */
@media (min-width: 480px) and (max-width: 767px) {
	.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
	.col-ms-12{width:100%}
	.col-ms-11{width:91.66666667%}
	.col-ms-10{width:83.33333333%}
	.col-ms-9{width:75%}
	.col-ms-8{width:66.66666667%}
	.col-ms-7{width:58.33333333%}
	.col-ms-6{width:50%}
	.col-ms-5{width:41.66666667%}
	.col-ms-4{width:33.33333333%}
	.col-ms-3{width:25%}
	.col-ms-2{width:16.66666667%}
	.col-ms-1{width:8.33333333%}
	.col-ms-pull-12{right:100%}
	.col-ms-pull-11{right:91.66666667%}
	.col-ms-pull-10{right:83.33333333%}
	.col-ms-pull-9{right:75%}
	.col-ms-pull-8{right:66.66666667%}
	.col-ms-pull-7{right:58.33333333%}
	.col-ms-pull-6{right:50%}
	.col-ms-pull-5{right:41.66666667%}
	.col-ms-pull-4{right:33.33333333%}
	.col-ms-pull-3{right:25%}
	.col-ms-pull-2{right:16.66666667%}
	.col-ms-pull-1{right:8.33333333%}
	.col-ms-pull-0{right:auto}
	.col-ms-push-12{left:100%}
	.col-ms-push-11{left:91.66666667%}
	.col-ms-push-10{left:83.33333333%}
	.col-ms-push-9{left:75%}
	.col-ms-push-8{left:66.66666667%}
	.col-ms-push-7{left:58.33333333%}
	.col-ms-push-6{left:50%}
	.col-ms-push-5{left:41.66666667%}
	.col-ms-push-4{left:33.33333333%}
	.col-ms-push-3{left:25%}
	.col-ms-push-2{left:16.66666667%}
	.col-ms-push-1{left:8.33333333%}
	.col-ms-push-0{left:auto}
	.col-ms-offset-12{margin-left:100%}
	.col-ms-offset-11{margin-left:91.66666667%}
	.col-ms-offset-10{margin-left:83.33333333%}
	.col-ms-offset-9{margin-left:75%}
	.col-ms-offset-8{margin-left:66.66666667%}
	.col-ms-offset-7{margin-left:58.33333333%}
	.col-ms-offset-6{margin-left:50%}
	.col-ms-offset-5{margin-left:41.66666667%}
	.col-ms-offset-4{margin-left:33.33333333%}
	.col-ms-offset-3{margin-left:25%}
	.col-ms-offset-2{margin-left:16.66666667%}
	.col-ms-offset-1{margin-left:8.33333333%}
	.col-ms-offset-0{margin-left:0}
}