@charset "utf-8";
/* CSS Document */

@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('../fonts/BaristaLight.eot?#iefix') format('embedded-opentype'), url('../fonts/BaristaLight.otf') format('opentype'), url('fonts/BaristaLight.woff') format('woff'), url('../fonts/BaristaLight.ttf') format('truetype'), url('fonts/BaristaLight.svg#BaristaLight') format('svg') ;
	font-weight: normal ;
	font-style: normal ;
}


@font-face {
  font-family: 'Photoshoot';
  src: url(../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 ;
	/*padding-right: 40px ;*/
}

.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 ;
}


.box {
    background: #eee;
    padding: 20px 40px;
    text-align: left;
}



.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====*/
.hello-bar{
	width:100%;
	background: #DAA628;
	text-align: center;
	position: relative;
	z-index: 1;	
	/*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;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;*/
	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{
	/*float: left;*/
	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{
	/*float: left;*/
	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{
	/*float: left;*/
	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-image: url(../images/headerBg.jpg); */
	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; /* Adjust size */
    height: 80px; /* Adjust size */
    margin-left: 10px; /* Space between text and icon */
    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 ;
}

/*.btnS:before {*/
/*content: "" ;*/
/*  position: absolute ;*/
/*  z-index: -1 ;*/
/*  bottom: 0 ;*/
/*  background: #daa627 ;*/
/*  height: 4px ;*/
/*	width: 100% ;*/
/*}*/



/* Underline From Center */
/*.btnS {*/
/*  display: inline-block ;*/
/*  vertical-align: middle ;*/
/*  -webkit-transform: perspective(1px) translateZ(0) ;*/
/*  transform: perspective(1px) translateZ(0) ;*/
/*  box-shadow: 0 0 1px rgba(0, 0, 0, 0) ;*/
/*  position: relative ;*/
/*  overflow: hidden ;*/
/*}*/
/*.btnS:after {*/
/*  content: "" ;*/
/*  position: absolute ;*/
/*  z-index: -1 ;*/
/*  left: 51% ;*/
/*  right: 51% ;*/
/*  bottom: 0 ;*/
/*  background: #000 ;*/
/*  height: 4px ;*/
/*  -webkit-transition-property: left, right ;*/
/*  transition-property: left, right ;*/
/*  -webkit-transition-duration: 0.3s ;*/
/*  transition-duration: 0.3s ;*/
/*  -webkit-transition-timing-function: ease-out ;*/
/*  transition-timing-function: ease-out ;*/
/*}*/
/*.btnS:hover:after, .btnS:focus:after, .btnS:active:after {*/
/*  left: 0 ;*/
/*  right: 0 ;*/
/*}*/


.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(../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(../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(../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; /* Animation name, duration, and repeat */
}
.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);
    /* width: 100%; */
    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("../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; /* Fully visible */
    }
    50% {
        opacity: 0; /* Hidden */
    }
}


@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;
}

}
/*Medium devices (tablets, 768px and up)*/
@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 ;
	}
	
}

/*Small devices (landscape phones, 576px and up)*/
@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 ;}
}


/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
/*.brand {
    max-width: 200px ;
}*/
.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(../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;
}	
}

	
/**Additional*/
.owl-carousel .owl-item img{width:auto ;}


/*----- Blog Section -----*/
.blog-main-tittlesection {
    padding-top: 145px;
   background: #f9f9f9; 
    height: 290px;
}
.blog-main-tittlesection .blog-tittle {
    text-align: center;
    margin-bottom: 35px;
}
/*#home-blog-section {*/
/*    padding: 70px 0 50px ;*/
/*}*/
.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 {*/
/*    padding: 20px 0;*/
/*}*/
.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 ; 
   }
    /*#home-blog-section {*/
    /*    padding: 50px 0 24px ;*/
    /*}*/
    .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 ; 
   }
    /*#home-blog-section {*/
    /*    padding: 55px 0 30px ;*/
    /*}*/
    #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 ; 
   }
    /*#home-blog-section {*/
    /*    padding: 60px 0 30px ;*/
    /*}*/
    .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-left: 20px; */
    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: 1px solid #daa62821; */
    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;
}
/*.welcome-content a{*/
/*	font-size: 21px;*/
/*	color: #000000;*/
/*	padding-bottom: 7px;*/
/*	text-decoration: none;*/
/*}*/
.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 { /* Chrome/Opera/Safari */
    line-height: 1.5;
}
.apply-form .wpcf7 .form-control::-moz-placeholder { /* Firefox 19+ */
    line-height: 1.5;
}
.apply-form .wpcf7 .form-control:-ms-input-placeholder { /* IE 10+ */
    line-height: 1.5;
}
.apply-form .wpcf7 .form-control:-moz-placeholder { /* Firefox 18- */
    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("../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;
}