/*
1 - Share Icons
2 - Social Icons
3 - Search Field
4 - Price Table
5- 	Portfolio
6 - Testimonials
7 - Staff Member
8 - Staff Member Single
9 - Contact Form 7
 /******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	1 - Body Text
																		
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 
@font-face {
	
  font-family: "fontsite";
  
  src: url("../../../fonts/fontsite.woff2?44") format("woff2") ;
  font-weight: normal;
  font-style: normal; 
}
  :root{
 	--rd-fn-icn:95px;
	--rd-fn-lg:28px;
	--rd-fn-lg-li-ht:16px;
	--rd-fn-md:17px;
	--rd-fn-sm:14px;
 	--rd-fn-md-li-ht:2.1em;
	--rd-mg-tp:17px;
	--rd-pd:00px;
  
}
	.sao_options ,
	.sao_page_builder,
	
	.sao_options input,
	.sao_options select,
	.sao_options textarea,

 	 .sao_element_perview  h1,
	 .sao_element_perview  h2,
	 .sao_element_perview  h3, 
	 .sao_element_perview  h4, 
	 .sao_element_perview  h5,  
	  .sao_element_perview  h6,
	 .sao_element_perview  .sao_model ,
	 .sao_element_perview  .sao_model *{
		font-family:var(--rd-fn-fm);
	}
	
	  
   .sao_element_perview  .rd-perview-header{
	   color:#ffffff !important;
font-size: 25px !important;
text-align: center !important;
display: inline-block !important;
width: 100%;
margin: 0 0 10px;
   }
      .sao_element_perview  .rd-align-left{
	--rd-ag:left;
}
   .sao_element_perview .rd-align-right{
	--rd-ag:right;
}
   .sao_element_perview .rd-align-center{
	--rd-ag:center;
}
   .sao_element_perview .rd-align-justify{
	--rd-ag:right;
	--rd-ag-justify:justify;
	
}
/**************************************Form *************************************/
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Body
																		
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 
 .sao_element_perview button,
 .sao_element_perview .button,
 .sao_element_perview .faux-button,
 .sao_element_perview .wp-block-button__link, 
 .sao_element_perview .wp-block-file .wp-block-file__button,
 .sao_element_perview input[type="button"],
 .sao_element_perview input[type="reset"],
 .sao_element_perview input[type="submit"],
  .sao_element_perview #submit,
  .sao_element_perview table.cart .add_to_cart_button{
    font-family:inherit;
     display: inline-block;
    padding:0.65em 1.3em ;
    vertical-align: middle;
	box-shadow: none;
    overflow: hidden;
	font-size: var(--rd-btn-fn-sz,15px);
    font-weight: var(--rd-btn-fn-wt,500);
	text-transform:var(--rd-btn-fn-tr,none);
    text-decoration: none;
	border:none ;
	color:var(--rd-primary-txt) ;
	background:var(--rd-primary-bg) ;
    text-align: center;
    cursor: pointer;
	
	line-height: 1.5em;
	height:auto;
	border-radius:var(--rd-btn-rd);
    white-space: nowrap;
		min-height:var(--rd-input-ht,42px);

    transition: all 300ms linear;
 
	
}
 .sao_element_perview  button:hover,
   .sao_element_perview .button:hover,
  .sao_element_perview .faux-button:hover,
  .sao_element_perview     button.button:hover,
    .wp-block-button__link:hover, 
   .sao_element_perview  input[type="button"]:hover,
  .sao_element_perview input[type="reset"]:hover,
  .sao_element_perview   input[type="submit"]:hover,
 .sao_element_perview  #submit:hover{
	background-color:var(--rd-primary-hv-bg) !important;
  }
 
 
 .sao_element_perview .input-text,
 .sao_element_perview input[type="email"],
 .sao_element_perview input[type="password"],
 .sao_element_perview input[type="search"],
 .sao_element_perview input[type="text"],
 .sao_element_perview input[type="url"],
 .sao_element_perview textarea {
    padding:0 1.214em ;
    width: 100%;
	border-radius:var(--rd-main-btn-rd,var(--rd-btn-rd));

    line-height: 1.336em;
 }

 
 .sao_element_perview  label{
	font-size: var(--rd-form-fn-sz,15px);
    font-weight: var(--rd-form-fn-wt,400);
	text-transform:var(--rd-form-fn-tr,none);
	color: var(--rd-main-lk,#626568);
	line-height: 1.5em;
	display: block;
	margin-bottom: 5px;
 }
 
 .sao_element_perview input {
     border: 0 none;
    font-family: inherit;
		color:var(--rd-form-txt,var(--rd-main-txt,inherit));
    font-size: var(--rd-form-fn-sz,15px);
    font-weight: var(--rd-form-fn-wt,400);
	text-transform:var(--rd-form-fn-tr,none);
    padding: 0 10px;
     font-family:inherit;display: block;
	 text-align:right;
    line-height: var(--rd-input-ht,42px);
    height: var(--rd-input-ht,42px);
    min-height: var(--rd-input-ht,42px);
	border-radius:var(--rd-main-btn-rd,var(--rd-btn-rd));
	border:none !important;
	box-shadow: 0 0 0 2px var(--rd-main-br-cr) inset;
    background:  var(--rd-form-bg,var(--rd-post-bg));
}

  .sao_element_perview input[type="checkbox"] {
    display: inline-block;
    width: auto;
    margin-left: 10px;
	box-shadow:none !important;
    display: block;
    height: 1.75em;display: block;
    float: right;
}
 .sao_element_perview textarea {
    padding: 10px;
    border-radius: 0px;
	height:var(--rd-textarea-ht,200px);
	border-radius:var(--rd-main-rd);
    background:  var(--rd-form-bg,var(--rd-post-bg));
    font-family: inherit;
	border:none !important;
	box-shadow: 0 0 0 2px var(--rd-main-br-cr) inset !important;
max-width: 100%;
 	color:var(--rd-form-txt,var(--rd-main-txt,inherit));
    font-size: var(--rd-form-fn-sz,15px);
	line-height:2em;
    font-weight: var(--rd-form-fn-wt,400);
	text-transform:var(--rd-form-fn-tr,none);		
display: block;
}

 .sao_element_perview select  {
    padding: 0px 10px 0 25px;
    line-height: 40px;
	overflow:hidden;
    font-size: var(--rd-form-fn-sz,15px);
    font-weight: var(--rd-form-fn-wt,400);
	text-transform:var(--rd-form-fn-tr,none);
    -webkit-appearance: none;max-width: 100%;
    cursor: pointer;display: block;
	 text-align:right;
    -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23788898%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");

    background-repeat: no-repeat;
    background-color: var(--rd-form-bg,var(--rd-post-bg));
	background-size:10px;
    height: var(--rd-input-ht,42px);
   min-height: var(--rd-input-ht,42px);
	border-radius:var(--rd-btn-rd);
    line-height: var(--rd-input-ht,42px);
		color:var(--rd-form-txt,var(--rd-main-txt,inherit));

    background-position: left 10px center;
	border:none !important;
			box-shadow: 0 0 0 2px var(--rd-main-br-cr,rgba(118, 128, 138, 0.15)) inset;

     font-family: inherit;
 }
 
 .sao_element_perview textarea:focus-visible,
 .sao_element_perview select:focus-visible,
 .sao_element_perview input:focus-visible{
	outline:none !important;
	border:none !important;
	box-shadow:0 0 0 2px var(--rd-main-hl) inset !important;
	
} 
 

/**************************************socail Icon *******************************/
 .sao_element_perview  [class*='rd-social-icon'] {
	  text-align:var(--rd-ag,center);
  }
 
 .sao_element_perview  [class*='rd-social-icon'] > a{
	  font-size:var(--rd-scl-sz,1.5em);
	  height:1em;
	  line-height:1em;
	  margin:var(--rd-scl-mr,8px);
     float: none!important;
    vertical-align: top;
	cursor:pointer;
	text-align:center;
    display: inline-block;
  }
  
  
 .sao_element_perview [class*='rd-social-icon'] > a::before{
	 content:var(--rd-scl);
	 font-size:1em;
	 font-family:'fontsite';
	transition: all 300ms;
	 font-style:normal;
	 color:var(--rd-scl-txt);
	 
 }
 .sao_element_perview  [class*='rd-social-icon'] > a:hover::before{
	 color:var(--rd-scl-hv-txt,var(--rd-scl-txt,var(--rd-main-hv-lk)));
 }
  .sao_element_perview .rd-social-icon-style-2 > a:before{
	  background: var(--rd-scl-bg,transparent);
		 width: 2em;
		 border-radius:var(--rd-scl-rd,0px);
		font-size: 0.5em !important;
		height: 2em;
		float: right;box-shadow: 0 0 0 1px var(--rd-scl-br--rd-mobbar-hv-lk,var(--rd-scl-txt)) inset;
	 color:var(--rd-scl-txt,var(--rd-main-lk));
 }
 .sao_element_perview .rd-social-icon-style-3 > a:before{
	  background:var(--rd-scl-bg,none);
		 width: 2em;
		 border-radius:var(--rd-scl-rd,0px);
		font-size: 0.5em !important;
		height: 2em;
		float: right;
		
		color:#ffffff !important;
 }
 .sao_element_perview .rd-social-icon-style-2 > a:hover::before,
 .sao_element_perview  .rd-social-icon-style-3 > a:hover::before{
	background:var(--rd-primary-bg) !important;
	color:var(--rd-primary-txt) !important;
	box-shadow:none !important;
 }
 
 
.rd-el-share,
 .rd-el-social{
	 font-size: var(--rd-fn-md);
 	 --rd-scl-mr:calc(var(--rd-gp,var(--rd-fn-md) / 2) / 2);
 }
 /************************************** Search **************************************/
 
  .sao_element_perview  .rd-searchfield{
--rd-srh-ft:var(--rd-ag,center); 
  --rd-srh-ht:50px;
 --rd-srh-txt-bg:var(--rd-post-bg);;
--rd-srh-txt-txt:var(--rd-main-txt);
   --rd-srh-br-cr:var(--rd-main-br-cr);
  --rd-srh-btn-bg: var(--rd-primary-bg);
--rd-srh-btn-txt: var(--rd-primary-txt);
--rd-srh-btn-hv-bg: var(--rd-primary-hv-bg);
--rd-srh-btn-hv-txt: var(--rd-primary-txt);
   text-align:var(--rd-ag,center);
    --rd-srh-rd:var(--rd-btn-rd);
   }
   
 .sao_element_perview   .rd-search {
    height: var(--rd-srh-ht);
    line-height: var(--rd-srh-ht);
     position: relative;
    float: var(--rd-srh-ft,right);
    display: inline-grid; 
    width: var(--rd-srh-wt,100%);
	font-size:var(--rd-srh-fn-sz,14px);
	font-weight:var(--rd-srh-fn-wt,400);
	text-transform:var(--rd-srh-fn-tr,none);
 	box-shadow: 0 0 0 2px var(--rd-srh-br--rd-mobbar-hv-lk,transparent);
	border-radius:var(--rd-srh-rd,00px) !important;
	overflow: hidden;
 }
 .sao_element_perview   .rd-search select{
	  font-size:inherit !important;
    height: var(--rd-srh-ht);
	box-shadow:none !important;
	line-height:var(--rd-srh-ht);
	background-color:var(--rd-srh-cat-bg,#444444) !important;
	border: none !important;
	box-shadow:2px 0px 0px 0px rgba(128, 128, 128, 0.15) inset !important;
	color:var(--rd-srh-cat-txt) !important;
	border-radius:var(--rd-srh-cat-rd,0px) !important;
   }
 .sao_element_perview  .rd-search select:hover{
	opacity:.8;
	transition: all 300ms;
}
 .sao_element_perview  .rd-search input {
	width: 100%;
	box-shadow:none !important;
	border:none !important;
	padding: 0 1em !important;
	background-color:var(--rd-srh-txt-bg,#f2f6f9) !important;
	color:var(--rd-srh-txt-txt,#20282f) !important;	
    line-height:inherit !important;
	font-weight: inherit;
	height:100% !important;
	font-size:inherit !important;
	border-radius:var(--rd-srh-txt-rd,0px) !important;
} 
 .sao_element_perview  .rd-search  > input::placeholder{
	 opacity:0.75  !important;
 }

 
 .sao_element_perview  .rd-search button {
    cursor: pointer;
    float: left;
    padding: 0px !important;
    color: #fff;
    background: #000000;
	font-weight: inherit !important;
	text-transform:inherit !important;
	line-height:inherit !important;
	font-size:inherit !important;
	padding:0 1em !important;
    border-radius: 0px;
    border: none !important;
	padding: 0px !important;
	background-color:var(--rd-srh-btn-bg) !important;
	color:var(--rd-srh-btn--rd-mobbar-hv-lk,#ffffff) !important;		
    height: 100%;
    border-radius: 0px !important;
    border: 0;
    width: 100%;
	border-radius:var(--rd-srh-btn-rd,0px) !important;
}
   
 .sao_element_perview  .rd-search button:hover{
		background-color:var(--rd-srh-btn-hv-bg) !important;
 }
 
 
 .sao_element_perview  [class*='search'][class*='-text']  .rd-search {
     grid-template-columns: auto 6em;
	
}

 .sao_element_perview  [class*='search'][class*='-text'].rd-search-woo  .rd-search{
	grid-template-columns:11em auto 6em;
}


 .sao_element_perview  [class*='search'][class*='-icon']  .rd-search {
    grid-template-columns: auto var(--rd-srh-ht);
}
 .sao_element_perview  [class*='search'][class*='-icon'].rd-search-woo  .rd-search{
	grid-template-columns:11em auto  var(--rd-srh-ht);
}
 /** Icon ************/
 .sao_element_perview  [class*='search'][class*='-icon']  .rd-search  button::before {
	font-family: 'fontsite';
	content:   '\F040';
    display: inherit;transform: scaleX(-1);
    color: inherit !important;
    width: calc(var(--rd-srh-ht)) !important;
    position: absolute;
    padding: 0px;
    height: var(--rd-srh-ht) !important;
    font-size: calc(var(--rd-srh-ht)/2.2);
     font-style: normal;
    top: 0;
    line-height: var(--rd-srh-ht);
}
 
/**************** '****************************/
 
   
 .sao_element_perview   .rd-gap-warp{
 		width:calc(100% + var(--rd-gp,0px)) !important;
	  margin:calc(var(--rd-gp,0px) / -2);
	  float:right;overflow: hidden;
	  position:relative;
 }
  .sao_element_perview   .rd-gap-0px{
	--rd-gp:0px !important;
	--rd-gp-sd:0px;
	--rd-gp-sp:1px;
}
 .sao_element_perview .rd-gap-2px{
	--rd-gp:2px !important;
	--rd-gp-sd:0px;
	--rd-gp-sp:1px;
	
}
 .sao_element_perview  .rd-gap-5px{
	--rd-gp:5px !important;
	--rd-gp-sd:2.5px;
	--rd-gp-sp:0px;
	
}
 .sao_element_perview  .rd-gap-10px{
	--rd-gp:10px !important;
	--rd-gp-sd:5px;
	--rd-gp-sp:0px;
	
}
 .sao_element_perview  .rd-gap-15px{
	--rd-gp:15px !important;
	--rd-gp-sd:7.5px;
	--rd-gp-sp:0px;
	
}
 .sao_element_perview .rd-gap-20px{
	--rd-gp:20px !important;
	--rd-gp-sd:10px;
	--rd-gp-sp:0px;
	
}
 .sao_element_perview  .rd-gap-30px{
	--rd-gp:30px !important;
	--rd-gp-sd:10px;
	--rd-gp-sp:0px;
	
}
 .sao_element_perview  .rd-gap-40px{
	--rd-gp:40px !important;
	--rd-gp-sd:10px;
	--rd-gp-sp:0px;
	
}
 .sao_element_perview  .rd-gap-60px{
	--rd-gp:60px !important;
	--rd-gp-sd:10px;
	--rd-gp-sp:0px;
	
}
@media (max-width: 1024px) {
 .sao_element_perview  .rd-gap-20px,
 .sao_element_perview  .rd-gap-30px{
	--rd-gp:10px !important;
	--rd-gp-sd:5px;
	--rd-gp-sp:0px;
	
}

 .sao_element_perview  .rd-gap-40px,
 .sao_element_perview  .rd-gap-60px{
	--rd-gp:20px !important;
	--rd-gp-sd:10px;
	--rd-gp-sp:0px;
	
	
}
}
 
 .sao_element_perview .wpcf7-form  > *,
 .sao_element_perview .wpcf7-form [class*="col-1"]{	
	position:relative;
	float:right;
	margin: calc(var(--rd-gp,0px) / 2);
	width: calc(var(--rd-form-wt,100%) - var(--rd-gp));
}
 .sao_element_perview .wpcf7-form .col-1-1 {
    --rd-form-wt: 100% ;
}

 .sao_element_perview .wpcf7-form .col-1-2 {
    --rd-form-wt: 50% ;
}

 .sao_element_perview .wpcf7-form .col-1-3 {
    --rd-form-wt: 33.331%;
}


 .sao_element_perview .wpcf7-form .col-1-4 {
	
        --rd-form-wt: 25% ;
}

 .sao_element_perview .wpcf7-form .col-1-5 {
        --rd-form-wt: 20%;
}

 .sao_element_perview .wpcf7-form .col-1-6 {
        --rd-form-wt: 16.661%;
}

 .sao_element_perview .wpcf7-form .col-1-7 {
        --rd-form-wt: 14.281%;
}

 .sao_element_perview .wpcf7-form .col-1-8 {
    --rd-form-wt: 12.5%;
}
@media (max-width: 1024px) {
 .sao_element_perview	.wpcf7-form .col-1-1,
 .sao_element_perview .wpcf7-form .col-1-2,
 .sao_element_perview .wpcf7-form .col-1-3,
 .sao_element_perview .wpcf7-form .col-1-4,
 .sao_element_perview .wpcf7-form .col-1-5,
 .sao_element_perview .wpcf7-form .col-1-6,
 .sao_element_perview .wpcf7-form .col-1-7,
 .sao_element_perview .wpcf7-form .col-1-8{
 	--rd-form-wt:100% ;
 	
}
}
 
 .sao_element_perview .wpcf7-submit.full{
	width:100% !important;
	 
 } 
 	    