@charset "UTF-8";

/*
Theme Name: Refinish
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */

/* Global property start */
@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/FontAwesome.eot');
	src: url('fonts/FontAwesome.eot?#iefix') format('embedded-opentype'), format('truetype'), url('fonts/FontAwesome.svg#FontAwesome') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
body {
	font-size: 16px;
	color: #000;
	line-height: 1.5;
	font-family: 'Poppins', sans-serif;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #7a7a7a;
 opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #7a7a7a;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #7a7a7a;
}
.row:after, .row:before {
	clear: both;
	content: "";
	display: table;
}
.col_left_1180 {
    padding-left: calc((100vw - 1180px) / 2);
}
.col_right_1180 {
    padding-right: calc((100vw - 1180px) / 2);
}

main, header, nav, article, aside, section, footer, figure, figcaption, form {
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	display: block;
	font-family: 'Domine', serif;
	color: #000000;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 10px;
}
h1 {
	font-size: 52px;
}
h2 {
	font-size: 42px;
}
h3 {
	font-size: 32px;
}
h4 {
	font-size: 28px;
}
h5 {
	font-size: 26px;
}
h6 {
	font-size: 22px;
}
p {
	font-size: 18px;
	color: #2a2a2a;
	line-height: 30px;
	padding-bottom: 15px;
	font-family: 'Poppins', sans-serif;
}
p a {
	color: #f79620;
}
a, img {
	outline: none;
	border: none;
	text-decoration: none;
}
a i {
	font-style: normal;
	margin-right: 10px;
}
img {
	height: auto;
	max-width: 100%;
	vertical-align: top;
}
ul, ol {
	display: block;
}
ul li, ol li {
	display: inline-block;
}
.list_arrow {
	position: relative;
}
.list_arrow li {
	padding-left: 22px;
}
.list_arrow li:before {
	font-family: "FontAwesome";
	font-weight: 900;
	content: "";
	display: inline-block;
	font-size: 18px;
	margin-right: 10px;
	color: #FFA700;
	margin-left: -21px;
}
ul.square li, ul.check li {
	padding-left: 32px;
}
ul.square li:before, ul.check li:before {
	content: "";
	color: #ee1a26;
	font-size: 16px;
	font-family: 'FontAwesome';
	margin-right: 16px;
	margin-left: -32px;
}
ul.square li {
	margin-left: 29px;
	margin-bottom: 20px;
}
ul.square li:before {
	content: "";
	color: #025eb2;
	margin-left: -29px;
}
.pull_left {
	float: left;
}
.pull_right {
	float: right;
}
.alignleft {
	float: left;
	margin-right: 16px;
}
.alignright {
	float: right;
	margin-left: 16px;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.text_left {
	text-align: left;
}
.text_right {
	text-align: right;
}
.text_center {
	text-align: center;
}
.text_uppercase {
	text-transform: uppercase;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], input[type="file"], textarea, select {
	border: medium none;
	color: #7b7b7b;
	font-size: 14px;
	padding: 14px 15px;
	display: block;
	letter-spacing: 1px;
	transition: all 0.3s ease 0s;
}
textarea {
	height:120px;
	font-family: 'Poppins', sans-serif;
}
input[type="text"]:focus, textarea:focus, select:focus, input[type="email"]:focus, input[type="tel"]:focus {
	background-color: #fff !important;
	transition: all 0.3s ease 0s;
	box-shadow: 0px 0px 8px 0px #ccc;
}
button, .button, input[type="submit"], input[type="button"], input[type="reset"] {
	background-color: #ea564b;
	border: 2px solid #ea564b;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	padding: 10px 25px;
	text-transform: uppercase;
	transition: all 0.6s ease-in 0s;
	display: block;
	letter-spacing: 1px;
	text-align: center;
}
button, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
	background-color: #fff;
	border: 2px solid #ea564b;
	color: #000
}
.fa {
	content: "";
	font-family: 'FontAwesome';
	color: #000;
	font-size: 18px;
	cursor: pointer;
}
.four_column, .three_column, .two_column, .one_column {
	display: inline-block;
	width: 100%;
}
.one_column li {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.two_column li {
	display: inline-block;
	width: 49.5%;
	vertical-align: top;
}
.three_column li {
	display: inline-block;
	width: 33.3%;
	vertical-align: top;
}
.four_column li {
	display: inline-block;
	width: 24%;
	vertical-align: top;
	margin-right: 1.3%;
}
.two_column li:last-child, .three_column li:last-child, .four_column li:last-child {
	margin-right: 0;
}
.white_text, .white_text h1, .white_text h2, .white_text h3, .white_text h4, .white_text h5, .white_text h6, .white_text p, .white_text li, .white_text li a {
	color: #fff !important;
}
.d_flex {
	display: flex;
}
.f_wrap {
	flex-wrap: wrap;
}
.s_around {
	justify-content: space-around;
}
.s_between {
	justify-content: space-between;
}
.s_center {
	justify-content: center;
}
.item_center {
	align-items: center;
}
.item_start {
	align-items: start;
}
.item_end {
	align-items: end;
}
.d_list_item {
	display: list-item;
}
.d_inline {
	display: inline-block;
}
.d_block {
	display: block;
}
.p_relative {
	position: relative;
}
.p_absolute {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.btn {
	font-size: 18px;
    color: #fff;
    display: inline-block;
    background-color: #198eaa;
    font-weight: 500;
    text-align: center;
    border-radius: 27px;
    padding: 10px 42px;
    box-shadow: 0px 4px 0px #0c7b96;
    transition: all 0.5s ease 0s;
	position:relative;
}
.btn:after {
	content:"";
	font-size:20px;
	color:#fff;
	font-family:'FontAwesome';
	margin-left:10px;
}

.btn:hover {
	background-color: #0c7b96;
	box-shadow: 0px 4px 0px #198eaa;
	transition: all 0.5s ease 0s;

}
/*padding top bottom left right property start */
.p_1 {
	padding: 10px;
}
.p_2 {
	padding: 20px;
}
.p_3 {
	padding: 30px;
}
.p_4 {
	padding: 40px;
}
.p_5 {
	padding: 50px;
}
.p_6 {
	padding: 60px;
}
/*padding top bottom property end */
/*padding top bottom property start */
.py_1 {
	padding: 10px 0;
}
.py_2 {
	padding: 20px 0;
}
.py_3 {
	padding: 30px 0;
}
.py_4 {
	padding: 40px 0;
}
.py_5 {
	padding: 50px 0;
}
.py_6 {
	padding: 60px 0;
}
/*padding top bottom property end */
/*padding left right property start */
.px_1 {
	padding: 0 10px;
}
.px_2 {
	padding: 0 20px;
}
.px_3 {
	padding: 0 30px;
}
.px_4 {
	padding: 0 40px;
}
.px_5 {
	padding: 0 50px;
}
.px_6 {
	padding: 0 60px;
}
/*padding left right property end */
/*padding top property start */
.pt_0 {
	padding-top: 0px !important;
}
.pt_1 {
	padding-top: 10px;
}
.pt_2 {
	padding-top: 20px;
}
.pt_3 {
	padding-top: 30px;
}
.pt_4 {
	padding-top: 40px;
}
.pt_5 {
	padding-top: 50px;
}
.pt_6 {
	padding-top: 60px;
}
/*padding top property end */
/*padding bottom property start */
.pb_0 {
	padding-bottom: 0px !important;
}
.pb_1 {
	padding-bottom: 10px;
}
.pb_2 {
	padding-bottom: 20px;
}
.pb_3 {
	padding-bottom: 30px;
}
.pb_4 {
	padding-bottom: 40px;
}
.pb_5 {
	padding-bottom: 50px;
}
.pb_6 {
	padding-bottom: 60px;
}
/*padding bottom property end */
/*padding left property start */
.pl_0 {
	padding-left: 0px !important;
}
.pl_1 {
	padding-left: 10px;
}
.pl_2 {
	padding-left: 20px;
}
.pl_3 {
	padding-left: 30px;
}
.pl_4 {
	padding-left: 40px;
}
.pl_5 {
	padding-left: 50px;
}
.pl_6 {
	padding-left: 60px;
}
/*padding left property end */
/*padding right property start */
.pr_0 {
	padding-right: 0px !important;
}
.pr_1 {
	padding-right: 10px;
}
.pr_2 {
	padding-right: 20px;
}
.pr_3 {
	padding-right: 30px;
}
.pr_4 {
	padding-right: 40px;
}
.pr_5 {
	padding-right: 50px;
}
.pr_6 {
	padding-right: 60px;
}
/*padding right property end */
/*margin top bottom left right property start */
.m_0 {
	margin: 0 !important;
}
.m_1 {
	margin: 10px;
}
.m_2 {
	margin: 20px;
}
.m_3 {
	margin: 30px;
}
.m_4 {
	margin: 40px;
}
.m_5 {
	margin: 50px;
}
.m_6 {
	margin: 60px;
}
/*margin all property end */
/*margin left right property start */
.mx_0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.mx_1 {
	margin-left: 10px;
	margin-right: 10px;
}
.mx_2 {
	margin-left: 20px;
	margin-right: 20px;
}
.mx_3 {
	margin-left: 30px;
	margin-right: 30px;
}
.mx_4 {
	margin-left: 40px;
	margin-right: 40px;
}
.mx_5 {
	margin-left: 50px;
	margin-right: 50px;
}
.mx_6 {
	margin-left: 60px;
	margin-right: 60px;
}
/*margin left right property end */
/*margin top bottom property start */
.my_0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.my_1 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.my_2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.my_3 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.my_4 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.my_5 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.my_6 {
	margin-top: 60px;
	margin-bottom: 60px;
}
/*margin top bottom property end */
/*margin top bottom left right property start */
/*margin top property start */
.mt_0 {
	margin-top: 0 !important;
}
.mt_1 {
	margin-top: 10px;
}
.mt_2 {
	margin-top: 20px;
}
.mt_3 {
	margin-top: 30px;
}
.mt_4 {
	margin-top: 40px;
}
.mt_5 {
	margin-top: 50px;
}
.mt_6 {
	margin-top: 60px;
}
/*margin top property end */
/*margin bottom property start */
.mb_0 {
	margin-bottom: 0 !important;
}
.mb_1 {
	margin-bottom: 10px;
}
.mb_2 {
	margin-bottom: 20px;
}
.mb_3 {
	margin-bottom: 30px;
}
.mb_4 {
	margin-bottom: 40px;
}
.mb_5 {
	margin-bottom: 50px;
}
.mb_6 {
	margin-bottom: 60px;
}
/*margin bottom property end */
/*margin left property start */
.ml_0 {
	margin-left: 0 !important;
}
.ml_1 {
	margin-left: 10px;
}
.ml_2 {
	margin-left: 20px;
}
.ml_3 {
	margin-left: 30px;
}
.ml_4 {
	margin-left: 40px;
}
.ml_5 {
	margin-left: 50px;
}
.ml_6 {
	margin-left: 60px;
}
/*margin left property end */
/*margin right property end */
.mr_0 {
	margin-right: 0 !important;
}
.mr_1 {
	margin-right: 10px;
}
.mr_2 {
	margin-right: 20px;
}
.mr_3 {
	margin-right: 30px;
}
.mr_4 {
	margin-right: 40px;
}
.mr_5 {
	margin-right: 50px;
}
.mr_6 {
	margin-right: 60px;
}
/*margin right property end */
/* width div property start */
.col_10 {
	display: inline-block;
	width: 10%;
}
.col_15 {
	display: inline-block;
	width: 15%;
}
.col_20 {
	display: inline-block;
	width: 20%;
}
.col_25 {
	display: inline-block;
	width: 25%;
}
.col_30 {
	display: inline-block;
	width: 30%;
}
.col_35 {
	display: inline-block;
	width: 35%;
}
.col_40 {
	display: inline-block;
	width: 40%;
}
.col_45 {
	display: inline-block;
	width: 45%;
}
.col_50 {
	display: inline-block;
	width: 50%;
}
.col_55 {
	display: inline-block;
	width: 55%;
}
.col_60 {
	display: inline-block;
	width: 60%;
}
.col_65 {
	display: inline-block;
	width: 65%;
}
.col_70 {
	display: inline-block;
	width: 70%;
}
.col_75 {
	display: inline-block;
	width: 75%;
}
.col_80 {
	display: inline-block;
	width: 80%;
}
.col_85 {
	display: inline-block;
	width: 85%;
}
.col_90 {
	display: inline-block;
	width: 90%;
}
.col_95 {
	display: inline-block;
	width: 95%;
}
.col_100 {
	display: inline-block;
	width: 100%;
}
.width_100 {
	width: 100% !important;
}
.border {
	border: 1px solid #f4f0f0;
}
.border_top {
	border-top: 1px solid #f4f0f0;
}
.border_bottom {
	border-bottom: 1px solid #f4f0f0;
}
.border_left {
	border-left: 1px solid #f4f0f0;
}
.border_right {
	border-right: 1px solid #f4f0f0;
}
.font_300 {
	font-weight: 300;
}
.font_400 {
	font-weight: 400;
}
.font_500 {
	font-weight: 500;
}
.font_600 {
	font-weight: 600;
}
.font_700 {
	font-weight: 700;
}
.font_bold {
	font-weight: bold;
}
/* width div property start */
span.wpcf7-not-valid-tip {
	color: red;
	font-weight: 400;
	text-align: left;
	font-size: 15px;
	position: absolute;
	top: 2px;
	left: 0;
	right: 8px;
	padding: 10px;
	background-color: #fff;
	margin-left: 10px;
	padding-right: 0
}
.middle_container {
	display: table;
	width: 100%;
	height: 100%;
}
.middle_text {
	display: table-cell;
	vertical-align: middle;
}
main {
	position: relative;
}
.container {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 26px;
}
/* Global property end */
.scale2 {
	animation: scale2 2s alternate infinite;
	-webkit-animation: scale2 2s alternate infinite
}
@keyframes scale2 {
from {
transform:scale(.8);
-webkit-transform:scale(.8)
}
to {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@-webkit-keyframes scale2 {
from {
transform:scale(.8);
-webkit-transform:scale(.8)
}
to {
transform:scale(1);
-webkit-transform:scale(1)
}
}
/* header property start */
#siteheader {
	position: relative;
}
.top_header {
	display:block;
	background-color:#222222;
}
.top_header p {
	color:#fff;
	padding-bottom:0;
	font-size:16px;
}
.top_header .h_phone {
	color:#f79620;
}
.top_header .h_phone a {
	color:#fff;
}
.top_header .h_btn {
    background-color: #f79620;
    color: #fff;
    padding: 4px 18px;
    border: 3px solid #bc6803;
	transition:all 0.5s ease 0s;
}
.top_header .h_btn:hover {
	background-color: #bc6803;
	transition:all 0.5s ease 0s;
}

.main_header {
	display: inline-block;
	width: 100%;
}
.h_logo {
	display:inline-block;
	    width: 195px;
}
.h_nav {
	display:inline-block;
}
.h_nav li {
    display: inline-block;
    padding: 0 18px;
	position:relative;
}
.h_nav li a {
	font-size: 16px;
    color: #000;
    font-weight: 500;
}

.h_nav li.current_page_item a,
.h_nav li a:hover {
	color:#f79620;
}
/*.h_nav li.active a:before {
	content:"";
	background-color:#000;
	height:3px;
	position:absolute;
	left:0;
}*/
.h_nav li:after {
     content: "";
    position: absolute;
    width: 0%;
    left: 0;
    right: 0;
    height: 3px;
    display: block;
    transition: all 0.3s ease;
    top: -157%;
}
.h_nav li.current_page_item:after,
.h_nav li:hover:after {
    width: 100%;
    height: 3px;
    background-color: #f79620;
}

.h_nav li button {
	display:none;
}





.h_nav li > ul {
	display: none;
	position: absolute;
	left: 0;
	box-shadow: 4px 4px 0 0 rgba(0,0,0,.09);
	margin: 0;
	border: 1px solid #ccc;
	min-width: 320px;
    z-index: 9;
	background-color: #fff;
	transition: all 0.5s ease 0s;
}
.h_nav li > ul li {
	width: 100%;
	color: #777;
	padding: 5px 10px;
}
.h_nav li > ul li:after {
	display:none;
}
.h_nav li > ul li a {
	color: #555;
	font-size: 16px;
	display: block;
}
.slide_nav nav ul li.current-menu-ancestor > a,
.h_nav li.current-menu-ancestor > a {
	color:#ef882e;
}
.h_nav li:hover ul {
	display: block;
	transition: all 0.5s ease 0s;
}
.h_nav li.menu-item-has-children:before {
	content:"";
	font-family:'FontAwesome';
    color: #000;
   font-size: 24px;
    line-height: 24px;
    right: -3px;
    top: 0px;
    display: inline-block;
    position: absolute;
}
.mobile_menu, .h_navigation {
	display:none;
}
/* header property end */
/* banner property start */
.banner_bg {
	display: inline-block;
	width: 100%;
	background-image:url(https://sandiego-refinishpro.com/wp-content/uploads/2022/07/banner_bg.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.banner_text {
    width: 51%;
}
.banner_text p {
	color:#444242;
	font-size:22px;
}
.banner_text .btn {
    margin-top: 14px;
}



/*.banner_bg .ms-slide-bgcont:before, .inner_banner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(16, 16, 16, 0.56);
	z-index: 1;
}*/
.banner_bg .ms-inner-controls-cont .ms-nav-prev, .banner_bg .ms-inner-controls-cont .ms-nav-next {
	display: block !important;
}
.banner_bg .ms-slide-info.ms-dir-h {
	top: 0 !important;
	bottom: 0;
}
.banner_bg .ms-slide-info.ms-dir-h .ms-info .container, .banner_bg .ms-slide-info.ms-dir-h .ms-info {
	height: 100%;
}
.banner_bg .ms-skin-light-6.round-skin .ms-nav-next, .banner_bg .ms-skin-light-6.round-skin .ms-nav-prev {
	z-index: 99999999;
}
.banner_bg .banner_text {
	display: flex;
	align-items: center;
	height: 100%;
}


/* banner property end */
/* content property start */
/* content property start */
#content {
	position: relative;
}
.bg_light {
	background-color:#fef6f0;
}
.bg_yellow {
	background-color:#f79621;
}

.subtitle {
	font-size:22px;
	color:#f79620;
	text-transform:uppercase;
	position:relative;
}
.text_box {
	display:inline-block;
}
.img_box {
	display:inline-block;
}
.img_box img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.phone_btn_sec {
	display:inline-block;
	width:100%;
}
.phone_btn_sec a {
	margin: 0 13px;
}
.phone_btn_sec .phone {
	font-size:26px;
	color:#f79620;
	font-weight:bold;
}
.phone_btn_sec .btn:after {
	
}
.phone_btn_sec p {
	color:#198eaa;
	padding-bottom:0;
	font-weight:500;
}
/* full_width property start */
.full_width {
	display: inline-block;
	width: 100%;
}
.full_width .subtitle {
	
}

.full_width .subtitle:after {
	content:"";
    height: 1px;
    width: 100px;
    background-color: #f79620;
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
}
.full_width .phone_btn_sec .btn:after {
	content:url(https://sandiego-refinishpro.com/wp-content/uploads/2022/07/note_icon.png);
    vertical-align: sub;
}
/* full_width property end */
/* three_process_sec property start */
.three_process_sec {
	display:block;
}
.three_process_box li {
    display: inline-block;
    width: 32%;
    text-align: center;
    background-color: #fff;
    padding: 0 28px 22px;
    box-shadow: 0 0 10px #e7e7e7;
	transition: all 0.5s ease 0s;
}
.three_process_box li:hover {
	transition: all 0.5s ease 0s;
	transform: translateY(-10px);
}
.three_process_box li .circle_icon {
	    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background-color: #fdf4ec;
    border-radius: 100%;
    margin: -48px auto 20px;
	transition: all 0.5s ease 0s;
}
.three_process_box li:hover .circle_icon {
	box-shadow: 0 0 10px #e7e7e7;
	transition: all 0.5s ease 0s;
}
.three_process_box li p {
    font-size: 16px;
    color: #6a6767;
    line-height: 1.5;
}
/* three_process_sec property end */
/* cabinet_project_sec property start */
.cabinet_project_sec {
	display:block;
}
.cabinet_project_sec .text_box {
	width:51%;
}

.project_circle {
	display:block;
}
.project_circle li:first-child {
	   margin-right: 50px;
}
.project_circle li {
	display:inline-block;
	width:232px;
	height:232px;
	background-color:#fff;
	border-radius:100%;
	text-align:center;
	padding:50px 0;
	box-shadow:0px -12px 0px #f8ece1;
	transition:all 0.5s ease 0s;
}
.project_circle li:hover {
	box-shadow:0px 0px 0px #f8ece1;
	transition:all 0.5s ease 0s;
}
.project_circle li .project_num {
	font-size:52px;
	color:#f79620;
	font-weight:bold;
}
.project_circle li .project_num:after {
	content:"+";
	font-size:28px;
	color:#f79620;	
}
.project_circle li h6 {
	font-size:20px;
	color:#392917;
}
.project_circle li p {
	color:#838280;
	font-size:15px;
}
.project_bootom_text p {
	padding-bottom:0;
	width: 65%;
}
.project_bootom_text .btn {
    padding: 10px 20px;
}
.cabinet_project_sec .img_box {
	position:relative;
	width: 41%;
    margin-top: 42px;
	transition:all 0.4s ease 0s;
}
.cabinet_project_sec .img_box img {
	position: relative;
    z-index: 9;
}
.cabinet_project_sec .doted_img {
   display: inline-block;
    width: 250px;
    height: 250px;
    position: absolute;
    top: -40px;
    left: -40px;
}

.cabinet_project_sec .img_box .img_box_text {
	display: inline-block;
    width: 240px;
    background-color: #746955d4;
    padding: 32px;
    position: absolute;
    left: 40px;
    bottom: 64px;
    z-index: 99;
	transition:all 0.4s ease 0s;
}
.cabinet_project_sec .img_box .img_box_text h6 {
        color: #fff;
    margin-bottom: 0;
    line-height: 32px;
    z-index: 999;
    position: relative;
}
.cabinet_project_sec .img_box .img_box_text:after {
	content:"";
    display: inline-block;
    width: 238px;
    height: 100%;
    border: 1px solid #fff;
    position: absolute;
    left: 15px;
    top: -15px;	
	transition:all 0.4s ease 0s;
}
.cabinet_project_sec .img_box:hover .img_box_text:after {
	left: 0;
    top: 0;
	transition:all 0.4s ease 0s;
}
/* cabinet_project_sec property end */

/* step_process_sec property start */
.step_process_sec {
	display:block;
}

.step_process_sec .img_box,
.step_process_sec .text_box {
	display:inline-block;
	width:48%;
	
}
.step_process_sec .text_box {
    box-shadow: 0 0 12px #d9d9d9;
    padding: 28px 40px;
	}
.step_process_sec .text_box li {
	display:block;
   /* padding-left: 88px;*/
    margin-bottom: 11px;
}
.step_process_sec .text_box li p {
	    color: #6a6767;
		padding-bottom:0;
	}
.step_process_sec .text_box li p strong {
/*     margin-left: -88px;*/
    display:block;
    margin-right: 20px;
    color: #000;
    font-size: 20px;
	font-family: 'Domine', serif;
	font-weight:bold;
}
.step_process_sec .img_box {
	overflow:hidden;
	

}
.step_process_sec .img_box img  {
	transition: transform .2s;
}
.step_process_sec .img_box:hover img {
	transform: scale(1.1);
	transition: transform .2s;
}



/* step_process_sec property end */

















/* cabinet_formula_sec property start */
.cabinet_formula_sec {
	display:inline-block;
	width:100%;
}
.cabinet_formula_sec .text_box,
.cabinet_formula_sec .img_box {
	width:50%;
}

.cabinet_formula_sec .img_box {
	background-image:url(https://sandiego-refinishpro.com/wp-content/uploads/2022/07/cabinet_img1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.cabinet_formula_sec .text_box {
	display:inline-block;
	background-image:url(https://sandiego-refinishpro.com/wp-content/uploads/2022/07/black_bg_img.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.cabinet_formula_sec .text_box h2 {
	color:#fff;
}
.cabinet_formula_sec .text_box li {
	color:#fff;
    margin-left: 36px;
    padding: 7px 0;
}
.cabinet_formula_sec .text_box li:before {
	content:"";
	background-image:url(https://sandiego-refinishpro.com/wp-content/uploads/2022/07/star-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 23px;
    margin-left: -36px;
    margin-right: 12px;	
    vertical-align: bottom;
}

/* cabinet_formula_sec property end */
/* cabinet_about_sec property start */
.cabinet_about_sec {
	display:inline-block;
	width:100%;
}
.cabinet_about_sec .img_box {
	position:relative;
}
.cabinet_about_sec .img_box img {
    height: auto;
}
.cabinet_about_sec .img_box .border_img {
	width: 60%;
    position: relative;
    left: 62px;
	bottom:118px;
     outline: 14px solid #fff;
}
.cabinet_about_sec .img_box .border_img .border_img_icon {
	display: flex;
    justify-content: center;
    align-items: center;
	width: 140px;
    height: 130px;
    background-color: #f79620;
    border-radius: 4px;
    position: absolute;
    right: -83px;
	bottom: 54px;
}
.cabinet_about_sec .img_box .border_img .border_img_icon img {
	width:auto;
}
.cabinet_about_sec .img_box .doted_img {
	display:inline-block;
	position: absolute;
    bottom: 40px;
    right: -40px;
    width: 250px;
    display: inline-block;
    height: 250px;
    z-index: -1;
}
/* cabinet_about_sec property end */
/* form_map_sec property start */
.form_map_sec {
	display:block;
	background-color:#f79621;
}
.form_map_sec .map_box,
.form_map_sec .form_box {
	width:50%;
}
.form_box {
	
}
.form_box p {
	color:#fff;
}
.form_box li {
	width:48%;
	margin:10px 0;
}
.form_box li div {
	display:none;
}
.form_box li textarea,
.form_box li input {
	width:100%;
	font-size:16px;
	border:1px solid #ccc;
    border-radius: 4px;
}
.form_box li input[type="submit"] {
	background-color:#1b1919;
	border:3px solid #000;
}
.form_box li input[type="submit"]:hover {
	color:#fff;
}
.form_box .wpcf7 form .wpcf7-response-output {
	margin:0;

}
.map_box {
}


/* form_map_sec property end */
/* review_sec property start */
.review_sec {
	display: inline-block;
	width: 100%;
}
.review_box_sec {
	width: 90%;
	margin: 0 auto;
}
.review_box_sec li {
	display: inline-block;
	width: 20%;
	transition: all 0.5s ease 0s;
}
.review_box_sec li a {
	display: inline-block;
	background-color: #ccc;
	border-radius: 100%;
	box-shadow: 0 0 18px #edecec;
	transition: all 0.5s ease 0s;
}
.review_box_sec li:hover {
	transform: scale(1.1);
	transition: all 0.5s ease 0s;
}
/* review_sec property end */
/* Call Strip property start */
.call_strip {
	display:block;
}
.call_strip .call_strip_box {
    background-color: #fff9f1;
    border: 2px solid #000;
    outline: 30px solid #fff9f1;
    padding: 30px;
	margin:30px;
	position:relative;
   transition:all 0.9s ease 0s;
}
.call_strip .call_strip_box:hover {
	border-color:#fff9f1;
	transition:all 0.1s ease 0s;
}
.call_strip_box::before, .call_strip_box::after{
  content:"";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #f79620;
}

.call_strip_box span::before, .call_strip_box span::after{
  content:"";
  width:2px;
  height:0;
  position: absolute;
  transition: all 0.2s linear;
  background: #f79620;
}
.call_strip_box:hover::before, .call_strip_box:hover::after{
  width: 100%;
}
.call_strip_box:hover span::before, .call_strip_box:hover span::after{
  height: 100%;
}

.call_strip_box::after{
  left: 0;
  bottom: 0;
  transition-delay: 0.6s;
}
.call_strip_box span::after{
  transition-delay: 0.4s;
  right: 0;
  bottom: 0
}
.call_strip_box::before{
  right: 0;
  top: 0;
  transition-delay: 0.2s;
}
.call_strip_box span::before{
  transition-delay: 0s;
  left: 0;
  top: 0;
}

.call_strip_box:hover::after{
  transition-delay: 0s;
}
.call_strip_box:hover span::after{
  transition-delay: 0.2s;
}
.call_strip_box:hover::before{
  transition-delay: 0.4s;
}
.call_strip_box:hover span::before{
  transition-delay: 0.6s;
}
.call_strip p {
	color:#2d1c1c;
	font-size: 20px;
    font-weight: 400;
	padding-bottom:0;
}
.call_strip .call_strip_btn {
	
}
.call_strip .call_strip_btn .btn {
	margin-bottom:10px;
}
.call_strip .call_strip_btn p a {
	font-weight:700;
    font-size: 22px;
}

/* Call Strip property end */


/* widget_section property start */
.widget_section {
	display: inline-block;
	width: 100%;
}
/* widget_section property end */
/* content property end */
/* footer property start */
#sitefooter {
	position: relative;
}
.main_footor {
	display:inline-block;
	width:100%;
	background-image:url(https://sandiego-refinishpro.com/wp-content/uploads/2022/07/f_bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}
.f_widget {
	
}
.f_widget .f_wrapper {
	width:30%;
	
}
.f_wrapper:nth-child(2) {
	width:21%;
}
.f_wrapper h6 {
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
	margin-bottom:20px;
}
.f_wrapper p {
	color:#fff;
    font-size: 16px;
    line-height: 1.6;
}
.f_widget .f_wrapper .f_logo {
    display: inline-block;
    width: 160px;
	margin-bottom: 20px;
}
.f_social_icon li {
	margin-left:10px;
}

.f_social_icon li a {
    background-color: #fff;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
	transition:all 0.5s ease 0s;
}
.f_social_icon li a:hover {
	background-color: #f8951e;
	transition:all 0.5s ease 0s;
}
.f_social_icon li a:hover .fa {
		color:#fff;
	transition:all 0.5s ease 0s;
}
.f_social_icon li .fa {
    color: #000;
    margin: 0;
    font-size: 18px;
}
.f_links {
	display:block;
}
.f_links li {
	display:block;
    padding: 3px 0 3px 24px;
}
.f_links li:before {
	content:"";
	font-family:'FontAwesome';
	color:#f8951e;
	font-size: 16px;
    display: inline-block;
    margin-right: 16px;
	margin-left: -22px;
}
.f_links li button {
	display:none;
}
.f_links li .sub-menu {
	display:none;
}
.f_links li a {
	color:#fff;
	    font-weight: 400;
	transition:all 0.5s ease 0s;
}
.f_links li a:hover {
	color:#f8951e;
	transition:all 0.5s ease 0s;
}
.f_address li {
	color:#fff;
	width: 100%;
	margin-bottom: 10px;
    padding-left: 40px;
}
.f_address li a {
	color:#fff;
}
.f_address li img {
      margin-left: -40px;
    margin-right: 5px;
}
.copyright {
	display: inline-block;
	width: 100%;
	border-top:1px solid #403f3f;
	position:relative;
}
.copyright:before {
	content:"";
	font-size:15px;
	color:#fff;
	font-family:'FontAwesome';
    background-color: #f8951e;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.copyright p {
	font-size: 15px;
	color:#fff;
	line-height: normal;
	padding-bottom: 0;
}

/* footer property end */
/* Inner Page banner property start */
.inner_page_banner {
	display:inline-block;
	width:100%;
	background-image:url(https://sandiego-refinishpro.com/wp-content/uploads/2022/07/inner_page_banner_img.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	padding:116px 0;
	
}
.inner_page_banner:before {
	content:"";
	background-image:url(https://sandiego-refinishpro.com/wp-content/uploads/2022/07/inner_banner_img.png);
	background-position:top right;
	background-repeat:no-repeat;
	background-size:cover;
	position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.inner_page_banner .banner_text {
    width: 100%;
    position: relative;
    z-index: 99;
    text-align: center;
}
.inner_page_banner .banner_text h1 {
	color:#fff;
}
.breadcrumb_sec {
	display:block;
}
.breadcrumb_sec > span {
	font-size:14px;
	font-weight: 400;
}
.breadcrumb_sec > span a {
	font-size:14px;
	font-weight:700;
	color: #fff;
}
.breadcrumb_sec .home span {
	color: #fff;
}
.breadcrumb_sec span:after {
	content: "";
	font-size: 16px;
	color: #fff;
	font-family: 'FontAwesome';
	margin: 0 8px;
	vertical-align: unset;
}
.breadcrumb_sec span span:after {
	display:none;
}
.breadcrumb_sec span:last-child:after {
	display:none;
}
/* Inner Page banner property end */
/* about Page property start */
.cabinet_about_sec .img_box.one_img_with_icon {
	
}
.cabinet_about_sec .img_box.one_img_with_icon > img {
	border:10px solid #fff;
	box-shadow:0 0 10px #c7c7c7;
}
.cabinet_about_sec .img_box.one_img_with_icon .border_img {
	bottom: 50px;
	outline: none;
}
.cabinet_about_sec .img_box.one_img_with_icon .border_img .border_img_icon {
	bottom: 0;
}
.cabinet_about_sec .img_box.one_img_with_icon .doted_img {
	bottom:-40px;
}

.kitchen_cabinet_gallery {
	display:block;
}
.gallery_boxs {
    display: flex;
    justify-content: space-between;
}
.gallery_boxs ul {
	    width: 32%;
}
.gallery_boxs ul li {
	display:inline-block;
	width:100%;
    padding: 12px 0;
}
.gallery_boxs ul li img {
	width:100%;
	height:100%;
    object-fit: cover;
}
.gallery_boxs ul:first-child li:first-child {
	height:502px
	
}
.gallery_boxs ul:first-child li:nth-child(2) {
	height:306px;
}
.gallery_boxs ul:nth-child(2) li:first-child {
	height:306px
	
}
.gallery_boxs ul:nth-child(2) li:nth-child(2) {
	height:502px;
}
.gallery_boxs ul:nth-child(3) li:first-child {
	height:421px
	
}
.gallery_boxs ul:nth-child(3) li:nth-child(2) {
	height:382px;
}


/* about Page property end */
/* cabinet Page property start */
.cabinet_process_sec {
	display:block;
}
.cabinet_process_box {
	
}
.cabinet_process_box li {
    display: inline-block;
    width: 32%;
    background-color: #fff;
    padding: 28px 22px;
	margin:12px 0;
    box-shadow: 0 0 10px #e7e7e7;
	transition: all 0.5s ease 0s;
}
.cabinet_process_box li:hover {
	transition: all 0.5s ease 0s;
	transform: translateY(-10px);
}
.cabinet_process_box li .circle_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background-color: #fdf4ec;
    margin-bottom: 16px;
    border-radius: 100%;
	position:relative;
 	transition: all 0.5s ease 0s;
}
.cabinet_process_box li .circle_icon .step_num {
	display: flex;
    align-items: center;
    justify-content: center;
	width:38px;
	height:38px;
	background-color:#000;
	border-radius:100%;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	color:#fff;
    font-family: 'Domine', serif;
	position: absolute;
    bottom: -4px;
    right: -10px;
}


.cabinet_process_box li:hover .circle_icon {
	box-shadow: 0 0 10px #e7e7e7;
	transition: all 0.5s ease 0s;
}
.cabinet_process_box li p {
    font-size: 16px;
    color: #6a6767;
    line-height: 1.5;
}
.faq_sec {
	display:block;
}
.faq_sec_box {
	width: 80%;
    margin: 0 auto;
}
.faq_sec_box li {
	display: block;
    margin-bottom: 20px;
    box-shadow: 0px 0px 60px #efeded
}
.faq_sec_box li:first-child .answer {
	display:block;
}

.faq_sec_box li .question {
    display: flex;
    align-items: center;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 0;
	background-color: #fff;
	padding: 10px 20px;
	color: #000;
	cursor: pointer;
}
.faq_sec_box li .question:before {
	content: "+";
    font-size: 24px;
    color: #ffffff;
    font-weight: 500;
    vertical-align: middle;
    margin-right: 18px;
    width: 34px;
    background-color: #f79620;
    height: 34px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq_sec_box li .minus:before {
	content: "-" !important;
}
.faq_sec_box li .answer {
	display: none;
	padding:14px 20px 0 74px;
    background-color: #fff;
    border-top: 1px solid #f1f1f1;
}
.faq_sec_box li .answer p {
	font-size: 16px;
	color: #434343;
	line-height: 26px;
}
.faq_sec_box li .answer li {
	display: inline-block;
    width: 24%;
    box-shadow: none;
    color: #000;
    margin: 8px 0;
}
.faq_sec_box li .answer li a {
    color: #434343;
}

/* cabinet Page property end */
/* contact Page property start */
.contact_page_sec {
	display:block;
}
.contact_address_box {
	display:inline-block;
	    width: 36%;
}


.contact_widget_box li {
	display: flex;
    align-items: center;
    width: 100%;
    background-color: #f5f4f4;
    padding: 24px 30px;
    border-radius: 4px;
	margin:20px 0;
}
.contact_widget_box li p {
	padding-bottom:0;
}
.contact_widget_box li .icon_circle {
	    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    background-color: #7bcf99;
    border-radius: 100%;
    margin-right: 26px;
}
.contact_widget_box li .icon_circle .fa {
	font-size: 42px;
    margin: 7px 0 0 0;
    color: #fff;
}
.contact_widget_box li h5 {
	font-size:24px;
    margin-bottom: 5px;
}
.contact_widget_box li a {
	color:#5b5b5b;
	font-size:18px;
}
.contact_widget_box li:nth-child(2) .icon_circle {
	background-color:#f79620;
}
.contact_form_box {
	display:inline-block;
	width: 58%;
	    box-shadow: 0 0 21px #dddcdc;
    padding: 44px;
}
.contact_form_box p {
	color:#2a2a2a;
}
.full_map_sec {
	    background-color: #1e221d;
    display: inline-block;
    width: 100%;
}

/* contact Page property end */
/* service_area_sec property start */
.service_area_sec {
	display:block;
}



.service_area_list li {
    display: inline-block;
    width: 24%;
    box-shadow: none;
    color: #000;
    margin: 5px 0;
    padding-left: 22px;
}
.service_area_list a {
	color: #434343;
    font-size: 18px;
    display: list-item;
}
.service_area_list a:hover {
	color: #f79620;
}
/* service_area_sec property end */
/* 404 page property start */
.error_404_sec {
	display: block;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f4f7+0,edf2ee+100 */
	background: rgb(240,244,247); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(240,244,247,1) 0%, rgba(237,242,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(240,244,247,1) 0%, rgba(237,242,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(240,244,247,1) 0%, rgba(237,242,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f7', endColorstr='#edf2ee', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.error_404_sec .error_404 {
	text-align: center;
	width: 60%;
	margin: 0 auto;
	background-color: #fff;
	padding: 50px;
}
.error_404_sec .error_404 .banner_big_text {
	font-size: 120px;
	font-weight: 600;
	line-height: normal;
	background: -webkit-linear-gradient(100deg, #1d0fff, #ff4519 76%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* 404 page property end */





/* mobile responsive property start */
@media (max-width:1500px) {
body {
    overflow-x: hidden;
}
.inner_page_banner {
    padding: 7% 0;
}
}
@media (max-width:1400px) {
body {
    overflow-x: hidden;
}
h1 {
    font-size: 44px;
}








}
@media (max-width:1300px) {
	
.cabinet_about_sec .img_box .doted_img {
    bottom: 58px;
    right: -19px;
}
	
}
@media (max-width:1200px) {
.container {
	max-width: 1100px;
}
h2 {
    font-size: 40px;
}
.cabinet_formula_sec .text_box .pr_0 {
	padding-right: 30px !important;
}
.form_map_sec .form_box .p_6 {
    padding: 40px;
}
.form_map_sec .form_box .pl_0 {
    padding-left: 40px !important;
}
.call_strip p {
     font-size: 18px;
}
.form_map_sec .map_box iframe {
	max-height: 100%;
}
.project_bootom_text p {
    font-size: 16px;
}
.project_bootom_text .btn {
    padding: 10px 20px;
}
/* About Page property start */
.cabinet_about_sec .img_box.one_img_with_icon {
    width: 100%;
    padding-right: 42px;
}
.cabinet_about_sec .img_box.one_img_with_icon .doted_img {
    right: 0;
    bottom: 0;
}



/* About Page property end */

}


@media (max-width:1100px) {
.container {
	max-width: 992px;
}
h1 {
    font-size: 40px;
}
h2 {
    font-size: 34px;
}
.pt_6 {
    padding-top: 40px;
}
.pb_6 {
    padding-bottom: 40px;
}
p {
    line-height: 24px;
}
.top_header p {
	display:none;
}
.top_header .h_phone {
	display:block;
}
.banner_text {
    width: 60%;
}
.h_nav li {
    padding: 0 10px;
}

.three_process_box li {
	padding:0 20px 22px;
}
.three_process_box li h5 {
	font-size: 23px;
}
.cabinet_project_sec .text_box {
    width: 56%;
}
.step_process_sec .text_box {
	padding:28px 30px;
}
.step_process_sec .text_box li p {
	    line-height: 20px;
    font-size: 16px;
}
.phone_btn_sec .phone {
    font-size: 22px;
}
.call_strip .call_strip_box h3 {
    font-size: 28px;	
}
.call_strip p {
    font-size: 16px;
}
.call_strip .call_strip_btn p a {
    font-size: 19px;
}
.three_process_box {
   flex-wrap: wrap;
    justify-content: center;
}
.three_process_box li {
    width: 46%;
	padding: 0 20px 22px;
    margin: 0 12px;
}
.three_process_box li:nth-child(3) {
    margin-top: 74px;
}
.cabinet_formula_sec .d_flex,
.step_process_sec .d_flex,
.cabinet_project_sec .d_flex {
    flex-wrap: wrap;
}
.cabinet_project_sec .text_box {
	width:100%;
}
.cabinet_project_sec .img_box {
	width:54%;
	height: 490px;
	margin:60px auto 0 auto;
}
.step_process_sec .d_flex.mb_5 {
	margin-bottom:0;	
}
.step_process_sec .img_box, .step_process_sec .text_box {
	width:100%;
	margin:10px 0;
}
.cabinet_formula_sec .img_box, 
.cabinet_formula_sec .text_box {
	width:100%;
}
.cabinet_formula_sec .img_box {
    padding: 30%;
}
.call_strip .call_strip_box .d_flex,
.form_map_sec .d_flex,
.cabinet_about_sec .d_flex {
    flex-wrap: wrap;	
}

.cabinet_about_sec .img_box, 
.cabinet_about_sec .text_box {
	width:100%;
}
.cabinet_about_sec .text_box {
	margin-bottom:30px;
}
.cabinet_about_sec .img_box {
	width: 86%;
    margin: 0 auto;
}
.cabinet_about_sec .img_box .doted_img {
    bottom: 118px;
    right: 0;
}
.form_map_sec .map_box, 
.form_map_sec .form_box {
	width:100%;
}
.form_map_sec .map_box {
	height:420px;
}
.call_strip .call_strip_box .call_strip_btn,
.call_strip .call_strip_box .text_box {
	width:100%;
}
.call_strip .call_strip_box .text_box {
    text-align: center;
    margin-bottom: 14px;
}
.call_strip .call_strip_btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.call_strip .call_strip_btn p,
.call_strip .call_strip_btn .btn {
	margin:0 10px;
}
.inner_page_banner .banner_text h1 {
    font-size: 30px;
    margin-bottom: 2px;
}
/* About Page property start */
.cabinet_about_page_sec .col_45 {
	width:70%;
}
.cabinet_about_sec .img_box.one_img_with_icon {
    width: 100%;
    padding: 50px 42px 60px 42px;
}
.cabinet_about_sec .text_box {
	text-align:center;
}
.phone_btn_sec .d_flex {
    justify-content: center;
}

/* About Page property start */	
}

@media (max-width:992px) {
.container {
	max-width: 768px;
}

.banner_bg .banner_text {
    width: 92%;
}
.banner_bg .banner_text h1 {
    font-size: 36px;
}
.banner_bg .banner_text p {
    font-size: 18px;
}
.banner_bg .banner_text .btn {
    margin-top: 0;
}
/* About Page property start */
.cabinet_about_page_sec .col_45 {
	width:100%;
}
.cabinet_about_sec .img_box.one_img_with_icon {
    width: 98%;
}
.cabinet_project_sec .img_box {
    width: 80%;
    height: 500px;
}

/* About Page property end */
/* cabinet Page property start */

.cabinet_process_box li {
    display: inline-block;
    width: 48%;
}
.faq_sec_box {
    width: 100%;
}

/* contact Page property start */
.contact_page_sec .d_flex {
	flex-wrap: wrap;
}
.contact_address_box {
    width: 100%;
}
.contact_widget_box {
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.contact_widget_box li {
    display: flex;
    align-items: center;
    width: 49%;
    background-color: #f5f4f4;
    padding: 24px 30px;
    border-radius: 4px;
    margin: 6px 0;
}
.contact_form_box {
    display: inline-block;
    width: 100%;
    margin-top: 26px;
}









/* mobile navigation property start */
.h_nav {
    display: none;
}
.mobile_menu {
display: inline-block;
width: 32px;
height: 20px;
float: right;
cursor: pointer;
text-align:center;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #dd0012;
	margin-top: 10px;

}
.mobile_menu span {
	margin: 0 auto;
	position: relative;
	top: 7px;
}
.mobile_menu span:before, .mobile_menu span:after {
	position: absolute;
	content: '';
}
.mobile_menu span, .mobile_menu span:before, .mobile_menu span:after {
	width: 30px;
	height: 3px;
	background-color: #161616;
	display: block;
}
.about_header .mobile_menu span, .about_header .mobile_menu span:before, .about_header .mobile_menu span:after {
	background-color: #fcd115;
}
.mobile_menu span:before {
	margin-top: -7px;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s;
	transition-delay: 0.2s, 0s;
}
.mobile_menu span:after {
	margin-top: 7px;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s;
	transition-delay: 0.2s, 0s;
}
/* example 5 */
.example5 span {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;

	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.example5.papa span {
	background-color: rgba(0,0,0,0.0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.example5.papa span:before {
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s;
	transition-delay: 0.2s, 0s;
}
.example5.papa span:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.2s;
	transition-delay: 0s, 0.2s;
}
.example5.papa span:after {
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s;
	transition-delay: 0.2s, 0s;
}
.example5.papa span:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.2s;
	transition-delay: 0s, 0.2s;
	transition-property: margin, transform;
}
.menu-main-menu-container, .main_nav ul {
    display:block;
}
.h_navigation .make_Button {
	width:100%;
}
.h_navigation {
	display: none;
	position: absolute;
	width: 100%;
	margin-top:64px !important;
	z-index: 9999;
	right: 0;
	color: #fff;
	background-color:#3a3838;
}
.h_navigation ul {
	display: block;
	text-align: left;
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.h_navigation ul li {
	color: #fff;
	display: block;
	font-size: 16px;
	position: relative;
	border-bottom: 1px solid #fff;
}
.h_navigation ul li button {
	display:none;
}
.h_navigation ul li.contribute-li a {
	background: none !important;
	text-transform: uppercase;
	font-size: 16px !important;
	color: rgba(0, 0, 0, 0.9) !important;
}
.h_navigation ul li a {
	font-family: inherit;
	color: #fff !important;
	display: block !important;
	font-size: 16px;
	font-weight:600;
	padding: 10px 30px;
}
.h_navigation ul li a:hover {
	color: #fff !important;
	background: #1b202f;
}
.h_navigation ul li.menu-item-has-children a:after {
	display: none !important;
}
.h_navigation ul li.current_page_item  {
	background: #f79620;
}

.h_navigation ul li.current_page_item ul li a {
	background-color: rgba(255, 255, 255, 0.87);
	color: #fff !important;
}
.h_navigation ul li.current_page_item ul li a:hover {
	background: #ccc none repeat scroll 0 0;
	border: medium none !important;
	box-shadow: none;
	color: #fff;
}
.h_navigation ul li:last-child {
	border-bottom: medium none;
}

.h_navigation ul li ul {
	display:block;
	background-color: #187085;
	padding:0 30px 0 52px;
}
.h_navigation ul li>ul li {
	display: block;
border-bottom: 1px dashed;
transition:all 0.2s ease 0s;
}
.h_navigation ul li>ul li a {
	color:#fff !important;
margin-left: -21px;
padding-left: 27px;
    font-weight: 400;
background-color:transparent;
}
.h_navigation ul li>ul li a:before {
content: "";
font-family: 'FontAwesome';
color: #fff;
padding-left: 34px;
margin-left: -48px;
margin-right: 16px;
}
.h_navigation ul li.current_page_item ul li a,
.h_navigation ul li.current_page_item ul li a:before {
	color:#fff !important;
}
.h_navigation ul li ul li a:hover {
    color: #fff !important;
}
.h_navigation ul li > ul li a:hover {
	background-color:transparent;
	color:#fff;
}
.h_navigation ul li>ul li:hover {
	padding-left:15px;
	transition:all 0.3s ease 0s;
}
.h_navigation ul li.current_page_item ul li a {
	background-color:#ccc;
}
.h_navigation ul li.current_page_item ul li a:before {
	color:#fff;
}
.h_navigation ul li.current_page_item ul li a:hover:before {
	color:#fff;
}
.sub-arrow {
	position:absolute;
	right:0;
	height:47px;
	top:0;
	width:50px;
}
.sub-arrow:after {
    content: "";
    text-align: center;
    font-family: 'FontAwesome';
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 13px;
		padding:0 20px;
    right: 0;
}
.sub-arrow.minus:after {
    content: "" !important;
}
/* mobile navigation property end */





}

@media (max-width:768px) {
.container {
	max-width: 100%;
}
h2 {
    font-size: 26px;
}
p {
	font-size: 15px;
    line-height: 24px;
}
.main_header {
    padding: 10px 0;
}
.h_logo {
    width: 180px;
}
.banner_bg .banner_text h1 {
    font-size: 24px;
}
.banner_bg .banner_text p {
    font-size: 16px;
    padding-bottom: 8px;
}
.banner_bg .banner_text .btn {
    font-size: 15px;
    padding: 4px 20px;
}
.banner_bg .banner_text .btn:after {
    font-size: 16px;
}
.three_process_box li {
    width: 80%;
    margin: 0 0 66px;
}
.three_process_box li:nth-child(3) {
    margin-top: 0;
	margin-bottom:0;
}
.review_box_sec {
    width: 100%;
}
.call_strip .call_strip_btn {
	
}
.call_strip .call_strip_btn .btn {
    font-size: 16px;
    padding: 6px 21px;
}
.call_strip .call_strip_btn p a {
	display:block;
}
.main_footor .d_flex {
    flex-wrap: wrap;
}
.f_widget .f_wrapper {
    width: 50%;
}
.f_wrapper:nth-child(2) {
    width: 40%;
}
.f_wrapper:nth-child(3) {
	margin-top:30px;
}
.h_navigation {
	margin-top:52px !important;
}

/* About Page property start */
.gallery_boxs ul li {
    padding: 4px 0;
}
.gallery_boxs ul:first-child li:first-child {
    height: 280px;
}
.gallery_boxs ul:first-child li:nth-child(2) {
    height: 204px;
}
.gallery_boxs ul:nth-child(2) li:first-child {
    height: 230px;
}
.gallery_boxs ul:nth-child(2) li:nth-child(2) {
    height: 256px;
}
.gallery_boxs ul:nth-child(3) li:first-child {
    height: 270px;
}
.gallery_boxs ul:nth-child(3) li:nth-child(2) {
    height: 216px;
}
/* cabinet Page property start */
.cabinet_about_sec .img_box .border_img .border_img_icon {
    width: 100px;
    height: 98px;
}
.cabinet_about_sec .img_box .border_img .border_img_icon img {
    width: 44%;
}
.cabinet_process_box li {
	padding: 18px 22px;
}
.cabinet_process_box li h5 {
    font-size: 22px;	
}
.cabinet_process_box li p {
    font-size: 14px;
}
.cabinet_process_box li .circle_icon {
    width: 86px;
    height: 86px;
}
.cabinet_process_box li .circle_icon img {
    max-width: 56%;
}
.faq_sec h3 {
    font-size: 26px;
}
.faq_sec h3 br {
	display:none;
}
.faq_sec_box li .question {
    font-size: 18px;
	display: block;
    padding-left: 48px;
}
.faq_sec_box li .question:before {
	float: left;
    margin: -5px 0px 0 -40px;
    width: 28px;
    height: 28px;
}
.project_circle {
	text-align:center;
}
.project_circle li:first-child {
	    margin-right: 0;
}
.project_circle li {
	margin: 0 20px;
}
.service_area_list li {
	width: 32%;
}
/* contact Page property start */
.contact_widget_box li {
    width: 100%;
}



}

@media (max-width:576px) {
.container {
	padding: 0 16px;
}
.mb_3 {
    margin-bottom: 18px;
}
.mt_3 {
    margin-top: 16px;
}
.top_header .h_btn {
	display:none;
}
.phone_btn_sec .d_flex {
	flex-wrap: wrap;
    justify-content: center;
}
.phone_btn_sec a {
    margin: 6px 13px;
}

.three_process_box li {
    width: 100%;
}
.project_circle {
    text-align: center;
}
.project_circle li,
.project_circle li:first-child {
    margin: 30px 10px;
}

.project_bootom_text {
	text-align: center;
    justify-content: center;
}
.project_bootom_text .btn {
	margin:10px 0;
}
.cabinet_formula_sec .text_box .p_6 {
    padding: 20px;
}
.form_map_sec .form_box li {
	width:100%;
}
.call_strip .call_strip_btn {
    display: block;
}
.call_strip .call_strip_btn .btn {
    margin-bottom: 12px;
}
.call_strip .call_strip_box {
	padding: 20px;
	margin: 20px;
}
.call_strip .call_strip_box h3 {
    font-size: 21px;
}
.call_strip p {
    font-size: 14px;

}
.f_widget .f_wrapper {
    width: 100%;
}
.f_wrapper:nth-child(2) {
    width: 100%;
    margin-top: 40px;
}

.btn {
	font-size:15px;
	padding:5px 20px;
}
.btn:after {
	font-size:16px;
}
/* About Page property start */
.cabinet_about_sec .img_box.one_img_with_icon {
    width: 100%;
	padding:20px 40px 60px 0px;
}
.cabinet_about_sec .img_box .border_img .border_img_icon {
    width: 100px;
    height: 98px;
}
.cabinet_about_sec .img_box .border_img .border_img_icon img {
    width: 44%;
}
.gallery_boxs {
    flex-wrap: wrap;
}
.gallery_boxs ul {
    width: 49%;
}
.gallery_boxs ul:nth-child(3) {
	width:100%;
	justify-content: space-between;
    display: flex;
}
.gallery_boxs ul:nth-child(3) li:nth-child(2),
.gallery_boxs ul:nth-child(3) li:first-child {
    height: auto;
    width: 48%;
	
}
/* cabinet Page property start */
.cabinet_process_sec p br {
	display:none;
}
.cabinet_project_sec .img_box {
    width: 100%;
    height: 386px;
}
.cabinet_project_sec .img_box img {
    width: 90%;
    float: right;
}
.cabinet_project_sec .doted_img {
	left: 0;
}
.cabinet_project_sec .doted_img img {
	width:100%;
}

.cabinet_process_box li {
    width: 86%;
    margin: 12px auto;
}
.faq_sec_box li .question {
    display: block;
    padding-left: 64px;
}
.faq_sec_box li .question:before {
    margin-left: -50px;
    float: left;
}
.service_area_list li {
    width: 49%;
}

.faq_sec_box li .answer li {
    width: 48%;
}


/* contact Page property start */
.form_box li {
    width: 100%;
}
.full_map_sec iframe {
    height: 240px;
}



}

@media (max-width:400px) {
h2 {
    font-size: 24px;
}
.mb_4 {
    margin-bottom: 10px;
}
.banner_bg .banner_text h1 {
    font-size: 20px;
    margin-bottom: 5px;
}
.cabinet_project_sec .img_box {
    height: 280px;
}
.cabinet_project_sec .img_box .img_box_text:after {
    width: 100%;
}
.cabinet_project_sec .img_box .img_box_text {
    width: 176px;
    padding: 20px;
}
.cabinet_project_sec .img_box .img_box_text h6
{
	    font-size: 17px;
    line-height: 26px;	
}
.step_process_sec .text_box li {
    padding-left: 0;
}
.step_process_sec .text_box li p strong {
	margin:0 0 12px;
    display: block;
}
.cabinet_about_sec .img_box .doted_img {
    bottom: 0;

}
.call_strip .call_strip_btn p a {
    display: block;
}
.gallery_boxs ul:first-child li:first-child {
    height: 224px;
}
.gallery_boxs ul:first-child li:nth-child(2) {
    height: 170px;
}
.gallery_boxs ul:nth-child(2) li:first-child {
    height: 188px;
}
.gallery_boxs ul:nth-child(2) li:nth-child(2) {
    height: 204px;
}

/* cabinet Page property start */
.cabinet_process_box li {
    width: 100%;
}
.faq_sec h3 {
    font-size: 18px;
    line-height: 1.5;
}
.faq_sec_box li .question {
    padding-left: 52px;
    font-size: 16px;
}
.faq_sec_box li .question:before {
    margin-left: -42px;
    float: left;
    margin-right: 0;
    width: 26px;
    height: 26px;
	font-size: 22px;
    margin-top: -3px;
}
.faq_sec_box li .answer {
    padding: 14px 20px 0 14px;
}
.faq_sec_box li .answer p {
    font-size: 15px;
    line-height: 22px;
}
.form_map_sec .map_box {
    height: 300px;
}
.cabinet_about_sec .img_box .border_img {
    left: 0;
}
.contact_widget_box li .icon_circle {
	width: 50px;
    height: 50px;
}
.contact_widget_box li .icon_circle .fa {
    font-size: 24px;
    margin: 2px 0 0 0;
}
.contact_form_box {
	padding: 26px;
}
.contact_form_box h3 {
    font-size: 26px;
}


}

/* mobile responsive property end */