/*
Theme Name: Meadowbank Dental
Theme URI: https://www.meadowbankdental.co.nz/
Description: Responsive template for Meadowbank Dental
Version: 13082016
Author: Web Revolution
Author URI: http://www.webrevolution.co.nz
Tags: super, awesome, cool, sweet
*/

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

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
*:focus {
    outline: 0;
}

html,
body {
    overflow-x: hidden;
}

html {
    box-sizing: border-box;
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    color: #616161;
    background: #fff;
    font: 15px/1.5 'Roboto', sans-serif;
}

hr {
    border: 0;
    height: 1px;
    clear: both;
    display: block;
    margin-bottom: 1em;
    background: #eaeaea;
}

ul,
ol {
    margin: 0 0 1em 15px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

.site-content li {
    margin-bottom: 4px;
}

li > ul,
li > ol {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #f78f1e;
    text-decoration: none;
}

a:hover {
    color: #000;
}

/* Page Anchor Menu */
#page-anchor-menu-cnt {
    z-index: 1;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
}

.page-name {
    top: 0;
    left: 0;
    color: #f78f1e;
    background: #fff;
    position: absolute;
}

.page-name span {
    display: block;
    font-size: 18px;
    position: relative;
    padding: 15px 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.page-anchor-links ul,
.page-anchor-links ul li {
    margin: 0;
    font-size: 0;
    list-style: none;
}

.page-anchor-links,
.page-anchor-links a {
    color: #fff;
}

.page-anchor-links ul li {
    display: inline-block;
    border-left: 1px solid #feb465;
}

.page-anchor-links ul li:last-child {
    border-right: 1px solid #feb465;
}

.page-anchor-links ul li a {
    display: block;
    font-size: 18px;
    padding: 15px 25px;
    text-transform: uppercase;
}

.page-anchor-links ul li a:hover {
    color: #f78f1e;
    background: #fff;
}

/*--------------------------------------------------------------
## Social icons
--------------------------------------------------------------*/
ul .social-icon {
    float: left;
    list-style: none;
    margin-left: 12px;
}

ul .social-icon:first-child {
    margin-left: 0;
}

.social-icon a {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position: relative;
}

.social-icon.icon-facebook a {
    width: 10px;
    height: 18px;
}

.social-icon.icon-google-plus a {
    width: 23px;
    height: 18px;
}

.social-icon.icon-cart a {
    width: 19px;
    height: 18px;
}

#nav_menu-2 .social-icon.icon-cart {
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
}

/*--------------------------------------------------------------
## Container Width
--------------------------------------------------------------*/
.full-width {
    width: 100%;
    float: left;
    min-width: 320px;
    position: relative;
}

.full-width-bar {
    margin-left: -9999rem;
    margin-right: -9999rem;
    padding-left: 9999rem;
    padding-right: 9999rem;
}

.wrapper {
    margin: 0 auto;
    min-width: 320px;
    max-width: 1220px;
    padding: 20px 10px;
    position: relative;
}

#hero-wrap {
    padding: 0;
    max-width: 100%;
}

#content-wrap {
    padding-top: 0;
    padding-bottom: 0;
}

#content-wrap.wrapper-has-padding {
    padding-top: 60px;
    padding-bottom: 30px;
}

body.archive #content-wrap,
body.single #content-wrap,
body.search #content-wrap,
body.page-template-page-contact #content-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
}

#footer-wrap {
    padding-left: 0;
    padding-right: 0;
}

.inner-width {
    width: 100%;
    position: relative;
}

@media screen and (max-width: 799px) {
    .wrapper {
        padding-bottom: 10px;
    }
    
    #content-wrap {
        padding-bottom: 0;
    }
    
    #copyright-wrap {
        padding-bottom: 30px;
    }
}

/*--------------------------------------------------------------
# Clearings & Spacing
--------------------------------------------------------------*/
.clearfix, .sub-menu, .menu, .gform_wrapper .gform_footer, div.ginput_complex.ginput_container.gf_name_has_2 { *zoom: 1; }

.menu:before,
.menu:after,
.clearfix:before,
.clearfix:after,
.sub-menu:before,
.sub-menu:after,
.gform_wrapper .gform_footer:before,
.gform_wrapper .gform_footer:after,
div.ginput_complex.ginput_container.gf_name_has_2:before,
div.ginput_complex.ginput_container.gf_name_has_2:after {
    content: "";
    display: table;
    line-height: 0;
}

.menu:after, .clearfix:after, .sub-menu:after, .gform_wrapper .gform_footer:after, div.ginput_complex.ginput_container.gf_name_has_2:after {clear: both;}

.clear-both {clear: both;}

.clear-left {clear: left;}

.clear-right {clear: right;}

.float-left {float: left;}

.float-right {float: right;}

.display-block {display: block;}

.display-none {display: none;}

.display-inline-block {display: inline-block;}

.margin-top-zero {
    margin-top: 0 !important;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-bottom-zero {
    margin-bottom: 0 !important;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

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

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-top-45 {
    padding-top: 45px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-25 {
    padding-bottom: 25px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-35 {
    padding-bottom: 35px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-bottom-45 {
    padding-bottom: 45px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    clear: both;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 16px;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 22px;
}

h6 {
    font-size: 20px;
}

p {
    margin-bottom: 1em;
}

b,
strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

.font-weight-100 {
    font-weight: 100;
}

.font-weight-300 {
    font-weight: 300;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-700 {
    font-weight: 700;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-19 {
    font-size: 19px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-26 {
    font-size: 26px;
}

.font-size-28 {
    font-size: 28px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-32 {
    font-size: 32px;
}

.font-size-34 {
    font-size: 34px;
}

.font-size-36 {
    font-size: 36px;
}

.font-size-38 {
    font-size: 38px;
}

.font-size-40 {
    font-size: 40px;
}

.line-height-1 {
    line-height: 1;
}

.line-height-2 {
    line-height: 1.1;
}

.line-height-3 {
    line-height: 1.2;
}

.line-height-4 {
    line-height: 1.3;
}

.line-height-5 {
    line-height: 1.4;
}

.line-height-6 {
    line-height: 1.5;
}

.text-align-center {
    text-align: center;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#header-logo {
    float: left;
    width: 385px;
}

#text-2,
#text-3,
#nav_menu-2 {
    float: right;
    line-height: 1;
    margin-top: 10px;
    padding: 10px 20px;
    border-left: 1px solid #d5d5d5;
}

#text-2 {
    font-size: 15px;
    margin-top: 0;
}

#text-3 {
    font-size: 18px;
}

#text-2 p {
    margin-bottom: 0;
}

#text-3 .phone-number {
    color: #000;
}

#text-2 .textwidget,
#text-3 .phone-number {
    position: relative;
}

#text-2 .textwidget {
    padding-left: 25px;
}

#text-3 .phone-number {
    padding-left: 22px;
}

#nav_menu-2 {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
}

#nav_menu-2 ul {
    margin: 0;
}

#nav_menu-2 ul li {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*--------------------------------------------------------------
## Main Navigation
--------------------------------------------------------------*/
#toggle-btns {
    display: none;
    border-bottom: 1px solid #878787;
}

#toggle-btns ul {
    margin: 0;
    list-style: none;
}

#toggle-btns li {
    width: 25%;
    float: left;
}

#toggle-btns li {
    border-left: 1px solid #878787;
}

#toggle-btns li:first-child {
    border: none;
}

#toggle-btns li a {
    color: #fff;
    display: block;
    font-size: 11px;
    cursor: pointer;
    text-align: center;
    position: relative;
    padding: 35px 0 10px;
}

#navigation {
    background: #9e9e9e;
}

#navigation-wrap {
    padding-top: 0;
    padding-bottom: 0;
}

#navbar ul {
    margin: 0;
    list-style: none;
}

#navbar .main-list-wrap > li {
    float: left;
    position: relative;
    width: 16.6666666666667%;
    border-left: 1px solid #acacac;
}

#navbar .main-list-wrap > li:last-child {
    border-right: 1px solid #acacac;
}

#navbar .main-list-wrap > li:first-child {
    margin-left: 0;
}

#navbar a {
    color: #fff;
    display: block;
    font-size: 18px;
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out;
    -moz-transition: background 200ms ease-in-out;
    -ms-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
}

#navbar .main-list-wrap > li > a {
    padding: 15px 0;
    font-weight: 500;
    text-align: center;
}

#navbar .main-list-wrap > li.menu-item-has-children > a:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    opacity: 0.1;
    margin: auto;
    border: 5px solid #000;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: 2px;
    left: 0;
    right: 0;
}

#navbar .main-list-wrap > li:hover > a,
#navbar .main-list-wrap > li.current-menu-item > a,
#navbar .main-list-wrap > li.current-menu-ancestor > a {
    color: #f78f1e;
    background: #fff;
    -webkit-box-shadow: 0 -1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 -1px 1px 0 rgba(0,0,0,.1);
}

#navbar .main-list-wrap > li > ul {
    z-index: 999;
    display: none;
    width: 510px;
    background: #fff;
    min-width: 100%;
    position: absolute;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
}

#navbar .main-list-wrap > li:hover > ul {
    display: block;
}

#navbar .main-list-wrap > li > ul > li {
    width: 50%;
    float: left;
    white-space: nowrap;
    position: relative;
    border-top: 1px solid #d5d5d5;
}

#navbar .main-list-wrap > li > ul > li:nth-child(2n+1) {
    border-right: 1px solid #d5d5d5;
}

#navbar .main-list-wrap > li > ul > li > a {
    color: #000;
    padding: 15px;
}

#navbar .main-list-wrap > li > ul > li:hover > a,
#navbar .main-list-wrap > li > ul > li.current-menu-item > a {
    color: #f78f1e;
}

#navbar .main-list-wrap > li > ul > li > ul {
    top: 0;
    left: 100%;
    display: none;
    position: absolute;
}

#navbar .main-list-wrap > li > ul > li:hover > ul {
    display: block;
    background: #fcfcfc;
}

#navbar .main-list-wrap > li > ul > li > ul > li > a {
    padding: 15px;
}

/*--------------------------------------------------------------
## Hero
--------------------------------------------------------------*/
#hero-section {
    position: relative;
}

#header-feature-banner {
    position: relative;
}

#header-feature-banner img {
    width: 100%;
    height: auto;
    display: block;
}

#header-banner-title-cnt {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0 10px;
    max-width: 1220px;
    position: absolute;
}

#header-banner-title {
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
    height: 112px;
    color: #383838;
    font-size: 60px;
    font-weight: 700;
    position: absolute;
    text-align: center;
    padding: 17px 50px;
    border: 3px solid #000;
    text-transform: uppercase;
    background: rgba(255,255,255,0.8);
}

/*--------------------------------------------------------------
## Main Content
--------------------------------------------------------------*/
#regular-index {
    float: left;
    width: 100%;
    margin-left: -300px;
}

#regular-content {
    margin-left: 300px;
}

#main {
    z-index: 1;
}

#main-content-section {
    z-index: 1;
    position: relative;
}

.max-width-30 {
    max-width: 30px;
}

.max-width-60 {
    max-width: 60px;
}

.element-center-align {
    margin-left: auto;
    margin-right: auto;
}

.text-color-white,
.text-color-white h2,
.text-color-white h3,
.text-color-white h4,
.text-color-white a:hover {
    color: #fff;
}

/* Button Style */
.orange-border-btn a {
    color: #fff !important;
    font-size: 18px !important;
    background: transparent !important;
    border: 3px solid #f78f1e !important;
}

.orange-border-btn a:hover {
    background: #333 !important;
}

/* Quick Contact Slim Advert */
.quick-contact-slim-advert {
    position: relative;
}

.quick-contact-slim-advert h2 {
    margin: 0;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    position: relative;
    padding: 30px 220px 30px 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.quick-contact-slim-advert h2 a {
    color: #fff;
    display: inline-block;
}

.quick-contact-slim-advert h2 .phone-number {
    font-weight: 700;
}

.quick-contact-slim-advert h2 .phone-number:hover {
    color: #000;
}

.quick-contact-slim-advert h2 .book-online-btn {
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    font-size: 18px;
    padding: 9px 40px;
    position: absolute;
    border: 2px solid #fff;
}

.quick-contact-slim-advert h2 .book-online-btn:hover {
    color: #000;
    border-color: #000;
}

/* Homepage */
.page-main-title {
    font-size: 26px;
    font-weight: 300;
}

.home-dentistry-advert > .vc_column-inner > .wpb_wrapper,
.treatments-dentistry-advert > .vc_column-inner > .wpb_wrapper {
    position: relative;
}

.home-photo-advert-content,
.treatments-advert-title {
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-align: center;
    position: absolute;
    background: rgba(255,255,255,0.7);
}

.home-dentistry-advert > .vc_column-inner > .wpb_wrapper:hover .home-photo-advert-content,
.treatments-dentistry-advert > .vc_column-inner > .wpb_wrapper:hover .treatments-advert-title {
    background: rgba(255,255,255,0.9);
}

.home-photo-advert-content h3 {
    color: #000;
    font-size: 18px;
    margin-bottom: 0;
    padding: 14px 10px 1px;
}

.treatments-advert-title a {
    color: #000;
    display: block;
    font-size: 22px;
    padding: 15px 5px;
}

.home-photo-advert-content p {
    color: #616161;
    font-size: 16px;
    margin-bottom: 0;
    padding: 1px 10px 14px;
}

.your-dentist-title {
    font-size: 70px;
}

#home-team-advert-block {
    position: relative;
}

#home-team-advert-block:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 125px;
    left: 0;
    top: 0;
    background: #595959;
}

.home-dentist-adv-thumb a,
.home-dentist-adv-title a {
    display: inline-block;
}

.home-dentist-adv-thumb a {
    width: 174px;
    height: 174px;
    border: 4px solid #fff !important;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.18);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.18);
}

.home-dentist-adv-thumb a:hover {
    border-color: #f78f1e !important;
}

.home-dentist-adv-thumb a img {
    display: block;
    width: 167px;
    height: 167px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.home-dentist-adv-title {
    font-size: 18px;
}

.home-dentist-adv-title a {
    padding-top: 20px;
    text-align: center;
}

.association-logos img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.association-logos img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

/*--------------------------------------------------------------
## Shop Index and detail Page
--------------------------------------------------------------*/
#anchor-product-cat-menu {
    color: #fff;
    display: none;
    font-size: 16px;
    background: #f78f1e;
    margin-bottom: 30px;
    position: relative;
    text-transform: uppercase;
    padding: 18px 60px 18px 20px;
}

#anchor-product-cat-menu div {
    top: 0;
    bottom: 0;
    width: 25px;
    height: 16px;
    right: 15px;
    margin: auto;
    position: absolute;
}

#anchor-product-cat-menu div span {
    width: 25px;
    height: 4px;
    display: block;
    background: #fff;
    margin-bottom: 2px;
}

#anchor-product-cat-menu div span:last-child {
    margin: 0;
}

/* My Account Page */
.woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-navigation li {
    margin: 0;
    list-style: none;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 2px;
}

.woocommerce-MyAccount-navigation li a {
    color: #fff;
    padding: 15px;
    display: block;
    background: #f78f1e;
}

.woocommerce-MyAccount-navigation li a:hover {
    background: #333;
}

/*--------------------------------------------------------------
## Testimonials Index and detail Page
--------------------------------------------------------------*/
#archive-intro h1 {
    text-align: center;
}

#archive-intro hr,
.post-testimonial-summary hr {
    margin: 40px 0;
}

.post-testimonial-summary {
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px dotted #eaeaea;
}

.post-testimonial-summary .entry-summary,
.post-testimonial-summary .entry-content {
    font-size: 22px;
    font-weight: 300;
}

.post-testimonial-summary p:last-child {
    margin-bottom: 0;
}

.post-testimonial-summary .testimonial-person-details,
.post-testimonial-summary .testimonial-person-details {
    padding-top: 16px;
}

.post-testimonial-summary .testimonial-person-name,
.post-testimonial-summary .testimonial-person-name {
    margin-bottom: 5px;
}

/*--------------------------------------------------------------
## Sidebar Content
--------------------------------------------------------------*/
#tertiary {
    float: right;
    width: 270px;
    position: relative;
}

#tertiary .widget {
    margin-top: 30px;
}

#tertiary .widget:first-child {
    margin-top: 0;
}

#tertiary .widget-title {
    font-size: 24px;
    position: relative;
    padding-bottom: 16px;
    text-transform: uppercase;
}

#tertiary .widget-title:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #f78f1e;
}

.contact-sidebar-content .widget .textwidget {
    line-height: 1.8;
}

.contact-sidebar-content .widget .textwidget a {
    color: #333;
}

.contact-sidebar-content .widget .textwidget a:hover {
    border-bottom: 2px dotted #f78f1e;
}

#text-8 a {
    color: #fff;
    display: block;
    padding: 20px;
    text-align: center;
    background: #f78f1e;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#text-8 a:hover {
    border: none;
    background: #ea8211;
}

#text-8 a h4 {
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 1px dashed #000;
}

#text-8 a small {
    display: block;
    font-size: 12px;
    line-height: 1.6;
}

#text-8 a:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    margin: 5px;
    position: absolute;
    display: inline-block;
    border: 2px solid #fff;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#text-8 a:hover:before {
    border-width: 3px;
}

.woocommerce .quantity .qty,
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    height: 35px;
}

.woocommerce form .form-row input.input-text {
    height: 50px;
    padding: 10px;
    font-size: 14px;
}

.woocommerce form .form-row textarea {
    padding: 10px;
    font-size: 14px;
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 11px;
}

/*--------------------------------------------------------------
## Shop sidebar
--------------------------------------------------------------*/
.widget_product_search {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
}

.woocommerce-product-search {
    display: block;
    position: relative;
}

.woocommerce-product-search label {
    display: none;
}

.woocommerce-product-search input[type="search"] {
    width: 100%;
    height: 55px;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 5px;
    border: 2px solid #e07807;
}

.woocommerce-product-search input[type="submit"] {
    color: #fff;
    width: 100%;
    border: none;
    padding: 15px;
    font-size: 16px;
    background: #f78f1e;
    letter-spacing: 1px;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: none;
}

.woocommerce-product-search input[type="submit"]:hover {
    background: #e07807;
}

.wpb_category_n_menu_accordion li a {
    font-weight: 300 !important;
    font-size: 16px !important;
    padding: 18px 22px !important;
}

.wpb_category_n_menu_accordion li > a:hover,
.wpb_category_n_menu_accordion li.current-cat > a {
    color: #f78f1e !important;
}

.wpb_category_n_menu_accordion > ul > li > a {
    background: #222 !important;
}

.wpb_category_n_menu_accordion > ul > li > a:hover {
    background: #000 !important;
}

.wpb_category_n_menu_accordion > ul > li:not(:last-child) > a {
    border-bottom-color: #000 !important; 
}

.wpb_category_n_menu_accordion > ul > li li:hover > a,
.wpb_category_n_menu_accordion > ul > li li.current-cat > a {
    border-left-color: #000 !important;
}

.wpb_category_n_menu_accordion ul li > a > span.wpb-submenu-indicator {
    color: #fff !important;
}

/*--------------------------------------------------------------
## Footer Contact form
--------------------------------------------------------------*/
#footer-contact-form {
    z-index: 1;
    color: #fff;
    background: #595959;
}

#footer-contact-form-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
}

#footer-contact-form-title {
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-bottom: 50px;
}

#location-map {
    z-index: 1;
    position: relative;
    border-top: 5px solid #f78f1e;
}

#location-map iframe {
    display: block;
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#location-map:hover iframe {
    pointer-events: auto;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

/*--------------------------------------------------------------
## Testimonial Feed
--------------------------------------------------------------*/
#testimonials-feed {
    z-index: 1;
    background: #f9f9f9;
}

#testimonials-feed-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
}

#testimonials-feed-section-title {
    font-size: 26px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

#testimonials-feed-slider {
    position: relative;
    padding-left: 70px;
    padding-right: 70px;
}

.testimonial-feed-block {
    text-align: center;
}

.testimonial-feed-content-cnt {
    color: #616161;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 300;
    font-style: italic;
}

.testimonial-person-details {
    color: #000;
}

.testimonial-person-name {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px;
}

.testimonial-person-details {
    font-size: 18px;
}

#testimonials-feed-slider .owl-prev,
#testimonials-feed-slider .owl-next {
    top: 0;
    bottom: 0;
    width: 50px;
    height: 45px;
    margin: auto;
    opacity: .3;
    position: absolute;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#testimonials-feed-slider:hover .owl-prev,
#testimonials-feed-slider:hover .owl-next {
    opacity: 0.7;
}

#testimonials-feed-slider .owl-prev:hover,
#testimonials-feed-slider .owl-next:hover {
    opacity: 1;
}

#testimonials-feed-slider .owl-prev {
    left: 0;
}

#testimonials-feed-slider .owl-next {
    right: 0;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#footer {
    z-index: 1;
    background: #464646;
}

#footer-wrap {
    padding-top: 50px;
    padding-bottom: 40px;
}

#footer,
#footer a,
#footer .widget-title {
    color: #fff;
}

#footer a:hover {
    color: #f78f1e;
}

.footer-column {
    float: left;
    padding: 0 10px;
    width: 33.3333%;
}

#footer-logo {
    width: 270px;
    margin-bottom: 30px;
}

#text-4 a,
#text-4 address {
    padding-left: 25px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
}

#text-4 a.fax-number {
    margin-bottom: 0;
}

#nav_menu-3 .widget-title,
#nav_menu-4 .widget-title {
    font-size: 18px;
    position: relative;
    padding-bottom: 16px;
    text-transform: uppercase;
}

#nav_menu-3 .widget-title:before,
#nav_menu-4 .widget-title:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #8b8b8b;
    left: 0;
    bottom: 0;
}

#nav_menu-3 ul,
#nav_menu-4 ul {
    margin: 0;
    line-height: 2;
    list-style: none;
    text-transform: uppercase;
}

#nav_menu-3 li {
    float: left;
    width: 50%;
}

#nav_menu-3 li.current-menu-item a,
#nav_menu-4 li.current-menu-item a {
    color: #f78f1e;
}

#nav_menu-4 {
    margin-bottom: 15px;
}

#copyright {
    font-size: 12px;
    background: #363636;
}

#copyright {
    z-index: 1;
}

#copyright,
#copyright a {
    color: #8e8e8e;
}

#copyright a:hover {
    color: #f78f1e;
}

#qc-fixed-menu {
    z-index: 99999;
    position: fixed;
    right: 10px;
    bottom: 10px;
    animation: qc-swing linear 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 0%;
    -webkit-animation: qc-swing linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 0%;
    -moz-animation: qc-swing linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 0%;
    -o-animation: qc-swing linear 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 0%;
    -ms-animation: qc-swing linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 0%;
}

#qc-fixed-menu ul,
#qc-fixed-menu ul li {
    margin: 0;
    list-style: none;
}

#qc-fixed-menu ul {
    padding: 5px;
    position: relative;
    background: #f78f1e;
    text-align: center;
}

#qc-fixed-menu a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
    position: relative;
}

#qc-fixed-menu a:hover {
    color: #000;
}

#qc-fixed-menu #qc-find-us {
    margin-bottom: 8px;
}

#qc-fixed-menu #qc-call-us a {
    color: #383838;
    background: #fff;
    padding: 8px 53px;
}

#qc-fixed-menu #qc-call-us a:hover {
    background: #fafafa;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Alignments
--------------------------------------------------------------*/
img.alignright { 
    float: right;
    margin: 0.1em 0 1em 1em;
}

img.alignleft {
    float: left;
    margin: 0.1em 1em 1em 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright { float:right; }

.alignleft { float:left; }

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
## Responsive Image
--------------------------------------------------------------*/
img,
.widget img,
.wp-caption {
    max-width: 100%;
}

img,
img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
    height: auto;
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
 
input[type=checkbox] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: checkbox !important;
}
 
input[type=radio] {
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    appearance: radio !important;
}

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #959595;
    box-sizing: border-box !important;
}

button,
input[type="submit"] {
    cursor: pointer;
}

/* Form Placeholder text color */

::-webkit-input-placeholder {
   color: #333;
}

:-moz-placeholder {
   color: #333;  
   opacity: 1;
}

::-moz-placeholder {
   color: #333;
   opacity: 1;
}

:-ms-input-placeholder {  
   color: #333;  
}

body .gform_wrapper .gform_body .gform_fields .gfield .sub-label-highlight {
    color: #333;
}

/*--------------------------------------------------------------
## Search Form
--------------------------------------------------------------*/
#search-term {
    color: #f7941d;
}

#nothing-found {
    color: #ccc;
}

.searchform ul,
.searchform li {
    margin: 0;
    list-style: none;
}

.searchform ul {
    background: #1a1a1a;
    border: 1px solid #676767;
}

.searchform li {
    float: left;
    position: relative;
}

.searchform .search-text-field {
    width: 218px;
} 

.searchform .search-submit-field {
    width: 40px;
}

.searchform input {
    height: 40px;
    width: 100%;
    border: none;
    background: transparent;
}

.searchform input[type="search"] {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.searchform input[type="submit"] {
    padding: 0;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: relative;
    z-index: 2;
}

/*--------------------------------------------------------------
## Gravity Forms Style
--------------------------------------------------------------*/
body .gform_wrapper,
body .gform_wrapper .gform_body {
    margin: 0;
    width: 100%;
    max-width: 100%;
}

body .gform_wrapper .gform_body .gform_fields .gfield {
    padding: 0;
    border: none !important;
    margin: 0 0 20px !important;
    background: transparent !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_hidden-label .gfield_label {
    display: none;
}

body .gform_wrapper .top_label div.ginput_container {
    margin: 0 !important;
}

body .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_1,
body .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_2,
body .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_3 {
    width: 100%;
}

body .gform_wrapper div.ginput_complex.ginput_container.gf_name_has_2 span {
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    width: 49.3548387096774%;
}

body .gform_wrapper div.ginput_complex.ginput_container.gf_name_has_2 span:last-child {
    margin-left: 1.2903225806452%;
}

body .gform_wrapper .gform_body .gform_fields .gfield input[type='text'],
body .gform_wrapper .gform_body .gform_fields .gfield input[type='email'],
body .gform_wrapper .gform_body .gform_fields .gfield input[type='tel'],
body .gform_wrapper .gform_body .gform_fields .gfield input[type='url'],
body .gform_wrapper .gform_body .gform_fields .gfield input[type='number'],
body .gform_wrapper .gform_body .gform_fields .gfield input[type='password'],
body .gform_wrapper .gform_body .gform_fields .gfield select {
    height: 48px;
    padding: 0 10px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield input,
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    background: #fff;
}

body .gform_wrapper .gform_body .gform_fields .gfield .name_first label,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last label {
    margin-bottom: 0 !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    padding: 10px;
}

/* --------------------------------------------------------------
## Gravity Two columns fields
-------------------------------------------------------------- */
body .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_1,
body .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_2,
body .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_3 {
    width: 100%;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container.gf_name_has_2 span label {
    margin-bottom: 0;
}

.gform_wrapper .top_label li.gfield.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_right_half,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half,
body .gform_wrapper div.ginput_complex.ginput_container.gf_name_has_2 span {
    padding: 0 !important;
    margin: 0 0 20px !important;
    width: 49.35483870967742% !important;
}

body .gform_wrapper div.ginput_complex.ginput_container.gf_name_has_2 span {
    float: left;
    display: block;
    margin-bottom: 0 !important;
}

.gform_wrapper .top_label li.gfield.gf_right_half,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half,
body .gform_wrapper div.ginput_complex.ginput_container.gf_name_has_2 span.name_last {
    margin-left: 1.29032258064516% !important;
}

/*--------------------------------------------------------------
## Gravity Forms Three Columns
--------------------------------------------------------------*/
body .gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
body .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
body .gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
    width: 32.4731182795699% !important;
}

body .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
body .gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
    margin-left: 1.2903225806452% !important;
}

/*--------------------------------------------------------------
## Gravity Forms Four Columns
** Columns: 2+2+2+6
--------------------------------------------------------------*/
body .gform_wrapper .gform_body .gform_fields .gfield.gf_field-span2,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_field-span6 {
    float: left;
    clear: none;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_field-span2 {
    width: 15.4838709677419%;
    margin-right: 1.2903225806452% !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_field-span6 {
    width: 49.6774193548387%;
}


/*--------------------------------------------------------------
## Gravity Forms Error fields
--------------------------------------------------------------*/
body .gform_wrapper div.validation_error {
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    border: none;
    padding: 12px;
    z-index: 9999;
    position: fixed;
    font-weight: 600;
    background: rgba(255,0,0,0.8);
}

body .gform_wrapper .top_label .gfield_error,
body .gform_wrapper .gform_body .gform_fields .gfield_error {
    width: 100%;
}

body .gform_wrapper .gform_body .gform_fields .gfield_error input,
body .gform_wrapper .gform_body .gform_fields .gfield_error select,
body .gform_wrapper .gform_body .gform_fields .gfield_error textarea {
    color: #000 !important;
    -webkit-box-shadow:inset 0 0 0 400px rgba(255,0,0,0.2);
    box-shadow:inset 0 0 0 400px rgba(255,0,0,0.2);
}

body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
}

body .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
body .gform_wrapper li.gfield_error select,
body .gform_wrapper li.gfield_error textarea {
    border-color: #f00;
}

body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {
    display: none;
}

/*--------------------------------------------------------------
## Gravity Forms Submit Section
--------------------------------------------------------------*/
body .gform_wrapper .gform_footer {
    padding: 0 !important;
}

body .gform_wrapper .gform_footer input[type=submit] {
    margin: 0;
    color: #fff;
    border: none;
    font-size: 18px;
    font-weight: 400;
    padding: 13px 40px;
    background: #f78f1e;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-shadow: 0 1px 2px rgba(0,0,0,.22);
}

/*--------------------------------------------------------------
# Sprite
-------------------------------------------------------------- */
#location-map:before,
#location-map:after,
.social-icon a:before,
.page-name span:before,
#text-4 a:before,
#text-4 address:before,
#toggle-btns li a:before,
#text-2 .textwidget:before,
#text-3 .phone-number:before,
.animated-down-arrow:before,
#qc-fixed-menu ul:before,
#qc-fixed-menu ul:after,
.quick-contact-slim-advert:before,
#testimonials-feed-slider .owl-prev,
#testimonials-feed-slider .owl-next,
#qc-fixed-menu #qc-call-us a:before {
    background: url(images/sprite@1x.png) no-repeat;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    #location-map:before,
    #location-map:after,
    .social-icon a:before,
    .page-name span:before,
    #text-4 a:before,
    #qc-fixed-menu ul:before,
    #qc-fixed-menu ul:after,
    #text-4 address:before,
    #toggle-btns li a:before,
    .animated-down-arrow:before,
    #text-2 .textwidget:before,
    #text-3 .phone-number:before,
    .quick-contact-slim-advert:before,
    #testimonials-feed-slider .owl-prev,
    #testimonials-feed-slider .owl-next,
    #qc-fixed-menu #qc-call-us a:before {
        background: url(images/sprite@2x.png) no-repeat;
        background-size: 250px 250px;
    }
}

#location-map:before,
#location-map:after,
.social-icon a:before,
#text-4 a:before,
#text-4 address:before,
.page-name span:before,
#toggle-btns li a:before,
#text-2 .textwidget:before,
#text-3 .phone-number:before,
.animated-down-arrow:before,
#qc-fixed-menu ul:before,
#qc-fixed-menu ul:after,
.quick-contact-slim-advert:before,
#qc-fixed-menu #qc-call-us a:before {
    content: '';
    position: absolute;
    display: inline-block;
}

#location-map:before,
#location-map:after,
.social-icon a:before,
#text-4 a:before,
#text-4 address:before,
.page-name span:before,
#toggle-btns li a:before,
#text-2 .textwidget:before,
#text-3 .phone-number:before,
.animated-down-arrow:before,
.animated-down-arrow:after,
#qc-fixed-menu ul:after,
#qc-fixed-menu #qc-call-us a:before {
    margin: auto;
}

#toggle-btns li a:before {
    top: 10px;
    left: 0;
    right: 0;
    height: 21px;
}

#toggle-btns li#menu-toggle a:before {
    width: 23px;
    background-position: -128px -23px;
}

#toggle-btns li#call-btn a:before {
    width: 20px;
    background-position: -156px -23px;
}

#toggle-btns li#location-btn a:before {
    width: 13px;
    background-position: -181px -23px;
}

#toggle-btns li#booking-btn a:before {
    width: 20px;
    background-position: -199px -23px;
}

.social-icon a:before {
    top: 0;
    left: 0;
}

.social-icon.icon-facebook a:before {
    width: 10px;
    height: 18px;
    background-position: 0 0;
}

.social-icon.icon-facebook a:hover:before {
    background-position: -107px 0;
}

.social-icon.icon-google-plus a:before {
    width: 23px;
    height: 18px;
    background-position: -15px 0;
}

.social-icon.icon-google-plus a:hover:before {
    background-position: -122px 0;
}

.social-icon.icon-cart a:before {
    width: 19px;
    height: 18px;
    background-position: -43px 0;
}

.social-icon.icon-cart a:hover:before {
    background-position: -150px 0;
}

.page-name span:before {
    top: 0;
    bottom: 0;
    right: -11px;
    width: 12px;
    height: 47px;
    background-position: -110px -23px;
}

.animated-down-arrow:before {
    left: 0;
    right: 0;
    top: -36px;
    width: 186px;
    height: 41px;
    background-position: 0 -209px;
}

.quick-contact-slim-advert:before {
    right: 22px;
    bottom: -41px;
    width: 143px;
    height: 44px;
    z-index: 999;
    background-position: 0 -160px;
}

#testimonials-feed-slider .owl-prev {
    background-position: 0 -24px;
}

#testimonials-feed-slider .owl-next {
    background-position: -55px -24px;
}

#text-2 .textwidget:before,
#text-3 .phone-number:before {
    top: 0;
    left: 0;
    bottom: 0;
}

#text-2 .textwidget:before {
    width: 17px;
    height: 17px;
    background-position: -67px 0;
}

#text-3 .phone-number:before {
    width: 14px;
    height: 13px;
    background-position: -89px 0;
}

#text-3 .phone-number:hover:before {
    animation: tada-animation linear 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: tada-animation linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: tada-animation linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: tada-animation linear 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: tada-animation linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
}

#location-map:before {
    left: 0;
    right: 0;
    top: -43px;
    width: 186px;
    height: 41px;
    background-position: 0 -74px;
}


#location-map:after {
    top: -30px;
    left: 0;
    right: 0;
    width: 13px;
    height: 19px;
    background-position: -174px 0;
    animation: pin-animation linear 1s;
    animation-iteration-count: infinite;
    transform-origin: 50% 100%;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation: pin-animation linear 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 100%;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
    -moz-animation: pin-animation linear 1s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 100%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: pin-animation linear 1s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 100%;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation: pin-animation linear 1s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 100%;
    -ms-animation-fill-mode:forwards; /*IE 10+*/
}

#text-4 a:before,
#text-4 address:before {
    top: 0;
    left: 0;
    bottom: 0;
}

#text-4 .email-address:before {
    width: 16px;
    height: 13px;
    background-position: -128px -50px;
}

#text-4 .phone-number:before {
    width: 15px;
    height: 16px;
    background-position: -149px -50px;
}

#text-4 .fax-number:before {
    width: 16px;
    height: 17px;
    background-position: -169px -49px;
}

#text-4 address:before {
    top: 3px;
    bottom: inherit;
    width: 11px;
    height: 17px;
    background-position: -190px -50px;
    
}

#qc-fixed-menu #qc-call-us a:before {
    top: 0;
    bottom: 0;
    left: 15px;
    width: 15px;
    height: 16px;
    background-position: -206px -50px;
}

#qc-fixed-menu ul:before {
    left: 0;
    top: -40px;
    width: 186px;
    height: 41px;
    background-position: 0 -74px;
}

#qc-fixed-menu ul:after {
    left: 0;
    right: 0;
    top: -28px;
    width: 13px;
    height: 19px;
    background-position: -174px 0;
}

/*--------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Responsive Style
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
@media screen and (max-width: 480px) {
    .animated-down-arrow:before {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #header-wrap {
        padding-top: 10px;
    }
    
    #header-logo {
        width: 200px;
        margin-top: 5px;
    }
    
    #text-2,
    #text-3,
    #nav_menu-2 .icon-facebook,
    #nav_menu-2 .icon-google-plus,
    #nav_menu-2 .icon-facebook,
    #nav_menu-2 .icon-google-plus {
        display: none;
    }
    
    #nav_menu-2 {
        margin-top: 0;
        padding-left: 0;
        border-left: none;
    }
    
    #header-banner-title-cnt {
        /*display: none;*/
    }
    
    #header-banner-title {
        height: 30px;
        font-size: 12px;
        padding: 5px 15px;
    }
    
    #navigation-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    
    #toggle-btns {
        display: block;
    }
    
    #navbar {
        display: none;
    }
    
    #navbar .main-list-wrap > li,
    #navbar .main-list-wrap > li > ul > li {
        float: none;
        clear: both;
        width: 100%;
    }
    
    #navbar .main-list-wrap > li > a {
        padding: 15px;
        text-align: left;
        border-bottom: 1px solid #878787;
    }
    
    #navbar .main-list-wrap > li.menu-item-has-children > a:before {
        left: inherit;
        right: 15px;
        top: 5px;
        bottom: 0;
    }
    
    #navbar .main-list-wrap > li > ul {
        width: 100%;
    }
    
    
    #navbar .main-list-wrap > li > ul {
        width: 100%;
        display: block;
        position: relative;
    }
    
    #navbar .main-list-wrap > li > ul > li {
        white-space: normal;
    }
    
    #navbar .main-list-wrap > li > ul > li > a {
        font-size: 14px;
        padding: 15px 15px 15px 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 979px) {
    #header-logo {
        width: 220px;
        margin-top: 2px;
    }
    
    #text-2,
    #text-3 .phone-number {
        font-size: 14px;
    }
    
    #text-2,
    #text-3,
    #nav_menu-2 {
        margin-top: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    #header-banner-title {
        font-size: 32px;
        height: 78px;
    }
    
    #navbar .main-list-wrap > li > a {
        font-size: 1.4vw;
        font-weight: 400;
    }
    
    #navbar .main-list-wrap > li > ul {
        width: 410px;
    }
    
    #navbar .main-list-wrap > li > ul > li > a {
        font-size: 14px;
    }
}

/*--------------------------------------------------------------
## Main Content
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
    .mobile-bottom-margin-zero {
        margin-bottom: 0 !important;
    }
    
    .home-dentistry-advert,
    .treatments-dentistry-advert {
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .quick-contact-slim-advert h2 {
        font-size: 18px;
        line-height: 20px;
        padding-right: 10px;
    }
    
    .quick-contact-slim-advert h2 .book-online-btn {
        width: 210px;
        height: auto;
        display: block;
        padding: 15px 0;
        position: static;
        margin: 10px auto 0;
    }
    
    .quick-contact-slim-advert:before {
        left: 1px;
        right: 0;
        margin: auto;
    }
    
    .page-anchor-links {
        display: none;
    }
}

@media screen and (max-width: 799px) {
    #regular-index,
    #tertiary {
        width: 100%;
        float: none;
        clear: both;
    }
    
    #regular-index,
    #regular-content {
        margin-left: 0;
    }
    
    #tertiary {
        padding-top: 16px;
        padding-bottom: 12px;
    }
    
    #anchor-product-cat-menu {
        display: block;
    }
}

@media screen and (min-width: 768px) and (max-width: 979px) {
    .home-photo-advert-content p {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1089px) {
    .quick-contact-slim-advert h2 {
        font-size: 2.3vw;
    }
    
}

@media screen and (min-width: 768px) and (max-width: 1399px) {
    .page-name span,
    .page-anchor-links ul li a {
        font-size: 12px;
        padding: 15px;
    }
    
}

@media screen and (max-width: 1399px) {
    .page-name,
    .page-anchor-links {
        float: left;
        position: static;
    }
    
    .page-anchor-links {
        margin-left: 25px;
    }
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {   
    .footer-column {
        float: none;
        clear: both;
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    
    .footer-column:last-child {
        margin-bottom: 0;
    }
    
    #footer-logo {
        margin-left: auto;
        margin-right: auto;
    }
    
    #nav_menu-3 .widget-title:before,
    #nav_menu-4 .widget-title:before {
        left: 0;
        right: 0;
        margin: auto;
    }
    
    #qc-fixed-menu {
        display: none;
    }
}

@media screen and (max-width: 910px) {
    #nav_menu-3 li {
        width: 100%;
        float: none;
    }
    
    #footer-logo {
        width: 220px;
    }
}

@media screen and (max-width: 1069px) {
    #nav_menu-3 li a,
    #nav_menu-4 li a {
        font-size: 12px;
    }
}

/*--------------------------------------------------------------
## Gravity Form
--------------------------------------------------------------*/
@media screen and (max-width: 641px) {
    
    .gform_wrapper .top_label li.gfield.gf_left_half,
    .gform_wrapper .top_label li.gfield.gf_right_half,
    body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half,
    body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half {
        width: 100% !important;
        margin-left: 0 !important;
    }
    
    body .gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
    body .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
    body .gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
        width: 100% !important;
    }

    body .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
    body .gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
        margin-left: 0 !important;
    }
    
    body .gform_wrapper .gform_body .gform_fields .gfield.gf_field-span2 {
        width: 31.6156736446592%;
        margin-right: 2.5764895330113% !important;
    }
    
    body .gform_wrapper .gform_body .gform_fields .gfield.gf_field-span2.gf_field-span2-last {
       margin-right: 0 !important; 
    }

    body .gform_wrapper .gform_body .gform_fields .gfield.gf_field-span6 {
        width: 100%;
    }
}

/*--------------------------------------------------------------
## Keyframe animation
--------------------------------------------------------------*/
@keyframes pin-animation {
    0% {
        transform:  rotate(0deg) ;
    }
    20% {
        transform:  rotate(15deg) ;
    }
    40% {
        transform:  rotate(-10deg) ;
    }
    60% {
        transform:  rotate(5deg) ;
    }
    80% {
        transform:  rotate(-5deg) ;
    }
    100% {
        transform:  rotate(0deg) ;
    }
}

@-moz-keyframes pin-animation {
    0% {
        -moz-transform:  rotate(0deg) ;
    }
    20% {
        -moz-transform:  rotate(15deg) ;
    }
    40% {
        -moz-transform:  rotate(-10deg) ;
    }
    60% {
        -moz-transform:  rotate(5deg) ;
    }
    80% {
        -moz-transform:  rotate(-5deg) ;
    }
    100% {
        -moz-transform:  rotate(0deg) ;
    }
}

@-webkit-keyframes pin-animation {
    0% {
        -webkit-transform:  rotate(0deg) ;
    }
    20% {
        -webkit-transform:  rotate(15deg) ;
    }
    40% {
        -webkit-transform:  rotate(-10deg) ;
    }
    60% {
        -webkit-transform:  rotate(5deg) ;
    }
    80% {
        -webkit-transform:  rotate(-5deg) ;
    }
    100% {
        -webkit-transform:  rotate(0deg) ;
    }
}

@-o-keyframes pin-animation {
    0% {
        -o-transform:  rotate(0deg) ;
    }
    20% {
        -o-transform:  rotate(15deg) ;
    }
    40% {
        -o-transform:  rotate(-10deg) ;
    }
    60% {
        -o-transform:  rotate(5deg) ;
    }
    80% {
        -o-transform:  rotate(-5deg) ;
    }
    100% {
        -o-transform:  rotate(0deg) ;
    }
}

@-ms-keyframes pin-animation {
    0% {
        -ms-transform:  rotate(0deg) ;
    }
    20% {
        -ms-transform:  rotate(15deg) ;
    }
    40% {
        -ms-transform:  rotate(-10deg) ;
    }
    60% {
        -ms-transform:  rotate(5deg) ;
    }
    80% {
        -ms-transform:  rotate(-5deg) ;
    }
    100% {
        -ms-transform:  rotate(0deg) ;
    }
}



@keyframes tada-animation {
    0% {
        transform:  rotate(0deg) scaleX(1.10) scaleY(1.10) ;
    }
    10% {
        transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
        transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
        transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
        transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
        transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
        transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
        transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
        transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
        transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
        transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
}

@-moz-keyframes tada-animation {
    0% {
        -moz-transform:  rotate(0deg) scaleX(1.10) scaleY(1.10) ;
    }
    10% {
        -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
        -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
        -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
        -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
        -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
        -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
        -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
        -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
        -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
        -moz-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
}

@-webkit-keyframes tada-animation {
    0% {
        -webkit-transform:  rotate(0deg) scaleX(1.10) scaleY(1.10) ;
    }
    10% {
        -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
        -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
        -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
        -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
        -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
        -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
        -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
        -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
        -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
        -webkit-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
}

@-o-keyframes tada-animation {
    0% {
        -o-transform:  rotate(0deg) scaleX(1.10) scaleY(1.10) ;
    }
    10% {
        -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
        -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
        -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
        -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
        -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
        -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
        -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
        -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
        -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
        -o-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
}

@-ms-keyframes tada-animation {
    0% {
        -ms-transform:  rotate(0deg) scaleX(1.10) scaleY(1.10) ;
    }
    10% {
        -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
        -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
        -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
        -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
        -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
        -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
        -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
        -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
        -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
        -ms-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
}

@keyframes qc-swing {
    0% {
        transform:  rotate(0deg) ;
    }
    20% {
        transform:  rotate(15deg) ;
    }
    40% {
        transform:  rotate(-10deg) ;
    }
    60% {
      transform:  rotate(5deg) ;
    }
    80% {
        transform:  rotate(-5deg) ;
    }
    100% {
        transform:  rotate(0deg) ;
    }
}

@-moz-keyframes qc-swing{
    0% {
        -moz-transform:  rotate(0deg) ;
    }
    20% {
        -moz-transform:  rotate(15deg) ;
    }
    40% {
        -moz-transform:  rotate(-10deg) ;
    }
    60% {
        -moz-transform:  rotate(5deg) ;
    }
    80% {
        -moz-transform:  rotate(-5deg) ;
    }
    100% {
        -moz-transform:  rotate(0deg) ;
    }
}

@-webkit-keyframes qc-swing {
    0% {
        -webkit-transform:  rotate(0deg) ;
    }
    20% {
        -webkit-transform:  rotate(15deg) ;
    }
    40% {
        -webkit-transform:  rotate(-10deg) ;
    }
    60% {
        -webkit-transform:  rotate(5deg) ;
    }
    80% {
        -webkit-transform:  rotate(-5deg) ;
    }
    100% {
        -webkit-transform:  rotate(0deg) ;
    }
}

@-o-keyframes qc-swing {
    0% {
        -o-transform:  rotate(0deg) ;
    }
    20% {
        -o-transform:  rotate(15deg) ;
    }
    40% {
        -o-transform:  rotate(-10deg) ;
    }
    60% {
        -o-transform:  rotate(5deg) ;
    }
    80% {
        -o-transform:  rotate(-5deg) ;
    }
    100% {
        -o-transform:  rotate(0deg) ;
    }
}

@-ms-keyframes qc-swing {
    0% {
        -ms-transform:  rotate(0deg) ;
    }
    20% {
        -ms-transform:  rotate(15deg) ;
    }
    40% {
        -ms-transform:  rotate(-10deg) ;
    }
    60% {
        -ms-transform:  rotate(5deg) ;
    }
    80% {
        -ms-transform:  rotate(-5deg) ;
    }
    100% {
        -ms-transform:  rotate(0deg) ;
    }
}