@charset "utf-8";
 @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap");
@font-face {
font-family: 'BaristaLight' ;
src: url(//www.protonespa.in/wp-content/themes/proton/fonts/BaristaLight.eot?#iefix) format('embedded-opentype'), url(//www.protonespa.in/wp-content/themes/proton/fonts/BaristaLight.otf) format('opentype'), url(//www.protonespa.in/wp-content/themes/proton/css/fonts/BaristaLight.woff) format('woff'), url(//www.protonespa.in/wp-content/themes/proton/fonts/BaristaLight.ttf) format('truetype'), url(//www.protonespa.in/wp-content/themes/proton/css/fonts/BaristaLight.svg#BaristaLight) format('svg') ;
font-weight: normal ;
font-style: normal ;
}
@font-face {
font-family: 'Photoshoot';
src: url(//www.protonespa.in/wp-content/themes/proton/fonts/Photoshoting.ttf);
font-weight: 700;
font-display: swap;
}
html {    scroll-behavior: smooth;
}
body {
font-family: 'BaristaLight' !important ;
font-size: 15px ;
color: #767676 ;
overflow-x:hidden;
}
body a{
transition: all 0.4s ease ;
color:#daa627;
font-family: 'BaristaLight' ;
}
header .brand .black-logo {display:block;}
header .brand .white-logo {display:none;}
.page-template-front-page .topArea .black-logo {display:none !important ;}
.page-template-front-page .topArea .white-logo{display:block !important;}
.page-template-front-page .topArea.homeHeader .black-logo { display:block !important;}
.page-template-front-page .topArea.homeHeader .white-logo{display:none !important; }
a:hover {
color: #0056b3;
text-decoration: none !important;
}
.container-fluid {
padding-left: 7% !important;
padding-right: 7% !important;
}
h3.text-dark {
color: #000!important;
}
p {font-size:18px;    font-weight: 100;
line-height: 30px ; color:#4A4A4A;   font-family: 'BaristaLight';
}
h1, h2, h3, h4, h5, h6 {
font-family: 'BaristaLight' ;
color: #000 ;
}
h1 {
font-size: 50px ;
line-height: 46px ;
margin-bottom: 35px ;
}
img {
max-width: 100% ;
height: auto ;
}
.wideSection {
max-width: 1507px ;
}
.alignleft {
float: left ;
padding-right: 15px ;
padding-bottom: 10px ;
}
.alignright {
float: right;
padding-left: 15px ;
padding-bottom: 10px ;
}
.aligncenter {
float: none ;
padding-bottom: 10px ;
margin-left: auto ;
margin-right: auto ;
display: block ;
clear: both ;
}
.topArea {
background-color: #ffffff ;
position: relative ;
width: 100vw ;
top: 0 ;
display: block ;
transition: top 0.6s ;
z-index: 999 ;
-webkit-box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.07) ;
-moz-box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.07) ;
box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.07) ;
}
.topArea  .container-fluid{	padding-top: 20px ;
padding-bottom: 20px ;}
.tCall img{
position:absolute ;
right:0 ;
top:17px ;
max-width:19px ;
}
.home .topArea{
background-color: transparent ;
box-shadow: none ;
}
.home .homeHeader{
transition: top 0.6s ;
background-color: #ffffff ;
-webkit-box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.07) ;
-moz-box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.07) ;
box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.07) ;
}
.navbar-toggler{
outline: none ;
padding: .20rem .55rem ;
font-size: 18px ;
}
.nav-up{
top: -130px ;
background-color: #ffffff ;
position: fixed ;
}
.nav-down{
top: 0 ;
background-color: #ffffff ;
position: fixed ;
}
.brand {
width: 100% ;
max-width: 270px ;
top:5px ;
position:relative ;
}
.navbar {
padding-left: 0px ; }
.page-template-front-page .navbar .navbar-nav li a {	color: #fff;}
.page-template-front-page .homeHeader  .navbar .navbar-nav li a {	color: #000 !important;}
.page-template-front-page header{position:absolute;}
header.homeHeader {position:fixed !important;}
.navbar .navbar-nav li a {
color: #000 ;
font-size: 18px ;
text-decoration: none ;
transition: all 0.4s ease ;
padding:15px 0px;
}
.navbar .navbar-nav li a:before {
content: '' ;
display: block ;
margin: auto ;
height: 3px ;
width: 0px ;
background: transparent ;
transition: width .5s ease, background-color .5s ease ;
bottom: -35px ;
position: relative ;
}
.home .navbar .navbar-nav li a:before {
bottom: -32px ;
}
.homeHeader .navbar .navbar-nav li a:before {
bottom: -42px ;
}
.homeHeader .navbar .navbar-nav li a{
padding-bottom: 20px ;
}
.homeHeader .navbar .navbar-nav .dropdown-menu{
margin-top: 18px ;
}
.navbar .navbar-nav li a:hover:before, .navbar .navbar-nav li.active a:before {
width: 100% ;
background: #daa627 ;
}
.navbar .navbar-nav li a:hover{
color: #daa627 ;
}
.navbar .navbar-nav li.active a{
border-color: #daa627 ;
color: #daa627 ;
}
.home .navbar .navbar-nav li.active a{
border-color: transparent ;
}
.homeHeader .navbar .navbar-nav li.active a{
border-color: #daa627 ;
}
.navbar .navbar-nav {
display: block ;
width: 100% ;
text-align: right ;
}
.navbar .navbar-nav li {
margin-right:20px;
padding-left: 18px ;
padding-right: 18px ;
display: inline-block ;
line-height:20px;
}
.navbar .navbar-nav li:first-child {
padding-left: 0px ;
}
.navbar .navbar-nav li:last-child {
padding-right: 0px ;
}
.navbar .navbar-nav .dropdown-menu li{
padding-left: 20px ;
padding-right: 20px ;
padding-top: 10px ;
padding-bottom: 10px ;
border-bottom: 1px solid #eee ;
display: block ;
}
.navbar .navbar-nav .dropdown-menu li:last-child{
border:none ;
}
.navbar .navbar-nav .dropdown-menu li a{
display: block ;
font-size:14px ;
color:#000 ;
}
.navbar .navbar-nav .dropdown-menu li a:before{
background:transparent ;
}
.navbar .navbar-nav .dropdown-menu li a:hover:before, .navbar .navbar-nav .dropdown-menuli.active a:before {
background: #daa627 ;
width:100% ;
}
.navbar .navbar-nav .dropdown-menu{
padding-top:0px ;
padding-bottom:0px ;
min-width:220px ;
margin-top: 18px ;
border-radius: 0px ;
border: none ;
-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.06) ;
-moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.06) ;
box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.06) ;
}
.home .navbar .navbar-nav .dropdown-menu{
margin-top:20px ;
}
.homeHeader .navbar .navbar-nav .dropdown-menu{
margin-top:18px;
}
.navbar .navbar-nav .dropdown-menu li a:before {
bottom: -31px ;
}
.home .navbar .navbar-nav .dropdown-menu li a:before {
bottom: -31px ;
}
.homeHeader .navbar .dropdown-menu .navbar-nav li a:before {
bottom: -31px ;
}
.section-head-1 { font-size:85px;line-height: 90px;     font-family: 'Photoshoot';}
.section-head { font-size:70px;line-height: 70px;}
.section-head-2 { font-size:50px;  line-height: 55px;}
.italicStyle {font-family: 'Photoshoot';}
.smile::after {
content: '';
display: inline-block;
width: 30px;
height: 30px;
margin-left: 5px;
background-image: url(https://www.protonespa.in/wp-content/themes/proton/images/smile-black.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}
.btn-outline {
text-align: center;
font-size: 20px;
color: #000;
background: transparent;
letter-spacing: 5px;
padding: 20px 30px;
border-radius: 0px;
text-decoration: none;
position: relative;
overflow: hidden;
text-transform: uppercase;
min-width: 350px;
display: inline-block;
border: 1px solid #DAA628;    transition: all 0.9s ease;
}
.btn-outline:hover { color:#fff; background: #DAA628; }
.about-img  img {width:100%;}
.bg-light-yellow {background:#FFF9EE; }
.mb-90 {margin-bottom:90px;}
.navbar {padding:0px;} .hello-bar{
width:100%;
background: #DAA628;
text-align: center;
position: relative;
z-index: 1; padding: 8px 0px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
display: inline-block;
}
.hello-bar i{ display: inline-block;
font-size: 16px;
color:#ffffff;
margin: 0px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.hello-bar span{ display: inline-block;
font-size:18px;
color:#ffffff;
margin: 5px 0 0;
line-height: 17px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.hello-bar a{ display: inline-block;
color:#ffffff;
font-size:20px;
line-height: 17px;
font-family: 'BaristaLight' ;
margin: 0 0 0 6px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.hello-bar a:hover{ color:#fff;}
.brand{
max-width: 310px ;
}
.topArea.fadeInDown.animated.homeHeader.nav-up .hello-bar{
margin-bottom: 0;
}
.topArea.fadeInDown.animated.homeHeader .hello-bar{
padding: 0px 0 11px;
margin-bottom: 0;
}
.topArea.fadeInDown.animated.homeHeader .hello-bar a{
margin: 5px 0 0 6px;
font-size: 18px;
}
.topArea.fadeInDown.animated.homeHeader .hello-bar span{
font-size: 16px;
}
.topArea.fadeInDown.animated.homeHeader .hello-bar i{
font-size: 18px;
}
.topArea.fadeInDown.animated.homeHeader .brand{
max-width: 270px ;
top:0px;
}
.navbar{
padding:0px !important;
}
.headerBanner { background-position: center top ;
background-repeat: no-repeat ;
position: relative ;
height: 100vh ;
background-size: cover ;
display: flex;
align-items: center;
justify-content: start;
}
.bannerCaption {
text-align: start ;
padding-top:79px;
z-index: 99 ;
color: #000 ;
}
.bannerCaption h3 {
color: #fff ;
font-size: 85px ;
line-height: 90px;
font-family: 'Photoshoot';
position:relative;
}
.bannerCaption h3::after {
content: '';
display: inline-block;
width: 80px; height: 80px; margin-left: 10px; background-image: url(https://www.protonespa.in/wp-content/themes/proton/images/smile.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}
.bannerCaption h2 {
color: #fff ;
font-size: 24px ;
letter-spacing: 0.3px ;
padding-top: 11px ;
padding-bottom: 15px ;
border-radius: 28px ;
line-height: 40px ;
margin-top: 20px ;
margin-bottom: 20px ;
display: inline-block ;
}
.bannerCaption h2 i {margin-right:10px; }
.bannerCaption h2 span {  padding: 0px 20px; }
.bannerCaption p {color: #fff;}
.btnS {
text-align: center;
font-size: 20px;
background:#fff;
color:000000;
letter-spacing: 5px;
padding: 20px 30px ;
border-radius: 0px ;
text-decoration: none ;
position: relative ;
overflow: hidden ;
text-transform:uppercase;
min-width:350px;    display: inline-block;
transition: all 0.9s ease ;
}
.btnS:hover{
color: #fff ;
background:#daa627;
}
.btnXL {
font-size: 38px ;
}                                       .btnXL:before {
height: 6px ;
}
.btnXL:after {
height: 6px ;
}
.aboutRightText {
padding-top: 100px ;
}
.serviceBox {
text-align: center;
margin-bottom: 55px ;
}
.serviceBox a{
text-decoration: none ;	
}
.serviceBox h4 {
color: #000 ;
font-size: 28px ;
margin-top: 15px ;
}
.serviceBox h4 a{
color: #000 ;
text-decoration: none ;
}
.featureBg {
background-image: url(//www.protonespa.in/wp-content/themes/proton/images/featureBg.jpg);
background-repeat: no-repeat ;
background-position: center top ;
background-size: cover ;
}
.featureBox {
text-align: center ;
margin-top: 25px ;
padding-left: 28px ;
padding-right: 28px ;
margin-bottom: 25px ;
}
.featureBox img{
width:48px ;    margin-top: 10px;
}
.featureBox .icon-box {     min-width: 50px;  margin-right: 20px;}
.featureBox h4 {
font-size: 30px ;
color: #000 ;
margin-top: 20px ;
margin-bottom: 10px ;
}
.featureSections {
overflow: hidden ;
}
.featureSections .container-fluid {
padding-left: 0px ;
padding-right: 0px ;
}
.fItems {
max-width: 840px ;
margin-left: auto ;
margin-right: auto ;
}
.fLeft {
padding-top: 40px ;
padding-bottom: 25px ;
}
.offerSection {
padding-top: 100px ;
padding-bottom: 100px ;
}
.offerSection h1{
margin-bottom:75px ;
}
.offer {
padding-left: 35px ;
padding-right: 35px ;
}
.offerBox {
height:100% ;
background-color: #fff ;
padding-left: 50px ;
padding-right: 50px ;
padding-top: 60px ;
padding-bottom: 60px ;
text-align: center ;
-webkit-box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.06);
-moz-box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.06);
box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.06);
}
.offerBox h3 {
margin-top: 33px ;
margin-bottom: 18px ;
font-size: 26px ;
}
.offerBox img {
border-radius: 50% ;
}
.testimonialSection {
background-color: #f5f5f5 ;
}
.testimonialSection h1 {
margin-top: 75px ;
z-index: 9 ;
position: relative ;
}
.testimonialSection .owl-carousel {
margin-top: 70px ;
padding-left: 100px ;
margin-bottom: 100px ;
}
.testimonialSection .owl-carousel .item {
max-width: 415px ;
color: #767676 ;
}
.testimonialSection .owl-carousel .owl-item {
opacity: 0.5 ;
}
.testimonialSection .owl-carousel .owl-item.active {
opacity: 1 ;
}
.testimonialSection .owl-carousel .item p {
margin-bottom: 25px ;
}
.testimonialSection .owl-carousel .owl-item img {
border-radius: 50% ;
margin-right: 10px ;
width: auto ;
display: inline-block ;
}
.tUser {
font-size: 16px ;
}
.testimonialSection .owl-carousel .owl-dots {
display: none ;
}
.testimonialSection .owl-theme .owl-nav {
text-align: left ;
}
.testimonialSection .owl-theme .owl-nav [class*=owl-]:hover {
background: none ;
}
.testimonialSection .owl-theme .owl-nav [class*=owl-] {
outline: none ;
}
.testimonialImage img {
margin-top: -45px ;
}
.testimonial-stars i { color:#FFC537;}
.testimonial-quote img{width:92px !important;}
.testimonial-author img {border-radius:50%; width:66px; height:66px;}
.owl-carousel button.owl-dot:focus{outline: none; }
.owl-dots {
margin-top: 0px;
z-index: 11;
position: absolute;
left: 0px;
right: 0px;
text-align: center;
}
.owl-dot span {
width: 12px;
height:12px;
background: transparent;
margin-right: 10px;
border-radius: 10px;
border:1px solid #000;
display: block;
}
.owl-dot.active span, .owl-dot:hover span {
background-color: #000;
}
.videoSection {
padding-top: 100px ;
padding-bottom: 90px ;
}
.videoContent {
max-width: 850px ;
margin-left: auto ;
margin-right: auto ;
text-align: center ;
margin-top: 35px ;
}
.videoItems{
padding-left: 80px ;
padding-right: 80px ;
}
.videoSection #play_vid {
background-image: url(//www.protonespa.in/wp-content/themes/proton/images/video.jpg) ;
background-repeat: no-repeat ;
background-position: center center ;
background-size: cover ;
width: 100% ;
height: 596px ;
cursor: pointer ;
border-radius: 5px ;
z-index: 9 ;
position: relative ;
}
.videoSection iframe{
height: 596px ;
}
.newsletterSection {
background-repeat: no-repeat ;
background-position: center top ;
background-size: cover ;
text-align: center ;
padding-top: 140px ;
padding-bottom: 140px ;
position: relative ;
}
.newsletterSection .form-control {
border-radius: 0px ;
height: 70px ;
padding-left: 20px ;
line-height: normal ;
font-size: 15px ;
border:none ;
}
.newsletterSection .form-control:focus {
box-shadow: 0 0 0 0.2rem rgba(218, 166, 39, 0.35) ;
}
.newsletterSection .input-group {
max-width: 60%;
margin-left: auto ;
margin-right: auto ;
}
.newsletterSection .input-group-append {
margin-left: 16px ;
}
.newsletterSection .input-group-text {
border-radius: 0px ;
background:transparent;
border: none ;
cursor: pointer ;
transition: all 0.4s ease ;
padding: 0px ;
}
.newsletterSection .input-group-text:hover, .newsletterSection .input-group-text:focus {
background-color: #daa627 ;
}
.newsletterSection .input-group-text img {
max-width: 30px ;
}
.newsLetterOverly{
background-color: #210a00 ;
opacity: 0.5 ;
width: 100% ;
height: 100% ;
position: absolute ;
top: 0 ;
}
.footerSection {
font-size: 14px ;
color: #6b6b6b ;
padding-top: 75px ;
}
.footerSection a{
color: #6b6b6b ;
}
.footerSection h4 {
font-size: 16px ;
color: #000 ;
padding-bottom: 13px ;
position: relative ;
margin-bottom: 25px ;
}
.footerSection h4:before {
position: absolute ;
width: 48px ;
height: 2px ;
background-color: #daa627 ;
content: '' ;
bottom: 0 ;
left: 2px ;
}
.footerSection ul {
padding-left: 0px ;
}
.footerSection li {
list-style: none ;
}
.footerSection .fSocial li {
list-style: none ;
display: inline-block ;
padding-left: 15px ;
padding-right: 15px ;
}
.footerSection .fSocial li:first-child {
padding-left: 0px ;
}
.footerSection .fSocial li:last-child {
padding-right: 0px ;
}
.footerSection .fSocial i {
color: #9c9c9c ;
font-size: 17px ;
}
.footerSection .fSocial i:hover{
color: #daa627 ;
}
.footerItem {
max-width: 277px ;
}
.flogo {
max-width: 221px ;
margin-bottom: 25px ;
margin-top: 3px ;
}
.contactInfo img {
max-width: 18px ;
position: absolute ;
left: 0 ;
margin-top: 4px ;
}
.contactInfo .widget li {
position: relative ;
padding-left: 30px ;
padding-bottom: 10px ;
}
.copyright {
text-align: center ;
border-top: 1px solid #f8f8f8 ;
padding-top: 35px ;
padding-bottom: 40px ;
color: #4A4A4A ;
margin-top: 20px ;
}
.pageHeader{
background-image: url(//www.protonespa.in/wp-content/themes/proton/images/aboutHeader.jpg) ;
background-position: center top ;
background-repeat: no-repeat ;
background-size: cover ;
position: relative ;
padding:200px 0px;
}
.pageHeader:after{
content:'';
background-color: #210a00;
opacity: 0.5;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top:0px;
left:0px;
}
.pageHeader .row{
position:relative;
z-index:5;
align-content: center ;
align-items: center ;
text-align: center ;
display: flex ;
}
.pageHeader h1{
color: #fff ;
margin-bottom: 0px ;
z-index: 9 ;
position: relative ;
}
.pageHeaderOverly{
background-color: #210a00 ;
opacity: 0.5 ;
width: 100% ;
height: 100% ;
position: absolute ;
}
.contentSection{
padding-top: 70px ;
padding-bottom: 70px ;
overflow: hidden ;
}
.aboutBtn{
margin-top: 30px ;
}
.sItems{
padding-left: 50px ;
padding-right: 50px ;
padding-top: 46px ;
padding-bottom: 46px ;
text-align: center ;
}
.sItems h3{
font-size: 22px ;
margin-bottom: 13px ;
}
.sItems::before{
content: '' ;
position: absolute ;
display: block ;
top: 0 ;
width: 67% ;
height: 1px ;
background-color: #f0f0f0 ;
left: 0 ;
right: 0 ;
margin-left: auto ;
margin-right: auto ;
}
.sItems::after{
content: '' ;
position: absolute ;
display: block ;
height: 50% ;
width: 1px ;
background-color: #f0f0f0 ;
top: 0 ;
bottom:0 ;
right: 0 ;
margin-top: auto ;
margin-bottom: auto ;
}
.sItems.ItemOrder1::before, .sItems.ItemOrder2::before{
display: none ;
}
.sItems.ItemOrder2::after, .sItems.ItemOrder4::after, .sItems.ItemOrder6::after{
display: none ;
}
.serviceSlider{
margin-top: 25px ;
overflow: hidden ;
}
.serviceSlider .carousel-control-next, .serviceSlider .carousel-control-prev{
width: auto ;
opacity: 1 ;
}
.serviceSlider .carousel-control-next:focus, .serviceSlider .carousel-control-next:hover, .serviceSlider .carousel-control-prev:focus, .serviceSlider .carousel-control-prev:hover{
opacity: 1 ;
}
.serviceSlider .carousel-control-next:focus .sliderArrows, .serviceSlider .carousel-control-next:hover .sliderArrows, .serviceSlider .carousel-control-prev:focus .sliderArrows, .serviceSlider .carousel-control-prev:hover .sliderArrows{
background-color: #f8d765 ;
}
.serviceSlider .carousel-control-prev{
margin-left: -80px ;
}
.serviceSlider .carousel-control-next{
margin-right: -80px ;
}
.serviceSlider .carousel{
text-align: center ;
width: 85% ;
margin-left: auto ;
margin-right: auto ;
}
.serviceSlider .sliderArrows{
background-color: #f0f0f0 ;
border-radius: 50% ;
width: 50px ;
height: 50px ;
align-items: center ;
justify-content: center ;
display: flex ;
}
.serviceSlider .sliderArrows img{
max-width: 23px ;
}
.addressRow{ 
margin-left: -40px ;
margin-right: -40px ;
margin-top: 20px ;
margin-bottom: 40px ;
}
.addressInner{
background-color: #fbfafa ;
padding-left: 40px ;
padding-right: 40px ;
padding-top: 40px ;
padding-bottom: 40px ;
min-height: 145px ;
text-align: center ;
font-size: 17px ;
margin-top: 20px ;
justify-content: center ;
align-items: center ;
display: flex ;
}
.addressInner h5{
font-size: 18px ;
color: #daa627 ;
margin-bottom: 20px ;
}
.contactWelcome{
max-width: 815px ;
margin-left: auto ;
margin-right: auto ;
}
.wpcf7 .form-group{
padding-left: 42px ;
padding-right: 42px ;
}
.wpcf7 .form-row{
margin-left: -42px ;
margin-right: -42px ;
}
.wpcf7 .form-control{
border: none ;
border-bottom: 1px solid #eaeaea ;
border-radius: 0px ;
height: 70px ;
outline: none ;
box-shadow: none ;
padding-left: 7px ;
padding-right: 7px ;
font-size: 15px ;
color: #767676 ;
line-height: 1.5;
}
.wpcf7 textarea{
height: auto ;
}
.wpcf7 .wpcf7-submit.btnS{
text-align: center;
font-size: 20px;
color: #000;
background: transparent;
letter-spacing: 5px;
padding: 20px 30px;
border-radius: 0px;
text-decoration: none;
position: relative;
overflow: hidden;
text-transform: uppercase;
min-width: 350px;
display: inline-block;
border: 1px solid #DAA628;
transition: all 0.9s ease;
}
.wpcf7 .wpcf7-submit.btnS:hover{
border: 1px solid #DAA628;
background: #DAA628;
color: #fff;
}
.offerSection2{
padding-bottom: 100px ;
}
.offerItem{
margin-top: 15px ;
margin-bottom: 15px ;
text-align: center ;
-webkit-box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.06) ;
-moz-box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.06) ;
box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.06) ;
}
.offerTitle h3{
font-size: 25px ;
color: #000 ;
}
.offerTitle{
background-color: #f3f3f3 ;
min-height: 107px ;
justify-content: center ;
align-items: center ;
display: flex ;
}
.offerConent{
padding-left: 35px ;
padding-right: 35px ;
padding-top: 35px ;
padding-bottom: 70px ;
}
.offerItem h1{
font-size: 55px ;
line-height: normal ;
margin-bottom: 0px ;
color: #daa627 ;
}
.offerItem h4{
font-size: 19px ;
color: #6d6d6d ;
margin-top: -7px ;
}
.offerItem ul{
padding-left: 0px ;
text-align: left ;
margin-bottom: 35px ;
margin-top: 22px ;
}
.offerItem li{
font-size: 15px ;
border-bottom: 1px solid #f1f0f0 ;
padding-top: 13px ;
padding-bottom: 13px ;
list-style: none ;
}
.offerItemPadd{
padding-left: 20px ;
padding-right: 20px ;
}
.powerdBy{
margin-top: 3px ;
display: none ;
}
.page-id-84 .powerdBy{
display: block ;
}
.powerdBy a{
color: #8a8989 ;
}
.offerSection2 .nav-pills{
display:inline-block;
margin-bottom:40px;
}
.offerSection2 .nav-pills li{
display:inline-block;
}
.offerSection2 .nav-pills .nav-link{
border:1px solid #ddd;
margin-left: -3px;
margin-right: -2px;
padding-left: 35px;
padding-right: 35px;
padding-top: 8px;
padding-bottom: 12px;
border-radius: 0px;
color:#000;
font-size:18px;
}
.offerSection2 .nav-pills .nav-link small{
font-size:14px;
padding-left:10px;
color:#57c513;
}
.offerSection2 .nav-pills .nav-link.active, .offerSection2 .nav-pills .show>.nav-link{
background-color:#fff;
color:#daa627;
}
.offerSection2 .nav-pills li:first-child .nav-link{
-webkit-border-top-left-radius: 27px;
-webkit-border-bottom-left-radius: 27px;
-moz-border-radius-topleft: 27px;
-moz-border-radius-bottomleft: 27px;
border-top-left-radius: 27px;
border-bottom-left-radius: 27px;
}
.offerSection2 .nav-pills li:last-child .nav-link{
-webkit-border-top-right-radius: 27px;
-webkit-border-bottom-right-radius: 27px;
-moz-border-radius-topright: 27px;
-moz-border-radius-bottomright: 27px;
border-top-right-radius: 27px;
border-bottom-right-radius: 27px;
}
span.wpcf7-not-valid-tip{
font-size: 12px ;
}
.popupForm{
padding-right: 0px ;
}
.popupForm .modal-dialog{
max-width: 800px ;
}
.popupForm .wpcf7 .form-group {
padding-left: 20px ;
padding-right: 20px ;
}
.popupForm .wpcf7 .form-row {
margin-left: -20px ;
margin-right: -20px ;
}
.popupForm .modal-content{
padding-left: 25px ;
padding-right: 25px ;
padding-top: 15px ;
padding-bottom: 15px ;
border: 10px solid #daa62752 ;
border-radius: 10px ;
}
.popupForm button.close{
outline: none ;
width: 30px ;
height: 30px ;
border-radius: 50% ;
position: absolute ;
right: -15px ;
top: -15px ;
padding: 0 ;
margin: 0 ;
text-shadow: none ;
opacity: 1 ;
color: #fff ;
background-color: #000 ;
line-height: normal ;
font-size: 20px ;
}
.newsletterSection #mc_embed_signup{
background-color: transparent ;
}
.newsletterSection #mc_embed_signup .mc-field-group{
padding-bottom: 0px ;
}
.newsletterSection #mc_embed_signup .rowForm{
display: flex;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.newsletterSection .form-control {
border-radius: 0px ;
height: 70px ;
padding-left: 20px ;
line-height: normal ;
font-size: 15px ;
color: #AFAFAF;
font-family: 'Open Sans', sans-serif ;
background:transparent;
border-bottom:2px solid #AFAFAF;
}
.newsletterSection .mc4wp-form{
color: #fff ;
}
.newsletterSection .input-group-text input{
text-align: center;
font-size: 20px;
color: #000;
background: transparent;
letter-spacing: 5px;
padding: 20px 30px;
border-radius: 0px;
text-decoration: none;
position: relative;
overflow: hidden;
text-transform: uppercase;
min-width: 350px;
display: inline-block;
border: 1px solid #DAA628;
background:transparent;
}
.newsletterSection .input-group-text:hover input{   color: #fff;}
.popupForm  .modal-header{
text-align: center ;
display: block ;
border: none ;
}
.priceList{
background-color:#fbfafa;
padding:30px 20px;
margin-top:30px;
}
.priceList h3{
padding-left:10px;
color:#daa627 ;
}
.priceList h5{
padding-left:10px;
padding-top:15px;
}
.priceList .table{
margin-bottom:0px;
color:#767676;
font-size:15px;
}
.priceList .table thead{
color:#333;
}
.priceMentionGST{
font-size:18px;
margin-top:30px;
}
.cLeftImage{
margin-top:20px;
}
.cLeftImage{
background-image: url(https://www.protonespa.in/wp-content/uploads/2019/11/745X508-protone-spa.png) ;
background-position: center center ;
background-repeat: no-repeat ;
background-size: cover ;
height:450px;
}
.cLeftImage1{
background-image: url(https://www.protonespa.in/wp-content/uploads/2024/02/20240224_092216.jpg) ;
background-position: center center ;
background-repeat: no-repeat ;
background-size: cover ;
height:445px;margin-top:20px;
}
.cLeftImage2{
background-image: url(https://www.protonespa.in/wp-content/uploads/2025/05/WhatsApp-Image-2025-05-22-at-8.31.54-PM.jpeg) ;
background-position: center center ;
background-repeat: no-repeat ;
background-size: cover ;
height:445px;margin-top:20px;
}
.cLeftImage3{
background-image: url(https://www.protonespa.in/wp-content/uploads/2025/08/thrippunithura-protone-contact-1.jpg) ;
background-position: center center ;
background-repeat: no-repeat ;
background-size: cover ;
height:445px;margin-top:20px;
}
.mt-4{
margin-top: 20px;
}
.cardPrice{
margin-bottom: 50px;
}
.cardPrice .panel-heading{
background-color: #fafafa;
margin-left: 0px;
margin-right: 0px;
}
.priceRight h2{ 
font-size: 32px;
margin-top: 15px;
}
.priceRight{
text-align: left;
padding-left: 80px;
padding-right: 20px;
padding-top: 36px;
}
.priceRight img{
max-width: 65px ;
}
.priceLeft{
text-align: right;
right: 0;
padding-left: 20px;
padding-right: 80px;
}
.prRound{
width: 40px;
height: 40px;
background-color: #daa627;
border-radius: 50%;
margin-top: 25px;
text-align: center;
color: #fff;
font-size: 17px;
display: flex;
justify-content: center;
align-items: center;
float: right;
}
.priceLeft .prRound{
float: left;
}
.sPriceItem{
margin-top: 30px;
border-bottom: 1px solid #eee;
padding-bottom: 30px;
}
.sPriceItem h3{
font-size: 20px;
color: #daa627 ;
}
.sPriceItem h5{
margin-bottom: 15px;
}
.sPrice{
text-align: right;
padding-top: 30px;
}
.cardPrice .card-body{
padding: 0px;
padding-top: 10px;
}
.accordion .panel-heading .prRound i{
-webkit-transition: -webkit-transform .8s ease-in-out;
-ms-transition: -ms-transform .8s ease-in-out;
transition: transform .8s ease-in-out;  
}
.accordion .panel-heading .prRound .fa-plus{
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}
.flotingRow{
display: inline-block ;
width: 100% ;
}
.floteRight{
float: right;
}
.floteLeft{
float: left;
}
.cardPrice .card-header{
padding: 0px ;
border: none ;
background-color: transparent;
}
.cardPrice .card-header i{
transition: .3s all ease;
}
.notFoundPage{
min-height:72vh;
justify-content:center;
align-items:center;
display:flex;
}
.scroll-down-btn {
text-align: center;
position: absolute;
margin: auto;
left: 0px;
right: 0px;
letter-spacing: 5px;
bottom: 35px;
font-size: 18px;
color: #fff;
animation: blink 3s infinite; }
.scroll-down-btn:hover{ color: #fff !important;}
.serviceSection  {padding-bottom:260px !important;}
.VideoSections  {margin-top: -130px; position:relative; z-index:2}
.video-thumb-img {position:relative;}
.video-thumb-img:before {
content: "";
position: absolute;
width: calc(100% - 20px); height: 50%;
bottom: 10px;
right: 0px;
left: 10px;
background: #000000;
border-radius: 0 0 10px 10px;
opacity: 0;
transition: opacity 0.7s ease;
z-index: 1;
}
.video-thumb-img::after {
content: '';
position: absolute;
z-index: 35;
top: 50%;
left: 50%;
margin-left: -40px;
margin-top: -40px;
width: 80px;
height: 80px;
background-size: cover;
background-image: url(//www.protonespa.in/wp-content/themes/proton/images/play-btn.svg);
transition: all 0.5s;
cursor: pointer;
}
.social {
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
margin-top: 0px;
margin-left: auto;
}
.social li {
display: inline-block;
margin-right: 25px;
}
.social li a {
display: block;
color: #000000;
line-height: 50px;
background-color: transparent;
text-align: center;
font-size: 25px;
border-radius: 2px;
}
.social li a:hover {
color: var(--primary-color);
}
.footer-widget.about-widget
{
padding-right: 25px;
}
.footer-widget.about-widget p {
font-size: 16px;
color: #000;
}
ul.contact_list {
padding-left: 40px !important;
}
.contact_list li {
color: #000;
position: relative;
margin-bottom: 18px;
}
.contact_list li span {
position: absolute;
left: -40px;
}
ul li a.dropdown-toggle::after {
content: "\f078";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
position: absolute;
right: -4px;
bottom: 0;
font-size: 16px;
transition: all 1.5s ease;
border: none;
}
@keyframes blink {
0%, 100% {
opacity: 1; }
50% {
opacity: 0; }
}
@media (min-width: 1200px){
.aboutImage img{
max-width: 679px ;
}	
.seviceWelcome{
padding-left: 65px ;
padding-right: 65px ;
}
}
@media (min-width: 1400px){
.aboutImage img{
max-width: 779px ;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.offerItem{
margin-top: 10px ;
margin-bottom: 10px ;
}
.offerTitle h3{
font-size: 20px ;
}
.offerTitle{
min-height: 90px ;
}
.offerConent{
padding-left: 20px ;
padding-right: 20px ;
padding-top: 20px ;
padding-bottom: 45px ;
}
.offerItem h1{
font-size: 43px ;
}
.offerItem h4{
font-size: 15px ;
margin-top: -2px ;
}
.offerItem ul{
margin-bottom: 25px ;
margin-top: 15px ;
}
.offerItem li{
padding-top: 13px ;
font-size: 14px ;
}
.offerItemPadd{
padding-left: 15px ;
padding-right: 15px ;
}
}
@media (min-width: 992px) and (max-width: 1599px) {
.pageHeader h1 {
font-size: 45px ;
}
.bannerCaption {
max-width: 590px ;
right: 20px ;
bottom: 80px ;
}
.bannerCaption h3 {
font-size: 54px ;
line-height: 52px ;
}
.bannerCaption h2 {
font-size: 20px ;
padding-left: 40px ;
padding-right: 40px ;
padding-top: 10px ;
padding-bottom: 14px ;
border-radius: 28px ;
margin-top: 20px ;
margin-bottom: 15px ;
}
.bannerCaption .btnXL {
font-size: 34px ;
}
}
@media (max-height: 767px) {
.pageHeader h1 {
font-size: 35px ;
}
.aboutBtn {
margin-top: 10px ;
}
h1 {
font-size: 35px ;
line-height: 30px ;
margin-bottom: 20px ;
}
.serviceSection h3 {
font-size: 35px ;
line-height: 30px ;
margin-bottom: 20px ;
}
.bannerCaption {
max-width: 500px ;
right: 40px ;
bottom: 70px ;
}
.bannerCaption h3 {
font-size: 55px ;
line-height: 60px ;
}
.bannerCaption h2 {
font-size: 16px ;
padding-left: 30px ;
padding-right: 30px ;
padding-top: 10px ;
padding-bottom: 9px ;
border-radius: 28px ;
margin-top: 15px ;
margin-bottom: 10px ;
}
.bannerCaption p {
padding-left: 20px ;
padding-right: 20px ;
}
.bannerCaption .btnXL {
font-size: 25px ;
}
.serviceBox {
margin-bottom: 30px ;
}
.serviceBox h4 {
font-size: 22px ;
}
.fLeft {
padding-top: 40px ;
padding-bottom: 25px ;
}
.featureBox {
margin-bottom: 20px ;
}
.offerSection {
padding-top: 80px ;
padding-bottom: 80px ;
}
.offerSection2{
padding-bottom: 80px ;
}
.offer {
padding-left: 15px ;
padding-right: 15px;
}
.offerBox {
padding-left: 20px ;
padding-right: 20px ;
padding-top: 35px ;
padding-bottom: 35px ;
}
.offerBox h3 {
font-size: 20px ;
}
.offerBox .btnS {
font-size: 16px ;
}
.testimonialImage img {
margin-top: 0px ;
}
.testimonialSection h1 {
margin-top: 50px ;
}
.testimonialSection .owl-carousel {
margin-top: 30px ;
padding-left: 30px ;
margin-bottom: 60px ;
}
.videoSection {
padding-top: 80px ;
padding-bottom: 70px ;
}
.videoContent {
margin-top: 30px ;
}
.newsletterSection {
padding-top: 80px ;
padding-bottom: 80px ;
}
.footerSection {
padding-top: 55px ;
}
.flogo {
max-width: 170px ;
}
.footerSection h4 {
font-size: 15px ;
}
.copyright {
padding-top: 25px ;
padding-bottom: 30px ;
margin-top: 15px ;
}
.featureBox {
padding-left: 20px ;
padding-right: 20px ;
}
.contentSection {
padding-top: 50px ;
padding-bottom: 50px ;
}
.videoSection #play_vid {
height: 480px ;
}
.videoSection iframe{
height: 480px ;
}
.topArea.fadeInDown.animated.homeHeader .brand{max-width: 200px ;}
}
@media (min-width: 992px) and (max-width: 1200px) {
.testimonialSection .owl-carousel .item {
max-width: 320px ;
}
.testimonialSection .owl-carousel {
padding-left: 0px ;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.videoSection #play_vid {
height: 440px ;
}
.videoSection iframe{
height: 440px ;
}
.addressRow{ 
margin-left: -20px ;
margin-right: -20px ;
margin-top: 15px ;
margin-bottom: 30px ;
}
.addressInner{
padding-left: 25px ;
padding-right: 25px ;
}
.wpcf7 .form-group{
padding-left: 30px ;
padding-right: 30px ;
}
.wpcf7 .form-row{
margin-left: -30px ;
margin-right: -30px ;
}
.wpcf7 .form-control{
height: 60px ;	
}
.wpcf7 .wpcf7-submit.btnS{
font-size: 25px ;
}
.serviceSlider .sliderArrows{
width: 42px ;
height: 42px ;
}
.serviceSlider .sliderArrows img{
max-width: 20px ;
}
.serviceSlider .carousel-control-prev {
margin-left: -50px ;
}
.serviceSlider .carousel-control-next {
margin-right: -50px ;
}
.sItems {
padding-left: 40px ;
padding-right: 40px ;
padding-top: 36px ;
padding-bottom: 36px ;
}
.pageHeader h1 {
font-size: 43px ;
}
.contentSection {
padding-top: 50px ;
padding-bottom: 50px ;
}
h1 {
font-size: 40px ;
line-height: 35px ;
margin-bottom: 25px ;
}
.bannerCaption {
max-width: 530px ;
right: 15px ;
bottom: 70px ;
}
.bannerCaption h3 {
font-size: 40px ;
line-height: 35px ;
}
.bannerCaption h2 {
font-size: 17px ;
padding-left: 25px ;
padding-right: 25px ;
padding-top: 11px ;
padding-bottom: 10px ;
border-radius: 28px ;
margin-top: 18px ;
margin-bottom: 13px ;
}
.bannerCaption .btnXL {
font-size: 30px ;
}
.navbar .navbar-nav li a {
font-size: 14px ;
}
.navbar .navbar-nav li {
padding-left: 15px ;
padding-right: 15px ;
}
.brand {
max-width: 240px ;
}
.aboutRightText {
padding-top: 70px;
}
.aboutRightText h1 {
font-size: 35px ;
}
.serviceSection h3 {
margin-bottom: 60px ;
margin-top: 20px ;
font-size: 40px ;
line-height: 35px ;
}
.serviceBox {
margin-bottom: 40px ;
}
.serviceBox h4 {
font-size: 20px ;
}
.fLeft {
padding-top: 40px ;
padding-bottom: 25px ;
}
.featureBox h4 {
font-size: 18px ;
margin-top: 15px ;
margin-bottom: 8px ;
}
.featureBox {
font-size: 14px ;
margin-top: 30px ;
padding-left: 10px ;
padding-right: 10px ;
margin-bottom: 0px ;
}
.featureBox p {
line-height: 24px ;
}
.testimonialSection h1 {
margin-top: 60px ;
}
.testimonialSection .owl-carousel {
margin-top: 30px ;
padding-left: 0px ;
margin-bottom: 30px ;
}
.btnS {
font-size: 18px ;
}
.btnXL {
font-size: 32px ;
}
.videoSection {
padding-top: 80px ;
padding-bottom: 70px ;
}
.newsletterSection {
padding-top: 90px ;
padding-bottom: 90px ;
}
.footerSection {
padding-top: 65px ;
}
.offerSection {
padding-top: 80px ;
padding-bottom: 80px ;
}
.offerSection2{
padding-bottom: 80px ;
}
.offer {
padding-left: 20px ;
padding-right: 20px ;
}
.offerBox {
padding-left: 40px ;
padding-right: 40px ;
padding-top: 50px ;
padding-bottom: 50px ;
}
.offerBox h3 {
font-size: 23px ;
}
.testimonialImage img {
margin-top: 0px ;
}
body.home .featureBg{
background-image:none ;
text-align:center;
}
.priceRight h2{ 
font-size: 28px;
}
.priceRight{
padding-left: 30px;
padding-top: 30px;
}
.priceRight img{
max-width: 50px ;
}
.prRound{
width: 30px;
height: 30px;
margin-top: 15px;
font-size: 14px;
}
}
@media (max-width: 991px) {
.bannerCaption h2 {
line-height: 20px;
}
ul li a.dropdown-toggle::after {
right: auto;
top: 30px;
margin-left: 17px;
font-size: 15px;
}
.navbar .navbar-nav .dropdown-menu {margin-top:20px; text-align:center;}
.page-template-front-page .navbar .navbar-nav li a{ color:#000 !important;}
.topArea  .container-fluid {
padding-top:15px;
padding-bottom: 15px;
height:70px;
}
.navbar-light .navbar-toggler {
position: relative!important;
right: 0px;
top:0px;
}
.pageHeader {
padding: 60px 0px;
}
} @media (min-width: 768px) and (max-width: 991px) {
.page-template-front-page .navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.tCall img{
right: 70px ;
top: 13px ;
max-width: 25px ;
}
.navbar-light .navbar-toggler{
position:relative ;
right:0 ;
}
.navbar{
padding-right:0px ;
}
.priceRight h2{ 
font-size: 21px;
}
.priceRight{
padding-left: 30px;
padding-top: 20px;
}
.priceLeft{
padding-right: 30px;
}
.priceRight img{
max-width: 40px ;
}
.prRound{
width: 25px;
height: 25px;
margin-top: 14px;
font-size: 14px;
}
.cLeftImage{
height:360px;
}
body.home .featureBg{
background-image:none ;
text-align:center;
}
.offerSection h1{
margin-bottom:65px ;
}
.videoSection #play_vid {
height: 360px ;
}
.videoSection iframe{
height: 360px ;
}
.addressRow{ 
margin-left: -15px ;
margin-right: -15px ;
margin-top: 5px ;
margin-bottom: 30px ;
}
.addressInner{
padding-left: 10px ;
padding-right: 10px ;
font-size: 15px ;
min-height: 150px ;
}
.addressInner p{
line-height: 22px ;
}
.addressInner h5 {
font-size: 14px ;
margin-bottom: 15px ;
}
.wpcf7 .form-group{
padding-left: 15px ;
padding-right: 15px ;
}
.wpcf7 .form-row{
margin-left: -15px ;
margin-right: -15px ;
}
.wpcf7 .form-control{
height: 60px ;	
}
.wpcf7 .wpcf7-submit.btnS{
font-size: 20px ;
}
.serviceSlider .sliderArrows{
width: 42px ;
height: 42px ;
}
.serviceSlider .sliderArrows img{
max-width: 20px ;
}
.serviceSlider .carousel-control-prev {
margin-left: -50px ;
}
.serviceSlider .carousel-control-next {
margin-right: -50px ;
}
.aboutBtn {
margin-top: 20px ;
}
.sItems {
padding-left: 20px ;
padding-right: 20px ;
padding-top: 20px ;
padding-bottom: 20px ;
}
.sItems h3 {
font-size: 20px ;
}
.pageHeader h1 {
font-size: 40px ;
}
.contentSection {
padding-top: 40px ;
padding-bottom: 40px ;
}
.caree_tab button {
margin: unset;
margin-top: 20px;
}	
h1 {
font-size: 35px ;
line-height: 30px ;
margin-bottom: 25px ;
}
.bannerCaption {
max-width: 470px ;
right: 15px ;
bottom: 50px ;
}
.bannerCaption h3 {
font-size: 35px ;
line-height: 30px ;
}
.bannerCaption h2 {
font-size: 17px ;
padding-left: 30px ;
padding-right: 30px ;
padding-top: 10px ;
padding-bottom: 9px ;
border-radius: 28px ;
margin-top: 15px ;
margin-bottom: 10px ;
}
.bannerCaption p {
padding-left: 20px ;
padding-right: 20px ;
}
.bannerCaption .btnXL {
font-size: 28px ;
}
.navbar .navbar-nav li {
padding-left: 0px ;
padding-right: 0px ;
display: block ;
padding-top: 10px ;
padding-bottom: 0px ;
border-bottom: 1px solid #eee ;
}
.navbar .footer_nav li{
border-bottom: unset;
text-align: left;
display: inline-block;
padding-right: 35px;
}
.navbar .navbar-nav li a{
padding-bottom: 10px ;
display: block ;
}
.home .navbar .navbar-nav li a:before {
bottom: -33px ;
}
.navbar .navbar-nav li a:before {
bottom: -33px ;
}
.homeHeader .navbar .navbar-nav li a:before {
bottom: -33px ;
}
.navbar .navbar-nav li:last-child {
border-bottom: 0px ;
}
.navbar .navbar-nav {
text-align: center ;
}
.navbar-collapse {
background-color: #fff ;
padding: 10px 15px ;
max-width: 100% ;
right: 0 ;
position: absolute ;
top: 100% ;
width: 100% ;
border-radius: 5px ;
}
.home .navbar .navbar-nav .dropdown-menu{
margin-top:3px ;
}
.homeHeader .navbar .navbar-nav .dropdown-menu{
margin-top:3px ;
}
.navbar .navbar-nav .dropdown-menu li a{
font-size:13px ;
}
.brand {
max-width: 240px ;
top:2px;
}
.aboutRightText {
padding-top: 0px ;
}
.serviceSection h3 {
margin-bottom: 55px ;
margin-top: 40px ;
font-size: 35px ;
line-height: 30px ;
}
.serviceBox {
margin-bottom: 30px ;
}
.serviceBox h4 {
font-size: 22px ;
}
.fLeft {
padding-top: 35px ;
padding-bottom: 20px ;
}
.featureBox {
margin-bottom: 20px ;
}
.offerSection {
padding-top: 80px ;
padding-bottom: 80px ;
}
.offerSection2{
padding-bottom: 80px ;
}
.offer {
padding-left: 15px ;
padding-right: 15px ;
}
.offerBox {
padding-left: 20px ;
padding-right: 20px ;
padding-top: 35px ;
padding-bottom: 35px ;
}
.offerBox h3 {
font-size: 20px ;
}
.offerBox .btnS {
font-size: 16px ;
}
.testimonialImage img {
margin-top: 0px ;
}
.testimonialSection h1 {
margin-top: 50px ;
}
.testimonialSection .owl-carousel {
margin-top: 30px ;
padding-left: 30px ;
margin-bottom: 30px ;
}
.videoSection {
padding-top: 80px ;
padding-bottom: 70px ;
}
.videoContent {
margin-top: 30px ;
}
.newsletterSection {
padding-top: 80px ;
padding-bottom: 80px ;
}
.footerSection {
padding-top: 55px ;
}
.flogo {
max-width: 170px ;
}
.footerSection h4 {
font-size: 15px ;
}
.copyright {
padding-top: 25px ;
padding-bottom: 30px ;
margin-top: 15px ;
}
.featureBox {
padding-left: 20px ;
padding-right: 20px ;
}
.btnXL {
font-size: 28px ;
}
.headerBanner{
height: 95vh ;
}
} @media (min-width: 576px) and (max-width: 767px) {
.offerItem{
margin-top: 10px ;
margin-bottom: 10px ;
}
.offerTitle h3{
font-size: 20px ;
}
.offerTitle{
min-height: 90px ;
}
.offerConent{
padding-left: 20px ;
padding-right: 20px ;
padding-top: 20px ;
padding-bottom: 45px ;
}
.offerItem h1{
font-size: 43px ;
}
.offerItem h4{
font-size: 15px ;
margin-top: -2px ;
}
.offerItem ul{
margin-bottom: 25px ;
margin-top: 15px ;
}
.offerItem li{
padding-top: 13px ;
font-size: 14px ;
}
.offerItemPadd{
padding-left: 15px ;
padding-right: 15px ;
}
.newsletterSection {
padding-top: 80px ;
padding-bottom: 80px ;
}
.popupForm .modal-dialog {
max-width: 550px ;
}
}
@media (max-width: 767px) {
.cLeftImage3 {background-position: center left;}
.tCall img{
right: 60px ;
top: 13px ;
max-width: 23px ;
}
.navbar{
padding-right:0px ;
}
.priceRight h2{ 
font-size: 21px;
}
.priceRight{
padding-left: 30px;
padding-top: 25px;
padding-bottom: 20px;
}
.priceLeft{
padding-right: 30px;
}
.priceRight img{
max-width: 40px ;
}
.prRound{
width: 25px;
height: 25px;
margin-top: 14px;
font-size: 13px;
}
.sPrice {
padding-top: 15px;
}
.sPriceItem h3 {
font-size: 18px;
}
body.home .featureBg{
background-image:none ;
text-align:center;
}
.cLeftImage{
height:320px;
}	
.priceList{
padding:20px 15px;
margin-top:20px;
}
.priceList .table{
width:500px;
}
.popupForm .modal-dialog {
max-width: 550px ;
}
.offerSection2 .nav-pills{
display:inline-block;
margin-bottom:20px;
}
.offerSection2 .nav-pills .nav-link{
padding-left: 20px;
padding-right: 20px;
padding-top: 8px;
padding-bottom: 12px;
font-size:15px;
}
.offerSection2 .nav-pills .nav-link small{
font-size:13px;
padding-left:6px;
}
.offerSection h1{
margin-bottom:10px ;
margin-top:25px ;
}
.videoSection #play_vid {
height: 260px ;
}
.videoSection iframe{
height: 260px ;
}
.videoItems {
padding-left: 15px ;
padding-right: 15px ;
}
.addressRow{ 
margin-left: -15px ;
margin-right: -15px ;
margin-top: 0px ;
margin-bottom: 25px ;
}
.addressInner{
padding-left: 10px ;
padding-right: 10px ;
font-size: 16px ;
min-height: 130px ;
margin-top: 20px ;
}
.addressInner h5 {
margin-bottom: 15px ;
}
.wpcf7 .form-group{
padding-left: 15px ;
padding-right: 15px ;
}
.wpcf7 .form-row{
margin-left: -15px ;
margin-right: -15px ;
}
.wpcf7 .form-control{
height: 50px ;	
}
.wpcf7 .wpcf7-submit.btnS{
font-size: 23px ;
}
.serviceSlider .sliderArrows{
width: 32px ;
height: 32px ;
}
.serviceSlider .sliderArrows img{
max-width: 16px ;
}
.serviceSlider .carousel-control-prev {
margin-left: 15px ;
}
.serviceSlider .carousel-control-next {
margin-right: 15px ;
}
.aboutBtn {
margin-top: 10px ;
}
.sItems {
padding-left: 10px ;
padding-right: 10px ;
padding-top: 20px ;
padding-bottom: 20px ;
max-width: 440px ;
margin-left: auto ;
margin-right: auto ;
}
.serviceSlider {
margin-top: 18px ;
}
.sItems h3 {
font-size: 20px ;
}
.sItems::after{
display: none ;
}
.sItems.ItemOrder2::before{
display: block ;
}
.pageHeader h1 {
font-size: 30px;
}
.contentSection {
padding-top: 35px;
padding-bottom: 45px;
}
h1 {
font-size: 30px;
line-height: 35px ;
margin-bottom: 20px ;
}
body {
font-size: 14px ;
}
p {
line-height: 22px ;
}
.brand {
max-width: 200px ;
top:0px ;
}
.bannerCaption {
max-width: 390px ;
right: 10px ;
bottom: 67px ;
}
.bannerCaption h3 {
font-size: 30px ;
line-height: 25px ;
}
.bannerCaption h2 {
font-size: 15px ;
padding-left: 25px ;
padding-right: 25px ;
padding-top: 9px ;
padding-bottom: 8px ;
border-radius: 25px ;
margin-top: 10px ;
margin-bottom: 5px ;
}
.bannerCaption p {
padding-left: 20px ;
padding-right: 20px ;
}
.bannerCaption .btnXL {
font-size: 20px ;
}
.navbar .navbar-nav li {
padding-left: 0px ;
padding-right: 0px ;
display: block ;
padding-top: 10px ;
padding-bottom: 0px ;
border-bottom: 1px solid #eee ;
}
#menu-footer-menu.navbar .footer_nav{
text-align: left;
}
.navbar .footer_nav li{
border-bottom: unset;
text-align: left;
display: inline-block;
padding-right: 30px;
float: left;
}
.navbar .navbar-nav li a{
padding-bottom: 10px ;
display: block ;
}
.home .navbar .navbar-nav li a:before {
bottom: -33px ;
}
.navbar .navbar-nav li a:before {
bottom: -33px ;
}
.homeHeader .navbar .navbar-nav li a:before {
bottom: -33px ;
}
.navbar .navbar-nav li:last-child {
border-bottom: 0px ;
}
.navbar .navbar-nav {
text-align: center ;
}
.navbar-collapse {
background-color: #fff ;
padding: 10px 15px ;
max-width: 100% ;
right: 0 ;
position: absolute ;
top: 100% ;
width: 100% ;
border-radius: 5px ;
}
.home .navbar .navbar-nav .dropdown-menu{
margin-top:3px ;
}
.homeHeader .navbar .navbar-nav .dropdown-menu{
margin-top:3px ;
}
.navbar .navbar-nav .dropdown-menu li a{
font-size:13px ;
}
.aboutRightText {
padding-top: 0px ;
}
.serviceSection h3 {
margin-bottom: 45px ;
margin-top: 30px ;
font-size: 30px;
line-height: 35px ;
}
.serviceBox {
margin-bottom: 30px ;
}
.serviceBox h4 {
font-size: 20px ;
}
.fLeft {
padding-top: 50px ;
padding-bottom: 50px ;
}
.featureBox {
margin-bottom: 0px ;
margin-top: 25px ;
}
.offerSection {
padding-top: 30px ;
padding-bottom: 70px ;
}
.offerSection2{
padding-bottom: 70px ;
}
.offer {
padding-left: 15px ;
padding-right: 15px ;
max-width: 400px ;
margin-left: auto ;
margin-right: auto ;
margin-top: 40px ;
}
.offerBox {
margin-top: 0px ;
padding-left: 50px ;
padding-right: 40px ;
padding-top: 40px ;
padding-bottom: 40px ;
}
.offerBox h3 {
font-size: 22px ;
}
.testimonialImage.text-right {
text-align: center ;
}
.testimonialImage img {
margin-top: 0px ;
max-width: 400px ;
}
.testimonialSection{
padding-bottom: 40px ;
}
.testimonialSection .owl-carousel .item {
max-width: 100% ;
}
.testimonialSection h1 {
margin-top: 45px ;
}
.testimonialSection .owl-carousel {
margin-top: 0px ;
padding-left: 0px ;
margin-bottom: 0px ;
}
.videoSection {
padding-top: 60px ;
padding-bottom: 50px ;
}
.videoContent {
margin-top: 25px ;
}
.footerSection {
padding-top: 45px ;
}
.footerSection h4 {
margin-top: 20px ;
}
.copyright {
padding-top: 25px ;
padding-bottom: 30px ;
margin-top: 15px ;
}
.btnS {
font-size: 17px ;
}
.caree_tab button {
margin: unset;
margin-top: 20px;
}
.btnXL {
font-size: 25px ;
}
.newsletterSection .form-control {
height: 45px ;
}
.newsletterSection .input-group-text img {
max-width: 25px ;
}
.headerBanner{
height: 93vh ;
}
.popupForm .wpcf7 .form-group{
margin-bottom: 10px;
}
.popupForm .modal-header{
padding-bottom: 0px;
}
.popupForm button.close {
right: -12px ;
top: -12px ;
}
.brand{max-width: 200px ;}
.topArea.fadeInDown.animated.homeHeader .brand{max-width: 200px ;}
.topArea.fadeInDown.animated.homeHeader .hello-bar, .hello-bar{margin-bottom: 0;padding: 0 0 7px;}
.topArea.fadeInDown.animated.homeHeader .hello-bar i, .hello-bar i{margin: 8px 5px 0 0;font-size: 18px;}
.topArea.fadeInDown.animated.homeHeader .hello-bar span, .hello-bar span{margin: 2px 0 0;font-size: 15px;}
.topArea.fadeInDown.animated.homeHeader .hello-bar a,.hello-bar a{line-height: 27px;font-size: 16px;margin: 1px 0 0 6px;}
.topArea.fadeInDown.animated.homeHeader{padding-bottom: 0 ;}
} @media (max-width: 575px) { .tCall img{
right: 60px ;
max-width: 20px ;
top: 15px ;
}
.cLeftImage{
height:300px;
}
.testimonialImage img{max-width: 100% ;}
.contactInfo>li{padding-left: 0;}
.contactInfo .widget li {
padding-left: 30px ;
}
.offerItem{
margin-top: 10px ;
margin-bottom: 10px ;
max-width: 380px ;
margin-left: auto ;
margin-right: auto ;
}
.offerTitle h3{
font-size: 22px ;
}
.offerTitle{
min-height: 90px ;
}
.offerConent{
padding-left: 20px ;
padding-right: 20px ;
padding-top: 20px ;
padding-bottom: 45px ;
}
.offerItem ul{
margin-bottom: 25px ;
margin-top: 15px ;
}
.offerItem li{
font-size: 14px ;
}
.offerItemPadd{
padding-left: 15px ;
padding-right: 15px ;
}
.newsletterSection {
padding-top: 60px ;
padding-bottom: 60px ;
}
.alignleft {
float: none ;
padding-right: 0px ;
margin-left: auto ;
margin-right: auto ;
display: block ;
clear: both ;
}
.alignright {
float: none ;
padding-left: 0px ;
margin-left: auto ;
margin-right: auto ;
display: block ;
clear: both ;
}
.headerBanner{
background-image: url(//www.protonespa.in/wp-content/themes/proton/images/protone_mob.jpg)!important ;
}
.pageHeader h1 {
font-size: 25px;
}
h1 {
font-size: 27px;
line-height: 32px ;
}
.bannerCaption h3 {
font-size: 27px ;
line-height: 22px ;
}
.bannerCaption h2 {
font-size: 14px ;
padding-left: 20px ;
padding-right: 20px ;
}
.bannerCaption p {
padding-left: 15px ;
padding-right: 15px ;
}
.bannerCaption .btnXL {
font-size: 22px ;
}
.serviceSection h3 {
margin-bottom: 30px ;
margin-top: 20px ;
font-size: 27px;
line-height: 32px ;
}
.btnS {
font-size: 16px ;
}
.caree_tab button{
margin: unset;
margin-top: 20px;
}
.btnXL {
font-size: 22px ;
}
}
@media only screen 
and (min-device-width : 1536px) 
and (-webkit-min-device-pixel-ratio: 2.0){
.bannerCaption {
bottom: 120px ;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
.bannerCaption {
bottom: 120px ;
}
}
@media (max-width: 440px) {
.cLeftImage{
height:230px;
}	
} .owl-carousel .owl-item img{width:auto ;} .blog-main-tittlesection {
padding-top: 145px;
background: #f9f9f9; 
height: 290px;
}
.blog-main-tittlesection .blog-tittle {
text-align: center;
margin-bottom: 35px;
}   .blog-category-section {
padding-top: 75px ;
}
#blog-index-page #blog-bg {
background-size: cover;
background-position: center;
min-height:335px;
}
#blog-index-page .recent-one {
padding: 37px 28px;
padding-bottom:5px;
}
#blog-index-page .recent-one a {
text-decoration: none;
color: #000;
}
#blog-index-page .recent-one h6 {
color: #888888 ;
font-size: 14px ;
}
#blog-index-page .recent-one h3 {
color: #000 ;
font-size: 28px ;
}   .blog-category-section .post a {
color: #000 ;
text-decoration: none;
}
#blog-index-page .post h4 {
font-size: 22px ;
}
.blog-category-section .post h4 {
font-size: 28px ;
margin-top: 15px ;
font-weight: 500;
}
.blog-category-section .post h6 {
color: #888888 ;
position: relative;
font-size: 14px ;
padding-left: 20px;
margin: 15px 0;
}
.blog-category-section .post h6:after {
content: '\f073';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 15px;
color: #888888;
position: absolute;
top: 0;
left:0;
}
.blog-category-section .post #blog-content {
color: #767676 ;
}
#blog-index-page .page-item.active .page-link {
background-color: #daa627 ;
border-color: #daa627 ;
color: #fff;
}
#blog-index-page .page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #000;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 50%;
width: 47px;
height: 47px;
margin: 6px;
display: flex;
align-items: center;
justify-content: center;
}
#blog-index-page .pagination li:focus {
box-shadow: inset 0 -1px 0 #ddd;
outline: none;
}
#blog-index-page .page-link:focus {
box-shadow: inset 0 -1px 0 #ddd;
outline: none;
}
#blog-index-page .pagination {
padding-left: 15px;
margin-bottom:0;
}
#blog-index-page .post-nav {
margin: 25px auto 0;
}
#blog-index-page .border-content {
margin-top: 20px;
}
#blog-index-page #blog-row {
margin-left: 0;
margin-right: 0;
margin-bottom: 50px;
background: #f9f9f9;
}
#blog-single-section {
padding-top: 145px ;
}
#blog-single-section h1 {
margin-bottom: 15px ;
}
#blog-single-section .date-author {
padding: 0;
margin: 0 0 15px;
list-style: none;
}
#blog-single-section .date-author li {
display: inline-block;
font-size: 14px;
}
#blog-single-section .date-author li:first-child {
position: relative;
padding-right: 32px;
}
#blog-single-section .date-author li:first-child:after {
content: ' ';
width: 1px;
height: 14px;
position: absolute;
top: 60%;
transform: translateY(-50%);
right:0;
background: #888888;
}
#blog-single-section .date-author li:last-child {
padding-left: 32px;
}
#blog-single-section .date-author li i {
margin-right: 8px;
}
#blog-single-section img {
margin-bottom: 35px;
}
#blog-single-section .latest-blog {
margin-top:98px;
}
#blog-single-section .widget-title {
font-size: 28px;
margin-bottom: 30px;
}
#blog-single-section .rpwe-block h3 {
font-size: 15px ;
color: #000 ;
}
#blog-single-section .rpwe-block h3{
font-size: 19px !important;
line-height: 25px;
}
#blog-single-section .rpwe-block a {
color: #000 ;
}
#blog-single-section .rpwe-time {
position: relative;
color: #888888 ;
padding-left: 20px;
}
#blog-single-section .rpwe-time:after {
content: '\f073';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 11px;
color: #888888;
position: absolute;
top: 0;
left: 0;
}
#blog-single-section .logged-in-as {
margin-top: 20px ;
}
#blog-single-section .logged-in-as a {
color: #000;
font-size: 15px;
}
#blog-single-section #commentform #submit {
background: none ;
font-size: 27px ;
border: none ;
border-bottom: 5px solid #daa627 ;
outline: none ;
transition: all 0.4s ease ;
padding: 0 0 10px ;
width: auto;
}
#blog-single-section #commentform #submit:hover {
border-color: #000 ;
color: #daa627 ;
}
#blog-single-section #respond #reply-title {
font-size: 28px; ;
}
#blog-single-section #commentform textarea {
border-color: #eaeaea ;
width: 100%;
height: 170px;
padding-left:8px;
}
#blog-single-section #commentform input {
border: none ;
border-bottom: 1px solid #eaeaea ;
width: 100%;
padding-left:8px;
}
#blog-single-section #commentform textarea:focus,
#blog-single-section #commentform input:focus {
outline: 0;
}
#blog-single-section #commentform  #wp-comment-cookies-consent {
width: auto ;
}
@media (max-width: 767px) {
.blog-category-section {
padding-top: 50px ; 
}   .blog-category-section .post h4,
#blog-index-page .post h4
{
font-size: 20px ;
}
#blog-single-section {
padding-top: 105px ;
padding-bottom: 15px ;
}
#blog-single-section .latest-blog {
margin-top: 12px;
}
#blog-single-section .widget-title,
#blog-single-section #respond #reply-title {
font-size: 20px;
}
#blog-single-section #commentform #submit {
font-size: 22px ;
}
.blog-main-tittlesection {
padding-top: 110px;
height: 240px;
}
#blog-index-page #blog-row {
margin-bottom: 35px;
}
#blog-index-page {
padding-bottom: 35px ;
}
.mapsection .mapouter{
height: 280px;
}
.mapsection .mapouter .gmap_canvas{
height: 280px;
}
.mapsection .mapouter .gmap_canvas iframe{
height: 280px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.blog-category-section {
padding-top: 65px ; 
}   #blog-single-section {
padding-top: 120px ;
padding-bottom: 30px ;
}
#blog-index-page .post h4 {
font-size: 20px ;
}
.blog-category-section .post h4 {
font-size: 22px ;
}
#blog-single-section .widget-title,
#blog-single-section #respond #reply-title {
font-size: 22px;
}
#blog-single-section .latest-blog {
margin-top: 15px;
}
#blog-single-section #commentform #submit {
font-size: 20px ;
}
.blog-main-tittlesection {
padding-top: 135px;
height: 275px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.blog-category-section {
padding-top: 70px ; 
}   .blog-category-section .post h4 {
font-size: 20px ;
}
#blog-single-section .widget-title {
font-size: 20px;
}
#blog-single-section .rpwe-block h3 {
font-size: 14px ;
}
#blog-single-section #respond #reply-title {
font-size: 22px;
}
#blog-single-section #commentform #submit {
font-size: 25px ;
}
.blog-category-section .post h6:after {
font-size: 14px;
top:2px;
}
.blog-main-tittlesection {
padding-top: 150px;
}
}
#blog-single-section ul {
list-style-type:none;
}
#blog-single-section ul li {
padding: 5px 0;
}
#blog-single-section ul li:before {
content: " - ";
position: absolute;
margin-left: -20px;
}
#blog-single-section ul.date-author li:before {
display: none ;
}
#blog-single-section .rpwe_widget ul li:before {
display: none !important ;
}
#blog-single-section strong, #blog-single-section b{
color:#000;
}
#blog-single-section h6{
color:#000;
font-size:16px;
}
.blackFriday .modal-content {
padding-left: 0px ;
padding-right: 0px ;
padding-top: 0px ;
padding-bottom: 0px ;
border: 10px solid #0000005c ;
}
.blackFriday .modal-header{
padding:0px;
}
.blackFriday .modal-body{
padding:0px;
}
.blackFriday button.close{
z-index: 9;
}
.blackFriday .modal-dialog {
max-width: 600px ;
}
.footer_menu{
text-align: center;
align-items: center;
display: flex;
justify-content: center;
}
.footer_nav li a {
color: #000 ;
font-size: 15px ;
text-decoration: none ;
transition: all 0.4s ease ;
padding-bottom: 44px ;
}
#menu-footer-menu.footer_nav li a:before {
content: '' ;
display: block ;
margin: auto ;
height: 3px ;
width: 0px ;
background: transparent ;
transition: width .5s ease, background-color .5s ease ;
bottom: -40px ;
position: relative ;
}
#menu-footer-menu.footer_nav li a:hover {
color: #daa627 ;
}
#menu-footer-menu.footer_nav li a{
color: #000 ;
}
.navbar .footer_nav li{
padding-right: 50px ;
}  
.caree_tab button{
border: none;
background-color: unset;
margin-right: 30px;
background-color: unset;
display: flex; margin-top: 25px;
margin-left: auto;
box-shadow: none;
outline: none ;
} 
.caree_tab p{
font-weight: bold;
}
.caree_tab span{
font-weight: 100;
margin-left: 7px;
color: #767676;
}
.caree_tab{
border: 1px solid;
box-shadow: 0px 0px 8px #daa62838; border: none;
border-radius: 8px;
padding: 20px;
margin-bottom: 30px;
}
.caree_tab:hover{
box-shadow: 0px 6px 1px #daa62838;
transition: all 0.4s ease ;
}
.caree_tab h3{
margin-bottom: 0px;
}
.career_content p{
margin-bottom: 10px;
}
.modal-header.career_formheader{
display: block;
text-align: center;
border: none;
}
#career button.close{
outline: none ;
width: 30px ;
height: 30px ;
border-radius: 50% ;
position: absolute ;
right: -15px ;
top: -15px ;
padding: 0 ;
margin: 0 ;
text-shadow: none ;
opacity: 1 ;
color: #fff ;
background-color: #000 ;
line-height: normal ;
font-size: 20px ;
}
#career .modal-content.career_content{
padding-left: 25px ;
padding-right: 25px ;
padding-top: 15px ;
padding-bottom: 15px ;
border: 10px solid #daa62752 ;
border-radius: 10px ;
}
.application_button{
background: unset;
border: unset;
}
#career .form-control.application{
border: none ;
border-bottom: 1px solid #eaeaea ;
border-radius: 0px ;
height: 70px ;
outline: none ;
box-shadow: none ;
padding-left: 7px ;
padding-right: 7px ;
font-size: 15px ;
color: #767676 ;
}
#career .wpcf7-submit.btnS.application_button{
margin-top: 30px;
}
.wpcf7 .form-group{
padding-left: 0px ;
padding-right: 0px ;
}
div.wpcf7-response-output{
font-size: 11px;
text-align: center;
border:none;
}
#file_error{
color: #ff0000;
font-size: 12px;
}
#career .file-upload.application{
outline: none;
}
figure.effect-bubba .serviceImageBg{background:transparent !important}
figure.effect-bubba figcaption::after{ background: #daa627c7 !important;  }
figure.effect-bubba a {
padding-top: 0% !important;}
.grid figure figcaption, .grid figure figcaption > a {
display: flex;
align-items: center;
justify-content: center;
}
.franchise-page .pageHeader h1{
font-size: 64px;
line-height: 80px ;
margin-bottom: 20px;
}
.franchise-page .pageHeader p{
font-size: 17px;
line-height: 31px;
color: #ffffff;
margin-bottom: 30px;
}
.franchise-page .pageHeader .container{
display: -webkit-box;     
display: -moz-box;         
display: -ms-flexbox;     
display: -webkit-flex;    
display: flex;
height: 100%;
}
.franchise-page .pageHeader .container .row{
margin-top: 0 ;
}
.welcome-content {
padding: 40px 0 50px;
}
.welcome-content p{
color: #767676;
font-size: 15px;
line-height: 27px;
}      .apply-form{
background: #f9f9f9;
padding: 40px 0 55px;
}
.apply-form h2{
font-size: 50px;
padding-bottom: 30px;
}
.apply-form .wpcf7 .form-control{
background:transparent;
}
.apply-form .form-row.text-center {
margin-top: 21px;
}
#apply-franchise {
float: left;
width: 100%;
margin: 40px 0 0;
text-align: center;
display: -webkit-box;     
display: -moz-box;         
display: -ms-flexbox;     
display: -webkit-flex;    
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.welcome-wrapper {
max-width: 1240px;
margin: 0 auto;
display: -webkit-box;     
display: -moz-box;         
display: -ms-flexbox;     
display: -webkit-flex;    
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.welcome-wrapper img{
float: left;
width:665px;
}
.text-content {
float: left;
width: 42%;
}
.apply-form .wpcf7 .form-control{
line-height: 7.5;
}
.apply-form .wpcf7 .form-control::-webkit-input-placeholder { line-height: 1.5;
}
.apply-form .wpcf7 .form-control::-moz-placeholder { line-height: 1.5;
}
.apply-form .wpcf7 .form-control:-ms-input-placeholder { line-height: 1.5;
}
.apply-form .wpcf7 .form-control:-moz-placeholder { line-height: 1.5;
}
.franchise-link{
float:left;
width:100%;
display: -webkit-box;     
display: -moz-box;         
display: -ms-flexbox;     
display: -webkit-flex;    
display: flex;  
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
padding: 12px 80px 9px 102px;
margin: 65px 0 10px -45px;
background: #fffcf3 url(//www.protonespa.in/wp-content/themes/proton/images/block_bg.png) no-repeat left top;
background-size: 100% ;
border: 2px solid #d69b0f;
border-radius: 11px;
}
.franchise-link .btnS{
font-size: 25px ;
}
.franchise-content{
float:left;
width: 68%;
}
.franchise-content h3{
font-size:35px;
}
.franchise-content p{
font-size:15px;
line-height:27px;
color:#767676;
}
.apply-form .wpcf7-response-output{
font-size: 15px;
color: #08a611;
}
.apply-form .wpcf7-response-output.wpcf7-validation-errors{
color: #ff022b;
font-size: 15px;
}
.section-padding{padding:130px 0px;}
.footer-widget h6 { font-size:16px; font-weight:bold;}
.contact_list li {  font-size:16px;}
.blog-category-section .post a:hover {color:#DAA628; }
@media  (max-width: 1800px) {
.section-head {
font-size: 60px;
line-height: 60px;
}
}
@media  (max-width: 1600px) {
.footer-widget h6 { font-size:16px; font-weight:bold;}
.contact_list li {  font-size:16px;} 
p {
font-size: 16px;
line-height: 30px;
}
.section-head {
font-size: 50px;
line-height: 50px;
}
.mb-90 {
margin-bottom: 70px;
}
.section-padding {
padding: 90px 0px;
}
.btnS {
font-size: 16px;
letter-spacing: 3px;
padding: 12px 30px;
min-width: 250px;
}
.btn-outline {  
font-size: 16px;
letter-spacing: 3px;
padding: 12px 30px;
min-width: 250px;}
.headerBanner .col-xl-6 {        flex: 0 0 100%; max-width: 70%;}
.bannerCaption {
max-width: 100%;}
.blog-category-section .post h4 {
font-size: 22px;
margin-top: 15px;
font-weight: 500;
line-height: 30px;
}
.pageHeader {padding:130px 0px;}
}
@media  (max-width: 1450px) {
.pageHeader { padding: 60px 0px;}
}
@media  (max-width: 1300px) {
.navbar .navbar-nav li a {font-size:15px; }
.footer-widget h6 { font-size:15px; font-weight:bold;}
.contact_list li {  font-size:15px;} 
.section-head {
font-size: 40px;
line-height: 45px;
}
.bannerCaption p {
padding-left: 0px;
padding-right: 0px;
}
.bannerCaption h2 { margin-bottom: 15px;  padding: 0px;}
.navbar {padding:0px !important;}
.navbar .navbar-nav li {
margin-right: 8px;}
.bannerCaption h3 {
font-size: 45px;
line-height: 50px;
}
.section-padding {
padding: 80px 0px;
}
.mb-90 {
margin-bottom: 60px;
}
.blog-category-section .post h4 {
font-size: 21px;
margin-top: 15px;
font-weight: 500;
line-height: 30px;
}
.featureBox h4 {
font-size: 25px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.welcome-wrapper{max-width: 992px;}
.welcome-wrapper img{width: 500px;}
.text-content{width: 45%;}
.franchise-link{padding: 10px 65px 9px 30px;margin: 65px 0 10px -30px;}
.franchise-content{width: 80%;}
.franchise-content h3{font-size: 30px;}
.section-head { font-size: 40px;line-height: 40px;}  
}
@media (max-width: 991px) {
.apply-form h2{font-size: 40px;padding-bottom: 10px;}
.welcome-wrapper{max-width: 720px;}
.welcome-wrapper img{width: 360px;}
.text-content{width: 47%;}
.franchise-link{padding: 10px 40px 5px 25px;margin: 25px 0 10px -30px;background-size: cover ;}
.franchise-content{width: 70%;}
.franchise-content h3{font-size: 30px;}
.newsletterSection .input-group-text input{
min-width: 100px !important;
font-size: 14px;
padding: 10px 15px;
letter-spacing: 2px;
height: auto;
}
.headerBanner .col-xl-6 {flex: 0 0 100%;   max-width: 100%;}	  	    
.bannerCaption h3 { font-size: 60px; line-height: 70px;}
.bannerCaption h3::after { width: 45px;  height: 50px;}
.bannerCaption h2 i {
margin-right: 6px;
}
.video-thumb-img::after {
margin-left: -20px; margin-top: -20px;  width: 40px; height: 40px;}
.wpcf7 .wpcf7-submit.btnS {
text-align: center;
font-size: 15px !important;
color: #000;
background: transparent;
letter-spacing: 4px;
padding: 10px 25px;
border-radius: 0px;
text-decoration: none;
position: relative;
overflow: hidden;
text-transform: uppercase;
min-width: auto;
display: inline-block;
border: 1px solid #DAA628;
transition: all 0.9s ease;
}
}
@media  (max-width: 767px) {
.apply-form{padding: 20px 0;}
.apply-form h2{font-size: 35px;padding-bottom: 15px;}
.welcome-content p{font-size: 14px;}
.welcome-wrapper{-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;max-width: none;padding: 0 20px;}
.text-content{width: 100%;}
.apply-form #wpcf7-f1008-o1{padding: 0 15px;}
#apply-franchise{margin: 25px 0 0;}
.apply-form .form-row.text-center{margin-top: 10px;}
.franchise-link{margin: 15px 0 10px 0;padding: 15px 20px 20px 25px;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;background-size: cover ;}
.franchise-content{width: 100%;}
.franchise-content h3{font-size: 25px;}
.franchise-content p{font-size: 14px;line-height: 23px ;}
.franchise-link .btnS{font-size: 20px ;} 
.addressRow2 .col-lg-8 { order:1; }
.addressRow2 .col-lg-4 { order:2; }
.addressRow2 .col-lg-12 { order:3; }
.cLeftImage1 {     background-position: 10% 90% ;}
.wpcf7 .form-row { margin-left: 15px ; margin-right: 15px ;}
.addressInner.mt-0 { margin-top:20px }
.newsletterSection .input-group-append {
margin-left: 7px;
}
.btn-outline { min-width:100px!important;          font-size: 16px;
padding: 15px 30px;}
.section-padding { padding: 50px 0px;}
p {line-height: 26px; font-size: 16px;}
.mb-90 {
margin-bottom: 40px;
}
.VideoSections { margin-top:0px;         padding: 50px 0px 0px;}
.serviceSection {
padding-bottom: 50px !important;
}
.featureBox:first-child{margin-top:0px;}
.featureBox h4 {
font-size: 20px;}
.featureBox .icon-box {     min-width: 50px;  margin-right: 20px;}
.newsletterSection .input-group {  max-width: 100%;}
.footer_menu {padding:0px!important }
.footer-widget {padding-bottom:20px;}
.about-img {margin-bottom:20px;}
.footer-widget h6 { font-size:14px; font-weight:bold;}
.contact_list li {  font-size:14px;} 
.btnS { font-size: 14px;}
.mobile_btm_bar i{ font-size: 16px !important;}
}
@media (min-width: 576px) { 
.modal.show .modal-dialog {  max-width: 758px ;}
}
@media (max-width: 590px){ 
.page-template-front-page .topArea .white-logo {  display: none !important;}
.page-template-front-page .topArea .black-logo {  display: block !important;}
}
@media (max-width: 475px){ 
.navbar .footer_nav li {
padding-right: 30px;
}
.popupForm .modal-content{padding:0px!important;}
.popupForm button.close {font-size: 15px; top: -16px;}
.mobile_btm_bar i{ font-size: 16px;}
.modal_box .modal-content .modal-body a { font-size:17px;}
.modal_box .modal-content .modal-body a span.location_box { width:30%;  }
.modal_box .modal-content .modal-body a span.number_box { width:70%;  }
.section-head { font-size: 35px;line-height: 35px;} 
.bannerCaption h3 { font-size: 40px; line-height: 50px;}
.container-fluid {
padding-left: 4% !important;
padding-right: 4% !important;
}
.bannerCaption h2 {font-size:12px;    margin-top: 20px;}
.bannerCaption h2 span { padding: 0px 10px;}
.bannerCaption  p {
line-height: 19px;
font-size: 13px;
}
.bannerCaption {
padding-top: 60px;
padding-bottom: 80px;
height: 77vh;
}
.scroll-down-btn {
bottom: 21px;
font-size: 12px;
}
.featureBox .icon-box {
min-width: 45px;
margin-right: 7px;
}
.featureBox img {
width: 28px;
margin-top: 0px;
}
.blog-category-section .post h4 {
font-size: 18px;
margin-top: 12px;
font-weight: 500;
line-height: 23px;
}
.btn-outline {
min-width: 100px!important;
font-size: 14px;
padding: 12px 30px;
}
.bannerCaption  p {
margin-top:15px;margin-bottom:30px;
}
}
@media (max-width: 375px){ 
.modal_box .modal-content .modal-body a { font-size:13px;}
.section-head { font-size: 25px;line-height: 30px;}  
}
figure.effect-bubba a{
opacity:1 !important ;
}
figure.effect-bubba figcaption{
opacity:0 ;
}
figure.effect-bubba:hover figcaption{
opacity:1 ;
}
.mbile-number-modal a {
font-size: 18px;
margin-bottom: 10px;
text-align: center;
text-decoration:none;
}
a:hover{ text-decoration:none }
.mobile_btm_bar a:hover{    color: #fff;   } 
.gallery_nav a {
color: #5e5c5c;
background: #fff;
border: 1px solid #daa627;
display: inline-block;
line-height: 25px;
border-radius: 55px ;
padding: 12px 15px;
font-size: 16px;
}
.gallery_nav a.active { color: #ffF; background:#daa627; border:1px solid #fff;}
.gallery_nav a:hover{ color: #ffF; background:#daa627; border:1px solid #fff;text-decoration:none; }
.modal_box .modal-content { background:#d2a645 ; border-radius:20px; padding:40px; }
.modal_box .modal-content { padding:0px; border-radius:0px;}
.modal_box .modal-content .modal-body a {
background: transparent;
border: 2px solid #fff;
padding: 0px;
color: #222;
font-size:15px;
border-radius: 18px;
display: flex !important;
align-items:center;
justify-content: space-around;
}
.modal_box .modal-content .modal-body a span.location_box{ width:40%; font-weight:700;}
.modal_box .modal-content .modal-body a span.number_box{ background: #fff; color:#d2a645;
padding: 10px; width:60%;    margin-right: -5px;
border-radius: 0px 15px 15px 0px;}
.mobile-connect-box{
width:100%;
height:0px;   position: fixed;
bottom: 51px;
left: 0;transform: translateY(100px);
right: 0;z-index: 1000;
transition: all 0.5s;
}
.mobile-connect-box.expand{ 
height:310px; 
transform: translateY(0px);
z-index: 1000; bottom: 51px;
text-align: center;}
.mfp-iframe-holder .mfp-content {
max-width: 1200px;
}