/*
Theme Name: ORROVIA
Version: 2.6.2
Author: R B P
*/


* {
margin:0;
padding:0;
  box-sizing: border-box;
}
 
/* End demo styles */

body{padding:0px; margin:0px;font-family: "Poppins", sans-serif;overflow-x: hidden;

    font-weight:400; color:#000; line-height:normal; background:#fff;}
	
a{text-decoration:none;	outline:none;}

img { margin: 0; height:auto; max-width: 100%; padding: 0;  border:0;}

h1, h2, h3, h4, h5, h6{	margin:0px;	padding:0px; font-weight:normal;}

ul, ol{list-style-type:none; margin: 0; padding: 0;} 

.header-top{ background: #f4e3af; line-height: 47px; color: #434348; text-align: left; font-size: 14px;}

.header-top span{ padding: 0 15px;}

.header-top img{margin: 0 5px 0 0;}

.header-top a{color: #434348; transition: all 0.3s;}

.header-top a:hover{color: #000;}

.hearderright{text-align: right;}

.hearderright a{ color: #876500;}

.header-wrap{ background: #14120f; padding: 5px 0;  }


/*---------------slider---------------*/

/*---------------slider---------------*/
.banner{ width:100%; margin:0; height:auto; background: url("images/bannerbg.jpg") 0 0 repeat-x; background-size: 100% 100%;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}


/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0;  position: relative;  }
 

/* Direction Nav */
.flex-direction-nav {display: none;}


/* Control Nav */
.flex-control-nav { display: none;}


.sliderimg {float:left; width:100%; } 

.bannertext h2{font-size: 16px; color: #bb8e43; padding: 150px 0 0;}

.bannertext h3{font-size: 60px; color: #090d22; font-weight: bold;}

.bannertext h3 strong{display: block; font-weight: bold;}

.bannerbtn1{width: 180px; line-height: 54px; color: #fff; background: #bb8e43; text-align: center; display: inline-block; border-radius:5px; text-transform: uppercase; font-weight: 600; margin: 25px 0 0 ;}

.bannerbtn1:hover{ background: #14120f;}

.banner-btm{width: 100%; background: #fffefa; padding: 150px 0 20px;}

.box2{margin-bottom: 30px;}

.home-product{width: 100%; background: #fffefa; padding: 50px 0; text-align: center;}

.home-product h2{font-size: 60px; color: #090d22; font-weight: bold; padding: 0 0 30px; }

.home-product img{width: 100%;}

.productbtn1{ line-height: 54px; color: #fff; background: #14120f;; text-align: center; display: inline-block; border-radius:5px; text-transform: uppercase; font-weight: 600; padding: 0 50px; margin: 50px 0 0;}

.productbtn1:hover{ background: #bb8e43;}

.deal-wrap{ background: #b1f1ff; padding: 25px 0px}

.deal-wrap h2{font-size: 18px; color: #0c0905; padding: 50px 0 0; }

.deal-wrap h3{font-size: 52px; color: #090d22; font-weight: 600;  padding: 15px 0;}

.deal-wrap h4{color: #ff565d; font-size: 60px; font-weight: 900}

.deal-wrap h4 sup{font-size: 18px; font-weight: normal; background:#ff565d; color: #fff; padding: 5px; border-radius: 5px; }


.btn3{ line-height: 50px; color: #fff; background: #bb8e43; padding: 0 25px; text-align: center; display: inline-block; border-radius:5px; text-transform: uppercase; font-weight: 600; margin: 25px 0 0 ; transition: all .3s ease;}

.btn3:hover{ background: #ff565d; color: #fff;} 


.blogtop-wrap{ background: #bb8e43; padding: 100px 0; text-align: center; font-size: 16px; color: #0c0905;}

.blogtop-wrap h2{font-size: 18px; color: #0c0905;  text-transform: uppercase;}

.blogtop-wrap h3{font-size: 58px; color: #fff; font-weight: 900; text-transform: uppercase; padding: 15px 0;}

.btn2{width: 160px; line-height: 50px; color: #0c0905; background: #fffdf8; text-align: center; display: inline-block; border-radius:5px; text-transform: uppercase; font-weight: 600; margin: 25px 0 0 ;}

.btn2:hover{ background: #0c0905; color: #fff;} 

.footer-top-wrap{ background: #171615; width: 100%; display: block; padding: 80px 0 55px; color: #8f9191; font-size: 15px; border-bottom: 1px solid #2f2e2d;}

.footer-top-wrap a{color: #8f9191;}

.footer-top-wrap a:hover{color: #ff9500; text-decoration: none;}

.footer-top-wrap .f-icon1{background: url("images/f-icon1.png") 0 5px no-repeat; padding: 0 0 15px 30px;}

.footer-top-wrap .f-icon2{background: url("images/f-icon2.png") 0 5px no-repeat; padding: 0 0 15px 30px;}

.footer-top-wrap .f-icon3{background: url("images/f-icon3.png") 0 5px no-repeat; padding: 0 0 15px 30px;}

.footer-top-wrap h4{font-size: 18px; text-transform: uppercase; font-weight: bold; color: #fff; padding-bottom: 20px;   }

.footerbtm-wrap{ background: #171615; width: 100%; display: block; padding: 20px 0; color: #8f9191; font-size: 15px;  }

.footerbtm-wrap h4{font-size: 18px; font-weight: bold; color: #fff; padding-bottom: 20px;  }  

.footerbtm-wrap .inputbox{ color: #bcbcbc!important; font-size: 15px; line-height: 46px; padding: 0 15px; border: 2px solid #2d2d2d; background: none; border-right: 0;}

.sub-btn{background:#c1a245; width:117px; line-height: 50px; border: 0; cursor: pointer; font-size: 14px; border-radius: 0 5px 5px 0; margin-left: -5px; }

.footer{ background: #01030e; width: 100%;  padding: 20px 0;  color: #e9e9e9; font-size: 14px; line-height: normal;}

.footer a{color: #e9e9e9;}

.footer a:hover{color: #c1a245;}

.alignright{text-align: right;}



.fade-up { 
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}

/*social hover*/

:root {
  --primary-color: #c1a245;
  --gradient-color: linear-gradient(180deg, #d2ff00 0%, #00d2ff 100%);
}


 
/* Social Box */
.social-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 0.75rem 0.25rem; width: 75%;
}

.social-box .item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  aspect-ratio: 1;
  font-size: 1.5rem;
  color: #c5c5c5;
  background-color: #242529;
  border-radius: 50px;
  transition: color 0.15s ease-in,
    box-shadow 0.75s cubic-bezier(0.74, 0.01, 0.02);
}

.social-box .item svg {
  transition: transform 0.75s ease-in-out;
}

@property --fill-color {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 0%;
}

.social-box .item:hover {
  color: var(--primary-color);
  --fill-color: 100%;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 1);
}

.social-box .item:hover svg {
  transform: scale(1.25);
}

.social-box .item::after {
  position: absolute;
  z-index: -1;
  content: "";
  inset: -3px;
  border-radius: inherit;

  background: conic-gradient(
    var(--primary-color) var(--fill-color),
    transparent var(--fill-color)
  );
  transition: --fill-color 0.75s ease-in-out;
}


/*innerpages*/
.banner-inner{  min-height: 100px; width:100%; display:block; position:relative;}

.banner-inner img{width:100%; height:auto;}


.innerbannertext{position:absolute; left:0; bottom:5%; text-align:left; width:100%; }

.innerbannertext h2{font-size:30px; color:#000;}  

.innerbannertext p{font-size: 18px; color: #fff;}

.innerbannertext a{color: #fff;}

.innerbannertext a:hover{text-decoration: none;}


.mainbody-inner{width: 100%; padding: 50px 0;}

.mainbody-inner h2{ color: #000; font-size: 36px; padding-bottom: 10px; font-weight: bold; text-align: left;}

 
.mainbody-inner h3{ font-size:18px; color:#000; margin-bottom:5px;   }

.mainbody-inner h4{ font-size:16px; color:#8f0335; margin-bottom:15px; padding-top: 25px;   }

.mainbody-inner h4 strong{ color:#001070; }

.mainbody-inner p{font-size:18px; color:#121833; line-height:30px; text-align:justify; margin-bottom: 20px;  } 

.mainbody-inner .wp-block-image.is-style-circle-mask img, .mainbody-inner .wp-block-image.is-style-rounded img{border-radius:15px!important;}

.mainbody-inner ul{margin-bottom: 30px;}

.mainbody-inner ul li{background:url(images/icon.png) 0 8px no-repeat; font-size:18px; color:#000; line-height:30px; text-align:justify; margin-bottom:10px; padding:0 0 0 30px;}

.alignleft { float: left; margin: 0 30px 30px 0;}


.contactpage h2{background: url("images/border.jpg") center bottom no-repeat; text-align: center; font-size: 35px; font-weight: normal;line-height: normal; padding-bottom: 25px; margin-bottom: 25px;}

.contactpage p{text-align: center !important; padding-bottom: 20px !important;}

.contactbox{border: 1px solid #dae2ef; border-bottom: none; text-align: center; padding: 10px 5px;}

.contactbox h3{font-size: 25px; padding: 15px 0;}

.map{ width:100%; height:510px; display:inline-block; vertical-align:top; margin:42px 0; border:5px solid #dae2ef;}

.map iframe{ width:100% !important; height:100% !important;}


.input-text{ border:2px solid #dfdfdf; background:none; line-height:50px; height: 50px; padding:0 4%; width:92%; margin-bottom:5px; color:#333; font-size:18px; font-weight:300;  transition:all 0.3s ease;}

.input-text:focus{
  box-shadow: 0 0 5px rgba(59, 59, 59, 0.5);
}

.text-area{ border:2px solid #dfdfdf; background:none; height:116px; line-height:50px; padding:0 4%; width:92%; margin-bottom:5px; color:#000; font-size:18px; font-weight:normal;   transition:all 0.3s ease; }

.text-area:focus{
  box-shadow: 0 0 5px rgba(59, 59, 59, 0.5);
}

.btnsend{background:#1a667f; width:100%; text-align:center; text-transform:uppercase; font-weight:500; border:0; height:53px; font-size:20px; color:#fff; cursor:pointer;  transition:all 0.3s ease; font-weight:bold; }

.btnsend:hover{background:#369abb; color:#fff; }

.contactformheading{font-size: 25px !important; text-align: center; text-transform: uppercase; margin:15px 0 25px!important;}

/*woocommerce*/

/*.woocommerce ul.products li.product .button{color:#fff; background:#bb8e43;  border-radius:10px; left:0; right:0; margin:auto; bottom:10%; transition:all 0.3s ease;}

.woocommerce ul.products li.product .button:hover{color:#fff; background:#000; text-decoration:none;}*/

.woocommerce ul.products li.product .button{ line-height: 35px; color: #fff; background: #bb8e43; text-align: center; display: inline-block; border-radius:5px; text-transform: uppercase; font-weight: 600; transition:all 0.3s ease;  }

.woocommerce ul.products li.product .button:hover{ background: #14120f;}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.bannertext h3{font-size: 40px;}
	.home-product h2{font-size: 40px;}
	.deal-wrap h3{font-size: 40px;}
	.blogtop-wrap h3{font-size: 40px;}
}

 @media screen and (max-width: 768px) {
	 .bannertext h2{padding: 50px 0 0;}
	.header-top{line-height: 30px;}  
	.hearderright{text-align: center;} 
	 .bannertext h3{font-size: 30px;}
	 .deal-wrap h3{font-size: 30px;}
	 .home-product h2{font-size: 30px;}
	 .blogtop-wrap h3{font-size: 30px;}
	 .footer-top-wrap h4{padding-top: 25px;}
	 .footerbtm-wrap h4{padding-top: 25px;}
	 .sub-btn{width: 60px;}
	 .footer-top-wrap{padding: 40px 0;}
	 .footer{text-align: center;}
	 .alignright{text-align: center;}
}