/*
Theme Name: Duptronics
Theme URI: http://www.duptronics.com
Author: Duptronics Inc.
Author URI: http://www.duptronics.com
Developer Name: 
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: noonoos
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
	# Normalize
	# Typography
	# Elements
	# Forms
	# Accessibility
	# Alignments
	# Clearings
	# Widgets
	# Content
		## Posts and pages
		## Asides
		## Comments
	# Infinite scroll
    #CSS INDEX
    ===================
	
	1.  Theme Default CSS (body, link color, section etc)
	2. header area
		2.1  main-menu area
		2.2  mobile menu
		2.3  language area
		2.4  addcart area
		2.5  search area
		2.6  dropdown menu
	3. slider area
	4. our product area
	5. banner area
	6. latest post area
	7. block category area
	8. testimonial-area
	9. footer area
	10. Home 2 area
	11. Home 3 area
	12. Home 4 area
		12.1 category menu
		12.2 category mega menu
	13. Home 5 area
	14. Home 6 area
	15. Home 7 area
	16. Home 8 area
	17. Shop page area
	18. Product details area
	19. Checkout Page area
	20. Wishlist page area
	21. Shoping-cart area
	22. About us area
	23. Contact Page area
	24. Login page area
	25. 404 login page area
----------------------------------------------------------------------------------- */

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    box-sizing: border-box;
}



body {
    margin: 0;
    color: #000;
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    line-height: 1.2;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

.hidden {
    display: none;
}

a {
    background-color: transparent;
}

a:hover {
    background-color: transparent;
    text-decoration: ;
}

a.active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    appearance: button;
    -moz-appearance: button;
    /* Firefox */
    -webkit-appearance: button;
    /* Safari and Chrome */
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -moz-appearance: textfield;
    /* Firefox */
    -webkit-appearance: textfield;
    /* Safari and Chrome */
    appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
}

fieldset {
    border: 2px solid #f1f1f1;
    margin: 0 2px 30px 2px;
    padding: 1em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

/*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    text-decoration: none;
}

big {
    font-size: 125%;
}

h4,
.h4 {
    font-size: 20px;

}


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

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: """";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
    padding: 0;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
    padding: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 0 20px;
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */

    max-width: 100%;
    /* Adhere to container width. */
}

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

table {
    margin: 20px 0;
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

table th,
table td {
    padding: 8px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    vertical-align: top;
    text-align: left;
    line-height: 18px
}

table thead:first-child tr:first-child th,
table tbody:first-child tr:first-child th,
table tbody:first-child tr:first-child td {
    border-top: 0
}

table thead:first-child tr:first-child th:first-child,
table tbody:first-child tr:first-child td:first-child {
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0
}

table thead:first-child tr:first-child th:last-child,
table tbody:first-child tr:first-child td:last-child {
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0
}

table thead:last-child tr:last-child th:first-child,
table tbody:last-child tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px
}

table thead:last-child tr:last-child th:last-child,
table tbody:last-child tr:last-child td:last-child {
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0
}

.post {
    clear: both;
}

/*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #004987;
    border: 2px solid transparent;
    color: #fff;
    transition: 0.5s;
    border-radius: 2px;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    height: 42px;
    line-height: 38px;
    padding: 0 45px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.4s ease-out 0s;
    white-space: nowrap;
    border-radius: 31px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    left: 73px;
    position: relative;
    margin-top: 30px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: transparent;
    border: 2px solid #002B49;
    color: #004987;
    padding: 0 55px;
}



button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
}

select {
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

.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"],
.contact-form .wpcf7-form input[type="text"],
.contact-form .wpcf7-form input[type="email"],
.contact-form .wpcf7-form input[type="url"],
.contact-form .wpcf7-form input[type="password"],
.contact-form .wpcf7-form input[type="search"],
.contact-form .wpcf7-form input[type="number"],
.contact-form .wpcf7-form input[type="tel"],
.contact-form .wpcf7-form input[type="range"],
.contact-form .wpcf7-form input[type="date"],
.contact-form .wpcf7-form input[type="month"],
.contact-form .wpcf7-form input[type="week"],
.contact-form .wpcf7-form input[type="time"],
.contact-form .wpcf7-form input[type="datetime"],
.contact-form .wpcf7-form input[type="datetime-local"],
.contact-form .wpcf7-form input[type="color"],
.wpcf7-form textarea,
.vehicle_form textarea {
    color: #000;
    border: 1px solid #f2f2f2;
    padding: 1px 35px;
    width: 100%;
    font-weight: 300;
    line-height: 43px;
    margin-bottom: 0;
    background: #f2f2f2;
    border-radius: 31px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    left: 50%;
    position: relative;
    outline: 0 none;
}

.select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"],
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"],
input[type="color"]:focus,
.contact-form .wpcf7-form input[type="text"]:focus,
.contact-form .wpcf7-form input[type="email"]:focus,
.contact-form .wpcf7-form input[type="url"]:focus,
.contact-form .wpcf7-form input[type="password"]:focus,
.contact-form .wpcf7-form input[type="search"]:focus,
.contact-form .wpcf7-form input[type="number"]:focus,
.contact-form .wpcf7-form input[type="tel"]:focus,
.contact-form .wpcf7-form input[type="range"]:focus,
.contact-form .wpcf7-form input[type="date"]:focus,
.contact-form .wpcf7-form input[type="month"]:focus,
.contact-form .wpcf7-form input[type="week"]:focus,
.contact-form .wpcf7-form input[type="time"]:focus,
.contact-form .wpcf7-form input[type="datetime"]:focus,
.contact-form .wpcf7-form input[type="datetime-local"]:focus,
.contact-form .wpcf7-form input[type="color"]:focus,
.wpcf7-form textarea:focus,
.vehicle_form textarea:focus {
    width: calc(100% + 20px);
    outline: 0 none;
}

.vehicle_form textarea,
.wpcf7-form textarea {
    padding-top: 15px !important;
    line-height: 18px;
}

.wpcf7 p {
    margin-bottom: 25px;
    width: 100%;
    float: left;
}

.sponsorship_form p label {
    margin-bottom: 5px;
    text-align: left;
}


/*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/

a:hover,
a:active {
    outline: 0;
}

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

.gallery-item {
    display: inline-block;
    margin: 40px 0 0;
    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;
}

/*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/
/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}

/*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

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

/*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/

#secondary .widget {
    margin: 30px 0 0;
    overflow: hidden;
    background: rgba(144, 141, 146, 0.1);
    overflow: hidden;
    padding: 15px;
}

footer .widget {
    color: #cccccc;
    margin: 0 0 60px;
    overflow: hidden;
}

.widget.woocommerce.widget_shopping_cart {
    overflow: inherit;
}

/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}

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

/*-------------------------------------------------------------- # Content --------------------------------------------------------------*/
/*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/

.sticky {
    display: block;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */

    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}

/*-------------------------------------------------------------- # Media --------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    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;
}

/* -------------------------------------------------------------   
1.  Theme Default CSS (body, link color, section etc) ---------------------------------------------------------------- */

html,
body {
    height: 100%;
}

.floatleft {
    float: left
}

.floatright {
    float: right
}

.alignleft {
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-right: 0;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px
}

.nopadding-right {
    padding-right: 0;
}

.nopadding-left {
    padding-left: 0;
}

.nopadding {
    padding: 0;
}

a:focus {
    outline: 0px solid;
    text-decoration: none;
}

.nav>li>a:hover,
.nav>li>a:focus {
    background: transparent;
}

.fix {
    overflow: hidden
}

p {
    margin: 0 0 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    margin: 0 0 15px;
    line-height: 1.2;
    font-weight: 600;
}

a {
    color: #000000;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

a:hover {
    color: #004987;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0 none;
}

.page-content>ol,
.page-content>ul {
    margin: 0 0 20px 45px;
}

.main-container {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

#scrollUp {
    background: #9d9d9d none repeat scroll 0 0;
    bottom: 100px;
    color: #fff;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 10px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 40px;
    font-weight: bold;
    border-radius: 1000px;
}

#scrollUp:hover {
    background: #004987;
    color: #fff;
}

.clear {
    clear: both
}

.header_top {
    background: #000;
    color: #fff;
}

.top_header.top_bar_show {
    display: block;
}

.top_header.top_bar_hide {
    display: none;
}


/*  2.1  mainmenu area 
/*----------------------------------------*/
.main-menu nav .main-ul>li:last-child a:after {
    border-right: 0;
}

.main-menu {
    clear: both;
    z-index: 10;
    position: relative;
    /* margin: 0 auto; */
    float: none;
}

/* 2.2 mobile menu -------------------------*/

.mean-container .mean-bar {
    background-color: #343434;
    margin-top: 0px;
    z-index: 1;
    border-left: 1px solid #343434;
    border-right: 1px solid #343434;
    width: 100%;
}

.mean-container a.meanmenu-reveal {
    padding: 10px 13px 10px;
}

.mean-container .mean-nav {
    background: #FAF8F8;
}

.mean-container .mean-nav ul li a {
    background: rgba(0, 0, 0, 0);
    color: #666;
    border-top: 1px solid #e0d8d8;
    text-transform: capitalize;
    line-height: 14px;
}

.mean-container .mean-nav ul li a.mean-expand {
    line-height: 22px;
    padding: 8px !important;
}

.mean-container .mean-nav ul li a:hover {}

.mean-container .mean-nav ul li ul li a {
    border-top: 1px solid #e0d8d8;
}

.mean-container .mean-nav nav {
    padding: 0 10px;
}

.mean-container .mean-nav ul li a:hover {}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: none;
}

span.mobile-menu-title {
    color: #fff;
    font-size: 16px;
    left: 18px;
    line-height: 18px;
    position: absolute;
    text-transform: uppercase;
    top: 18px;
    font-weight: 500;
}

a.meanmenu-reveal {
    float: right;
}


/*  2.5  search area 
/*----------------------------------------*/
.top-detail {
    width: 30px;
    float: left;
    text-align: center;
    margin-right: 15px;
    margin-left: 15px;
}

.search-icon.fa.fa-search {
    font-size: 18px;
    color: #3f3f3f;
    padding: 41px 0 41px 0;
    -webkit-transition: padding 0.4s ease-in-out;
    -moz-transition: padding 0.4s ease-in-out;
    -o-transition: padding 0.4s ease-in-out;
    transition: padding 0.4s ease-in-out;
    -ms-transition: padding 0.4s ease-in-out;
}

.header-search.expand {
    cursor: pointer;
}

.product-search.sub-menu {
    position: absolute;
    top: 100%;
    background: #3f3f3f;
    padding: 0;
    text-align: left;
    right: 0;
}

.product-search input.form-control {
    background-color: #FFF;
    border: medium none;
    box-shadow: none;
    color: #3f3f3f;
    margin-bottom: 5px;
    margin-top: 5px;
    outline: medium none;
    padding: 0 20px;
    position: inherit;
    left: auto;
    transform: inherit;
    width: calc(100% - 120px);
}

.header-search .btn-default {
    background: #FFF;
    border: 0 none;
    border-radius: 0;
    color: #3f3f3f;
    margin: 0;
    position: inherit;
    left: auto;
    right: auto;
    width: 119px;
    height: 43px;
    float: right;
    transform: inherit;
    max-width: 119px;
}

.header-search .btn-default:hover {
    color: #004987;
}

.header-search .btn-default:active:focus {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    color: #ffffff;
}

.header-search .btn {
    padding: 0;
}

.header-search .btn:focus {
    outline: 0
}

.header-search .btn:active {
    box-shadow: none
}

.header-search button.btn.btn-default i {
    width: 120px;
    font-size: 24px;
    transition: .3s;
}

.header-search button.btn.btn-default i:hover {
    color: #004987;
    transition: .3s;
}

.expand:hover .restrain {
    opacity: 1;
    transform: scaleY(1);
    z-index: 9999;
}

.restrain {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
    z-index: -99;
    width: 100%;
    margin: 0 auto;
    left: 0;
    position: absolute;
    display: block;
    background: #fff;
    right: 0;
}

.header-search .btn {
    padding: 0;
}

.sticky-header .search-icon.fa.fa-search {
    padding: 28px 0 24px 0;
}


/*  2.6  dropdown menu  
/*----------------------------------------*/

.dropps-menu {
    padding-bottom: 36px;
    padding-left: 15px;
    position: relative;
}

.dropps-menu a {
    color: #3f3f3f;
}

.dropps-menu a:hover {
    color: #004987;
}

.dropps-menu .language {
    right: 0;
    text-align: right;
}

.lang-all>a:hover,
.search-icon.fa.fa-search:hover {
    color: #004987;
    transition: .3s
}

.readon-red a {
    color: #3f3f3f;
}

.readon-red:hover {
    color: #ffffff;
    background: #362f2d;
    transition: .5s;
    border: 1px solid #3f3f3f !important;
}

.readon-red:hover a {
    color: #fff !important;
}



/*----------------------------------------  6. latest post area /*----------------------------------------*/
.single .blog_header {
    margin-bottom: 60px;
}

.blog-page.single {
    margin-bottom: 60px;
}

.latest-post-area .area-title h3 {
    background: #f6f6f6;
}

.post-thumb {
    max-width: 100%;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}

.post-thumb:after {
    content: "";
    width: 0%;
    height: 0%;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    top: 0;
    z-index: 1;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
    pointer-events: none;
}

.latest-post:hover .post-thumb:after,
.single-post:hover .post-thumb:after {
    width: 100%;
    height: 100%;
}

.all-singlepost {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

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

.post-thumb-info {
    padding: 25px 15px;
    border: 1px solid #f1f1f1;
    width: 100%;
    float: left;
}

.post-time span,
.post-time a {
    font-size: 10px;
    letter-spacing: 1.1px;
    color: #3f3f3f;
    text-transform: uppercase;
    font-weight: 700;
}

.post-time a:hover {
    color: #004987
}

.postexcerpt p {
    color: #6d6d6d;
    line-height: 25px;
}

.post-time {
    margin: 0 0 10px;
}

.blog-page .post-time {
    margin: 0 0 10px 0;
}

.read-more {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFF;
    line-height: 30px;
    display: block;
    margin-bottom: 10px;
    background: #000;
    border-radius: 45px;
    border: 2px solid #000;
    margin-top: 20px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    width: 100px;
    text-align: center;
}

.read-more:hover {
    color: #004987;
    background-color: #ffffff;
}

.latest-post-area .all-singlepost {
    margin: 30px 0 0
}

.latest-post {
    background: #fff;
}

.post-content {
    padding: 15px 10px;
    border: 1px solid #f2f2f2;
}

/*----------------------------------------  6. latest post widget /*----------------------------------------*/
.recent-posts .post-wrapper,
.recent-comments .post-wrapper {
    display: block;
    overflow: hidden;
}

.recent-posts .rcnt-post-thumb,
.recent-comments .comnt-thumb {
    float: left;
    width: 25%;
}

#secondary .widget .recent-posts .rcnt-post-thumb a,
#secondary .widget .recent-comments .comnt-thumb a {
    display: block;
}

.recent-posts .post-info,
.recent-comments .post-info {
    float: left;
    padding-left: 10px;
    width: 70%;
}

#secondary .widget .recent-posts .post-info .post-title.recent-post-s,
#secondary .widget .recent-comments .post-info .post-title.recent-post-s {
    margin: 0 0 5px;
}

#secondary .widget .recent-posts .post-info .post-title.recent-post-s a,
#secondary .widget .recent-comments .post-info .post-title.recent-post-s {
    display: block;
    font-size: 14px;
    line-height: 14px;
    /* color: #797979; */
    border: 0 none;
    margin: 0;
    padding: 0;
}

.recent-posts .post-info .post-date.recent-post-s,
.recent-comments .post-info .post-date.recent-post-s {
    color: #7e7e7e;
    font-size: 11px;
    font-style: italic;
}

#secondary .widget .recent-posts ul li,
#secondary .widget .recent-comments ul li {
    margin-bottom: 15px;
    padding: 0;
}

#secondary ul li {
    margin-bottom: 6px;
}

#secondary ul li a {
    color: #000;
}


.recent-posts ul li a,
.recent-comments ul li a {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.recent-posts ul li a:hover,
.recent-comments ul li a:hover {
    color: #004987;
}

.recent-comments .post-info p {
    line-height: 16px;
    margin-bottom: 0;
}

#secondary input[type="text"] {
    border: 1px solid #ddd;
    box-sizing: border-box !important;
    height: auto;
    padding: 0 15px;
    width: 100%;
    margin: 0;
}

/*----------------------------------------  9. footer area /*----------------------------------------*/
.top-footer-area,
.info-footer {
    padding: 0;
    background: #000;
}

.top-footer-area .widget h3.widget-title {
    font-size: 13px;
    color: #fff;
    margin-bottom: 25px;
}

footer ul {
    list-style: outside none none;
    margin: 0;
}

#secondary ul {
    list-style: inside disc;
    margin: 0;
}

footer .recent-posts ul li,
footer .recent-comments ul li {
    margin-bottom: 20px;
}

footer .recent-posts ul li:last-child,
footer .recent-comments ul li:last-child {
    margin-bottom: 0;
}

footer .recent-posts ul li a,
footer .recent-posts ul li h3,
footer .recent-comments ul li a,
footer .recent-comments ul li h3 {
    color: #ccc;
    font-size: 13px;
    margin-bottom: 5px;
    text-transform: inherit;
}

footer .recent-posts .post-info .post-date.recent-post-s,
footer .recent-comments .post-info .post-date.recent-post-s {
    color: #CCC;
}

.widget ul li a:hover {
    color: #004987;
}

.info-fcontainer {}

.infof-icon {
    float: left;
    margin-right: 15px;
    margin-top: 3px;
}

.infof-icon i {
    width: 30px;
    height: 30px;
    border: 1px solid #000000;
    border-radius: 3px;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    text-align: center;
}

.info-footer {
    border-top: 1px solid #4c4b4b;
}

.footer-social h3,
.info-fcontainer h3 {
    font-size: 28px;
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 40px;
}

.info-fcontainer a,
.info-fcontainer p {
    font-size: 14px;
    color: #fff;
    margin: 0;
}

.info-fcontainer .wpcf7-form p {
    margin-bottom: 30px;
}


.info-fcontainer a {
    display: block;
}

.single-bannerfooter {
    border-right: 1px solid #363636;
}

.last-single {
    border: 0;
}

.single-bannerfooter a:hover {
    opacity: 0.6;
}

.address-footer address {
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
    font-weight: 500;
}


.footer-logo {
    margin-top: 68px;
}

.address-footer address a {
    color: #fff;
}

.address-footer address a:hover {
    color: #004987;
}

.social-footer ul li {
    color: #ccc;
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 10px;
}

.social-footer ul li a {
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: #fff;
    font-size: 12px;
    border: 1px solid #555;
    border-radius: 3px;
    margin-right: 15px;
    display: inline-block;
}



.main-area .ex-pro {
    margin-top: 40px;
}

.main-area .bn-pro {
    margin-top: 31px;
}

.main-area .banner-area {
    margin: 0 0 60px;
}

.woocommerce .slick-slider {
    margin-bottom: 60px;
}

.main-area .block-image {
    margin-right: 20px;
    width: 45%;
}

.main-area .block-category {
    margin: 76px 0 0
}

.block-category .bar-title {
    margin: 60px 0 40px;
}

.bar-ping {
    display: block;
    width: 11%;
    float: left;
    margin-right: 10px;
}

#secondary .widget .widget-title {
    color: #3f3f3f;
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    line-height: 35px;
    position: relative;
    text-transform: uppercase;
    word-wrap: break-word;
    background-size: contain;
    position: relative;
}

#secondary .widget .widget-title::after {
    position: absolute;
    left: 0;
    width: 3vw;
    content: "";
    height: 2px;
    background: #000000;
    bottom: -2px;
}

#secondary aside.widget_text:first-child h3 {
    margin: 0;
}

.main-area .testimonial-area {
    background: none;
    overflow: hidden;
}

.bar-test {
    background: #f4f4f4;
    padding: 20px 10px;
    margin-top: 20px;
}

.main-area .latest-post-area {
    background: none;
    margin-top: 40px;
}

.main-area .product-content p {
    letter-spacing: 0.6px
}

.banner-area p a img {
    width: 100%;
}

.left-column p img {
    margin-bottom: 15px;
}

.breadcrumbs .home {
    float: left;
    margin-right: 10px;
}

.breadcrumbs a {
    color: #777777;
    font-size: 14px;
    font-weight: 700;
    margin-right: 5px;
}

.breadcrumbs span.separator {
    margin-right: 5px;
}

.breadcrumbs a:hover {
    color: #000000;
}

.breadcrumbs {
    margin: 15px 0;
}

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

p.comment-form-rating label,
p.comment-form-comment label,
#commentform p {
    margin-bottom: 25px;
    max-width: 100%;
    color: #7f7f7f;
}

#commentform input[type="submit"] {
    font-size: 14px;
}

#commentform input[type="submit"]:hover {
    background: #000000;
    color: #FFF;
    border-color: transparent;
}

.comments-list ul li {
    margin-bottom: 25px;
}

li.threaded-comments {
    margin-left: 50px;
}

.comments-list-img {
    float: left;
    margin-right: 15px;
}

.comments-content-wrap {
    border: 1px solid #ddd;
    color: #42414f;
    font-size: 12px;
    line-height: 1;
    margin: 0 0 15px 63px;
    padding: 10px;
    position: relative;
    border-radius: 3px;
}

.comments-content-wrap:before {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ececec;
    content: "";
    display: block;
    height: 10px;
    left: -5px;
    position: absolute;
    top: 10px;
    transform: rotate(45deg);
    width: 10px;
}

.comments-content-wrap p {
    color: #909295;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 15px;
}

li.threaded-comments {
    margin-left: 50px
}

span.email-notes {
    color: #42414f;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}

.author-info.archives,
.single-post .post-thumb-info .author-info {
    background: #f2f2f2 none repeat scroll 0 0;
    margin: 20px 0;
    padding: 20px;
    float: left;
    width: 100%;
}

.author-info.archives .author-avatar,
.single-post .post-thumb-info .author-avatar {
    float: left;
    margin-right: 20px;
}

.author-info.archives .author-description,
.single-post .post-thumb-info .author-description {
    color: #787878;
    float: left;
    width: 83%;
}

.single-post .post-thumb-info .postexcerpt {
    margin: 20px 0;
}

.author-description>h2 {
    font-size: 14px;
    line-height: 1.35;
    margin-bottom: 10px;
    color: #FFFFFF;
}







.sub-menu-columns ul.sub-menu li {
    display: inline-block;
    float: left;
    width: 200px;
}

.sub-menu-columns ul.sub-menu li:nth-child(odd) {
    float: left;
    margin-right: 10px;
}

.sub-menu-columns ul.sub-menu li:nth-child(even) {
    float: right;
}


/* Blog */
h1.blogtitle a,
.single-post h1.blogtitle {
    color: #3f3f3f;
    font-size: 24px;
    font-weight: 700;
}

h1.blogtitle a:hover {
    color: #000000;
}

.single-post h1.blogtitle {
    line-height: 1.5;
    margin-bottom: 30px;
}

.class-page .postexcerpt,
.blog-page .post-thumb-info .postexcerpt {
    margin: 0;
}

/* Blog Comments */
.comments-area {
    overflow: hidden;
}

.author-description .author_link {
    color: #009fdd;
    font-size: 13px;
}

h3.comments-title {
    border-bottom: 1px solid #f1f0f0;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 30px;
    padding: 0 0 20px;
    position: relative;
    text-transform: uppercase;
    color: #888;
}

.comments-area {
    float: left;
    margin: 20px 0 70px;
    width: 100%;
}

#commentform a {
    color: #666;
}

.comments-area .comments-title,
.comments-area .comment-reply-title {
    border-bottom: 1px solid #f1f0f0;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 30px;
    padding: 0 0 20px;
    position: relative;
    text-transform: uppercase;
    color: #333;
}

.comments-area .comment-list {
    margin: 0;
    padding: 0;
}

.comments-area .comment-list li.comment {
    list-style: outside none none;
}

.comments-area .comment-list li.comment article.comment {
    margin: 0 0 30px;
}

.comments-area .comment-list li.comment article.comment .comment-avatar {
    float: left;
}

.comments-area .comment-list li.comment article.comment .comment-info {
    border: medium none;
    margin-left: 75px;
    position: relative;
}

.comments-area .comment-list li.comment article.comment .comment-info .reply {
    display: inline-block;
    float: right;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.comments-area .comment-list li.comment article.comment .comment-info .reply a {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: none;
    color: #333;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0 20px;
    text-shadow: none;
    text-transform: capitalize;
    transition: all 0.4s ease-out 0s;
    white-space: nowrap;
}

.comments-area .comment-list li.comment article.comment .comment-info .reply a:hover {
    background: #009fdd none repeat scroll 0 0;
    border-color: #009fdd;
    color: #fff !important;
}

#cancel-comment-reply-link:hover {
    color: inherit;
}

.comments-area .comment-list .comment-meta {
    color: #999;
    float: left;
    font-size: 15px;
    line-height: 1;
    margin: 0 0 10px;
    width: 100%;
}

.comments-area .comment-list .comment-meta img {
    margin-right: 10px;
}

.comments-area .comment-list .comment-meta cite {
    float: left;
    margin-bottom: 10px;
}

.comments-area .comment-list .comment-meta cite .fn {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.comments-area .comment-list .comment-meta cite .fn a {
    color: #353535;
    font-style: normal;
}

.comments-area .comment-list .comment-meta cite .fn a:hover {
    color: #009fdd;
}

.comments-area .comment-list .comment-meta cite span {
    display: none;
}

.comments-area .comment-list .comment-meta time {
    clear: both;
    float: left;
    font-size: 12px;
    font-style: italic;
}

.comments-area .comment-list .comment-content {
    font-size: 14px;
}

.comments-area .comment-list .comment-content p:last-child {
    margin-bottom: 0;
}

.comments-area .comment-list ul.children {
    margin: 0 0 0 20px;
}

.comments-area .comment-respond {
    margin-top: 45px;
    width: 100%;
}

.comments-area .comment-respond .comment-form label {
    color: #999;
    display: block;
    margin: 0 0 5px;
}

.comments-area .comment-respond .comment-form .comment-notes,
.comments-area .comment-respond .comment-form .form-allowed-tags {
    color: #999;
    font-size: 13px;
}

.comments-area .comment-respond .comment-input input {
    width: 100%;
    background: #fdfdfd none repeat scroll 0 0;
    border: 1px solid #f1f0f0;
    border-radius: 0;
    max-width: 100%;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 30px;
}

.comments-area .comment-respond .comment-form #comment {
    border: 1px solid #f1f0f0;
    height: 130px;
    width: 100%;
    background: #fdfdfd none repeat scroll 0 0;
    border-radius: 0;
    max-width: 100%;
    padding: 10px;
    margin-bottom: 30px;
    font-size: 14px;
}

/* Blog pagination */
.main-container .blog-page .pagination {
    border-radius: 0;
    border-top: 1px solid #e5e5e5;
    float: left;
    margin: 0 0 50px;
    padding: 20px 0 0;
    width: 100%;
}

.main-container .blog-page .pagination ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.main-container .blog-page .pagination li {
    float: left
}

.main-container .blog-page .pagination a,
.main-container .blog-page .pagination span {
    display: block;
    text-align: center;
    padding: 0 10px;
    text-transform: uppercase;
    background-color: #ebebeb;
    color: #3f3f3f;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 40px;
}

.main-container .blog-page .pagination a i,
.main-container .blog-page .pagination span i {
    height: 30px;
    line-height: 30px;
}

.social-area .top-social a {
    line-height: 28px;
    width: 28px;
    font-size: 20px;
    border-radius: 100%;
}

.mobile-social-area a,
.top-social a {
    line-height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
    background: #fff;
    margin-right: 10px;
    color: #000;
    font-size: 24px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.mobile-social-area {
    margin-top: 30px;
    margin-bottom: 30px;
}

.main-container .blog-page .pagination a.current,
.main-container .blog-page .pagination a:hover,
.main-container .blog-page .pagination span.current,
.main-container .blog-page .pagination span:hover {
    background: #000000;
    color: #FFF;
}

.top-header {
    line-height: 30px;
    width: 100%;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.top-menu {
    margin: 0 45px 0 0;
    padding: 0;
    list-style: none;
}

.top-menu li {
    float: left;

}

.top-menu li a {
    color: #FFF;
    font-size: 15px;
    line-height: 2;
    border-right: 1px solid #fff;
    margin-right: 5px;
    padding-right: 5px;
}

.top-menu li:last-child a {
    border-right: 1px solid transparent;
    margin: 0;
    padding: 0;
}

.menu-top-menu-container {
    width: 100%;
}

.callto_mobile {
    margin-right: 10px;
}

.padding-left-0 {
    padding-left: 0;
}

.padding-right-0 {
    padding-right: 0;
}

.section-padding-70 {
    padding: 70px 0;
}

.padding-130 {
    padding-top: 130px;
    padding-bottom: 130px;
}

.padding-118 {
    padding-top: 118px;
    padding-bottom: 117px;
}

.padding-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

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


.section-padding-30 {
    padding-top: 30px;
    padding-bottom: 5px;
}

.section-title {
    font-size: 25px;

    color: #000;
    margin-bottom: 35px;
}

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

.cat-heading h1 {
    font-size: 40px;
    color: #FFF;
    text-align: center;
    display: block;
    line-height: 1;
    text-transform: uppercase;
}

.section-heading h1 {
    font-size: 45px;
    text-align: center;
    display: block;
    line-height: 1;
    position: relative;
    font-weight: normal;
}

.cat-heading h4 {
    font-size: 28px;
    color: #FFF;
    text-align: center;
    display: block;
    line-height: 1;
    letter-spacing: 2px;
    margin-top: 30px;
}

.cat-heading h4 a {
    color: #FFF;
}

#secondary .searchform {
    position: relative;
}

#secondary input#searchsubmit {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0 5px;
    border-radius: 0;
    background: #000000;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    -webkit-transform: inherit;
    transform: inherit;
    left: inherit;
    border-radius: 0 31px 31px 0;
}



/* Navigation */
.mobile-menu {
    height: 70px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.menu_text,
.menu_close {
    float: left;
    font-size: 22px;
    margin-right: 21px;
    text-transform: uppercase;
    line-height: 70px;
    font-style: italic;
    color: #000;
}

.menu_close {
    display: none;
}

.phone-menu-open .menu_text,
.mobile-menu-open .menu_text {
    opacity: 0;
}

.phone-menu-open .menu_close,
.mobile-menu-open .menu_close {
    display: block;
    position: relative;
    z-index: 3;
    left: -56px;
    color: #FFF;
}

.hamburger_phone.opened,
.hamburger.opened {
    cursor: pointer;
    height: 38px;
    z-index: 999;
    width: 38px;
}

.hamburger_phone,
.hamburger {
    display: table-cell;
    position: relative;
    transition: all 0.4s ease 0s;
    vertical-align: middle;
    height: 38px;
    width: 38px;
    cursor: pointer;
    z-index: 9999;
}

.hamburger_phone {
    margin-right: 6px;
}












.hamburger_phone a {
    display: block;
}


.phone-menu-open .openmenu,
.mobile-menu-open .openmenu {
    display: block;
}

body.phone-menu-open,
body.mobile-menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}



.js_body__overlay {
    position: fixed;
    background: #000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    opacity: .75;
    filter: alpha(opacity=60);
    visibility: hidden;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 1;
}

.js_body__overlay.j_b_overlay_top {
    top: 44px;
}

.phone-menu-open .js_body__overlay,
.mobile-menu-open .js_body__overlay {
    visibility: visible;
    -webkit-transition: visibility 300ms ease-in-out 0s;
    -o-transition: visibility 300ms ease-in-out 0s;
    transition: visibility 300ms ease-in-out 0s;
}

.phone-menu-open .js_body__overlay,
.js_body__overlay,
.mobile-menu-open .js_body__overlay {
    display: none;
}

.phone-menu-open #sticky-header,
.mobile-menu-open #sticky-header {
    height: 100%;
    background: transparent;
}

.phone-menu-wrapper,
.mobile-menu-wrapper {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-top: 100px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
    background: #000000;
}

.t_b_s_m .phone-menu-wrapper,
.t_b_s_m .mobile-menu-wrapper {
    top: 50px;
}

.hamburger_wrap {
    display: none;
    height: 75px;
    left: 0;
    position: absolute;
    top: 0;
    width: 75px;
}

#phonemenu,
#mobilemenu ul {
    display: block;
    margin: 0;
    width: 100%;
    list-style: none;
}

#phonemenu ul,
#mobilemenu ul ul {
    margin: 0;
}

#mobilemenu.align-center>ul {
    text-align: left;
}

#phonemenu li,
#mobilemenu ul li {
    position: relative;
    display: block;
    border-bottom: 2px solid #d2d2d245;
}

#phonemenu ul li,
#mobilemenu ul ul li {
    border-bottom: 2px solid transparent;
}

#phonemenu li a,
#mobilemenu ul li a,
#phonemenu ul li a,
#mobilemenu ul ul li a {
    width: 100%;
    border-bottom: 0;
}

#phonemenu>li,
#mobilemenu>ul>li {
    float: none;
}

#phonemenu ul li a,
#mobilemenu ul ul li a {
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 5px 0 5px 25px;
    font-weight: 400;
}

#mobilemenu>ul>li.has-sub>a:after,
#mobilemenu>ul>li.has-sub>a:before,
#mobilemenu ul ul>li.has-sub>a:after,
#mobilemenu ul ul>li.has-sub>a:before {
    display: none;
}

#mobilemenu .sb-warpper {
    position: absolute;
    z-index: 99;
    right: 0px;
    top: 0px;
    display: block;
    height: 51px;
    width: 100px;
}
#phonemenu .submenu-button,
#mobilemenu .submenu-button {
	right: 20px;
	top: 10px;
	display: block;
	height: 30px;
	width: 30px;
	cursor: pointer;
	border: 2px solid #4fddc5;
	border-radius: 100%;
	position: relative;
	float: right;
}

#phonemenu .submenu-button {
    top: 7px;
    height: 35px;
    width: 35px;
    border: 0 none;
}

#phonemenu li a img {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}


#phonemenu ul .submenu-button,
#mobilemenu ul ul .submenu-button {
    height: 30px;
    width: 30px;
    top: 2px;
    right: 14px;
}

#mobilemenu .submenu-button::after {
    position: absolute;
    top: calc(50% + -1.5px);
    right: calc(50% - 7.5px);
    width: 15px;
    height: 3px;
    display: block;
    background: #FFF;
    content: '';
}

#mobilemenu ul ul .submenu-button::after {
    top: 13px;
    right: 7px;
}

#mobilemenu .submenu-button.submenu-opened:after {
    background: #ffffff;
}

#mobilemenu .submenu-button::before {
    position: absolute;
    top: calc(50% - 7.5px);
    right: calc(50% - 1.5px);
    display: block;
    width: 3px;
    height: 15px;
    background: #FFF;
    content: '';
}

#mobilemenu ul ul>li .submenu-button::before {
    top: 7px;
    right: 13px;
}

#mobilemenu .submenu-opened .submenu-button:before {
    display: none;
}

#phonemenu>li>a,
#mobilemenu>ul>li>a {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1;
    padding: 16px;
    text-decoration: none;
    display: block;
}

#phonemenu>li.has-sub>a,
#mobilemenu>ul>li.has-sub>a {
    padding-right: 35px;
}

#phonemenu ul.sub-menu,
#mobilemenu ul.sub-menu {
    display: none;
}

#phonemenu.align-right li:hover>ul,
#mobilemenu.align-right li:hover>ul {
    left: auto;
    right: 0;
}

#phonemenu.align-right ul ul,
#mobilemenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}

#phonemenu ul li:last-child>a,
#phonemenu ul li.last-item>a,
#mobilemenu ul ul li:last-child>a,
#mobilemenu ul ul li.last-item>a {
    border-bottom: 0;
}

#mobilemenu.align-right ul ul li.has-sub>a:after {
    right: auto;
    left: 11px;
}

#mobilemenu.align-right ul ul li.has-sub>a:before {
    right: auto;
    left: 14px;
}

#mobilemenu ul ul>li.has-sub:hover>a:before {
    top: 17px;
    height: 0;
}

.mobile_logo {
    display: none;
}

.phone-menu-open .mobile_logo,
.mobile-menu-open .mobile_logo {
    display: block;
}

.phone-menu-open .mobile_logo a img,
.mobile-menu-open .mobile_logo a img,
.phone-menu-open .mobile_logo a,
.mobile-menu-open .mobile_logo a {
    z-index: 999;
}

.phone-wrapper .callto,
.mobile-wrapper .callto {
    font-size: 22px;
}

.mobile-wrapper .callto {
    font-size: 22px;
}

.phone-menu-wrapper .request_cons,
.mobile-menu-wrapper .request_cons {
    margin-top: 20px;
    margin-bottom: 20px;
}

.phone-menu-wrapper a.request_cons,
.mobile-menu-wrapper a.request_cons {
    line-height: 48px;
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    border: 1px solid transparent;
    background: #000000;
    display: block;
    width: 288px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.mobile-menu-wrapper .social-area .top-social a {
    line-height: 38px;
    width: 38px;
    font-size: 24px;
}

.social-img,
.social-img span,
.social-area .top-social {
    display: inline-block;
}


.social-img span {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    font-style: italic;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 9;
}

img.social {
    width: 30px;
    margin-top: -5px;
}

footer .top-social {
    top: -2px;
}

.social-area-2,
.social-area {
    position: relative;
}

.top-social {
    opacity: 0;
    position: absolute;
    left: 34px;
    top: 0;
    visibility: hidden;
}

.open+.top-social {
    opacity: 1;
    visibility: visible;
    text-align: left;
}

.top-social a {
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.social-area-2 .top-social a {
    line-height: 28px;
    width: 28px;
    display: inline-block;
    text-align: center;
    background: #fff;
    margin-right: 4px;
    color: #3f3f3f;
    font-size: 18px;
    border-radius: 100%;
}

.social-area:hover .top-social a {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 2;
}

.open+.top-social a {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 2;
}

.entry-content a {
    font-weight: 600;
    color: inherit;
    text-decoration: underline;
}


.category-banner {
    background-color: #5e6a71;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    float: left;
    position: relative;
    padding-top: 500px;
    overflow: hidden;
}

.category-banner .iframe-container {
    position: absolute;
    padding-bottom: 56.25%;
    height: 0;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}

.category-banner .embed-container {
    padding-bottom: 56.25%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.cat-heading {
    position: absolute;
    width: 100%;
    bottom: 205px;
    left: 0;
    z-index: 3;
}

.cat-heading h1 {
    position: relative;
    margin-bottom: 0;
}

.cat-heading h1::after {
    content: '';
    height: 5px;
    width: 250px;
    margin: 0 auto 0 -50px;
    position: absolute;
    bottom: -15px;
    left: calc(50% - 75px);
    z-index: 1;
    background: #004987;
}

.section-heading h1::after {
    content: '';
    height: 5px;
    width: 250px;
    margin: 0 auto 0 -50px;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 75px);
    z-index: 1;
    background: #004987;
}


.contactus_title {
    color: #5c5e5f;
    font-size: 28px;
}

.contact-from-wrapper label {
    display: block;
    margin-bottom: 15px;
    color: #5c5e5f;

}

.contact_hour_title,
.contact_info_title {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    float: left;
    margin-right: 5px;
}

.contact_info_title,
.title_1 {
    width: 80px;
}

.no-padding {
    padding: 0;
}

.infof-content h2 {
    color: #000000;
    margin-top: 20px;
}

.contact_hour {
    margin-bottom: 20px;
}

.opening_hour {
    margin: 0;
    padding: 0;
    list-style: none;
}

.opening_hour li {
    margin-bottom: 3px;
}

.opening_hour li strong {
    color: #000;
    font-weight: normal;
    width: 120px;
    float: left;
    text-transform: capitalize;
}

.product-search .btn.btn-default:before {
    display: none;
}

.mainmenu.search_off {
    width: 100%;
}

.sticky-header .main-menu nav {
    margin-top: 0;
}


.mobile-menu-wrapper a.request_cons::after {
    display: none;
}

/* Menu */
.mainmenu {
    text-align: right;
}

.mainmenu a {
    display: inline-block;
}

.mainmenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: table;
    margin: 0 auto;
}

.mainmenu ul li {
    float: left;
    /* padding: 0px 12px; */
    position: relative;
}

.callto img {
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    width: 22px;
    margin-right: 5px;
    margin-top: -2px;
}

.mainmenu ul li:last-child {
    // padding-right: 0px;
}

.mainmenu ul li a {
    font-size: 16px;
    color: #FFF;
    font-weight: 400;
    position: relative;
    line-height: 40px;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.header_area_inner .mainmenu ul>li>a {
    line-height: 104px;
}

.mainmenu li a:hover {
    text-decoration: none;
}

.mainmenu ul li a:hover,
.mainmenu ul li ul.sub-menu li>a:hover,
.mainmenu ul li.current-menu-parent>a,
.mainmenu ul li.current-menu-item>a {
    text-decoration: none;
    color: #000000;
}

.mainmenu ul li span {
    font-size: 30px;
    color: #e1e1e1;
    line-height: 124px;
}

.mainmenu ul li ul.sub-menu li {
    display: block;
    margin-bottom: 5px;
    float: none;
    margin-top: 5px;
}

.mainmenu ul li ul.sub-menu {
    background-color: #FAFAFA;
    visibility: hidden;
    z-index: 25;
    display: block;
    height: auto;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    transform: translateY(-10px);
    top: 100%;
    /* line-height: 40px; */
    width: 275px;
    padding: 10px 0 10px 0;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
    -moz-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
    -ms-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
    -o-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
    border-radius: 4px;
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .15);
}

.mainmenu ul li ul.sub-menu.right-menu {
    right: 0;
}

.mainmenu>ul>li:hover>ul.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.mainmenu ul li ul.sub-menu ul.sub-menu {
    left: 100%;
    top: 0;
}

.mainmenu ul li ul.sub-menu ul.sub-menu.right-menu {
    left: initial;
    right: 100%;
}

.mainmenu ul li ul.sub-menu li a {
    line-height: 1.4;
    font-size: 15px;
    display: block;
    border: 0 none;
    font-weight: 400;
}

a.read_more_btn {
    font-size: 20px;
    color: #302f2f;
    line-height: 42px;
    position: absolute;
    bottom: 15px;
    border: 2px solid #302f2f;
    display: block;
    border-radius: 50px;
    width: 70%;
    margin: 0 auto;
    left: 0;
    right: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

a.read_more_btn {
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
}

.service-thumb~a.read_more_btn span,
a.read_more_btn span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

a.read_more_btn span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}

a.read_more_btn:hover span {
    padding-right: 25px;
}

a.read_more_btn:hover span:after {
    opacity: 1;
    right: 0;
}

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

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

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

/* Header */

#sticky-header {
    position: relative;
}

.main-header {
    position: fixed;
    z-index: 199;
    -webkit-backface-visibility: hidden;
    width: 100%;
    top: 44px;
    left: 0;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.sticky-header .main-header {
    top: 0;
    background-color: #FFF !important;
}

.main-header.t_b_h {
    top: 0;
}

.top_header {
    position: relative;
    background: #000;
    height: 44px;
}

.mobile-menu-open #sticky-header {
    height: 100%;
    background: transparent;
}

.logo {
    height: 86px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9;
}

.sticky-header .logo {
    height: 74px;
}


.logo img {
    width: 225px;
}

.mainmenu ul li a {
    line-height: 86px;
    border-bottom: 4px solid transparent;
    padding: 0 12px;
}

.sticky-header .mainmenu ul>li>a {
    line-height: 70px;
}


.mainmenu li {
    position: relative;
}

/* .mainmenu>ul>li::after {
    position: absolute;
    content: "";
    top: 96%;
    left: 0;
    width: 100%;
    height: 4px;
    background: #002B49;
    transform: scaleX(0);
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
} */

/* .mainmenu li:hover::after,
.mainmenu li.current-menu-item::after {
    transform: scaleX(1);
} */



.form-subtitle {
    margin-bottom: 30px;
    margin-top: 0;
    font-size: 22px;
    color: #00a8e2;
}

.opening_hour {
    margin-top: 20px;
}

.opening_hour_ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

span.day {
    width: 140px;
    display: inline-block;
}

.opening_hour strong {
    display: block;
}

#page-sidebar {
    border: 2px solid #f2f2f2;
    margin-top: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.wpcf7-form-control.wpcf7-select {
    width: 100%;
    border: 1px solid #f2f2f2;
    line-height: 43px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    margin-top: 8px;
}

.page-not-found.text-center {
    padding: 125px 0;
}

.section-padding-50 {
    padding: 50px 0;
}

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

.postexcerpt h1,
.postexcerpt h2,
.postexcerpt h3,
.postexcerpt h4,
.postexcerpt h5,
.postexcerpt h6 {
    clear: inherit;
}

blockquote {
    background: #f3f5f8;
}


/*//////////////////////////////////////////////////////////////////
  [ Restyle Select2 ]*/

.select2-container {
    display: block;
    max-width: 100% !important;
    width: auto !important;
}

.select2-container .select2-selection--single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    outline: none;
    position: relative;
    color: #000;
    border: 1px solid #f2f2f2;
    border-top-color: rgb(242, 242, 242);
    border-right-color: rgb(242, 242, 242);
    border-bottom-color: rgb(242, 242, 242);
    border-left-color: rgb(242, 242, 242);
    padding: 5px 35px;
    width: 100%;
    font-weight: 300;
    line-height: 43px;
    margin-top: 8px;
    background: #f2f2f2;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: auto;
    border-radius: 31px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    left: 50%;
    position: relative;
    outline: 0 none;
    overflow: hidden;
}

.select2-container .select2-selection--single:focus {
    width: calc(100% + 20px);
    padding: 5px 45px;
    outline: 0 none;
}



/*------------------------------------------------------------------
  [ in select ]*/
.select2-container--default .select2-results>.select2-results__options {
    max-height: 300px;
    min-height: 200px;
    overflow-y: auto;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    background-color: transparent;
    padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #777;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.select2-selection__arrow b {
    display: none;
}

.select2-selection__arrow::before {
    content: '';
    display: block;

    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #999999;
    margin-bottom: 2px;
}

.select2-selection__arrow::after {
    content: '';
    display: block;

    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #999999;
}

/*------------------------------------------------------------------
  [ Dropdown option ]*/
.select2-container--open .select2-dropdown {
    z-index: 1251;
    border: 0px solid #e5e5e5;
    border-radius: 0px;
    background-color: white;

    box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
}

.select2-dropdown--above {
    top: -30px;
}

.select2-dropdown--below {
    top: 8px;
}

.select2-container .select2-results__option[aria-selected] {
    padding-top: 6px;
    padding-bottom: 6px;
}

.select2-container .select2-results__option[aria-selected="true"] {
    background: #F1F2f2;
    color: #000;
}

.select2-container .select2-results__option--highlighted[aria-selected] {
    background: #F1F2f2;
    color: #000;
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid #F2F2F2;
    outline: none;
    line-height: 1.2;
}

.select2-selection.select2-selection--single {
    border: 1px solid #f2f2f2;
    line-height: 43px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 35px;
    border-radius: 31px;
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    -ms-border-radius: 31px;
    -o-border-radius: 31px;
    background: #f1f1f1;
    height: 48px;
}

.page-not-found .entry-title {
    letter-spacing: 2px;
    font-size: 24px;
}

.page-not-found img {
    margin-bottom: 30px;
}

.entry-content .search-form #searchform input.search_input {
    /* width: 200px; */
    left: auto;
    /* right: auto; */
    position: inherit;
    transform: inherit;
    border-radius: 0;
}

.entry-content .search-form #searchform input#searchsubmit {
    position: absolute;
    transform: inherit;
    border-radius: 0;
    top: 0px;
    left: inherit;
    right: 0 !important;
    margin-top: 0;
    line-height: 1;
    height: 47px;
}

.entry-content #searchform {
    position: relative;
}

.top_phone_number {
    padding-top: 5px;
}

.top_phone_number span,
.top_phone_number a {
    font-size: 18px;
    line-height: 1.2;
    color: #FFF;
}

.top_phone_number span {
    color: #ffffff;
}

.top_phone_number span img {
    position: relative;
    top: -2px;
}

.top_n_m_s {
    display: inline-block;
    margin-left: 10px;
}

.ba_subtitle {
    margin-bottom: 50px;
}

.cta__buttons {
    width: 100%;
    margin: 2em auto 0;
    overflow: hidden;
}

.btn {
    display: block;
    max-width: 9em;
    padding: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 0.2em;
    color: #FFF;
    font-size: 0.875em;
    letter-spacing: 0.03em;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    transition: border-color 0.3s, background-color 0.3s;
    transition-timing-function: ease, ease;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    line-height: 1;
    -webkit-transition: border-color 0.3s, background-color 0.3s;
    -moz-transition: border-color 0.3s, background-color 0.3s;
    -ms-transition: border-color 0.3s, background-color 0.3s;
    -o-transition: border-color 0.3s, background-color 0.3s;
}

a.btn:hover,
.btn:hover {
    text-decoration: none;
    border-color: #FFF;
    background-color: #000;
    color: #002B49;
}

.btn>span {
    display: block;
    padding: 1em 0;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
}

.btn:hover>span {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
}

.btn::before {
    content: attr(data-text);
    width: 100%;
    height: 100%;
    padding: 1em 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000;
    color: #fff;
    text-decoration: none;
    -webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    -moz-transform: translate3d(-101%, 0, 0);
    -ms-transform: translate3d(-101%, 0, 0);
    -o-transform: translate3d(-101%, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -webkit-transform 0.3s;
    -ms-transition: -webkit-transform 0.3s;
    -o-transition: -webkit-transform 0.3s;
}

.btn:hover::before {
    color: #FFF;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.cta__buttons .btn--two {
    float: right;
    width: 48%;
}

.btn--underline {
    border: none;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
    color: #FFFFFF;
}

.btn--underline::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    border: 1px solid #FFFFFF;
    border-radius: inherit;
    color: #fff;
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
    transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -moz-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
    -ms-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
    -o-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
}

.btn--underline>span {
    display: block;
    transition: -webkit-transform 0.3s, opacity 0.3s, padding 0.3s;
    transition: transform 0.3s, opacity 0.3s, padding 0.3s;
    transition-delay: 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, padding 0.3s;
    -moz-transition: -webkit-transform 0.3s, opacity 0.3s, padding 0.3s;
    -ms-transition: -webkit-transform 0.3s, opacity 0.3s, padding 0.3s;
    -o-transition: -webkit-transform 0.3s, opacity 0.3s, padding 0.3s;
}

.btn--underline:hover {
    background-color: transparent;
}

.btn--underline:hover::before {
    border: 1px solid #000000;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.btn--underline:hover>span {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    transition-delay: 0s;
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
}

.btn-white {
    border: 2px solid #FFF;
    color: #FFF;
    max-width: 14.75em;
}

.btn-black {
    border: 2px solid #000;
    color: #000;
    max-width: 18em;
}

.about_us_section {
    background: #e1e6e8;
}

.aus_title {
    color: #444344;
    font-size: 38px;
    letter-spacing: 2px;
    line-height: 1.2;
    margin-bottom: 50px;
}

.aus_content p {
    font-size: 21px;
    color: #444343;
}

.aus_content {
    padding-top: 30px;
}

.aus_content {
    padding-top: 30px;
    padding-right: 60px;
}





.au_button_area {
    margin-top: 50px;
}

.team_section {
    background: #5e6a71;
}

.team_section {
    background: #5e6a71;
    padding-top: 118px;
    background-image: url(img/team_bg.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: scroll;
    background-size: contain;
}

.team_subtitle {
    font-size: 21px;
    color: #fff;
    letter-spacing: .5px;
    margin-bottom: 53px;
}

.team_m_title {
    position: absolute;
    top: -11px;
    right: -6px;
    font-size: 18px;
    letter-spacing: 0px;
    color: #FFF;
}

.team_member {
    background-image: url(img/arrow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: scroll;
    background-size: contain;
    position: absolute;
    top: 1px;
    right: 85px;
    width: 51px;
    height: 45px;
}

.team_member.team_member_2 {
    background-image: url(img/arrow_two.png);
    width: 35px;
    height: 64px;
    top: 54px;
    right: 60px;
}

.team_m_title.t_m_t_2 {
    top: 25px;
    right: 30px;
}

.team_member.team_member_3 {
    background-image: url(img/arrow_three.png);
    width: 65px;
    height: 37px;
    right: 78px;
}

.team_m_title.t_m_t_3 {
    top: 37px;
    right: 20px;
}

.team_member.team_member_4 {
    background-image: url(img/arrow_four.png);
    width: 64px;
    height: 35px;
    top: 18px;
    right: 42px;
}

.team_m_title.t_m_t_4 {
    top: 15px;
    right: -51px;
}

.owl-carousel button.owl-dot {
    height: 13px;
    width: 13px;
    background: #002B49;
    transition: background 400ms;
    margin: 0 6px;
    position: inherit;
    border-radius: 100%;
}

.owl-carousel button.owl-dot.active {
    background: #000;
}

.pc_carousel_images .owl-dots {
    display: none;
    transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
}

.pc_carousel_images:hover .owl-dots {
    display: block;
}

.page_content_row .pc_carousel_images {
    position: relative;
}

.page_content_row .owl-dots {
    position: absolute;
    bottom: 35px;
    width: 100%;
}

.page_content_row .owl-carousel button.owl-dot {
    position: relative;
}

.treatment_option_img {
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.treatment_options {
    padding: 0 60px;
}

.treatment_option_img img {
    opacity: 0.8;
    transition: opacity 500ms;
}

.treatment_option_img img:hover {
    opacity: 1;
}

.treatment_title {
    font-size: 38px;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.owl-dots {
    margin-top: 20px;
    text-align: center;
}

.address-footer {
    background: url(img/footer-bg.png);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

address p {
    margin-bottom: 0;
    font-weight: 500;
}

.contact_us {

    position: relative;
}

#find_us.contact_us {
    padding-bottom: 0px;
    background: #000;
}

#find_us.contact_us input[type="submit"] {
    margin-bottom: 20px;
}


.gis_title {
    color: #fff;
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 15px;
}


.address {
    font-size: 21px;
    color: #fff;
    font-weight: normal;
    line-height: 1.5;
}

.social_menu {
    overflow: hidden;
}

.get_in_side .social_menu {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 10px;
}

a.social_icon {
    font-size: 22px;
    color: #fff;
    border-radius: 100%;
    width: 38px;
    display: inline-block;
    margin-right: 5px;
    height: 38px;
}

a.social_icon:hover {
    color: #002B49;
}

.top_n_m_s .social_icon {
    font-size: 21px;
    color: #fff;
    border: 0 none;
    width: 21px;
    float: left;
    height: 21px;
    padding-top: 9px;
}

.mobile_menu_social {
    margin-top: 15px;
    margin-left: 10px;
}

.contact_us_form {
    padding-top: 0px;
}

.contact_us_form .select,
.contact_us_form input[type="text"],
.contact_us_form input[type="email"],
.contact_us_form input[type="tel"] {
    line-height: 40px;
    font-size: 16px;
}

.contact_us_form .wpcf7-form textarea {
    font-size: 16px;
}

/* Doctor Page */
.doctor_title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 66px;
}

.doctor_left p {
    font-size: 17px;
    font-weight: 500;
}

.doctor_left {
    display: flex;
    align-items: center;
    height: 527px;
}

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

.doctor_left .cta__buttons .btn--one {
    margin-left: 0em;
}

.shortcode_title {
    font-size: 35px;
    font-weight: 600;
}

.doctor_area {
    float: left;
    width: 100%;
    padding-bottom: 70px;
}

.doctor_right {
    float: right;
}

/* Page Content Row  */
.width-50 {
    width: 48%;
    float: left;
}

.content_area_row {}

.content_area {
    padding: 3em 4em 1em;
    width: 100%;
}

.content_img {
    overflow: hidden;
    text-align: center;
}

#map {
    background: #eceae4;
}

.contact_us_title {
    font-size: 40px;
    margin-bottom: 60px;
}

.soc_content.text-center {
    padding-bottom: 30px;
    padding: 0 86px;
}

.bottom_border {
    position: relative;
}

.bottom_border::after {
    position: absolute;
    content: "";
    height: 3px;
    width: 200px;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: 0 auto;
    background: #004987;
}

.about_us_image img {
    float: right;
    margin-top: 50px;
}

.width_fifty {
    width: 41%;
    margin-right: 2%;
    float: left;
}

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


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

.product-search .input-group {
    display: block;
}

.blog_spach {
    margin-top: 70px;
}

h2.pc_title {
    font-size: 35px;
}

.content_area a {
    text-decoration: underline;
    font-weight: bold;
}

.content_area a.btn {
    text-decoration: none;
    font-weight: normal;
}

.schedule_btn {
    padding-left: 15px;
}

.contact-map iframe {
    height: 500px;
}

.my-map.contact-map iframe {
    height: 645px;
}

.image_t {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #DDD;
}


.image_t .open_tab {
    background: transparent;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.image_t .open_r_o {
    background: transparent;
    box-shadow: none;
    width: 100%;
    height: 100%;
    border: 1px solid #DDD;
}

.single_client {
    margin-bottom: 30px;
}

.blue_font {
    color: #000000;
    font-size: 22px;
}

.same_height {
    height: 460px;
    margin-bottom: 30px;
}

.team_list {
    margin: 0 5px;
}

.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:focus,
.mfp-iframe-holder .mfp-close:focus {
    border: 0 none;
    outline: 0;
}

.patient_images {
    padding: 20px;
}

.treatment_title {
    color: #FFF;
    margin-top: 20px;
    font-size: 38px;
    letter-spacing: 2px;
    line-height: 1.2;
    margin-bottom: 50px;
}

.t_l_m_b {
    margin-top: 30px;
}

.footer-payment img {
    width: 250px;
}

body.mobile-menu-open .header_middel {
    position: relative;
    z-index: 9999;
    background: #000000;
    ;
}

.embed-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

.wp-video,
video.wp-video-shortcode,
.mejs-container,
.mejs-overlay.load,
.embed-container iframe {
    width: 100%;
    height: 100%;
}

.embed-container embed {
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.mejs-container {
    padding-top: 56.25%;
}

.wp-video,
video.wp-video-shortcode {
    max-width: 100% !important;
}

video.wp-video-shortcode {
    position: relative;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mejs-controls {
    display: none;
}

.mejs-overlay-play {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
}

.map-custom a {
    color: #FFF;
}

.place-card.place-card-large {
    margin-top: -160px !important;
    height: 0 !important;
    opacity: 0 !important;
    display: none !important;
}

.google_map.my-map {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer_overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.our_patner_section {
    padding-top: 10px;
    padding-bottom: 50px;
}

.our_partner_1 img {
    width: 270px;
}

.our_partner_2 img {
    width: 300px;
}

.our_partner_3 img {
    width: 190px;
}


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

.bgVideovideo {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.book_now_btn {
    background-color: #002B49;
    visibility: visible;
    text-align: center;
    line-height: 45px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 18px;
    border-color: #002B49;
    border-style: solid;
    border-width: 2px;
    margin-top: 20px;
    border-radius: 25px;
    color: #FFF;
    text-decoration: none;
    white-space: normal;
    width: 250px;
    height: 50px;
    display: block;
    margin-left: 10px;
}

a.book_now_btn:hover {
    background-color: transparent;
    border-color: #FFF;
    color: #FFF;
}

.section-padding-50.soc_section {
    padding-top: 160px;
}

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

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

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



.four-stars a:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.four-stars a {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .22s;
    transition-duration: .22s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    display: block;
    height: 70px;
}


.four-stars .Google {
    width: 159px;
}

.four-stars .Facebook {
    width: 168px;
}

.four-stars .yelp {
    width: 116px;
}

.four-stars .star-rating .fa {
    color: #FECB54;
}

.light-purple {
    color: #002B49;
    font-weight: 600;
}

.four-stars {
    box-shadow: 2px 12px 18px -9px rgba(0, 0, 0, 0.25);
    margin: 0px auto 0;
    max-width: 1040px;
    padding: 40px;
    background: #fff;
}

body.home .schedule-cta {
    max-width: 1040px;
    margin: 0 auto 50px;
    border: 15px solid white;
    background: white;
    padding: 30px;
    position: relative;
    text-align: center;
    box-shadow: 0 11px 26px 0 rgba(183, 183, 183, 0.17);
    padding: 80px 10px 50px;
    background: #002B49;
}

body.home .schedule-cta .cta-icon {
    height: 100px;
    width: 100px;
    background: white;
    border-radius: 100px;
    line-height: 100px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border: 5px solid #002B49;
}

body.home .schedule-cta h2 {
    color: white;
    margin: 0 0 20px;
    font-size: 3em;
}

body.home .schedule-cta .cta__buttons .btn--one {
    float: none;
    width: 48%;
    margin: 0 auto;
}

.google_map.my-map #map {
    height: 675px;
}

.avobe-contact-from-text {
    font-size: 22px;
    color: #FFF;
}


.faqs_list {
    margin: 0;
    padding: 0 0 50px 0;
    list-style: none;
}

.faqs_list li {
    display: inline-block;
    margin-right: 7.5px;
    margin-left: 7.5px;
    margin-bottom: 15px;
}

.faqs_list li a {
    font-size: 24px;
    color: #00a8e2;
    font-family: 'Poppins', sans-serif;
    border: 1.5px solid #63656a;
    display: block;
    padding: 8px 20px;
    border-radius: 6px;
}

.faqs_list li.active a {
    background: #00a8e2;
    color: #FFF;
    border: 1.5px solid #00a8e2;
}

.faq-content .panel-group .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f2f2f2;
    margin-bottom: .25em;
    margin-bottom: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    transition: box-shadow .2s;
    border: 0 none;
}

.faq-content .panel-heading {
    padding: 15px 15px;
    border-bottom: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}


.faq-content .panel-group .panel-heading+.panel-collapse>.panel-body,
.faq-content .panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: none;
    padding-top: 0;
    padding-right: 15px;
    padding-left: 15px;
}

.faq-content .panel-group .panel-heading+.panel-collapse>.panel-body {
    padding-top: 15px;
}

.panel-title a {
    font-size: 22px;
    font-weight: 400;
    display: block;
    color: #000;
}


.panel-title>a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
    font-size: 18px;
}

.panel-title>a.collapsed:before {
    float: right !important;
    content: "\f067";
}

.panel-title>a:hover,
.panel-title>a:active,
.panel-title>a:focus {
    text-decoration: none;
}

.our_faqs {
    margin-top: 70px;
}

.product_image {
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

.mainmenu ul li.book_an_appoinment {
    position: relative;
    padding-left: 28px;
}

.mainmenu ul li.book_an_appoinment::after {
    content: "";
    position: absolute;
    top: 23px;
    right: -5px;
    width: 218px;
    border-radius: 28px;
    background-color: transparent;
    height: 55px;
    z-index: 1;
    -webkit-transition: top 0.4s ease-in-out;
    -moz-transition: top 0.4s ease-in-out;
    -o-transition: top 0.4s ease-in-out;
    transition: top 0.4s ease-in-out;
    -ms-transition: top 0.4s ease-in-out;
    border: 3px solid #FFFF;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
}

.mainmenu ul li.book_an_appoinment:hover:after {
    border: 3px solid #002B49;
}

.mainmenu ul li.book_an_appoinment a {
    z-index: 9;
    color: #FFF;
}

.mainmenu ul li.book_an_appoinment a:hover {
    color: #002B49;
}

.sticky-header .mainmenu ul li.book_an_appoinment::after {
    top: 8px;
}

.product_images_section {
    margin-top: 70px;
    margin-bottom: 40px;
}

.panel-group {
    margin-bottom: 70px;
}



/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


div.inventory {
    border: 1px solid #e5e5e5;
    -moz-border-radius: 11px/13px;
    -webkit-border-radius: 11px/13px;
    border-radius: 11px/13px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .13);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .13);
    box-shadow: 0 0 5px rgba(0, 0, 0, .13);
    background-image: -moz-linear-gradient(bottom, #f9f9f9 0%, #fff 100%);
    background-image: -o-linear-gradient(bottom, #f9f9f9 0%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #f9f9f9 0%, #fff 100%);
    background-image: linear-gradient(bottom, #f9f9f9 0%, #fff 100%);
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    padding: 10px;
}

.viwe_details p {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.viwe_details p span {
    font-weight: bold;
}

.blank_spach {
    margin-top: 160px;
}

.blank_spach.blog_spach {
    margin-top: 164px;
}

.blank_padding {
    padding: 50px 0;
    background: #000;
}

div.inventory .options-primary tr,
div.inventory .options-primary td {
    padding-left: 0
}

div.inventory .options-primary tr,
div.inventory .options-secondary tr {
    text-align: left
}

div.inventory .options-primary tr:hover td,
div.inventory .options-secondary tr:hover td {
    background: 0 0
}

div.inventory:hover {
    background-image: -moz-linear-gradient(bottom, #fff 0%, #f9f9f9 100%);
    background-image: -o-linear-gradient(bottom, #fff 0%, #f9f9f9 100%);
    background-image: -webkit-linear-gradient(bottom, #fff 0%, #f9f9f9 100%);
    background-image: linear-gradient(bottom, #fff 0%, #f9f9f9 100%)
}

.sidebar div.inventory,
.boxed div.inventory {
    margin: 0 0 20px
}

.inventory-heading h2,
.inventory-heading h2 span {
    font-size: 33px;
    font-weight: 700;
    margin: 0;
    letter-spacing: -2.5px;
    line-height: 33px
}

.inventory-heading span {
    font-size: 22px;
    line-height: 20px;
    letter-spacing: -1.5px;
    word-spacing: 2px;
    display: inline-block
}

.inventory-heading .text-right em {
    line-height: 51px;
    letter-spacing: -1px
}

.inventory-heading .sold_text {
    position: absolute;
    bottom: 13px;
    right: 0;
    padding: 0 5px;
    line-height: 50px
}

.inventory-heading .sold_text.no_price {
    bottom: -10px
}

a.inventory {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    min-height: 173px;
    background-image: url(//demo.themesuite.com/automotive-wp/wp-content/plugins/automotive/css/../images/empty.png);
    z-index: 1;
    text-decoration: none
}

a.inventory .preview {
    width: 200px;
    height: 150px
}

a.inventory:hover {
    text-decoration: none
}

.inventory.car_sold img.preview {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.inventory.car_sold .sold_text {
    margin-left: 45px;
    left: 0
}

.inventory.car_sold .sold_text,
.inventory-heading .sold_text {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
    position: absolute;
    font-size: 38px;
    line-height: 52px;
    border: 6px solid #c7081b;
    color: #c7081b;
    border-radius: 5px;
    background: rgba(255, 255, 255, .75);
    padding: 3px 5px;
    text-transform: uppercase;
    font-weight: 700
}

.carousel-slider3 .sold_text {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
    position: absolute;
    left: 38px;
    top: 25%;
    font-size: 26px;
    line-height: 38px;
    border: 6px solid #c7081b;
    color: #c7081b;
    border-radius: 5px;
    background: rgba(255, 255, 255, .75);
    padding: 3px 5px;
    text-transform: uppercase;
    font-weight: 700
}

.preview {
    position: absolute;
    left: 11px;
    top: 11px;
    float: left;
    border: 1px solid #3d3d3d;
    width: 200px;
    height: auto;
    -webkit-transform: translate3d(0, 0, 0)
}

.inventory .title {
    white-space: normal;
    overflow: hidden;
    padding-top: 9px;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 600;
    color: #3d3d3d;
    clear: right;
    padding-bottom: 5px;
    line-height: 24px
}

.checkbox {
    position: absolute;
    top: 7px;
    right: 12px
}

div.inventory .options-primary {
    float: left;
    border: 0;
    table-layout: fixed;
    margin: auto;
    font-size: 12px;
    display: inline-block;
    background: rgba(0, 0, 0, 0);
    text-shadow: none;
    box-shadow: none
}

div.inventory .options-secondary {
    top: -5px;
    float: left;
    border: 0;
    table-layout: fixed;
    margin: auto;
    font-size: 12px;
    display: inline-block;
    background: rgba(0, 0, 0, 0);
    text-shadow: none;
    box-shadow: none
}

div.inventory .options-secondary tr,
div.inventory .options-secondary tr td,
div.inventory .options-primary tr td {
    padding-left: 0
}

div.inventory .options-primary,
div.inventory .options-secondary,
div.inventory .options-primary tr td,
div.inventory .options-secondary tr td {
    background: rgba(0, 0, 0, 0)
}

.option,
div.inventory .price b {
    font-weight: 700;
    line-height: 18px;
    color: #3d3d3d;
    font-size: 12px
}

table td.primary,
table .primary,
.post-entry table td.primary,
.post-entry table .primary {
    width: 90px;
    white-space: nowrap;
    padding: 0;
    border: 0;
    padding-right: 5px
}

table td.secondary,
table .secondary,
.post-entry table td.secondary,
.post-entry table .secondary {
    width: 92px;
    white-space: nowrap;
    padding: 0;
    border: 0;
    padding-right: 5px
}

table td.spec,
table .spec,
.post-entry table td.spec,
.post-entry table .spec {
    line-height: 18px;
    color: #3d3d3d;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    border: 0;
    max-width: 150px
}

div img.carfax {}

.price {
    color: #3d3d3d;
}

.price b {
    display: block
}

.figure {
    position: relative;
    margin: 0;
    font-weight: 700;
    font-size: 32px;
    top: 4px;
    color: #3d3d3d;
    line-height: 30px
}

.original_price b {
    display: block
}

.original_price .figure:after {
    border-bottom: 3px solid #2d2d2d;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%
}

.has-original-price .price {
    margin-top: 0;
    top: 27px
}

.has-original-price .figure {
    font-size: 26px;
    line-height: 14px
}

.has-original-price .tax {
    top: -2px
}

.tax {
    position: relative;
    font-style: italic;
    top: 6px;
    font-size: 12px;
    padding: 0
}

.view-button:active {
    position: relative;
    top: 6px
}

.view-video {
    cursor: pointer
}

.video-icon {
    position: relative;
    left: 213px;
    top: 18px;
    float: left;
    z-index: 3
}

.view-details {
    right: 10px;
    padding: 6px 4px
}

.view-details i,
.view-video i,
.parallax_scroll .row .view-details i,
.parallax_scroll .row .view-video i {
    margin-right: 6px;
    font-size: 12px;
    line-height: 12px;
    display: inline-block
}

.row.parallax_parent {
    margin-left: 0;
    margin-right: 0
}

#youtube_video {
    display: none
}

.my-dropdown ul li {
    display: block;
    margin-left: 0;
    white-space: nowrap
}

.my-dropdown {
    display: inline-block;
    margin-right: 5px
}

.top_buttons.form-links li {
    float: right
}

.select-wrapper ul.top_buttons {
    padding: 0
}

.controls {
    margin: 5px 0;
    text-align: center
}

.controls .left-arrow,
.controls .right-arrow {
    background-color: #ccc;
    color: #fff;
    padding: 3px 10px;
    margin: 0 9px
}

.controls .left-arrow i,
.controls .right-arrow i {
    font-size: 14px;
    font-weight: 800
}

.controls .left-arrow.disabled:hover,
.controls .right-arrow.disabled:hover {
    background-color: #eee
}

.controls .left-arrow:active,
.controls .right-arrow:active {
    background-color: #ccc
}

.controls .left-arrow:hover,
.controls .right-arrow:hover {
    background-color: #c7081b
}

.controls .disabled {
    background-color: #eee
}

.search-form {
    padding: 22px 0 17px;
    background-color: #f0f0f0;
    margin-top: 20px;
    font-size: 13px;
    margin-left: 0;
    margin-right: 0
}

.search-form input[type=search] {
    padding-left: 10px
}

.form-wrap {
    display: block;
    overflow: hidden
}

.ajax_form label {
    position: relative;
    left: 0;
    right: inherit;
    font-weight: 400
}

.ajax_form .styled_input label {
    font-weight: 700;
    position: relative;
    left: 0;
    right: inherit
}

.form-element label {
    font-weight: 300;
    line-height: 14px;
    margin: 0;
    padding: 0;
    font-size: 13px
}

.select-wrapper .form-element label {
    position: static
}

.styled_input label {
    margin: 0 !important;
    position: absolute;
    top: 0;
    right: -47px
}

.styled_input input[type=checkbox]+label:before {
    background-position: 0 -24px
}

.styled_input input[type=checkbox]:checked+label:before {
    background-position: 0 0
}

.styled_input input[type=radio]+label:before {
    background-position: -25px -25px
}

.styled_input input[type=radio]:checked+label:before {
    background-position: -25px 0
}

.ie8 label:before {
    display: none;
    content: none
}

.form-row {
    float: left;
    width: 240px;
    margin-right: 20px;
    margin-bottom: 10px
}

.form-row span {
    font-size: 13px;
    font-weight: 300;
    padding: 0 5px;
    float: left
}

.form-row:last-child {
    margin-right: 0
}

.form-bottom {
    overflow: hidden;
    display: block
}

.form-element {
    float: left;
    margin-right: 20px;
    overflow: hidden;
    padding-right: 6px
}

.form-element:last-child {
    margin-right: 0
}

.page-view,
.form-links li a,
.video-link {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    margin-right: 0;
    float: right;
    display: block;
    -moz-border-radius: 5px/3px;
    -webkit-border-radius: 5px/3px;
    border-radius: 5px/3px;
    background: #f7f7f7
}

ul.top_buttons li a {
    border: 1px solid rgba(0, 0, 0, .0980392);
    color: #3a3a3a;
    margin: 0 5px 0 0;
    font-size: 12px;
    font-weight: 600;
    padding: 0 8px;
    height: 30px;
    line-height: 28px
}

.page-view.nav li {
    float: left;
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    border-right: 0
}

.page-view.nav li a {
    display: block;
    text-indent: -99999px;
    width: 35px;
    height: 28px
}

.page-view.nav li.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.page-view.nav li[data-layout=wide_fullwidth] a,
.page-view.nav li.active[data-layout=wide_fullwidth] a,
.page-view.nav li.active[data-layout=wide_fullwidth] a:hover {
    border-radius: 4px 0 0 4px
}

.page-view.nav li[data-layout=wide_left] a,
.page-view.nav li.active[data-layout=wide_left] a,
.page-view.nav li.active[data-layout=wide_left] a:hover {
    border-radius: 0
}

.page-view.nav li[data-layout=wide_right] a,
.page-view.nav li.active[data-layout=wide_right] a,
.page-view.nav li.active[data-layout=wide_right] a:hover {}

.page-view.nav li[data-layout=boxed_fullwidth] a,
.page-view.nav li.active[data-layout=boxed_fullwidth] a,
.page-view.nav li.active[data-layout=boxed_fullwidth];
border-radius:0
}

.angled_badge,
.featured.angled_badge {
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    text-align: center;
    z-index: 9;
}

.angled_badge span {
    position: absolute;
    display: block;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    height: 100%;
    line-height: 110px;
    -webkit-transform: rotate(45deg) translate(0, -25%);
    -moz-transform: rotate(45deg) translate(0, -25%);
    -ms-transform: rotate(45deg) translate(0, -25%);
    -o-transform: rotate(45deg) translate(0, -25%);
    transform: rotate(45deg) translate(0, -25%);
}


.angled_badge::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 100px 100px 0;
    border-color: rgba(0, 0, 0, 0) #c7081b rgba(0, 0, 0, 0);
}

.styled_input label::before {
    display: inline-block;
    position: relative;
    top: .25em;
    left: -2px;
    content: '';
    width: 25px;
    height: 20px;
}

.styled_input input[type="checkbox"]+label::before {
    background-position: 0 -24px;
}

body .inventory label {
    position: absolute;
    top: 1px;
    right: 5px;
    z-index: 4;
}

.gradient_button.view-video,
.gradient_button.view-details {
    background-color: #f9f9f9;
    text-indent: 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #3a3a3a;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    position: relative;
    padding: 4px 8px 2px;
}

.gradient_button.view-details {

    border-radius: 5px;

}

.view-video {
    cursor: pointer;
}

.v_details {
    width: 100%;
    float: left;
}

.inventory-page .vehicle_image {
    width: 251px;
    float: left;
    margin-right: 20px;
    position: relative;
}

.vehicle_image img.magnify {
    position: absolute;
    z-index: 3;
    right: -10px;
    top: -10px;
    opacity: 0.4;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.vehicle_image img {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.inventory-page .vehicle_details {
    width: calc(100% - 271px);
    float: left;
    padding-top: 15px;
}

.view-video.gradient_button {
    margin-right: 30px;
}

.view-video.gradient_button a {
    color: #3d3d3d;
}

.price {
    padding-top: 20px;
    width: 100%;
    float: left;
}

.used_parts_price {
    padding-bottom: 20px;
}

.google_map iframe {
    height: 400px;
}

.left_side_text h3 {
    margin-top: 15px;
    margin-bottom: 5px;
    color: #002B49;
}

.ol_contect_form input[type="submit"] {
    left: 77px;
}

.ol_contect_form input[type="submit"]:hover {
    left: 88px;
}

.your_text {
    padding-top: 20px;
}

.random_image img {
    width: 100%;
}

a.desktop-nav-button {
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none;
    line-height: 2;
    border: 0;
    background-color: #002B49;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 20px;
    display: inline-block;
    width: 130px;
    /*text-align: ;
	*/
    float: left;
    margin-top: 33px;
    text-align: center;
    border: 2px solid #002B49;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

a.desktop-nav-button:hover {
    background-color: transparent;
    color: #FFF;
}

.sticky-header a.desktop-nav-button {
    margin-top: 18px;
}

.car_title {
    font-size: 22px;
    margin-bottom: 10px;
}

.car_title_blank {
    padding: 8px;
}

h1.page-title {
    margin-bottom: 50px;
}

.mobile-menu-open div.hamburger span {
    transition: transform 0.6s cubic-bezier(0.54, 0.1, 0.42, 1.48), width 0.6s ease-in;
}

.mobile-menu-open div.hamburger span:first-child {
    transform: rotate(45deg) translate(2px, -6px);
}

.mobile-menu-open div.hamburger span:nth-child(2) {
    transform: rotate(-45deg);
}

.mobile-menu-open div.hamburger span:last-child {
    transform: rotate(45deg) translate(5px, -12px);
    width: 25px;
}

.hamburger span {
    display: block;
    height: 6px;
    background-color: #FFF;
    border-radius: 100px;
    transition: transform 0.6s cubic-bezier(0.54, 0.1, 0.42, 1.48), width 0.6s ease-out;
}


.hamburger span:not(:last-child) {
    margin-bottom: 4px;
}

.hamburger span:first-child {
    transform-origin: 0 50%;
    width: 38px;
}

.hamburger span:nth-child(2) {
    width: 38px;
}

.hamburger span:nth-child(3) {
    width: 38px;
}


.inventory input[type="submit"] {
    left: calc(50% - 155px);
}

.wpcf7-form h4 {
    color: #368640;
}

.no-img-blnk {
    padding-top: 170px;
}

.footer-widget-area.section-big {
    background: #000;
    padding-top: 70px;
}

.w_address {
    font-size: 16px;
    color: #FFF;
    margin-bottom: 20px;
}

.a_phone,
.a_name {
    font-weight: 600;
    color: #002B49;
}

#custom_html-3 {
    padding-top: 64px;
}



.top-header {
    background: #000;
}

.address_number ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.address_number li {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

.address_number li a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.address_number li a.o_location {
    color: #002B49;
}

.address_number li a.o_number {}

.team_member_left {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.team_member_left a.doctor_image {
    display: block;
    border: 5px solid #f1f1f1;
    text-align: center;
    margin-bottom: 10px;
}

.team_member_left h2 {
    display: block;
    line-height: 1;
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    margin-bottom: 5px;
    color: #000;
}

.team_member_left h3 {
    text-transform: none;
    font-size: 20px;
    letter-spacing: 0;
    color: #000;
    white-space: nowrap;
    margin-bottom: 25px;
    font-weight: 600;
}

a.btn_od {
    color: #000;
    font-size: 14px;
}

.i4ewOd-pzNkMb-haAclf {
    background-color: transparent !important;
}

.i4ewOd-pzNkMb-haAclf {
    background-color: transparent !important;
}

#map {
    height: 552px;
    background: #eceae4;
}

.gm-style {
    top: 70px !important;
}



.mainmenu ul li.mega-menu ul.sub-menu {
    width: 630px;
    padding-right: 0;
    padding-left: 0;
    left: 0;
    top: 100%;
    padding-bottom: 25px;
}

.mainmenu ul li.mega-menu ul.sub-menu::after {
    position: absolute;
    content: '';
    width: 150px;
    height: 45px;
    line-height: 18px;
    right: 15px;
    bottom: 15px;
    color: #fff;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

.mainmenu ul li.mega-menu ul.sub-menu .sub-menu::after {
    display: none;
}

.mainmenu ul li.mega-menu ul.sub-menu li {
    float: left;
    width: 33%;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
}

.mainmenu>ul>li.mega-menu>ul.sub-menu>li:first-child {
    display: block;
    width: 100%;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    padding-top: 26px;
    position: relative;
    margin-bottom: 5px;
    margin-top: 0;
    padding-left: 12px;
    font-size: 18px;
    color: #004987;
    font-weight: 600;
    line-height: 1.4;
}

.mainmenu ul li.mega-menu .sub-menu .sub-menu li:first-child:before {
    display: none;
}

.mainmenu ul li.mega-menu .sub-menu li:first-child::before {
    position: absolute;
    width: 100%;
    height: 16px;
    line-height: 18px;
    left: 12px;
    top: 8px;
    color: #000;
    font-size: 14px;
}

.mainmenu ul li.mega-menu ul.sub-menu ul.sub-menu {
    position: relative;
    right: inherit;
    left: inherit;
    top: inherit;
    width: auto;
    padding: 0;
    transform: inherit;
    box-shadow: none;
    visibility: hidden;
    opacity: 0;
}

.mainmenu ul li.mega-menu:hover ul.sub-menu ul.sub-menu {
    visibility: visible;
    opacity: 1;
}

.mainmenu ul li.mega-menu ul.sub-menu ul.sub-menu li {
    display: block;
    width: 100%;
}

.mainmenu ul li.mega-menu ul.sub-menu>li>a {
    margin-top: 15px;
    color: #004987;
    font-weight: 600;
}

.mainmenu ul li.mega-menu ul.sub-menu li ul.sub-menu li a {
    font-weight: 400;
    color: #000;
    margin-top: 10px;
}

.our_video .img-responsive {
    margin-bottom: 10px;
}

.our_video h2 {
    font-size: 20px;
    padding: 0 10px;
}

.our_video p {
    padding: 0 10px;
    margin-bottom: 15px;
}

.our_video a.read-more {
    margin: 0 10px;
    position: absolute;
    bottom: 40px;
}

.our_video {
    margin-bottom: 50px;
}

.v_section_title {
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 3px solid #002B49;
    display: inline-block;
    padding-bottom: 10px;
}

.mainmenu ul li.patient_logins_menu ul.sub-menu {
    width: 360px;
}

a.read_more {
    font-weight: 600;
    font-size: 16px;
}

a.read_more:hover {
    text-decoration: underline;
}

.our_videos {
    background: #f2f2f2;
}

.insta-gallery-feed .insta-gallery-list .insta-gallery-item {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.swiper-container,
.insta-gallery-feed .insta-gallery-list .insta-gallery-item,
.insta-gallery-feed .insta-gallery-list .insta-gallery-item {
    overflow: visible !important;
}

.insta-gallery-item-wrap {
    border-radius: 100%;
    transition-property: all;
    transition-duration: .44s;
    transition-timing-function: ease-in-out;
    transition-delay: 0;
    border-radius: 1000px;
    box-shadow: 0 22px 40px 0 rgba(0, 0, 0, 0.2);
    border: 10px solid white;
    overflow: visible;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    margin: 25px;
}

.insta-gallery-item-wrap::before {
    content: "";
    position: absolute;
    height: 92%;
    width: 92%;
    top: 4%;
    left: 4%;
    border: 1px solid #002B49;
    border-radius: 1000px;
}

.insta-gallery-feed[data-feed_layout="carousel"] .swiper-button-prev {
    left: -20px !important;
}

.insta-gallery-feed[data-feed_layout="carousel"] .swiper-button-next {
    right: -20px !important;
}

.insta-gallery-feed[data-feed_layout="carousel"] {
    padding: 0 14px;
}

.insta-gallery-feed .insta-gallery-actions .insta-gallery-button {
    border-radius: 25px !important;
}

.wpcf7-form-control-wrap {
    float: left;
    width: 100%;
}

.wpcf7-form dd {
    margin: 0 0 20px;
    width: 100%;
    float: left;
}

.wpcf7-form dt {
    font-weight: bold;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.wpcf7-form dd img {
    margin-bottom: 10px;
}

.wpcf7-form dd input[type="submit"] {
    margin-top: 0;
}

.g_language {
    color: #fff;
    display: block;
    margin-bottom: 7px;
    font-weight: 500;
}

select.gt_selector, select#gtranslate_selector {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #000;
  border-radius: 31px;
  padding: 5px 10px;
  outline: 0;
  -ms-border-radius: 31px;
  -o-border-radius: 31px;
  background-image: url(../img/expand-arrow.png);
  background-position: calc(100% - 10px) 50%;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-color: #FFF;
  min-width: 200px;
}

.social_icon {
    margin-top: 15px;
}

#custom_html-4 {
    padding-top: 68px;
}

.insta-gallery-item.insta-gallery-cols-3.swiper-slide.nofancybox.ig-image-loaded.swiper-slide-prev,
.insta-gallery-item.insta-gallery-cols-3.swiper-slide.nofancybox.ig-image-loaded.swiper-slide-duplicate.swiper-slide-prev {
    opacity: 0;
}

.swiper-container::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 60px;
    background-image: url(img/instabg.png);
    right: -52px;
    top: 0;
    z-index: 2;
}

.award_image {
    width: 155px;
    margin: 0 auto;
    height: 200px;
    align-items: center;
    display: flex;
}

.footer_phone_number span {
    font-weight: normal;
    color: #FFF;
    margin-right: 10px;
}

.footer_phone_number a {
    font-weight: 600;
    color: #002B49;
    margin-right: 10px;
}

.address .map-custom h2 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #fff;
}

.contact_us_form .gis_title {
    margin-bottom: 30px;
    font-size: 32px;
}

.site-content {}

.slider-row {
    position: relative;
}

.curve_area {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    z-index: 1;
}

.curve_area img {
    width: 100%;
}

.category-banner {}

.category-banner:after {
    position: absolute;
    background: #000;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
}


.home-welcome {
    position: relative;
    top: -60px;
    z-index: 2;
    overflow: hidden;
    padding-bottom: 45px;
}

.welcome_area {
    position: relative;
    width: 416px;
}

.image_shape {
    display: none;
}
.image_shape_title, .image_shape {
	display: none;
}
.image_shape.active {
    display: block;
}

.welcome-icon {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .22s;
    transition-duration: .22s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    position: absolute;
    height: 70px;
    width: 70px;
    border-radius: 120px;
    background: transparent;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    z-index: 2;
    cursor: pointer;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
}

.welcome-icon .icon-bg {
    background: transparent;
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    z-index: 99;
    overflow: hidden;
}

.welcome-1 {
    top: 25%;
    right: -40px;
}

.welcome-2 {
    top: 50%;
    right: -70px;
}

.welcome-3 {
    top: 75%;
    right: -40px;
}

.welcome-icon-tooltip {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .22s;
    transition-duration: .22s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    position: absolute;
    right: -80px;
    line-height: 25px;
    color: white;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background: url('img/tooltip-bg.png');
    background-size: cover;
    width: 77px;
    padding: 0 0 0 5px;
    height: 25px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
    font-size: 12px;
    font-weight: 400;
}

.welcome-icon-tooltip.active span {
    -webkit-transform: scale(1.2) translateY(-52%);
    transform: scale(1.2) translateY(-52%);
}

.welcome-icon-tooltip.active {
    -webkit-transform: scale(1.2) translateY(-52%);
    transform: scale(1.2) translateY(-52%);
    right: -90px;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.welcome-content {
    display: none;
}

.welcome-content.active {
    display: block;
}

.image_shape img {
    border-radius: 100%;
    box-shadow: 0 18px 35px 0 rgba(0, 0, 0, 0.2);
}

section.home-welcome .welcome-content-wrapper .welcome-content {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .22s;
    transition-duration: .22s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    opacity: 0;
    position: relative;
    display: none;
}

section.home-welcome .welcome-content-wrapper .welcome-content {
    position: absolute;
    left: 0;
    -webkit-transform: translateX(100%) translateY(0%);
    transform: translateX(100%) translateY(0%);
    display: block;
    -moz-transform: translateX(100%) translateY(0%);
    -ms-transform: translateX(100%) translateY(0%);
    -o-transform: translateX(100%) translateY(0%);
}

section.home-welcome .welcome-content-wrapper .welcome-content.active {
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
    -o-transform: translateX(0%) translateY(0%);
}

section.home-welcome .welcome-content-wrapper .welcome-content.active {
    opacity: 1;
    display: block;
}

.welcome-content h2 {
    font-size: 35px;
    font-weight: 600;
    color: #000;
}

.welcome-content h4 {
    font-size: 25px;
    font-weight: 300;
    color: #000;
}

.welcome-content p {
    font-size: 20px;
    font-weight: 300;
    color: #000;
}

.welcome-content-wrapper {
    position: relative;
    padding-top: 70px;
}

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

.single_trearment .image {
    width: 119px;
    height: 119px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 30px;
}

.single_trearment img {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.single_trearment:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.single_trearment p {
    text-align: start;
    padding: 0 42px;
}

.orthodontic_treatment_row {
    margin-top: 120px;
}

.cta-banner {
    position: relative;
    padding-top: 200px;
    padding-bottom: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
}

.top_curve img,
.bottom_curve img {
    width: 100%;
}

.top_curve {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    display: flex;
}

.bottom_curve {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    display: flex;
}

.cta_title h1 {
    color: #fff;
    font-size: 52px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.cta_title h3 {
    color: #fff;
    font-size: 52px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.cta_button a {
    text-transform: uppercase;
    margin-top: 36px;
    font-size: 16px;
}

#insta-gallery-feed-0 .swiper-button-next>i,
#insta-gallery-feed-0 .swiper-button-prev>i {
    display: none;
}

.page_shortcode .swiper-button-next::after,
.page_shortcode .swiper-button-prev::after {
    font-size: 35px !important;
    color: #000 !important;
}

.social_shear_area .title {
    font-size: 31px;
    font-weight: 100;
    line-height: 1.5;
    margin-bottom: 30px;
    text-align: center;
}

.social_link {
    padding-top: 30px;
    padding-bottom: 40px;
}

.social_link a {
	display: inline-block;
	margin-right: 70px;
	position: relative;
	width: 43px;
	text-align: center;
}

.social_link a:last-child {
    margin-right: 0px;
}

.social_link a i {
    font-size: 50px;
    color: #000;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.social_link a i:hover {
    color: #004987;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.social_link a:last-child:after {
    display: none;
}

.social_link a::after {
    position: absolute;
    content: '';
    width: 50px;
    height: 2px;
    left: 60px;
    top: calc(50% - 2px);
    background: #000;
}

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

.doctor_thumb {
    padding-top: 30px;
}

.single_team {
    margin-bottom: 50px;
}

.team_image {
    width: 345px;
    margin: 0 auto;
    border-radius: 100%;
    box-shadow: 0 18px 35px 0 rgba(0, 0, 0, 0.2);
}

.team_image img {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.team_image:hover img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.single_team h2.title {
    margin-top: 20px;
    margin-bottom: 0;
}

.single_team span.subtitle {}

.our_team_section {
    padding-bottom: 50px;
}

.page_content_row {
    padding-bottom: 70px;
}

.sticky-logo,
.sticky-header .non-sticky-logo {
    display: none;
}

.sticky-header .sticky-logo {
    display: block;
}

.sticky-header .mainmenu ul li a:hover,
.sticky-header .mainmenu ul li ul.sub-menu li>a:hover,
.sticky-header .mainmenu ul li ul.sub-menu li.current-menu-item a,
.sticky-header .mainmenu ul li.current-menu-parent>a,
.sticky-header .mainmenu ul li.current-menu-item>a {
    color: #004987 !important;
}

.sticky-header .mainmenu ul li a {
    color: #000 !important;
}


.covit_alarm a,
.covit_alarm span {
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 44px;
    display: inline-block;
    font-weight: 500;
}

.covit_alarm span {
    display: inline-block;
    margin-right: 3px;
    color: #ffcc00;
}

.covit_alarm span.icon {
    line-height: 1;
    vertical-align: middle;
}

.top_header .owl-carousel .owl-stage-outer {
    width: 350px;
    float: left;
}

.top_header .owl-dots {
    margin: 0;
    line-height: 34px;
    width: 55px;
    float: left;
}

.top_header .owl-carousel button.owl-dot {
    height: 8px;
    width: 8px;
}

.top_header .owl-carousel button.owl-dot {
    background: #FFF;
}

.top_header .owl-carousel button.owl-dot.active {
    background: #004987;
}

.phone_number span {
    font-size: 35px;
    font-weight: normal;
    color: #FFF;
    margin-right: 10px;
}

.phone_number a {
    font-style: normal;
    font-size: 15px;
    color: #fff;
    position: relative;
    padding-left: 30px;
    line-height: 44px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    margin-left: 10px;
    font-weight: 500;
}

.phone_number a::before {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    top: -3px;
    left: 0;
    -webkit-mask-image: url('img/iconmonstr-phone-9.svg');
    mask-image: url('img/iconmonstr-phone-9.svg');
    mask-size: 24px;
    -webkit-mask-size: 24px;
    mask-repeat: no-repeat;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    background-color: #fff;
}

.phone_number a.patiant_login:before {
    -webkit-mask-image: url('img/patient_login.svg');
    mask-image: url('img/patient_login.svg');
}

.phone_number a.contact_mail::before {
    -webkit-mask-image: url('img/contact-email.svg');
    mask-image: url('img/contact-email.svg');
}

.phone_number a:hover {
    color: #004987;
}

.phone_number a:hover::before {
    background-color: #004987;
}

.dotted_bg {
    background-image: url('img/dotted-bg.png');
    width: 100%;
    background-position: center center;
    height: 31px;
    background-repeat: no-repeat;
}

.single_content {
    margin-bottom: 70px;
}

.free_con_p {
    font-size: 31px;
    line-height: 1.2;
}

.page_title {
    margin-top: 170px;
    text-align: center;
}

.page_title h1::after {
    position: absolute;
    content: "";
    height: 3px;
    width: 233px;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: 0 auto;
    background: #004987;
}

.page_title h1 {
    color: #000;
    position: relative;
    margin-bottom: 40px;
}

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

footer {
    margin-top: 70px;
}
.row.our_team_heading {
	padding-bottom: 40px;
}

.welcome-content h1,
.welcome-content h2,
.welcome-content h3 {
color: #000;
margin: 0 0 15px;
line-height: 1.2;
font-weight: 600;
font-size: 34px;
}

/* Slider CSS */

.hero_area {
    position: relative;
    background-color: #FFFFFF;
}

.hero_text {
    width: 100%;
    overflow: hidden;
    position: absolute;
    height: 100%;
    z-index: 5;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    left: 0;
    right: 0;
}

.hero_text_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.hero_text_box p,
.hero_text_box h1 {
    color: #FFFFFF;
    line-height: 1.2;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 78px;
    display: block;
    z-index: 9;
    margin: 0;
    font-style: normal;
    margin-bottom: 0;
    position: relative;
}

.smilesnap-button {
    display: inline-block;
}
.hero_text_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	justify-content: center;
}

.hero_text p span {
    position: relative;
    font-weight: 300;
}

.hero_text p span::before {
    content: "";
    position: absolute;
    background: #fff;
    height: 5px;
    width: 100%;
    bottom: 0;
    left: 0;
}

.hero_text_box p.editor_view_4 {
    line-height: 50px;
    font-weight: 600;
    font-size: 30px;
    left: calc(50% + 103px);
    letter-spacing: -3px;
}

.hero_text_box .sbtng {
    display: block;
    margin-top: 30px;
    text-align: center;
}

.hero_text .sbtng a {
	color: rgb(0,0,0);
	text-decoration: none;
	height: 60px;
	text-align: center;
	line-height: 54px;
	font-size: 20px;
	border-color: rgb(77,221,197);
	border-style: solid;
	border-width: 3px;
	padding: 0 74px;
	border-radius: 35px;
	margin: 0 15px;
	display: inline-block;
	z-index: 9;
	background: rgb(77,221,197);
	/* font-family: "Open Sans"; */
	font-weight: 400;
	position: relative;
}


.sbtng a:hover {
    background-color: #006b75;
}

.manu_sbtng {
    padding-left: 20px;
}

.sbtng a.btn2 {
    color: #ffffff;
    border-color: rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, 1);
}

.SurgeryInToronto {
    font-weight: 600;
    color: #006b75;
}

.mp4-container {
    height: 886px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.video-container {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.hero__video {
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    background-size: cover;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0px;
    left: 0px;
    display: block !important;
}

.layerImage {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.layerImage img {
    width: 100%;
}

.video_overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    z-index: 1;
}

.curvearea {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    z-index: 2;
}

.curvearea img {
    width: 100%;
}