@font-face {font-family: 'poppinsbold'; src: url('../fonts/poppins/poppins-bold-webfont.woff2') format('woff2'), url('../fonts/poppins/poppins-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'poppinsmedium'; src: url('../fonts/poppins/poppins-medium-webfont.woff2') format('woff2'), url('../fonts/poppins/poppins-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'poppinsregular'; src: url('../fonts/poppins/poppins-regular-webfont.woff2') format('woff2'), url('../fonts/poppins/poppins-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'poppinssemibold'; src: url('../fonts/poppins/poppins-semibold-webfont.woff2') format('woff2'), url('../fonts/poppins/poppins-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'poppinsitalic'; src: url('../fonts/poppins/poppins-italic-webfont.woff2') format('woff2'), url('../fonts/poppins/poppins-italic-webfont.woff') format('woff');font-weight: normal;font-style: normal; font-display: swap;}

body{ margin:0px; height:0px; font-family: 'poppinsregular'; font-display: swap; }
*{outline: none !important; }

p ,h1 , .hyphens{-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-word-break: break-all; word-break:normal; word-break: break-word;  word-wrap: break-word;}
.help-block {
    font-size: 12px;
    color: red;
    margin-bottom:15px;
    display: block;
}
.has-error{margin-bottom:0px !important;}



/* ------------------- header --------------------- */

.header-fixed{width:100%;
 	background-color:#FFFFFF;
    position:fixed;
    min-height:60px;
    box-shadow: 0px 3px 24px 0px rgba(158, 162, 169, 0.2);
    /*background: linear-gradient(90deg, rgba(255,255,255,1) 50%, #232c2b 50%);*/
    top:0px;}
 
.header-fixed .header-section{box-shadow: none; border-radius:0px;}
.header-fixed  .navbar-brand {border-radius:0px;} 

header{width: 100%;position: absolute; z-index: 2;  top:45px;}
.header-section{display: flex; width: 100%;position: relative; align-items: center;  height: 80px; justify-content: space-between; box-shadow: 0px 3px 24px 0px rgba(158, 162, 169, 0.2); background:#fff; border-radius:10px; }
header .navbar-brand {background-color:#fff; border-radius:10px 0px 0px 10px; height: 80px; width:230px; padding:12px; margin-right: 0px !important; }
header .navbar-brand img{ width:100%; height:100%; object-fit: contain;}  
header .navbar{ height:auto; align-items: center; justify-content: flex-end; box-shadow: none; }

header .navbar-nav{  align-items: center;  padding: 8px 10px; width: 100%; justify-content: space-between;}
.navbar-nav .nav-item{padding: 0px 12px; }
/* .navbar-nav .nav-item:last-child {padding-right:0px !important; } */
.navbar-nav .nav-link{font-size:12px; color:#fff; text-decoration: none; padding: 5px 0px !important; font-family: 'poppinssemibold'; text-transform: uppercase; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover{color: rgb(226, 28, 43);}

.navbar-nav .nav-link.login-btn{border-radius: 20px; background-color: rgb(226, 28, 43); width:76px;  text-align: center;  height: 36px; line-height:36px; padding:0px !important; }
.navbar-nav .nav-link.login-btn:hover{background: #fff; color: rgb(226, 28, 43);}


.user .dropdown-toggle{cursor: pointer; color: #fff !important; font-size: 14px; font-family: 'poppinssemibold'; display: flex;  align-items: center; }
.user .dropdown-toggle:hover{  color: rgb(226, 28, 43); }
.user_image {width: 42px; height: 42px; display: inline-block;margin-left: 8px; border-radius: 50%; }
.user_image img{width: 100%; height: 100%;  border-radius: 50%; object-fit: cover; }
.dropdown-menu{background-color: #232c2b;  right: 0; left: auto; border-radius: 0; position: absolute !important; }
.dropdown-menu .dropdown-item{color: #fff;  font-size: 12px; padding: 10px 20px; font-family: 'poppinssemibold'; text-transform: uppercase;  }
.dropdown-item:focus, .dropdown-item:hover,  .dropdown-item.active{ color: #fff; background-color: rgb(226, 28, 43);}
.dropdown-toggle::after { display: inline-block; width: 8px;  height: 8px; content: "";  border: none; vertical-align:2px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-45deg);}
.navbar-nav .dropdown-item { text-transform: uppercase; }


.main-header .dropdown:hover>.dropdown-menu {
    display: block;
  }
  
.main-header .dropdown>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
  pointer-events: none;
}

/*  */

.contact-info {  width: 100%; background: #f8a61f; border-top-right-radius: 10px; display: flex;  }
.right-menu { width: 100%; flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: space-between; background: #232c2b;  border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
.contact-info div { width: 50%; display: flex; align-items: center;  justify-content: center;  }
.contact-info .contact-no { border-right: 1px solid #1b1823; }
.contact-info a{ font-size: 14px; width: auto; color: #1b1823;font-family: 'poppinssemibold'; text-align: center; text-decoration: none !important;  padding: 5px 0px; transition: all 3s cubic-bezier(0.075, 0.82, 0.165, 1); }
.contact-info a img { margin: 0px 5px; width: 20px; height: 20px; vertical-align: text-bottom; }

.header-fixed .right-menu{border-radius: 0 !important;  }
.header-fixed .contact-info { border-radius: 0 !important;  }
/* mobile view header */

.sidenav {height: 100%; width: 0; position: fixed; z-index: 999; top: 0; right: -360px; background-color:#616368; overflow-x: hidden; transition: 0.5s; width: 350px;}
body.navOpen .sidenav{right: 0px; }
.sidenav a {  padding: 10px 8px 8px 10px;text-decoration: none; font-size: 16px; color: #fff; display: block; transition: 0.3s;}
.sidenav .closebtn { position: absolute; top: -8px;right:0; font-size:40px; color:#fff; z-index: 1; line-height: 1;}

.search_icons { color:#000080; padding: 10px;  font-size: 24px; position: absolute; top:50%; transform: translateY(-50%); right:60px;}
.right_nav {display: block !important; position: absolute; content: ""; right: 10px; top: 25px; border-radius: 0;padding: 0;font-size: 35px; color: #fff; box-shadow: none; outline: 0;}
.navbar-expand-md .navbar-collapse {width: 100%;}
.navbar-search-overlap { position: absolute!important;left: 0; right: 0; top: 0; z-index: 1; background-color: #fff;}
#site-navbar-search {z-index: 100000;}
/* .collapse.show { box-shadow: 0 0px 2px 0px black;} */
.input-search .fa-search { position: absolute;  color: #000080; left: 10px; top: 50%; transform: translateY(-50%);}
.navbar-search-overlap .form-group{margin-bottom: 0px;}
.navbar-search-overlap .form-control { height:78px; padding-left:40px; font-size:18px;border: none; color: #555555;}
.input-search .input-search-close, .input-search .input-search-icon {position: absolute; color:#000080; cursor: pointer; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1;  background: none; border: none;}
.navbar-search-overlap .form-control:focus{box-shadow:none;}
header .dropdown-menu{left: 0px; right:auto;}
#btn { position: absolute; z-index:1111; /* top: 50%; transform: translateY(-50%); */ right:20px; cursor: pointer; -webkit-transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91); transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91); border: 1px solid #fff; padding: 7px; border-radius: 5px;}
#btn div { width: 28px;height: 2px; margin-bottom: 5px; background-color: #fff; -webkit-transition: -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms;
    transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms;}

#btn div#bottom{margin-bottom: 0px;}
#btn:hover > div { box-shadow: 0 0 1px var(--lightyellow); }

#btn.active{border:0px; top: 10px; right: 10px;}
#btn.active div { background-color: #fff; }  
#btn.active:hover > div { box-shadow: 0 0 1px #343838; }

#items .item .nav-link:first-child { transition-delay: 0.1s;}
#items .item .nav-link:nth-child(2) { transition-delay: 0.2s;}
#items .item .nav-link:nth-child(3) { transition-delay: 0.3s;}
#items .item .nav-link:nth-child(4) {transition-delay: 0.4s;}
#items .item .nav-link:nth-child(5) { transition-delay: 0.5s;}
#items .item .nav-link:nth-child(6) {transition-delay: 0.6s;}
  
#btn.active #top { -webkit-transform: translateY(5px) rotate(-135deg);  -ms-transform: translateY(5px) rotate(-135deg); transform: translateY(5px) rotate(-135deg); }
#btn.active #middle {-webkit-transform: scale(0);  -ms-transform: scale(0); transform: scale(0);}  
#btn.active #bottom {-webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}
#box { position: fixed; z-index:999;overflow: auto; top: 0px; right: -500px; width: 350px; opacity: 0; padding: 0px 0px; height: 100%; background-color: #232c2b ; box-shadow: 0px 3px 24px 0px rgba(255, 255, 255, 0.17); 
    -webkit-transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91); transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);}
#box.active {right: 0px; opacity: 1;}
#items { position: relative; top: 70px; padding-left: 0px; list-style: none;}
#items .item { position: relative; cursor: pointer; padding:3px 10px; -webkit-transition: all 250ms;  transition: all 250ms;}
#items .item .nav-link{color: rgb(226, 28, 43);text-transform: uppercase;}
#items .item:hover,#items .item.active{ /*padding: 15px 25px;*/ background-color: rgba(52, 56, 56, 0.2);}


/* -------------------footer------------------------- */
footer{overflow: hidden;}
.footer-section{background: #000; width:100%;padding:30px 0px 0px;}
.footer-logo img{width:210px;object-fit: cover;margin:10px 0px 25px;}
.social-logo{display: flex;margin-left: 75px;}
.social-logo .footer-logo-1{width: 32px; height: 32px; margin-right:5px; border-radius: 50%;}
.social-logo .footer-logo-1:last-child{margin-right:0px;}
.social-logo .footer-logo-1 img{width: 100%; height: 100%; padding:7px; vertical-align: top;}

.footer-logo-bg-1 { background: #4c6ab3;}
.footer-logo-bg-2 {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}
.footer-logo-bg-3 {background: #ed2a24;}
.footer-logo-bg-4 {background: #0078b5;}
.footer-logo-bg-5 {background: #6bcef5;}
.appoint-btn .send-btns{margin:0px; margin-left: auto !important;}
.footer-bottom{background-color:#000;}
.copy_text{color:#fff !important; font-size:14px; text-align: center;margin-bottom:0px; padding:18px 0px;}


/* error page */

.error_elemenet{  width: 100%;  height: 100vh; display: block; background:url(../../images/error-bg.jpg) no-repeat; background-position:top center; background-size:cover; position: relative; display: flex; align-items: center; }
.error_elemenet::before{ width: 100%; height: 100%; position: absolute; content: ""; background-color: rgba(0, 0, 0,0.2 );  top: 0; left: 0; }
.error_body{ position: relative;  }
.error_body .error-sec{ margin: 0px auto; max-width: 670px; width: 100% ; text-align: center;}
.error_body .heading{text-align: center; font-size: 230px; background:url(../../images/colors.jpg) no-repeat;font-family: 'poppinssemibold';   background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color:  transparent;  background-size: cover;    background-position: center;}

.error_body .not-found-txt{ font-size: 30px; color: #fff;font-family: 'poppinssemibold';text-transform: uppercase; padding: 30px 0px; margin-bottom: 0px; }
.error_body .description { color: #fff; font-size: 16px; margin-bottom: 30px;  }
.error_body  .send-btns:hover{ text-decoration: none; }

/* index  */
.send-btns{ background-color: #e3212d;border:1px solid transparent;font-family: 'poppinssemibold';  height:43px; line-height:43px; padding:0px 20px; border-radius:10px; max-width:209px; width:100%; color:#fff; font-size:16px; font-family: 'poppinssemibold'; text-transform: none; margin: 20px auto 10px; display: block !important;} 
.btn:focus{box-shadow: none;}
.send-btns:hover{color:#e3212d; background:#fff; border:1px solid #e3212d;}
.send-btns .right-arrows{font-size: 20px;  vertical-align: sub; font-weight: 600;  margin-left: 6px;}
.home-banner-first{padding:180px 0px 90px; position: relative; width: 100%; /* min-height:903px; */ background-size: cover;background-position: center; display: flex; align-items: center;}
.home-content{max-width:486px;margin-left: 75px; width:100%;background: rgba(255, 255, 255, 0.75); border-radius: 17px;padding:30px;}
.home-content .title{font-size:16px; color: #000; margin-bottom: 15px;}
.home-content .title span{font-family: 'poppinssemibold';display: block;}
.common-form .form-group label{font-size: 14px; color: #000;margin-bottom: 0px;} 
.common-form .form-group .form-control{background: #FFFFFF;padding: 5px 10px;resize: none; color: #000; font-size:14px; border: 0.5px solid #000000; box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 1px;}
.common-form .form-group .form-control:focus{box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);}
.common-form .form-group{margin-bottom:15px;}

.home-right-content {background: rgba(35, 31, 32, 0.45);position: absolute; right: 0;bottom:105px;width:43%; border-radius: 23px 0px 0px 23px;padding:30px;}
.home-right-content .right-content{max-width:425px;width:100%;}
.home-right-content .right-content .heading{color: #fff; font-size:28px; font-family: 'poppinssemibold'; text-align: center; margin-bottom: 10px;}
.home-right-content .right-content .description{color: #fff;text-align: justify; font-size: 16px;hyphens: none; font-family: 'poppinsmedium'; margin-bottom: 0px; }

.about-title{font-size:28px; color:#e21c2b;text-align: center; font-family: 'poppinsbold'; margin: 0px 0px 20px; line-height: 1.4;}
.about-title span{position: relative; z-index:1;}
.about-title img{width:140px; margin-left: -60px; position: absolute;z-index: 0; margin-top: -20px;}

.community-section{padding:50px 0px;}
.community-section .C-first-box{margin-bottom: 80px;}
.C-second-box .about-title{padding-bottom: 20px;}
.C-left-content .description{font-size:17px;text-align: justify; color: #000; margin-bottom:15px; hyphens: none;}
.community-box .C-right-img{max-width: 584px;height:315px; width: 100%; border: 1px solid #000000;}
.community-box .C-right-img img{width: 100%; height:100%; object-fit: cover;}

.home-last-section{padding:50px 0px; background:#E3212D; position: relative;}
.home-last-section .paint_splash{width:470px; height:380px; position: absolute; left:0px; bottom:20px;}
.home-last-section .paint_splash img{width:100%; height:100%; object-fit: contain;}
.home-last-section .title{color: #fff; font-size:36px;font-family: 'poppinsbold';text-align: center;margin-bottom: 40px; }
.home-last-section .Last-right-content{margin-bottom: 30px;}
.home-last-section .Last-right-content:last-child{margin-bottom: 0px;}
.home-last-section .Last-right-content .heading{color: #fff; font-size:26px;font-family: 'poppinssemibold'; margin-bottom: 0px;}
.home-last-section .Last-right-content .description{color: #fff; font-size:20px;text-align: justify;hyphens: none; margin-bottom: 0px;}

/* Ex-painter-advantage */
.Ex-painter-advantage{padding:50px 0px;min-height:180vh;}
.Ex-painter-advantage .ex-left-img{max-width:751px; width:100%; height:427px;}
.Ex-painter-advantage .ex-left-img img{width:100%; height:100%; object-fit: cover;}
.Ex-painter-advantage .ex-right-content p{font-size: 15px; color: #000;hyphens: none; margin-bottom:15px;}
.Ex-painter-advantage .ex-right-content p:last-child{margin-bottom: 0px;}
.Ex-painter-advantage .about-title{font-size:38px; color: #000;padding-bottom:15px;}

.support-ex{background: rgba(0, 0, 0, 0.7);padding:50px 0px 20px;}
.support-ex .heading{font-size:38px; color:#fff; text-align: center; font-family: 'poppinsbold'; margin-bottom: 70px;}
.support-ex .media{margin-bottom: 55px;}
.support-ex .media .media-img{width: 185px;  height: 185px;margin-right: 15px; overflow: hidden;}
.support-ex .media .media-img img{width:100%; height:100%; object-fit: cover; -webkit-transition: all .5s; -moz-transition: all .5s;  -o-transition: all .5s; transition: all .5s;}
.support-ex .media .media-img img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); z-index: 1; }
.support-ex .media .media-body .title{font-size:18px; color: #fff;margin-bottom: 10px;font-family: 'poppinsbold';}
.support-ex .media .media-body .description{font-size:16px; color: #fff;margin-bottom: 0px;hyphens: none;}

/* your path to sucess */
.Ex-painter-advantage .S-description{font-size:19px; color: #000;margin-bottom:0px; text-align: center;}
.Ex-painter-advantage .succes-path{padding-bottom:60px;}

.success-left-content .heading{font-size: 30px; color: rgb(226, 28, 43); font-family: 'poppinsbold';/* text-align: center; */margin-bottom: 25px;}
.success-left-content ol{margin: 0px; padding:0px 0px 0px 15px;list-style: disc;}
.success-left-content ol li{font-size:22px; color: #000;margin-bottom:3px;}
.common-section-path .Ex-painter-advantage .ex-left-img{height: 360px;} 
.common-section-path{background: url(../../images/Paint_swatches.png)no-repeat right bottom;background-size:90%;}
.pathway-section{padding:10px 0px; background: url(../../images/Pathway-to-Success-art.png)no-repeat left bottom;background-size:50%; min-height:700px;}
.pathway-box{max-width: 670px; width:100%; margin-left: auto;}
.pathway-section .heading{font-size:30px; color:rgb(226, 28, 43); /* text-align: center; */ font-family: 'poppinsbold'; margin-bottom: 40px;}
/* .pathway-box .p-step{margin-left:70px;} */
.pathway-box .p-step p{font-size:16px; color:#000; margin-bottom:25px;}
.pathway-box .p-step p span{display: block; font-family: 'poppinssemibold';}

/* testimonail */
.testimonial-banner{height:420px; width:100%;margin-top: 25px;}
.testimonial-banner img, .contact-banner img{width:100%; height:100%; object-fit:cover ; }
.testimonial-section .card-box{padding-bottom:60px;/* height:100%; */ overflow: visible;}
.testimonial-section .card-box .card{/* height:100%; */max-width:326px; margin-bottom:50px; margin-top: 20px; transition: .5s;  overflow: visible; /* margin: 0px auto; */ width:100%;border:1px solid  rgba(0, 0, 0, 0.15); /* box-shadow: 12px 13px 30px rgba(0, 0, 0, 0.25); border:0px; */ padding:15px ;}
.testimonial-section .card-box .card:hover{/* transform:scale(1.05); */ overflow: visible; z-index: 1; box-shadow: 0px 0px 15px rgb(0 0 0 / 25%); /* box-shadow: 12px 13px 30px rgba(0, 0, 0, 0.25) */}
.testimonial-section .card-box .card-one{background: url(../../images/red-wave.png)no-repeat;background-position: bottom;background-size: 100%;}
.testimonial-section .card-box .card-two{background: url(../../images/orange-wave.png)no-repeat;background-position: bottom;background-size: 100%;}
.testimonial-section .card-box .card-three{background: url(../../images/blue-wave.png)no-repeat;background-position: bottom;background-size: 100%;}
.card-columns{overflow: visible;}

.testimonial-section{max-width:94%;width:100%;margin: 0px auto;}
.testimonial-section .card-box .C-desc{font-size: 12px;hyphens: none; color:#000; margin-bottom:10px;}
.user-testimonial .user-img{border: 4px solid #FFFFFF; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); width:120px;height:120px;border-radius:50%;margin: 0px auto 10px;}
.user-testimonial .user-img img{width:100%; height:100%;object-position: top; object-fit: cover;border-radius:50%;}
.user-testimonial .user-name{font-size: 12px;color: #fff; text-align: center;font-family: 'poppinssemibold';margin-bottom: 10px;}
.user-testimonial .social-share .S-icon{color: #fff;text-align: center;margin: 0px 3px; font-size: 16px;}
.user-testimonial .social-share{text-align: center;}
.card-box .quote{width:30px;margin-bottom: 10px;}
.card-box .quote img{width:100%; height:100%; object-fit: contain;}
.user-testimonial{margin-top: auto;}

/* contact-us */

.contact-banner{width:100%; height:162px;margin-top: 25px;}

.contact-us-page { padding: 70px 0px;background: url(../../images/Paintroller_multi_clipped.png)no-repeat;background-size: 59%;background-position: left bottom;min-height:100vh;}
.cantact-form .form-group{ margin-bottom: 13px; }
.cantact-form label{ font-size: 14px; color: #000; margin-bottom: 8px; }
.cantact-form .form-control { border-radius: 6px; background-color: #E5E5E5; width: 100%; max-width: 584px; padding: 14px; font-size: 16px; color: #000; box-shadow: none !important;  border: none !important; }
.cantact-form .form-control::placeholder{color: #000;}
.cantact-form .submit-btns{  background-color: rgb(226, 28, 43); width: 100%; max-width: 175px; height: 50px; box-shadow: none !important; border: none !important; font-size: 16px; color: #ffffff; border-radius: 25px; font-family: 'poppinssemibold'; margin: 30px auto; display: block; }

.contact-content {  max-width: 544px; width: 100%; }
.contact-content .about-title{ text-align: left !important; margin-top: 0px; margin-bottom: 30px; }
.contact-content .contact-description{  font-size: 18px; color:#000;hyphens: none;  line-height: 1.8; margin-bottom: 25px; }

/* about-us */

.middle-data-choose{padding:45px 0px 40px;}
.choose-one-data .choose-one {padding:70px 0px 0px;}
.choose-one .media-body{text-align: right;}
.choose-one .data-pro{color:#e2212f; font-size:20px;  font-family: 'poppinsbold'; margin-bottom:10px;}
.choose-one .data-info{font-size:14px; color:#232c2b;margin-bottom:0px; line-height: 1.7; hyphens: none;}
.choose-one .number-data{ border-radius: 50%; background-color: rgb(226, 28, 43); width: 72px;height: 72px; color:#fff; font-size:30px; text-align: center; margin-left:30px; padding: 15px;}
  
.choose-one.choose-two  .media-body{text-align: left;}
.choose-one.choose-two .number-data{margin-right:30px; margin-left:0px;}

.paint-middle{width:365px;height:auto; margin:0px auto;}
.paint-middle img{width:100%; object-fit: cover; height:100%;}

.about-last-section{background: url(../../images/Familyroom.jpg)no-repeat; background-size: cover; width:100%; padding:40px 0px;}
.about-last-section .about-content-box{background: rgba(35, 31, 32, 0.6); max-width:700px; width:100%;padding:25px;}
.about-last-section .about-content-box p{font-size:16px; color:#fff; margin-bottom: 20px;font-family: 'poppinssemibold';}
.about-last-section .about-content-box .heading{font-size:30px; color:#fff;  font-family: 'poppinsbold'; margin-bottom:0px; }
.about-last-section .send-btns{max-width:232px; border-radius:30px;}
.about-last-section .about-content-box  .A-block{padding-bottom: 20px;}

/* Available Territories */
#chartdiv {width: 100%;height:580px;border: 1px solid #000000;margin-bottom:50px;}
.available-territories{padding:50px 0px;}
.available-territories .states-box{margin-bottom: 15px;}
.available-territories .states-box .states-collapse{background: #EAEAEA;font-size:16px; cursor: pointer;text-transform: uppercase;font-family: 'poppinsbold'; border-radius:8px  8px 0px 0px;padding:10px;position: relative;}
.available-territories .states-box .states-collapse.collapsed::before{content: "+";text-align: center; font-family: "Font Awesome 5 Free";color: #fff; font-weight: 700; position: absolute;right:7px;top:5px; background: #F6A720; width:34px; height:34px;border-radius:50%;font-size: 30px;line-height: 1.1;display: flex;
  align-items: center;
  justify-content: center;padding-bottom:4px;}
.available-territories .states-box .states-collapse::before{content: "-";background: #35C0E8;text-align: center; font-family: "Font Awesome 5 Free";color: #fff; font-weight: 700; position: absolute;right:7px;top:5px; width:34px; height:34px;border-radius:50%;font-size: 30px;line-height:0.8;display: flex;
  align-items: center;
  justify-content: center;padding-bottom:5px;}

/* .available-territories .states-box .states-collapse.collapsed{border-radius: 8px;} */
.available-territories .states-box{border-radius: 8px;overflow: hidden;}
.collapse-box{background: #EAEAEA;/* border-radius:0px 0px 8px 8px; */padding:0px;padding-top:0px;}
.collapse-box ul{padding:10px; margin: 0px;list-style: none;}
.collapse-box ul li{color: #000; font-size: 14px;margin-bottom: 4px;text-transform: uppercase;}






/*----------------------- Responsive media -------------*/
	

@media (min-width:1750px){ 

.container{min-width:66.12vw;}

/* ------------------- header --------------------- */
header{ top:2.2vw;}
  
.header-section{border-radius:0.52vw; }
header .navbar-brand {border-radius:0.52vw 0px 0px 0.52vw; height: 4.21vw; width:12.70vw; padding: 0.68vw;}
header .navbar{ height: 3.3vw;}

header .navbar-nav{ padding:0.05vw 0.52vw;}
.navbar-nav .nav-item{padding: 0px 0.78vw; }
.navbar-nav .nav-link{font-size:0.74vw; padding: 0.25vw 0px !important; }
.navbar-nav .nav-link.login-btn{border-radius: 1.05vw; width:4vw;  height: 2.15vw; line-height:2.15vw; }


.user .dropdown-toggle{ font-size: 0.84vw; }
.user_image {width: 2.2vw; height: 2.2vw; margin-left: 0.52vw;}
.dropdown-menu .dropdown-item{ font-size: 0.74vw; padding: 0.35vw 1.05vw; }
.dropdown-toggle::after { width: 0.45vw; height: 0.45vw; }

/*  */

.contact-info { border-top-right-radius: 0.52vw; }
.right-menu { border-bottom-right-radius: 0.52vw; border-top-right-radius: 0.52vw; }
.contact-info a{ font-size: 0.73vw; padding: 0.25vw 0px; }
.contact-info a img { margin: 0px 0.25vw; width: 1.05vw; height: 1.05vw; }

/* -------------------footer------------------------- */
.footer-section{padding:1.57vw 0px 0px;}
.footer-logo img{width:11.05vw; margin:0.52vw 0px 1.10vw;}
.social-logo .footer-logo-1{width: 1.68vw; height: 1.68vw; margin-right:0.25vw; }
.social-logo .footer-logo-1 img{ padding:0.35vw;}

.footer-section .right-section{padding-left: 2.36vw;}
.footer-section .right-section li .menu-section{font-size:0.84vw; margin-bottom:0.42vw;}
.copy_text{font-size:0.72vw; padding:0.94vw 0px;}

/* error-page */
.error_elemenet{ height: 100vh;}
.error_body .error-sec{ max-width: 36vw; }
.error_body .heading{font-size: 12.10vw; }

.error_body .not-found-txt{ font-size: 1.57vw;  padding: 1.57vw 0px; }
.error_body .description {  font-size: 0.84vw; margin-bottom: 1.57vw;  }

/* index */
.send-btns{height:2.26vw; line-height:2.26vw; padding:0px 1.05vw; border-radius:0.52vw; max-width:11vw; font-size:0.84vw; margin: 0.72vw  auto 0.52vw;} 
.send-btns .right-arrows{font-size: 1.31vw; margin-left: 0.31vw;}
.home-banner-first{padding: 11.31vw 0px 5.52vw;  min-height:47.52vw;}
.home-content{max-width:25.57vw;margin-left: 3.94vw; border-radius: 0.89vw;padding:1.57vw;}
.home-content .title{font-size:0.89vw;margin-bottom: 0.78vw;}
.common-form .form-group label{font-size:0.74vw; } 
.common-form .form-group .form-control{padding: 0.25vw 0.52vw;font-size:0.74vw; }
.common-form .form-group{margin-bottom: 1.21vw;}

.home-right-content {bottom:6.6vw;width:43%; border-radius: 1.21vw 0px 0px 1.21vw;padding:1.57vw;}
.home-right-content .right-content{max-width:24.73vw;}
.home-right-content .right-content .heading{font-size: 1.89vw;margin-bottom: 0.52vw;}
.home-right-content .right-content .description{font-size: 0.94vw; }

.about-title{font-size:1.89vw; margin: 0px 0px 1.05vw; }
.about-title img{width:7.36vw; margin-left: -3.15vw; margin-top: -1.05vw;}

.community-section{padding:2.64vw 0px;}
.community-section .C-first-box{margin-bottom: 4.21vw;}
.C-second-box .about-title{padding-bottom: 1.05vw;}
.C-left-content .description{font-size: 1.05vw; margin-bottom:0.78vw;}
.community-box .C-right-img{max-width: 30.73vw;height:18.94vw;}

.home-last-section{padding:2.64vw 0px;}
.home-last-section .paint_splash{width:32.36vw; height:24.47vw; bottom:1.05vw;}
.home-last-section .title{font-size: 2.31vw;margin-bottom: 2.10vw; }
.home-last-section .Last-right-content{margin-bottom: 1.57vw;}
.home-last-section .Last-right-content .heading{font-size: 1.73vw;}
.home-last-section .Last-right-content .description{font-size: 1.26vw;}

/* Ex-painter-advantage */
.Ex-painter-advantage{padding:2.64vw 0px;min-height: 120vh;}
.Ex-painter-advantage .ex-left-img{max-width:39.52vw;  height:22.47vw;}
.Ex-painter-advantage .ex-right-content p{font-size: 0.84vw;margin-bottom:0.78vw;}
.Ex-painter-advantage .about-title{font-size: 2.78vw; padding-bottom:0.78vw;}

.support-ex{padding:2.64vw 0px 1.05vw;}
.support-ex .heading{font-size:2.78vw; margin-bottom: 3.68vw;}
.support-ex .media{margin-bottom: 2.89vw;}
.support-ex .media .media-img{width: 10.84vw;  height: 10.84vw;margin-right: 0.78vw;}
.support-ex .media .media-body .title{font-size: 1.10vw; margin-bottom: 0.52vw;}
.support-ex .media .media-body .description{font-size:0.94vw;}

/* your path to sucess */
.Ex-painter-advantage .S-description{font-size: 1.21vw; }
.Ex-painter-advantage .succes-path{padding-bottom:3.15vw;}

.success-left-content .heading{font-size: 2vw; margin-bottom: 1.31vw;}
.success-left-content ol li{font-size:1.31vw;}
.common-section-path .Ex-painter-advantage .ex-left-img{height: 22.47vw;} 

.common-section-path{background-size: 80%;}
.pathway-section{padding:2.64vw 0px;background-size: auto !important; min-height: 44.10vw;background-size: 45%;}
.pathway-box{max-width: 35.26vw;}
.pathway-section .heading{font-size:2vw; margin-bottom: 2.64vw;}
/* .pathway-box .p-step{margin-left:3.68vw;} */
.pathway-box .p-step p{font-size:0.84vw; margin-bottom:1.84vw;}

/* testimonail */
.testimonial-banner{height:26.31vw;margin-top: 1.31vw;}
.testimonial-section .card-box{padding-bottom:3.15vw;}
.testimonial-section .card-box .card{max-width:17.15vw;padding:0.78vw ; margin-bottom:2.15vw;margin-top:1.05vw;}

.testimonial-section{max-width:85%;}
.testimonial-section .card-box .C-desc{font-size: 0.64vw; margin-bottom:0.52vw;}
.user-testimonial .user-img{ width:6.31vw;height:6.31vw;margin: 0px auto 0.52vw;}
.user-testimonial .user-name{font-size: 0.64vw;margin-bottom: 0.52vw;}
.user-testimonial .social-share .S-icon{font-size: 0.84vw;}
.card-box .quote{width:1.57vw;margin-bottom: 0.52vw;}

/* contact-us */

.contact-banner{height:8.52vw;margin-top: 1.31vw;}

.contact-us-page { padding: 3.68vw 0px;min-height: 90vh;}
.cantact-form .form-group{ margin-bottom: 0.69vw; }
.cantact-form label{ font-size: 0.74vw; margin-bottom: 0.42vw; }
.cantact-form .form-control { max-width: 30.73vw; padding: 0.74vw; font-size: 0.84vw;}
.cantact-form .submit-btns{  max-width: 9.21vw; height: 2.64vw;font-size: 0.84vw; border-radius: 1.31vw; margin: 1.57vw auto;}

.contact-content {  max-width: 28.63vw;  }
.contact-content .about-title{ margin-bottom: 1.57vw; }
.contact-content .contact-description{  font-size: 0.94vw; margin-bottom: 1.31vw; }

/* about-us */
.middle-data-choose{padding: 2.21vw 0px 3.25vw;}
.choose-one-data .choose-one {padding:3.68vw 0px 0px;}
.choose-one  .data-pro{font-size:1.05vw; margin-bottom:0.52vw;}
.choose-one  .data-info{font-size:0.74vw;}
.choose-one  .number-data{ width: 3.78vw;height: 3.78vw; font-size:1.57vw; margin-left:2.36vw; padding: 0.78vw;}
  
.choose-one.choose-two .number-data{margin-right:2.36vw;}
.paint-middle{width:21.21vw;}

.about-last-section{padding:2.10vw 0px;}
.about-last-section .about-content-box{ max-width:36.84vw; padding:1.31vw;}
.about-last-section .about-content-box p{font-size:0.84vw; margin-bottom: 1.05vw;}
.about-last-section .about-content-box .heading{font-size:1.57vw; }
.about-last-section .send-btns{max-width:12.21vw; border-radius:1.57vw;}
.about-last-section .about-content-box  .A-block{padding-bottom: 1.05vw;}

/* Available Territories */
#chartdiv {height:35.78vw;margin-bottom:2.64vw;}
.available-territories{padding:2.64vw 0px;}
.available-territories .states-box{margin-bottom: 0.78vw;}
.available-territories .states-box .states-collapse{border-radius:0.42vw  0.42vw 0px 0px;font-size:0.94vw; padding:0.52vw;}
.available-territories .states-box .states-collapse.collapsed::before{right:0.35vw;top:0.25vw; width:1.78vw; height:1.78vw;font-size: 1.57vw;}
.available-territories .states-box .states-collapse::before{right:0.35vw;top:0.25vw; width:1.78vw; height:1.78vw;font-size: 1.57vw;}
/* .available-territories .states-box .states-collapse.collapsed{border-radius: 0.42vw;} */
.available-territories .states-box{border-radius: 0.42vw;}
.collapse-box{/* border-radius:0px 0px 0.42vw 0.42vw; */}
.collapse-box ul li{font-size: 0.78vw;}
.collapse-box ul{padding:0.52vw;}


}


@media (min-width: 2100px){ 

}


@media (min-width:4000px){ 
   
}


@media (max-width: 1199px) { 
header{top:20px;}
.right-menu { height: 80px;}
.home-banner-first { padding: 135px 0px 40px;}
.home-content{margin-left: 0px;}
.home-right-content .right-content .heading{font-size:23px;}
.home-right-content .right-content .description{font-size:14px;}
.about-title {font-size: 22px;}
.C-left-content .description {font-size: 15px;}
.community-box .C-right-img{height:260px;}
.home-last-section .title{font-size:28px;}
.home-last-section .Last-right-content .heading{font-size: 20px;}
.home-last-section .Last-right-content .description{font-size:16px;}
.home-last-section .paint_splash {width: 350px;height: 280px;}
.about-title img {width: 110px; margin-left: -42px;}
.Ex-painter-advantage .about-title, .support-ex .heading, .pathway-section .heading {font-size: 28px;}
.support-ex .media .media-body .description {font-size: 14px;}
.Ex-painter-advantage .S-description {font-size: 16px;}
.success-left-content .heading, .pathway-section .heading {font-size: 25px;margin-bottom:15px;}
.success-left-content ol li {font-size: 19px;}
.common-section-path .Ex-painter-advantage .ex-left-img {height: 282px;}
.pathway-box {max-width: 560px;}
.testimonial-section {max-width: 100%;}
.user-testimonial .user-img{width:100px; height:100px;}
.testimonial-banner {height: 290px;}
.testimonial-section .card-box {padding-bottom: 40px;}
.contact-content .contact-description {font-size: 16px;}
.contact-us-page{background-size: contain;}

.paint-middle {width: 272px;}
.choose-one .number-data{width: 55px; height: 55px;font-size: 20px; margin-left: 15px;padding: 13px;}
.choose-one.choose-two .number-data{ margin-right: 15px;}
.choose-one .data-pro{font-size:16px;}
.choose-one .data-info { font-size: 13px;}
.middle-data-choose { padding: 25px 0px 20px;}
.choose-one-data {padding:0px 0px 30px;}

.about-sec .Ex-painter-advantage {padding: 40px 0px 0px;}
#chartdiv{height:540px;}
.available-territories .states-box .states-collapse{font-size:14px;}
.collapse-box ul li{font-size:12px;}
.available-territories {padding: 20px 0px;}
.available-territories .states-box .states-collapse.collapsed::before{width:30px;height:30px;font-size: 26px;}
.available-territories .states-box .states-collapse::before{width:30px;height:30px;font-size: 26px;}

.Ex-painter-advantage{min-height: auto;}



}

@media (max-width: 991px) { 

.home-right-content{position: relative; bottom:auto;width: 100%;border-radius: 0px;margin-bottom: 30px;}
.home-right-content .right-content {max-width: 100%;}
.home-content{margin: 0px auto;}
.community-box .C-right-img{margin: 0px auto 40px;max-width: 384px; }
.community-section {padding: 30px 0px;}
.community-section .C-first-box {margin-bottom: 25px;}
.C-second-box .about-title {padding-bottom:0px;}
.home-last-section {padding: 32px 0px;}
.home-last-section .title {font-size: 22px;margin-bottom: 25px;}
.footer-section{padding: 10px 0px 0px;}
.Ex-painter-advantage .ex-left-img{height:280px;margin-bottom: 20px;}
.support-ex .heading{margin-bottom: 42px;}
.support-ex .media .media-img {width: 150px;height: 150px;}
.support-ex .media {margin-bottom: 30px;}
.Ex-painter-advantage {padding: 40px 0px;}
.Ex-painter-advantage .succes-path {padding-bottom: 35px;}
.pathway-section{background: transparent !important;min-height: auto;padding-bottom: 40px;}
.common-section-path{background-size: contain;}
.pathway-box {max-width: 100%;}
.pathway-box .p-step {margin-left: 0px;}

.pathway-section .heading{margin-bottom: 25px;}
.success-left-content ol li {font-size: 16px;}
.common-section-path {background-size: cover; background-position: center bottom;}
.contact-content {max-width: 100%;}
.cantact-form .form-control{font-size: 14px;}

.choose-one .media-body{text-align: left; order:2;}
.choose-one .number-data{margin-right: 15px; margin-left:0px;}
.choose-one-data .choose-one {padding: 0px 0px 50px;}
.choose-one-data{padding:20px 0px 0px;}
.about-last-section .about-content-box .heading {font-size: 25px;}
.about-last-section .about-content-box p {font-size: 14px;}
.about-last-section .about-content-box .A-block {padding-bottom: 0px;}
#chartdiv {height: 460px;}
.home-banner-first{display: block;}

.card-columns{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}


}


@media (max-width: 767px) {
	
.container{max-width: 100% !important;}	
.testimonial-banner {height: 215px;}
.contact-content .contact-description {font-size: 14px;margin-bottom: 15px;}
.contact-us-page {padding: 50px 0px;}


}
	

@media (max-width: 700px) {



}

@media (max-width: 576px) {

header .navbar-brand{height: 65px; width: 190px; padding:5px 2px; }
header .navbar{height:auto;}
.community-box .C-right-img {height: 225px;}
.footer-logo img{margin: 10px auto 25px; display: block;}
.social-logo { margin-left: 0px;margin-bottom:30px;  justify-content: center;}
.appoint-btn .send-btns{margin:0px auto 10px !important;}
#btn{padding: 8px; right: 25px; }
#btn div {width: 25px;height: 1px;}
#btn.active #bottom { -webkit-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg);}
.error_body .not-found-txt { font-size: 24px; padding: 15px 0px;}
.error_elemenet{ height: 100%; padding: 20px 0px; }
.Ex-painter-advantage .about-title, .support-ex .heading, .pathway-section .heading {font-size: 22px;}
.common-section-path .Ex-painter-advantage .ex-left-img {height: 230px;}
.pathway-box .p-step p { font-size: 14px; margin-bottom: 15px;}
.Ex-painter-advantage .S-description {font-size: 14px;}
.success-left-content .heading, .pathway-section .heading {font-size: 20px;margin-bottom: 10px;}

.choose-one-data .choose-one {padding: 0px 0px 30px;}
#chartdiv {height: 360px;margin-bottom: 10px;}
}

@media (max-width: 500px){
header .navbar-brand { height: auto;  width: 115px;}
.contact-info .contact-no { border-right: none !important;}
.send-btns{height: 40px; max-width: 190px; line-height: 40px; font-size:14px;}
.about-title { font-size: 20px;}
.footer-logo img {width: 176px;}
#box{width:100%;}
.contact-info a img {  margin: 0px 3px;}
.contact-info a { font-size: 9px;}
.home-right-content .right-content .heading {font-size: 20px;}
.home-right-content .right-content .description {font-size: 12px;}
.home-content .title {font-size: 14px;}
.home-content{padding: 20px;}
.about-title img {margin-top:-10px; width: 80px; margin-left: -50px;}
.community-box .C-right-img {margin: 0px auto 30px;}
.C-left-content .description {font-size: 13px;}
.home-last-section .title {font-size: 20px;}
.home-last-section .Last-right-content .heading {font-size: 18px;}
.home-last-section .Last-right-content .description {font-size: 14px;}
.Ex-painter-advantage .about-title, .support-ex .heading,.pathway-section .heading {font-size: 23px;}
.Ex-painter-advantage .ex-left-img {height: 210px;}
.support-ex .media .media-img {width: 110px;height: 110px;}
.support-ex .media .media-body .description {font-size: 12px;}
.support-ex .media .media-body .title { font-size: 16px; margin-bottom: 3px;}
.support-ex .heading {margin-bottom: 32px;}
.support-ex {padding: 30px 0px 20px;}
.Ex-painter-advantage .ex-right-content p {font-size: 13px;}
.testimonial-banner {height: 170px;}
.contact-banner{height:100px;}
.contact-us-page {padding: 35px 0px; background: #fff;}
.about-last-section .about-content-box .heading {font-size: 22px;}
.about-last-section{padding: 20px 0px;}
.about-last-section .about-content-box p {font-size: 12px;}

.available-territories .states-box .states-collapse.collapsed::before{width: 27px;height: 27px; font-size: 21px}
.available-territories .states-box .states-collapse::before{width:27px;height:27px;font-size: 25px;}
#chartdiv {height: 265px;}
.card-columns{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}

}


@media (max-width: 400px) {

}

@media (max-width: 320px) {
.about-title {font-size: 18px;}
.contact-info a img{width:15px;height:15px;}
#btn { padding: 5px; right: 28px; bottom: 6px;}
.contact-content .contact-description {font-size: 12px;}
.Ex-painter-advantage .about-title, .support-ex .heading, .pathway-section .heading {font-size: 20px;}
}