* { margin: 0 auto; padding: 0; outline: none; list-style: none; }
body { background: #FFF; font-size: 16px; font-family: 'Helvetica', sans-serif; font-weight: 400; }
p { font-size: 18px; font-family: 'Helvetica', sans-serif; font-weight: 300; line-height: 21px; color: #5e5e5e; margin-bottom: 18px }
p.lead { font-size: 18px; line-height: 22px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Helvetica', sans-serif; font-weight: 500; }
.none { display: none; }
.clear { clear: both }
.left { float: left }
.right { float: right }
.center { text-align: center; }
ul { margin: 0px; }
a { color: #00cef3; }
.row { width: 100%; max-width: 1170px; }
.row .row { width: auto; margin-top: 0; margin-bottom: 0; }
h1, h2, h3, h4, h5, h6, .system-message h1, .system-error-message h1, strong, b { font-weight: 600; color: #6e6460; margin-bottom: 1.25rem; }
span.error:empty, small.error:empty { display: none; }
.system-message, .system-error-message { background: none; border: none; color: #6e6460; margin: 0; padding: 0; }
p.lead { text-align: center; font-size: 18px; margin-bottom: 3rem; }
.system-message h1, .system-error-message h1 { font-size: 36px; }
h1 { font-size: 64px; }
h2 { font-size: 36px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 17px; }
a, a:visited, .breadcrumbs a { color: #0e5ba4; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; transition: all 300ms ease-out; outline: none; }
h1 a, h2 a, h3 a, h4 a, h5 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited { color: #6e6460; }
a:hover, a:focus, .breadcrumbs a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus { color: #080808; }
.inner-page a, .inner-page a:visited { font-weight: bold; }
.inner-page a:hover, .inner-page a:focus { color: #143264; font-weight: bold; text-decoration: underline }
a img { -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }
input[type="text"], input[type="email"], input[type="password"], input[type="submit"], texarea, select { height: auto; padding: 13px 13px; }
input[type="text"], input[type="email"], input[type="password"], textarea, select { background-color: #fff; }
input[type="submit"] { font-family: 'Helvetica', sans-serif; font-weight: 500; letter-spacing: 2px; background: #52CAB3; color: #fff; border-radius: 3px; text-transform: uppercase; -webkit-transition: background 300ms ease-out; -moz-transition: background 300ms ease-out; transition: background 300ms ease-out; }
a#catshopbuy { font-family: 'Helvetica', sans-serif; font-weight: 500; letter-spacing: 2px; background: #52CAB3; color: #fff; border-radius: 3px; text-transform: uppercase; margin-bottom: 20px; }
a#catshopbuy:hover { background: #276D5F; color: #fff; transition-duration: .5s; }
a#catshopclear { font-family: 'Helvetica', sans-serif; font-weight: 500; letter-spacing: 2px; background: #b5b5b5; color: #fff; border-radius: 3px; text-transform: uppercase; margin-bottom: 20px; font-size: 12px; text-align: center; text-shadow: none; padding: 1em; }
a#catshopclear:hover { background: #646464; color: #fff; transition-duration: .5s; }
.opt-discount input[type="submit"] { margin-top: 10px; }
.product-remove a:link, .product-remove a:visited { font-size: 20px; color: #606060; line-height: 20px; transition-duration: .5s; }
.product-remove a:hover { color: #900; }
.product-image img, .product-title { margin-bottom: 20px; }
textarea { border-radius: 3px; padding: 10px 13px; }
ul li { font-size: 14px; margin-bottom: 0; }
ul.list-style li { font-size: 18px; color: #5e5e5e; font-family: 'Helvetica', sans-serif; font-weight: 300; line-height: 25px; position: relative; padding-left: 18px; }
ul.list-style li:before { content: '*'; font-size: 22px; color: #5e5e5e; line-height: 26px; display: inline-block; position: absolute; left: 4px; top: 6px; }
.box_sidebar { width: 100%; float: left; margin-bottom: 30px; }
.box_title { width: 100%; float: left; text-align: center; background: #0e5ba4; padding: 12px 0; }
.box_title h5 { color: #fff; margin: 0px; }
.box_sidebar .is-drilldown { width: 100%; float: left; }
.box_sidebar ul.menu { width: 100%; float: left; padding: 7px 0; }
.box_sidebar ul.menu li { }
.box_sidebar ul.menu li a { font-size: 15px; line-height: 22px; padding: 7px 15px 7px 15px; color: #6e6460; font-weight: 600; }
.box_sidebar ul.menu.accord-nav li.selected ul li a { color: #6e6460; }
.box_sidebar ul.menu.accord-nav li.selected ul li.selected a { color: #0e5ba4; }

/*Two-Tone Buttons*/
.button { background-color: #e1b64f; color: #fff; overflow: hidden; border: none; font-size: 14px; text-transform: uppercase; padding: 13px 70px 10px 25px; line-height: 26px; margin: 0px; font-weight: bold; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.button,/*button*/, input[type="submit"], a#catshopbuy:link, a#catshopbuy:visited {
font-family: 'Source Sans Pro', sans-serif;
font-weight:600;
letter-spacing:2px;
background:#0e5ba4;
color:#fff;
border-radius:3px;
text-transform:uppercase;
}
.button.secondary, button.secondary { background: #6ce5b6; color: #fff; border: 2px solid #fff; line-height: 22px; }
.button.hollow { border: 1px solid #6bb6c2; color: #6bb6c2; }
.button:hover, .button.secondary:hover, button.secondary:hover, button:focus, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #e1b64f; color: #fff; }
.button:before { content: "\f105"; font-family: 'FontAwesome'; position: absolute; height: 48px; width: 38px; right: -1px; top: -1px; line-height: 48px; font-size: 22px; z-index: 2; }
.button:after { content: ''; width: 55px; height: 200%; background: #e1a20b; z-index: 1; position: absolute; right: -23px; top: -18px; -webkit-transform-origin: 0 0; -webkit-transform: rotate(20deg); -moz-transform-origin: 0 0; -moz-transform: rotate(20deg); -ms-transform-origin: 0 0; -ms-transform: rotate(20deg); transform-origin: 0 0; transform: rotate(20deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.button:hover:after { width: 70px; }
.button.secondary:after { background: #0f6d48; }
.button.secondary:hover { background: #6ce5b6; }
.button.large { font-size: 19px; padding: 19px 93px 19px 35px; }
.button.large:before { height: 64px; line-height: 64px; font-size: 30px; width: 44px }
.button.large:after { right: -25px; top: -20px; }
.success.button:after { background: #0ec352; }
.button.hollow:after { background: #6bb6c2; }
.button.hollow:before { color: #fff; }
.button.small { font-size: 12px; padding: 4px 47px 4px 19px; }
.button.small:before { height: 34px; line-height: 34px; font-size: 16px; width: 25px }
.button.small:after { right: -36px; top: -15px; }
.button:visited { color: #fff; }
input[type="submit"] { border: none; cursor: pointer; padding: 13px 20px; }
input[type="submit"] { height: 100%; color: #fff; text-transform: uppercase; text-align: center; background: #0e5ba4; border: none; border-radius: 0px; }
.progress { height: 26px; }

/*header*/
header { width: 100%; float: left; position: relative; z-index: 1000; width: 100%; background: #fff; padding: 17px 0px 14px 0px; }
.top-bar, .top-bar ul, .top-bar.expanded .title-area { background-color: #74D4C2; }
.utility-nav { background: url(../images/ultility-nav.png); margin: 0; padding: 5px 0 0; }
.utility-nav ul, .utility-nav ul li { list-style: none outside none; margin: 0; padding: 0; }
.utility-nav li { float: left; }
.utility-nav li span { margin-right: 5px; color: #0e5ba4; }
.utility-nav li a { font-size: 12px; font-weight: 400; color: #fff; position: relative; font-family: 'Source Sans Pro', sans-serif; top: -2px; padding: 5px; }
.utility-nav li:hover { background: #0e5ba4; }
.utility-nav li:hover > a, .utility-nav li:hover > a span { color: #fff; }
aside .is-drilldown li.selected { background: #ECECEC; }
aside li.selected > a.selected { color: #080808; }
aside li.is-selected > a { color: #080808; }
.top-bar .menu a { color: #fff; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; text-transform: uppercase; }
.top-bar .menu a:hover { color: #5A5A5A; }
.top-bar .menu .selected>a { background: #565656; }
.dropdown.menu>li.is-dropdown-submenu-parent>a:after { border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after { border-color: transparent #fff transparent transparent; }
.is-accordion-submenu-parent>a:after { border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.is-drilldown-submenu-parent>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #74D4C2; }
.js-drilldown-back>a:before { border-color: rgba(0, 0, 0, 0) #6e6460 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.show-for-small-only .is-accordion-submenu-parent>a:after { border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.show-for-small-only .is-drilldown-submenu-parent>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff; }
.show-for-small-only .js-drilldown-back>a:before { border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.top-bar-left .show-for-small-only a { color: #fff; }
/*This section prevents the mobile menu bar from flashing when the page loads*/
/*This is directly from the Foundation documentation*/
.no-js .top-bar { display: none; }
.box_sidebar .is-accordion-submenu-parent>a:after { border-color: #6e6460 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.box_sidebar .is-drilldown-submenu-parent>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #6e6460; }
.box_sidebar .is-drilldown li.selected { background: #ECECEC; }
.box_sidebar .is-drilldown li.selected a { color: #080808; }
.box_sidebar ul.menu.accord-nav li.selected a { color: #0e5ba4; }
 @media screen and (min-width: 40em) {
.no-js .top-bar { display: block; }
.no-js .title-bar { display: none; }
}
/* End of section to prevent mobile menu bar flashing*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; height: 100%; z-index: 9999; overflow: hidden; }
#status { width: 290px; height: 250px; position: absolute; left: 50%; top: 50%; background-image: url(../images/img/logo.png); background-repeat: no-repeat; background-position: center; margin: -115px 0 0 -140px; z-index: 9999; }
button.menu-icon { background: none; }
.shopping-cart { color: #FFFFFF; font-size: 13px; font-family: 'Helvetica', sans-serif; }
#catCartSummary table tbody, #catCartSummary table tfoot, #catCartSummary table thead { border: none; background: none; }
a.cartSummaryLink { color: #0e5ba4; }
.utility-nav .uty0, .utility-nav .uty1 { display: none; }
table.cartSummaryTable { background: none repeat scroll 0 0 rgba(0,0,0,0); border: medium none; margin: 0 0 0 20px; }
td.cartSummaryItem { color: #FFFFFF; font-size: 12px; padding: 0; }
/*alert boxes*/
.alert-box { display: block; font-weight: normal; margin-bottom: 1.25rem; position: relative; font-size:.8125rem;
transition: opacity 300ms ease-out; background-color: #008cba; color: #fff; border-color: #0078a0; border-style: solid; border-width: 1px; padding:.875rem 1.5rem .875rem .875rem;
}
.alert-box .close { font-size: 1.375rem; line-height: 0; position: absolute; top: 50%; margin-top:-.6875rem;
right:.25rem;
color: #333; opacity: 0.3; padding: 9px 6px 4px; }
.alert-box .close:hover, .alert-box .close:focus { opacity: 0.5; }
.alert-box.radius { border-radius: 3px; }
.alert-box.round { border-radius: 1000px; }
.alert-box.success { background-color: #43ac6a; color: #fff; border-color: #3a945b; }
.alert-box.alert { background-color: #f04124; color: #fff; border-color: #de2d0f; }
.alert-box.secondary { background-color: #e7e7e7; color: #4f4f4f; border-color: #c7c7c7; }
.alert-box.warning { background-color: #f08a24; color: #fff; border-color: #de770f; }
.alert-box.info { background-color: #a0d3e8; color: #4f4f4f; border-color: #74bfdd; }
.alert-box.alert-close { opacity: 0; }
/*search*/
.search-container { display: none; background: url(../images/ultility-nav.png) repeat scroll 0 0 rgba(0,0,0,0); padding: 30px 0 0; }
.search-icon span { color: #FFFFFF; margin-left: 10px; cursor: pointer; position: relative; top: -3px; padding: 5px; }
.search-container input[type="text"] { height: auto; padding: 14px 15px; }
.home-slider { position: relative; }
i.fa.prev-btn { color: #Fff; font-size: 50px; line-height: 50px; z-index: 50; position: absolute; top: 45%; left: 20px; cursor: pointer; opacity: .7; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }
i.fa.next-btn { color: #Fff; font-size: 50px; line-height: 50px; z-index: 50; position: absolute; top: 45%; right: 20px; cursor: pointer; opacity: .7; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }
i.fa.prev-btn:hover, i.fa.next-btn:hover { opacity: 1; }
/*section main*/
section.main { padding: 20px 0 50px; }
.feature-image { border-radius: 90em; overflow: hidden; width: 100%; height: 100%; max-width: 189px; margin-bottom: 30px; }
/*events section*/
section.events { background: url(../images/events-bg.jpg) repeat-x top; padding: 50px 0; }
.event-item { background: rgba(255,255,255,0.9); box-shadow: 0 1px 1px rgba(0,0,0,0.2); border-top: 5px solid #6bb6c2; margin-bottom: 30px; padding: 20px 30px; }
.event-date { background: #6bb6c2; width: 75px; height: 75px; border-radius: 90em; font-size: 24px; text-align: center; color: #fff; font-family: 'Helvetica', sans-serif; text-transform: uppercase; padding-top: 14px; margin: 0 auto 20px; }
.event-date span { display: block; line-height: 1.2; }
.event-date span.month { font-size: 16px; }
.event-item h3 { text-align: center; font-weight: 100; }
.event-item-detail { background: url(../images/img/dashed-bg.jpg) repeat-x bottom; margin-bottom: 30px; padding-bottom: 30px; }
.event-item-detail h3 { margin-bottom: 5px; }
.event-details { line-height: 18px; color: #99918e; font-size: 13px; font-family: 'Helvetica', sans-serif; margin-bottom: 10px; }
.dash { width: 30px; height: 1px; background: #6bb6c2; margin: 20px auto; }
.event-item p { font-size: 13px; }
.event-item-detail .button { float: right; }
/*announcements*/
.news-item { margin-bottom: 30px; }
.news-item h3 { margin-bottom: 5px; }
.news-details { line-height: 18px; color: #99918e; font-size: 13px; font-family: 'Helvetica', sans-serif; margin-bottom: 10px; }
/*faq*/
.faq-question a { color: #6e6460; font-family: 'Helvetica', sans-serif; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.faq-details { padding-top: 30px; background: url(../images/img/dashed-bg.jpg) repeat-x bottom; margin-bottom: 50px; padding-bottom: 20px; }
.faq-details a { font-family: Merriweather, serif; font-size: 14px; text-transform: none; font-weight: normal; color: #0e5ba4; }
.faq-icon { background: none repeat scroll 0 0 #0e5ba4; border-radius: 90em; color: #fff; display: block; float: left; font-family: 'Helvetica', sans-serif; font-size: 15px; font-weight: 600; height: 30px; width: 30px; padding-top: 3px; position: relative; text-align: center; text-transform: uppercase; margin: 0 15px 17px 0; }
.faq-icon.answer { background: #e1b64f; }
.accordion-title { padding: 24px 80px 24px 36px; line-height: 20px; font-size: 14px; color: #fff; background: #0e5ba4; text-transform: uppercase; overflow: hidden; }
a.accordion-title { padding: 24px 80px 24px 36px; line-height: 20px; font-size: 14px; color: #fff; background: #0e5ba4; text-transform: uppercase; overflow: hidden; }
.accordion-title:focus, .accordion-title:hover { background: #0e5ba4; color: #fff; }
.accordion-item > a:before { content: "\f105"; font-family: 'FontAwesome'; position: absolute; width: 18px; top: 62%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); right: 0%; font-size: 22px; z-index: 2; }
.accordion-item > a:after { content: ''; width: 65px; height: 200%; background: #e1a20b; z-index: 1; position: absolute; right: -28px; top: -18px; -webkit-transform-origin: 0 0; -webkit-transform: rotate(20deg); -moz-transform-origin: 0 0; -moz-transform: rotate(20deg); -ms-transform-origin: 0 0; -ms-transform: rotate(20deg); transform-origin: 0 0; transform: rotate(20deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.accordion-item > a:hover:after, .accordion-item.is-active > a:after { width: 80px; }
.accordion-item.is-active > a, .accordion-item > a:hover { background: #e1b64f; }
.is-active>.accordion-title:before { content: "\f105"; }
.faq-question { position: relative; width: 100%; float: left; }
/*page-title*/
section.page-title { overflow: hidden; position: relative; }
section.page-title img { width: 100%; }
.row.page-headline { position: absolute; z-index: 1; top: 0; left: 0; right: 0; }
.row.page-headline h1 { color: #fff; margin-top: 190px; }
/*breadcrumps-container*/
.breadcrumps-container { padding: 30px 0 20px; }
/*about*/
section.main span.fa-heart { display: block; color: #c87492; font-size: 46px; width: 46px; margin: 0 auto 30px; }
p.literature-container span.icon, p.literature-container span.name { font-family: 'Helvetica', sans-serif; margin: 0 3px 0 0; }
p.literature-container img { vertical-align: middle; }
.double-dash { height: 3px; background: url(../images/img/dashed-bg.jpg) repeat-x top; margin: 30px 0; }
/*section map*/
section.map, section.map .flex-video, section.map .flex-video iframe { height: 350px; overflow: hidden; }
/*store / products*/
.product-thumbs { padding: 10px; }
.product-thumb { margin-bottom: 20px; }
/*misc*/
img.post-image { width: 100%; margin-bottom: 20px; }
.blogpost-result-item.item.panel-body { padding-top: 30px; font-size: .8rem;
}
.cb-Tags { margin-bottom: 5px; }
.cb-Image img { width: 100%; }
.mb10 { margin-bottom: 10px; }
.select2-container .select2-search--inline { border-bottom: none; }
.page-nav span#pagination { display: inline-block; }
p.page-nav { text-align: center; }
.page-nav a { margin: 0 9px; display: inline-block; color: #0e5ba4; }
.pagination li a { color: #0e5ba4; }
.pagination-previous a::before, .pagination-previous.disabled::before { content: '\00ab'; display: inline-block; margin-right:.5rem;
}
.pagination-next a::after, .pagination-next.disabled::after { content: '\00bb'; display: inline-block; margin-left:.5rem;
}
.pagination .current { background: #e1b64f; color: #fff; }
#googleMap { height: 515px; width: 100%; border: 10px solid #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17); }
.photo-item { position: relative; }
p.photo-caption { position: absolute; bottom: 5px; left: 4px; background: rgba(0, 0, 0, 0.5); width: calc(100% - 8px); color: #fff; padding-left: 10px; padding-right: 10px; overflow: hidden; }

/*************media queries**************/
@media only screen and (min-width: 0) and (max-width: 640px) {
.top-bar-section ul { margin-top: 48px; }
.logo img { width: 35%; }
.slide-description { margin-top: 10px; }
.slide-description-contents { border-radius: 5px; padding: 5px; }
.slide-description h1 { font-size: 20px; line-height: 20px; margin-bottom: 0px; }
.slide-description h2 { display: none; }
.slide-description span { display: none; }
i.fa.prev-btn, i.fa.next-btn { opacity: 0; }
.hero-slider .slick-dots { bottom: 0; text-align: center; margin: 0; }
.community-search-wrap { background: none; padding: 20px 0 60px; }
.search-ellipse { border-radius: 0; display: block; float: none; width: 100%; background: none; box-shadow: none; height: auto; text-align: left; padding: 0; }
.search-ellipse h2 { text-align: left; }
.search-ellipse h2, .search-ellipse h6 { color: #6e6460; display: inline; margin: auto; }
section.main { padding: 20px 0; }
footer p, footer div.copy { margin-bottom: 15px; }
.social-icons { float: none; }
.row.page-headline h1 { font-size: 1.75rem; margin-top: 15px; }
}
 @media only screen and (min-width: 480px) and (max-width: 640px) {
.slide-description { margin-top: 10px; }
.slide-description h1 { font-size: 30px; line-height: 30px; margin-bottom: 15px; }
.slide-description h2 { font-size: 12px; margin-bottom: 0; }
.slide-description span { font-size: 26px; margin: 0 15px 10px 0; }
.row.page-headline h1 { margin-top: 20px; }
}
 @media only screen and (min-width: 641px) and (max-width: 1024px) {
.top-bar .name { margin-top: -5px; max-width: 126px; }
.top-bar-section ul li > a { font-size: 13px; }
.side-search h2 { font-size: 38px; }
.side-search h6 { font-size: 9px; }
.search-filters a { margin-left: 10px; }
.slide-description { margin-top: 10px; }
.slide-description-contents { border-radius: 10px; padding: 10px; }
.slide-description h1 { font-size: 30px; line-height: 30px; margin-bottom: 15px; }
.slide-description h2 { font-size: 12px; line-height: 13px; margin-bottom: 0; }
.slide-description span { font-size: 26px; margin: 0 15px 30px 0; }
.hero-slider .slick-dots { bottom: 0; text-align: center; margin: 0; }
.row.page-headline h1 { margin-top: 30px; font-size: 2rem; }
}
 @media only screen and (min-width: 1024px) and (max-width: 1399px) {
.top-bar .name { margin-top: -18px; max-width: 199px; }
.top-bar-section ul li > a { font-size: 14px; }
.slide-description { margin-top: 10px; }
.slide-description h1 { font-size: 70px; line-height: 70px; }
.hero-slider .slick-dots { bottom: 0; text-align: center; margin: 0; }
.row.page-headline h1 { margin-top: 70px; font-size: 2.5rem; }
}
 @media only screen and (min-width: 1400px) {
.slide-description { margin-top: 50px; }
.hero-slider .slick-dots { bottom: 0; text-align: center; margin: 0; }
.row.page-headline h1 { margin-top: 130px; }
}
/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none!important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; text-align: left; z-index: 1045; margin: 0 auto; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; }
.mfp-zoom { cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-hide { display: none!important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; padding: 0; }
button::-moz-focus-inner {
border:0;
padding:0;
}
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; padding: 0 0 18px 10px; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); top: 50%; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; margin: -55px 0 0; padding: 0; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #000; }
.mfp-align-top .mfp-container:before, .mfp-loading.mfp-figure, .mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content { display: none; }
.mfp-close:hover, .mfp-close:focus, .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 40px 0; }
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
 @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/* Remove all paddings around the image on small screen  */
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,0.6); bottom: 0; top: auto; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 3px 5px; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,0.6); position: fixed; text-align: center; padding: 0; }
.mfp-img-mobile img.mfp-img, .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
}
 @media all and (max-width: 900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }
.mfp-ie7 .mfp-img, .mfp-ie7 .mfp-container { padding: 0; }
/* Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('../images/ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Slick Slider  Icons */
@font-face { font-family: "slick"; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot?#iefix') format("embedded-opentype"), url('../fonts/slick.woff') format("woff"), url('../fonts/slick.ttf') format("truetype"), url('../fonts/slick.svg#slick') format("svg"); font-weight: normal; font-style: normal; }
/* Slick Slider  Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 34px; width: 34px; text-align: center; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; bottom: -95px; margin-top: -10px; padding: 0; border: 1px solid #d7d7d7; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: 'FontAwesome'; font-size: 20px; line-height: 1; color: #000; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 999; }
.slick-prev { left: 46%; }
.slick-prev:before { content: "\f104"; }
.slick-next { right: 46%; ; }
.slick-next:before { content: "\f105"; }
/* Slick Slider Dots */
.slick-slider { margin-bottom: 0px; }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }
/*THE FOLLOWING CSS IS USED FOR THE KITCHEN SINK PAGE AND CAN BE DELETED IF YOU ARE NOT USING THAT PAGE*/
.docs-code.kitchen-sink { border: 1px solid #cacaca; max-height: 300px; overflow-y: scroll; margin-bottom: 1rem; }
.docs-code-copy { position: absolute; top: 0; right: 0; background: #2199e8; color: #FFF; font-size:.8rem;
z-index: 1; padding:.75rem 1rem;
}
.docs-code, pre { position: relative; }
.docs-code.kitchen-sink code { border: 0; }
.docs-code code, pre code { display: block; overflow-x: auto; background: #f9f9f9; margin-bottom: 1.5rem; padding: 1rem; }
.row.display { background: #eee; font-size: 11px; margin-bottom: 10px; line-height: 2rem; border: solid 1px #c6c6c6; margin-left: 0!important; margin-right: 0!important; }
.row.display .columns:nth-child(2), .row.display .columns.small-centered, .row.display .columns.large-centered { background: #e1e1e1; }
.docs-component .thumbnail { margin-left: auto; margin-right: auto; display: block; }
.docs-toc .active { background: #0e5ba4; color: #FFF; }
/*END KITCHEN SINK DOCS*/
figure { margin: 0px; }
.row-margin-8 { margin-left: -8px; margin-right: -8px; }
.row-margin-8 .columns { padding: 0 8px; }
 [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week] {
 font-size:14px;
color:#a3a3a3;
line-height:23px;
background-color:#fff;
border:1px solid #e1e1e1;
box-shadow:none;
height:auto;
padding:13px 15px;
font-family: 'Helvetica', sans-serif;
font-weight: 400;
 border-radius:0px;
margin-bottom:20px;
}
textarea { resize: none; font-size: 15px; color: #444444; line-height: 23px; background-color: #fff; border: 1px solid #e1e1e1; box-shadow: none; height: 107px; padding: 13px 15px; font-family: 'Helvetica', sans-serif; font-weight: 400; border-radius: 0px; margin-bottom: 20px }
[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus { border: none; background-color: #f1f4f9; outline: none; box-shadow: none; }
[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus,  [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus { background-color: #fff; border: 1px solid #e1e1e1; }
/*----------------- Global ------------------*/
.off-canvas-content { background: #fff; }
.inner-banner { width: 100%; float: left; overflow: hidden; position: relative; max-height: 503px; z-index: 400 }
.inner-banner img { width: 100%; margin-top: -50px; }
.banner-caption { width: 100%; float: left; position: absolute; top: 225px; left: 0px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1000; }
.yellow:before { background: rgba(245,241,216,0.65); }
.white:before { background: rgba(255, 255, 255, 0.65); }
.banner-block { width: 100%; display: block; max-width: 770px; padding: 0 15px; margin: 0 auto; text-align: center; background: url(../images/img/slider-text-bg.png) no-repeat center; }
.banner-block h3 { font-weight: 300; color: #FFF; margin-bottom: 0; line-height: 28px; margin-bottom: 22px; text-transform: uppercase; text-shadow: 0 2px 4px #4A4A4A; }
.banner-block h1 { font-weight: 600; color: #FFF; font-size: 60px; margin-bottom: 0; line-height: 48px; font-weight: bolder; text-transform: uppercase; text-shadow: 0 2px 4px #4A4A4A; }
.inner-content { width: 100%; float: left; position: relative; padding: 0 140px; }
.inner-content:before, .inner-content:after { content: ''; width: 50px; height: 25px; border-bottom: 25px solid #fff; position: absolute; top: -24px; z-index: 2; }
.inner-content:before { border-right: 50px solid transparent; left: 0px; }
.inner-content:after { border-left: 50px solid transparent; right: 0px; }
.content-area { width: 100%; float: left; background: #fff; z-index: 2; position: relative; padding: 69px 0; margin-top: -61px; }
.content-area:before, .content-area:after { content: ''; width: 93px; height: 62px; border-bottom: 62px solid #fff; position: absolute; top: 0px; }
.content-area:before { border-left: 93px solid transparent; left: -92px; }
.content-area:after { border-right: 93px solid transparent; right: -92px; }
.content-area-wrap { width: 100%; float: left; padding: 69px 0 125px; }
.column, .columns { position: relative; }
.content-area-wrap .overly:before { background: rgba(70,70,70,0.85); }
p { display: inline-block; }
p.literature-container { display: block; }
.overly { position: relative; width: 100%; float: left; }
.overly:before { content: ' '; background: rgba(238, 238, 238, 0.92); position: absolute; top: 0; width: 100%; height: 100%; }
.img-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.title { width: 100%; float: left; }
.title h4, .title h3, .title h2 { color: #3d3d3d; font-weight: bold; text-transform: uppercase; margin: 0; }
.title h2 { font-size: 49px; line-height: 55px; margin: 0 0 25px; }
.title .blue { color: #0e5ba4; }
p.lead { font-size: 21px; color: #5e5e5e; text-align: left; margin-bottom: 35px; line-height: 26px; }
.style-box { position: relative; }
figure .fa-play-circle { font-size: 85px; color: #fff; }
.style-box img { width: 100%; }
.style-box:before { top: -8px; left: -45px; }
.style-box:after { bottom: -8px; right: -45px; }
.style-box:after, .style-box:before { content: ' '; width: 125px; height: 50px; display: inline-block; position: absolute; z-index: 1; background: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.inner-content figure { width: 100%; text-align: center; }
.flex { display: flex; }
.flex-bottom { display: flex; align-items: flex-end; }
.flex-center { display: flex; align-items: center; }
.list { margin-bottom: 30px; }
.list li { position: relative; padding-left: 28px; font-size: 18px; color: #5e5e5e; line-height: 30px; }
.list li:before { content: "\f058"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; color: #0e5ba4; font-size: 20px; }
.blue-bg, .blue-bg .content-area { background: #0e5ba4; }
.blue-bg:before, .blue-bg:after { border-bottom: 25px solid #0e5ba4; }
.blue-bg .content-area:before, .blue-bg .content-area:after { border-bottom: 62px solid #0e5ba4; }
.blue-bg h2, .blue-bg p, .blue-bg span, .blue-bg .title h2, .blue-bg .title h3 { color: #fff; }
.white-angle .content-area { margin-top: 0; background: transparent; }
.white-angle .content-area:before { border-right: 93px solid transparent; border-left: 0; }
.white-angle .content-area:after { border-left: 93px solid transparent; border-right: 0; }
.white-angle .content-area:before, .white-angle .content-area:after { border-top: 62px solid #fff; border-bottom: 0; }
.white-angle .inner-content:before { border-left: 125px solid transparent; left: -76px; border-right: 0; }
.white-angle .inner-content:before, .white-angle .inner-content:after { border-top: 65px solid #fff; top: -3px; border-bottom: 0; }
.white-angle .inner-content:after { border-right: 125px solid transparent; right: -76px; border-left: 0; }
.left-content { overflow: hidden; }
/*--------------------- Global ----------------*/
/* =================== Home =================== */
.utility_nav { width: 100%; float: left; padding: 0 18px; }
ul.utility_menu { width: auto; float: right; }
ul.utility_menu li { line-height: 18px; display: inline-block; padding: 0 16px; border-left: 1px solid #565454; }
ul.utility_menu li:first-child { border-left: none; }
ul.utility_menu li a { font-size: 18px; color: #565454; font-family: Helvetica, sans-serif; font-weight: 300; line-height: 18px; display: block; }
ul.utility_menu li a:hover, ul.utility_menu li a:focus { color: #e1b64f; }
ul.utility_menu li.search-icon, ul.utility_menu li.cart-icon { display: none; }
.primary_nav { width: 100%; float: left; padding: 0 34px; }
.logo { width: auto; float: left; margin-top: -40px; }
.nav-icon { width: 58px; height: 49px; float: right; border: 1px solid #a9a9a9; position: relative; padding: 15px; cursor: pointer; margin-top: 25px; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; z-index: 2100; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; }
.nav-icon span { width: 25px; height: 3px; display: block; position: absolute; background: #000; opacity: 1; left: 15px; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; }
.nav-icon span:nth-child(1) { top: 14px; }
.nav-icon span:nth-child(2) { top: 22px; }
.nav-icon span:nth-child(3) { top: 30px; }
.is-off-canvas-open .nav-icon span:nth-child(1) { transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.is-off-canvas-open .nav-icon span:nth-child(2) { top: 16px; width: 0; left: 50%; }
.is-off-canvas-open .nav-icon span:nth-child(3) { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.is-off-canvas-open .nav-icon span:nth-child(1), .is-off-canvas-open .nav-icon span:nth-child(3) { top: 22px }
header.home-header { background: none; padding: 27px 100px 24px 45px; z-index: 1000; position: relative; }
.home-header ul.utility_menu li { border-left-color: #e1b64f; }
.home-header ul.utility_menu li a { color: #fff; }
.home-header .nav-icon { border-color: #fff; }
.home-header .nav-icon span { background: #fff; }
.slid-section { width: 100%; float: left; margin-top: -187px; position: relative; overflow: hidden; z-index: 500; }
.slid-section:after { content: ''; width: 531px; height: 922px; float: right; background: url(../images/img/right-slide-raindrops.png) no-repeat bottom right; z-index: 1; position: absolute; bottom: -2px; right: 0px; pointer-events: none; }
.slid-section:before { content: ''; width: 764px; height: 785px; float: right; background: url(../images/img/left-slide-raindrops.png) no-repeat top left; z-index: 1; position: absolute; top: 0px; left: 0px; pointer-events: none; }
ul.home-slider { width: 100%; float: left; margin: 0px; padding: 0px; background: #0f0f0f; }
ul.home-slider li { width: 100%; float: left; padding: 0px; margin: 0px; }
ul.home-slider li img { width: 100%; opacity: 0.42; }
.slide_caption { width: 100%; float: left; position: absolute; top: 53%; left: 0px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.slide-block { width: 100%; display: block; max-width: 724px; margin: 0 auto; text-align: center; background: url(../images/img/slider-text-bg.png) no-repeat center top; padding: 10px 0; }
.slide_caption h1, .slide_caption h3 { color: #fff; text-transform: uppercase; }
.slide_caption h1 { font-size: 60px; font-weight: 600; max-width: 526px; margin: 0 auto; line-height: 60px; margin-bottom: 30px; }
.slide_caption h3 { font-size: 29px; font-weight: 400; margin-bottom: 10px; line-height: 30px; }
.slide-block .button { margin: 0 6px; font-size: 19px; padding: 18px 70px 18px 25px; }
.slide-block .button:before { font-size: 30px; line-height: 60px; }
.off-canvas { background: #2d2d2d; z-index: 9; }
.sidebar { width: 100%; float: left; }
.sidebar-logo { width: 100%; display: inline-block; padding: 25px 0 25px 20px; border-bottom: 1px solid #7e7673 }
.sidebar-logo img { width: 100%; max-width: 175px; display: inline-block; }
.sidebar ul.menu { }
.sidebar ul.menu li { border-bottom: 1px solid #7e7673; }
.sidebar ul.menu li a { font-size: 15px; color: #fff; line-height: 21px; display: block; text-transform: uppercase; padding: 13px 20px; }
.sidebar ul.menu li:hover > a, .sidebar ul.menu li.selected > a { color: #fff; background: #0f6d48; padding-left: 25px; padding-right: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.sidebar ul.menu li ul { background: #000; padding: 0px; margin: 0px; }
.sidebar ul.menu li ul li { border-top: 1px solid #7e7673; border-bottom: 0px; }
.sidebar ul.menu li ul li a { font-size: 14px; color: #fff; line-height: 21px; display: block; text-transform: uppercase; padding: 10px 10px 10px 30px; }
.sidebar-footer { width: 100%; float: left; padding: 50px 20px 24px 20px; }
ul.social { width: 100%; float: left; text-align: center; }
ul.social li { display: inline-block; padding: 0 6px; }
ul.social li a { font-size: 28px; color: #fff; -webkit-font-smoothing: antialiased; }
.utlity-bar { width: 48px; position: fixed; top: 335px; left: 25px; background: rgba(27, 27, 27, 0.61); border-radius: 5px; z-index: 99; padding: 5px 10px 15px 10px; }
.utlity-bar .search-icon, .utlity-bar .cart-icon { width: auto; margin: 12px 0; text-align: center; display: inline-block; }
.search-icon a, .cart-icon a { font-size: 28px; color: #fff; }
.search-box { width: 800px; top: 345px !important; padding: 50px 30px 50px; }
.reveal-overlay { background-color: rgba(0, 0, 0, 0.6); }
.search-box input[type="text"] { width: 80%; float: left; margin: 0; height: 48px; }
.search-box input[type="submit"] { width: 20%; float: left; }
ul.social-icon { width: 100%; float: left; text-align: center; }
ul.social-icon li { display: inline-block; padding: 12px 0; }
ul.social-icon li a { width: 28px; height: 28px; font-size: 14px; color: #282828; display: block; background: #fff; border-radius: 50px; line-height: 28px; text-align: center; -webkit-font-smoothing: antialiased; }
ul.social-icon li a em { line-height: inherit; }
ul.social-icon li a:hover, ul.social-icon li a:focus { background: #e1b64f; }
.search-icon a:hover, .cart-icon a:hover, .search-icon a:focus, .cart-icon a:focus { color: #e1b64f; }
.contact-section { width: 100%; float: left; position: relative; padding: 60px 140px 40px 140px; }
.contact-shape { width: 100%; float: left; background: #fff; z-index: 2; position: relative; padding: 69px 0; margin-top: -61px; }
.contact-shape:before, .contact-shape:after { content: ''; width: 93px; height: 62px; border-bottom: 62px solid #fff; position: absolute; top: 0px; }
.contact-shape:before { border-left: 93px solid transparent; left: -92px; }
.contact-shape:after { border-right: 93px solid transparent; right: -92px; }
.rectangle-left-shape, .rectangle-right-shape { background: url(../images/img/rectangle-shape.png) no-repeat top left; height: 104px; width: 136px; position: absolute; background-size: contain; z-index: 4; }
.rectangle-left-shape { top: -111px; left: 0px; }
.rectangle-right-shape { top: -111px; right: -0px; transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
.cont_info { width: 100%; float: left; }
.icon-flag { width: 66px; display: inline-block; position: relative; height: 44px; background: #5c8dc6; color: #fff; text-align: center; line-height: 44px; font-size: 20px; margin-right: 26px; }
.icon-flag:after { content: ''; width: 26px; height: 44px; position: absolute; top: 0px; right: -26px; border-top: 0px solid transparent; border-left: 26px solid #0e5ba4; border-bottom: 44px solid transparent; }
.cont_info h6 { font-weight: 300; color: #6b6b6b; display: inline-block; margin-bottom: 0px; }
.cont_info h4 { font-weight: 700; color: #6b6b6b; margin-bottom: 15px; display: inline-block; font-size: 20px; }
.cont_info h4 a { color: #6b6b6b; }
.about-content { width: 100%; float: left; background: url(../images/img/about-bg-5.jpg) no-repeat center bottom; position: relative; overflow: hidden; background-size: cover; padding-bottom: 100px }
.grey-overlay { width: 100%; float: left; height: 100%; background: rgba(123, 123, 123, 0.73); }
.about-box { width: 100%; float: left; background: rgba(255, 255, 255, 0.86); padding: 35px 15px 24px 15px; position: relative; }
.about-box:before { content: ''; width: 203px; height: 412px; position: absolute; top: -5px; right: -203px; background: url(../images/img/rect-shape.png) no-repeat top left; opacity: 0.86; }
.about-desc { width: 100%; float: right; max-width: 520px; }
.about-desc figure { margin-bottom: 39px; }
.about-desc h1 { font-size: 49px; color: #2ba576; font-weight: 300; line-height: 52px; margin-bottom: 22px; font-family: Helvetica; }
.about-desc p { font-size: 18px; }
.rect-box { width: 100%; height: 94px; float: left; background: rgba(255, 255, 255, 0.86); position: relative; max-width: 66%; margin-right: 54px; }
.rect-box:after { content: ''; width: 57px; height: 95px; position: absolute; top: 0px; right: -57px; background: url(../images/img/rect-shape1.png) no-repeat top left; opacity: 0.86; z-index: 1; }
.rect-box:before { content: ''; width: 31px; height: 64px; position: absolute; top: 0px; right: -54px; background: url(../images/img/button-shape.png) no-repeat top left; opacity: 1; }
.emp-layer { width: 100%; float: left; padding-top: 74px; }
.emp-layer img { z-index: 1; position: relative; }
.services-wrapper { width: 100%; float: left; background: #fff; padding: 110px 0; }
.services-wrapper p { color: #bababa; text-align: center; max-width: 850px; margin: 0 auto; }
.block-title { width: 100%; display: inline-block; text-align: center; }
.block-title span { display: block; margin-bottom: 20px; }
.block-title span em { font-size: 41px; color: #0e5ba4; }
.block-title h2 { font-size: 49px; color: #525050; font-weight: 700; text-transform: uppercase; line-height: 50px; margin-bottom: 16PX; }
.block-title h6 { font-size: 18px; color: #525050; text-transform: uppercase; margin-bottom: 11px; line-height: 28px; font-weight: 300; }
.services-content { width: 100%; float: left; padding: 61px 20px; }
.services-slide img { width: 100%; }
.service-list { width: 100%; float: left; padding: 2px 4px; position: relative; }
.service-list figure { width: 100%; float: left; overflow: hidden; }
.service-list figcaption { width: 100%; float: left; background: #171717; margin-top: -45px; z-index: 1; position: relative; }
.service-list figcaption:before { content: ''; width: 100%; height: 41px; border-bottom: 41px solid #171717; border-right: 545px solid transparent; position: absolute; left: 0px; top: -41px; }
.service-list figcaption:after { content: ''; width: 105%; height: 14px; background: #1176d6; position: absolute; left: -4px; top: -33px; transform: rotate(4deg); -moz-transform: rotate(4deg); -webkit-transform: rotate(4deg); -o-transform: rotate(4deg); -ms-transform: rotate(4deg); }
.service-desc { width: 100%; float: left; padding: 21px 31px 31px 31px; text-align: center; }
.service-desc h4 { text-transform: uppercase; font-weight: 700; color: #fff; margin-bottom: 15px; }
.service-desc h4 a { text-transform: uppercase; font-weight: 700; color: #fff; border-bottom: 2px solid #fff; line-height: 23px; display: inline-block; }
.service-desc p { font-size: 16px; color: #aeaeae; margin-bottom: 18px; }
.service-desc a.button { margin-top: 14px; }
.service-smalllist { width: 100%; float: left; padding: 2px 2px 2px 2px; }
.service-smalllist figure { width: 100%; float: left; overflow: hidden; position: relative; }
.service-smalllist figcaption { width: 100%; float: left; position: absolute; left: 0px; bottom: 0px; padding-right: 56px }
.service-smalllist figcaption h6 { margin-bottom: 0px; font-size: 16px; color: #fff; text-align: center; font-weight: bold; line-height: 54px; text-transform: uppercase; background: #1176d6; padding: 0 10px 0 20px; position: relative; }
.service-smalllist figcaption h6 a { color: #fff; }
.service-smalllist figcaption h6:after { content: ''; width: 56px; height: 54px; border-bottom: 54px solid #1176d6; border-right: 56px solid transparent; position: absolute; right: -56px; top: 0px; }
.why-choose { width: 100%; float: left; position: relative; }
/*.why-choose:after{content:url(../images/img/why-trap-shape.png); width:142px;height:60px;position:absolute;bottom:-60px;right:0px;z-index:1;} */
.why-choose .choose-image { width: 100%; min-height: 100px; float: left; background: url(../images/img/why-us-bg-3.jpg) no-repeat top left; background-size: cover; position: relative; }
.features-why { width: 100%; float: left; background: #293a74; padding: 51px 64px 39px 64px; position: relative; overflow: hidden; }
.choose-image:before { content: url(../images/img/why-shape-2.png); width: 161px; height: 515px; position: absolute; right: 0px; bottom: 0px; }
.features-why h2 { font-size: 49px; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 36px; margin-bottom: 16PX; }
.features-why h6 { font-size: 21px; color: #fff; text-transform: uppercase; margin-bottom: 10px; line-height: 28px; font-weight: 300; }
.why-overlay { width: 100%; position: absolute; height: 200%; max-width: 351px; background: rgba(255, 255, 255, 0.05); right: 0px; top: -30px; transform: rotate(10deg); -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); }
.why-block { width: 100%; float: left; max-width: 457px; }
ul.choose-view { width: 100%; float: left; margin: 0px; padding: 26px 0 0 0px; text-align: left; }
ul.choose-view li { width: 100%; float: left; margin-bottom: 19px; }
.choose_list { width: 100%; float: left; position: relative; padding-left: 80px; }
.choose-icon { width: 55px; height: 55px; border: 2px solid #fff; border-radius: 50%; float: left; padding: 5px; position: relative; margin-right: 15px; z-index: 1; position: absolute; top: 0px; left: 0px; background: #0e5ba4; }
.choose-icon .fa-wrench { color: transparent; font-size: 30px; }
.choose-icon .fa-wrench:before { content: "\f0ad"; background: url(../images/img/icons/car-wash.png) no-repeat center center; width: 30px; height: 29px; }
.choose-icon em { font-size: 24px; color: #e1b64f; line-height: 0px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }
ul.choose-view li h6 { color: #fff; font-weight: 400; margin-bottom: 10px; line-height: 20px; }
ul.choose-view li h6 a { color: #fff; }
ul.choose-view li h5 a:hover { color: #fff; }
ul.choose-view li p { font-size: 14px; line-height: 1.2em; font-weight: normal; color: #fff; }
.stats-content { width: 100%; float: left; background: url(../images/img/droplets-bg.jpg) no-repeat top center; position: relative; }
.stats-overlay { width: 100%; float: left; height: 100%; padding: 61px 0; }
.stats-milestone { width: 100%; float: left; height: auto; }
.stats-milestone figure { width: 100%; float: left; text-align: center; }
.stats-milestone figure img { width: auto; display: block; }
.milestone-info { width: 100%; float: left; height: auto; text-align: center; padding: 16px 0 22px 0; }
.milestone-info h2 { font-size: 46px; font-weight: 700; color: #fff; margin-bottom: 13px; }
.milestone-info p { font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 300; }
.newsletter { width: 100%; float: left; background: #fff url(../images/img/car-wash-systems-background.jpg) no-repeat top right; padding: 30px 0 35px 0; position: relative; overflow: hidden; }
.news-subscribe { width: 100%; display: block; margin: 0 auto; text-align: center; max-width: 550px; }
.news-subscribe h4 { font-size: 25px; color: #525050; font-weight: 700; text-transform: uppercase; margin-bottom: 18px; }
.news-subscribe p { font-size: 13px; color: #bababa; font-weight: 300; }
.news-subscribe form { width: 100%; display: inline-block; max-width: 531px; margin: 0 auto; position: relative; margin-top: 10px; }
.news-subscribe input[type="submit"] { width: 96px; height: 100%; font-size: 18px; color: #fff; text-transform: uppercase; text-align: center; background: #fdb813; position: absolute; top: 0px; right: 0px; border: none; border-radius: 0px; }
.news-subscribe input[type="text"], .news-subscribe input[type="email"] { padding: 13px 15px 13px 15px; margin-bottom: 10px; 
  height: 44px;}
.newsletter figure { position: absolute; bottom: 0px; left: 0px; }
form .email-icon { background-image: url(../images/img/email-icon.png); background-repeat: no-repeat; background-position: 23px 16px; }
footer { width: 100%; float: left; background: #293a74; }
.footer-top { width: 100%; float: left; padding: 48px 0 44px 0; }
.footer-bottom { width: 100%; float: left; background: #1f2c56; padding: 15px 0; }
footer h6 { font-size: 18px; color: #fff; font-weight: 600; margin-bottom: 22px; text-transform: uppercase; }
.footer-logo { width: 100%; float: left; margin: 5px 0 23px 0; }
.about_info { width: 100%; float: left; max-width: 265px; }
.about_info p { color: #bababa; font-weight: 300; margin-bottom: 19px; }
.footer-menu { width: 100%; float: left; }
.footer-menu ul { width: 100%; float: left; margin: 0px; }
.footer-menu ul li { display: block; }
.footer-menu ul li a { font-size: 18px; color: #bababa; display: block; text-align: left; font-family: 'Helvetica', sans-serif; font-weight: 300; line-height: 27px; display: block; }
.footer-menu ul li a:hover { color: #e1b64f; }
.footer-menu ul li a:before { font-family: 'FontAwesome'; content: "\f058"; color: #e1b64f; margin-right: 9px; }
.our_info { width: 100%; float: left; max-width: 270px; }
.our_info p { color: #bababa; font-weight: 300; margin-bottom: 19px; }
.address-info { width: 100%; float: left; max-width: 260px; }
.address-info p { position: relative; padding-left: 24px }
.address-info a { color: #bababa; }
.address-info a:hover { color: #e1b64f; }
.address-info p em { position: absolute; top: 4px; left: 0px; font-size: 19px; color: #e1b64f; }
ul.footer-social { width: auto; float: right; }
ul.footer-social li { display: inline-block }
ul.footer-social li a { width: 32px; height: 32px; display: block; background: #254c78; border-radius: 50%; padding: 5px; font-size: 14px; color: #fff; text-align: center; margin: 0 2px; }
ul.footer-social li a em { line-height: 22px; }
ul.footer-social li a:hover, ul.footer-social li a:focus { background: #e1b64f; }
.footer-bottom p { font-size: 13px; color: #bababa; margin-bottom: 0px; line-height: 32px; }
/* =================== How Fixing A Chip =================== */
.fixing_wrap { width: 100%; float: left; }
.fixing_sidebar { width: 100%; float: left; margin-bottom: 30px }
.fixing_title { width: 100%; float: left; text-align: center; background: #0e5ba4; padding: 12px 0; margin-bottom: 20px }
.fixing_title h5 { color: #fff; margin-bottom: 0; }
.fixing_sidebar ul { width: 100%; float: left; }
.fixing_sidebar ul li { padding: 10px 0px 10px 15px; width: 100%; float: left; border-bottom: 1px solid #e5e5e5; position: relative }
.fixing_sidebar ul li a { color: #626263; font-size: 17.43px; line-height: 19px; font-weight: 300; }
.fixing_sidebar ul li a:hover { color: #ff9c00 }
/*.fixing_sidebar ul li:before {font-family: 'FontAwesome';content: "\f105";color: #a8a8a8;position: absolute;left: 2px;top: 7px;}*/
.fixing_sidebar ul.select2-selection__rendered li { width: auto; padding-top: 4px; }
ul.faq-support { border-bottom: 1px solid #e5e5e5; padding: 5px 0 30px 0 }
ul.faq-support li { width: 100%; border-bottom: 0; padding: 9px 20px; }
ul.faq-support li:before { content: ''; }
ul.faq-support li a { color: #ff9c00; }
.newsletter-box { width: 100%; float: left; border: 1px solid #ebebeb; padding: 22px 14px }
.newsletter-box p { font-size: 12px; color: #363636; line-height: 17px; margin-bottom: 35px }
.newsletter-box form { text-align: center }
.newsletter-box form input[type="text"], .newsletter-box form input[type="email"] { height: 41px; border-radius: 3px; }
.newsletter-box button { font-size: 16px; }
.accordion { width: 100%; float: left; }
.accordion-item { width: 100%; float: left; margin-bottom: 8px; }
.accordion { border: none; }
.accordion-content { padding: 35px 16px 20px; border: none; float: left; }
.reason-content { width: 100%; float: left }
.reason-content h4 { color: #3d3d3d; text-transform: uppercase; line-height: 20px; margin: 15px 0 30px; }
/* =================== Insurance Claims =================== */
.claim-faqs { background: #ececeb; }
.claim-faqs .accordion { background: none; }
.claim-faqs .accordion-item a:before { top: 62%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); right: 1%; }
.claim-faqs .accordion-item a:after { right: -35px; }
.stats-insurance h2 { color: #1e1e1e; }
.stats-insurance p { color: #1e1e1e; }
/* =================== Mobile Service =================== */
.quote-btn .button { padding: 30px 100px 30px 35px; }
.quote-btn .button:after { width: 75px; right: -35px; }
.quote-btn .button:hover:after { width: 90px; }
.quote-btn .button.large:before { height: inherit; line-height: 85px; }
.glass-service { background: url(../images/img/glass-service-bg.jpg) no-repeat; background-size: cover; }
.discount h2 { text-transform: uppercase; margin: 0; }
.discount { text-align: center; }
.discount span { font-weight: bold; }
.discount p, .discount span { font-size: 16px; }
.discount input[type="text"] { font-size: 17px; max-width: 375px; display: inline-block; }
.discount input[type="submit"] { font-family: 'Helvetica', sans-serif; font-size: 17px; font-weight: bold; border-radius: 0; padding: 12px 20px 12px; margin: 0 0 15px; background: #2d2d2d; }
.discount input[type="submit"]:hover { background: #e1b64f; }
.discount .button { font-size: 17px; padding: 10px; text-transform: inherit; margin-top: 30px; }
.discount .button span { padding: 13px 45px; display: inline-block; border: 2px Dashed #fff; }
.discount .button:after { display: none; }
.discount .button:before { content: ' '; background: url(../images/img/sizzer.png) no-repeat; left: 22px; height: 25px; width: 40px; }
/* =================== Pick Up Service =================== */
.return-vehicle { width: 100%; float: left; padding: 90px 0 0; background: url(../images/img/return-vehicle-bg.jpg) no-repeat; background-size: cover; }
/* =================== Windshields =================== */
.windshields-slider { width: 100%; float: left; padding: 90px 0 190px; }
.windshields-slider ul { padding: 0 10px; }
.windshields-slider ul li { padding: 0 5px; }
.windshields-slider ul li img { width: 100%; }
.windshields-slider figure { position: relative; }
.windshields-slider figure:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(32,32,32,0.70); z-index: 1; }
.windshields-slider .slick-current figure:before { z-index: 0; }
.windshields-slider .button { width: 100%; font-size: 15px; }
.windshields-slider .slick-dots { bottom: -100px; }
.windshields-slider .slick-dots li { margin: 0px 12px; }
.windshields-slider .slick-dots li, .slick-dots li button, .slick-dots li button:before { width: 26px; height: 26px; }
.windshields-slider .slick-dots li button:before { font-size: 26px; line-height: 30px; color: #464646; opacity: 1; }
.windshields-slider .slick-dots li.slick-active button:before { opacity: 1; color: #0e5ba4; }
.chip-repair { width: 100%; float: left; padding: 90px 0; background: url(../images/img/chip-repair-bg.jpg) no-repeat; background-size: cover; }
.chip-repair .rectangle-left-shape { background: url(../images/img/blue-rectangle-shape.png) no-repeat top left; }
.chip-repair .rectangle-right-shape { background: url(../images/img/blue-rectangle-shape.png) no-repeat top right; }
.chip-repair .rectangle-left-shape, .chip-repair .rectangle-right-shape { height: 118px; width: 148px; top: -54px; }
/* =================== DRIVE THRU SERVICES =================== */
.outstanding-employees { background: url(../images/img/about-bg.jpg) no-repeat; padding: 90px 0; }
.overly.blue:before { background: rgba(14,91,164,0.85); }
.outstanding-employees .outstanding-img { position: absolute; left: 0; bottom: 0; }
.outstanding-img img { width: 100%; max-width: 80%; }
.outstanding-text { padding: 50px 15px 80px; }
.outstanding-text h3, .outstanding-text h2, .outstanding-text p { color: #fff }
.auto-services { width: 100%; float: left; text-align: center; position: relative; }
.service-text h5 { margin: 35px 0 15px; display: inline-block; }
.service-text h5 a { color: #0e5ba4; font-weight: bold; text-transform: uppercase; }
.hex img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.hex { width: 130px; height: 70px; background: #0e5ba4; position: relative; margin: 35px auto; }
.hex:before, .hex:after { content: ""; border-left: 65px solid transparent; border-right: 65px solid transparent; position: absolute; left: 0 }
.hex:before { top: -34px; border-bottom: 35px solid #0e5ba4; }
.hex:after { bottom: -34px; border-top: 35px solid #0e5ba4; }
.hex.inner-wrap { background-color: #fff; -webkit-transform: scale(.95, .95); -moz-transform: scale(.95, .95); transform: scale(.95, .95); z-index: 1; }
.hex.inner-wrap:before { border-bottom: 35px solid #fff; }
.hex.inner-wrap:after { border-top: 35px solid #fff; }
.auto-services .button { margin-top: 50px; }
/* =================== Contact Us =================== */
.contact-us.loaction p { font-size: 25px; display: inline-block; width: initial; margin-right: 25px; }
.contact-us .fa-envelope:before { font-size: 25px; }
.address { padding-left: 40px; }
.addres-box .address-title { padding: 12px 40px; margin: 0 0 2px; }
.addres-box { width: 100%; float: left; margin: 12px 0 0; }
.addres-box h3 { font-size: 22px; color: #fff; margin: 0 0 10px; padding: 0; }
.addres-box ul { width: 100%; float: left; }
.addres-box ul li { width: 100%; float: left; position: relative; padding: 30px 0px 30px 90px; }
.addres-box ul li:before { font-size: 32px; color: #fff; position: absolute; left: 50px; }
.addres-box p { color: #fff; font-size: 16px; margin: 0; width: 100%; }
.addres-box p span { width: 60%; float: right; }
.blue-box ul li { background: #0e5ba4; }
.blue-box ul li:first-child { background: #0d4b86; }
.blue-box .address-title { background: #0d4b86; }
.yellow-box ul li { background: #e1b64f; }
.yellow-box ul li:first-child { background: #e1a20b; }
.yellow-box .address-title { background: #e1a20b; }
.recaptcha { margin-bottom: 16px; }
/* =================== Blog =================== */
.blog .left-content, .features-page .left-content { float: right; }
.blog-item { width: 100%; float: left; padding-bottom: 35px; margin-bottom: 30px; border-bottom: 1px solid #ccc; }
.blog-item h3 a { color: #0e5ba4; }
.bolg-list { padding: 20px 0 20px; }
.bolg-list li { display: inline-block; width: auto; margin: 0 12px; }
.bolg-list li, .bolg-list li a { font-size: 18px; color: #ff9c00; }
.pagination { width: 100%; float: left; text-align: center; }
.pagination li { margin: 0 3px; width: 30px; height: 30px; color: #3f3f3f; font-size: 14px; display: inline-block; line-height: 25px; padding: 0; }
.pagination li a { color: #3f3f3f; background: #e5e5e5; font-size: 14px; width: 100%; height: auto; display: inline-block; line-height: 30px; padding: 0; }
.pagination li a:hover, .pagination li.active a { background: #0e5ba4; color: #fff; }
.social-large { width: 100%; float: left; padding: 55px 0; border-top: 1px solid #ccc; text-align: center; }
.social-large ul { float: left }
.social-large ul li { display: inline-block; padding: 0 35px; }
.social-large ul li a { color: #c2c2c2; font-size: 45px; line-height: 45px; }
.blog-detail figure { margin: 0 0 20px; max-height: 300px; overflow: hidden; display: block; }
.blog-item figure { max-height: 300px; overflow: hidden; display: block; }
.blog-detail h3 { margin: 0; }
.select2-container--default .select2-selection--multiple { width: 100%; float: left }
.select2-container--default .select2-search--inline .select2-search__field { max-width: 100%; }
.comment-list { width: 100%; float: left; }
.comment-list .item { width: 100%; float: left; padding: 0px !important; margin-bottom: 18px; }
.comment-list .item textarea { margin-bottom: 0px !important; }
.comment-list .item input[type="text"] { padding: 8px 13px; margin-bottom: 0px !important; max-width: 375px; }
.comment_listview { width: 100%; float: left; padding-top: 20px; }
.comment_listview h3 { margin-bottom: 24px; }
.comment_listview ul { width: 100%; height: auto; float: left; padding-bottom: 25px; }
.comment_listview ul li { width: 100%; height: auto; float: left; margin-bottom: 25px; }
.comment-item { width: 100%; height: auto; float: left; }
.comment-image { width: 75px; height: 75px; float: left; }
.comment-image figure { padding: 0px; width: auto; display: inline-block; }
.comment-image figure img { width: 100%; display: inline-block; }
.comment_listview .comment-list { width: auto; height: auto; padding: 0 0 0 90px; border: none; background: none; margin: 0px; float: none; }
.comment-content { width: 100%; float: left; border-left: 2px solid #2e3234; padding-left: 15px; }
.comment_listview .comment-title { width: 100%; float: left; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 6px 0 4px 0; margin: 0 0 12px 0; }
.comment_listview .comment-title li { width: auto; float: left; padding: 0px; margin: 0px; margin-right: 15px; font-size: 14px; line-height: 22px; color: #505558; }
.comment-title li em { margin-right: 8px; color: #2e3234; vertical-align: 0px; }
.comment-content p { font-size: 12px; margin-top: 8px; margin-bottom: 10px; line-height: 18px; }
/* =================== Career =================== */
.career-content { width: 100%; float: left; padding: 0 0 100px; }
.career-content .accordion-item { margin-bottom: 25px; }
.career-content .accordion-title h3 { font-size: 24px; color: #fff; margin: 0; }
.career-content .accordion-title span { display: block; font-size: 13px; text-transform: initial; }
.career-content .accordion-item a:after { width: 85px; right: -45px; }
.career-content .accordion-item a:hover:after, .accordion-item.is-active a:after { width: 105px; top: -28px; }
.career-content .accordion-item a:before { font-size: 48px; right: 1%; }
.career-content .date, .career-content p { font-size: 16px; color: #3d3d3d; }
.career-content .date em { font-size: 22px; color: #e1b64f; vertical-align: middle; }
.career-content .accordion-content { background: #f6f6f6; }
.arrow .slick-prev { left: 42%; }
.arrow .slick-next { right: 42%; }
.arrow .slick-prev, .arrow .slick-next { bottom: -50px; background: #e1a20b; border: 1px solid #e1a20b; }
.arrow .slick-prev:before, .arrow .slick-next:before { color: #fff; opacity: 1; }
.arrow .slick-prev:after { content: ' '; border-top: 35px solid #e1a20b; border-right: 8px solid transparent; position: absolute; top: -1px; right: -9px; }
.arrow .slick-next:after { content: ' '; border-bottom: 35px solid #e1a20b; border-left: 8px solid transparent; position: absolute; bottom: -1px; left: -9px; }
.arrow .slick-prev:hover, .arrow .slick-next:hover, .arrow .slick-prev:focus, .arrow .slick-next:focus { background-color: #2d2d2d; border-color: #2d2d2d; }
.arrow .slick-prev:hover:after, .arrow .slick-prev:focus:after { border-top: 35px solid #2d2d2d; }
.arrow .slick-next:hover:after, .arrow .slick-next:focus:after { border-bottom: 35px solid #2d2d2d; }
.career-form { width: 100%; float: left; }
.career-form h3 { margin: 0 0 20px; }
.custom-file-upload { position: relative; }
.file-upload-button { position: absolute; right: 0; top: 0; text-transform: capitalize; font-size: 20px; font-weight: bold; background: #e1b64f; color: #fff; line-height: 33px; height: 50px; padding: 8px 85px 8px 60px; }
.file-upload-button:before { content: "\f093"; font-size: 18px; right: 2px; top: 0; }
.blue .file-upload-button { background: #0e5ba4; }
.blue .file-upload-button:after { background: #0d4f8d; }
.career-form input, .career-form select { font-size: 16px; color: #a3a3a3; }
.career-form span { position: absolute; right: 15px; top: 0; font-size: 25px; color: #fff; background: #0e5ba4; }
.career-form .req { background: url(../images/img/req.png) no-repeat right top; }
/* =================== Store Locator =================== */
#gmap_canvas1, #gmap_canvas2 { width: 100%; height: 400px; }
.loaction { }
.loaction p { position: relative; font-size: 19px; padding-left: 35px; width: 100%; margin-bottom: 28px; line-height: 30px; font-family: 'Helvetica', sans-serif; }
.loaction p a { color: #0e5ba4; }
.loaction p:before { position: absolute; left: 0; font-size: 28px; color: #0e5ba4; font-family: 'FontAwesome'; }
.store-locator { width: 100%; float: left; background: url(../images/img/map-bg.jpg) no-repeat center; background-size: cover; padding: 90px 0; }
.store-locator .title h3, .store-locator .title h2, .store-locator .loaction p, .store-locator .loaction a, .store-locator .loaction p:before { color: #fff; }
.locator { padding: 90px 0; }
/* =================== Get A Quote =================== */
.get-quote .content-area:after { content: ' '; width: 800px; height: 100%; background: #0e5ba4; position: absolute; top: 0; left: inherit; right: -400px; border-radius: 100%; z-index: 1; }
.get-quote .content-area { padding-right: 60px; }
.get-quote .inner-content { padding-right: 0; }
.get-quote .inner-content:after, .van .inner-content:before, .van .content-area:before { display: none; }
.get-quote form, .get-quote p, .get-quote .title { position: relative; z-index: 2; }
.get-quote input { background: transparent; font-style: italic; }
.van .inner-content { padding-left: 0; }
.van .content-area { z-index: inherit; }
.van figure { position: relative; z-index: 2; padding-top: 100px; }
/* ===================== Modal ========================== */
.model-box, .makes-models form, .makes-models { width: 100%; float: left; }
.model-box { padding: 0px; }
.models { width: 25% !important; margin-bottom: 40px; }
.makes-models { padding: 35px 0; }
.makes-models p.lead { text-align: center; }
.logos ul li { width: 12%; display: inline-block; text-align: center; }
.form-wrap { display: inline-block; }
.form-wrap input[type="submit"] { font-size: 18px; background: #e1b64f; padding: 5px 20px; font-weight: 600; font-family: 'Helvetica', sans-serif; }
.form-wrap input[type="submit"]:hover { background: #0e5ba4; }
.form-wrap select { padding: 5px 13px; margin-bottom: 15px; background: url(../images/img/logo/dropdown-arrow.png) no-repeat; background-position: right; }
.title-wrap { padding: 13px 15px; margin: 0 0 -58px; position: relative; opacity: 0.7; z-index: 2; background: #a2a2a2; /* Old browsers */ background: -moz-linear-gradient(left, #a2a2a2 0%, #cacaca 50%, #f2f2f2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #a2a2a2 0%, #cacaca 50%, #f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #a2a2a2 0%, #cacaca 50%, #f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#f2f2f2', GradientType=1 ); /* IE6-9 */
}
.title-wrap span { font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 500; font-family: 'Helvetica', sans-serif; display: block; line-height: 18px; }
.title-wrap p, .button p, .box-left p { display: block; margin-bottom: 0; font-size: 12px; line-height: 14px; text-transform: capitalize; color: #fff; }
.models .box-left { display: inline-block; background: #0e5ba4; padding: 10px 17px; float: left; }
.box-left span, .button span { font-family: 'Helvetica', sans-serif; display: block; color: #FFF; text-transform: uppercase; font-weight: 600; line-height: 14px; }
.models .button { text-align: left; display: inline-block; padding: 10px 75px 10px 17px; }
.models img { border-left: 1px solid #f9f9f9; }
/*------------------  Features  --------------------*/
.features-page { width: 100%; float: left; }
.features-page h2 { color: #1e1e1e; font-size: 34px; text-transform: uppercase; margin: 0 0 30px; display: inline-block; width: 100%; }
.features-page h3 { color: #3f3f3f; font-size: 18px; display: inline-block; margin: 0 0 12px; width: 100%; }
.features-page p, .features-page span, .news span, .main-faq .accordion-title, .reserve { font-size: 14px; color: #2c2c2c; font-weight: 300; line-height: 23px; }
.main-event, .main-news, .main-faq, .main-forum, .main-media, .main-blog { width: 100%; float: left; padding: 0 0 50px; margin-bottom: 50px; border-bottom: 1px solid #eaead8; }
/*=====================***Event***==============================*/
.events { width: 100%; float: left; padding: 50px 0 0; }
.main-event .sub-title { display: inline-block; font-size: 17px; color: #0e5ba4; line-height: 30px; margin: 0; font-weight: 400; }
.events ul { margin: 0 0 20px; }
.events ul li { display: inline-block; font-size: 14px; color: #2c2c2c; line-height: 15px; }
.events ul li a { color: #2c2c2c; }
.events ul li:after { content: "|"; margin: 0 8px; color: #000; }
.events ul li:last-child:after { content: ""; }
.event-cntnt { background: #f3f3f3; padding: 24px 24px 28px 24px; }
.event-cntnt p { margin-bottom: 22px; }
.main-event .button { width: 250px; }
/*=====================***News***==============================*/
.main-news { padding: 0 0 10px; }
.news span { font-size: 15px; color: #b1b1a7; }
.news p { margin: 10px 0 40px; }
/*=====================***FAQ***==============================*/
.main-faq .accordion { background: #fff; border: none; }
.main-faq .accordion li a { background: #464646; color: #fff; padding: 1rem; display: block; font-size: 15px; border-bottom: 1px solid #fff; font-family: 'Source Sans Pro', sans-serif; }
.main-faq .accordion li a:after, .main-faq .accordion li a:before { display: none; }
.main-faq .accordion li a:hover, .main-faq .accordion li.is-active a { background: #0e5ba4 !important; color: #fff; }
.main-faq .accordion .accordion-navigation>.content.active, .main-faq .accordion dd>.content.active { background: #f6f6f0; }
.main-faq .accordion-content p { margin: 0; }
.main-faq .content { padding: 20px; }
/*=====================***Forum***==============================*/
.logout { width: 100%; float: left; margin: 0 0 25px; }
.logout span, .logout a { color: #2c2c2c; font-size: 13px; }
.right-forum { float: right; margin: 0 0 20px; font-weight: 300; }
.right-forum .new-topic, .right-forum .subscribe { width: 190px; height: 40px; padding: 10px 15px; text-align: center; display: inline-block; font-size: 13px; line-height: 20px; color: #fff; text-transform: uppercase; margin-right: 16px; }
.right-forum .new-topic { background: #0e5ba4; border: 2px solid #0e5ba4 }
.right-forum .new-topic:hover, .right-forum .new-topic:focus { background: transparent; color: #0e5ba4; }
.right-forum .subscribe { background: #464646; border: 2px solid #464646 }
.right-forum .subscribe:hover, .right-forum .subscribe:focus { color: #464646; background: transparent; }
.forum-title { width: 100%; float: left; }
.forum-title table { border-collapse: collapse; border: none; margin: 0; }
.forum-title table tr.title-row { background: #f6f6f0; }
.forum-title table tr.title-row th { font-size: 14px; color: #303d4d; font-weight: 300; }
.forum-title table tr td span { font-weight: 100; color: #303d4d; }
.forum-title table tr.title-row th.forum-name, .forum-title table tr td.forum-name { text-align: left; }
.forum-title table tr td.test { color: #0e5ba4; text-align: left; font-size: 14px; font-weight: 400; }
.forum-title table tr th, .forum-title table tr td { text-align: center; color: #5f5f5f; font-size: 13px; font-weight: 300; }
.forum-title table tr:nth-of-type(even) { background: #fcfcfc; }
/*=====================***Download Media***==============================*/
.main-media a { font-size: 14px; color: #3f3f3f; text-decoration: underline; margin: 0 8px 0 15px; }
/*=====================***Blog***==============================*/
.blog-wrap { border-bottom: 1px solid #eaead8; padding: 0 0px 40px 0px; margin-bottom: 40px; }
.blog-wrap h3 { margin: 0; display: block; }
.blog-wrap span { margin: 15px 0 22px; display: inline-block; }
.blog-wrap p { margin-bottom: 10px; }
.blog-wrap ul li { display: inline-block; }
.blog-wrap ul li:after { content: '|'; margin: 0 2px; }
.blog-wrap ul li:last-child:after { content: ' '; display: none; }
.blog-wrap ul li a { font-size: 13px; color: #0e5ba4; line-height: 12px; display: inline-block; }
.blog-wrap ul li a:hover, .blog-wrap ul li a:focus { color: #FFCB08; }
.blog-wrap:last-child { border-bottom: none; }
/*=====================***Store***==============================*/
.store { width: 100%; float: left; padding: 0; border: none; }
.ftr-store { width: 100%; float: left; }
.store span { font-size: 13px; color: #2c2c2c; text-transform: uppercase; font-weight: 400; }
.ftr-view-cart { float: right; margin: 20px 0 30px; }
.store a { color: #4f0101; }
.product { width: 100%; float: left; }
.product ul li { width: 47%; float: left; border: 2px solid #444444; text-align: center; padding: 15px 15px 0px 15px; margin: 0px 32px 32px 0px; }
.product ul li:nth-child(2n) { margin-right: 0px; }
.product ul li h3 a { font-size: 16px; color: #0e5ba4; text-transform: uppercase; margin: 30px 0px; display: inline-block; }
/*=====================***Right Menu***==============================*/
.feature-menu { width: 100%; float: left; }
.feature-menu h4 { font-size: 13px; color: #ffffff; text-align: left; background: #0e5ba4; padding: 18px 25px; font-weight: 600; margin: 0; }
.feature-menu ul { border-bottom: 1px solid #cecece; }
.feature-menu ul li { text-align: left; padding: 15px 22px; border-bottom: 1px solid #cecece; }
.feature-menu ul li:hover a, .feature-menu ul li.selected a, .feature-menu ul li a:focus { color: #000; font-weight: 700; }
.feature-menu ul li a { font-size: 13px; color: #2c2c2c; text-transform: capitalize; }
/*=====================***paginations***==============================*/
.paginations { width: 100%; float: left; }
.paginations ul li { display: inline-block; text-align: center; margin-right: 5px; }
.paginations ul li a { font-size: 15px; color: #0e5ba4; font-weight: 300; border: 2px solid #0e5ba4; width: 28px; height: 28px; display: inline-block; line-height: 25px; }
.paginations ul li a:hover, .paginations ul li a:focus, .paginations ul li a.active { color: #fff; background: #0e5ba4; }
/* ::::::::::::::::::::::::::::::::::::::::::::::::::  Media Qurey  :::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media (max-width:1699px) {
.about-content .button.large { font-size: 16px; padding: 19px 68px 19px 0; }
}
 @media (max-width:1365px) {
.title h4 { font-size: 20px; }
.title h3 { font-size: 25px; }
.title h2 { font-size: 40px; line-height: 40px; }
/* ===================== Home ========================== */
.slid-section:before { left: -50%; }
.slid-section:after { right: -25%; }
.slide_caption h1 { font-size: 45px; line-height: 50px; }
.slide-block .button { font-size: 15px; padding: 12px 70px 12px 25px; }
.slide-block .button:before { font-size: 25px; line-height: 52px; }
.icon-flag { width: 50px; font-size: 18px; }
.cont_info h4 { font-size: 19px; }
.rect-box { display: none; }
.about-content .button.large { padding: 19px 68px 19px 30px; }
.service-smalllist figcaption h6 { line-height: 26px; min-height: 52px; }
.newsletter figure { left: -145px; }
/* ===================== Inner ========================== */
.claim-faqs .accordion-item a:after { right: -42px; }
.quote-btn .button.large:before { line-height: 113px; }
.outstanding-img img { max-width: 100%; }
.windshields-slider { padding: 0 0 140px; }
.windshields-slider .slick-dots { bottom: -80px; }
.bolg-list li { width: 48%; }
.arrow .slick-prev { left: 38%; }
.arrow .slick-next { right: 38%; }
.contact-us.loaction p { margin-bottom: 20px; }
.address { padding-left: 15px; }
.addres-box ul li { padding: 20px 20px 20px 50px; }
.addres-box ul li:before { left: 15px; }
.addres-box p { margin: 0 0 15px; }
.addres-box p span { width: 100%; }
.van figure { padding-top: 200px; padding-left: 50px; }
.get-quote .content-area { padding-right: 0; }
.box-left, .models .button { width: 100%; }
.product ul li { width: 45%; }
}
 @media (max-width:1050px) {
.windshields-slider .button:before { line-height: 75px; }
.windshields-slider .button:after { right: -30px; }
}
 @media (max-width:1023px) {
.inner-content { padding: 0 65px; }
.content-area, .locator, .store-locator { padding: 65px 0 45px; }
.style-box:after, .style-box:before { width: 75px; height: 25px; }
.style-box:before { top: 0px; left: -35px; }
.style-box:after { bottom: 0px; right: -35px; }
p.lead { font-size: 17px; margin-bottom: 20px; }
.button.large { font-size: 16px; padding: 15px 93px 15px 25px; }
.button.large:before { line-height: 60px; }
/* ===================== Home ========================== */
.search-box { width: 400px; margin: 0 auto; height: initial; min-height: initial; }
.search-box input[type="text"] { width: 65%; }
.search-box input[type="submit"] { width: 35%; }
header.home-header { padding: 25px 0; }
.slid-section:before { left: -75%; }
.slid-section:after { right: -45%; }
.primary_nav, .utility_navs, .utility_nav { padding: 0; }
.logo { max-width: 230px; }
.logo img { width: 100%; }
ul.utility_menu { margin-right: -15px; }
.slide_caption h1 { font-size: 35px; line-height: 45px; margin-bottom: 10px; }
.slide-block .button { font-size: 13px; padding: 9px 70px 9px 25px; }
.slide-block .button:before { line-height: 46px; }
.cont_info .medium-4 { width: 100%; padding-bottom: 30px; }
.services-content .slick-next { right: 43%; }
.services-content .slick-prev { left: 43%; }
.features-why h2 { font-size: 40px; }
.contact-shape { padding-bottom: 30px; }
.services-wrapper { padding: 50px 0 80px; }
.about-box { padding: 50px 15px 40px 15px; }
.news-subscribe p { color: #525050; }
.newsletter figure { display: none; }
/* ===================== Inner ========================== */
.claim-faqs .accordion-item a:after { right: -50px; }
.quote-btn .button { font-size: 16px; padding: 20px 100px 20px 35px; }
.quote-btn .button.large:before { line-height: 90px; }
.white-angle .inner-content:before, .white-angle .inner-content:after { display: none; }
.outstanding-employees { padding: 0 0 30px; }
.bolg-list li { width: 100%; }
.social-large ul li { padding: 0 30px; }
.career-content .accordion-item a:after { right: -60px; }
.file-upload-button { padding: 8px 75px 8px 30px; }
.career-form .medium-6 { width: 100%; }
.get-quote .content-area:after { width: 700px; right: -340px; }
.models { width: 33% !important; }
.logos ul li { width: 24%; }
.right-forum .new-topic, .right-forum .subscribe { width: 170px; }
}
 @media (max-width:767px) {
.banner-caption { top: 50%; }
.banner-block h3 { font-size: 22px; margin-bottom: 8px; }
.banner-block h1 { font-size: 45px; }
.left-content, .right-content, .inner-content .medium-6, .content-area-wrap .medium-6, .return-vehicle .medium-6, .outstanding-employees .medium-6, .auto-services .medium-4, .social-large ul,  .get-quote, .van, .store-locator .medium-6 { width: 100%; }
.left-content, .claim-faqs .accordion { padding-bottom: 35px; }
.flex { display: inline-block; }
/* ===================== Home ========================== */
ul.utility_menu li.search-icon, ul.utility_menu li.cart-icon { display: inline-block; }
.utlity-bar { display: none; }
.search-box { top: 160px !important; }
.slid-section:before, .slid-section:after { display: none; }
ul.home-slider li img { width: auto; opacity: 1; max-width: inherit; height: 435px; }
.services-slide, .why-choose .medium-6, .footer-top .tow_column { width: 100%; }
.footer-top .tow_column .small-6 { width: 50%; padding: 0 15px 30px; }
.footer-top { padding: 48px 0 0 0; }
.services-content { padding: 60px 0; }
.features-why { padding: 60px 15px; }
.choose-image:before { display: none; }
/* ===================== Inner ========================== */
.quote-btn .button.large:before { line-height: 70px; }
.auto-services .button { margin: 0; }
.windshields-slider .slick-dots li, .slick-dots li button, .slick-dots li button:before { width: 15px; height: 15px; }
.windshields-slider .slick-dots li button:before { font-size: 20px; line-height: 18px; }
.windshields-slider .button:before { line-height: 55px; }

.social-large ul li { padding: 0 15px; }
.social-large ul li a { font-size: 35px; line-height: 35px; }
.get-quote .content-area:after { display: inline-block; border-right: 93px solid transparent; right: -92px; width: 93px; height: 62px; position: absolute; top: 0px; border-radius: 0; background: transparent; }
.get-quote .inner-content:after { display: inline-block; border-left: 50px solid transparent; right: 0px; width: 50px; height: 25px; position: absolute; top: -24px; z-index: 2; }
.van .content-area:after, .van .inner-content:after { display: none; }
.van .inner-content, .get-quote .inner-content { padding: 0 65px; }
.van figure { padding: 40px 0 0; }
.models { width: 50% !important; }
.main-event, .main-news, .main-faq, .main-forum, .main-media, .main-blog { padding: 0 0 35px; margin-bottom: 35px; }
}
 @media (max-width:639px) {
.title h4 { font-size: 18px; line-height: 26px; }
.title h2 { font-size: 35px; line-height: 40px; }
.inner-banner img { margin-top: 0; }
/* ===================== Home ========================== */
.logo { max-width: 185px; display: block; margin: 18px auto; float: none; }
.contact-section { padding: 40px 60px 0 60px; }
.rectangle-right-shape, .rectangle-left-shape { top: -75px; width: 50px; }
.contact-section:before, .contact-section:after { top: -38px; }
.contact-shape { padding: 55px 0; margin-top: -56px; }
.services-wrap .inner-service { width: 100%; }
.services-slide .medium-6 { width: 50%; }
.services-content .slick-prev, .arrow .slick-prev { left: 0; }
.services-content .slick-next, .arrow .slick-next { right: 0; }
.about-content { background-size: contain }
.about-content .flex { display: block; }
.footer-bottom { text-align: center; }
.footer-bottom p { line-height: 20px; margin-top: 15px; }
ul.footer-social { width: 100%; }
.stats-insurance h2 { font-size: 40px; }
.stats-content { background: url(../images/img/droplets-bg.jpg) repeat top center; }
.why-choose .choose-image { background-size: contain; max-height: 305px !important; }
/* ===================== Inner ========================== */
.inner-page { padding: 0 10px; }
.accordion-item a:after { right: -38px; }
.chip-repair .rectangle-left-shape, .chip-repair .rectangle-right-shape { height: 80px; width: 80px; top: -28px; background-size: contain; }
.pagination li { display: inline-block; }
.makes-models .form-wrap { text-align: center; }
.makes-models .slick-prev { left: 20px; }
.makes-models .slick-next { right: 20px; }
.features-page h2 { margin: 0 0 15px; }
.right-forum .new-topic, .right-forum .subscribe { width: 148px; padding: 10px 5px; margin-right: 5px; }
.paginations { padding-top: 22px; text-align: center; }
.product ul li { margin: 10px; }
.inner-banner:before { width: 163px; height: 185px; background: url(../images/img/left-slide-raindrops.png) no-repeat top right; }
.inner-banner:after { background: url(../images/img/right-slide-raindrops.png) no-repeat bottom left; width: 131px; height: 192px; }
.vendor-item { text-align: center; }
}
 @media (max-width:479px) {
.block-title h2, .about-desc h1 { font-size: 35px; }
.title h2 { font-size: 30px; line-height: 30px; }
.footer-top .tow_column .small-6 { width: 100%; }
.inner-banner img { width: auto; max-width: inherit; height: 320px; }
.banner-caption { top: 40%; }
.banner-block h1 { font-size: 35px; line-height: 40px; }
.banner-block h3 { font-size: 18px; }
.inner-content { padding: 0 15px; }
.inner-banner:before { background: rgba(0, 0, 0, 0.65); }
/* ===================== Home ========================== */
ul.utility_menu li { padding: 0 13px; }
ul.utility_menu li a { font-size: 15px; }
.search-box { width: 300px; text-align: center; }
.search-box input[type="text"] { width: 100%; display: inline-block; float: none; margin-bottom: 15px; }
.search-box input[type="submit"] { width: auto; display: inline-block; float: none; }
.slide_caption h3 { font-size: 20px; margin-bottom: 0; }
.slide_caption h1 { font-size: 28px; line-height: 35px; }
.slide-block .button { margin-bottom: 8px; }
.slide-block, .banner-block { background: none; }
.slide_caption { top: 58%; }
.cont_info { width: auto; margin: 0 -45px; }
ul.utility_menu { margin-right: 0; width: 100%; text-align: center; }
/* ===================== Inner ========================== */
.claim-faqs .accordion-item a:after { right: -56px; }
.claim-faqs .accordion-item a:before { right: 0; }
.quote-btn .button { max-width: 300px; font-size: 13px; padding: 11px 85px 8px 35px; }
.social-large ul li { padding: 0 10px; }
.social-large ul li a { font-size: 22px; }
.blog-item h3 { font-size: 25px; line-height: 30px; }
.career-content .accordion-title h3, .contact-us.loaction p { font-size: 20px; }
.file-upload-button { font-size: 15px; padding: 8px 60px 8px 15px; }
.van .inner-content, .get-quote .inner-content { padding: 0 15px; }
#gmap_canvas1, #gmap_canvas2 { height: 275px; }
.models { width: 100% !important; }
.main-event .button { width: 208px; padding: 13px 50px 10px 15px; }
.product ul li { width: 100%; margin: 0 0 20px; }
.right-forum .new-topic, .right-forum .subscribe { width: 100%; margin: 0 0 10px; }
}
/* ===================== Main Menu ========================== */
.main-menu { background: #143264; position: relative; z-index: 300; text-align: center; clear: left; z-index: 500; }
.main-menu ul ul li a { text-align: left; }
.main-menu ul, .main-menu ul li { display: inline-block; }
.main-menu ul { padding: 15px 0; }
.main-menu ul li a { font-size: 24px; font-family: Helvetica; padding: 20px 10px; text-align: center; color: #fff; }
.main-menu ul li a:hover { color: #e1b64f; }
.main-menu ul li ul { position: absolute; padding: 0 10px; background: #143264; display: none; margin: 0; }
.main-menu ul li:hover ul { display: block; -webkit-box-shadow: 0 2px 10px 2px rgba(0,0,0,0.2); box-shadow: 0 2px 10px 2px rgba(0,0,0,0.2); bottom: 100%; }
.main-menu ul li:hover ul li { display: block; }
.main-menu ul li:hover ul li a { display: block; white-space: nowrap; font-size: 16px; line-height: 2px; }
.center-title, h3.center-title a { color: #ffda44; text-align: center; font-family: Helvetica; font-weight: normal; font-size: 40px; margin-bottom: 5px; }
.center-title a:hover { color: #fff; }
h5.center-title, h5.center-title a { color: #fff; font-size: 20px; }
h5.center-title { margin-bottom: 50px; }
h5.center-title a:hover { color: #ffda44; }
 @media (max-width:479px) {
.main-menu ul, .main-menu ul li { display: block; }
}
/* ===================== Partners Slider ========================== */
.three-col-slider { margin-bottom: 60px; }
.three-col-slider .slick-next { left: 100%; }
.three-col-slider .slick-prev { left: -40px; }
.three-col-slider .slick-prev, .three-col-slider .slick-next { height: 70px; width: 40px; border: none; bottom: -25px; }
.three-col-slider .slick-prev:before, .three-col-slider .slick-next:before { font-size: 140px; color: #fff; line-height: 40px; }
.three-col-slider button.slick-prev:hover, .three-col-slider button.slick-next:hover { background: none; border: none; }
/* ===================== Services ========================== */
.services { width: 100%; float: left; padding: 100px 0 0; }
.services .block-title { margin-bottom: 40px; }
.services .block-title h6 { font-size: 36px; font-style: italic; }
.services .block-title h2 { font-size: 48px; color: #143264; font-weight: bold }
.services-wrap { background: url(../images/img/services-bg.jpg) repeat; position: relative; }
.services-wrap img { width: 100%; float: left; position: relative; z-index: 9; background: #A86920; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; }
.services-wrap .medium-3:hover img, .services-wrap .medium-3:focus img { -webkit-transform: translateY(-130px); -moz-transform: translateY(-130px); -o-transform: translateY(-130px); -ms-transform: translateY(-130px); transform: translateY(-130px); }
.services-wrap .inner-service { background: #fff; float: left; }
.hover-cap { bottom: 20px; position: absolute; z-index: 1; width: 90%; }
.hover-cap p { text-align: center; font-size: 14px; padding: 0 5px; margin-bottom: 0; }
.hover-cap a { color: #fdb813; text-align: center; font-size: 17px; text-transform: uppercase; }
/* ===================== Inner Header ========================== */
.inner-banner:before { content: ''; width: 764px; height: 785px; float: right; background: url(../images/img/left-slide-raindrops.png) no-repeat top left; z-index: 1; position: absolute; top: 0px; left: 0px; }
.inner-banner:after { content: ''; width: 531px; height: 922px; float: right; background: url(../images/img/right-slide-raindrops.png) no-repeat bottom right; z-index: 1; position: absolute; bottom: -2px; right: 0px; }
.inner-header .logo { margin-top: 0; }
.inner-header .utility_nav { margin-top: 40px; text-align: left; }
.inner-header ul.utility_menu { float: none; }
.inner-header ul.utility_menu li a { font-size: 24px; color: #293a74; }
.inner-page>.row { background: url(../images/img/car-wash-systems-background.jpg) no-repeat top right; padding-top: 30px; padding-bottom: 30px }
.inner-page h3 { font-size: 25px; text-transform: uppercase; margin-bottom: 0 }
.inner-page h2 { font-size: 45px; color: #0e5ba4; margin-bottom: 20px; }
.inner-page .lead { font-size: 24px; text-align: center; margin: 20px 0; }
blockquote { font-style: italic; font-size: 20px; border: none; text-align: center; display: inline; color: #fff; }
blockquote:before { content: "\201C"; }
blockquote:after { content: "\201D"; }
.inner-page blockquote { color: #5e5e5e; }
span.author { display: inline; font-style: normal; font-size: 20px; }
.inner-page hr { border-bottom: 5px solid #ccc; }
.icon-box { margin-bottom: 40px; }
.icon-box, .icon-box figure { text-align: center; float: none !important; display: inline-block; vertical-align: top; }
.icon-box figure img { display: inline-block; margin-bottom: 10px; }
.icon-box p { padding: 0 100px; }
.icon-box h5 { font-size: 24px; color: #23538a; margin-bottom: 10px; }
.vendor-item { margin-bottom: 20px; float: none !important; display: inline-block; vertical-align: top; width: 32.5%; }
.vendor-item h5 { margin-bottom: 0; }
.hide1 { visibility: hidden !important; }
 @media (max-width:479px) {
.vendor-item { width: 100%; }
}
@media (min-width:480px) and (max-width:1024px) {
.vendor-item { width: 48%; }
}
.footer-bottom .left a { color: #bababa; }