/*
Theme Name: MelBourne Painting
Theme URI: https://wordpress.org/themes/melbournepainting/
Author: Sublimewepro
Author URI: https://wordpress.org
Description: MelBourne Painting is a custom WordPress theme built for Melbourne Painting, a local painting and decorating company. It emphasizes simplicity and adaptability, offering flexible design options supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: melbournepainting
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

/******** Melbourne Painting Solutions Website ********/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,500i,600,700,800');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
html, body{ font-size:100% !important;}

svg{max-width:100%!important;}

*{ margin:0; padding:0; border:none; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;}
*:focus{ outline:none !important;}

a{ color:#fdb935; transition:all 0.5s;}
a:hover{ text-decoration:none; color:#df970b;}

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

img{ max-width:100%; height:auto;}

.responsive-img { width:100%;}

.mb35p{ margin-bottom:35px;}
.mb30p{ margin-bottom:30px;}
.mb25p{ margin-bottom:25px;}
.mb20p{ margin-bottom:20px;}
.mb15p{ margin-bottom:15px;}
.mb10p{ margin-bottom:10px;}
.mb5p{ margin-bottom:5px;}

.mt35p{ margin-top:35px;}
.mt30p{ margin-top:30px;}
.mt25p{ margin-top:25px;}
.mt20p{ margin-top:20px;}
.mt15p{ margin-top:15px;}
.mt10p{ margin-top:10px;}
.mt5p{ margin-top:5px;}

body{overflow-x:hidden;}

.w100p{ width:100% !important;}
.wa{ width:auto !important;}

.dib{ display:inline-block !important; float:none !important;}

.br3{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.br5{ -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; }
.br10{  -webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px;}

.brtr5{  -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.brtr10{  -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}

.brbl5{ -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px; }
.brbl10{  -webkit-border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px;border-radius:0px 0px 10px 10px;}

.oh{ overflow:hidden !important;}


.br100{ -webkit-border-radius:100%; -moz-border-radius:100%;border-radius:100%; }

body p, body a, body span, body form, body ul, body ol { font-size:16px;}

.op90, .op70{ transition:opacity 0.5s;}
.op90:hover{/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;}
  
  
  .op70:hover{/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  /* IE 5-7 */
  filter: alpha(opacity=70);

  /* Netscape */
  -moz-opacity: 0.7;

  /* Safari 1.x */
  -khtml-opacity: 0.7;

  /* Good browsers */
  opacity: 0.7;}
  

.nbr{ -webkit-border-radius:0px!important; -moz-border-radius:0px !important;border-radius:0px!important; }
.nbs{  -webkit-box-shadow:none !important;  -moz-box-shadow:none !important;box-shadow:none !important;}
.nbdr{ border:none !important;}
.nb{ background:none !important;}

.npt{ padding-top:0px !important;}
.npr{ padding-right:0px !important;}
.npb{ padding-bottom:0px !important;}
.npl{ padding-left:0px !important;}


body{font-family: 'Montserrat', sans-serif;}

.f-right{ float:right !important;}
.f-left{ float:left !important;}

/*--------------------------------------------------------------
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;
}

h1, h2, h3, h4, h4, h5, h6 { font-weight:800;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { font-size: inherit!important;} 

.container{ width:100%; max-width:1170px; position: relative;z-index: 2;}

/********************************************* Website *************************************************/


.banner_wave_graphic{background-position:center bottom; background-size: 100% auto; background-repeat: no-repeat;}

/********************* Header ************************/

#main_header {
    position: fixed;
    z-index: 6;
    padding: 15px 0;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s;
}

.header_fixed {background: #fff; box-shadow: rgba(0,0,0,0.15) 0 0 10px 0;padding: 10px 0!important;}
#main_header.header_fixed .nav-link {color: #8525cf;}

#main_header.header_fixed .nav-item:hover > a,
#main_header.header_fixed .nav-item:focus > a,
#main_header.header_fixed .nav-item.active > a{ background:#8525cf; color:#fff;}

.logo_sec {
    position: relative;
    width: 100%;
    max-width: 300px;
    transition: all 0.5s;
}

#main_header.header_fixed .logo_sec{max-width: 180px;}

#main_header .nav-item{margin:0 2px;}
#main_header .nav-link{color:#fff;border-radius: 30px;padding:8px 20px;border:1px solid transparent;}
#main_header .nav-item:hover > a,#main_header .nav-item:focus > a, #main_header .nav-item.active > a{ background:rgba(255,255,255,0.12);border-color:rgba(0,0,0,0.2);}

#bannersec{
background: -moz-linear-gradient(45deg, rgba(8,106,215,1) 0%, rgba(8,106,215,1) 16%, rgba(175,14,205,1) 56%, rgba(220,0,102,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(8,106,215,1)), color-stop(16%, rgba(8,106,215,1)), color-stop(56%, rgba(175,14,205,1)), color-stop(100%, rgba(220,0,102,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(8,106,215,1) 0%, rgba(8,106,215,1) 16%, rgba(175,14,205,1) 56%, rgba(220,0,102,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(8,106,215,1) 0%, rgba(8,106,215,1) 16%, rgba(175,14,205,1) 56%, rgba(220,0,102,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(8,106,215,1) 0%, rgba(8,106,215,1) 16%, rgba(175,14,205,1) 56%, rgba(220,0,102,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(8,106,215,1) 0%, rgba(8,106,215,1) 16%, rgba(175,14,205,1) 56%, rgba(220,0,102,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc0066', endColorstr='#086ad7',GradientType=1 ); /* ie6-9 */
height:100vh;
	overflow-x: hidden;
	overflow: hidden;
}
.banner_graphic_img {
    background-image: url(assets/images/banner_graphic.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.painting_solutions_bg{
    background-image: url(assets/images/painting_solutions_bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.work_in_progress_bg{
    background-image: url(assets/images/work_in_progress_bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.testimonials_bg{
    background-image: url(assets/images/testimonials_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer_top_bg
{
    background-image: url(assets/images/footer_top_bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer_bg {
    background-image: url(assets/images/footer_bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.above_footer_logo_sec {
    background-image: url(assets/images/certified_logo_bg_no_logo.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main_footer_cf_wrap {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5f00b7+0,8902a2+100 */
		background: #5f00b7; /* Old browsers */
		background: -moz-linear-gradient(top,  #5f00b7 0%, #8902a2 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #5f00b7 0%,#8902a2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #5f00b7 0%,#8902a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f00b7', endColorstr='#8902a2',GradientType=0 ); /* IE6-9 */

    width: 100%;
    display: inline-block;
    padding: 15vh 0 10vh;
}

.footer_top_graphic_image{width:100vw;}

#bannersec > .carousel {z-index:5;}
.banner_content, .roller_brush{position:relative;}
.roller_brush >img {
    max-width: 85%;
    float: right;
}

#bannersec .carousel-item > .container, #bannersec .carousel-item > .container > .row{height:87vh;}
#bannersec .carousel-item > .container > .row {
    padding-top: 25vh;
}


.banner_content { color: #fff;margin-top: 3vh;}

.banner_content > img {
    position: absolute;
    left: -15%;
    top: -40%;
    max-width: 75%;
	z-index: 1;
}

.banner_content h2{text-transform: uppercase; font-size: 38px;z-index: 2;}
.banner_content p{font-size: 24px;font-weight: 300;z-index:2;}
.banner_content .banner_read_more, .gradient_read_more_btn {background: -moz-linear-gradient(245deg, rgba(210,15,252,1) 0%, rgba(242,59,46,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(242,59,46,1)), color-stop(100%, rgba(210,15,252,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(245deg, rgba(210,15,252,1) 0%, rgba(242,59,46,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(245deg, rgba(210,15,252,1) 0%, rgba(242,59,46,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(245deg, rgba(210,15,252,1) 0%, rgba(242,59,46,1) 100%); /* ie10+ */
background: linear-gradient(245deg, rgba(210,15,252,1) 0%, rgba(242,59,46,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d20ffc', endColorstr='#f23b2e',GradientType=0 ); /* ie6-9 */
min-width: 200px;
    display: inline-block;
    border-radius: 90px;
    padding: 15px 0px;
    text-align: center;
    font-weight: 700;
    margin-top: 25px;
	color:#fff;
	transition:all 0.5s;
	position:relative;
	overflow: hidden;
	z-index: 2;
}
.gradient_read_more_btn{color:#fff!important; margin-top:60px;}
.banner_content .banner_read_more strong, .gradient_read_more_btn strong{ font-weight:inherit; position:relative;z-index: 2;}
.banner_content .banner_read_more span, .gradient_read_more_btn span{transition:all 0.5s; display:inline-block;transform:translateX(5px);}
.banner_content .banner_read_more:hover, .gradient_read_more_btn:hover {transform:scale(1.05);}
.banner_content .banner_read_more:hover span, .gradient_read_more_btn:hover span{transform:translateX(15px);}
.banner_content .banner_read_more:after, .gradient_read_more_btn:after{
	background: -moz-linear-gradient(45deg, rgba(210,15,252,1) 0%, rgba(242,59,46,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(210,15,252,1)), color-stop(100%, rgba(242,59,46,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(210,15,252,1) 0%, rgba(242,59,46,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(210,15,252,1) 0%, rgba(242,59,46,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(210,15,252,1) 0%, rgba(242,59,46,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(210,15,252,1) 0%, rgba(242,59,46,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23b2e', endColorstr='#d20ffc',GradientType=1 ); /* ie6-9 */	
position:absolute;
	width:100%; height:100%;
	left:0;top:0;z-index: 1; transition:all 0.5s;
	content: '';
		
}
.banner_content .banner_read_more:hover:after, .gradient_read_more_btn:hover:after{opacity:0;}



#bannersec .carousel-item {padding:0 8%!important;}
#bannersec .carousel-inner {
    position: relative;
    width: 100%;
	overflow: visible;
}

.banner_wave_graphic{position: absolute;left: 0; bottom: -10px; width: 110%; height: 100%;}

#services_sec{padding:8vmax 0 15vmax 0;position:relative;}

#services_sec > .container{position:relative; z-index: 2;}

.section_title {
    margin-bottom: 100px;
}
.section_title h2{position:relative; display: inline-block;font-size:40px;text-transform:uppercase;font-weight:900;}

.section_title h2:before {
    position: absolute;
    content: '';
    width: calc( 50% - 90px );
    left: 0;
    height: 2px;
    bottom: -21px;
    margin-left: 60px;
    margin-right: 30px;
}

.section_title h2 span:first-child:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 50%;
    margin-left: 10px;
    bottom: -25px;
}
.section_title h2 span:first-child:after{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 50%;
    margin-left: -5px;
    bottom: -25px;
}
.section_title h2 span:first-child + span:before{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 50%;
    margin-left: -20px;
    bottom: -25px;
}

.section_title h2:after {
    position: absolute;
    content: '';
    width: calc( 50% - 90px );
    right: 0;
    height: 2px;
    bottom: -21px;
    margin-right: 60px;
    margin-left: 30px;
}

.service_section_title h2{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojRTAyMDkwOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNCRTIwRTI7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(linear, left top, 90deg, color-stop(0%, #E02090), color-stop(100%, #BE20E2));
background-image: -moz-linear-gradient(90deg,#E02090 0%,#BE20E2 100%);
background-image: -webkit-linear-gradient(90deg,#E02090 0%,#BE20E2 100%);
background-image: -o-linear-gradient(90deg,#E02090 0%,#BE20E2 100%);
background-image: -ms-linear-gradient(90deg,#E02090 0%,#BE20E2 100%);
background-image: linear-gradient(90deg,#E02090 0%,#BE20E2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position:relative;
}

.service_section_title h2:after,
.service_section_title h2:before,
.section_title h2 span:first-child::after{background:#e02091;}
.section_title h2 span:first-child:before,.section_title h2 span:first-child + span:before{background:#c020e2;}


.services_block {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 50px 0px rgba(0,0,0,0.1);
    border-radius: 20px;
    margin: 0 10px;
    width: calc( 100% - 20px )!important;
	height: 390px;
}
.services_block .service_icon {
    padding: 40px 0 35px 0;
    margin-top: 0;
    display: inline-block;
    margin-bottom: 0;
}
.services_block h2 {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: center;
    color: #fff;
    left: 0;
    bottom: 60px;
    font-size: 30px;
    font-weight: 300;
}
.services_block h2 span {
    display: block;
    font-size: 21px !important;
    font-weight: bold;
    text-transform: uppercase;
}
.services_block > img{transition: all 0.5s;max-width: inherit; display: inline-block;}
.services_block .s_grphic + img {
    position: absolute;
    left: -5%;
    bottom: 0;
    width: 90%;
}


.services_block .s_grphic {
    width: 102%;
    bottom: -20px;
    position: relative;
}

.services_block:hover .s_grphic {width:130%;}
.services_block:hover .s_grphic + img{width:88%;}
.services_block .service_icon,.services_block h2{transition:all 0.5s;}
.services_block:hover .service_icon,.services_block:hover h2{transform:scale(1.07);}
.services_block:hover h2{bottom:40px;}


.content_sec{
	box-shadow: 0 0 50px 0px rgba(0,0,0,0.1);
    border-radius: 20px;
	margin: 50px 10px;
    width: calc( 100% - 20px )!important;
	padding:30px 70px 18vw 70px;
	text-align: center;
}

.content_sec h1
{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojQkUyMEUyOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNFMDIwOTA7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(linear, left top, 90deg, color-stop(0%, #BE20E2), color-stop(100%, #E02090));
background-image: -moz-linear-gradient(90deg,#BE20E2 0%,#E02090 100%);
background-image: -webkit-linear-gradient(90deg,#BE20E2 0%,#E02090 100%);
background-image: -o-linear-gradient(90deg,#BE20E2 0%,#E02090 100%);
background-image: -ms-linear-gradient(90deg,#BE20E2 0%,#E02090 100%);
background-image: linear-gradient(90deg,#BE20E2 0%,#E02090 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position:relative;
display:inline-block; /*required*/
	font-weight:400;
	font-size:35px;
	margin:30px 0;
}

.content_sec p{font-weight: 400;line-height: 1.8; text-align:justify;text-align-last: center;}
.content_sec ul {
    list-style: none;
    margin-top: 30px;
    display: inline-block;
    background: rgba(0,0,0,0.035);
    padding: 10px 20px;
    border-radius: 50px;
}
.content_sec ul li{display:inline-block; color:#f31d7d;font-weight:bold; text-transform: uppercase;}
.content_sec ul li:after {
    content: '/';
    padding: 0 5px 0 10px;
}
.content_sec ul li:last-child:after{content:'';padding: 0;}

.content_sec p a {
  	min-width: 180px;
    display: inline-block;
    border-radius: 90px;
    padding: 10px 0px;
    text-align: center;
    font-weight: 700;
    margin-top: 35px;
	color:#f31d7d;
	transition:all 0.5s;
	position:relative;
	overflow: hidden;
	z-index: 2;border:2px solid #f31d7d;
}

.content_sec p a span{transition:all 0.5s; display:inline-block;transform:translateX(5px);}
.content_sec p a:hover {transform:scale(1.05);}
.content_sec p a:hover span{transform:translateX(15px);}

.content_color_waves{ position:absolute; bottom:-20vh; left:0; width:100%;z-index: 1;}


#about_us{padding:180px 10px 150px 10px;}

.about_image{border-radius: 25px; overflow: hidden;}
.about_content{ background: rgb(119,26,169);
background: -moz-linear-gradient(122deg, rgba(119,26,169,1) 0%, rgba(196,34,134,1) 100%);
background: -webkit-linear-gradient(122deg, rgba(119,26,169,1) 0%, rgba(196,34,134,1) 100%);
background: linear-gradient(122deg, rgba(119,26,169,1) 0%, rgba(196,34,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#771aa9",endColorstr="#c42286",GradientType=1); border-radius: 25px;position:relative; overflow: hidden; height: 100%;padding:18% 15% 20% 25%; color:#fff;}

#about_us > .container > .row > .col-lg-6:nth-child(1){
    transform: translateX(9%);
    position: relative;
    z-index: 1;
}
#about_us > .container > .row > .col-lg-6:nth-child(2){
    transform: translateY(14%) translateX(-9%);
}


.read_more_abt {
  	min-width: 170px;
    display: inline-block;
    border-radius: 90px;
    padding: 10px 0px;
    text-align: center;
    font-weight: 700;
    margin-top: 35px;
	color:#fff!important;
	transition:all 0.5s;
	position:relative;
	overflow: hidden;
	z-index: 2;border:2px solid #fff;
}

.read_more_abt span{transition:all 0.5s; display:inline-block;transform:translateX(5px);}
.read_more_abt:hover {transform:scale(1.05);}
.read_more_abt:hover span{transform:translateX(12px);}

.about_content .abt_contnt_shadow{position:absolute;left:-10px; bottom:0;}
.about_content .abt_large_curve_cntnt {
    position: absolute;
    right: -8px;
    bottom: 0;
    width: 85%!important;
}
.about_content .abt_small_curve_cntnt {
    position: absolute;
    right: -14px;
    bottom: 0;
    width: 67%!important;
}




#work_in_action{ padding:80px 20vw 18vmax 20vw;position:relative;}

#beforeafterslides{ position:relative;z-index: 5;}

.mainsliderwrap{ position:relative;}


#beforeafterslides .carousel-control {
    position: absolute;
    top: 50%;
    width: 60px;
    background: none!important;
    height: 60px;
    margin-top: -30px;
    transition: opacity 0.5s;
    z-index: 9;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}

#beforeafterslides .carousel-control.left {left:-65px;}
#beforeafterslides .carousel-control.right {right:-65px;}

#beforeafterslides .carousel-control *{ background:none !important;}

.before-after-wrap{ position:relative;}

.before-after-wrap img{ width: auto; max-width:100%;}

.before-after-wrap > .beforeimagesec{ position:relative; left:0; top:0; z-index:1;}

.magichandle{ position:absolute; left:50%;width:1px; height:100%; background:#fff; top:0;}

.before-after-wrap > .magiccontainer{ position:absolute; left:0; top:0; z-index:2; width:50%; height:100%; overflow:hidden;}

.magichandlewrap{ width:2px; position:absolute; background:#fff; height:100%;left:50%; top:0;z-index:3; cursor:pointer;transition: transform 0.5s;}

.magichandlewrap:after {content:''; font-size:20px; top:50%; position:absolute; left:50%; color:#fff; width:40px; height:40px; background-color:rgba(255,255,255,0.65); text-align:center; line-height:60px; margin-left:-20px; margin-top:-20px; border-radius:100%; transition: all 0.5s; opacity:0.85; border:1px solid #fff;box-shadow:rgba(0,0,0,0.40) 0 0 11px 0;}
.magichandlewrap:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 60px;
    background: #fff;
    left: 50%;
    top: 50%;
    border-radius: 60px;
    margin: -30px 0 0 -5px;
	transition: all 0.5s;
	box-shadow: rgba(0,0,0,0.40) 0 0 11px 0;
	z-index: 1;
}

.magichandlewrap:hover:after,
.magichandlewrap:hover:before{transform: scale(1.1);}

.magichandlewrap span {
    color: #fff;
    position: absolute;
    z-index: 2;
    left: -12px;
    top: 48%;
	transition: all 0.5s;
}
.magichandlewrap span.fa-angle-right {
    right: -12px;
	left: auto;
}
.magichandlewrap:hover span{ transform:translateX(-3.5px);}
.magichandlewrap:hover span.fa-angle-right{ transform:translateX(3.5px)}

.before-after-wrap > .magiccontainer .afterimagesec{position:absolute; left:0; top:0; z-index:2; max-width:inherit !important;}

#workslider .carousel-inner{ border-radius:20px; overflow:hidden; box-shadow:rgba(0,0,0,0.30) 0 0 50px 0; transition:box-shadow 0.5s;}

/*#workslider:hover .carousel-inner{box-shadow:rgba(0,0,0,0.15) 0 0 30px 0;}*/

#beforeafterslides .carousel-indicators li{ background:#fff; opacity:0.5; transition:opacity 0.5s; width:15px; height:15px; border:none !important; margin:0px !important;}

#beforeafterslides .carousel-indicators li:hover, #beforeafterslides .carousel-indicators li.active{ opacity:1;}

.work_action_section_title h2{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojRTIyMDZBOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNFMDYwMjA7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(linear, left top, 90deg, color-stop(0%, #E2206A), color-stop(100%, #E06020));
background-image: -moz-linear-gradient(90deg,#E2206A 0%,#E06020 100%);
background-image: -webkit-linear-gradient(90deg,#E2206A 0%,#E06020 100%);
background-image: -o-linear-gradient(90deg,#E2206A 0%,#E06020 100%);
background-image: -ms-linear-gradient(90deg,#E2206A 0%,#E06020 100%);
background-image: linear-gradient(90deg,#E2206A 0%,#E06020 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position:relative;
}

.work_action_section_title h2:after,
.work_action_section_title h2:before,.work_action_section_title h2 span:first-child::after{background:#e61457;}
.work_action_section_title h2 span:first-child:before,.work_action_section_title h2 span:first-child + span:before{background:#e05f20;}

.work_action_section_title h2::before {
    width: calc( 50% - 130px );
    margin-left: 100px;
}
.work_action_section_title h2::after {
    width: calc( 50% - 130px );
    margin-right: 100px;
}
.slide_info_item{padding:0px 15px;}
.slide_info{padding:0 15px;
	background: -moz-linear-gradient(53deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(226,32,105,1)), color-stop(100%, rgba(224,95,32,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(53deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(53deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(53deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%); /* ie10+ */
background: linear-gradient(37deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e05f20', endColorstr='#e22069',GradientType=0 ); /* ie6-9 */
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    min-height: 84px;
    z-index: -1;
}

#work_in_action .work_action_curve,
#testimonials_sec .work_action_curve,
#web_badge .work_action_curve
{position:absolute;left: 0;z-index: 1;top:240px;}
.slide_info > img:nth-child(1) {
    position: absolute;
    bottom: 0;
    right: 20%;
    width: 30%;
}
.slide_info > img:nth-child(2) {
    position: absolute;
    right: -5%;
    width: 45%;
    bottom: 0;
}

.banner_img_status_info {
    position: absolute;
    right: 15px;
    top: 15px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    z-index: 3;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 8px;
	min-width: 70px;
	text-align: center;
}

.before_text.banner_img_status_info { z-index: 2;}
.after_text.banner_img_status_info { left: 15px; right: auto;}

.slide_info_item > .row{margin:0px;}
.slide_info_item .read_more_abt {
    margin-top:30px;
    font-size: 14px;
    min-width: 160px;
}
.slide_info_item .pro_info h3{ color:#fff; font-weight: 300;margin-top:20px; font-size: 26px;}
.slide_info_item .pro_info h3 > a{font-size:inherit!important; color:inherit!important;}
.slide_info_item .pro_info p{ text-transform:uppercase; font-weight:bold;font-size: 15px; color:#fff;margin-bottom:20px;}

.view_all_projects_btn{border:none!important; min-width:200px; background:rgba(255,255,255,0.25);margin-top:25px;}


#work_gallery {padding:120px 0 80px 0;}

.work_gallery_section_title h2{background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMEE3RUUzOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiM3NzIwRTI7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(linear, left top, 90deg, color-stop(0%, #0A7EE3), color-stop(100%, #7720E2));
background-image: -moz-linear-gradient(90deg,#0A7EE3 0%,#7720E2 100%);
background-image: -webkit-linear-gradient(90deg,#0A7EE3 0%,#7720E2 100%);
background-image: -o-linear-gradient(90deg,#0A7EE3 0%,#7720E2 100%);
background-image: -ms-linear-gradient(90deg,#0A7EE3 0%,#7720E2 100%);
background-image: linear-gradient(90deg,#0A7EE3 0%,#7720E2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position:relative;
display:inline-block; /*required*/}

.work_gallery_section_title h2:after,
.work_gallery_section_title h2:before,.work_gallery_section_title h2 span:first-child::after{background:#0A7EE3;}
.work_gallery_section_title h2 span:first-child:before,.work_gallery_section_title h2 span:first-child + span:before{background:#7720E2;}

#work_gallery .card-columns {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
	overflow: hidden;
	border-radius: 20px;
}
#work_gallery .card-columns .card {
    margin: 0 0 8px 0;
	border:none!important;
	border-radius:0;
	position:relative;
}

#work_gallery .card-columns .card:nth-child(2n) {margin-bottom:0px;}

#work_gallery .card-columns .card .card-img{border-radius:0;}
#work_gallery .card-columns .card{position:relative;}
#work_gallery .card-columns .card .card-body{display:flex!important; transition: all 0.5s; background: rgba(95,66,223,0.9); color:#fff; flex-direction: column; align-items: center; justify-content: center; position: absolute; width:100%; height: 100%; left: 0; top:0;transform:scale(0); text-align: center;}
#work_gallery .card-columns .card:hover .card-body{ transform:scale(1);}

#work_gallery .card-columns .card .card-body h5{ font-size:30px; font-weight:300; text-transform: uppercase; position: relative;}
#work_gallery .card-columns .card .card-body h5:after{width:75px; height: 1px; background: #fff; display:block; content: ''; position: relative; 
    left:calc(50% - 37.5px); margin: 10px 0 5px 0;}

#work_gallery .card-columns .card .card-body .card-text{ font-weight:700; text-transform: uppercase;}
#work_gallery .card-columns .card .card-body a{width:50px; height:50px; background:rgba(255,255,255,0.12); color:#fff; border-radius: 100%; line-height: 50px; margin-top:25px;}
#work_gallery .card-columns .card .card-body a:hover{transform:scale(1.1);}

#testimonials_sec 
{
	padding:60px 0 14vw 0;position: relative;
	background: url(assets/images/testimonials_bg.png);
	background-size: cover;
	background-position: center center;
}

#testimonials_sec .banner_wave_graphic {background-position: center 12vw;}

.testimonial_section_title h2{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1077e0+0,00cda5+100 */
background: #1077e0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwNzdlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGNkYTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #1077e0 0%, #00cda5 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1077e0), color-stop(100%,#00cda5)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left, #1077e0 0%,#00cda5 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left, #1077e0 0%,#00cda5 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left, #1077e0 0%,#00cda5 100%); /* IE10 preview */
background: linear-gradient(to right, #1077e0 0%,#00cda5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1077e0', endColorstr='#00cda5',GradientType=1 ); /* IE6-8 */
    background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position:relative;
}

.testimonial_section_title h2:after,
.testimonial_section_title h2:before,.testimonial_section_title h2 span:first-child::after{background:#00cda5;}
.testimonial_section_title h2 span:first-child:before,.testimonial_section_title h2 span:first-child + span:before{background:#1077e0;}

.testimonial_section_title h2:after,
.testimonial_section_title h2:before,.testimonial_section_title h2 span:first-child::after{background:#00cda5;}
.testimonial_section_title h2 span:first-child:before,.testimonial_section_title h2 span:first-child + span:before{background:#1077e0;}

.white_color_title_text {
    margin-bottom: 0!important;
    margin-top: 100px!important;
}

.white_color_title_text h2{
	background:none!important;
	color: #fff!important;
	position:relative;
	-webkit-text-fill-color:#fff!important;
}

.white_color_title_text h2:after,
.white_color_title_text h2:before,.white_color_title_text h2 span:first-child::after{background:#fff!important;}
.white_color_title_text h2 span:first-child:before,.white_color_title_text h2 span:first-child + span:before{background:#fff!important;}

.white_color_title_text h2:after,
.white_color_title_text h2:before,.white_color_title_text h2 span:first-child::after{background:#fff!important;}
.white_color_title_text h2 span:first-child:before,.white_color_title_text h2 span:first-child + span:before{background:#fff!important;}

.testimonial_slider_wrap {padding-top:180px;}
.testimonial_slider_wrap .item {
    padding: 15px 15px 170px 15px;
}
.testimonial_single {
    position: relative;
    background: #fff;
    padding:30px;
    border-radius: 10px;
    box-shadow: rgba(0,0,0,0.1) 0 0 10px 0;

}
.testimonial_single .fa-quote-right{ font-size: 58px; color:#dddddd; margin-bottom: 15px; display: inline-block; width: 100%;}
.testimonial_single > p{ color:#666666;font-style: italic; font-weight: 500; line-height: 30px;}
.testimonial_single > p:last-of-type{margin-bottom:40px;}
.commentor_info {
    position: absolute;
    left: 50px;
    bottom: -70px;
}
.commentor_info > img{
    width: 100px!important;
    height: 100px;
    border-radius: 100%;
    border: 4px solid #fff;
    float: left;
}
.commentor_info_name{
    float: left;
    padding-left: 15px;
    color: #fff;
}

.commentor_info_name h3 {
    position: relative;
    top: 40px;
    font-size: 18px;
    text-transform: uppercase;
}

.commentor_info_name p{
    position: relative;
    top: 35px;
    font-size: 14px;
}

#testimonials_sec .owl-theme .owl-dots .owl-dot span {width:13px; height:13px;background:#fff!important;opacity: 0.5!important;}
#testimonials_sec .owl-theme .owl-dots .owl-dot.active span,
#testimonials_sec .owl-theme .owl-dots .owl-dot:hover span
{opacity: 1!important;}

#web_badge .work_action_curve {
    position: absolute;
    right: 0!important;
	left: auto!important;
    z-index: 1;
    top: 240px;
}

#web_badge {
    position: relative;
    padding:9vw 0 14vw 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
	background-image: url(assets/images/certified_logo_bg_no_logo.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-top: 4vw;
}
.dulux_badge {
    position: relative;
    z-index: 2;
    width: 50%!important;
    float: left;
    margin-left: 8vw;
    max-width: 500px;
}

.dulux_badge_text {
    float: right;
    color: #fff;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    margin-right: 10vw;
}
.dulux_badge_text h3 {
    font-size: 2.5vw;
    font-weight: 400;
    text-shadow: rgba(0,0,0,0.5) 0 0px 10px;
}
.dulux_badge_text h4 {
    font-size: 2vw;
    text-shadow: rgba(0,0,0,0.5) 0 0px 10px;
}

#web_footer {
    position: relative;
    padding: 10vw 0 0 0;
    overflow: hidden;
}

#web_footer .footer_back_graphic
{position:absolute; top:0; left: 0; width:100%; height: 100%;}

.quick_contact_form{background:#fff; border-radius:10px; box-shadow:rgba(0,0,0,0.15) 0 0 10px 0; overflow: hidden;}

.quick_contact_form form{padding:30px; margin-bottom:30px;}

.footer_form_back_graphic {
    width: 120%;
    max-width: inherit;
    position: relative;
    top: 10px;
    left: -10%;
}
.quick_form_container{padding:0 100px;}
.quick_contact_form h4{
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    background: -moz-linear-gradient(56deg, rgba(224,32,145,1) 0%, rgba(224,32,145,1) 20%, rgba(192,32,226,1) 60%, rgba(192,32,226,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(224,32,145,1)), color-stop(20%, rgba(224,32,145,1)), color-stop(60%, rgba(192,32,226,1)), color-stop(100%, rgba(192,32,226,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(56deg, rgba(224,32,145,1) 0%, rgba(224,32,145,1) 20%, rgba(192,32,226,1) 60%, rgba(192,32,226,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(56deg, rgba(224,32,145,1) 0%, rgba(224,32,145,1) 20%, rgba(192,32,226,1) 60%, rgba(192,32,226,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(56deg, rgba(224,32,145,1) 0%, rgba(224,32,145,1) 20%, rgba(192,32,226,1) 60%, rgba(192,32,226,1) 100%); /* ie10+ */
background: linear-gradient(34deg, rgba(224,32,145,1) 0%, rgba(224,32,145,1) 20%, rgba(192,32,226,1) 60%, rgba(192,32,226,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c020e2', endColorstr='#e02091',GradientType=0 ); /* ie6-9 */
    -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 50px;
}

.quick_contact_form input,
.quick_contact_form textarea
{border:none!important;outline: none!important; box-shadow: none!important;width: 100%; padding: 0 15px;}
.quick_contact_form textarea{resize:none; height: 100%;}

.form_item_wrap{margin-bottom:20px;}
.quick_contact_form input + .form_border,
.quick_contact_form textarea + .form_border
{ width:100%; height:5px;display: inline-block;
    background: -moz-linear-gradient(0deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(226,32,105,1)), color-stop(100%, rgba(224,95,32,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%); /* ie10+ */
background: linear-gradient(90deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e22069', endColorstr='#e05f20',GradientType=1 ); /* ie6-9 */
    /*transition: all 0.5s;*/
}

.quick_contact_form .form-group{margin:0; padding:0 30px;}
.quick_contact_form .single_textarea{height:calc(100% - 44px);}
.quick_contact_form input:focus + .form_border,
.quick_contact_form textarea:focus + .form_border{background:rgba(192,32,226,1)!important;}

div[class*="_footer_blk"] h5{
    color:#fff;
    font-size:22px;
    font-weight:500;
    text-transform: uppercase;
}

div[class*="_footer_blk"] h5:after {
    width: 65px;
    height: 3px;
    display: block;
    content: '';
    background: #fff;
    opacity: 0.8;
    margin-top: 10px;
    margin-bottom: 25px;
}

div[class*="_footer_blk"] ul{list-style:none;}
div[class*="_footer_blk"] ul li{color:#fff;}
div[class*="_footer_blk"] ul li a:hover{opacity:0.8;}
div[class*="_footer_blk"] ul li a{
    color: #fff;
    line-height: 30px;
    transition: opacity 0.5s;
}

.footer_submit_button{min-width:250px;}
.footer_form_bottom {
    /* margin-top: 95px; */
    position: relative;
    z-index: 3;
    padding-top: 95px;
    padding-bottom: 70px;
    background: #7f027a;
}
.footer_lower_bottom{position:absolute; bottom:-20px; width:100%;left:0;}

#web_footer .footer_form_bottom_graphic {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 820px;
}

.social_footer_blk span{width:40px;height:40px; line-height: 40px; text-align: center; background: rgba(255,255,255,0.4); border-radius:100%;font-size:20px;margin-right:10px;}
.social_footer_blk li{margin-bottom:15px;}

.arrow_nav{font-size:50px;}

.phone_info_footer {
    margin-bottom: 15px;
    padding-top: 8px;
}

.email_info_footer{
   padding-top: 8px; 
}

.phone_info_footer p,
.email_info_footer p
{margin-bottom:0px;}

.email_info_footer p a{font-weight: 600!important;}

 .phone_info_footer h6 a{
    font-size: 24px!important;
    font-weight: 600!important;
}

.footer_bottom_section{
    position: relative;
    z-index: 111;
    color: #fff;
	    background: #7f027a;
}

 .gototop_btn span{
    color: #fff;
    background: rgba(0,0,0,0.2);
    width: 50px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    border-radius: 80px 80px 0 0;
    transition: all 0.25s;
}
.footer_bottom_graphic_image{
    position: absolute;
    bottom: 0;
	width:100%;
	left:0;
}
.gototop_btn:hover span{line-height:35px;}




/************************* Inner Page ***********************/
#bannersec.inner_page{
   height:35vw;
    position: relative;
}

#bannersec.inner_page *{height:100%;}


#bannersec.inner_page .banner_content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom:40px;
	margin-top: 0px;
}

#bannersec.inner_page .banner_content h1{
    font-size: 2.7vw;
	height: auto;
}

#services_sec.inner_page_content_section {
    padding: 5vmax 0;
}

.inner_page_content_wrap{

    padding: 60px 50px;
    text-align: left;
}

.inner_page_content_wrap h2,
.inner_page_content_wrap h3,
.inner_page_content_wrap h4,
.inner_page_content_wrap h5,
.inner_page_content_wrap h6{
	margin:0px 0 30px 0;
	color: #333;
}

.inner_page_content_wrap h2.clr_green,
.inner_page_content_wrap h3.clr_green,
.inner_page_content_wrap h4.clr_green,
.inner_page_content_wrap h5.clr_green,
.inner_page_content_wrap h6.clr_green{
	color: #9dcb3b;
}


.inner_page_content_wrap h2.clr_red,
.inner_page_content_wrap h3.clr_red,
.inner_page_content_wrap h4.clr_red,
.inner_page_content_wrap h5.clr_red,
.inner_page_content_wrap h6.clr_red{
	color: #da232b;
}

.inner_page_content_wrap h2.clr_purple,
.inner_page_content_wrap h3.clr_purple,
.inner_page_content_wrap h4.clr_purple,
.inner_page_content_wrap h5.clr_purple,
.inner_page_content_wrap h6.clr_purple{
	color: #8525cf;
}

.inner_page_content_wrap h2.clr_orange,
.inner_page_content_wrap h3.clr_orange,
.inner_page_content_wrap h4.clr_orange,
.inner_page_content_wrap h5.clr_orange,
.inner_page_content_wrap h6.clr_orange{
	color: #faa21b;
}


.inner_page_content_wrap h2.clr_dark_pink,
.inner_page_content_wrap h3.clr_dark_pink,
.inner_page_content_wrap h4.clr_dark_pink,
.inner_page_content_wrap h5.clr_dark_pink,
.inner_page_content_wrap h6.clr_dark_pink{
	color: #f33b73;
}



.inner_page_content_wrap p{text-align:left;text-align-last: left;margin:0px 0 40px 0;}
.inner_page_content_wrap p a{text-align:center;text-align-last: center;margin-top:0px!important;}

.text-center p{text-align:center!important;text-align-last: center!important;}
.text-left p{text-align:left!important;text-align-last: left!important;}
.text-right p{text-align:right!important;text-align-last: right!important;}

.image_content_aside_block{
    margin-top: 75px;
    margin-bottom: 55px;
}

.image_content_aside_block  .content_middle{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.image_content_aside_block .content_top{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.image_content_aside_block .content_bottom{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.icon_service_sec_content{
	margin-top:30px;
	margin-bottom:30px;
}
.single_icon_block {margin-bottom:30px;}
.colored_icon_blk *{color:#fff!important;}
.bg_colored_orange{background:#faa21b!important;}
.bg_colored_pink{background:#d5267e!important;}
.bg_colored_sky_blue{background:#16afe5!important;}
.bg_colored_green{background:#9dcb3b!important;}
.bg_colored_purple{background:#8525cf!important;}
.bg_colored_red{background:#d73c53!important;}


.bg_colored_orange .get_quote_button a{color:#faa21b!important;}
.bg_colored_pink .get_quote_button a{color:#d5267e!important;}
.bg_colored_sky_blue .get_quote_button a{color:#16afe5!important;}
.bg_colored_green .get_quote_button a{color:#9dcb3b!important;}
.bg_colored_purple .get_quote_button a{color:#8525cf!important;}
.bg_colored_red .get_quote_button a{color:#d73c53!important;}


.main_icon_title_blk .row{position:relative;z-index: 3;}

.main_icon_title_blk  {padding:30px; border-radius: 15px;margin-bottom:0px;transition: all 0.5s;position:relative;}
.main_icon_title_blk .icon_block span {
    font-size: 70px;
    display: block;
    text-align: center;
}
.main_icon_title_blk > a{display:block; }
.main_icon_title_blk:hover{transform:scale(1.05);}
.service_icons_cntnt h4{margin-bottom:15px!important;}
.service_icons_cntnt p{margin-bottom:0px!important;}

.main_icon_title_blk .abt_large_curve_cntnt {
    position: absolute;
    right: 0;
    bottom: -20px;
}
.main_icon_title_blk .abt_small_curve_cntnt {
    position: absolute;
    bottom: -30px;
    right: -100px;
}

.inner_page_content_wrap ul,
.inner_page_content_wrap ol
{list-style:none;background:none!important;border-radius:0px;padding:0; margin-bottom:40px;margin-top:0; display:inline-block;}

.text-center.inner_page_content_wrap ul li,
.text-center.inner_page_content_wrap ol li{text-align:left;}

.inner_page_content_wrap ul li,
.inner_page_content_wrap ol li
{
	line-height:25px;
	margin-bottom: 15px;
	color:#000;
	font-weight:400!important;
	text-transform:none;
	display: block;
	position: relative;
	padding-left: 40px;
}

.get_quote_section_block .col-sm-3{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.get_quote_button a {
    background: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    display: inline-block;
	transition: all 0.5s;
}

html .get_quote_button a span{color:inherit!important;}

.inner_page_content_wrap ul li:after{display:none!important;}

.inner_page_content_wrap ul li:before,
.inner_page_content_wrap ol li:before{
	position:absolute;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	top:0;
	left:0;
	content: '';
    background:#8525cf!important;
	color:#fff!important;
	text-align: center;
	
}

.inner_page_content_wrap ul li::before {
    content: "\f00c";
    font-family: 'fontawesome';
}
.inner_page_content_wrap ol {
 counter-reset: section;
}
.inner_page_content_wrap ol li::before {
	counter-increment: section;  
  	content:counter(section);
	font-weight:800;
}

.inner_page_content_wrap .simple_image {
    border-radius: 10px;
    box-shadow: rgba(0,0,0,0.20) 0 20px 23px 0;
	margin-bottom:45px;
	max-width:100%!important;
	height: auto!important;
}

.main_icon_title_blk {
    height: 100%;
}

.single_icon_block_center_design .text-center *{text-align:center;text-align-last: center;}
.single_icon_block_center_design h4 {

    margin: 45px 0 25px 0 !important;

}

.single_icon_block_center_design .main_icon_title_blk {
    padding: 60px 30px;
}

.single_icon_block_center_design .main_icon_title_blk .abt_small_curve_cntnt,
.single_icon_block_center_design .main_icon_title_blk .abt_large_curve_cntnt {
    bottom: -2px;
}




/**************************** Project Listing ***************************/

.single_project_block{overflow:hidden;position:relative;padding:15px;}
.single_project_block .sp_content_img_wrap {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.single_project_block .sp_content_img_wrap .project_image_single{position:relative;z-index: 1;}
.single_project_block .single_project_info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 50px;
    background: rgba(0,0,0,0.65);
}

.main_icon_title_blk .sp_content_img_wrap .abt_small_curve_cntnt {
    bottom: -85px!important;
    right: 0px!important;
    z-index: 2!important;
	transition: all 0.5s;
}

.single_project_info > span > img {
    max-width: 40px;
    margin-bottom: 15px;
	transition: all 0.5s;
}
.sp_content_img_wrap .single_project_info h4{transition: all 0.5s; font-size: 20px;}
.sp_content_img_wrap:hover .abt_small_curve_cntnt {
	 bottom: -105px!important;
}

.sp_content_img_wrap:hover .single_project_info span img
{
	transform: scale(1.4);
} 


.sp_content_img_wrap:hover .single_project_info h4
{
	transform: scale(1.2);
} 

.filter_row_projects {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

.filter_row_projects ul {display:flex;align-items: center; justify-content: center;}
.filter_row_projects ul li{padding:0px;}
.filter_row_projects ul li:before{display:none;}
.filter_row_projects ul li a {
    margin: 0 10px;
    background:#16afe5 ;
    color: #fff;
    padding: 10px 20px;
    border-radius: 40px;
}

.filter_row_projects ul li a:hover,
.filter_row_projects ul li a.active_p_cat
{
	 background:#ef286f;
}
.filter_row_projects ul li a span {
    opacity: 0;
    transform: rotate(18deg);
    position: absolute;
    background: #9dcb3b;
    border-radius: 100%;
    padding: 5px;
    top: -14px;
    font-size: 10px;
    right:4px;
	display: none;
}
.filter_row_projects ul li a.active_p_cat span
{opacity:1;display: inline-block;}


.project_detail_page_before_after_slider{padding:30px 50px;}


.project_detail_page_before_after_slider #beforeafterslides .carousel-control {
    color: #8525cf!important;
}




/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(assets/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(assets/images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


.pro_gallery_wrap{margin-bottom:40px;}
.single_image_gallery_sec {
    padding: 10px;
    margin-bottom: 25px;
}
.pro_popup {
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative;
    box-shadow: rgba(0,0,0,0.4) 0 0 40px 0;

}
.hover_gallery_view{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
	transition: all 0.5s;
	transform: scale(0);
}

.pro_popup:hover .hover_gallery_view{transform: scale(1);}

.hover_gallery_view span {
    color: #fff;
    font-size: 50px;
}


#web_footer.footer_contact_page {
    padding: 2vw 0 0 0;
}

.iframe_block{
	width:100%!important;
	height:calc(1200px/10vmin)!important;
    border-radius: 10px;
    box-shadow: rgba(0,0,0,0.20) 0 20px 23px 0;
    margin-bottom: 65px;
	overflow: hidden!important;
}


/*///////////////////////////// Media Query Tweaks ////////////////////////////*/

.header_fixed .colored_back_logo{
	display:none!important;
}

.white_back_logo{
	display:none!important;
}

.header_fixed .white_back_logo{
	display:block!important;
}


#navbarSupportedContent .mobile_white_back_logo{display:none;}

@media(max-width:1600px){
    
    #testimonials_sec .work_action_curve {
        width: 125vw !important;
        max-width: inherit;
    }
    
    

    .quick_form_container {
        margin-top: 100px;
    }
    
    
    #web_footer .footer_bottom_section_graphic {
        height: 850px;
    }
    
}


@media(min-width:1601px) and (max-width:1920px){
	#web_badge {
    	padding:6vw 0 14vw 0;
	}
}

@media(min-width:1401px) and (max-width:1600px){
	.work_in_progress_bg {
    	background-size: 129% auto;
	}
	
	#web_badge {
        padding:4vw 0 14vw 0;
    }
    
	
	#bannersec.inner_page {
		height: 35vw;
	}
	

}


@media(min-width:1360px) and (max-width:1400px){
	
	#web_badge {
		padding: 3vw 0 7vw 0;
	}
	
	.testimonial_slider_wrap {
		padding-top: 80px;
	}
	
	
	#testimonials_sec {
		background-size: 160% auto!important;
		background-repeat: no-repeat!important;
	}
	
	 #testimonials_sec .work_action_curve {
        width: 125vw !important;
        max-width: inherit;
    }
	
	
	.work_in_progress_bg {
    	background-size: 129% auto;
	}
	
	
	.main_footer_cf_wrap {
		padding: 5vw 0 8vw!important;
	}

		#work_gallery .card-columns .card .card-body h5 {
		font-size: 20px;
	}
	
	#bannersec.inner_page {
		height: 40vw;
	}
	
}


@media(min-width:1200px) and (max-width:1359px){
	
	.work_in_progress_bg {
    	background-size: 129% auto;
	}
	
	
	.testimonial_slider_wrap {
		padding-top: 80px;
	}
	
	
	#web_badge {
		padding: 2vw 0 8vw 0!important;
		margin-top: 4vw;
	}
	
	
	.main_footer_cf_wrap {
		padding: 5vw 0 10vw!important;
	}
	
	#work_in_action {
		padding: 80px 15vw 18vmax 15vw;
	}
	
		#work_gallery .card-columns .card .card-body h5 {
		font-size: 19px;
	}
	
	
	#work_gallery .card-columns .card .card-body a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-top: 10px;
	}
	
		#bannersec.inner_page {
		height: 40vw;
	}
	
}

@media(min-width:1024px) and (max-width:1199px){
	#work_in_action {
		padding: 80px 7vw 18vmax 7vw;
		position: relative;
	}
	
	.work_in_progress_bg {
    	background-size: 150% auto;
	}
	
	
	.about_content {
	    padding: 10% 15% 10% 25%;
	}
	
	.about_content .abt_contnt_shadow {display:none!important;}
	
	#work_gallery .card-columns .card .card-body h5 {
		font-size: 19px;
	}
	
	
	#work_gallery .card-columns .card .card-body a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-top: 10px;
	}
	
	.testimonial_slider_wrap {
		padding-top: 60px!important;
	}
	
	#testimonials_sec > .container{
		padding: 0 70px!important;
	}
	
	.testimonial_slider_wrap .item {
		padding: 15px 15px 130px 15px;
	}
	
	.testimonial_slider_wrap {
		padding-bottom: 55px!important;
	}
	
	#web_badge {
		padding: 0vw 0 10vw 0!important;
	}
	
	.dulux_badge {
		width: 40% !important;
	}
	
	
	.main_footer_cf_wrap {
		padding: 4vw 0 10vw!important;
	}
	
	.services_block .s_grphic + img {
		width: 101%;
	}
	
	.services_block .s_grphic {
		width: 120%;
		bottom: -20px;
		position: relative;
	}
	
	.services_block:hover .s_grphic {
		width: 124%;
	}
	
	.services_block:hover .s_grphic + img {
		width: 105%;
	}
	
	#bannersec.inner_page {
		height: 46vw;
	}
	
}

@media(max-width:1199px){
	.navbar-toggler{
		background: #fff;
		position: relative;
		z-index: 9;
		bottom: 20px;
		transition: all 0.5s;
	}
	
	.navbar-toggler-icon::after {
		content: "\f0c9";
		font-family: fontawesome;
		font-size: 26px;
		color: #d2037e;
	}
	
	.active_nav_toggler .navbar-toggler-icon::after {
		content: "\f00d";
	}
	
	
	#navbarSupportedContent
	{
		background: #fff;
		position: fixed;
		width: 50%;
		height: 100vh;
		top: 0!important;
		bottom: auto!important;
		left: auto!important;
		margin: 0!important;
		padding: 60px 30px !important;
		transition: all 0.5s;
		right: -1000px;
		display: block!important;
		z-index: 2;
	}
	

	#navbarSupportedContent.active_nav_menu {
		right:0px;
		
	}
	
	.mobile_nav_back{position:fixed; height:100%;width:100%;background: rgba(0,0,0,0.40); top:0; left:auto;content:''; right:0;opacity:0;transition: all 0.5s;z-index: 1;display:none;}
	#navbarSupportedContent.active_nav_menu + .mobile_nav_back{opacity:1;display:block;}
	.active_nav_menu_body{overflow:hidden;}
	.active_nav_menu_body #main_header .logo_sec, .active_nav_menu_body #content_wrap_body, .active_nav_menu_body #web_footer {filter: blur(6px);}
	.active_nav_menu_body #main_header {padding:15px 0!important;}
	
	.active_nav_menu_body #main_header.header_fixed .logo_sec {
		max-width: 300px!important;
	}
	
	#navbarSupportedContent .mobile_white_back_logo{display:block;}
	#navbarSupportedContent .navbar-nav{
		margin-top: 40px;
	}
	#navbarSupportedContent .navbar-nav > li > a{color:#8525cf;}
	#navbarSupportedContent .navbar-nav > li.active > a,
	#navbarSupportedContent .navbar-nav > li > a:hover{background:#8525cf;color:#fff;}
	.header_fixed .navbar-toggler {
		bottom: 0!important;
	}
	
	.active_nav_menu_body .header_fixed .navbar-toggler {
		bottom: 20px!important;
	}
	
	
	
}

@media (min-width:1024px) {
	
.tcd{ text-align:center !important;}
.dibd{ display:inline-block !important; float:none !important;}

.nptd{ padding-top:0px !important;}
.nprd{ padding-right:0px !important;}
.npbd{ padding-bottom:0px !important;}
.npld{ padding-left:0px !important;}

.mdb30p{ margin-bottom:35px;}
.mdb30p{ margin-bottom:30px;}
.mdb25p{ margin-bottom:25px;}
.mdb20p{ margin-bottom:20px;}
.mdb15p{ margin-bottom:15px;}
.mdb10p{ margin-bottom:10px;}
.mdb5p{ margin-bottom:5px;}

.mdt30p{ margin-top:35px;}
.mdt30p{ margin-top:30px;}
.mdt25p{ margin-top:25px;}
.mdt20p{ margin-top:20px;}
.mdt15p{ margin-top:15px;}
.mdt10p{ margin-top:10px;}
.mdt5p{ margin-top:5px;}
}

@media (min-width:768px) and (max-width:1023px){

html, body{ font-size:92% !important;}	

.tct{ text-align:center !important;}
.dibt{ display:inline-block !important; float:none !important;}

.nptt{ padding-top:0px !important;}
.nprt{ padding-right:0px !important;}
.npbt{ padding-bottom:0px !important;}
.nplt{ padding-left:0px !important;}

.mtb30p{ margin-bottom:35px;}
.mtb30p{ margin-bottom:30px;}
.mtb25p{ margin-bottom:25px;}
.mtb20p{ margin-bottom:20px;}
.mtb15p{ margin-bottom:15px;}
.mtb10p{ margin-bottom:10px;}
.mtb5p{ margin-bottom:5px;}

.mtt30p{ margin-top:35px;}
.mtt30p{ margin-top:30px;}
.mtt25p{ margin-top:25px;}
.mtt20p{ margin-top:20px;}
.mtt15p{ margin-top:15px;}
.mtt10p{ margin-top:10px;}
.mtt5p{ margin-top:5px;}

}

@media(max-width:1023px){
	
	#bannersec.inner_page {
		height:50vw;
	}
	
	
	#bannersec.inner_page .banner_content {
    	padding-bottom: 0;
	}
	
	
	#services_sec .col-md-4
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width:400px;
		margin-bottom: 30px;
	}
	
	#services_sec >.container > .row + .row {
		justify-content: center;
	}
	
	.painting_solutions_bg {
		bottom: 70px;
	}
	
	#main_header > .navbar > .container-fluid  {
		padding: 0 15px!important;
	}
	
	.banner_content > img {
		left: 15%;
	}
	
	.roller_brush > img {
		max-width: 270px;
		float: none;
		display: inline-block;
		margin-top: 80px;
	}
	
	.banner_content, 
	.roller_brush {
		position: relative;
		text-align: center;
	}
	
	#about_us {
		padding: 80px;
	}
	.about_image{border-radius:25px 25px 0 0 !important;}
	 .about_image > img{
		width: 100%!important;
	}
	
	.about_content .abt_contnt_shadow {display:none;}
	
	.about_content {
		border-radius: 0 0 25px 25px!important;
		padding: 10%!important;
	}
	
	#work_in_action {
		padding: 80px 8vw 18vmax 8vw;
	}

	.slide_info_item .pro_info h3 {
		font-size: 20px;
	}
	
	.work_in_progress_bg {
		background-size: 180% auto;
	}
	
	#work_gallery .card-columns .card .card-body h5 {
		font-size: 18px;
	}
	
	
	.testimonial_slider_wrap {
		padding-top: 60px;
	}
	
	.white_color_title_text {
		margin-top: 45px !important;
	}
	
	.testimonial_single .fa-quote-right {
		display: none!important;
	}
	
	.owl-theme .owl-nav.disabled + .owl-dots {
		position: relative;
		bottom: 60px;
	}
	
	.testimonial_single > p {
		font-weight: 400;
		line-height: 28px;
	}
	
	.dulux_badge {
		max-width: 170px;
	}
	
	.main_footer_cf_wrap {
		padding: 5vw 0 10vw;
	}
	
	.footer_form_bottom .col-lg-3 {text-align:center;margin-bottom:40px;}
	
	div[class*="_footer_blk"] h5 {
		display: inline-flex;
		flex-direction: column;
		align-items: center;
	}
	
	 .only_social_icons ul {
		display: flex!important;
		align-items: center;
		justify-content: center;
	}
	
	.only_social_icons ul li a {font-size:0px;}
	.only_social_icons ul li a span {font-size: 20px!important;}
	
	.footer_bottom_section p {
		font-size: 12px;
	}

	.footer_bottom_graphic_image {
		min-height: 80px;
	}
	
	
	#about_us > .container > .row > .col-lg-6 {
		transform:none!important;		
		position: relative;
		z-index: 1;
	}
	
	.single_image_gallery_sec {
		padding: 2px!important;
	}
	
	
	
}

@media(max-width:1024px){
	#main_header{max-width:100vw!important;}
	
	
	.iframe_block {
	margin-bottom: 15px!important;	
	}
	
	
	.quick_form_container.contact_page_form {
    margin-top: 20px!important;
}
.quick_form_container.contact_page_form {
    padding:0px!important;
}
.quick_form_container.contact_page_form .footer_submit_button {
    min-width: 200px!important;
}	
	
}

@media (max-width:767px){

html, body{ font-size:77% !important;}	
	

.tcm{ text-align:center !important;}
.dibm{ display:inline-block !important; float:none !important;}

.nptm{ padding-top:0px !important;}
.nprm{ padding-right:0px !important;}
.npbm{ padding-bottom:0px !important;}
.nplm{ padding-left:0px !important;}


.mmb30p{ margin-bottom:35px;}
.mmb30p{ margin-bottom:30px;}
.mmb25p{ margin-bottom:25px;}
.mmb20p{ margin-bottom:20px;}
.mmb15p{ margin-bottom:15px;}
.mmb10p{ margin-bottom:10px;}
.mmb5p{ margin-bottom:5px;}

.mmt30p{ margin-top:35px;}
.mmt30p{ margin-top:30px;}
.mmt25p{ margin-top:25px;}
.mmt20p{ margin-top:20px;}
.mmt15p{ margin-top:15px;}
.mmt10p{ margin-top:10px;}
.mmt5p{ margin-top:5px;}
	
  .logo_sec {
      max-width: 220px;
  }
	
	.navbar-toggler{
		background: #fff;
	}
	
	#bannersec .carousel-item .col-lg-5{display:none!important;}
	
	.content_sec {
		padding: 40px 20px 18vw 40px;
	}
	
	
	.quick_contact_form textarea {
		min-height: 180px;
	}
	
	
	
	

}




@media(min-width:480px) and (max-width:767px){
	#bannersec {
		height: 140vh;
		position: relative;
	}
	
	.slide_info_item .pro_info h3 {
		font-size: 16px;
	}
	
	.slide_info_item .pro_info p {
		font-size: 10px;
		margin-bottom: 20px;
	}
	
	.slide_info_item .read_more_abt {
		margin-top: 20px;
	}
	
	.work_in_progress_bg {
		background-size: 163% auto!important;
	}

	#navbarSupportedContent .navbar-nav {
		height: 210px;
		overflow: auto;
	}
	
	.content_sec {
		padding: 30px 20px 1vmin 20px;
	}
	
	
	
}



@media (max-width:479px){
	
	

	#bannersec.inner_page {
		height: 75vw;
	}

	
	#bannersec.inner_page .banner_content h1 {
		font-size: 22px;
	}
	
	#bannersec.inner_page .banner_content {
		margin-top: 10px;
	}
	
	
	#navbarSupportedContent
	{
		width: 80%;

	}
	
	#about_us {
		padding: 30px;
	}

	.painting_solutions_bg {
		bottom: 90px;
	}
	
	.content_sec {
		padding: 30px 20px 18vw 20px;
	}
	

.work_in_progress_bg {
    background-size: 230% auto;
}
	
	.pro_info {display:none!important;}
	
	
	.section_title h2 {
    	font-size: 28px;
	}
	
	#beforeafterslides .carousel-control {
    width: 40px;
    height: 40px;
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
}
	#beforeafterslides .carousel-control.left {
		left: -45px;
	}
	#beforeafterslides .carousel-control.right {
		right: -45px;
	}
	
	.slide_info_item .read_more_abt {
		margin-top: 10px!important;
		font-size: 13px!important;
		min-width: 130px!important;
		margin-bottom: 10px!important;
		float: none !important;
	}
	
	#workslider .slide_info_item .col-sm-4{text-align:center;}
	
	#work_gallery {
		padding: 60px 0 80px 0;
	}
	
	.testimonial_single > p:last-of-type {
		margin-bottom: 15px;
	}
	
	#testimonials_sec {
		padding: 60px 0 27vw 0;
	}
	
	
	#web_badge {
		padding: 0vw 0 7vw 0;
		margin-top: 0vw;
	}
	
	.dulux_badge_text h3 {
		font-size: 2.8vw;
	}
	
	.dulux_badge_text h4 {
		font-size: 2.4vw;
	}
	
	.dulux_badge_text {
		margin-right: 7vw;
	}
	
	.quick_form_container {
		padding: 0 20px;
	}
	
	.quick_contact_form form {
		padding: 15px;
	}
	
	.main_icon_title_blk.icon_text_lr > a > .row {
		flex-wrap: nowrap!important;
	}
	
	.main_icon_title_blk.icon_text_lr > a > .row .col-sm-3 {
		width: auto;
		padding-right: 0;
	}
	.project_detail_page_before_after_slider {
    padding: 30px 20px;
}
	
	
	
	
}/* CSS Document */


@media(max-width:479px){
	
	.filter_row_projects ul {
		flex-direction: column;
	}
	
	.filter_row_projects ul li {
		padding: 0px;
		display: inline-block;
		width: 100%;
		margin-bottom: 5px;
	}
	
	.filter_row_projects ul li a {
		margin:0;
		display: inline-block;
		width: 100%;
	}
	
	
	.filter_row_projects ul li a span {
		top: 12px;
		right: 14px;
	}
	
	.main_icon_title_blk .sp_content_img_wrap .abt_small_curve_cntnt {
		bottom: -56px !important;
	}
	.single_project_info > span > img {
		max-width: 25px;
		margin-bottom: 10px;
	}
	
	
	.get_quote_section_block .service_icons_cntnt {
		text-align: center !important;
		margin-bottom: 30px;
	}
	.get_quote_section_block .service_icons_cntnt p{
		text-align: center !important;
		text-align-last: center !important;
	}
	
	.content_sec {
		padding: 30px 20px 1vmin 20px;
	}
	
}

.wpcf7-form  .form_border {
    width: 100%;
    height: 5px;
    display: inline-block;
    background: -moz-linear-gradient(0deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(226,32,105,1)), color-stop(100%, rgba(224,95,32,1)));
    background: -webkit-linear-gradient(0deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%);
    background: -o-linear-gradient(0deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%);
    background: -ms-linear-gradient(0deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%);
    background: linear-gradient(90deg, rgba(226,32,105,1) 0%, rgba(224,95,32,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e22069', endColorstr='#e05f20',GradientType=1 );
    /* transition: all 0.5s; */
}

.wpcf7-form span input, .wpcf7-form span textarea {
    border: none!important;
    outline: none!important;
    box-shadow: none!important;
    width: 100%;
    padding: 0 15px;
}

.wpcf7-form .form-row{
    padding: 30px;
    margin-bottom: 30px;
}