/*
	Theme Name: Gardner & Associates
	Version: 1.0
	Author: FL1 Digital
	Author URI: http://www.fl1digital.com
    Description: Custom built WordPress theme for Gardner & Associates.
    
    INDEX:
    ------------------------------------
    0. RESET

    1. SETUP
        1.1 Defaults
        1.2 Common Tags

    2. SITE STRUCTURE & APPEARANCE
        2.1 Header
            2.1.1 Logo
            2.1.2 Topber 
            2.1.3 Navigation 
        2.2 Showcase
        2.3 Container 
            2.3.1 Featured
            2.3.2 Blue-Box
        2.4 Footer

*/

/*================================================================================================================*/
/*                                                                                                                */
/*                                                1. RESET                                                        */
/*                                                                                                                */             
/*================================================================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
* { outline:none;}


/*================================================================================================================*/
/*                                                                                                                */
/*                                                2. GLOBAL                                                       */
/*                                                                                                                */             
/*================================================================================================================*/
/* 1.1 Defaults */
h1, h2, h3, h4, h5, h6, strong { font-weight:bold;}
i, em { font-style:italic;}
.left { float:left;}
.right { float:right;}
.alignleft { text-align:left; float:left; margin:0 10px 10px 0;}
.alignright { text-align:right; float:left; margin:0 0 10px 10px;}
.aligncenter { text-align:center;}
.clear { clear:both; line-height:1px; height:1px;}
textarea { overflow:auto; font-family:Arial, Helvetica, sans-serif; /* Body Font Family Will Come Here */}
a { color:#333; text-decoration:none;}
a:hover { color:#000;}
address { font-style:normal;}
img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}
#map * { max-width:none;}
.sidebar #map { width:100%; height:250px;}

.clearfix:before, .clearfix:after { display: table; content: '';}
.clearfix:after { clear: both;}

@font-face {
    font-family: 'SEGOEUIL';
    src: url('fonts/segoe/SEGOEUIL.eot');
    src: local('SEGOEUIL'), url('fonts/segoe/SEGOEUIL.woff') format('woff'), url('fonts/segoe/SEGOEUIL.ttf') format('truetype');
}

@import url("css/fonts.css");
/*================================================================================================================*/
/*                                                                                                                */
/*                                                3. LAYOUT                                                       */
/*                                                                                                                */             
/*================================================================================================================*/
body { background:#000; font-family: 'SEGOEUIL'; font-size:14px; color:#fff; -webkit-text-size-adjust:none;}
.box { width:940px; margin:0 auto;}

.twitter-feed {border: medium none !important; max-width: 100% !important; min-width: 100px !important; padding: 0px !important; display: inline-block !important; visibility: visible !important; width: 220px !important; z-index: 10 !important; position: relative !important; height: 230px !important; margin-bottom: -500px !important; float: right !important; margin-right: 29px; margin-top: 45px;}
#twitter-widget-0 { height:357px;}

/* 2.1 Header */
.header { padding:13px 0 15px 0;}

/* 2.1.1 Logo */
.logo { width:225px; float:left; padding:5px 0 0 1px;}
.header-right { float:right;}

/* 2.1.2 Topber */
.topbar { text-align:right; padding-bottom:21px;}
.topbar .phone { font-size:25px; color:#eb2b36; line-height:25px; float:right; display:inline-block; padding-top:5px;}
.topbar .phone span { background:url(img/sprite_icons.png) no-repeat #eb2b36; width:26px; height:26px; float:left; margin-right:11px; -moz-border-radius:26px; -webkit-border-radius:26px; border-radius:26px; behavior:url(PIE.htc); position:relative;}
.topbar ul { float:right;}
.topbar li { font-size:12px; line-height:26px; padding-right:26px; float:left; text-transform:uppercase;}
.topbar li a { color:#fff;}
.topbar li a:hover { color:#ededed;}
.header-right .login-button { font-size:14px; color:#eb2b36; line-height:29px; padding:0 19px; float:right; border:#eb2b36 2px solid; margin-left:17px; text-transform:uppercase;}
.header-right .login-button:hover { background:#eb2b36; color:#fff;}
.header-right .site-search { float:right; margin-left:20px;}
.header-right .site-search input[type="text"] { width:150px; border:1px solid #eb2b36; padding:10px; color:#F7F7F7; font-family: 'SEGOEUIL';}
.header-right .site-search input[type="submit"] { border:none; padding:10px; color:#fff; background:#eb2b36; font-family: 'SEGOEUIL'; text-transform:uppercase; cursor:pointer;}

/* 2.2 Showcase */
.showcase { text-align:center; position:relative; margin-bottom:41px; margin-bottom:20px;}
.swiper-container,
.swiper-wrapper,
.showcase-slide { }
.showcase-slide { width:100%; height: 441px; position:relative; -webkit-background-size:cover; -o-background-size:cover; background-size:cover; background-position:left;}
.showcase-slide img { width:100%; height: 441px;}
.showcase .box { position:absolute; left:50%; top:0; margin-left:-470px; text-align:left;}
.showcase .caption { background:url(img/bg_caption.png) repeat; width:465px; color:#323535; padding:14px 23px 0 17px; margin-top:101px;}
.showcase .caption h3 { font-size:30px; color:#323535; padding-bottom:10px; font-weight:normal; text-transform:uppercase;}
.showcase .caption p { font-size:16px; line-height:23px; padding-bottom:19px;}
.showcase .caption .more-button { background:#eb2b36; font-size:16px; color:#fff; line-height:45px; padding:0 20px; margin:0 0 -45px -17px; text-transform:uppercase; display:inline-block; float:left;}
.showcase .caption .more-button:hover{ background:#323535;}

.showcase.inner { height:250px; background:#F2F5F8; overflow:hidden;}
.showcase.inner img { width:100%;}
.showcase.inner .box { height:250px;}
.showcase.inner h1 { font-size:30px; font-weight:300; background:#eb2b36; color:#fff; padding:10px 20px; position:absolute; left:0; bottom:0; text-transform:uppercase; letter-spacing:-1px;}
.showcase.inner h1 span { display:block; clear:both; font-size:18px; padding-top:5px;}

.showcase-pager { position:absolute; left:0; right:0; margin:0 auto; opacity:0; height:16px; z-index:2; bottom:20px;}
.showcase-pager span { float:left; text-indent:-9999px; margin-left:5px; height:16px; width:16px; background:none; display:block; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; behavior:url(PIE.htc); position:relative; border:#fff 2px solid; cursor:pointer;}
.showcase-pager span:hover,
.showcase-pager span.swiper-active-switch { background:#eb2b36;}

.showcase .owl-controls { position:absolute; bottom:20px; z-index:99; text-align:center; width:100%; text-align:center;}
.showcase .owl-controls .owl-page { text-indent:-9999px; margin-left:5px; height:16px; width:16px; background:none; display:inline-block; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; behavior:url(PIE.htc); position:relative; border:2px #eb2b36 solid; cursor:pointer;}
.showcase .owl-controls .owl-page.active { background:#eb2b36; border:2px #fff solid;}

/* 2.3 Container */
.container { clear:both;}

/* 2.3.1 Featured */
.featured { padding-bottom:48px;}
.featured li { width:300px; margin-left:20px; float:left;}
.featured li:first-child { margin-left:0;}
.featured li h3 { font-size:21px; padding:17px 0 13px 0; font-weight:normal; text-transform:uppercase;}
.featured li h3 a { color:#f4f4f4;}
.featured li h3 a:hover { color:#465c77;}
.featured li p { font-size:14px; line-height:22px; padding-bottom:20px;}
.featured li .read-more { background:#eb2b36; font-size:15px; color:#fff; line-height:33px; display:inline-block; padding:0 14px; float:right;}
.featured li .read-more:hover{ background:#f4f4f4;}

.logos { padding:20px 0; border-top:1px #f0f0f0 solid;}

/* 2.3.2 Blue-Box */
.blue-box { background:#f2f5f8; text-align:center; padding:28px 0 38px 0; overflow:hidden; height:fit-content;}
.blue-box h3 { font-size:30px; color:#eb2b36; padding-bottom:18px; text-transform:uppercase;}
.blue-box p { font-size:14px; color:#050505; line-height:16px; padding-bottom:37px;}
.blue-box a {text-decoration: none; padding-bottom: 37px;}
.blue-box .start-button { background:#eb2b36; font-size:22px; color:#fff; line-height:45px; padding:0 29px; text-transform:uppercase; display:inline-block;}
.blue-box .start-button:hover{ background:#f4f4f4;}
.blue-box .video-download {display: flex; justify-content: center; flex-direction:column;}
.blue-box .button {width: 100%; background-color: #EB2B37; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; text-align: center; }
/* 2.4 Footer */
.footer { margin:0; padding:30px 0 63px 0; border-top:#eb2b36 6px solid;}
.footer .column1st { width:250px; float:left;}
.footer .column2nd { width:808px; float:left; padding-bottom:72px;}
.footer .column2nd ul{ width:159px; float:left;}
.footer h5 { font-size:16px; color:#f4f4f4; padding-bottom:22px;}
.footer li { font-size:12px; line-height:17px; padding-bottom:5px;}
.footer li a{ color:#f4f4f4;}
.footer li a:hover{ color:#566f8c;}
.footer p{ font-size:11px; color:#fff; padding:20px 0 0;}
.footer p a{ color:#fff;}
.footer p a:hover{ color:#869fc1;}
.footer .footer-logos { float:right;}
.footer .footer-logos p { padding:0; margin:0;}

.areas-we-cover { padding:30px 0 40px; border-top:1px #F0F0F0 solid; margin-top:30px;}
.areas-we-cover h5 { color:#f4f4f4;}
.areas-we-cover ul { clear:both;}
.areas-we-cover li { float:left; width:125px; color:#f4f4f4; line-height:12px;}


/* Video */
.video { width:500px; margin:10px auto 0;}

/*================================================================================================================*/
/*                                                                                                                */
/*                                                   INNER                                                        */
/*                                                                                                                */             
/*================================================================================================================*/
/* General content */
.content { padding:10px 0 40px;}
.content-left { width:580px; float:left;}

.content h2 { font-size:34px; font-weight:normal; color:#eb2b36; line-height:26px; padding-bottom:20px;}
.content h3 { font-size:30px; font-weight:normal; color:#eb2b36; line-height:23px; padding-bottom:20px;}
.content h4 { font-size:26px; font-weight:normal; color:#eb2b36; line-height:20px; padding-bottom:18px;}
.content h5 { font-size:22px; font-weight:normal; color:#eb2b36; line-height:17px; padding-bottom:16px;}
.content h6 { font-size:18px; font-weight:normal; color:#eb2b36; line-height:15px; padding-bottom:14px;}
.content p { font-size:16px; color:#f4f4f4; line-height:26px; padding-bottom:20px;}
.content ul,
.content ol { margin:0 0 20px 30px;}
.content ul li,
.content ol li { font-size:14px; color:#f4f4f4; line-height:22px; padding-bottom:10px;}
.content ul li { list-style:disc;}
.content ol li { list-style:decimal;}
.content a { color:#eb2b36;}

/* Sidebar */
.sidebar { width:300px; float:right;}
.sidebar .featured { margin-bottom:30px; padding-bottom:0;}
.sidebar .featured ul { margin:0;}
.sidebar .featured ul li { list-style:none !important; float:none; margin:0 0 20px 0; overflow:hidden;}

.widget { padding:0 0 10px 0; margin-bottom:30px;}
.widget h3 { font-size:22px; color:#eb2b36; padding-bottom:13px; font-weight:normal;}

.widget-free-text { padding:0 10px;}
.widget-free-text p { line-height:20px; font-size:13px;}

.widget ul { position:relative; width:100%; margin:0;}
.widget li { font-size:14px; border-bottom:#e1e4e6 1px solid; padding:12px 0 12px 10px; list-style:none !important;}
.widget li a { color:#f4f4f4; line-height:17px; display:block;}
.widget li a:hover { color:#eb2b36; text-decoration:none;}
.widget li.current-cat { background:#F1F5F8;}
.widget li.current-cat a { color:#eb2b36; font-weight:600; background:#F1F5F8;}

.tagcloud a { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; font-size:12px !important; background:#F5F5F8; color:#f4f4f4; display:inline-block; padding:7px 10px; margin:0 0 5px 0;}
.tagcloud a:hover { background:#eb2b36; color:#fff;}

/* Children */
.children ul { margin:0; padding:0;}
.children ul li { padding-bottom:0; list-style:none;}
.children ul li a { display:block; padding:10px; border-bottom:1px #f0f0f0 solid;}

/* Search */
ul.search-results { margin:0; padding:0; width:100%;}
ul.search-results li { list-style:none; padding-bottom:0;}
ul.search-results li a { padding:10px 0; border-bottom:1px solid #f0f0f0; display:block; text-transform:uppercase; font-size:16px;}
ul.search-results li a span { font-size:12px; display:block; clear:both; color:#777; text-transform:lowercase;}
ul.search-results li a:hover { color:#f4f4f4;}

/* Flexible content */
.flexible-content-wrap { clear:both; padding:20px 0 0;}
.flexible-content-wrap .flexible-content { clear:both; padding-bottom:40px;}

ul.tabs { margin:0; padding:0; clear:both; width:100%; border-bottom:1px #DAE0E6 solid; overflow:hidden; display:block}
ul.tabs li { float:left; padding-bottom:0; list-style:none}
ul.tabs li a { display:block; padding:10px 30px; margin-right:5px; text-align:center; border-left:1px #DAE0E6 solid; border-top:1px #DAE0E6 solid; border-right:1px #DAE0E6 solid; -webkit-border-top-left-radius:3px; -moz-border-top-left-radius:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-top-right-radius:3px; border-top-right-radius:3px; font-size:16px; color:#8296A7; background:#F1F5F8}
ul.tabs li.active a { background:#eb2b36; color:#fff; border-left:1px #eb2b36 solid; border-top:1px #eb2b36 solid; border-right:1px #eb2b36 solid; font-weight:600}

.tab-content { padding:20px; border-bottom:1px #DAE0E6 solid; border-left:1px #DAE0E6 solid; border-right:1px #DAE0E6 solid;}
.tab-content p { font-size:16px; color:#f4f4f4; line-height:26px;}

h3.toggle { font-size:20px; padding:20px 10px; border-bottom:1px #DAE0E6 solid; cursor:pointer;}
h3.toggle.active { background:#eb2b36; color:#fff;}
.accordion-content { padding:20px;}
.accordion-content p { font-size:16px; color:#f4f4f4; line-height:26px;}
.accordion-content ul li { font-size:16px; color:#f4f4f4; line-height:22px;}


/* Blog */
/* Blog */
/* 2.4.2 Article */
.article { padding-bottom:18px; margin-bottom:17px; border-bottom:1px solid #f0f0f0;}
.article.last { border-bottom:none;}
.article .imgb { width:94px; float:left; margin:0 13px 0 2px; overflow:hidden;}
.article .txtb { width:261px; float:left; padding:3px 0 0 0;}
.article .txtb h4 { font-size:20px; margin-bottom:10px; line-height:19px; font-weight:normal;}
.article .txtb h4 a { text-decoration:none; color:#222;}
.article .txtb h4 a:hover { color:#eb2b36;}
.article p { line-height:20px;}
.article .readmore { font-family:'SEGOEUIL'; font-size:11px; background:#eb2b36; color:#fff; float:right; display:inline-block; text-transform:uppercase; text-decoration:none; padding:5px 10px;}
.article .readmore:hover { background:#35475C; color:#fff;}

.article.blog-cat .imgb { width:200px; position:relative; background:#F2F5F8;}
.article.blog-cat .txtb { width:360px;}
.article.blog-cat .date.finding { margin-top:25px;}
.article.blog-cat .date.finding a { color:#eb2b36; font-size:12px;}
.blog-date { width:30px; background:#eb2b36; display:block; float:left; padding:5px; color:#FFF; text-align:center; position:absolute; top:0; left:10px;}
.blog-month { font-size:12px; text-transform:uppercase;}
.blog-day { font-size:24px;}

.single-img { margin-bottom:20px;}

/* Blog sidebar */
.sidebar-box.widget ul { margin:0; padding:0;}
.sidebar-box.widget ul li { list-style:none; border-bottom: 1px solid #f0f0f0;}
.sidebar-box.widget ul li a { display:block; padding:10px 5px; font-size:13px; color:#000; text-decoration:none;}
.sidebar-box.widget ul li a:hover { color:#333;}
.sidebar-box.widget ul li.current_page_item > a { color:#eb2b36; font-weight:bold;}
.sidebar-box.widget ul ul.children { padding-left:15px;}
.sidebar-box.widget ul ul.children li:last-child { border-bottom:none;}

.tagcloud a { color:#eb2b36; text-decoration:none;}
.tagcloud a:hover { text-decoration:underline;}

/* COMMENTS */
h2#comments { border-top:1px #e0e0e0 solid; margin-top:20px; padding-top:20px;}
#respond { padding:20px 0;}
#respond p { font-size:12px; color:#404040; padding-bottom:5px !important;}
#respond p a { color:#404040; text-decoration:none;}
#respond p a:hover { color:#62a809;}

#respond input[type="text"] { border:1px #e0e0e0 solid; color:#666; padding:10px; width:260px; font-size:12px; font-family:'SEGOEUIL';}
#respond textarea { border:1px #e0e0e0 solid; color:#666; font-size:12px; padding:5px; font-family:'SEGOEUIL';}
#respond .submit { background:#eb2b36; text-align:center; color:#fff; border:none; font-size:16px; cursor:pointer; display:block; padding:8px 20px; font-family:'SEGOEUIL'; text-transform:uppercase;}
#respond .submit:hover { background:#35475C;}

ol.commentlist { padding:0px 0px 20px 30px; font-size:12px; color:#444; margin:0 30px 20px 0; border-bottom:1px #e0e0e0 solid;}
.commentlist li { padding:1px 10px 25px 10px !important; background:#F5F5F8 url(img/commentlist-bk.jpg) bottom no-repeat; color:#555; width:450px;}
.commentlist li p { margin-top:0; color:#555; line-height:18px; padding-bottom:10px;}
.commentlist cite { display:block; font-size:11px; font-style:normal; margin-bottom:20px; padding-left:40px; color:#999;} 
.commentlist cite a { color:#666; text-decoration:none;}


/*================================================================================================================*/
/*                                                                                                                */
/*                                                   CONTACT                                                      */
/*                                                                                                                */             
/*================================================================================================================*/
.showcase.contact,
.showcase.contact .box { height:300px;}
#map { height:300px;}

/* ----------------- Forms ----------------- */
ul.enquiry-form { margin:0; padding:0;}
ul.enquiry-form li { background:none; list-style:none; clear:both; margin:5px 0; position:relative; overflow:hidden;}
ul.enquiry-form li h3 { color:#00b5dd; border-bottom:1px #ccc dashed; padding-bottom:5px; width:435px; font-size:25px;}
ul.enquiry-form li label { font-family:'SEGOEUIL'; display:block;}
ul.enquiry-form li label.lastname { display:block;}
ul.enquiry-form li span.input-half-wrapper { display:inline-block; width:47%; margin-right:10px; position:relative; float:left;}
ul.enquiry-form li small { font-size:11px; color:#888; display:block;}
ul.enquiry-form li .wpcf7-list-item { display:block; clear:both;}
ul.enquiry-form li.child { padding-left:30px;}
ul.enquiry-form li span.wpcf7-form-control-wrap { display:block !important;}

ul.enquiry-form li .input-half { width:95%; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:7px 5px;}
ul.enquiry-form li .input-half:focus { border:1px solid #999;}

ul.enquiry-form li .input-full { width:94%; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:7px 5px;}
ul.enquiry-form li .input-full:focus { border:1px solid #999;}

ul.enquiry-form li .input-number { width:47%; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:7px 5px;}
ul.enquiry-form li .input-number:focus { border:1px solid #999;}

ul.enquiry-form li.submit-wrapper { width:96%; border-top:1px solid #ebeaea; padding-top:10px;}
ul.enquiry-form li.submit-wrapper .button { float:right; background:#eb2b36; padding:8px 20px; color:#fff; font-family:'SEGOEUIL'; font-size:16px; border:none; cursor:pointer;}

/* Contact form 7 styles */
span.wpcf7-not-valid-tip { font-size:11px !important; left:6px !important; padding:2px !important; color:#ff7373 !important; border:none !important; background:#fff !important; width:184px !important;}

.wpcf7-validation-errors { border:1px solid #fbb5b5 !important; font-size:12px !important; color:#e24f4f !important; background-color:#fce2e2 !important; padding:10px !important; text-align:center; margin:10px 0 30px !important;}
.wpcf7-mail-sent-ok { border:1px solid #c3ed7b !important; font-size:12px !important; color:#629705 !important; background-color:#e7fdc1 !important; padding:10px !important; text-align:center; margin:10px 0 30px !important;}

ul.enquiry-form.landing-form li { margin-bottom:0;}
ul.enquiry-form.landing-form li.submit-wrapper { width:auto;}

/*================================================================================================================*/
/*                                                                                                                */
/*                                              SUPERFISH MENU                                                    */
/*                                                                                                                */             
/*================================================================================================================*/
.mobile_nav { display:none;}
.nav-icon { width:30px; float:left; margin:0; padding:33px 16px 33px 0px; text-indent:-9999px; display:none; position:relative;}
.nav-icon span { display:block; width:100%; height:2px; background:#eb2b36; margin-bottom:5px;}

#primary-nav { position:relative; z-index:999; }
#primary-nav div.box { display: table; }
#primary-nav ul { margin:0; padding:0; list-style:none; display: table-row;}
#primary-nav ul a { display: block; position: relative;}
#primary-nav ul li {  position: relative; display: table-cell;}
#primary-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
#primary-nav ul ul { position: absolute; top: -9999em; width: 250px; /* left offset of submenus need to match (see below) */ }

/* Make sub menus appear */
#primary-nav ul li:hover ul,
#primary-nav ul li.sfHover ul { left: 0; top:44px; /* match top ul list item height */ z-index: 99; }

/* Hide all subs subs (4 levels deep) */
#primary-nav ul li:hover li ul,
#primary-nav ul li.sfHover li ul,
#primary-nav ul li li:hover li ul,
#primary-nav ul li li.sfHover li ul,
#primary-nav ul li li li:hover li ul,
#primary-nav ul li li li.sfHover li ul { top: -9999em; }

/* Displays all subs subs (4 levels deep) */
#primary-nav ul li li:hover ul,
#primary-nav ul li li.sfHover ul,
#primary-nav ul li li li:hover ul,
#primary-nav ul li li li.sfHover ul,
#primary-nav ul li li li li:hover ul,
#primary-nav ul li li li li.sfHover ul { left: 250px; /* match .nav ul width */ top: 0;  }

/* Primary Navigation Skin  */
#primary-nav { background:#fff; min-height:12px;}
#primary-nav li { font-size:14px; text-transform:uppercase;}
#primary-nav li:first-child { padding-left:0;}

/* top level skin */
#primary-nav ul a { color:#000; padding:15px 45px; text-align:center;}
#primary-nav ul a:hover,
#primary-nav ul li.sfHover a,
#primary-nav ul li.current-cat a,
#primary-nav ul li.current-menu-item a,
#primary-nav ul li.current-menu-parent a
{ background:#eb2b36; color: #FFF; font-weight: bold;}

/* 2nd level skin */
#primary-nav ul ul { padding:0; background:#f4f4f4;}
#primary-nav ul ul li { border:none; float:none;}
#primary-nav ul ul li a { font-size:12px; padding:15px 10px; border:none; text-transform:none;}
#primary-nav ul ul li a:hover { border:none; border-left:4px #eb2b36 solid;}

#primary-nav ul li.sfHover ul a { border:none;}
#primary-nav ul li.sfHover ul a:hover { border:none; border-left:4px #eb2b36 solid;}

#primary-nav ul li ul li.sfHover a { border-left:4px #eb2b36 solid;}

/* 3rd level onwards */
#primary-nav ul ul ul { padding:0;}	
#primary-nav ul ul li.sfHover, #primary-nav ul ul li.sfHover, #primary-nav ul ul a:focus, #primary-nav ul ul a:hover, #primary-nav ul ul a:active { outline: 0;}

#primary-nav ul ul ul li a { border:none !important;}
#primary-nav ul ul ul li a:hover { border-left:4px #eb2b36 solid !important;}


/*================================================================================================================*/
/*                                                                                                                */
/*                                               4. RESPONSIVE                                                    */
/*                                                                                                                */             
/*================================================================================================================*/
/* For iPad Portrait Mode */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .box{ width:700px;}
    .nav-icon{ display:block;}
    /* Logo */
    .logo { width:183px; height:64px; padding:10px 0 0 0;}
    .header-right { width:444px;}
    .topbar .phone { font-size:17px;}
    .topbar ul{ display:none;}
    #primary-nav ul{ display:none;}
    #primary-nav ul{ background:#eb2b36; padding:20px; position:absolute; left:20px; top:108px; z-index:9999;}
    #primary-nav li { padding:0; float:none; line-height:35px;}
    #primary-nav li a { color:#fff;}
    #primary-nav li a:hover { color:#ededed;}
    .swiper-container, .swiper-wrapper, .showcase-slide { height:299px;}
    .showcase .box { left: 50%; margin-left: -350px; position: absolute; text-align: left; top: 0;}
    .showcase .caption { background:url(img/bg_caption.png) repeat; width:346px; padding:14px 23px 0 11px; margin:82px 0 0 11px;}
    .showcase .caption h3 { font-size:34px;}
    .showcase .caption p { font-size:16px;}
    .showcase .caption .more-button { margin:0 0 -45px -11px;}
    .showcase.inner,
    .showcase.inner .box { height:126px;}
    .twitter-feed { display:none !important;}
    .featured li { width:220px;}
    .featured li p { font-size:13px; line-height:19px;}
    .blue-box { background:#f2f5f8; text-align:center; padding:24px 0 30px 0;}
    .blue-box h3 { padding-bottom:15px;}
    .blue-box p { font-size:16px; line-height:19px; padding-bottom:23px;}
    .blue-box .start-button { font-size:22px; line-height:56px; padding:0 35px;}
    .footer { width:100%; margin:0;}
    .footer p{ text-align:center;}
    .footer .column1st { width:192px; float:left;}
    .footer .column2nd { width:507px; float:left; padding-bottom:72px;}
    .footer .column2nd .four,
    .footer .column2nd .five{ display:none;}

    /* Content */
    .content-left { width:auto; float:none;}
    .sidebar { float:none; clear:both; padding-top:30px; margin-top:50px; width:auto; border-top:1px solid #F5F5F8;}

    /* Contact */
    .container.contact .content-left { width:450px; float:left;}
    .container.contact .sidebar { width:200px; float:right; clear:none; padding-top:0; margin-top:0; border-top:none;}
    .showcase.contact,
    .showcase.contact .box { height:300px;}
    #map { height:300px;}
}

/* For iPhone Portrait Mode */
@media only screen and (max-width: 767px) { 
    .box { width:300px;}
    .header { padding:0 0 0 0;}
    .nav-icon{ display:block;}

    /* Logo */
    .logo { width:205px; padding:12px 0 12px 0;}
    .header-right { display:none;}
    .topbar { padding-bottom:6px; text-align: right;}
    .header-right .login-button { width:113px; font-size:10px; line-height:18px; padding:0; margin-bottom:5px; text-align:center;}
    .topbar .phone, .topbar ul, #primary-nav ul{ display:none;}
    
    #primary-nav ul{ background:#eb2b36; width:100%; padding:0 0 13px 0; text-align:center; position:absolute; left:0; top:78px; z-index:9999;}
    #primary-nav li { padding:0; float:none; line-height:35px;}
    #primary-nav li a { color:#fff;}
    #primary-nav li a:hover { color:#ededed;}
    
    .showcase { height:auto; padding-bottom:10px; border-bottom:1px solid #f0f0f0;}
    .showcase-slide { height:auto; background-position:center right;}
    .showcase-slide img { height:auto;}
    .showcase .owl-controls {bottom:0;}
    .showcase .box { position:static; top:auto; left:auto; margin:0 auto; width:300px;}
    .showcase-pager { display:none;}
    .showcase { margin-bottom:11px;}
    .showcase .caption { width:100%; padding:10px 0; margin:0; display:none;}
    .showcase .caption h3 { font-size:19px; font-weight:bold; padding-bottom:6px;}
    .showcase .caption p { font-size:16px; line-height:18px; padding-bottom:13px;}
    .showcase .caption .more-button { font-size:18px; line-height:28px; padding:6px 0; margin:10px 0 0; display:block; width:100%; text-align:center;}
    .showcase.inner,
    .showcase.inner .box { height:83px;}
    .showcase.inner h1 { font-size:18px; padding:10px 0; text-align:center; width:100%;}

    .twitter-feed { display:none !important;}

    .featured { padding:10px 0 0;}
    .featured li{ width:100%; margin:0 0 20px 0; position:relative;}
    .featured li h3 { background:rgba(50, 53, 53, 0.8); -webkit-background-size:4%; -o-background-size:4%; -moz-background-size:4%; background-size:4%; font-size:18px; padding:0; position:absolute; bottom:0; left:0; color:#fff; padding:10px; box-sizing:border-box; width:100%;}
    .featured li h3 a { display:block; color:#fff;}
    .featured li h3 a:hover { color:#fff;}
    .featured li p,
    .featured li .read-more{ display:none;}
    .blue-box { background:#f2f5f8; text-align:center; padding:18px 0 22px 0;}
    .blue-box h3 { font-size:18px; padding-bottom:12px;}
    .blue-box p { padding-bottom:19px;}
    .blue-box .start-button { font-size:17px; line-height:45px; padding:0 29px;}
    .footer { margin:0; padding:10px 0 28px 0; border-bottom:none;}
    .footer .column1st { width:100%; margin-bottom:20px; border-bottom:1px solid #f0f0f0; margin-bottom:0;}
    .footer .column1st h5 { padding:15px 0; cursor:pointer;}
    .footer .column1st ul { padding-bottom:10px;}
    .footer .column2nd { width:183px; padding-bottom:45px;}
    .footer .column2nd .first{ width:47%;}
    .footer .column2nd .second{ width:53%;}
    .footer .third, .footer .four, .five{ display:none;}
    .footer .column2nd ul{ width:159px;}
    .footer li { font-size:14px;}
    .footer p{ font-size:11px; line-height:16px;}

    .areas-we-cover { margin:0; padding:15px 0 0; border:none;}

    /* Content */
    .content-left { width:auto; float:none;}
    .sidebar { float:none; clear:both; padding-top:30px; margin-top:10px; width:auto; border-top:1px solid #F5F5F8;}

    ul.tabs li { width:100%; float:none;}

    /* Blog */
    .article.blog-cat .imgb { width:100%; margin-right:0; float:none;}
    .article.blog-cat .txtb { width:100%; float:none; padding:20px 0 0 0;}
    .article .readmore { width:100%; float:none; padding:10px 0; text-align:center; font-size:16px;}

    /* Contact */
    .showcase.contact,
    .showcase.contact .box { height:200px;}
    #map { height:200px;}

    ul.enquiry-form li label.lastname { display:none;}
    ul.enquiry-form li span.input-half-wrapper { width:100%;}
    ul.enquiry-form li .input-half,
    ul.enquiry-form li .input-full { width:95%;}
    ul.enquiry-form li.submit-wrapper { width:auto;}
    ul.enquiry-form li.submit-wrapper .button { float:none; width:100%;}
}

/* For iPhone Landscape Mode */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
    .box{ width:460px;}
    .nav-icon{ display:block; margin:0; padding:24px 20px 22px 0px;}
    /* Logo */
    .logo { width:155px; padding:10px 0;}
    .header-right { width:262px; padding-bottom:6px; padding:10px 0 16px 30px;}
    .header-right .login-button { width:auto; font-size:10px; line-height:24px; padding:0 16px; float:left; margin-left:5px;}
    #primary-nav ul{ top:76px;}
    .showcase.inner { height:150px;}
    .showcase.inner .box { height:162px;}
    .showcase .box { margin-left: -230px;}
    .showcase-pager { display:block; top:212px; right:11px;}
    .showcase { margin-bottom:22px;}
    .showcase .caption { width:300px; padding:11px 8px 0 11px; margin:16px 0 0;}
    .showcase .caption h3 { font-size:24px;}
    .showcase .caption p { font-size:12px;}

    .twitter-feed { display:none !important;}
    .featured{ padding-bottom:3px;}
    .featured li{ width:100%; margin:0 0 11px 0;}
    .featured li img{ width:220px; height:100px; float:left; margin-right:10px;}
    .featured li h3 { background:url(img/ico_arrow.png) no-repeat right 4px; font-size:18px; padding:0 0 8px 0; line-height:29px; -webkit-background-size:4%; -o-background-size:4%; -moz-background-size:4%; background-size:4%;}
    .featured li h3 a { display:block;}
    .featured li p{ font-size:13px; line-height:18px; display:block;}
    .blue-box { background:#f2f5f8; text-align:center; padding:22px 0 29px 0;}
    .blue-box h3 { font-size:26px; padding-bottom:14px;}
    .blue-box p { padding-bottom:34px;}
    .blue-box .start-button { font-size:22px; line-height:45px; padding:0 29px;}
    .footer { margin:0; padding:30px 0 28px 0;}
    .footer .column1st { width:133px;}
    .footer .column2nd { width:327px; padding-bottom:45px;}
    .footer .column2nd .first,
    .footer .column2nd .second,
    .footer .column2nd .third,
    .footer .column2nd .four,
    .footer .column2nd .five{ width:109px; display:block;}
    .footer .third, .footer .four, .five{ display:none;}
    .footer .column2nd ul{ width:159px;}
    .footer li { font-size:12px;}
    .footer p{ font-size:11px; line-height:16px; padding:0 10%;}

    /* Content */
    .content-left { width:auto; float:none;}
    .sidebar { float:none; clear:both; padding-top:30px; margin-top:10px; width:auto; border-top:1px solid #F5F5F8;}

    /* Contact */
    .showcase.contact,
    .showcase.contact .box { height:200px;}
    #map { height:200px;}
}