***** wayoutmenu ******/
/* WAYOUT MENU V1.0 STYLES */
.fixed {position: fixed; width: 100%;}
.main {z-index: 101;}
.relative {position: relative;}
.overflow-hidden {overflow: hidden;}
.hide {display: none;}
.full-height {height: 100%;}
.st-content { overflow-y: scroll; background: #EAF7FB; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index:4; }
.st-content-inner { height: 100%; } 
.wrapper { left: 0; z-index: 99; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } 
.wrapper::after { position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(0,0,0,0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; } 
.menu-bg, .menu-bg-boxed { background: #50B7DC; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.26); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.26); height: 44px; max-height: 44px; position: relative; z-index:4; }
.menu-bg-boxed { max-width: 1200px; margin: auto; margin-top: 20px; }
.site-width { width: 93%; }
.site-width-boxed { width: 100%; }
.bm-container { background: #2AA4CF; background: rgba(42,164,207,1); height: 44px; max-height: 44px; margin: auto; position: relative; z-index:5; }
.content, .content-boxed { width: 93%; min-height:700px; height: 100%; height: auto; position: relative; top: 25px; margin: auto; padding:30px; background: #fff; opacity: 0.92; font-size: 12px; }
.content-boxed { max-width: 1200px; }
.settings { z-index: 1; }
.site-title, .top-nav, .slidemenu-toggler, .loginbox-toggler { float:left; }
.slidemenu-toggler, .loginbox-toggler { min-width:55px; width:auto !important; width:55px; }
.site-title { min-width: 150px; margin-left:10px; }
.top-nav { width: auto; }
/* Social media buttons at TOP NAV */ 
.social-media { width: 450px; float:right; }
/* Social Media buttons */ 
.facebook, .facebook-sb, .twitter, .twitter-sb, .google-plus, .google-plus-sb, .pinterest, .pinterest-sb, .instagram, .instagram-sb, .linkedin, .linkedin-sb, .yahoo, .yahoo-sb, .youtube, .youtube-sb, .vimeo, .vimeo-sb { display: block; float:left; width: 45px; height: 44px; background: #7CCBE4; background-repeat: no-repeat; background-position: 8px 0px; border-left: 1px solid #2693BA; -webkit-transition: all ease 0.15s; -moz-transition: all ease 0.15s; -o-transition: all ease 0.15s; -ms-transition: all ease 0.15s; transition: all ease 0.15s; }
.facebook span, .facebook-sb span, .twitter span, .twitter-sb span, .pinterest span, .pinterest-sb span, .google-plus span, .google-plus-sb span, .instagram span, .instagram-sb span, .linkedin span, .linkedin-sb span, .yahoo span, .yahoo-sb span, .youtube span, .youtube-sb span, .vimeo span, .vimeo-sb span { position: absolute; top: -999em; }
.facebook:hover, .twitter:hover , .google-plus:hover, .pinterest:hover, .instagram:hover, .linkedin:hover, .yahoo:hover, .youtube:hover, .vimeo:hover { background: #fff; background-repeat: no-repeat; background-position: 8px -44px; }
.facebook, .facebook:hover { background-image: url(../img/facebook.png); }
.twitter, .twitter:hover { background-image: url(../img/twitter.png); }
.google-plus, .google-plus:hover { background-image: url(../img/googleplus.png); }
.pinterest, .pinterest:hover { background-image: url(../img/pinterest.png); }
.linkedin, .linkedin:hover { background-image: url(../img/linkedin.png); }
.yahoo, .yahoo:hover { background-image: url(../img/yahoo.png); }
.youtube, .youtube:hover { background-image: url(../img/youtube.png); }
.vimeo, .vimeo:hover { background-image: url(../img/vimeo.png); }
.marketing #links2 {display: none !important;}
/*#pardot-frame {min-height: 480px;}*/

/* Headings */ 
h1 { font-size: 26px; line-height: 32px; font-weight: 400; margin: 0; margin-top: 8px; }
h2 { font-size: 22px; line-height: 34px; }
h3 { font-size: 20px; line-height: 30px; }
h4 { font-size: 18px; line-height: 26px; }
h5 { font-size: 16px; line-height: 22px; }
h6 { font-size: 14px; line-height: 20px; }
.bm-container h1 { color: #fff; }
.top-nav .typo h1 { line-height: 40px; }
.top-nav .typo h3 { font-size: 20px; line-height: 36px; margin: 0; font-weight: 500; }
/* Text selection */ 
::selection { background: #d3d1da; /* Safari */ color: #333; }
::-moz-selection { background: #d3d1da; /* Firefox */ color: #333; }
/* Sidebar */ 
.hidden-menu { position: absolute; top: 0; left: 0; z-index: 100; visibility: hidden; width: 250px; height: 100%; background: #333; -webkit-transition: all 0.5s; transition: all 0.5s; }
.hidden-menu::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,1); content: ''; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.reveal-hidden-menu .hidden-menu::after { width: 0; height: 0; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }
/* Sidebar List Menu */ 
.hidden-menu ul { margin: 0; padding: 0; list-style: none; }
.hidden-menu h2 { margin: 0; padding: 1em; color: #fff; text-shadow: 0 0 1px rgba(0,0,0,0.1); font-weight: 300; font-size: 2em; }
.hidden-menu ul li a { display: block; padding: 5px 5px 5px 25px; outline: none; box-shadow: inset 0 -1px rgba(0,0,0,0.2); color: #888888; text-transform: uppercase; text-shadow: 0 0 1px rgba(255,255,255,0.1); letter-spacing: 1px; font-weight: 400; -webkit-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; }
.hidden-menu 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); }
.hidden-menu ul li a:hover { background: rgba(0,0,0,0.2); box-shadow: inset 0 -1px rgba(0,0,0,0); color: #fff; } 
.social-media-sidebar { width: 250px; height: auto; position: absolute; bottom: 15px; left: 15px; }
/* Social Media buttons @ sidebar */ 
.facebook-sb, .twitter-sb, .google-plus-sb, .pinterest-sb, .instagram-sb, .linkedin-sb, .yahoo-sb, .youtube-sb, .vimeo-sb { background: #000; background: rgba(0,0,0,0.1); background-repeat: no-repeat; background-position: 8px 0px; border-left: none; margin:5px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
.facebook-sb:hover, .twitter-sb:hover , .google-plus-sb:hover, .pinterest-sb:hover, .instagram-sb:hover, .linkedin-sb:hover, .yahoo-sb:hover, .youtube-sb:hover, .vimeo-sb:hover { background: #bbb; background: rgba(127,127,127,0.5); background-repeat: no-repeat; background-position: 8px 0px; }
.facebook-sb, .facebook-sb:hover { background-image: url(../img/facebook.png); }
.twitter-sb, .twitter-sb:hover { background-image: url(../img/twitter.png); }
.google-plus-sb, .google-plus-sb:hover { background-image: url(../img/googleplus.png); }
.pinterest-sb, .pinterest-sb:hover { background-image: url(../img/pinterest.png); }
.linkedin-sb, .linkedin-sb:hover { background-image: url(../img/linkedin.png); }
.yahoo-sb, .yahoo-sb:hover { background-image: url(../img/yahoo.png); } 
.youtube-sb, .youtube-sb:hover { background-image: url(../img/youtube.png); }
.vimeo-sb, .vimeo-sb:hover { background-image: url(../img/vimeo.png); }
/* Fallback example for browsers that don't support no JS fallback */ 
.no-csstransforms3d .wrapper, .no-js .wrapper { padding-left: -250px; }
/* Effect Togglers */ 
.side-menu-toggle{ background: #2693BA; background-image: url(../img/menu-toggle.png); background-repeat: no-repeat; background-position: 15px 11px; height: 44px; max-height: 44px; max-width: 54px; min-width: 54px; border: none; } 
.side-menu-toggle:focus { border: none; outline: none; background: #1F789A; background-image: url(../img/menu-toggle.png); background-repeat: no-repeat; background-position: 15px 11px; }
.login-toggle, .search-toggle, .shop-toggle { background: #2693BA; background-image: url(../img/login.png); background-repeat: no-repeat; background-position: 10px 11px; border-left: 1px solid #248CB1; position: absolute; top: 0px; right: 45px; margin:0px; height: 44px; max-height: 44px; max-width: 44px; min-width: 44px; border: none; }
.login-toggle:focus, .search-toggle:focus, .shop-toggle:focus { outline: none; }
.search-toggle { right: 90px; background: #7CCBE4; background-image: url(../img/search.png); background-repeat: no-repeat; background-position: 9px 9px; } 
.shop-toggle { right: 0px; background: #333; background-image: url(../img/shopping-cart.png); background-repeat: no-repeat; background-position: 10px 11px; }
/* Login Containers */ 
#login-container { visibility: hidden; position: absolute; top: -200px; right: 3.5%; width: 280px; height:250px; padding:20px; background:#DDF0F9; background: rgba(221, 240, 249, 1); border:1px solid #2AA4CF; border-top: none; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; transition: all 0.6s ease; -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5); z-index:2; }
#login-container p { transition-delay: 0.6s; }
#login-container.login-effect { visibility: visible; top:44px; }
#login-container form input[type="text"]{ background:transparent url(../img/login-username.png); background-repeat: no-repeat; width:240px; height:40px; border:none; outline:none; padding-left:60px; color:#F2F2F2; font-size:16px; }
#login-container form input[type="text"]:focus,#login-container form input[type="password"]:focus{ border:none; outline:none; }
#login-container form input[type="password"]{ background:transparent url(../img/login-password.png); background-repeat: no-repeat; width:240px; height:40px; border:none; outline:none; padding-left:60px; color:#F2F2F2; font-size:16px; margin-top:10px; }
#login-container form input:active{ border: 1px solid #248CB1; }
#login-container form button{ width: 240px; height:40px; border:none; outline:none; background: #2aa4cf; border-radius: 5px; color:#FFF; font-size:20px; transition: all 0.6s ease; }
#login-container form button:hover{ border:none; outline:none; background: #57bcdd; }
.register-forgot { width:240px; height:30px; display:block; margin-top:10px } 
.register-forgot a { color: #666; }
.register-forgot a:hover { color:#2693BA; text-decoration:underline; }
/*Search and Shopping Cart Containers */ 
#search-container, #shop-container { visibility: hidden; position: absolute; top: -200px; right: 3.5%; width:180px; height:50px; font-size:16px; padding-left:15px; background:#DDF0F9; background: rgba(221, 240, 249, 1); border:1px solid #2AA4CF; border-top: none; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; transition: all 0.3s ease; -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4); z-index:2; }
#search-container:focus { outline: none; border: none; background: rgb(38,147,186); background: rgba(38,147,186,0.7); color: #dff1f9; }
#search-container:focus::-moz-placeholder, #login-container input::-moz-placeholder{ color: #fff; }
#search-container:focus::-ms-input-placeholder, #login-container input::-ms-input-placeholder{ color: #fff; }
#search-container:focus::-webkit-input-placeholder, #login-container input::-webkit-input-placeholder { color: #fff; }
#search-container.search-effect, #shop-container.shop-effect { visibility: visible; top:40px; }
#shop-container { right: 3.5%; width: 200px; max-height:200px; height: auto; padding: 10px; background: rgb(51,51,51); background: rgba(51,51,51,0.9); border:1px solid #000; color: #fff; font-size: 12px; }
#shop-container a { color: #fff; }
table.shop-item { width: auto; background: rgb(115,115,115); background: rgba(115,115,115,0.7); margin-bottom: 5px; padding: 5px; vertical-align: middle; }
table.shop-item td { padding:5px; font-size: 14px; }
.item-remove { margin-top:7px; }
/* WAYOUT MENU "STANDARD NAV" */ 
.top-nav { position: relative; }
.top-nav > ul > li > ul { -moz-box-shadow: 0 2px 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 2px 5px #ccc; border-bottom: 2px solid #666; }
/* STANDARD NAV 1st level */ 
.top-nav ul { list-style: none; position: relative; }
.top-nav ul li { float:left; position: relative; }
.top-nav > ul > li > a { display: block; height:40px; margin-top:4px; line-height: 44px; padding-left: 10px; padding-right:10px; color: #fff; border-top-right-radius: 5px; border-top-left-radius: 5px; }
.top-nav > ul > li:hover > a { background: rgb(16,64,80); /* fallback for older browsers */ background: rgba(16,64,80,1); color: #fff; border-bottom: none; text-decoration: none; }
.fw-hovered { /* This class is fix for 1st level hover on 1st level standard nav */ background: rgb(16,64,80); /* fallback for older browsers */ background: rgba(16,64,80,1); color: #fff; border-bottom: none; text-decoration: none; }
/* STANDARD NAV 2ND level */ 
.top-nav > ul > li > ul { visibility:hidden; position: absolute; top: 44px; left: -25px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.top-nav > ul > li > ul > li { float: none; }
.top-nav > ul > li:hover > ul { visibility: visible; }
.top-nav > ul > li:hover > ul > li > a { visibility: visible; height:44px; line-height: 44px; opacity: 1; }
.top-nav > ul > li > ul > li > a { display: block; visibility: hidden; height:0px; line-height: 0px; opacity: 0; padding-left: 10px; padding-right:10px; width:150px; background: rgb(16,64,80); background: rgba(16,64,80, 0.8); color: #fff; transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940); border-top: 1px solid #144F65; border-bottom: 1px solid #507270; }
.top-nav > ul > li > ul > li > a:hover { background: rgb(10,40,50); background: rgba(10,40,50,0.9); text-decoration: none; border-bottom: 1px solid #104050; border-top: 1px solid #104050; }
.top-nav > ul > li > ul > li:last-child a{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
/* STANDARD NAV 3rd level */ 
.top-nav ul ul ul { visibility:hidden; position: absolute; top: 0px; left: 125px; }
.top-nav ul ul ul li { float: none; }
.top-nav ul ul li:hover > ul { visibility: visible; }
.top-nav > ul > li > ul > li > ul > li > a { display: block; visibility: hidden; width:0px; height: 0px; line-height: 0px; opacity: 0; padding-left: 10px; padding-right:10px; background: rgb(42,164,207); background: rgba(42,164,207, 0.8); color: #fff; transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940); border-top: 1px solid #2696BB; border-bottom: 1px solid #6AC4E1; }
.top-nav > ul > li > ul > li:hover > ul { visibility: visible; }
.top-nav > ul > li > ul > li:hover > ul > li > a { visibility: visible; width:150px; height: 44px; line-height: 44px; opacity: 1; }
.top-nav > ul > li > ul > li > ul > li:last-child a{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.top-nav > ul > li > ul > li > ul > li:first-child a{ border-top-right-radius: 5px; }
.top-nav > ul > li > ul > li > ul > li a:hover { background: rgb(38,153,191); background: rgba(38,153,191,0.9); text-decoration: none; border-bottom: 1px solid #2699BF; border-top: 1px solid #2699BF; }
/* STANDARD NAV 4th level */ 
.top-nav ul ul ul ul { visibility:hidden; position: absolute; top: 0px; left: 125px; }
.top-nav ul ul ul ul li { float: none; }
.top-nav ul ul ul li:hover > ul { visibility: visible; }
.top-nav > ul > li > ul > li > ul > li > ul > li > a { display: block; visibility: hidden; width:0px; height: 0px; line-height: 0px; opacity: 0; padding-left: 10px; padding-right:10px; background: rgb(98,166,202); background: rgba(98,166,202, 0.8); color: #fff; transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940); border-top: 1px solid #5B9CC8; border-bottom: 1px solid #92BDDA; }
.top-nav > ul > li > ul > li > ul > li:hover > ul { visibility: visible; }
.top-nav > ul > li > ul > li> ul > li:hover > ul > li > a { visibility: visible; width:150px; height: 44px; line-height: 44px; opacity: 1; }
.top-nav > ul > li > ul > li > ul > li > ul > li:last-child a{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.top-nav > ul > li > ul > li > ul > li > ul > li:first-child a{ border-top-right-radius: 5px; }
.top-nav > ul > li > ul > li > ul > li > ul > li a:hover { background: rgb(91,156,200); background: rgba(91,156,200,0.9); text-decoration: none; border-bottom: 1px solid #62a6ca; border-top: 1px solid #62a6ca; }
/* TOP NAV "MEGA NAVs" There are 6 different MEGA MENU NAVS: 200px, 300px .... and full width mega menu Any of them can be used simply calling the class name. An example can be found at: www. See the following example to see how to change the menu direction (RTL or LTR) at: www. */ 
.top-nav-mega-1, .top-nav-mega-2, .top-nav-mega-3, .top-nav-mega-4 { visibility: hidden; opacity: 0; height:0px; position: absolute; padding: 10px; background: rgb(16,64,80); background: rgba(16,64,80, 0.8); color: #eee; transition: all 100ms cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.top-nav > ul > li.top-nav-mega:hover > ul { visibility: visible; opacity: 1; max-height:600px; height: auto; padding: 10px; transition: all 800ms cubic-bezier(0.40, 0.960, 0.150, 0.940); }
.top-nav-mega-1 { /* Change according to your needs */ width: 400px; }
.top-nav-mega-2 { /* Change according to your needs */ width: 600px; }
.top-nav-mega-3 { /* Change according to your needs */ width: 800px; }
.top-nav-mega-4 { /* Change according to your needs */ width: 1000px; }
/* This is full width MEGA NAV */ 
.top-nav-mega-full-width { display: none; position: absolute; top: 44px; max-height: 2000px; background: rgb(16,64,80); background: rgba(16,64,80, 0.8); padding: 10px; color: #eee; }
.top-nav > ul > li > ul.top-nav-mega-1.top-nav-rtl { /* For RTL positioning */ left:-331px; }
.top-nav > ul > li > ul.top-nav-mega-2.top-nav-rtl { /* For RTL positioning */ left:-531px; }
.top-nav > ul > li > ul.top-nav-mega-3.top-nav-rtl { /* For RTL positioning */ left:-731px; }
.top-nav > ul > li > ul.top-nav-mega-4.top-nav-rtl { /* For RTL positioning */ left:-931px; }
/* TOP NAV "MEGA NAV" -> NEWS NAV Content */ 
.mega-news-item { background: rgba(0,0,0); background: rgba(0,0,0,0.1); color: #ddd; margin-bottom: 10px; padding:10px; font-size: 12px; }
.mega-news-item div { padding-top:0px; }
.mega-news-item img { display: inline-block; background: rgb(255,255,255); background: rgba(255,255,255,0.3); padding: 5px; }
.mega-news-item h3, .mega-news-item h3 a { font-size:16px; line-height:20px; font-weight: 200; margin: 0px; color: #FCC } 
.mega-news-item h3 a:hover { text-decoration: underline; }
/* TOP NAV "MEGA NAV" -> FULL WIDTH NAV Content */ 
.top-nav-mega-full-width .span2 { margin-left:30px; padding: 0; }
.top-nav-mega-full-width .span3 { margin-left:18px; padding: 0; }
.top-nav-mega-full-width ul, .top-nav-mega-full-width ol { visibility: visible; list-style: circle; float: none; margin: 10px 40px; }
.top-nav-mega-full-width ol { list-style: decimal; }
.top-nav-mega-full-width ul li, .top-nav-mega-full-width ol li { height:30px; float: none; }
.top-nav-mega-full-width ul li a, .top-nav-mega-full-width ol li a { float: none; color: #efe; }
.top-nav-mega-full-width h3, .top-nav-mega-full-width h3 a { font-size: 18px; line-height:22px; font-weight: 200; margin: 0px 20px; }
/* TOP NAV "MEGA NAV" -> PRODUCT NAV Content */ 
.product-frame { background: rgb(15,60,74); background: rgba(15,60,74,0.8); border: 5px solid #104050; color: #ddd; height: 100px; padding:10px; transition: all 0.3s ease; }
.product-frame:hover { background: rgb(240,240,240); background: rgba(240,240,240,0.2); border: 5px solid #fdfdfd; cursor: pointer; }
.product-row { margin: 7px 20px; }
.product-image { height: 60%; vertical-align: top; }
.product-category { height: 30%; margin-top: 5%; } 
.product { width:60px; margin: auto; }
.product-category h4, .product-category h4 a { font-size: 12px; line-height:12px; font-weight: 200; color: #efefef; }
.product-category h4 a:hover { text-decoration: none; }
/* TOP NAV "MEGA NAV" -> ELEMENTS NAV Content */ 
.top-nav-mega-content { padding: 5px; }
.item-with-images, .item-with-images-black { background: rgb(255,255,255); background: rgba(255,255,255,0.8); color: #333; padding:0px; margin-bottom: 10px; position:relative } 
.item-with-images-black { background: rgb(0,0,0); background: rgba(0,0,0,0.8); }
.item-with-images .span9:hover .read-more, .item-with-images .span9:hover .cat { visibility: visible; height:22px; opacity: 1; }
.item-with-images:hover { } .item-with-images .span9, .item-with-images-black .span9 { padding: 7px 14px; padding-right: 0px; padding-bottom: 0px; margin:0px; }
.item-with-images p, .item-with-images a, .item-with-images-black p, .item-with-images-black a { line-height:22px; font-size: 12px; }
.item-with-images a, .item-with-images-black a { display: block; color: #104050; }
.typo-icons { padding:10px; }
/*.read-more, .cat { visibility: hidden; position: absolute; bottom:0px; right: 0px; width:90px; height:0px; padding-left: 25px; border-top-left-radius: 8px; background: rgb(51,51,51); background: rgba(51,51,51,1); background-repeat: no-repeat; background-position: 8px 5px; transition: all 0.1s ease; opacity: 0; }*/
.cat { top: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 8px; background-image: url(../img/cat.png); }
.read-more { background-image: url(../img/read-more.png); }
/*.read-more, .read-more a, .cat, .cat a { color: #fff; font-size:10px; }*/
.image-gallery img { float: left; margin-right: 5px; margin-bottom: 5px; width: 15.2%; }
/* TOP NAV "MEGA NAV" -> CONTACT US NAV Content */ 
.top-nav input[type="text"], .top-nav textarea { width:97%; height:35px; background: rgb(34,34,34); background: rgba(34,34,34,0.6); border:none; border-radius: 0px; outline:none; padding-left:10px; color:#F2F2F2; font-size:12px; border: 1px solid #333; resize: none; }
.top-nav input[type="text"]:focus { border:none; outline:none; border: 1px solid #2aa4cf; }
.top-nav input:active { border: 1px solid #248CB1; }
.top-nav textarea { height:70px; }
.top-nav textarea:focus { border: 1px solid #2aa4cf; }
#contact-us table { font-size: 12px; line-height: 14px; margin-top: 10px; }
#contact-us table td { height: 25px; }
.contact-us-image { width: 24px; }
#contact-us button{ width: 40%; height:35px; font-size:14px; line-height:14px; border:1px solid; outline:none; background: #4f4f4f; border-color: #505050 #414141 #2c2c2c; background-image: -webkit-linear-gradient(top, dimgrey, #333 80%, #111111); background-image: -moz-linear-gradient(top, dimgrey, #333 80%, #111111); background-image: -o-linear-gradient(top, dimgrey, #333 80%, #111111); background-image: linear-gradient(to bottom, dimgrey, #333 80%, #111111); color:#fdfdfd; }
#contact-us button:hover{ border: 1px solid #CCC; }
/* TOP NAV MEGA - SEPERATOR HORIZONTAL LINE */ 
.top-nav-mega-content-seperator { width: 100%; border-top: 1px solid #144F65; border-bottom: 1px solid #507270; line-height:2px; height: 2px; margin:0; margin-bottom: 10px; padding:0 } 
/* FOR ALL NAV ITEMS, HOVER EFFECT */ 
.curtain { position: absolute; visibility: hidden; top: 44px; width: 100%; height: 100%; background: rgb(0,0,0); background: rgba(0,0,0,0.3); z-index: 100; }
/* BOOTSTRAP ICON MARGIN */ 
.icon-pos { margin: 1px 8px; }
/* DEMO STYLES This is demo styles used to show the menu with full customization options. You don not need to use below styles */ 
.settings-table td { vertical-align: middle; }
.settings-table td#containerbg1Value, .settings-table td#containerbg2Value, .settings-table td#slideTogglerValue, .settings-table td#loginTogglerValue, .settings-table td#sidebarbgValue, .settings-table td#loginformbgValue, .settings-table td#firstLevelBgValue, .settings-table td#firstLevelHoverBgValue, .settings-table td#secondLevelBgValue, .settings-table td#secondLevelHoverBgValue, .settings-table td#secondBorder1Value, .settings-table td#secondBorder2Value, .settings-table td#thirdLevelBgValue, .settings-table td#thirdLevelHoverBgValue, .settings-table td#thirdBorder1Value, .settings-table td#thirdBorder2Value, .settings-table td#forthLevelBgValue, .settings-table td#forthLevelHoverBgValue, .settings-table td#forthBorder1Value, .settings-table td#forthBorder2Value { font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; }
.description { font-size: 22px; line-height:30px; font-weight: 300; color: #888 } table.swatches td { padding:5px; border: none; }
.swatch1, .swatch2, .swatch3, .swatch4, .swatch5, .swatch6, .swatch7, .swatch8, .swatch9 { width:40px; height: 35px; background: #0cbfb3; border: 2px solid #0fe8d8; border-radius: 4px; cursor: pointer; }
.swatch1 { background: #394240; border: 2px solid #667773; }
.swatch2 { background: #556270; border: 2px solid #8d9aa9; }
.swatch3 { background: #5b5646; border: 2px solid #b5af9f; }
.swatch4 { background: #0cbfb3; border: 2px solid #0fe8d8; }
.swatch5 { background: #107fc9; border: 2px solid #4eaff1; }
.swatch6 { background: #a1dc40; border: 2px solid #c0e87d; }
.swatch7 { background: #db2e02; border: 2px solid #fd562d; }
.swatch8 { background: #2aa4cf; border: 2px solid #7ecbe4; }
.swatch9 { background: #1b1b1b; border: 2px solid #565656; }
.full-spectrum .sp-palette { max-width: 200px; }
.popover { max-width: 500px; width: auto; }
.st-content { background: #fff; }
/****** END wayoutmenu ******/

.top-nav-mega-full-width:first-of-type {/*display: block!important;*/}
#mainNav .top-nav > ul > li:first-of-type > a {/*background: #6b757e;*//*color: #fff;*/}

/* COLOR CODES
Teletrac Green 			:	#97c222
Text Dark Grey 			:   #3d393a
Text Gray				:	#6a747c
Text Blue				:	#02688f
Text Orange				:	#fcac00
Background Dark Grey 	:	#4d4d4f
Background Grey			:	#dad9d7
*/

body { font-family: Helvetica, Arial, sans-serif;background-color: #eee; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 1; color: inherit; }
:-moz-placeholder { /* Firefox 19+ */ opacity: 1; color: inherit; }
:-ms-input-placeholder { /* IE 10+ */ opacity: 1; color: inherit; }
:-moz-placeholder { /* Firefox 18- */ opacity: 1; color: inherit; }

 /* BOOTSTARP OVERRIDES [START] */ 
 body > .container-fluid { min-width: 320px; padding: 0!important; }
 .container-fluid {padding: 0!important; }
.navbar { border: none 0; }
.navbar-brand { height: auto; }
/*.navbar-header { padding: 1.8em 0 1.8em 0; position: relative; }*/
.navbar-nav>li>a { padding-top: 0; padding-bottom: 0; }
.nav>li>a:focus, .nav>li>a:hover {background-color: transparent;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: transparent;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color: transparent;}
#phone-number:hover {text-decoration: none;}
a.nav-learn-more {color:#97c222 !important;}
#topNav .slicknav_icon .slicknav_icon-bar, .navbar-toggle .icon-bar { background-color: #97c222; height: 5.5px; width: 27px; }
.navbar-brand, .navbar-toggle { margin: 0; padding: 0; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 1em; padding-right: 1em; }
button, a, .badge, select { border-radius: 0!important; }
.breadcrumb { background: transparent; padding-left: 0; margin-bottom: 0; }
.breadcrumb>li+li:before { content: ":"; padding: 0 5px 0 2px; }
.row { margin: 0 auto; }
.wrapper { max-width: 1366px; margin: 0 auto; }
.row:not(.flat) { padding: 2.5em 0; }
.hero .row { padding: 0; }
.row.full { max-width: none; }
.row.intro h5 { max-width: 1366px; margin: 0 auto; }
.ui-loader {display:none !important;}
.mobile-menu-hide {display:none !important;}
.mobile-menu-show {display:block !important;}
.grey-background ul {font-size: 16px; font-family:'HelveticaNeueW01-65Medi';}
.grey-background ul + p {margin-top: 20px !important;}
/* BOOTSTARP OVERRIDES [END] */ 

/* COLORS [START] */ 
.green { color: #97c222; }
.green-bg { background-color: #97c222; }
.txt-dgrey { color: #3d393a; }
.txt-grey { color: #6a747c; }
.txt-blue { color: #02688f; }
.txt-orange { color: #fcac00; }
.bg-dgrey { background-color: #4d4d4f; }
.bg-lgrey { background-color: #dad9d7; }
.bg-grey { background-color: #898b8e; }
.opaque-bg { background-color: rgba(0,0,0,0.6); color: #fff; }
.children > * { background-color: inherit; color: inherit; }
/* COLORS [END] */

/* GLOBAL [START] */
a:hover { text-decoration:none; color: #92C221 !important; }
.animatem, .animate img { -webkit-transition: all 350ms ease-out; -moz-transition: all 350ms ease-out; -ms-transition: all 350ms ease-out; -o-transition: all 350ms ease-out; transition: all 350ms ease-out; }
.btn-circle { border: 0!important; font-size: 1em; padding: 0.3em 0em; }
/** > ul { list-style: none; margin: 0; padding: 0; }*/
footer * > ul { list-style: none; margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,p,emph,span,strong,b,i,ul,ol { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input { background: transparent; border: none; padding: 0.5em 1em; }
#type-wrapper { background: #f6f6f6; }
#type-wrapper [class*='type-'] { margin: 3em 9em; padding-top: 3em; }
#type-wrapper [class*='type-']:first-of-type { padding-top: 0; }
#type-wrapper [class*='type-'] + [class*='type-'] { border-top: 1px solid #03698f; }
#type-wrapper .post { max-width: 30.2%; padding: 0; margin-right: 3.7em; }
#type-wrapper .post:last-of-type { margin: 0; }
#jumbo-image { width: 100%; }
.overlay-link {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}
.cms-form-inputs td {padding:5px;}
.cms-form-inputs tr td:first-child{ text-align: right;}
.cms-form-inputs td span {font-weight: bold; color:#000; }
.cms-form-inputs td span:after{
    content:"*";
    width: 12px;
}
#cms-form-item {
    padding:20px;
    margin-bottom: 25px;
}
#cms-form-item table {
    width: 100%;
}
.cms-form-submit-buttons {
    margin-left: 32%;
}
#cms-form-item table tr td:first-child {
    width:30%;
}
#cms-form-item table tr td:last-child {
    width:65%;
}
#cms-form-item .cms-form-inputs input[type='text'], #cms-form-item .cms-form-inputs textarea, #cms-form-item .cms-form-inputs select {
    border:solid rgb(204,204,204) 1px;
    width: 100% !important;
} 
#cms-form-item-title {
    background: #c1d62e;
    color: #000;
    font-size: 1.4em;
    font-weight: 700;
    margin: 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.cms-form-submit-buttons input[type="reset"] {display:none;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* GLOBAL [END] */

span#timer {
    display:block;
    font-size:5em;
    line-height: 0.8em;
    text-align: center;
}
span#timer-display {
    display:block;
    font-size:20px;
    text-align: center;
}
span#timer-display span {display: inline-block; width:93px;}
/*
span#timer-display span:nth-child(1) {margin-right:30px;}
span#timer-display span:nth-child(2) {margin-right: 30px;}
span#timer-display span:nth-child(3) {margin-left: 30px;}
span#timer-display span:nth-child(4) {margin-left: 30px;}
*/


.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 32px;}

/* DIV ARROWS [START] */
[class*='arrow'] { position: relative; }
/*footer.arrow-before::before, footer.arrow-before::after { background:#fff; }*/
.arrow-before::before, .arrow-before::after { position: absolute; top: 0; content: ''; width: 50%; height: 0; border-bottom: 2em solid #4d4d4d; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.arrow-before::before { left: 0; border-right: 5em solid transparent; }
.arrow-before::after { left: 50%; border-left: 5em solid transparent; }
.arrow-after::after { position: absolute; bottom: 0; left: 50%; content: ''; width: 0; height: 0; border-top: 2em solid #4d4d4d; border-left: 5em solid transparent; border-right: 5em solid transparent; -webkit-transform: translate(-50%, 99.5%); -moz-transform: translate(-50%, 99.5%); -o-transform: translate(-50%, 99.5%); transform: translate(-50%, 99.5%); }
.arrow-before-tri::before { position: absolute; top: -1px; left: 50%; content: ''; width: 0; height: 0; border-top: 1.4em solid #fff; border-left: 3.4em solid transparent!important; border-right: 3.4em solid transparent!important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
[class*='arrow'].white::before, [class*='arrow'].white::after { /* border-color: #fff!important;*/ }
/* DIV ARROWS [END] */

/* HEADER [START] */
header#site-header + * { /*border-top: 1px solid #4d4d4f;*/ } 
#topNav { padding: 0.5em 0 0.35em; margin-bottom: 0; } 
#topNav li a, #topNav input { color: #4d4d4f; font-size: 0.82em; }
#topNav ul#location-nav li:first-of-type a { padding-left: 6px!important; }
#topNav li .bm-container a.main-link { background: #fff; }
#topNav .btn.phone { font-size: 1.2em; margin-right: 1em;width: 29px;height: 29px; background-image: url(/demo-data/template/phone-icon.png); }
.glyphicon-earphone {display:none;}
header#site-header { position: relative; /*max-width: 1366px;*/ max-width: 1440px; margin: auto; padding: 0; background: #fff; border-bottom: 1px solid #4d4d4d; }
#mainNav { padding-top: 1.8em; }
#mainNav #site-nav .top-nav { width: 100%; float: none!important; }
#mainNav ul li a.main-link, { font-size: 0.7em; text-transform: uppercase; }
#mainNav #site-nav li > a { font-size: .965em; /*text-transform: uppercase;*/ padding: 0 8px; }
#mainNav #site-nav li:first-of-type > a { /* padding-left: 0;*/ }
#mainNav #site-nav li > a.main-link::after, #mainNav .dropdown-toggle::after { content: "\e250"; display: inline-block; font-family: 'Glyphicons Halflings'; font-size: 1em; font-style: normal; font-weight: 400; line-height: 1; margin: -0.2em 0 0 0.2em; vertical-align: middle; color: #92c222; }
#mainNav #site-nav li > a.main-link:hover::after, #mainNav #site-nav li > a.main-link:active::after, #mainNav .dropdown-toggle[aria-expanded='true']::after { content: '\e252'; }
#mainNav #site-nav .top-nav-mega-full-width { background: #6b757e; left: 0!important; padding-top: 1.5em!important; width: 806px !important; max-width: 100%!important; height: auto!important; /*min-height: 400px;*/ }
#mainNav #site-nav .top-nav-mega-full-width a { color: #fff; font-size: 15px;}
#mainNav #site-nav .top-nav-mega-full-width [class*='col'] > [class*='col'] { padding: 0 0.5em; margin: 0 0 0.5em; }
#mainNav #site-nav .fw-hovered { background: #6b757e; color: #fff; }
#mainNav #site-nav .top-nav-mega-full-width .headline { text-transform: uppercase; /* font-size: 1.1em;*/font-size: 15px; font-weight: bold; margin: 0 0.5em; color: #fff; }
#mainNav #site-nav .top-nav-mega-full-width .about { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 2px solid #fff;font-size: 15px; }
#mainNav #site-nav .top-nav-mega-full-width ul, #mainNav #site-nav .top-nav-mega-full-width ol { list-style: none; padding: 0; margin: 0; }
#mainNav #site-nav .top-nav-mega-full-width .headline + ul, #mainNav #site-nav .top-nav-mega-full-width .headline + ol { margin: 0 0 1em 0; }
#mainNav #site-nav .top-nav-mega-full-width ul li, #mainNav #site-nav .top-nav-mega-full-width ol li { height: auto!important; }
.top-nav ul.content-container > li { margin: 0 0.9em; }
.top-nav ul.content-container > li:first-child { margin-left: 0; }
#customer-nav { /* width: 36%;*/ }
#phone-number { width: 14%; font-size: 0.82em; color: #4d4d4f; }
#location-nav { width: auto; }
/*#search { padding: 2em; color: #000; width: 24%; }*/
#search form { display: flex; display: -webkit-box; border: 1px solid #4d4d4f; padding: 1px; }
form#search .form-group, #search input { width: 100%; text-transform: uppercase; /* font-size: 0.75em;*/ }
#search input { height: auto; padding: 2px; border-radius: 0; /*color: #fff;*/ font-size: 0.7em; }
#search [type='submit'] { max-width: 45px; margin-top: -1px; background: #898b8e;margin-left: -45px; border: 0; color: #fff; }
#search form .form-group input { font-size: 0.75em; text-transform: uppercase; padding: 0.6em; color: #4d4d4f; }
form#search .form-group { position: relative; }
form#search .form-group::after { position: absolute; top: 0; right: 0; margin: 2px 7px; content: '\e003'; font-family: 'Glyphicons Halflings'; font-size: 1em; color: #DDDDDD; }
#site-nav { }
#topNav .slicknav_icon { position: relative; float: right; padding: 1px 6px 12px; /* margin-top: 8px;*/ /* margin-right: 15px;*/ /* margin-bottom: 8px;*/ background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; }
#topNav .slicknav_menutxt { display: none; }
#topNav .slicknav_icon .slicknav_icon-bar { display: block; }
#topNav .slicknav_icon .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 4px; }
.dropdown-menu { /*min-width: 100%; */ width: 118px; }
header#site-header #location-nav .dropdown-menu { padding: 0.2em; }
header#site-header #location-nav .dropdown-menu li a:before { margin-right: 0.6em; vertical-align: middle; display: inline-block; }
header#site-header #location-nav .dropdown-menu li.au a:before { /*content: url(../images/template/country-icons/au.png);*/ }
header#site-header #location-nav .dropdown-menu li.mx a:before { /*content: url(../images/template/country-icons/mx.png);*/ }
header#site-header #location-nav .dropdown-menu li.nz a:before { /*content: url(../images/template/country-icons/nz.png);*/ }
header#site-header #location-nav .dropdown-menu li.uk a:before { /*content: url(../images/template/country-icons/uk.png);*/ }
header#site-header #location-nav .dropdown-menu li.us a:before { /*content: url(../images/template/country-icons/us.png);*/ }
header#site-header #location-nav .dropdown-menu li.em { padding-left: 2.2em; }
/* HEADER [END] */

/* PAGE INTRO [START] */
#page-intro { background: #4d4d4d; color: #fff; border-radius: 0; margin-bottom: 0; } 
#page-intro h1 { font-size: 2.5em; font-weight: bold; } 
#page-intro p { font-size: 1.5em; }
/* PAGE INTRO [END] */

/* HERO SLIDER [START] */
#hero-slider img { width: 100%; height: auto; } 
.intro, .divider { position: relative; /*padding: 1em 2em;*/ /*background: #4d4d4f;*/ width: 100%; bottom: 0; left: 0; right: 0; font-size: 1.4em; text-align: left; color: #fff; max-width:1440px; margin:auto; } 
.divider { color: #fff; padding: 1em 0 2em; background: rgba(77,77,79,0.9); } 
#brag .divider { padding: 3em 0 2em; -webkit-transform: translateY(-26%); -moz-transform: translateY(-26%); -o-transform: translateY(-26%); transform: translateY(-26%); } 
/* #brag .divider.arrow-before::before, #brag .divider.arrow-before::after { border-bottom-color: rgba(77,77,79,0.9); } */ 
#brag .container { padding: 0; width: 100%; /* max-width: 1366px;*/ margin-right: 0; } 
.intro h5 { font-size: 1em; font-weight: 500; }
#brag .divider h3 {text-transform:uppercase; text-align:center;}
/* HERO SLIDER [END] */

/* INTRO [START] */
.intro.parallax { background: url(../images/template/parallax/truck.jpg) no-repeat 50% 0 fixed; background-size: cover; margin: 0!important; padding: 0!important; } 
.intro.parallax div[class*='message'] { background: #4d4d4d; padding: 1.2em; margin-bottom: 4em; } 
.intro.parallax > div[class*='message']:last-of-type { margin-bottom: 0; padding-bottom: 2em; } 
.intro.parallax .center-block { max-width: 80%; } 
.intro div p, .intro div p + ul, .intro div p + ol { font-size: 14px; } 
.intro div ul { list-style: disc; list-style-position: inside; } 
.intro div ul, .intro div ol { font-size: 14px; }
/* INTRO [END] */

#knowledge-base .row {padding: 0 15%!important;}

/* FIGURE IMAGE GIRD [START] */
figure.image-grid { position: relative; font-size: 1em; } 
figure.image-grid img { max-width: 45%; margin-bottom: 0.8em; } 
figure.image-grid img:nth-child(odd) { margin: 0 0.5em 0.8em 0; } 
figure.image-grid figcaption { font-size: 0.8em; width: 100%; clear: both; }
/* FIGURE IMAGE GIRD [END] */

/* SPEC [START] */
/*#spec {padding: 4em 15% 0;}*/
#spec #cta-grid { text-align: justify; } 
#spec #cta-grid:after { display: inline-block; content: ' '; width: 100%; } 
#spec #cta-grid > div { margin: 0; padding: 0; max-width: 290px; float: none; display: inline-block; max-width: 48%; text-align: left; }
/* SPEC [END] */

/* MEGA MENU OVERRIDES [START] */
#mainNav .bm-container { background: transparent; margin-left: 0; } 
#mainNav .top-nav > ul > li:hover > a { background: #6b757e; color: #fff; }
/* MEGA MENU OVERRIDES [END] */



/* PAGINATION [START] 
#pagination { margin: 0 auto 2em; padding: 2em 0; } 
#pagination > *, #pagination ul.pages li { display: inline-block; vertical-align: middle; } 
#pagination a.prev, #pagination a.next { font-size: 2em; } 
#pagination ul.pages { margin: 0 0.5em; } 
#pagination ul.pages li { padding: 0.3em 2em; background-color: #97c222; } 
#pagination ul.pages li.active { background-color: #4d4d4f; color: #fff; } 
#pagination ul.pages li.counter { background-color: transparent; color: #000; font-weight: bold; }
/* PAGINATION [END] */

/* PAGINATION [START] */
#pagination {
    border-top: 1px solid #babcbe;
    font-weight:600;
	margin: 0 auto 2em;
	padding: 2em 0;
/*	text-align: center;*/
}
#pagination > *,
#pagination ul.pages li {
	display: inline-block;
	vertical-align: middle;
}
#pagination a.cms-pager-link-prev, #pagination a.cms-pager-link-first,
#pagination a.cms-pager-link-next, #pagination a.cms-pager-link-last {
    color:#98c222;
    background: transparent;
    position: relative;
    width: .7em;
    height: 1em;
    padding: 0;
    font-size: 2em;
    overflow: hidden;
    margin-right: 0;
}
#pagination a.cms-pager-link-prev:before, #pagination a.cms-pager-link-next:before,
#pagination a.cms-pager-link-first:before, #pagination a.cms-pager-link-last:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*#pagination a.cms-pager-link-prev:before {
    content: "\f104";
}
#pagination a.cms-pager-link-next:before {
    content: "\f105";
}
#pagination a.cms-pager-link-first:before {
    content: "\f100";
}
#pagination a.cms-pager-link-last:before {
    content: "\f101";
}*/
#pagination a, #pagination .cms-page-current {
	margin: 0 0.5em;
}
#pagination a {
    color:#000;
	padding: 0.3em 2em;
	background-color: #97c222;
}
#pagination .cms-page-current {
	background-color: #4d4d4f;
	color: #fff;
	padding: 0.3em 2em;
}
#pagination ul.pages li.counter {
	background-color: transparent;
	color: #000;
	font-weight: bold;
}

/* PAGINATION [END] */





/* SIDEBAR [START] */
.sidebar { position: relative; } 
.select-cat { margin: 1em 0 6em; text-transform: uppercase; font-size: 0.8em; height: 30px; } 
#pagination .select-cat { margin-top: 0; margin-bottom: 0; float: right; } 
/*.select-cat::after { content: "\e250"; font-family: 'Glyphicons Halflings'; margin-left: 0.5em; vertical-align: baseline; } */
.sidebar article { margin-bottom: 2em; } 
.sidebar article figure img { /* margin: 0.5em auto;*/ margin: 0 0 0.5em; } 
.sidebar article figcaption a { color: #000; text-decoration: underline; } 
.sidebar .related h4 { border-top: 1.5em solid #3d393a; padding-top: 1em; } 
.sidebar .related li { margin-bottom: 1em; } 
.sidebar .related li a { color: #000; text-decoration: underline; }
/* SIDEBAR [END] */

/* CTA [START] */
header#site-header.cta { color: #fff; padding: 0 2em; } 
header#site-header .cta { position: absolute; bottom: 0; right: 0; transform: translateY(100%); z-index: 99999; font-size: 0.7em; padding: 1.3em; max-width: 320px; margin-right: 6.6%; float: right; } 
header#site-header .cta h3, header#site-header .cta form { display: inline-block; vertical-align: middle; } 
header#site-header .cta h3 { width: 30%; font-size: 1em; font-weight: 200; margin: 0 2% 0 0; text-transform: uppercase; line-height: 1.4; color: #fff; } 
header#site-header .cta form { width: 64%; display: inline-flex; flex-direction: row; } 
header#site-header .cta input[type='text'] { background: transparent; color: #fff; border: 2px solid #898b8e; border-right: none 0; } 
header#site-header .cta button[type='submit'] { color: #000; font-size: inherit; } 
.download { white-space: normal; text-align: left; font-size: 0.7em; border-radius: 0; max-width: 94%; margin: 2em auto; } 
.download span { display: inline-block; vertical-align: middle; text-transform: uppercase; min-height: 2.4em; } 
.download span:nth-child(1) { width: 28%; border-right: 1px solid #4d4d4f; margin-right: 1.5%; } 
.download span:nth-child(2) { width: 68%; color: #000; }
/* CTA [END] */

/* SOCIAL NETWORKS [START] */
#social-networks { padding: 0 0 .6em 3.6em; position:relative; top: -1.5em; }
html[data-useragent*='MSIE 10.0'] #social-networks {top: -23.5em;}
#social-networks ul { /* text-align: justify*/ } 
#social-networks ul::after { content: ' '; width: 100%; display: inline-block; } 
#social-networks ul li { display: inline-block; vertical-align: middle; } 
#social-networks ul li a { padding: 0 4px; } 
#social-networks ul li a img { -webkit-filter: grayscale(1); filter: grayscale(1); box-shadow: 0 0 15px 4px rgba(0,0,0,0.2); border-radius: 1em; max-width: 30px; }
#social-networks ul li a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); box-shadow: 0 0 35px 4px rgba(0,0,0,0.7); }
/* SOCIAL NETWORKS [END] */

/* POLICY NAV [START] */
#policy-nav { background-color: #31322e; font-size: 0.95em; padding: 1.58em 0.2em; } 
#policy-nav span, #policy-nav ul, #policy-nav li { display: inline-block; } 
#policy-nav li::after { content: '|'; margin: 0 0.3em 0 0.4em; } 
#policy-nav li:last-of-type::after { content: ''; margin: 0; } 
#policy-nav .number { margin-left: 10em; }
/* POLICY NAV [END] */

/* ARTICLE PAGE [START] */
#articles article { margin-bottom: 3em; } 
#articles header .breadcrumb li, #articles header .breadcrumb a { text-transform: uppercase; } 
#articles header .title { margin-top: 0; } 
#articles footer div { margin: 2em 0; } 
#articles footer #author { padding-top: 2em; border-top: 0.5em solid #4d4d4f; } 
#articles footer #author figure { padding: 0; } 
#articles footer #author .name, #articles footer #author p { display: inline; vertical-align: baseline; font-size: 1em; } 
#articles footer #article-comments header { color: #000; padding: 1em 0; border-top: 0.5em solid #4d4d4f; } 
#articles footer #article-comments header h5 { margin: 0; } 
#articles footer #article-comments header h5, #articles footer #article-comments header > span { vertical-align: middle; } 
#articles footer #article-comments footer, #articles footer #article-comments textarea { width: 100%; border: 2px solid #dad9d7; border-collapse: collapse; } 
#articles footer #article-comments textarea { margin: 0; padding: 0; display: block; min-height: 200px; } 
#articles footer #article-comments footer { padding: 0.5em; }
/* ARTICLE PAGE [END] */

/* AUTHOR PAGE [START] */
#author-articles #index-header{margin-right:1em}
#author-articles #posts{padding:0 0 3em;margin-top:2em}
#author-articles header h1,#author-articles header h3{margin:0}
.author{padding:2em 1em;margin:1em 0;color:#fff}
.author button{color:#000}
/* AUTHOR PAGE [END] */

/* BRAG [START] */
#brag{background:no-repeat 50% 0 fixed}
#brag .copy-block + .copy-block{margin:2em 0}
#brag .copy-block header{background:rgba(3,105,143,0.55);display:block;margin-bottom:.7em}
#brag .copy-block header h5{display:inline-block;background:rgba(3,105,143,0.85);margin:0;padding:.5em 1em;min-width:18em;font-size:1em;font-weight:700;text-transform:uppercase}
#brag .awards p *{display:block}
#brag div[class*='col']{padding:0}
#brag .sponsors > div{margin-bottom:3.3%;padding-left:0;padding-right:1em;max-width:20%}
.gutter-left-25{padding-left:17.8%!important}
.gutter-right-25{padding-right:15%!important}
#brag > div.copy-block p strong,#brag > div.copy-block p emph{display:block}
#brag .img-responsive{box-shadow:0 0 10px rgba(55,55,55,0.4)}
#brag .intro .img-responsive{box-shadow:none;}
#brag figure{margin-bottom:.5em;min-height:60px;min-width:60px;display:block;position:relative}
#brag figure img{position:absolute;bottom:0}
/* BRAG [END] */

/* AWARDS [START] */
#awards p,#awards p *,#awards a{color:#fcac00;font-size: 14px;}
#awards p{max-width:15em}
/* AWARDS [END] */

/* JUSTIFIED gutter [START] */
#brag > div[class*='col-']{padding:0}
/* JUSTIFIED GRID [END] */

/* SEARCH PAGE [START] */

section.search {background:#fff; margin: 0 auto;max-width:1440px;min-height:400px;border-top: 1px solid;}
/*section.search .container {background:#fff; margin: 0 auto;width:1440px;min-height:400px;}*/
.site-search {width:90%; margin:auto;}
.site-search-textbox-label { font-size: 16px; }
.site-search-form {padding-bottom:1.5em !important; border-bottom: 1px solid #babcbe;text-align:left !important;}
.site-search-results {padding-top:3em;}
.site-search-results .site-search-result-page-title {margin-bottom:1.5em;}
#siteSearchKeywords {border:solid 1px #ccc;}
.site-search-required {display:none; color:#434d57 !important; font-size:16px;}

/* SEARCH PAGE [END] */

#region-section .knowledge-base {padding-bottom:40px;}

/* FOOTER [START] */
footer{position:relative; margin-top:25px}
footer .flex-wrapper{display:flex;flex-direction:column;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-flow:row wrap}
.footer.parallax{background:url(../images/template/parallax/roadtext.jpg) no-repeat 50% 0 fixed;background-size:cover;min-height:165px}
footer#page-footer .flex-wrapper{max-width: 100%; margin: auto; margin-left: 0; margin-right: 0;}
footer#page-footer,footer nav a{color:#fff}
footer h4{font-weight:bolder;margin:0;text-transform:uppercase;font-size:1em}
.policy-nav .container{width:100%}
footer .site-nav{padding:4% 4% 8%!important;margin:0 auto;width:82%}
footer .site-nav div{max-width:250px;padding:0}
footer form{display:flex}
footer #search{width:100%}
footer #links{display:flex;flex-direction:row;margin:1.5em auto 3.2em;top:0;-webkit-perspective:1000;-webkit-backface-visibility:hidden;position:absolute;width:774px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
footer #links a{color:#fff;font-size:1.4em;text-transform:uppercase;padding:.2em 3em;margin:0 .3em;background:#b2d235;font-weight:700}
footer #links a:hover{color:#000!important}
footer #links.affix{z-index:9999;display:none;position:fixed!important;bottom:0;top:auto!important;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);margin:0 auto;width:100%;padding:6px 0;background-color:rgba(255,255,255,0.6)}
footer #links.affix div{margin:0 auto;display:table}
#links2{display:none;width:100%;bottom:0;left:0;position:fixed;z-index:9999;background-color:rgba(255,255,255,0.6);padding-right: 0px;padding-left: 0px;}
.button-row-centered{text-align:center;padding:6px 6px 0!important}
.button-centered, #siteSearchSubmit{display:inline-block;float:none;text-align:center;margin-right:5px;width:245px;background:#92c222;color:#fff;font-size:1.4em;font-weight:normal;text-transform:uppercase;padding:3px 10px;margin-bottom:6px}
#siteSearchSubmit {width:25%;}
.button-row-centered a:hover, #siteSearchSubmit:hover{color:#000 !important;}
.trustbox-title {
    font-size: 18px;
    padding: 11px 0 8px;
}
.trustbox-footer {
    background-color: #4d4d4f;
    transition: all 0.5s ease;
    padding: 10px;
}
.button-row-centered {
    padding-right: 0 !important;
    padding-left: 0 !important;
}


/* FOOTER [END] */

.divider h3{font-size:24px}
.arrow-before-tri{padding:2.4em 0 .8em!important}
#brag{padding-top:32px;padding-bottom:88px}
.sponsors{margin-top:18px;padding-right:13%!important;margin-bottom:28px}
#brag .copy-block header h5{padding:.36em 1.2em;min-width:13.9em}
#brag .copy-block p{font-size:17px;line-height:28px;font-style:italic}
#brag .copy-block header{margin-bottom:1.2em}
#testimonial{padding-right:0!important;height:100%;margin-bottom:37px}
#testimonial p{padding-right:14%}
#testimonial{min-height:153px}
#awards p{font-size:13px!important;line-height:17px!important;font-style:normal!important;padding:0 17px;margin-right:55px}
#awards{padding-right:0!important;padding-bottom:18px!important}
#news{padding-bottom:20px!important;margin-top:36px!important;padding-right:0!important}
#news p{font-size:15px!important;font-weight:700;margin-top:20px;line-height:21px!important;font-style:normal!important;padding:0 20px 0 5px}
#news article{width:27.8%}
.source{font-size:10px!important}
footer #links{margin:1.6em auto 2.1em}

footer #links a{margin:0 10px 0 0;font-size:1.5em;width:245px;padding:2px 50px}
.slider-text > p{position:absolute}
.sponsors img{-webkit-transition:opacity 200ms ease-in-out;-moz-transition:opacity 200ms ease-in-out;-ms-transition:opacity 200ms ease-in-out;-o-transition:opacity 200ms ease-in-out;transition:opacity 200ms ease-in-out}
.sponsors img:hover{zoom:1}
#policy-nav .container{max-width:1366px;width:100%;margin:0 auto;padding:0 5em}

/*#site-header div {display: none;}*/

/****** NEW CUSTOM MENU ******/
.site-navigation {margin:0 auto;max-width: 1440px;}
.site-navigation a {color:#434d57;}
.site-navigation a:hover {text-decoration: none;color: #434d57;}
.site-navigation a:not([href]):hover {text-decoration: none;color: #fff !important;}

.site-navigation .caret-right { width: 0; height: 0; display: inline-block; margin-left: 2px; vertical-align: middle; border-left: 4px solid; border-bottom: 4px solid transparent; border-top: 4px solid transparent;color: #92c222; }
.site-navigation .caret-down { width: 0; height: 0; display: inline-block; margin-left: 2px; vertical-align: middle; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid;color: #92c222;  }
.nav-teletrac {background-color:#fff;border-radius:0;min-height: 145px;width: 100%;display: -webkit-flex;display:flex;padding:32px 0 0 0; margin-bottom: 0;border-bottom: 1px solid #434d57;}
.nav-teletrac-left {width: 25%;}
.teletrac-logo {width: 100%;text-align: right;}
.phone-icon-mobile {display: none;}
.nav-teletrac-right {width: 75%;padding:0 0 0 130px;}
.secondary-menu {list-style-type:none;text-transform: uppercase;}
.secondary-menu li {display: inline;font-size: 10px;}
.secondary-menu li a:hover, .secondary-menu .open > a {background-color:transparent !important;}
.secondary-menu .login-links {padding: 0 0 0 10px;}
.secondary-menu .login-links li {padding: 0 45px 0 0;}
.secondary-menu .search-box {margin: 0 45px 0 0;}
.secondary-menu .search-box .input-box {padding: 2px 5px;width: 195px;text-transform: uppercase;font-size:10px;height: 20px;border-radius:0;}
.secondary-menu .search-box .form-control-feedback {height: 20px; width: 20px; line-height: 20px; font-size: 14px; color: #DDDDDD; pointer-events: visible; cursor: pointer;}
.secondary-menu .phone-no{margin: 0 45px 0 0;}
.secondary-menu .phone-no a{padding:0;}
.secondary-menu .location-menu{margin: 0 0 0 0;}
.secondary-menu .location-menu a{padding:0;}
.secondary-menu .location-menu .dropdown-menu a:hover {color: #92c222 !important;}
.main-menus .dropdown a {transition: background-color .3s}
.main-menus .dropdown:hover a.dropdown-toggle {background-color:#6b757e;color:#fff;}
.main-menus .menu-cta {color:#fff; display:block; margin-top:5px; text-align:center;}
.secondary-menu .location-menu .dropdown-menu {padding: 2px 6px !important; min-width: 110px;background-color:#f0f0f0;border:none;/*box-shadow: none;-webkit-box-shadow: none;*/border-top: 1px solid #03698f;border-radius:0;}
.secondary-menu .location-menu .dropdown-menu li a{padding: 10px 4px !important;}
.main-menus {padding: 0 0 0 0;margin: 40px 0 0 0;}
.main-menus > li > a {margin-right: 40px;font-size: 14px;padding: 10px;text-transform: uppercase;padding-right: 25px;}
.main-menus > li > a:hover, /* .main-menus li a:focus,*/ .main-menus .open>a, 
/*.main-menus .open>a:focus,*/ .main-menus .open>a:hover {background-color: #fff;color: #434d57;}
.main-menus .caret-right {position:absolute;margin-left: 5px; margin-top: 3px; border-left: 6px solid; border-bottom: 6px solid transparent; border-top: 6px solid transparent;}
.main-menus .caret-down {position:absolute;margin-left: 5px; margin-top: 6px;border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid;}
.main-menus .dropdown {position: static !important;}
.main-menus .menugroup-box {background-color: #6b757e;padding:32px;}
.main-menus .menugroup-box hr {clear: both; border-top: 2px solid #d1d1d3;}
.main-menus .menugroup-box > [class*='col-'] {padding-right:0; padding-left:0;}
.main-menus .menugroup-box p:empty, .main-menus .menugroup-box ul:empty {display: none;}
.main-menus .menugroup-box p strong {text-transform: uppercase;}
.main-menus .menugroup-box p strong a {color: #fff;}
.main-menus .menugroup-box ul {list-style: none;padding: 0 0 10px 0;}
.main-menus .menugroup-box ul li {padding: 2px;}
.main-menus .menugroup-box ul li a {color: #fff;text-transform: none;padding: 0 0 0 8px; margin: 0;}
.main-menus .menugroup-box ul li a:hover {color: #92c222;}
.main-menus .dropdown-menu {min-width: auto !important;max-width: 854px;width: 775px; margin-left: 34.05%; padding: 0;color:#eee;top: 91%;border:none;box-shadow: none;-webkit-box-shadow: none;background:transparent;margin-top: 1px !important; }
.header-contact-us { width: auto; height: 41px; float: left; vertical-align: bottom; font-size: 14px; padding: 9px 10px 10px 7px; text-transform: uppercase; margin: 40px 0 0 0; color:white !important; font-weight: bold; }
.header-contact-us:hover {color:#4D4D4F !important;background: #DB9030; !important;}
@media only screen and (max-width : 1070px)  {
  .header-contact-us {display:none;}
}

@media only screen and (max-width : 1455px)  {
  .main-menus .dropdown-menu {margin-left: 34.3%;max-width: 856px; width:743px;}
  .main-menus li a {margin-right: 30px;}
}
@media only screen and (max-width : 1400px)  {
  .main-menus .dropdown-menu {margin-left: 34.45%;max-width: 856px;}
  .main-menus li a {margin-right: 26px;}
}
@media only screen and (max-width : 1379px)  {
  .nav-teletrac-right {padding: 0 0 0 5%;}
  .secondary-menu {width: 100%;}
  .main-menus .dropdown-menu {padding: 0; margin-left: 30%;}
}
@media only screen and (max-width : 1295px)  {
  .secondary-menu .phone-no{margin: 0 30px 0 0;}
  .secondary-menu .search-box {margin: 0 30px 0 0;}
}
@media only screen and (max-width : 1278px)  {
  .main-menus li a {margin-right: 18px;}
}
@media only screen and (max-width : 1270px)  {
  .nav-teletrac-left {width: 22%;}
  .teletrac-logo img {width: 88%;}
  .nav-teletrac-right {padding: 0 0 0 3%;width: 78%}
  .secondary-menu .login-links li {padding: 0 3% 0 0;}
  .secondary-menu .login-links {margin-right: 16px;width: 345px;}
  .secondary-menu .search-box .input-box {width: 160px;}
  .main-menus .dropdown-menu {width:644px; padding: 0; margin-left: 25%;}
  .main-menus .menugroup-box {padding: 20px;}
}
@media only screen and (max-width : 1180px)  {
  .main-menus li a {margin-right: 4px;}
}
@media only screen and (max-width : 1000px)  {
  .secondary-menu .phone-no{margin: 0 15px 0 0;}
  .secondary-menu .search-box {margin: 0 15px 0 0;}
}

/* responsive mobile menu */

@media only screen and (max-width : 960px) {

  /*custom breakpoint*/
  .navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none;}
  .navbar-header { float: none; } 
  .navbar-toggle { display: block; } 
  .navbar-collapse { position: absolute;border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
  width: 100%; padding: 0 0 0 0; background-color: #6b757e; z-index: 999; border: 0;display: -webkit-box !important; display: -webkit-flex-box;display: flex !important;flex-direction: column;display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;-webkit-box-orient: vertical;
    -webkit-box-direction: normal;} 
  .navbar-collapse.collapse { display: none!important; } 
  .navbar-nav { float: none!important; margin: 0; } 
  .navbar-nav>li { float: none; } 
  .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px;margin: 0; } 
  .navbar-text { float: none; margin: 15px 0; }
  .navbar-collapse.collapse.in { display: flex!important;display: -webkit-box !important; } 
  .collapsing { overflow: hidden!important; }
  /*END custom breakpoint*/
  .nav-teletrac {min-height: 64px;padding:0;margin-bottom: 0;display: block;border:0;}
  .navbar-header {width: 100%;padding: 10px 20px 3% 32px;}
  .navbar-right {margin-right: 0; padding: 2% 0 0 0; margin-left: 20px; margin-top: 0;/*display:-webkit-flex-box;*/border: 0;border-radius: 0;}
  .phone-icon-mobile {display: block;float: right;padding-top: 2.5%;}
  .phone-icon-mobile img {max-width: 30px;height: auto;}
  .teletrac-logo {text-align:left;width: 48%;}
  .teletrac-logo img {width: 100%;max-width: 200px;}
  .navbar-toggle .icon-bar {background-color: #92c222;height: 4px;width: 26px;margin-top: 5px !important;}
  .search-box,.phone-no {display: none !important;}
  .site-navigation .dropdown:hover .dropdown-menu {max-width: 100%;width: 100%;}
  .site-navigation .dropdown .dropdown-menu {max-width: 100%;}
  .navbar-nav .open .dropdown-menu, .main-menus .dropdown-menu {background-color:#4d4d4f;padding: 0;}
  .main-menus .dropdown-menu {margin-left: 0;}
  .secondary-menu {margin: 0 !important;order:2;-webkit-order: 2;-webkit-box-ordinal-group: 2;width: 100%;z-index: 9;}
  .secondary-menu li {display: block;}
  .secondary-menu .login-links {padding: 0 0 0 0;width: 100%;}
  .secondary-menu .login-links li { padding: 16px 25px !important;border-bottom:1px solid #fff }
  .secondary-menu .login-links li a {font-size: 14px; line-height: 18px; font-weight: bold; color: #fff;}
  .secondary-menu .location-menu {padding: 0 0 0 0;}
  .secondary-menu .location-menu li { padding: 0; }
  .secondary-menu .location-menu li a {border-color: #fff!important; padding: 16px 25px ;font-size: 14px; line-height: 18px; font-weight: bold; color: #fff;}
  .secondary-menu .location-menu .dropdown-menu {border-top: 1px solid #f7941d;border-bottom: 1px solid #f7941d;}
  .secondary-menu .location-menu .dropdown-menu li a {padding: 10px 20px !important;}
  .secondary-menu .location-menu .dropdown-menu li a:hover {color: #fff !important;}
  .secondary-menu .location-menu .caret-right, .secondary-menu .location-menu .caret-down {position: absolute;right:0;border: none;}
  .secondary-menu .location-menu .caret-right:after {content:"\e258";font-family:"Glyphicons Halflings";margin:0 0 0 -44px;color:#9ca6af;font-size: 20px;}
  .secondary-menu .location-menu .caret-down:after {content:"\2212";font-family:"Glyphicons Halflings";margin:0 0 0 -44px;color:#9ca6af;font-size: 20px;}
  .main-menus {order:1;-webkit-order: 1;-webkit-box-ordinal-group: 1; width: 100%;z-index: 99;}
  .main-menus .dropdown {background:#6b757e;clear: both;}
  .main-menus .dropdown .dropdown-toggle {border-bottom:1px solid #fff;}
  .main-menus li a {border-color:#fff !important;font-size: 14px; line-height: 18px; font-weight: bold; color: #fff; padding: 16px 25px !important;}
  .main-menus .caret-right, .main-menus .caret-down {right: 0;border: none;margin-top:0;}
  .main-menus .caret-right:after {content:"\e258";font-family:"Glyphicons Halflings";margin:0 0 0 -44px;color:#9ca6af;font-size: 20px;}
  .main-menus .caret-down:after {content:"\2212";font-family:"Glyphicons Halflings";margin:0 0 0 -44px;color:#9ca6af;font-size: 20px;}
  .main-menus .menugroup-box {background-color:#4d4d4f;padding:0;}
  .main-menus .menugroup-box > [class*='col-'], .main-menus .menugroup-box div > [class*='col-'] {padding: 0; min-height:0;width: 100%;}
  .main-menus .menugroup-box a {text-transform: none;}
  .main-menus .menugroup-box ul {border-bottom: 1px solid #f7941d;padding: 6px 0 10px 0;}
  .main-menus .menugroup-box ul li {border: none;-webkit-tap-highlight-color: rgba(146,194,34,.5);}
  .main-menus .menugroup-box p {padding: 10px 0 0 0;margin: 0;}
  .main-menus .menugroup-box p:last-child {padding-bottom:10px;border-bottom: 1px solid #f7941d;}
  .main-menus .menugroup-box p strong {font-weight: normal;padding-left: 25px; padding-right: 25px;}
  .main-menus .menugroup-box p strong a {padding: initial !important; font-weight: initial; text-transform: uppercase;}
  .main-menus .menugroup-box ul li a {font-weight: normal;padding: 10px 40px !important; display:inline-block; width:100%; -webkit-tap-highlight-color: rgba(146,194,34,.5);}
  .main-menus .menugroup-box ul li a:hover {color:rgba(146,194,34,.5);}
  .main-menus .menugroup-box .col-md-12 p, .main-menus .menugroup-box hr, .main-menus .menugroup-box img {display: none;}
  .main-menus .menugroup-box ul li a:hover {color:#fff;background-color: transparent;}
  .main-menus li a:hover, .main-menus li a:focus, .main-menus .open>a, .main-menus .open>a:focus, .main-menus .open>a:hover {background-color: transparent;}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    IE10+ CSS only 
  #social-networks ul li a img {
      filter: url(“data:image/svg+xml;utf8,<svg xmlns=\’http://www.w3.org/2000/svg\’><filter id=\’grayscale\’><feColorMatrix type=\’matrix\’ values=\’1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\’/></filter></svg>#grayscale”);
  }
}
#social-networks .grayscale:hover {
    -webkit-filter: grayscale(0) !important;
    filter:         grayscale(0) !important;
}
#social-networks .grayscale:hover > svg {
    opacity: 0 !important;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    .main-menus a:hover { 
        background-color: #6b757e !important;
    }
}
/* location notifications */
.notification-container{max-width:1440px;position:relative;margin:0 auto}
.slide-in-notification{position:absolute;float:right;right:10px;top:10px;width:300px;min-height:70px;padding:10px 20px;z-index:999;background:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.slide-in-notification span{position:relative;display:block;float:right;clear:both}
.slide-in-notification button{position:absolute;right:2px;top:-4px;font-size:18px;background:transparent;border:0}
/* END location notifications */

/****** END NEW CUSTOM MENU ******/