/*   
Theme Name: Royal Elementor
Theme URI: http://www.royaltechbd.com
Description: This is just a customize theme from Royal Technologies.
Author: S M Mehdi Akram
Author URI: http://www.shamokaldarpon.com
Version: 2025.05.13
Text Domain: royaltech
Domain Path: /languages
*/

/* WordPress Core------------------------------------------------- */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}
body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: var(--bodycolor);
  background-color: var(--bodybackground);
}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}


:root {
  --animate-duration: 1.5s;
  --animate-delay: 1.5s;
}

::placeholder{
    color: #afacac;
}

/* Royal Theme ------------------------------------------------- */
a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  -webkit-text-decoration-skip: objects;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  color:var(--anchorcolor);
}
a:active,
a:hover {
    outline: 0
}

a img,
img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

button,
select {
    text-transform: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input:focus {
    outline: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    appearance: button;
    cursor: pointer;
    border: none;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    padding: 0 15px;
    border: none;
    width: 100%;
    -webkit-appearance: textfield;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

textarea {
    padding: 10px 15px;
    resize: none;
    overflow: auto
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td,
th {
    padding: 0
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}


::-webkit-input-placeholder {
    color: inherit;
    opacity: 1
}

::-moz-placeholder {
    color: inherit;
    opacity: 1
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

:-moz-placeholder {
    color: inherit;
    opacity: 1
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus:-moz-placeholder {
    color: transparent
}

input:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder {
    color: transparent
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ie9 img[src$=".svg"] {
    width: 100%
}


/* Royalpreloader Start */
#royalpreloaderwrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  display: flex;
  justify-content: center;
  align-items: center;  
}

#royalpreloaderwrapper .loadersection {
  position: fixed;
  top: 0;
  width: 50%;
  height: 100%;
  background: #fff;
  z-index: 1000;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

#royalpreloaderwrapper .loadersection.sectionleft {
  left: 0;
}

#royalpreloaderwrapper .loadersection.sectionright {
  right: 0;
}

#loader {
  z-index: 99999;
}


.royalpreloaded #royalpreloaderwrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

.royalpreloaded #royalpreloaderwrapper .loadersection.sectionleft {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.royalpreloaded #royalpreloaderwrapper .loadersection.sectionright {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.royalpreloaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}


.royalspinning {
	animation: rotateyanim 2s linear infinite;
	width: 150px;
	height: auto;
	margin: 20px;
}

@keyframes rotateyanim {
	0% {
		transform: rotateY(0deg);
	}

	100% {
		transform: rotateY(360deg);
	}
}
/* Royalpreloader End */

.fix{overflow: hidden;}
.displayblock{display: block!important;}
.desktopshow{display: block!important;}
.desktophide{display: none!important;}
.textleft{text-align: left!important;}
.margintop85{margin-top: 85px;}
.marginbottom10{margin-bottom: 10px;}
.left49{float: left; width: 49%;}
.right49{float: right; width: 49%;}

.container {
  max-width: var(--contentwidthdesktop);
  margin: 0 auto;
}

h3.hometittle {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 12px;
    color: #000;
}


.titlebg {
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding: 15px 0;
    text-align: center;
}

.titlebg:after {
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background: var(--color1st);
    bottom: 0px;
    left: 50%;
    transform: translate(-50%,-50%);
}


.videowrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.header,
.headertop,
.logo,
.productcatmenu span{
  -webkit-text-decoration-skip: objects;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

.header{
  z-index: 9998!important;
}

.menuboxshadow{
	box-shadow: 0px 7px 12px 0px #8590943b
}


/* royalsticky1 START*/
.royalscrollingup .headertop{
  position: sticky;
  -webkit-text-decoration-skip: objects;
  -webkit-transition: all .5s ease-in-out;
  transition: all 0.5s ease-in-out 0s;
  transform: translate3d(0px, 0%, 0px);
  top:0;
  z-index: 9998!important;
}

.royalscrollingup .header{
  position: sticky;
  -webkit-text-decoration-skip: objects;
  -webkit-transition: all .5s ease-in-out;
  transition: all 0.5s ease-in-out 0s;
  transform: translate3d(0px, 0%, 0px);
  top:0;
  z-index: 9998!important;
}

.royalscrollingup .desktopmenu{
  position: sticky;
  -webkit-text-decoration-skip: objects;
  -webkit-transition: all .7s ease-in-out;
  transition: all 0.7s ease-in-out 0s;
  transform: translate3d(0px, 0%, 0px);
  top:0;
  z-index: 9998!important;
}

.royalscrollingdown .header{
  -webkit-transition: all .5s ease-in-out;
  transition: all 0.5s ease-in-out 0s;
  transform: translate3d(0px, -100%, 0px); 
}

.royalscrollingdown .desktopmenu{
  -webkit-transition: all .7s ease-in-out;
  transition: all 0.7s ease-in-out 0s;
  transform: translate3d(0px, -100%, 0px);
}

/* royalsticky1 END*/


.relative {
  position: relative;
}

#login>.login-box{
  -webkit-animation: fadeInUp 1s 1;
  animation: fadeInUp 1s 1;
}

#login>.login-box .box .btn.filled a:hover,
#login>.login-box .box .btn a:hover{
    background: var(--color1st);
    color: var(--color4th);
}

#login>.login-box .box .btn a:hover{
    border-color: var(--color1st);
}

#login>.login-box .close>a:hover{
  color: var(--color1st);
}

#headersearch {
float: left;
}

#headersearch,
#login .user,
#shoppingcart .bag{
  background: transparent;
  color: var(--menuiconcolor);
  font-size: 17px;
  display: block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
}

#headersearch i,
#login .user i,
#shoppingcart .bag i {
  padding: 4px;
  border-radius: 50%;  
  overflow: hidden;
  -webkit-transition: background 0.6s, color 0.6s, box-shadow 0.6s;
  -moz-transition: background 0.6s, color 0.6s, box-shadow 0.6s;
  transition: background 0.6s, color 0.6s, box-shadow 0.6s;
}

#shoppingcart .bag span {
    position: absolute;
}

#headersearch i:after,
#login .user:after,
#shoppingcart .bag:after {
  display: none;
}

#headersearch i:hover,
#login .user:hover,
#shoppingcart .bag:hover {
  background: rgba(255,255,255,1);
  color: var(--color1st);
  box-shadow: 0 0 0 8px rgba(255,255,255,0.3);
}

#searchoverly, 
#royalsearchoverly {
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 999999999;
	top: 0;
	left: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.7);
	-webkit-animation: fadeInUp 1s 1;
	animation: fadeInUp 1s 1;  
}

.searchoverlycontent{
	position: relative;
	height: 100vh;
	width: 100vw;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.searchoverlycontent form{
	width: 50rem;
	display: flex;
    justify-content: center;
}

.searchoverlycontent form>:first-child {
  border-radius: 50px 0 0 50px;
}

#searchoverly .closebtn, 
#royalsearchoverly .closebtn{
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
  z-index: 999;
}

#searchoverly .closebtn:hover,
#royalsearchoverly .closebtn:hover {
  color: #ccc;
}

#searchoverly select#product_cat,
#royalsearchoverly select#product_cat{
  float: left;
  width: 20%;
  height: 54px;
  border-top: 0;
  padding: 15px 5px;
  border-bottom: 0;
}

#searchoverly select option,
#royalsearchoverly select option{
  padding: 15px;
}

#searchoverly input.searchbox,
#royalsearchoverly input.searchbox {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 70%;
  background: white;
  height: 54px;
}

#searchoverly input[type=text]:hover,
#royalsearchoverly input[type=text]:hover {
  background: #f1f1f1;
}

#searchoverly button,
#royalsearchoverly button {
  float: left;
  width: 10%;
  padding: 15px;
  background: var(--color1st);
  color:#fff;
  font-size: 17px;
  border: none;
  cursor: pointer;
  height: 54px;
  border-radius: 0 27px 27px 0;
}

#searchoverly button:hover,
#royalsearchoverly button:hover {
  background: var(--color2nd);
}

.header .container {
  width: auto;
}

.header img.logo {
    max-height: var(--logomaxheight);
    width: auto;
    max-width: 75%;
    height: auto;
}

.container-full {
  width: 100%;
  padding: 0 100px
}

.royalsticky2 .headertop{
  position: var(--headertopsticky);
  z-index: 999999;
  top: 0;
}

.headertop{

  overflow: hidden;
  background: var(--header_top_bg_color);
  color: var(--header_top_fg_color);

}

.headertop a{
  color: var(--header_top_fg_color);
}


.headertop  .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.headertop ul{
  text-align: right;
}

.headertop  ul li{
  display: inline-block;
  margin-left: 20px;
}

.headertop  ul li:first-child{
  margin-left: 0px;
}

.headertop ,
.headertop  ul li a{
  display: block;
  font-size: 16px;
}

.headertop ul li a i{
  font-size: 16px;
  margin-right: 5px;
}
.headertop .sub-menu {
    display: none;
}

.header {
  background:var(--headermiddlebg);
}

.header .left .search .input-text {
  color: #d2d2d2;
  width: 205px;
  height: 20px;
  float: left;
  background: none;
  padding: 0 15px 0 0
}

.header .left .search .submit {
  height: 20px;
  border-left: 1px solid #d2d2d2;
  padding: 0 12px;
  background: url(images/search-header.png) no-repeat 12px 0;
  width: 42px
}

.header .left .search .submit:hover {
  background: url(images/search-header.png) no-repeat 12px -20px
}

#login {
  margin-left: 10px;
  float: left;
  position: relative
}

#login+.login {
  margin-left: 35px
}

#login.filled>a {
  background-position: 0 103% !important
}

#login>.login-box {
  position: absolute;
  right: -15px;
  top: 40px;
  border: 1px solid #c7c7c7;
  background: #fff;
  width: 275px;
  padding: 44px 20px 20px;
  display: none;
  z-index: 99999;
}

#login>.login-box .box {
  text-align: center
}

#login>.login-box .box h2 {
  font-weight: 600;
  color: #191919;
  text-transform: uppercase;
  padding-bottom: 0;
  font-size: 13px
}

#login>.login-box .box h5 {
  color: #757575;
  padding-bottom: 12px;
  font-size: 13px
}

#login>.login-box h3 {
  color: #191919;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px
}

#login>.login-box h3 span {
  display: block;
  color: #757575;
  padding-top: 2px;
  font-weight: 400;
  text-transform: none;
  font-size: 13px
}

#login>.login-box ul li+li {
  margin-top: 10px
}

#login>.login-box ul li a {
  color: #757575
}

#login>.login-box ul li a:hover {
  color: #191919
}

#login>.login-box .box .btn a {
  display: inline-block;
  border: 1px solid #000;
  text-align: center;
  line-height: 35px;
  width: 150px;
  height: 35px;
  text-transform: uppercase;
  color: #191919
}

#login>.login-box .box .btn.filled a {
  background: #000;
  color: #fff
}

#login>.login-box hr {
  margin: 20px 0;
  width: 100%;
  height: 1px;
  background: #c7c7c7;
  border: none
}

.header .right .cart {
  margin-left: 10px;
  float: left;
  margin-right: 20px
}

.header .right .cart>a {
  display: block;
  height: 24px;
  width: 24px;
  position: relative
}


.header .right .cart>a span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #191919;
  text-align: center;
  line-height: 20px;
  color: #fff;
  display: block;
  position: absolute;
  right: -8px;
  top: -6px;
  font-size: 12px;
}

#main-banner {
  overflow: hidden;
  width: 100%;   
}

#main-banner .main-banner {
  position: relative
}

#main-banner .main-banner .item {
  overflow: hidden
}

#main-banner .main-banner .owl-dots {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 30px;
  width: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

#main-banner .main-banner .owl-dots .owl-dot {
  display: block
}

#main-banner .main-banner .owl-dots .owl-dot span {
  display: block;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url(images/dot.png) center center no-repeat;
  border-radius: 50%;
  margin: 4px 0;
  transition: .6s
}

#main-banner .main-banner .owl-dots .owl-dot.active span,
#main-banner .main-banner .owl-dots .owl-dot:hover span {
  background: url(images/dot-active.png) no-repeat
}

#welcome .tab {
  text-align: center;
  padding-bottom: 25px
}

#welcome .tab a {
  display: inline-block;
  font-size: 24px;
  color: #a1a1a1;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: 500
}

#welcome .tab a+a:before {
  content: "-";
  padding: 0 15px;
  color: #a1a1a1
}

#welcome .tab a.active,
#welcome .tab a:hover {
  color: #191919
}


.royalsticky2 .header {
  position: var(--headermiddlesticky);
  top: 0;
  z-index: 999999;
}

.royalfixed .header{
  position: fixed;
}


/* Header Style 1 ------------------------------------------------- */
.headerstyle1 .header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;	
}

.headerstyle1 .header .container .right{
  display: flex;
  justify-content: left;
  align-items: center;	
}

.headerstyle1 .header .center {
  text-align: left;
  padding: 5px 0;
  position: relative;
  z-index: 1
}

.headerstyle1 .header .logo{
  max-height: 75px;
}

.headerstyle1 .desktopmenu{
  border-bottom: 1px solid #ddd;
  text-align: center;
  background: var(--menucontbackground);
  padding-top: var(--menupadding);
  padding-right: 0px;
  padding-bottom: var(--menupadding);
  padding-left: 0px;
  z-index: 9998!important;
}


/* Header Style 1 End */




/* Header Style 2 ------------------------------------------------- */

.headerstyle2 .header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.headerstyle2 .header .container .right{
	display: flex;
	flex-flow: column;
  align-items: flex-end;
  padding: 5px 0;
  justify-content: center;
}

.headerstyle2 .header .container .right .brandinfo{
  text-align: right;
}

.headerstyle2 .header .container .right .logincart{
  text-align: right;
}

.headerstyle2 .header .logo {
    padding: 5px 0;
    position: relative;
    z-index: 1
}

.headerstyle2 .desktopmenu{
  text-align: center;
  background: var(--menucontbackground);
  padding-top: var(--menupadding);
  padding-right: 0px;
  padding-bottom: var(--menupadding);
  padding-left: 0px;
}


/* Header Style 2 END */



/* Header Style 3 ------------------------------------------------- */
.headerstyle3 .header{
  width: 100%;
  background: var(--color1st);
}

.headerstyle3 .header .center {
  padding-left: 5px;
}

.headerstyle3 .header .rightpanel{
  right: 10px;
  display: flex;
  align-items: center;
}
.headerstyle3 .header .container {
  background: rgb(88 89 91/0.80)!important;
  border-left: 10px solid var(--color2nd);
  border-right: 10px solid var(--color2nd);
  padding-top: var(--headerpadding);
  padding-bottom: var(--headerpadding);
}   
 
.headerstyle3 .header .center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.headerstyle3 .header .logo{
    max-height: 85px;
    width: auto;
}

.headerstyle3 .breadcrumbblank{
    height: 0px;
}

/* Header Style 3 END */



/* Header Style 4 ------------------------------------------------- */
.headerstyle4 .header{
  width: 100%;
  padding: 10px 0;
}

.headerstyle4 .header .container{
	display: flex;
	align-items: center;
	justify-content: space-between;   
}

.headerstyle4 .header .container .right{
  display: flex;
  align-items: center;
  justify-content: space-between;	
  min-width: 60%;
  gap: 10px;
}

.headerstyle4 .header .container .right .desktopmenu {
  flex: auto;
}

.headerstyle4 .header .container .rightpanel{
	display: flex;
	align-items: center;
	justify-content: space-between;   
}

/* Header Style 4 END */


/* Header Style 5 ------------------------------------------------- */
.headerstyle5 .header{
  width: 100%;
  padding: 0;
}

.headerstyle5 .header .logocontainer .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}

.headerstyle5 .header .logocontainer .left {
  flex: 1 1 auto;
}

.headerstyle5 .header .logo{
	text-align: center;
  flex: 2 1 auto;
}

.headerstyle5 .header .logocontainer .right{
  display: flex;
  justify-content: right;
  align-items: center;
  flex: 1 1 auto;
}

.headerstyle5 .desktopmenu {
  text-align: center;
  background: var(--menucontbackground);
  padding-top: var(--menupadding);
  padding-right: 0px;
  padding-bottom: var(--menupadding);
  padding-left: 0px;
}

/* Header Style 5 END */



/* Header Style 6 ------------------------------------------------- */
.headerstyle6 .header{
  width: 100%;
  padding: 10px 0;
}

.headerstyle6 .header .container{
	display: flex;
	align-items: center;
	justify-content: space-between;   
}

.headerstyle6 .header .container .right{
  display: flex;
  align-items: center;
  justify-content: space-between;	
  width: 100%;
  gap: 10px;
}

.headerstyle6 .header .container .right .desktopmenu {
  flex: auto;
}

.headerstyle6 .header .container .right .desktopmenu .royalmenu {
  align-items: center;
}

.headerstyle6 .header .container .rightpanel{
	display: flex;
	align-items: center;
	justify-content: space-between;   
}

.headerstyle6 #logowrapper{
  text-align: center;
}
/* Header Style 6 END */


/* Header Style 7 ------------------------------------------------- */
.headerstyle7 .header{
  height: 200px;
  display: flex;
  align-items: center;  
}

.headerstyle7 .header .sitetitle{
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  color: #fff;;
  text-shadow: -1px -1px 10px #333, 1px -1px 10px #333, -1px 1px 10px #333, 1px 1px 10px #333;
}

/* Header Style 7 END */

/* Header Style 8 ------------------------------------------------- */
.headerstyle8 header {
  position: absolute;
  z-index: 99999;
  width: 100%;
  top: 0;
  left: 0;
}

.headerstyle8 .header{
  display: flex;
  justify-content: space-between;
  align-items: center;  
  padding: 25px 0;
  background-color: transparent;
}

.headerstyle8 .header .headerleft{
  display: flex;
  align-items: center;
}

.headerstyle8 .header .headerleft .navigation-icon {
  padding-right: 15px;
}

.headerstyle8 .header .headerright a {
  color: #fff;
  background-color: #b95c47;
  border-style: none;
  text-transform: uppercase;
  max-width: 300px;
  padding-top: 11px;
  padding-right: 32px;
  padding-bottom: 11px;
  padding-left: 32px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  border: 1px solid transparent;
  text-align: center;
  cursor: pointer;
}

.headerstyle8 .header .headerright a i {
  margin-right: 10px;
}


@media only screen and (max-width: 479px){
.headerstyle8 .header .headerright a {
  font-size: 0;
  letter-spacing: inherit;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  justify-content: center;
  padding: 0 !important;
}

.headerstyle8 .header .headerright a i {
  font-size: 15px;
  margin: 0;
}



}

/* Header Style 8 END */


/* Menu Start */
.royalsticky2 .desktopmenu {
  position: var(--headermenusticky);
  top: 0;
  z-index: 99998;
}
.desktopmenu ul{
  margin: 0;
  padding: 0;
}

.desktopmenu ul li{
  list-style: none;
}

.desktopmenu ul.sub-menu{
  background: #fff;
}

.royalmenustyle1 .royalmenu {
  display: flex;
  justify-content: var(--desktopmenuposition);
  background: var(--menubg);
}

.royalmenustyle1 .royalmenu li {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

.royalmenustyle1 .royalmenu > li {
    display: inline-block;
    position: relative;
}

.royalmenustyle1 .royalmenu li:last-child {
    border-right: 0px;
}

.royalmenustyle1 .royalmenu li a {
  display: block;
  font-size: 16px;
  color: var(--menutextcolor);
  text-align: center;
  text-decoration: none;
  padding: 7px 15px;
  font-weight: normal;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.royalmenustyle1 .royalmenu li a:hover,
.royalmenustyle1 .royalmenu li:hover > a,
.royalmenustyle1 .royalmenu li.current_page_item > a, 
.royalmenustyle1 .royalmenu li.current-menu-item > a, 
.royalmenustyle1 .royalmenu li.current_page_parent > a {
  background:var(--menuhoverbg);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  color: var(--menutextcolorhover);
}

.royalmenustyle1 .royalmenu > ul {
    position: relative;
}

.royalmenustyle1 .royalmenu li ul {
    position: absolute;
    z-index: 99;
    left: -20px;
    visibility: hidden;
    opacity: 0;
    height: auto;
    min-width: 220px;
    background: var(--submenubg);
    margin: 0;
    padding: 0;
}

.royalmenustyle1 .royalmenu li .sub-menu a {
    color: var(--submenutext);
}

.royalmenustyle1 .royalmenu li .sub-menu a:hover {
  background: var(--submenubghover);
  color: var(--submenutexthover);
}

.royalmenustyle1 .royalmenu li ul ul {
    margin: -33px 0 0 100%;
}
.royalmenustyle1 .royalmenu li li {
    padding: 0 0 0 0;
    margin: 0;
    float: none;
}
.royalmenustyle1 .royalmenu ul a {
    min-width: 125px;
}

.royalmenustyle1 .royalmenu li:hover ul ul,
.royalmenustyle1 .royalmenu li:hover ul ul ul,
.royalmenustyle1 .royalmenu li:hover ul ul ul ul,
.royalmenustyle1 .royalmenu li:hover ul ul ul ul ul,
.royalmenustyle1 .royalmenu li:hover ul ul ul ul ul ul {
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.royalmenustyle1 .royalmenu li:hover ul,
.royalmenustyle1 .royalmenu li li:hover ul,
.royalmenustyle1 .royalmenu li li li:hover ul,
.royalmenustyle1 .royalmenu li li li li:hover ul,
.royalmenustyle1 .royalmenu li li li li li:hover ul,
.royalmenustyle1 .royalmenu li li li li li li:hover ul {
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
    left: auto;
    visibility: visible;
    opacity: 1;
}

/* For Wordpress */
.royalmenustyle1 .royalmenu li:hover,
.royalmenustyle1 .royalmenu li.current-menu-item,
.royalmenustyle1 .royalmenu li.current_page_item,
.royalmenustyle1 .royalmenu li.current-menu-parent,
.royalmenustyle1 .royalmenu li.current-menu-ancestor {
    color: #fff;
}

.royalmenustyle1 .royalmenu .sub-menu li.menu-item-has-children > a:after {
    position: absolute;
    right: 10px;
}

/* 2nd level and above */
.royalmenustyle1 .royalmenu li ul li {
    border-right: none;
}

.royalmenustyle1 .royalmenu li ul li:last-child {
    border-bottom: 0px;
}

.royalmenustyle1 .royalmenu li ul a {
    border-right: none;
    margin: 0;
    padding: 7px 10px;
    text-transform: none;
    font-weight: normal;
    font-size: 100%;
    white-space: nowrap;
}

.royalmenustyle1 .royalmenu li ul li a {
    border-top: 1px solid #ddd;
}

.royalmenustyle1 .royalmenu .sub-menu a {
    text-align: left;
}


/* royalmenustyle2 */
.royalmenustyle2 .royalmenu {
overflow: hidden;
text-align: center;
border-bottom: 1px dotted #ddd;
}

.royalmenustyle2 .royalmenu li{
float: left;
list-style: none;
padding: 0;
margin: 0;  
}

.royalmenustyle2 .royalmenu > li{
display: inline-block;
border-right: 1px dotted #ddd;
}

.royalmenustyle2 .royalmenu > li:nth-child(8n+1) a{
color: var(--menucolor1);
}  

.royalmenustyle2 .royalmenu > li:nth-child(8n+2) a{
color: var(--menucolor2);
}  

.royalmenustyle2 .royalmenu > li:nth-child(8n+3) a{
color: var(--menucolor3);
}  

.royalmenustyle2 .royalmenu > li:nth-child(8n+4) a{
color: var(--menucolor4);
}  

.royalmenustyle2 .royalmenu > li:nth-child(8n+5) a{
color: var(--menucolor5);
}  


.royalmenustyle2 .royalmenu > li:nth-child(8n+6) a{
color: var(--menucolor6);
}  

.royalmenustyle2 .royalmenu > li:nth-child(8n+7) a{
color: var(--menucolor7);
}  

.royalmenustyle2 .royalmenu > li:nth-child(8n+8) a{
color: var(--menucolor8);
}  


.royalmenustyle2 .royalmenu li:nth-child(8n+1).current-menu-parent,
.royalmenustyle2 .royalmenu li:nth-child(8n+1).current-menu-item,
.royalmenustyle2 .royalmenu > li:nth-child(8n+1):hover{
background: var(--menucolor1);
}

.royalmenustyle2 .royalmenu li:nth-child(8n+2).current-menu-parent,
.royalmenustyle2 .royalmenu li:nth-child(8n+2).current-menu-item,
.royalmenustyle2 .royalmenu > li:nth-child(8n+2):hover{
background: var(--menucolor2);
}

.royalmenustyle2 .royalmenu > li:nth-child(8n+2) ul{
border-top: 5px solid var(--menucolor2);
}

.royalmenustyle2 .royalmenu li:nth-child(8n+3).current-menu-parent,
.royalmenustyle2 .royalmenu li:nth-child(8n+3).current-menu-item,
.royalmenustyle2 .royalmenu > li:nth-child(8n+3):hover{
background: var(--menucolor3);
}

.royalmenustyle2 .royalmenu > li:nth-child(8n+3) ul{
border-top: 5px solid var(--menucolor3);
}

.royalmenustyle2 .royalmenu li:nth-child(8n+4).current-menu-parent,
.royalmenustyle2 .royalmenu li:nth-child(8n+4).current-menu-item,
.royalmenustyle2 .royalmenu > li:nth-child(8n+4):hover{
background: var(--menucolor4);
}

.royalmenustyle2 .royalmenu > li:nth-child(8n+4) ul{
border-top: 5px solid var(--menucolor4);
}


.royalmenustyle2 .royalmenu li:nth-child(8n+5).current-menu-parent,
.royalmenustyle2 .royalmenu li:nth-child(8n+5).current-menu-item,
.royalmenustyle2 .royalmenu > li:nth-child(8n+5):hover{
background: var(--menucolor5);
}

.royalmenustyle2 .royalmenu > li:nth-child(8n+5) ul{
border-top: 5px solid var(--menucolor5);
}

.royalmenustyle2 .royalmenu li:nth-child(8n+6).current-menu-parent,
.royalmenustyle2 .royalmenu li:nth-child(8n+6).current-menu-item,
.royalmenustyle2 .royalmenu > li:nth-child(8n+6):hover{
background: var(--menucolor6);
}

.royalmenustyle2 .royalmenu > li:nth-child(8n+6) ul{
border-top: 5px solid var(--menucolor6);
}

.royalmenustyle2 .royalmenu li:nth-child(8n+7).current-menu-parent,
.royalmenustyle2 .royalmenu li:nth-child(8n+7).current-menu-item,
.royalmenustyle2 .royalmenu > li:nth-child(8n+7):hover{
background: var(--menucolor7);
}

.royalmenustyle2 .royalmenu > li:nth-child(8n+7) ul{
border-top: 5px solid var(--menucolor7);
}

.royalmenustyle2 .royalmenu li:nth-child(8n+8).current-menu-parent,
.royalmenustyle2 .royalmenu li:nth-child(8n+8).current-menu-item,
.royalmenustyle2 .royalmenu > li:nth-child(8n+8):hover{
background: var(--menucolor8);
}

.royalmenustyle2 .royalmenu > li:nth-child(8n+8) ul{
border-top: 5px solid var(--menucolor8);
}

.royalmenustyle2 .royalmenu li.current-menu-parent a,
.royalmenustyle2 .royalmenu li.current-menu-item a,
.royalmenustyle2 .royalmenu>li:hover>a{
color: #fff;
}

.royalmenustyle2 .royalmenu li:last-child {
  border-right: 0px;
}

.royalmenustyle2 .royalmenu li a {
  display: block;
  font-size: 16px;
  color: #000;
  text-align: center;
  text-decoration: none;
  padding: 6px 13px;  
  font-weight: normal; 
}

.royalmenustyle2 .royalmenu li:hover ul{
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}

.royalmenustyle2 .royalmenu > ul {
  position: relative;
  
}

.royalmenustyle2 .royalmenu li ul {
position: absolute; 
z-index: 99; 
left: -99999px; 
height: auto;
min-width: 220px;
background: #fff;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.royalmenustyle2 .royalmenu li ul ul {
margin: -33px 0 0 100%; 
}

.royalmenustyle2 .royalmenu li li {
padding: 0 0 0 0; 
margin: 0;  
float: none; 
}
.royalmenustyle2 .royalmenu ul a { 
 min-width: 125px;
}

.royalmenustyle2 .royalmenu li:hover ul ul, 
.royalmenustyle2 .royalmenu li:hover ul ul ul, 
.royalmenustyle2 .royalmenu li:hover ul ul ul ul, 
.royalmenustyle2 .royalmenu li:hover ul ul ul ul ul,
.royalmenustyle2 .royalmenu li:hover ul ul ul ul ul ul{
left: -99999px;
-webkit-animation: CartfadeInRight 1s 1;
animation: CartfadeInRight 1s 1;   
}

.royalmenustyle2 .royalmenu li:hover ul, 
.royalmenustyle2 .royalmenu li li:hover ul, 
.royalmenustyle2 .royalmenu li li li:hover ul, 
.royalmenustyle2 .royalmenu li li li li:hover ul, 
.royalmenustyle2 .royalmenu li li li li li:hover ul, 
.royalmenustyle2 .royalmenu li li li li li li:hover ul {
-webkit-animation: CartfadeInRight 1s 1;
animation: CartfadeInRight 1s 1;     
left: auto;
}


/* For Wordpress */
.royalmenustyle2 .royalmenu li:hover , 
.royalmenustyle2 .royalmenu li.current-menu-item ,
.royalmenustyle2 .royalmenu li.current_page_item ,
.royalmenustyle2 .royalmenu li.current-menu-parent,
.royalmenustyle2 .royalmenu li.current-menu-ancestor {
  color: #FFF;
}

.royalmenustyle2 .royalmenu .sub-menu li.menu-item-has-children > a:after {
  position: absolute;  
  right: 10px;}


/* 2nd level and above */
.royalmenustyle2 .royalmenu li ul li {
border-right: none; 
}

.royalmenustyle2 .royalmenu li .sub-menu a{
color: #000;
border-bottom: 1px dotted #ddddddb5;  
}

.royalmenustyle2 .royalmenu li .sub-menu a:hover{
background: #ddd;
}

.royalmenustyle2 .royalmenu li ul li:last-child{
border-bottom: 0px;
}

.royalmenustyle2 .royalmenu li ul a {
border-right: none;
margin: 0;  padding: 7px 10px; 
text-transform: none;   
font-weight: normal;
font-size: 100%;
white-space: nowrap;
}

.royalmenustyle2 .royalmenu .sub-menu a {
  text-align: left;}




/* royalmenustyle3 */
.royalmenustyle3 .royalmenu {
	display: flex; 
transition: all 0.4s ease 0s; 
-webkit-transition: all 0.4s ease 0s; 
width: 100%;
}
.royalmenustyle3 .royalmenu a {
	line-height:100%; 
	display:block; 
	text-decoration: none;
	padding: 16px; 
	font-size: 16px;  
	position: relative; 
	-webkit-transition: .2s; 
	transition: .2s;
}
.royalmenustyle3 .royalmenu li {
  position: relative;
  text-align: left;
  list-style: none;
}
.royalmenustyle3 .royalmenu > li {
  flex: 1;
}

.royalmenustyle3 .royalmenu li li a {
  margin-top: 1px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.royalmenustyle3 .royalmenu li a:first-child:nth-last-child(2):before {
  position: absolute;
  height: 0;
  width: 0;
  right: 12px;
}

.royalmenustyle3 .royalmenu ul {
  position: absolute;
  white-space: nowrap;
  z-index: 1000;
  left: -99999em;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.royalmenustyle3 .royalmenu > li:hover > ul {
  left: auto;
  min-width: 100%;
}
.royalmenustyle3 .royalmenu > li li ul {
  border-left: 1px solid #fff;
}
.royalmenustyle3 .royalmenu > li li:hover > ul {
  left: 100%;
  top: -1px;
}

.royalmenustyle3 .current-menu-item,
.royalmenustyle3 .current_page_item,
.royalmenustyle3 .current-menu-parent {
  border-bottom-color: #2a2b93 !important;
}
.royalmenustyle3 .royalmenu > li:hover,
.royalmenustyle3 .royalmenu > li:hover > a {
  border-bottom-color: #2a2b93;
}
.royalmenustyle3 .royalmenu > li:hover > a:first-child:nth-last-child(2):before {
  border-bottom-color: #2a2b93;
}
.royalmenustyle3 .royalmenu li li:hover > a:first-child:nth-last-child(2):before {
  border-right-color: #2a2b93;
  right: 15px; 
}

.royalmenustyle3 .royalmenu > li:after {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.group_student:nth-child(8n+1) h2,
.royalmenustyle3 .royalmenu > li:nth-child(8n+1)::after,
.royalmenustyle3 .royalmenu > li:nth-child(8n+1):hover > a,
.royalmenustyle3 .royalmenu li:nth-child(8n+1):hover ul,
.royalmenustyle3 .royalmenu > li:nth-child(8n+1).current_page_item > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+1).current_page_parent > a
{background-color: var(--menucolor1);}

.group_student:nth-child(8n+2) h2,
.royalmenustyle3 .royalmenu > li:nth-child(8n+2)::after,
.royalmenustyle3 .royalmenu > li:nth-child(8n+2):hover > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+2):hover > ul,
.royalmenustyle3 .royalmenu > li:nth-child(8n+2).current_page_item > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+2).current_page_parent > a
{background-color: var(--menucolor2);}

.group_student:nth-child(8n+3) h2,
.royalmenustyle3 .royalmenu > li:nth-child(8n+3)::after,
.royalmenustyle3 .royalmenu > li:nth-child(8n+3):hover > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+3):hover > ul,
.royalmenustyle3 .royalmenu > li:nth-child(8n+3).current_page_item > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+3).current_page_parent > a
{background-color: var(--menucolor3);}

.group_student:nth-child(8n+4) h2,
.royalmenustyle3 .royalmenu > li:nth-child(8n+4)::after,
.royalmenustyle3 .royalmenu > li:nth-child(8n+4):hover > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+4):hover > ul,
.royalmenustyle3 .royalmenu > li:nth-child(8n+4).current_page_item > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+4).current_page_parent > a
{background-color: var(--menucolor4);}

.group_student:nth-child(8n+5) h2,
.royalmenustyle3 .royalmenu > li:nth-child(8n+5)::after,
.royalmenustyle3 .royalmenu > li:nth-child(8n+5):hover > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+5):hover > ul,
.royalmenustyle3 .royalmenu > li:nth-child(8n+5).current_page_item > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+5).current_page_parent > a
{background-color: var(--menucolor5);}

.group_student:nth-child(8n+6) h2,
.royalmenustyle3 .royalmenu > li:nth-child(8n+6)::after,
.royalmenustyle3 .royalmenu > li:nth-child(8n+6):hover > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+6):hover > ul,
.royalmenustyle3 .royalmenu > li:nth-child(8n+6).current_page_item > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+6).current_page_parent > a
{background-color: var(--menucolor6);}

.group_student:nth-child(8n+7) h2,
.royalmenustyle3 .royalmenu > li:nth-child(8n+7)::after,
.royalmenustyle3 .royalmenu > li:nth-child(8n+7):hover > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+7):hover > ul,
.royalmenustyle3 .royalmenu > li:nth-child(8n+7).current_page_item > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+7).current_page_parent > a
{background-color: var(--menucolor7);}


.group_student:nth-child(8n+7) h2,
.royalmenustyle3 .royalmenu > li:nth-child(8n+7)::after,
.royalmenustyle3 .royalmenu > li:nth-child(8n+7):hover > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+7):hover > ul,
.royalmenustyle3 .royalmenu > li:nth-child(8n+7).current_page_item > a,
.royalmenustyle3 .royalmenu > li:nth-child(8n+7).current_page_parent > a
{background-color: var(--menucolor8);}


.royalmenustyle3 .royalmenu ul.sub-menu li {
  min-width: 250px;
  border-top: 1px solid #ddd;
}

.royalmenustyle3 .royalmenu li ul.sub-menu li a:hover, 
.royalmenustyle3 .royalmenu li ul.sub-menu li.current-menu-ancestor > a,
.royalmenustyle3 .royalmenu li ul.sub-menu li.current-menu-parent > a,
.royalmenustyle3 .royalmenu li ul.sub-menu li.current-menu-item > a,
.royalmenustyle3 .royalmenu li ul.sub-menu li.current_page_item > a{
   color: var(--submenutexthover);
   background: var(--submenubghover);
}


/* royalmenustyle4 */
.royalmenustyle4 .royalmenu {
  overflow: hidden;
  text-align: center;
}

.royalmenustyle4 .royalmenu li{
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;  
}

.royalmenustyle4 .royalmenu > li{
  display: inline-block;
  margin:0;
  border-right: 1px solid #ffffff20;
}

.royalmenustyle4 .royalmenu > li.current-menu-ancestor > a,
.royalmenustyle4 .royalmenu > li.current_page_ancestor > a,
.royalmenustyle4 .royalmenu > li.current-menu-parent > a,
.royalmenustyle4 .royalmenu > li.current-menu-item > a,
.royalmenustyle4 .royalmenu > li:hover{
  color: var(--menutextcolorhover);
  background: var(--menuhoverbg);
}

.royalmenustyle4 .royalmenu > li:last-child {
   border-right: 0px;
}

.royalmenustyle4 .royalmenu li a {
   display: block;
   font-size: 16px;
   color: var(--menutextcolor);
   text-align: center;
   text-decoration: none;
   padding: 18px 18px;  
   font-weight: normal; 
}

.royalmenustyle4 .royalmenu > li > a:hover, 
.royalmenustyle4 .royalmenu > li.current-menu-item > a,
.royalmenustyle4 .royalmenu > li.current_page_item > a{
   color: var(--menutextcolorhover);
   background: var(--menuhoverbg);

}


/* Sub Menu */
.royalmenustyle4 .royalmenu > ul {
   position: relative;
}

.royalmenustyle4 .royalmenu li ul.sub-menu {
  position: absolute; 
  background: var(--submenubg);
  z-index: 99; 
  left: -99999px;
  height: auto;
  min-width: 220px;
  -webkit-box-shadow: 0 0 4px rgb(0 0 0 / 20%);
  box-shadow: 0 0 4px rgb(0 0 0 / 20%);
  box-sizing: border-box;  
}

.royalmenustyle4 .royalmenu li ul.sub-menu ul {
  margin: -55px 0 0 100%; 
}

.royalmenustyle4 .royalmenu li ul.sub-menu li {
  padding: 0 0 0 0; 
  margin: 0;  
  float: none; 
}

.royalmenustyle4 .royalmenu li ul.sub-menu a {  
  min-width: 125px;}

.royalmenustyle4 .royalmenu li:hover ul ul, 
.royalmenustyle4 .royalmenu li:hover ul ul ul, 
.royalmenustyle4 .royalmenu li:hover ul ul ul ul, 
.royalmenustyle4 .royalmenu li:hover ul ul ul ul ul,
.royalmenustyle4 .royalmenu li:hover ul ul ul ul ul ul{
  left: -99999px;
  -webkit-text-decoration-skip: objects;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; 
 }

.royalmenustyle4 .royalmenu li:hover ul, 
.royalmenustyle4 .royalmenu li li:hover ul, 
.royalmenustyle4 .royalmenu li li li:hover ul, 
.royalmenustyle4 .royalmenu li li li li:hover ul, 
.royalmenustyle4 .royalmenu li li li li li:hover ul, 
.royalmenustyle4 .royalmenu li li li li li li:hover ul {  
  left: auto;
  -webkit-text-decoration-skip: objects;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;  
 }

 .royalmenustyle4 .royalmenu li ul.sub-menu li a:hover, 
 .royalmenustyle4 .royalmenu li ul.sub-menu li.current-menu-ancestor > a,
 .royalmenustyle4 .royalmenu li ul.sub-menu li.current-menu-parent > a,
 .royalmenustyle4 .royalmenu li ul.sub-menu li.current-menu-item > a,
 .royalmenustyle4 .royalmenu li ul.sub-menu li.current_page_item > a{
    color: var(--submenutexthover);
    background: var(--submenubghover);
 }

.royalmenustyle4 .royalmenu ul.sub-menu li.menu-item-has-children > a:after {
    position: absolute;  
    right: 10px;}


.royalmenustyle4 .royalmenu li ul.sub-menu li {
  border-right: none; 
}

.royalmenustyle4 .royalmenu li .sub-menu a:hover{
  background: var(--submenubghover);
  color: var(--submenutexthover);
}

.royalmenustyle4 .royalmenu li ul.sub-menu li:last-child{
  border-bottom: 0px;
}

.royalmenustyle4 .royalmenu li ul.sub-menu a {
  border-right: none;
  margin: 0;  
  padding: 18px 18px; 
  text-transform: none;   
  white-space: nowrap;
  text-align: left;
  border-bottom: 1px solid #dddddd;
 }

/* royalmenustyle5 */
.royalmenustyle5 .royalmenu{
  display: flex;
}

.royalmenustyle5 {
  position: relative;
  font-family: "Raleway", serif;
  font-weight: 600;
}

.royalmenustyle5 .royalmenu > li {
  position: relative;
  float: left;
  margin-left: 0px;
}

.royalmenustyle5 .royalmenu > li > a {
  position: relative;
  display: block;
  padding: 15px 15px;
  font-size: 13px;
  color: #fff;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 1;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.royalmenustyle5 .royalmenu > li:before {
  position: absolute;
  left: 50%;
  top: 5px;
  margin-left: -1px;
  width: 1px;
  height: 90px;
  background: #93b300;
  opacity: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.royalmenustyle5 .royalmenu > li:hover:before,
.royalmenustyle5 .royalmenu > li.current:before,
.royalmenustyle5 .royalmenu > li.current-menu-item:before {
  opacity: 1;
  -webkit-transform: rotate(200deg);
  -ms-transform: rotate(200deg);
  -o-transform: rotate(200deg);
  -moz-transform: rotate(200deg);
  transform: rotate(200deg);
}

.royalmenustyle5 .royalmenu > li:hover > a,
.royalmenustyle5 .royalmenu > li.current > a,
.royalmenustyle5 .royalmenu > li.current-menu-item > a {
  color: #93b300;
  opacity: 1;
}

.royalmenustyle5 .royalmenu > li:hover > a:after {
  opacity: 1;
}

.royalmenustyle5 .royalmenu > li > ul {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #00924d none repeat scroll 0 0;
  border-bottom: 1px solid #00924d;
  border-image: none;
  border-left: 1px solid #00924d;
  border-right: 1px solid #00924d;
  border-top: medium none !important;
  left: -20px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 99%;
  transition: all 500ms ease 0s;
  visibility: hidden;
  width: 297px;
  z-index: 100;
}

.royalmenustyle5 .royalmenu > li:hover > ul {
  left: 0px;
  opacity: 1;
  visibility: visible;
}

.royalmenustyle5 .royalmenu > li > ul > li {
  position: relative;
  float: none;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.royalmenustyle5 .royalmenu > li > ul > li:last-child {
  border: none;
}

.royalmenustyle5 .royalmenu > li > ul > li > a {
  position: relative;
  display: block;
  padding: 8px 15px;
  line-height: 20px;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  text-align: left;
}

.royalmenustyle5 .royalmenu > li > ul > li:hover > a {
  background-color: rgba(255, 255, 255, 0.2);
}

.royalmenustyle5 .royalmenu > li > ul > li > ul {
  position: absolute;
  left: 110%;
  top: 0px;
  width: 200px;
  padding: 0px;
  z-index: 100;
  background: #92b201;
  border: 1px solid #799301;
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.royalmenustyle5 .royalmenu > li > ul > li:hover > ul {
  left: 100%;
  opacity: 1;
  visibility: visible;
}

.royalmenustyle5 .royalmenu > li > ul > li > ul > li {
  position: relative;
  float: none;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.royalmenustyle5 .royalmenu > li > ul > li > ul > li:last-child {
  border: none;
}

.royalmenustyle5 .royalmenu > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 8px 15px;
  line-height: 20px;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.royalmenustyle5 .royalmenu > li > ul > li > ul > li:hover > a {
  background-color: rgba(255, 255, 255, 0.2);
}









.desktopmenu .royalmenu li a {
  color:var(--menutextcolor);
  text-transform: var(--menutransform);
  font-family: var(--menufont);	
}

.desktopmenu .royalmenu li a:hover,
.desktopmenu .royalmenu li:hover > a,
.desktopmenu .royalmenu li.current_page_item > a, 
.desktopmenu .royalmenu li.current-menu-item > a, 
.desktopmenu .royalmenu li.current_page_parent > a {
	color:var(--menutextcolorhover);
}
 
.desktopmenu .royalmenu>li>ul {
	-webkit-box-shadow: 0px 24px 12px -22px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 24px 12px -22px rgba(0,0,0,0.75);
	box-shadow: 0px 24px 12px -22px rgba(0,0,0,0.75);
}
/* Menu End */



/* Mega Menu ------------------------------------------------- */
/* Mega Menu First UL*/
.royalmenu .royalmegamenu {
  position: inherit!important;
}

.royalmenu .royalmegamenu a{
  color: var(--submenutext);
}

.royalmenu .royalmegamenu > ul{
  padding: 20px
}

.royalmenu .royalmegamenu ul {
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0!important;
  z-index: 1;
  margin: 0!important; 
}



.royalmenu .royalmegamenu > ul > li > a{
  font-size: 20px;
  position: relative;
}

.royalmenu .royalmegamenu > ul > li > a:before{
  position: absolute;
  content: '';
  width: 25%;
  border-bottom: 1px solid var(--color2nd);
  bottom: 0;
}

.royalmenu .royalmegamenu ul li a{
  border-top: 0px!important;
}

.royalmenu .royalmegamenu:hover ul,
.royalmenu .royalmegamenu:hover ul li{
  display: block!important; 
  visibility: visible!important;
  opacity: 1!important;
}


.royalmenu .royalmegamenu ul > li {float: left!important; padding: 0; overflow: inherit!important; padding: 0!important;}
.royalmenu .royalmegamenu ul > li .sub-menu {display: block; position: inherit;}
.royalmenu .royalmegamenu ul > li .sub-menu li{float: none!important;}
.royalmenu .royalmegamenu ul > li .sub-menu li a{text-align: left;}

.royalmenu .royalmegamenu.rmmcol > ul > li,
.royalmenu .royalmegamenu.rmmcol2 > ul > li {width: calc(50% - 2px); margin-right: 2px;}
.royalmenu .royalmegamenu.rmmcol3 > ul > li {width: calc(33.3333% - 2px); margin-right: 2px;}
.royalmenu .royalmegamenu.rmmcol4 > ul > li {width: calc(25% - 2px); margin-right: 2px;}
.royalmenu .royalmegamenu.rmmcol5 > ul > li {width: calc(20% - 2px); margin-right: 2px;}
.royalmenu .royalmegamenu.rmmcol6 > ul > li {width: calc(20% - 2px); margin-right: 2px;}





/* Mobile Menu Start ------------------------------------------------- */
.mobilemenuanimationstyle1 #mobile-navigation-overlay{
  cursor: url(images/curser.png), pointer;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  background: rgba(0, 0, 0, .7);
  z-index: 9999999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;  
  -webkit-transition: opacity .4s ease .8s, height 0s ease 1.2s;
  -o-transition: opacity .4s ease .8s, height 0s ease 1.2s;
  transition: opacity .4s ease .8s, height 0s ease 1.2s
}

.show-menu .mobilemenuanimationstyle1 #mobile-navigation-overlay {
  top: 0;
  opacity: 1;
  visibility: visible;
  height: 100%;  
  -webkit-transition: height 0s ease 0s, opacity .4s ease 0s;
  -o-transition: height 0s ease 0s, opacity .4s ease 0s;
  transition: height 0s ease 0s, opacity .4s ease 0s
}


.mobilemenuanimationstyle2 #mobile-navigation-overlay{
  cursor: url(images/curser.png), pointer;
  background: rgba(11, 11, 11, 0.6);
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: block;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);  
  transition: transform 0.55s cubic-bezier(0.65, 0.025, 0.67, 0.36) 0.05s, opacity 0s 0.6s, visibility 0s 0.6s;
}

.show-menu .mobilemenuanimationstyle2 #mobile-navigation-overlay{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  left: 0;
  transition: transform 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985) 0.5s, opacity 0s 0.5s;
}


#mobile-navigation {
  position: fixed;
  background: var(--mobilemenubgcolor);
  top: 0;
  bottom: 0;
  width: 300px;
  z-index: 99999999;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: transform .3s ease-out .4s;
  -o-transition: transform .3s ease-out .4s;
  transition: transform .3s ease-out .4s;
  backface-visibility: hidden
}

#mobile-navigation.mobilemenuleft{
  left: 0;
  -webkit-transform: translateX(-300px);
  -moz-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  transform: translateX(-300px);  
}

#mobile-navigation.mobilemenuright{
  right: 0;
  -webkit-transform: translateX(300px);
  -moz-transform: translateX(300px);
  -ms-transform: translateX(300px);
  transform: translateX(300px);  
}

.show-menu #mobile-navigation {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: transform .3s linear .4s;
  -o-transition: transform .3s linear .4s;
  transition: transform .3s linear .4s;
  backface-visibility: hidden
}

#mobile-navigation .mobile-navigation {
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  position: relative;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px)
}

#mobile-navigation .mobile-navigation .close i {
  text-align: center;
  font-size: 30px;
  cursor: pointer;
}

#mobile-navigation .mobile-navigation .logo {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;  
}

#mobile-navigation .mobile-navigation .logo img {
  max-width: 80%;
  max-height: 80px;

}

#mobile-navigation .mobile-navigation .logo a {
  width: auto;
  display: inline-block
}

#mobile-navigation .mobile-navigation .search {
  position: relative;
  background: #e5e5e5
}

#mobile-navigation .mobile-navigation .search .input-text {
  background: #e5e5e5;
  height: 35px;
  padding: 0 55px 0 15px;
  font-size: 13px;
  color: #757575
}

#mobile-navigation .mobile-navigation .search .submit {
  position: absolute;
  right: 0;
  top: 0;
  width: 55px;
  height: 35px;
  background: url(images/search-grey.png) no-repeat center center;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
}

#mobile-navigation .mobile-navigation .login {
  overflow: hidden;
}

#mobile-navigation .mobile-navigation .login+.login {
  margin-top: 1px
}

#mobile-navigation .mobile-navigation .login>a {
  display: block;
  display: block;
  padding: 0 15px 0 47px;
  font-weight: 600;
  font-size: 14px;
  color: #d2d2d2;
  text-transform: uppercase;
  line-height: 40px;
  position: relative;
  float: left;
  width: 50%;    
}

#mobile-navigation .mobile-navigation .login .mobileregister:before {
  width: 21px;
  height: 23px;
  background: url(images/login-header.png) no-repeat 0 0;
  content: " ";
  position: absolute;
  left: 15px;
  top: 10px
}

#mobile-navigation .mobile-navigation .login .mobilelogin:before {
  width: 21px;
  height: 23px;
  background: url(images/login-header.png) no-repeat 0 0;
  content: " ";
  position: absolute;
  left: 15px;
  top: 10px
}

#mobile-navigation .mobile-navigation .login>a:after {
  content: "\e807";
  position: absolute;
  right: 24px;
  top: 0;
  line-height: 40px;
  color: #d2d2d2;
  font-size: 20px;
  font-family: 'royalicon';
  display: none;
  transition: .6s
}


#mobile-navigation .mobile-navigation .login.after-login>a:before {
  background-position: 0 103%
}

#mobile-navigation .mobile-navigation .login.after-login>a:after {
  display: block
}

#mobile-navigation .mobile-navigation .login.after-login.open>a:after {
  display: block;
  content: ""
}

#mobile-navigation .mobile-navigation .login .links {
  background: #9f241c;
  display: none
}

#mobile-navigation .mobile-navigation .login .links ul {
  padding: 10px 0
}

#mobile-navigation .mobile-navigation .login .links ul li a {
  display: block;
  color: var(--mobilemenutextcolor);
  font-size: 15px;
  padding: 5px 15px
}
#royalmobilenavigation ul{
  padding: 0;
  margin: 0;
}
#royalmobilenavigation li {
  list-style: none;
  opacity: 0;
  transform: translateY(3rem);
  transition: opacity 0.6s cubic-bezier(0.65, 0.025, 0.67, 0.36), transform 0.6s cubic-bezier(0.65, 0.025, 0.67, 0.36);
  padding-bottom: 0;
  transition-duration: .3s;
}

.show-menu #royalmobilenavigation>li:nth-child(1) {
  transition-delay: 0.2s;
}

.show-menu #royalmobilenavigation>li:nth-child(2) {
  transition-delay: 0.4s;
}

.show-menu #royalmobilenavigation>li:nth-child(3) {
  transition-delay: 0.6s;
}

.show-menu #royalmobilenavigation>li:nth-child(4) {
  transition-delay: 0.8s;
}

.show-menu #royalmobilenavigation>li:nth-child(5) {
  transition-delay: 0.10s;
}

.show-menu #royalmobilenavigation>li:nth-child(6) {
  transition-delay: 0.12s;
}

.show-menu #royalmobilenavigation>li:nth-child(7) {
  transition-delay: 0.14s;
}

.show-menu #royalmobilenavigation>li:nth-child(8) {
  transition-delay: 0.16s;
}

.show-menu #royalmobilenavigation>li:nth-child(9) {
  transition-delay: 0.18s;
}

.show-menu #royalmobilenavigation>li:nth-child(10) {
  transition-delay: 0.20s;
}

.show-menu #royalmobilenavigation>li:nth-child(11) {
  transition-delay: 0.22s;
}

.show-menu #royalmobilenavigation>li:nth-child(13) {
  transition-delay: 0.24s;
}

.show-menu #royalmobilenavigation>li:nth-child(14) {
  transition-delay: 0.26s;
}

.show-menu #royalmobilenavigation>li:nth-child(15) {
  transition-delay: 0.28s;
}

.show-menu #royalmobilenavigation>li:nth-child(16) {
  transition-delay: 0.30s;
}

.show-menu #royalmobilenavigation>li:nth-child(17) {
  transition-delay: 0.32s;
}

.show-menu #royalmobilenavigation li {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985), transform 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985);
}

#royalmobilenavigation>ul>li {
  border-bottom: 1px solid var(--mobilemenubgcolorhover);
}

#royalmobilenavigation ul li:hover {
  background-color: var(--mobilemenubgcolorhover);
}

#royalmobilenavigation ul ul li:hover {
  background-color: #ddd;
}

#royalmobilenavigation>ul>li>a {
  display: block;
  padding: 15px 50px 15px 15px;
  text-transform: var(--menutransform);
  position: relative;
  font-family: var(--menufont);
  font-size: 16px;
  color: var(--mobilemenutextcolor);
  background-position: right 20px center
}

#royalmobilenavigation a:hover {
	color: var(--mobilemenutextcolorhover);
}

#royalmobilenavigation>ul>li>ul {
  display: none;
}

#royalmobilenavigation>ul>li>ul>li {
  position: relative
}

#royalmobilenavigation ul ul li a {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  display: block;
  padding: 15px 50px 15px 30px;
  margin: 0 10px 0 0;
}


#royalmobilenavigation .menu-item-has-children>a::after{
	position: absolute;
	content: "\e807";
	fill: var(--mobilemenutextcolorhover);
	right: 8px;
	transition: transform .3s ease-out;
	top: 50%;
  transform: translateY(-50%);
  font-family: royalicon;
}

#royalmobilenavigation .menu-item-has-children.open>a::after{
	transition: transform .3s ease-out;
  content: "\e915";
	transition: transform .3s ease-out; 	
} 

#royalmobilenavigation ul ul ul {
  padding-bottom: 20px;
  display: none
}


.royalmobilenavigation .sub-menu {
    padding: 5px 0 0 15px;
    display: none;
}

#royalmobilenavigation .sub-menu>li {
    position: relative;
}

.royalmobilenavigation .sub-menu li {
    margin-bottom: 10px;
}

.royalmobilenavigation .sub-menu li a {
    position: relative;
    font-size: 14px;
    padding: 0 50px 0 15px;
    display: block;
}


#mobile-navigation .mobile-navigation .call {
  padding: 10px 0
}

#mobile-navigation .mobile-navigation .call a {
  display: block;
  padding: 13px 15px;
  font-weight: 500;
  font-size: 15px;
  color: var(--mobilemenutextcolor);
  text-transform: uppercase
}

#mobile-navigation .mobile-navigation .call a:hover {
  color: var(--mobilemenutextcolorhover);
}

#mobile-navigation .mobile-navigation .social {
  padding: 10px 15px;
}


.show-menu {
  overflow: hidden !important
}

.show-menu #mobile-navigation .mobile-navigation {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

@media only screen and (max-width:992px) {
  #navigation-icon {
      display: block
  }
}

@media only screen and (max-width:767px) {
  #mobile-navigation {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%)
  }
}



/* Hamburger */
.hamburgericon,
.hamburgerclose{
  cursor: pointer;
}

/* Hamburger Style1 */
.hamburgerstyle1icon i{
  font-size: 32px;
  color: var(--hamburgercolor);
}

.hamburgerstyle1close i{
  font-size: 32px;
  color: var(--mobilemenuclosecolor);
}

/*Hamburger Style2*/
.hamburgerstyle2icon .line{
  stroke: var(--hamburgercolor);
}

.hamburgerstyle2close .line{
  stroke: var(--mobilemenuclosecolor);
}

.hamburgerstyle2icon,
.hamburgerstyle2close {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
}
.hamburgerstyle2icon .line,
.hamburgerstyle2close .line {
    fill: none;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.hamburgerstyle2icon .line1,
.hamburgerstyle2close .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.hamburgerstyle2icon .line2,
.hamburgerstyle2close .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}
.hamburgerstyle2icon .line3,
.hamburgerstyle2close .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

.show-menu .hamburgerstyle2icon .line1,
.show-menu .hamburgerstyle2close .line1{
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

.show-menu .hamburgerstyle2icon .line2,
.show-menu .hamburgerstyle2close .line2{
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}

.show-menu .hamburgerstyle2icon .line3,
.show-menu .hamburgerstyle2close .line3{
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}


/* Hamburger Style3 */
.hamburgerstyle3icon .line,
.hamburgerstyle3close .line{
  width: 35px;
  height: 4px;
  display: block;
  margin: 6px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburgerstyle3icon .line{
  background-color: var(--hamburgercolor);
}

.hamburgerstyle3close .line{
  background-color: var(--mobilemenuclosecolor);
}

.show-menu .hamburgerstyle3icon,
.show-menu .hamburgerstyle3close{
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.show-menu .hamburgerstyle3icon .line:nth-child(2),
.show-menu .hamburgerstyle3close .line:nth-child(2){
  width: 0px;
}

.show-menu .hamburgerstyle3icon .line:nth-child(1),
.show-menu .hamburgerstyle3icon .line:nth-child(3),
.show-menu .hamburgerstyle3close .line:nth-child(1),
.show-menu .hamburgerstyle3close .line:nth-child(3){
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.show-menu .hamburgerstyle3icon .line:nth-child(1),
.show-menu .hamburgerstyle3close .line:nth-child(1){
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}

.show-menu .hamburgerstyle3icon .line:nth-child(3),
.show-menu .hamburgerstyle3close .line:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(90deg);
  -ms-transform: translateY(-10px) rotate(90deg);
  -o-transform: translateY(-10px) rotate(90deg);
  transform: translateY(-10px) rotate(90deg);
}


/* Hamburger Style4 */
.hamburgerstyle4icon,
.hamburgerstyle4close{
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburgerstyle4icon .line,
.hamburgerstyle4close .line{
  width: 35px;
  height: 4px;
  display: block;
  margin: 6px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburgerstyle4icon .line{
  background-color: var(--hamburgercolor);
}

.hamburgerstyle4close .line{
  background-color: var(--mobilemenuclosecolor);
}

.show-menu .hamburgerstyle4icon,
.show-menu .hamburgerstyle4close{
  animation: smallbig 0.6s forwards;
}

@keyframes smallbig{
  0%, 100%{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  50%{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}

.show-menu .hamburgerstyle4icon .line:nth-child(1),
.show-menu .hamburgerstyle4icon .line:nth-child(2),
.show-menu .hamburgerstyle4icon .line:nth-child(3),
.show-menu .hamburgerstyle4close .line:nth-child(1),
.show-menu .hamburgerstyle4close .line:nth-child(2),
.show-menu .hamburgerstyle4close .line:nth-child(3){
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.show-menu .hamburgerstyle4icon .line:nth-child(2),
.show-menu .hamburgerstyle4close .line:nth-child(2){
  opacity: 0;
}

.show-menu .hamburgerstyle4icon .line:nth-child(1),
.show-menu .hamburgerstyle4close .line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

.show-menu .hamburgerstyle4icon .line:nth-child(3),
.show-menu .hamburgerstyle4close .line:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}
/* Mobile Menu End ------------------------------------------------- */






/* Product Cat Menu ------------------------------------------------- */
.haveproductcat .royalmenu{
        text-align: left;
}
.productcatmenu{
    float: left;
    cursor: pointer;
    width: 150px;
    background: #ecf2f5;  
}

.productcatmenu span.catname{
    display: inline-block;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    padding: 14px 5px 14px 12px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}
.productcatmenu span.icon{
    display: inline-block;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    padding: 14px 5px 14px 5px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

.productcatmenu ul li {
    display: block;
    float: left;
    position: relative;
    text-decoration: none;
    background: var(--color1st);
    color: var(--color4th);
}

.productcatmenu ul li:hover{
  background: var(--color2nd);
}  

.productcatmenu ul li a {
    color: #fff;
    display: block;
    padding: 5px 12px;    
}


.productcatmenu ul{
    visibility: hidden;
    opacity: 0;
    min-width: 150px;
    position: absolute;
  -webkit-text-decoration-skip: objects;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
    margin-top: 0px;
    left: 0;
}

.productcatmenu:hover > ul,
.productcatmenu:hover {
    visibility: visible;
    opacity: 1;
    display: block;
    z-index: 3;
}

.productcatmenu ul li {
    clear: both;
    width: 100%;
}



/* Mobile ------------------------------------------------- */
#main-banner{
    -webkit-text-decoration-skip: objects;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;  
}
#main-banner .owl-carousel{
    z-index: 0!important;
}

#main-banner .main-banner .item .verticalcenter {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}

#main-banner .main-banner .item .verticalcenter h2{
    font-size: 40px;
}

#mobile-navigation .loo img{
    max-width: 80%;
}
#mobile-navigation .mobile-navigation .logo{
  background: var(--mobilemenuheadercolor);
  border-bottom: 1px solid #ddd;
}

.mobile-navigation-list .mega-menu > .sub-menu{
    position: inherit!important;
}

.mobile-navigation-list .mega-menu > .sub-menu li{
    width: inherit;
    float: inherit;
    font-weight: inherit;
}

.mobile-navigation-list .sub-menu .sub-menu {
    color: #000!important;
}


.social-media-icons li{
    display: inline-block;
    font-size: 16px;
    padding: 0px;
    margin: 0;	
}

#mobile-navigation .social-media-icons li{
    display: inline-block;
    font-size: 24px;
    padding: 0 10px 0 0;
}

.social-media-icons li a,
#royalmobilenavigation>ul>li>ul>li>a,
#mobile-navigation .mobile-navigation .close i{
    color: var(--mobilemenuclosecolor);
}



#wrap .container .verticalcenter {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.breadcrumbhide + p {
    margin: 0;
}

.breadcrumbbackground{
    background-image: url(images/breadcrumbbackground.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    background-color: #fff;
    min-height: 700px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
}

.breadcrumbpagetitle {
    font-size: 40px;
    line-height: 1;
    font-weight: 300;
    position: relative;
    -ms-word-wrap: break-word;
    letter-spacing: 10px;
    margin-bottom: 15px;
    word-wrap: break-word;
    padding-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
}


.breadcrumbpagetitle::before {
    content: "";
    width: 50px;
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 0;
    color: #fff;
}


.breadcrumb .woocommerce-breadcrumb,
.breadcrumb .woocommerce-breadcrumb a{
  color: #ffffff;
}






/* Slider ------------------------------------------------- */
button.owl-dot {
    background: transparent;
}



/* Product Carousel */
.productowlcarousel {
    margin-top: 35px;
}

.productowlcarousel h3{
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 5px;
}


.product-carousel {
    overflow: hidden
}

.productowlcarousel .viewproduct{
    visibility: hidden;
}





.pricein .owl-item .image{
    position: relative;
    cursor: pointer;
    border: 1px solid #ddd;
}

.pricein .owl-item .image .size{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
    background: #fff;
    transition: 1s; 
    width: 0%;
    height:0%;     
}

.pricein .owl-item .image:hover .size{
    width: 100%;
    height:100%;    
    display: block;
}

.pricein .owl-item .image .size .inner{
    width: 100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color1st);
}

.pricein .owl-item .image .size .inner p{
    text-align: center;
}



.priceout .owl-item .image .size .inner{
    padding: 5px;
}


.priceout .owl-item .image .size .inner .title{
    text-transform: uppercase;
}


.priceout .owl-item .image .size .inner .price{
    font-weight: bold;
}

.priceout .owl-item .image .size .viewproduct{
    visibility: visible;
}

.priceout .owl-item .image .size .viewproduct a{
    display: block;
    background: var(--color1st);
    padding: 5px 0;
    color: var(--color3rd); 
    text-align: center;   
}

.priceout .owl-item .image .size .viewproduct a:hover{
    background: var(--color2nd);
}






.home2feature{
    margin-top: 15px;
    overflow: hidden;
    text-align: center;
}

.home2feature .home2box{
    display: inline-block;
    width: calc(33.333333% - 10px);
    margin-right: 16px;
    margin-left: -3px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.home2feature .home2box:nth-child(3n),
.home2feature .home2box:last-child{
    margin-right: 0px; 
}
.home2feature .home2box .boxinfo{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50px;
    z-index: 1;    
}
.home2feature .home2box .boxinfo .title{
    font-size: 26px;
    font-weight: 400;
    color: #000;
}
.home2feature .home2box .boxinfo a.button{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    position: relative;
    padding-bottom: 3px;
    display: inline-block;
    overflow: hidden;
    padding: 5px 10px;
}
.home2feature .home2box img{
    transition: .25s;

}

.home2feature .home2box img:hover{
    transition: .25s;
    transform: scale(1.1);    
}


.home2categories{
    margin-top: 15px;
    overflow: hidden;
    text-align: center;
}
.home2categories .category{
    display: inline-block;
    width: calc(25% - 10px);
    overflow: hidden;
    margin-left: 2px;
    margin-right: 7px;  
    margin-bottom: 7px; 
}
.home2categories .category:nth-child(4n) {
    margin-right: 0;
}

.home2categories .category .categoryinner{
    overflow: hidden; 
    position: relative;    
}


.home2categories .category .categoryinfo{
    bottom: 0;
    position: absolute;
    text-align: center;
    z-index: 1;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s linear;
    background: #fff;
}

.home2categories .category .categoryinfo h3{
    font-size: 26px;
    font-weight: 400;
    color: #000;
}


.home2categories .category:hover .categoryinfo{
    visibility: visible;
    opacity: 1;
    transition: opacity 1s ease;
}

.home2categories .category .categoryinfo:before, 
.home2categories .category .categoryinfo:after {
  content: '';
  position: absolute;
  transition: transform .5s ease;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-color: var(--color1st);
}
.home2categories .category .categoryinfo:before {
  border-width: 2px 0 2px 0;
  transform: scaleX(0);
}
.home2categories .category .categoryinfo:after {
  border-width: 0 2px 0 2px;
  transform: scaleY(0);
}

.home2categories .category:hover .categoryinfo:before, 
.home2categories .category:hover .categoryinfo:after {
  transform: scale(1, 1);
}

.home2categories .category img{
    transition: .25s;

}

.home2categories .category img:hover{
    transition: .5s;
    transform: scale(1.1);    
}





/*Home Style 3 ------------------------------------------------- */
.home3feature{
    margin: 15px 0 85px 0;
    overflow: hidden;
    text-align: center;
}

.home3box .boxinfo .title:before,
.home3box .boxinfo .title:after{
  content: '';
  position: absolute;
  transition: transform .5s ease;  
}


.home3box .boxinfo .title{
  position: relative;
  color: inherit;
  text-decoration: none;
  line-height: 24px;
}

.home3box .boxinfo .title:before, 
.home3box .boxinfo .title:after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
}
.home3box .boxinfo .title:before {
  border-width: 2px 0 2px 0;
  transform: scaleX(0);
}
.home3box .boxinfo .title:after {
  border-width: 0 2px 0 2px;
  transform: scaleY(0);
}

.home3box:hover .boxinfo .title:before,
.home3box:hover .boxinfo .title:after {
  transform: scale(1, 1);
}


.home3feature .home3box{
    display: inline-block;
    width: calc(33.333333% - 10px);
    margin-right: 16px;
    margin-left: -3px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.home3feature .home3box:nth-child(3n),
.home3feature .home3box:last-child{
    margin-right: 0px; 
}
.home3feature .home3boxinner {
    position: relative;
}
.home3feature .home3box .boxinfo{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50px;
    z-index: 1;    
}
.home3feature .home3box .boxinfo .title{
    font-size: 26px;
    font-weight: 400;
    color: #000;
    padding: 16px 0;
    margin: 5px;
}
.home3feature .home3box .boxinfo a.button{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    position: relative;
    padding-bottom: 3px;
    display: inline-block;
    overflow: hidden;
}
.home3feature .home3box img{
    transition: .25s;

}

.home3feature .home3box img:hover{
    transition: .25s;
    transform: scale(1.1);    
}



.homecommonparallax{
    margin-top: 35px;
}
.homecommonparallax .background{
    background-image: url(images/breadcrumbbackground.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #fff;
    min-height: 500px;
    margin-top: 0px;
    margin-bottom: 0px;
}    

.homecommonparallax .background .container{
    resize: vertical;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 500px;   
}

.homecommonparallax .background .container .iconbox{
    width: 100%;  
}

.homecommonparallax .iconbox .iconboxinner{
    width: 33.333333333333%;
    float: left;
    text-align: center;
    color: #fff;
    margin: 30px 0;
}
.homecommonparallax .iconbox .iconboxinner .icon{
    width: 64px;
    height: 64px;
    text-align: center;
    margin: 0 auto;    
}
.homecommonparallax .iconbox .iconboxinner .icon i{
    font-size: 48px;
  -webkit-text-decoration-skip: objects;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;    
}

.homecommonparallax .iconbox .iconboxinner .icon:hover i{
    font-size: 64px;
  -webkit-text-decoration-skip: objects;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;    
}
.homecommonparallax .iconbox .iconboxinner .content .title{
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 16px;    
    letter-spacing: .2em;
    text-transform: uppercase;    
}
.homecommonparallax .iconbox .iconboxinner .content .desc {
    font-size: 14px;
    margin: auto;
    max-width: 370px;    
}



.homecommoncontact{
    margin: 0;
    position: relative;
}


.homecommoncontact .background{
    background-image: url(images/breadcrumbbackground.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #fff;
    min-height: 500px;
    margin-top: 0px;
    margin-bottom: 0px;
}  


.homecommoncontact .background .homecommoncontacticon{
    position: absolute;
    margin: 0 auto;
    width: 150px;
    text-align: center;
    top: -75px;
    left: calc(50% - 75px);
    height: 150px;
}


.homecommoncontact .background .homecommoncontacticon img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.homecommoncontact .homecontactinner{
    margin-top: 100px;
}

.homecommoncontact .homecontactinner .icon{
    font-size: 64px;
    text-align: center;
    color: #fff;
}

.homecommoncontact .homecontactinner h2{
    font-size: 32px;
    text-align: center;
    color: #fff;
}

/*Home Style 2*/



/* Contact Form 7*/
form.wpcf7-form {
    overflow: hidden;
    margin-bottom: 30px;
}


form.wpcf7-form .wpcf7-checkbox, 
form.wpcf7-form .wpcf7-radio, 
form.wpcf7-form .wpcf7-list-item, 
form.wpcf7-form input[type="search"], 
form.wpcf7-form input[type="text"], 
form.wpcf7-form input[type="email"], 
form.wpcf7-form input[type="password"], 
form.wpcf7-form input[type="tel"], 
form.wpcf7-form input[type="number"], 
form.wpcf7-form input[type="url"],
form.wpcf7-form select,
form.wpcf7-form input[type="date"],
form.wpcf7-form textarea{
    width: 100%;
    padding: 10px;
    margin: 0;
    border: 1px solid #ddd;
    display: block;
    border-radius: 0;
    box-sizing: border-box;
}

form.wpcf7-form textarea:focus {
  outline: none !important;
}

form.wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 10px;
}

form.wpcf7-form input[type="submit"]{
    padding: 10px 30px;
    background: var(--color1st);
    color: var(--color3rd);
    font-weight: bold;
    float: left;
}

form.wpcf7-form input[type="submit"]:hover{
    -webkit-text-decoration-skip: objects;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    background: var(--color2nd);
    color: var(--color4th);    
}

form.wpcf7-form .wpcf7-response-output {
  width: 100%;
  margin:0 10px 0 0;
  overflow: hidden;
  display: block;  
  color: var(--color4th);
  background: var(--color2nd);
}

form.wpcf7-form .wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 12px;
  font-weight: normal;
  display: block;
}

form.wpcf7-form .royal-wpcf7 {
display: block;
overflow: hidden;
}

.wpcf7 .screen-reader-response {
  display: none;
}




/* royalformbooking5 */
.royalformbooking5 p {
  display: flex;
  gap: 10px;
  align-items: center;
}

.royalformbooking5 p > * {
  margin-bottom: 0 !important;
}

.royalformbooking5 span.wpcf7-spinner {
  flex-basis: 100%;
  flex-grow: 1;
  width: 100%;
  display: contents;
}

@media(max-width:768px){
.royalformbooking5 p {
  display: grid;
}

.royalformbooking5 input[type="submit"] {
  width: 100% !important;
}

}



.royalcf7style4 .row p {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.royalcf7style4 .row p label {
  width: 100%;
}

form.wpcf7-form .royalcf7style4 input[type="submit"] {
  padding: 10px 30px;
  background: var(--color1st);
  color: var(--color3rd);
  font-weight: bold;
  width: 100%;
}


/* Contact Form END*/




/* Pages ------------------------------------------------- */


/* Archive Page */
.archivetitle{
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.royalpostarchive .content{
  overflow: hidden;
}

.royalpostarchive .gridrow{
  display: grid;
  gap: var(--archivecolumngap);
}

.royalpostarchive .gridrow .archivesinglepost{
  padding: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.royalpostarchive .gridrow .content img.thumbnail{
  width: 100px;
  height: 60px;
  object-fit: cover; 
  float: left;
  margin-right: 10px; 
}

.royalpostarchive .gridcolumn {
  display: grid;
  gap: var(--archivecolumngap);
  grid-template-columns: repeat(auto-fill, minmax(var(--archivecolumns), 1fr) ) ;
}

.royalpostarchive .gridcolumn .archivesinglepost{
  padding: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.royalpostarchive .gridcolumn .content img.thumbnail{
  object-fit: cover;
  width: 100%;
  max-height: 200px;
  margin-bottom: 10px;
}

.royalpostarchive .archivesinglepost .pagetitle a:hover{
  color: var(--color1st);
}

.royalpostarchive .archivesinglepost .postmeta {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}


/* Search Page */
.royalsearchpagetitle{
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.royalsearchpagetitle span{
  color: var(--color1st);
}

.royalsearchpage .content{
  overflow: hidden;
}

.royalsearchpage .gridrow{
  display: grid;
  gap: var(--archivecolumngap);
}

.royalsearchpage .gridrow .archivesinglepost{
  padding: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.royalsearchpage .gridrow .content img.thumbnail{
  width: 100px;
  height: 60px;
  object-fit: cover; 
  float: left;
  margin-right: 10px; 
}

.royalsearchpage .gridcolumn {
  display: grid;
  gap: var(--archivecolumngap);
  grid-template-columns: repeat(auto-fill, minmax(var(--archivecolumns), 1fr) ) ;
}

.royalsearchpage .gridcolumn .archivesinglepost{
  padding: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.royalsearchpage .gridcolumn .content img.thumbnail{
  object-fit: cover;
  width: 100%;
  max-height: 200px;
  margin-bottom: 10px;
}

.royalsearchpage .archivesinglepost .pagetitle a:hover{
  color: var(--color1st);
}

.royalsearchpage .archivesinglepost .postmeta {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}


/* Single Page */
.single .royalsinglepost {
    margin-bottom: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.single .royalsinglepost .pagetitle h1 {
    margin: 15px 0;
}

.single .royalsinglepost p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.single .royalsinglepost img {
  width: 100%;
  border: 10px solid #ddd;
  border-radius: 5px;
}

.single.royalsinglepost .pagetitle a:hover{
  color: var(--color1st);
}

.single .royalsinglepost .postmeta {
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  line-height: 100%;
}


/* related and ad */
.single  .related-and-ad {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr) );
  column-gap: 20px;
  overflow: hidden; 
  border-bottom: 1px solid #ddd; 
  margin-bottom: 20px; 
  padding-bottom: 20px;  
}

.single .related-and-ad .related h3 {
  margin-bottom: 5px; 
  margin-top: 15px;
}

.single .related-and-ad .related li {
  list-style: square outside none;  
  margin-left: 15px;
}

/* previous and next */
.single .previous-next{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.single .previous-next a {
  display: flex;
  align-items: center;
  line-height: 100%;
  gap: 6px;
}

.single .previous-next i {
  font-size: 24px;
}

/* Share */
.royalsocialshare {
  overflow: hidden;
}

.royalsocialshare .share-btn {
  float: left;
  margin: 0 5px;
  padding: 8px 16px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle;
  -moz-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.royalsocialshare .share-btn:first-child {
  margin-left: 0;
}

.royalsocialshare .share-btn i {
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
}

.royalsocialshare .share-btn {
  background-color: #95a5a6;
}
.royalsocialshare .share-btn:hover {
  background-color: #798d8f;
}

.royalsocialshare .share-btn-twitter {
  background-color: #00aced;
}
.royalsocialshare .share-btn-twitter:hover {
  background-color: #0087ba;
}

.royalsocialshare .share-btn-facebook {
  background-color: #3b5998;
}
.royalsocialshare .share-btn-facebook:hover {
  background-color: #2d4373;
}

.royalsocialshare .share-btn-linkedin {
  background-color: #007bb6;
}
.royalsocialshare .share-btn-linkedin:hover {
  background-color: #005983;
}

.royalsocialshare .share-btn-messenger {
  background-color: #0084ff;
}
.royalsocialshare .share-btn-messenger:hover {
  background-color: #006acc;
}

.royalsocialshare .share-btn-whatsapp {
  background-color: #25d366;
}
.royalsocialshare .share-btn-whatsapp:hover {
  background-color: #1da851;
}

.royalsocialshare .share-btn-mail {
  background-color: #f1c40f;
}
.royalsocialshare .share-btn-mail:hover {
  background-color: #dab10d;
}


/* Contact map */
.contactmap{
    margin-bottom: 20px;
    overflow: hidden;    
}
.contactmap iframe{
    width: 100%;}




/* Page table */
.royalsinglepost table{
    border: 1px solid #ebebeb;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
    width: 100%;
    margin-bottom: 20px; 
}


.royalsinglepost th, .royalsinglepost td {
    border: 1px solid #ebebeb;
    padding: 10px;
    font-weight: 400;
}




/* Team Page */
.topmanagement{
    line-height: 24px;
}

.topmanagement .chairmman{ 
  overflow: hidden;
  margin-bottom: 50px;
}

.topmanagement h2{
    font-size: 24px;
    margin-bottom: 10px;
}
.titleinner h3 {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.titleinner h3:before {
    position: absolute;
    content: '';
    width: 40px;
    border-bottom: 1px solid #000;
    bottom: 0;
    left: 0;
}


.topmanagement .chairmman .chairmanpic{
  float: left;
  width: 25%;
  margin-right: 10px;
}

.topmanagement .team{
    margin-bottom: 30px;
}

.topmanagement .team .teammember{
    display: inline-block;
    width: calc(25% - 10px);
    overflow: hidden;
    margin-left: 2px;
    margin-right: 7px;
    margin-bottom: 7px;
}

.topmanagement .team .teammember:nth-child(4n) {
    margin-right: 0;
}


.teammember .titleinner{
  text-align: center;
  margin-top: 12px;
}


.teammember .titleinner h3:before {
    position: absolute;
    content: '';
    width: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 2px solid #000;
    bottom: 0;
}



.displaynone {
  display: none;
}

.royalpopup {
  position: relative;
  background: #FFF;
  padding: 20px;
  max-width: 700px;
  width: 90%;
  margin: 100px auto;
}




/* Site Popup */
#sitepopuop {
  width: 100%;
  height: 100%;
  display: none;
  z-index: 999999999;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  animation: fadeInUp 1s 1;
}

#sitepopuop .message{
  position: fixed;
  max-width: 800px;
  max-height: 90%;
  left: 50%;
  top: 50%;
  background: transparent;
  color: #fff;
  transform: translate(-50%, -50%);
}


.popupclose {
    position: absolute;
    top: -12px;
    right: -12px;
    cursor: pointer;
    color: #fff!important;
    width: 32px;
    height: 32px;
}

.popupclose i{
    background: #000;
    width: 32px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    font-size: 32px;
    transition: transform 2s;
}

.message:hover .popupclose i,
.popupclose i:hover {
    transform: rotate(360deg);
}

#cookie {
  display: none;  
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  background: #060708;
  padding: 17px 0 19px;
  z-index: 999999;
  
}

#cookie .message {
  padding: 0 110px 0 0;
  text-align: center;
  font-size: 13px;
  color: #d2d2d2;
  color: #fff;
}

#cookie .message a{
  color: var(--color1st)
}


.cookieclose {
    position: absolute;
    top: 20px;
    right: 10px;
    cursor: pointer;
    background: #fff;
    color: #3f51b5!important;
    font-size: 13px;
    border: 1px solid;
    border-radius: 25px;
    padding: 5px;
}



/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100003;
    position: fixed;
    outline: none !important;
    backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
    width: 800px;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
/* Magnific Popup END*/



/* woocommerce Mini Cart ------------------------------------------------- */
#shoppingCart{
    cursor: pointer;
}

.royalcartbox{
    -webkit-animation: fadeInRight 1s 1;
    animation: fadeInRight 1s 1;
    width: 350px;
    max-width: 80%;
    right: 0;
    position: fixed;
    background: #fff;
    top: 0;
    z-index: 99999;
    padding: 30px 15px 15px 15px;
    height: 100%;
    overflow: hidden;
    border-left: 1px solid #ddd;
    display: none;
}

.admin-bar .royalcartbox {
    top: 32px;
}

.royalcartbox .minicart-items {
    list-style: none;
    padding: 0 15px 0 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 450px;    
}


.royalcartbox .minicart-items .product-cart {
    overflow: hidden;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ecebeb;
    text-align: left;
}

.royalcartbox .minicart-items .product-cart:last-child {
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
}
.royalcartbox .minicart-items .product-cart .product-media {
    float: left;
    width: 75px;
    border: 1px solid #eee;
}

.royalcartbox .minicart-items .product-cart .product-media img{
  width: 75px;
  height: 75px;
}

.royalcartbox .minicart-items .product-cart .product-detail {
    overflow: hidden;
    padding-left: 20px;
}


.royalcartbox .minicart-items .product-name {
    width: calc(100% - 20px);
    margin-top: -5px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}

.royalcartbox .minicart-items .product-name a {
    display: inline-block;
    max-height: 48px;
    overflow: hidden;
    vertical-align: middle;
    width: 100%;
}

.royalcartbox .minicart-items .product-cart .product-detail .product-detail-info {
    overflow: hidden;
}


.royalcartbox .minicart-items .product-cart .product-remove {
    position: absolute;
    right: -9px;
    top: 0;
}

.royalcartbox .minicart-items .product-cart .product-remove .remove {
    font-size: 0;
    color: #a9a9a9;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: right;
    line-height: 20px;
    z-index: 1;
    background: transparent !important;
}

.royalcartbox .minicart-items .product-cart .product-remove .remove::before, 
.royalcartbox .minicart-items .product-cart .product-remove .remove::after {
    border-bottom: 2px solid;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
}



.royalcartbox .subtotal {
    height: 40px;
    line-height: 40px;
    background-color: #ffffff;
    color: var(--color1st);
    padding: 0 40px;
    overflow: hidden;
    border-top: 1px solid #ecebeb;
    font-size: 18px;
    font-weight: bold;
}

.royalcartbox .subtotal .total-title {
    float: left;
}

.royalcartbox .subtotal .total-price {
    float: right;
    width: auto;
    display: block;
}

.royalcartbox .actions{
    overflow: hidden;
}

.royalcartbox .actions .button{
    float: left!important;
    width: 50%;
    display: block;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
/*    height: 45px;
    line-height: 45px;*/
    color: #ffffff;
    border-radius: 0px!important;
}

.royalcartbox .actions .button:hover {
    color: var(--color1st);
}

.royalcartbox .actions .button-viewcart {
    background-color: #2a2a2a!important;
}

.royalcartbox .actions .button-checkout {
    background-color: #000000!important;
}

.royalcartbox .actions span{
    padding: 5px 0;
    display: block;   
}

.royalcartbox .minicart-title {
    font-weight: 600;
    font-size: 12px;
    line-height: 46px;
    height: 45px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000000;
    border-bottom: 1px solid #ecebeb;
    padding-bottom: 0;
    margin-bottom: 0px;
    text-align: center;
}

.royalcartbox .minicart-list-items {
    max-height: 313px;
    min-height: 100px;
    height: auto!important;
    position: relative;
}

.royalcartbox .empty-wrap {
    text-align: center;
    padding: 10px 0 0px;
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    display: block;
    top: 50%;
    width: 100%;
}

.royalcartbox .empty-title {
    font-size: 22px;
    line-height: 1.2;
    color: #000000;
    text-align: center;
}

.royalcartbox .empty-wrap .to-cart {
    font-weight: 700;
    display: inline-block;
    min-width: inherit;
    height: auto;
    position: relative;
    line-height: 40px;
    background-color: transparent!important;
    color: #000;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    overflow: hidden;
    padding: 0;
    text-align: center;
    margin-top: 10px;
}


.royalcartbox .empty-wrap .to-cart::before {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    border-bottom: 1px solid #000;
}

.royalcartbox .empty-wrap .to-cart:hover::before {
    -webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

.royalcartbox .empty-wrap a.to-cart:after {
    content: "";
    font-family: Flaticon;
    margin-left: 7px;
}


/* Woocommerce Common ------------------------------------------------- */
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
#respond input#submit, 
button.button, 
input.button{
    background: var(--woobuttonbgcolornormal)!important;
    color: var(--woobuttontextcolornormal)!important;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
button.button.alt:hover{
  background: var(--woobuttonbgcolorhover)!important;  
}



ul.products li.product .price,
a.callforprice,
.royalcartbox .minicart-items .product-name a:hover,
.royalcartbox .minicart-items .product-cost,
p.stars a,
.woocommerce-message::before,
.woocommerce-info::before{
    color: var(--woobasiccolor);
}

.woocommerce-message,
.woocommerce-info{
    border-color: var(--woobasiccolor);
}

.royalsaletag{
    position: absolute;  
    z-index: 1;  
    left: -19;
    top: 25px;
    height: 60px;
    width: 117px;
    background-image: url("images/discounttag.png");
    color: #fff;   
    background-repeat: no-repeat;
    display: flex;
    justify-content: end;
    align-items: center;
    transform: rotateZ(73deg);
}

.royalsaletag .discount {
    font-size: 40px;
    font-weight: 900;
    margin: 0px 0px 0px 0px;
    width: 60px;
    text-align: center;
}

.royalsaletag .percentageblock{
    margin: 0px 8px 0px 5px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
}

.royalsaletag .percentageblock span{
    display: block;
}




/* Woocommerce MyAccount Page ------------------------------------------------- */
.woocommerce .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {
  padding: 10px 20px!important;
  color: #fff!important;
  text-decoration-line: none;
}



/* royalmyaccountstyle1 */



.woocommerce-MyAccount-navigation{
	margin-bottom: 25px;
}

.woocommerce-MyAccount-navigation li{
  background: var(--woobuttonbgcolornormal);
  margin-bottom: 1px;
  list-style: none;
}

.woocommerce-MyAccount-navigation li a{
  display:block;
  padding: 10px;
  color: var(--woobuttontextcolornormal);
  transition: all 1s;
}

.woocommerce-MyAccount-navigation li:hover,
.woocommerce-MyAccount-navigation li.is-active{
  background: var(--woobuttonbgcolorhover);
  transition: all 1s;
}

.woocommerce-MyAccount-navigation li:hover a,
.woocommerce-MyAccount-navigation li.is-active a{
  color: var(--woobuttontextcolorhover);
}

.woocommerce-MyAccount-navigation-link--customer-logout{
	background:var(--colordanger)!important;
}

.woocommerce-MyAccount-content p{
	margin-bottom:7px;
}

.woocommerce-MyAccount-content .woocommerce-orders-table__row {
    margin-bottom: 15px;
}

.woocommerce-MyAccount-content > h2 {
    margin-top: 32px;
}

.woocommerce-MyAccount-content .woocommerce-OrderUpdates {
    margin-bottom: 32px;
}

.woocommerce-MyAccount-content .edit{
    padding: 5px 10px;
    display: inline-block;
    background: var(--color1st);
    color: var(--color3rd);  
}

.woocommerce-MyAccount-content fieldset {
    border-width: 1px;
    padding: 5px;
    margin-bottom: 10px;
}


.woocommerce-orders-table__cell-order-actions {
    text-align: center;
}

.woocommerce-orders-table__cell-order-actions a{
  margin: 0 3px!important;
}

.woocommerce-orders-table__cell-order-actions a.cancel{
  background: var(--colordanger)!important;
}

/* royalmyaccountstyle2 */

.royalmyaccountstyle2 .woocommerce-MyAccount-navigation ul li a::before{
  font-family: "Font Awesome 6 Free";
  font-size: 24px;
  font-weight: 900;
  display: inline-block;
  width: 36px;
}

.royalmyaccountstyle2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before{
  content: "\f624";
}

.royalmyaccountstyle2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before{
  content: "\f15c";
}

.royalmyaccountstyle2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before{
  content: "\f381";
}

.royalmyaccountstyle2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before{
  content: "\f2b9";
}

.royalmyaccountstyle2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before{
  content: "\f4fe";
}

.royalmyaccountstyle2 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before{
  content: "\f2f5";
}

.royalmyaccountstyle2 .woocommerce-MyAccount-navigation li a {
  display: flex;
  align-items: center;
}




/* royalmyaccountstyle3 */
.royalmyaccountstyle3 .woocommerce {
  display: grid;
}

.royalmyaccountstyle3 .woocommerce-MyAccount-navigation{
  width: 100%;
  float: inherit;
}

.royalmyaccountstyle3 .woocommerce-MyAccount-navigation ul{
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr))
}

.royalmyaccountstyle3 .woocommerce-MyAccount-navigation ul li {
  border-radius: 10px;
  box-shadow: 0px 7px 12px 0px #8590943b;
}


.royalmyaccountstyle3 .woocommerce-MyAccount-navigation ul li a{
  display: grid;
  text-align: center;
}

.royalmyaccountstyle3 .woocommerce-MyAccount-navigation ul li a::before{
  font-family: "Font Awesome 6 Free";
  font-size: 64px;
  font-weight: 900;
}

.royalmyaccountstyle3 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before{
  content: "\f624";
}

.royalmyaccountstyle3 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before{
  content: "\f15c";
}

.royalmyaccountstyle3 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before{
  content: "\f381";
}

.royalmyaccountstyle3 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before{
  content: "\f2b9";
}

.royalmyaccountstyle3 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before{
  content: "\f4fe";
}

.royalmyaccountstyle3 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before{
  content: "\f2f5";
}

.royalmyaccountstyle3 .woocommerce-MyAccount-content{
  width: 100%;
  float: inherit;
}



/* royalmyaccountstyle4 */
.royalmyaccountstyle4 .woocommerce {
  display: grid;
  position: relative;
  padding-bottom: 80px;
}

.royalmyaccountstyle4 .woocommerce-MyAccount-navigation{
  width: 100%;
  float: inherit;
}

.royalmyaccountstyle4 .woocommerce-MyAccount-navigation ul{
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr))
}

.royalmyaccountstyle4 .woocommerce-MyAccount-navigation ul li {
  border-radius: 10px;
  box-shadow: 0px 7px 12px 0px #8590943b;
}


.royalmyaccountstyle4 .woocommerce-MyAccount-navigation ul li a{
  display: grid;
  text-align: center;
}

.royalmyaccountstyle4 .woocommerce-MyAccount-navigation ul li a::before{
  font-family: "Font Awesome 6 Free";
  font-size: 64px;
  font-weight: 900;
}

.royalmyaccountstyle4 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before{
  content: "\f624";
}

.royalmyaccountstyle4 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before{
  content: "\f15c";
}

.royalmyaccountstyle4 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before{
  content: "\f381";
}

.royalmyaccountstyle4 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before{
  content: "\f2b9";
}

.royalmyaccountstyle4 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before{
  content: "\f4fe";
}

.royalmyaccountstyle4 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 3px;
}

.royalmyaccountstyle4 .woocommerce-MyAccount-content{
  width: 100%;
  float: inherit;
}















/* Woocommerce Shop Page ------------------------------------------------- */
.woocommerce-cart-form .product-name a,
.cart-collaterals a.shipping-calculator-button{
  color: var(--wooanchorcolor);
}

.royalshoppage .woocommerce-products-header__title{
  text-align: center;
}

.woocommerce span.onsale{
  height: 40px;
  width: 40px;  
}

.woocommerce span.onsale,
.royalshoppage span.onsale {
    z-index: 1!important;
    background: var(--color1st);
}

.woocommerce .callforprice{
    display: block;
}

.woocommerce .woocommerce-ordering select{
    padding: 5px;
    cursor: pointer;
}

.woocommerce .woocommerce-ordering select option{
    cursor: pointer;
}

.woocommerce-shop ul.products li.product .button {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.woocommerce-shop a.added_to_cart{
  color: var(--wooanchorcolor);
  display: flex;
  align-items: center;
  justify-content: center;  
}


/* Woocommerce Cart Page ------------------------------------------------- */
.royalsinglepost .woocommerce .wc-proceed-to-checkout .checkout-button,
.royalsinglepost .woocommerce #place_order{
    background: var(--woobuttonbgcolornormal);
}

.royalsinglepost .woocommerce td.product-quantity {
    width: 110px;
}

.royalsinglepost .woocommerce .quantity .qty {
  width: 80px!important;
  padding: 6px 0;
}

.royalsinglepost .woocommerce .quantity {
    padding-right: 0!important;
}

.royalsinglepost .woocommerce input#coupon_code {
    width: 100px;
}

.royalsinglepost .woocommerce .cart_totals{
    max-width: 300px;
}





/* Woocommerce Checkout Page ------------------------------------------------- */
.royalsinglepost input[type=password],
.royalsinglepost input[type=text],
.royalsinglepost input[type=email],
.royalsinglepost input[type=tel]  {
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 8px 5px;
}

.royalsinglepost textarea{
    border: 1px solid #aaa;
    border-radius: 4px;
}

.royalsinglepost button.button.alt {
    padding: 15px!important; 
    background: var(--color1st);
}

.royalsinglepost .woocommerce-info a {
    color: var(--wooanchorcolor);
}

.woocommerce .col2-set, 
.woocommerce-page .col2-set {
    width: 49%;
    float: left;
}

.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2 {
    float: inherit;
    width: 100%;
}

#order_review_heading,
.woocommerce .woocommerce-checkout-review-order{
    width: 49%;
    float: right;
}

form.woocommerce-checkout{
  overflow: hidden;
}

.woocommerce section.related {
  clear: both;
}

.woocommerce-error {
  border-top-color: var(--colordanger);
}

.woocommerce form .form-row.woocommerce-invalid .select2-container, 
.woocommerce form .form-row.woocommerce-invalid input.input-text, 
.woocommerce form .form-row.woocommerce-invalid select {
  border-color: var(--colordanger);
}

.woocommerce form .form-row.woocommerce-invalid label {
  color: var(--colordanger);
}


/* Woocommerce Single Product Page ------------------------------------------------- */
.royalproductpage nav.woocommerce-breadcrumb {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.royalproductpage nav.woocommerce-breadcrumb a{
    color: #000;
}

.royalproductpage nav.woocommerce-breadcrumb a:hover{
    color: var(--color1st);
}

.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
    width: 58%!important;
}

.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
    width: 38%!important;
}

.woocommerce div.product div.images img {
    border: 1px solid #ddd;
}

.woocommerce div.product .product_title {
    color: #000!important;
    font-size: 30px;
}

.woocommerce div.product p.price {
    font-size: 30px!important;
    color: var(--woopricecolor);
}

.woocommerce div.product p.price del{
    color: var(--colordanger);
}

.woocommerce div.product form.cart {
    margin: 2em 0;
}

.woocommerce div.product form.cart div.quantity{
    width: 100px;
    max-width: 49%;
    margin: 0 1% 0 0;
}
.woocommerce div.product form.cart .button {
    width: 50%;
}

.woocommerce div.product form.cart a.afteraddtocart:hover{
  color: var(--woobuttonbgcolorhover);
}

.woocommerce div.product .product_meta span{
  display: block;
}

.woocommerce div.product .product_meta .sku_wrapper span.sku {
    display: inline-block!important;
}

.woocommerce div.product .product_meta span.posted_in a {
    color: var(--wooanchorcolor);
}

.woocommerce div.product .product_meta span.posted_in a:hover{
  color: var(--woobuttonbgcolorhover);
}

.woocommerce button.button.alt {
  padding: 15px 0!important;
  font-size: 14px;
  background: var(--woobuttonbgcolornormal);  
}

.royalproductpage .quantity .qty {
  width: inherit!important;
  padding: 12px 0;
}

.royalsinglepost .quantity {
    padding-right: 0px;
}


.woocommerce #review_form #respond textarea {
    border: 1px solid #ddd;
}


.woocommerce div.product form.cart .variations select{
    padding: 5px;
    margin-bottom: 5px;
}

.woocommerce ul.products li.product .price {
  color: var(--woopricecolor);
}

/* Woocommerce Related products ------------------------------------------------- */
.woocommerce a .woocommerce-loop-product__title {
  color: var(--wootitlecolor);
}

.single-product ul.products li.product .button {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-product a.added_to_cart{
  color: var(--wooanchorcolor);
  display: flex;
  align-items: center;
  justify-content: center;  
}

/* Woocommerce Bottom Menu ------------------------------------------------- */
.woobottommenu{
    visibility: hidden;}



/* Woocommerce Price Filter ------------------------------------------------- */
.price_slider{ 
    margin-bottom: 1em;
}

.price_slider_amount {
    text-align: right;
    line-height: 2.4em;
    font-size: 0.8751em;
}

.price_slider_amount .button {
    font-size:1.15em;
}

.price_slider_amount .button {
    float: left;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    top: -5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    cursor: pointer;
    background: #e7e7e7;
    background: linear-gradient(linear,left top,left bottom,from(#FEFEFE),to(#e7e7e7));
    background: -webkit-linear-gradient(#FEFEFE,#e7e7e7);
    background: -moz-linear-gradient(center top,#FEFEFE 0%,#e7e7e7 100%);
    background: -moz-gradient(center top,#FEFEFE 0%,#e7e7e7 100%);
    outline: none;
    
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
}

.ui-slider .ui-slider-handle:last-child {
    margin-left: -1em;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size:.7em;
    display: block;
    border: 0;
    background: none repeat scroll 0 0 var(--color1st);
    box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;
    -webkit-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;
    -moz-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

.price_slider_wrapper .ui-widget-content {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background: #1e1e1e;
    background: linear-gradient(linear,left top,left bottom,from(#1e1e1e),to(#6a6a6a));
    background: -webkit-linear-gradient(#1e1e1e,#6a6a6a);
    background: -moz-linear-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);
    background: -moz-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);
}

.ui-slider-horizontal {
    height:10px;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: -1px;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: -1px;
}
/*---------------*/















/* WP Calendar ------------------------------------------------- */
#wp-calendar {
    width: 100%;
    cursor: pointer
}

#wp-calendar caption {
    font-weight: 700;
    padding-bottom: 10px
}

#wp-calendar td,
#wp-calendar th {
    border: 1px solid #ccc;
    text-align: center;
    height: 32px
}

#wp-calendar td:hover {
    background: #d1cdbd;
    color: #000
}

#wp-calendar #today,
#wp-calendar #today a {
    background: #d1cdbd;
    color: #000;
    font-weight: 700
}

#wp-calendar tfoot {
    display: none
}






/* Menu Hover ------------------------------------------------- */
/* stroke */
.menuhoverstroke ul li a{
    position: relative;
}

.menuhoverstroke ul li a:after{
  transition: all .5s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: var(--menuhoverstroke);
  height: 3px;
}

.menuhoverstroke ul li a:hover:after {
  width: 100%;
}




/* Shift*/
.menuhovershift ul li a {
  position:relative;
  z-index: 1;
}

.menuhovershift ul li a:after {
  transition: all .5s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 3px;
  content: '.';
  color: transparent;
  background: var(--menuhoverbg);
  visibility: none;
  opacity: 0;
  z-index: -1;
}

.menuhovershift ul li a:hover:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}



/* Circle */
.menuhovercircle ul li a {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.menuhovercircle ul li a:after {
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '.';
  color: transparent;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background: transparent;
}

.menuhovercircle ul li a:hover:after {
  animation: menuhovercircle 1.5s ease-in forwards;
}

@keyframes menuhovercircle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: var(--menuhoverbg);
    border-radius: 100%;
  }
  100% {
    background: var(--menuhoverbg);
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}  


/* Fill */
.menuhoverfill ul li a {
  position: relative;
  transition: all 2s;
}

.menuhoverfill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: var(--menuhoverbg);
  height: 3px;
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;  
}


.menuhoverfill ul li a:hover {
  color: #fff;
  z-index: 1;
}

.menuhoverfill ul li a:hover:after {
  z-index: -10;
  animation: menuhoverfill 1s forwards;
  -webkit-animation: menuhoverfill 1s forwards;
  -moz-animation: menuhoverfill 1s forwards;
  opacity: 1;
}

@keyframes menuhoverfill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: var(--menuhoverstroke);
  }
}
/* Menu Hover End ------------------------------------------------- */


/* Comments ------------------------------------------------- */
.comments, #addcomments {background: #fff; border-radius: 6px;}
.comments { margin-bottom:50px;}
#thecomments {margin-top: 0;}
#thecomments h2.badge,
#respond h2.badge {
border-radius: 3px;
padding: 7px 12px;
display: table;
margin: 0 auto;
font-size: 18px;
background: #ddd;
}
#addcomments {margin-top: 0;}

.commentlist, .commentlist li {
  list-style: none;
}

ol.commentlist { margin: 0;  padding: 0 5px 0 0;}
ol.commentlist li.parent {
    border: 1px solid #dfdfdf;
    padding: 5px;
    border-radius: 10px;	
}

.commentlist .comment-body{
	margin: 0;
    position: relative;
    border-top: 0;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 10px;
	}
ol.commentlist li.parent > article {border: 0; padding-bottom: 0px;}	
article.comment-body{border-bottom: 1px solid #DE6262;}
.comment-body a:hover{  text-decoration: underline;}
.comment-body a.comment-reply-link {background:#DE6262; margin: 0; text-decoration:none; color:#fff; padding: 3px 8px 4px; font-size:12px; border:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.comment-body a.comment-reply-link:hover {  background: #6E6E6E;}
ol.commentlist li {margin-top:20px;  list-style: none; background:#fff;}
ol.commentlist > li {box-shadow: #deeeff 0px 1px 3px; border-radius: 12px;}
ol.commentlist li ul.children {margin-bottom: 0px !important;    margin-top: 25px !important;}
ol.commentlist li ul.children li{ border-bottom: 0; padding-left: 20px  !important; margin: 10px 0; border-left:1px solid #e8e8e8;}
ol.commentlist li ul.children comment-body{ padding: 15px 0 5px;  margin: 10px 0 0; position: relative;}
.reply {margin-bottom:2px;}
ol.commentlist img.avatar { margin-right:5px; float:left; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
ol.commentlist .comment-author { line-height: 25px; border:0; width: 50%;  float: left; }
ol.commentlist .comment-metadata {width: 50%;  float: right; text-align: right;}
ol.children {padding-left: 25px;}
.comment-body h6{  font-style: normal; margin:0; padding:8px 0 0;}
.comment-body h6 a{color: #6E6E6E; }
.comment-body h6 a:hover {color: #DE6262; text-decoration: none}
.comment-time{  font-size: 12px;  font-style: normal;    color: #ccc;}
.commentmetadata {  clear: both;    padding: 0;    margin: 0;}
.commentmetadata a{ margin: 0;  color: #000;    text-decoration: underline;}
.comment-body p{ padding:7px 0 3px; font-weight:300;}
.comment-body .comment-meta{border-bottom: 1px solid #e8e8e8; padding-bottom:2px; overflow: hidden;}
.comment-body .comment-author {  margin: 0; }
.comment-body ul, .comment-body ol {padding:0; margin:0;}
.comment-body ul li, .comment-body ol li {padding:7px 0; margin:0; border:0;}
.comment-body ul li ul, .comment-body ol li ol {padding:7px 0 7px 7px; margin:0; border:0;}

.comment-notes {padding-top:25px; text-align: center;}
form#commentform textarea {min-height:150px;}
form#commentform label, form#commentform p {font-weight:300;}
form#commentform input#submit {background:#DE6262; margin-top: 0; color:#fff; padding:9px 12px 10px; font-size:16px; border:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
form#commentform input#submit:hover {  background: #6E6E6E;}

#reply-title {
	border-radius: 3px;
	padding: 7px 12px;
	display: table;
	margin: 10px auto;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;	
	} 
#reply-title a{margin-right: 10px; color: #9DD1FF;}
a#cancel-comment-reply-link { color: #ff0000;}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label
 {font-size: 18px; width: 100%;} 
.comment-form-author input,
.comment-form-url input,
.comment-form-email input,
.comment-form-comment textarea {
	font-size: 18px; 
	height: 55px; 
	padding: 5px 15px; 
	width: 100%;     
	border: 1px solid #ccc;    
	border-radius: 4px;
 } 
 
ol.children li.comment article{
background: #ddd;
border: 0;
border-radius: 12px;
}

ol.children li.comment-author-mehdi > article,
ol.children li.comment-author-admin > article{
background: #ddddd0;
border-radius: 12px;
border: 0;
}



/* Pagination ------------------------------------------------- */
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span,
.pagination {
    clear: both;
    font-size: 14px;
    line-height: 14px;
    padding: 20px 0;
    overflow: hidden;
    text-align: center;
    color: var(--pagination_color); 
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li{
  border: none;
}


.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span,
.pagination span,
.pagination a {
	display: inline-block;
    margin: 2px 2px 2px 0;
    padding: 10px 14px 10px;
    text-decoration: none;
    width: auto;
    line-height: 100%;
    background: var(--pagination_bg_color);
    color: var(--pagination_color);    
}

.pagination a:hover,
.pagination span.current {
    background: var(--pagination_bg_color_hover); 
    color: var(--pagination_color_hover);
}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current,
.pagination .current {
    padding: 10px 14px 10px;
    background: var(--pagination_bg_color_hover); 
    color: var(--pagination_color_hover);
}


/* Link Hover ------------------------------------------------- */
.linkhover a, 
.linkhover .royalhover, 
.linkhover a > span {
  position: relative;
  color: inherit;
  text-decoration: none;
  line-height: 24px;
}
.linkhover a:before, 
.linkhover a:after, 
.linkhover a > span:before, 
.linkhover a > span:after {
  content: '';
  position: absolute;
  transition: transform .5s ease;
}
.hover1 {
  padding-top: 10px;
}
.hover1:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #492059;
  transform: scaleX(0);
}
.hover1:hover:before {
  transform: scaleX(1);
}
.hover2 {
  padding: 4px 10px;
}
.hover2:before, 
.hover2:after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-color: var(--color2nd);
}
.hover2:before {
  border-width: 2px 0 2px 0;
  transform: scaleX(0);
}
.hover2:after {
  border-width: 0 2px 0 2px;
  transform: scaleY(0);
}

.hover2:hover:before, 
.hover2:hover:after {
  transform: scale(1, 1);
}
.hover3 {
  display: inline-flex;
  padding-top: 10px;
  padding-bottom: 5px;
  overflow: hidden;
}
.hover3:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  transform: translateX(-100%);
  background: var(--color1st);
}
.hover3:hover:before {
  transform: translateX(0);
}
.hover4 {
  padding: 10px;
  display: inline-flex;
  overflow: hidden;
}
.hover4:before, .hover4:after {
  left: 0;
  width: 100%;
  height: 2px;
  background: #492059;
}
.hover4:before {
  bottom: 0;
  transform: translateX(-100%);
}
.hover4:after {
  top: 0;
  transform: translateX(100%);
}
.hover4:hover:before, .hover4:hover:after {
  transform: translateX(0);
}
.hover5 {
  display: inline-block;
  overflow: hidden;
}
.hover5:before, .hover5:after {
  right: 0;
  bottom: 0;
  background: #492059;
}
.hover5:before {
  width: 100%;
  height: 2px;
  transform: translateX(-100%);
}
.hover5:after {
  width: 2px;
  height: 100%;
  transform: translateY(100%);
}
.hover5 > span {
  display: flex;
  padding: 10px;
}
.hover5 > span:before, .hover5 > span:after {
  left: 0;
  top: 0;
  background: #492059;
}
.hover5 > span:before {
  width: 100%;
  height: 2px;
  transform: translateX(100%);
}
.hover5 > span:after {
  width: 2px;
  height: 100%;
  transform: translateY(-100%);
}
.hover5:hover:before, .hover5:hover:after, .hover5:hover > span:before, .hover5:hover > span:after {
  transform: translate(0, 0);
}
.hover6 {
  display: inline-flex;
  overflow: hidden;
}
.hover6:before, .hover6:after {
  right: 0;
  bottom: 0;
  background: #492059;
  transition: transform .3s ease;
}
.hover6:before {
  width: 100%;
  height: 2px;
  transform: translateX(-100%);
  transition-delay: .9s;
}
.hover6:after {
  width: 2px;
  height: 100%;
  transform: translateY(100%);
  transition-delay: .6s;
}
.hover6 > span {
  display: flex;
  padding: 10px;
}
.hover6 > span:before, .hover6 > span:after {
  left: 0;
  top: 0;
  background: #492059;
  transition: transform .3s ease;
}
.hover6 > span:before {
  width: 100%;
  height: 2px;
  transform: translateX(100%);
  transition-delay: .3s;
}
.hover6 > span:after {
  width: 2px;
  height: 100%;
  transform: translateY(-100%);
  transition-delay: 0s;
}
.hover6:hover:before, .hover6:hover:after, .hover6:hover > span:before, .hover6:hover > span:after {
  transform: translate(0, 0);
}
.hover6:hover:before {
  transition-delay: 0s;
}
.hover6:hover:after {
  transition-delay: .3s;
}
.hover6:hover > span:before {
  transition-delay: .6s;
}
.hover6:hover > span:after {
  transition-delay: .9s;
}
.hover7 {
  display: inline-block;
  overflow: hidden;
}
.hover7:before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #492059;
  transform: translateX(-100%);
}
.hover7:after {
  content: attr(data-content);
  left: 0;
  top: 0;
  width: 0;
  margin: 12px;
  color: #492059;
  white-space: nowrap;
  overflow: hidden;
  transition: width .5s ease;
}
.hover7 > span {
  display: block;
  margin: 2px;
  padding: 10px;
  background: #9556AE;
}
.hover7:hover:before {
  transform: translateX(0);
}
.hover7:hover:after {
  width: calc(100% - 24px);
}
.hover8 {
  display: inline-flex;
  overflow: hidden;
}
.hover8:before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #492059;
  transform: translateY(-100%);
}
.hover8:after {
  content: attr(data-content);
  top: 0;
  left: 0;
  height: 0;
  margin: 12px;
  color: #492059;
  white-space: nowrap;
  overflow: hidden;
  transition: height .5s ease;
}
.hover8 > span {
  display: block;
  margin: 2px;
  padding: 10px;
  background: #9556ae;
}
.hover8:hover:before {
  transform: translateY(0);
}
.hover8:hover:after {
  height: calc(100% - 24px);
}
/* Link Hover */





/* Animation ------------------------------------------------- */
@-webkit-keyframes underline-link {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    50.01% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes underline-link {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    50.01% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}







/* Footer ------------------------------------------------- */
#footer {
  overflow: hidden;
  width: 100%;
}

#footer .shipping .box{
    display: inline-block;
    width: calc(25% - 10px);
    overflow: hidden;
    margin-left: 2px;
    margin-right: 7px;
    margin-bottom: 7px;
}

#footer .shipping .box:nth-child(4n) {
    margin-right: 0;
}

#footer .shipping .box a:hover .detail{
  color: var(--color1st);
}




#footer .middle{
  background: var(--footerbgcolor);
  color: var(--footertextcolor);
  margin: 50px 0 0 0;
  padding: 50px 0;
}

#footer .boxes{
  display: flex;
  gap: 10px;
}

#footer .boxes h2 {
	padding-bottom: 15px;
	font-size: 16px;
}

#footer .boxes .box {
    flex: 1;
}

#footer .boxes .box ul li {
    margin-left: 20px;
}

#footer .boxes .box iframe {
    width: 100%!important;
}



#footer .bottom {
    background: var(--copyrightbgcolor);
}

#footer .bottom,
#footer .bottom a {
    color: var(--copyrighttextcolor);
}

#footer .copyrightbox{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(200px, 500px), 1fr)); 
}

#footer .copyrightbox div{
  flex: 1;
  padding: 5px 0;
  line-height: 33px;
}
#footer .copyrightbox div:last-child{
  text-align: right;  
}


#footer .development {
  text-align: right;
}


#footer .development a span {
    transition: .6s
}

#footer .development a:hover span {
    color: #fff
}



.footerstyle1 .bottom {
  padding: 20px 0;
}

.footerstyle2 .boxes,
.footerstyle2 .bottom {
  padding: 10px;
}




#cookie {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  background: #060708;
  padding: 17px 0 19px;
  z-index: 999999
}

#cookie.hide {
  display: none
}

#cookie .cookie {
  padding: 0 100px;
  text-align: center;
  font-size: 13px;
  color: #d2d2d2;
  position: relative;
  max-width: 1300px;
  margin: 0 auto
}

#cookie .cookie p>a {
  font-weight: 600;
  text-decoration: underline
}

#cookie .cookie p>a:hover {
  color: #fff
}

#cookie .cookie .close {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

#cookie .cookie .close a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #d2d2d2;
  font-weight: 300;
  font-size: 18px;
  color: #fff
}

#cookie .cookie .close a:hover {
  background: #d2d2d2;
  color: #060708
}


/* Royal Scroll to Top ------------------------------------------------- */
#royalscrolltop{ 
	position:fixed;
	bottom:var(--royalscrolltop_bottom);
	right:var(--royalscrolltop_right);
	display:none;
	-webkit-transition-duration: 0.1s; 
	-moz-transition-duration: 0.1s; 
	transition-duration: 0.1s; 
	z-index: 999999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#royalscrolltop i{
	height: 50px; 
	width: 50px; 
	font-size: 28px;
	border-radius: 100%; 
	line-height: 33px;
	background: var(--royalscrolltop_bg);
	color:var(--royalscrolltop_color);
	-webkit-transition-duration: 0.1s; 
	-moz-transition-duration: 0.1s; 
	transition-duration: 0.1s;   
	display: flex;
	justify-content: center;
	align-items: center;  
	opacity:.9;
}

#royalscrolltop i:hover{
	opacity:1;
	-webkit-transition-duration: 0.1s; 
	-moz-transition-duration: 0.1s; 
	transition-duration: 0.1s;   
}

#royalscrolltop:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}




/* Others ------------------------------------------------- */
.wooneed{
	margin: 50px 0;
}

.wooneed h2{
	text-align: center;
	color: var(--colordanger)
}






/* 3rd Party Plugins START ------------------------------------------------- */

/* Variation Swatches for WooCommerce*/
.wvs-has-image-tooltip:before, 
[data-wvstooltip]:before{
    background-color: var(--color1st)!important;
    opacity: .9!important;
}

.wvs-has-image-tooltip:after, 
[data-wvstooltip]:after{
    border-top: 5px solid var(--color1st)!important;
    opacity: .9!important;
}



#fb-root iframe {
    bottom: 46px!important;
}







/* Polylang Flag Size for Menu */
.royalmenu .lang-item img {
  width: 32px!important;
  height: 22px!important;
}
/* 3rd Party Plugins END ------------------------------------------------- */



.login-popup {
background: #f9f9f9 !important;
padding: 40px !important;
width: 100%;
max-width: 650px
}

.login-popup h3 {
text-align: center;
font-weight: 600;
font-size: 15px;
color: #191919;
text-transform: uppercase;
padding-bottom: 12px
}

.login-popup p {
font-size: 15px;
color: #454545;
text-align: center
}

.login-popup hr {
background: #c7c7c7;
width: 100%;
height: 1px;
max-width: 500px;
margin: 40px auto;
border: none
}

.login-popup .form {
width: 100%;
max-width: 336px;
margin: 0 auto
}

.login-popup .form label {
display: block;
font-size: 13px;
color: #454545;
padding-bottom: 8px
}

.login-popup .form .input-text {
height: 40px;
width: 100%;
border: 1px solid #c7c7c7;
background: #fff;
margin-bottom: 19px
}

.login-popup .form .forgot a {
display: inline-block;
color: #757575;
text-decoration: underline
}

.login-popup .form .forgot a:hover {
color: #9f241c
}

.login-popup .btn {
text-align: center;
padding-top: 40px
}

.login-popup .btn a {
display: inline-block;
width: 150px;
height: 35px;
line-height: 35px;
text-align: center;
background: #000;
color: #d2d2d2;
text-transform: uppercase
}

.login-popup .btn a:hover {
background: #9f241c
}

.login-popup .or {
margin: 30px 0;
text-align: center;
position: relative
}

.login-popup .or:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -.5px;
width: 100%;
height: 1px;
background: #cdcdcd;
content: " "
}

.login-popup .or span {
background: #f9f9f9;
display: inline-block;
padding: 0 30px;
position: relative;
z-index: 99
}

.login-popup .or span i {
display: block;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
background: #fff;
border-radius: 50%;
font-size: 13px;
color: #9f241c;
text-transform: uppercase;
font-style: normal
}

.login-popup .social {
margin-left: -2%
}

.login-popup .social a {
display: block;
float: left;
width: 48%;
margin-left: 2%;
line-height: 35px;
padding: 0 15px;
text-align: center;
height: 35px
}

.login-popup .social a.fb {
background: #3a589b;
line-height: 32px
}

.login-popup .social a.fb:hover {
background: #244283
}

.login-popup .social a.g-plus {
background: #dd4b39
}

.login-popup .social a.g-plus:hover {
background: #d52e11
}

.login-popup .form .highlight {
background: #e5e5e5;
text-align: center;
padding: 15px 15px;
color: #191919;
margin-top: 40px
}

.login-popup .form .highlight a {
text-decoration: underline
}

.login-popup .form .highlight a:hover {
color: #9f241c
}

.welcome-popup {
background: #f9f9f9;
padding: 0 !important;
width: 100%;
max-width: 1000px
}

.welcome-popup .image {
float: left;
width: 50%
}

.welcome-popup .image-detail {
float: left;
width: 50%;
padding: 94px 30px 90px
}

.welcome-popup .image-detail h3 {
text-align: center;
font-weight: 600;
font-size: 15px;
color: #191919;
text-transform: uppercase;
padding-bottom: 12px
}

.welcome-popup .image-detail p {
font-size: 15px;
color: #454545;
text-align: center
}

.welcome-popup .image-detail hr {
background: #c7c7c7;
width: 100%;
height: 1px;
max-width: 500px;
margin: 40px auto;
border: none
}

.welcome-popup .image-detail .form {
width: 100%;
max-width: 336px;
margin: 0 auto
}

.welcome-popup .image-detail .form label {
display: block;
font-size: 13px;
color: #454545;
padding-bottom: 8px
}

.welcome-popup .image-detail .form .input-text {
height: 40px;
width: 100%;
border: 1px solid #c7c7c7;
background: #fff;
margin-bottom: 19px
}


.welcome-popup .image-detail .form .forgot a {
display: inline-block;
color: #757575;
text-decoration: underline
}

.welcome-popup .image-detail .form .forgot a:hover {
color: #9f241c
}

.welcome-popup .image-detail .btn {
text-align: center;
padding-top: 40px
}

.welcome-popup .image-detail .btn a {
display: inline-block;
width: 150px;
height: 35px;
line-height: 35px;
text-align: center;
background: #000;
color: #d2d2d2;
text-transform: uppercase
}

.welcome-popup .image-detail .btn a:hover {
background: #9f241c
}

.welcome-popup .image-detail .form .highlight {
background: #e5e5e5;
text-align: center;
padding: 15px 15px;
color: #191919
}

.welcome-popup .image-detail .form .highlight a {
text-decoration: underline
}

.welcome-popup .image-detail .form .highlight a:hover {
color: #9f241c
}

.welcome-popup .image-detail .note {
text-align: center;
text-decoration: underline;
font-size: 13px;
color: #757575;
padding-top: 20px
}


/* Royal Tab ------------------------------------------------- */
.royalresponsivetab{
    margin: 20px 0;
}

div.royaltabbox {
width:100%;
}
  
div.royaltabbox h3 {
padding:20px 0px;
}
  
ul.royaltabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; 
width:99.9%;
}
  
ul.royaltabs li {
float: left;
margin-left: 5px;
padding: 0;
height: 32px; 
line-height: 32px; 
margin-bottom: -1px; 
overflow: hidden;
position: relative;
}
  
ul.royaltabs li a {
display: block;
padding: 0 5px;
outline: none;
background:none;
}
  
.royaltabcontainer {
border-top: none;
overflow: hidden;
clear: both;
float: left;
width:99.9%;
min-height:200px;
margin-bottom:10px;
}
  
.tabcontent {
padding: 20px;
}
  
.tabcontent h3 {
padding:0px;
}
  
ul.royaltabs {
border-bottom: 1px solid #ccc;
border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
}
  
ul.royaltabs li a {
background:#eee;
text-decoration: none;
color: #000;
outline: none;
border: 1px solid #ccc;
border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-top-right-radius:5px;
-moz-border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
}
  
ul.royaltabs li a:hover {
background: #eee;
}
  
ul.royaltabs li.active {
	border-bottom:1px solid #fff;
}

ul.royaltabs li.active a, 
ul.royaltabs li.active a:hover  {  
background: #fff;
}
  
div.royaltabcontainer {
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background:#fff;
}

@media only screen and (max-width: 767px) {
 
div.royaltabbox {
border: 1px solid #ccc;
display: flex;
}
 
ul.royaltabs {
height: auto;
display: block;
width: 70px;
border-left:0px;
}
     
ul.royaltabs li {
	width:100%;
	margin-left: 0;
	border-bottom: 0;
}

ul.royaltabs li a {
border-top-left-radius:0px;
-moz-border-top-left-radius:0px;
-webkit-border-top-left-radius:0px;
border-top-right-radius:0px;
-moz-border-top-right-radius:0px;
-webkit-border-top-right-radius:0px;    
border:0px;
}
     
div.royaltabcontainer {
border: 0px;
}
     
}


/* Custom Post ------------------------------------------------- */




/* royalgalleries Start */
ul.allroyalgallery{
  text-align: center;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 15px;
}

ul.allroyalgallery li{
	list-style: none;
}
	
ul.allroyalgallery li img{
	box-shadow: 2px 2px #ddd;
	padding: 5px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;	
	max-width: 100%
}

ul.allroyalgallery li img:hover{
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	z-index: 100;		
}

ul.allroyalgallery li .title{
	font-size: 14px;
	font-weight: bold;	
}

.royalgallery{
	overflow:hidden;
}

.royalgallery .galinner ul{
	margin: 0!important; padding: 0!important; text-align: center;
}

.royalgallery .galinner ul li{
	list-style: none;
	display: inline-block;				
}

.royalgallery .galinner ul li a img{
	padding: 5px;
	margin: 5px;
	border: 1px solid #ddd;
	box-shadow: 3px 2px 5px #ddd;
	width: calc(100% - 22px);			
	
}

.royalgallery .maxcol-1 ul li{width: 100%;}
.royalgallery .maxcol-2 ul li{width: 50%;}
.royalgallery .maxcol-3 ul li{width: 33.333333333%;}
.royalgallery .maxcol-4 ul li{width: 25%;}
.royalgallery .maxcol-5 ul li{width: 20%;}
.royalgallery .maxcol-6 ul li{width: 16.6666667%;}
.royalgallery .maxcol-7 ul li{width: 14.2857143%;}
.royalgallery .maxcol-8 ul li{width: 12.5%;}
.royalgallery .maxcol-9 ul li{width: 11.1111111%;}
.royalgallery .maxcol-10 ul li{width: 10%;}

@media only screen and (max-width: 767px) {
.royalgallery .maxcol-3 ul li,
.royalgallery .maxcol-4 ul li{
	width: 50%;
}

.royalgallery .maxcol-5 ul li,
.royalgallery .maxcol-6 ul li,
.royalgallery .maxcol-7 ul li,
.royalgallery .maxcol-8 ul li,
.royalgallery .maxcol-9 ul li,
.royalgallery .maxcol-10 ul li{
	width: 25%;
}


}

@media only screen and (max-width: 599px) {
.royalgallery .maxcol-1 ul li,
.royalgallery .maxcol-2 ul li,
.royalgallery .maxcol-3 ul li,
.royalgallery .maxcol-4 ul li,
.royalgallery .maxcol-5 ul li,
.royalgallery .maxcol-6 ul li,
.royalgallery .maxcol-7 ul li,
.royalgallery .maxcol-8 ul li,
.royalgallery .maxcol-9 ul li,
.royalgallery .maxcol-10 ul li{width: 100%;}			
}	

/* royalgalleries End */




/* royalpricingtable Start */

.linebrack {
	width: 100%;
	overflow: hidden;
	display: inline-block;
}

.rptplan{
  margin-bottom:15px;
  display: inline-block;
  vertical-align: top; /* here */ 
}


/* Plan 1 */
.rptmaxcol1 .rptplan {
  width: 100%;
}


/* Plan 2 */
.rptmaxcol2 .rptplan {
  width: 49%;
}

.rptmaxcol2 .rptplan:nth-child(2n+1){
  margin-right:2%;
}



/* Plan 3 */
.rptmaxcol3 .rptplan {
  width: 32%;
}

.rptmaxcol3 .rptplan:nth-child(3n+1),
.rptmaxcol3 .rptplan:nth-child(3n+2){
  margin-right: 1.9%;
}


/* Plan 4 */
.rptmaxcol4 .rptplan {
  width: 24.5%;
}

.rptmaxcol4 .rptplan:nth-child(4n+1),
.rptmaxcol4 .rptplan:nth-child(4n+2),
.rptmaxcol4 .rptplan:nth-child(4n+3){
  margin-right: 0.66%;
}


/* Plan 5 */
.rptmaxcol5 .rptplan {
  width: 19.5%;;
}

.rptmaxcol5 .rptplan:nth-child(5n+1),
.rptmaxcol5 .rptplan:nth-child(5n+2),
.rptmaxcol5 .rptplan:nth-child(5n+3),
.rptmaxcol5 .rptplan:nth-child(5n+4){
  margin-right: 0.62%;
}


/* Plan 6 */
.rptmaxcol6 .rptplan {
  width: 16%;
}

.rptmaxcol6 .rptplan:nth-child(6n+1),
.rptmaxcol6 .rptplan:nth-child(6n+2),
.rptmaxcol6 .rptplan:nth-child(6n+3),
.rptmaxcol6 .rptplan:nth-child(6n+4),
.rptmaxcol6 .rptplan:nth-child(6n+5){
  margin-right: .8%;
}


/* Plan 7 */
.rptmaxcol7 .rptplan {
  width: 13.7142857143%;
}

.rptmaxcol7 .rptplan:nth-child(7n+1),
.rptmaxcol7 .rptplan:nth-child(7n+2),
.rptmaxcol7 .rptplan:nth-child(7n+3),
.rptmaxcol7 .rptplan:nth-child(7n+4),
.rptmaxcol7 .rptplan:nth-child(7n+5),
.rptmaxcol7 .rptplan:nth-child(7n+6){
  margin-right: 0.66666666666%;
}


/* Plan 8 */
.rptmaxcol8 .rptplan {
  width: 12%;
}

.rptmaxcol8 .rptplan:nth-child(8n+1),
.rptmaxcol8 .rptplan:nth-child(8n+2),
.rptmaxcol8 .rptplan:nth-child(8n+3),
.rptmaxcol8 .rptplan:nth-child(8n+4),
.rptmaxcol8 .rptplan:nth-child(8n+5),
.rptmaxcol8 .rptplan:nth-child(8n+6),
.rptmaxcol8 .rptplan:nth-child(8n+7){
  margin-right: 0.57142857142%;
}


/* Plan 9 */
.rptmaxcol9 .rptplan {
  width: 10.6666666667%;
}

.rptmaxcol9 .rptplan:nth-child(9n+1),
.rptmaxcol9 .rptplan:nth-child(9n+2),
.rptmaxcol9 .rptplan:nth-child(8n+3),
.rptmaxcol9 .rptplan:nth-child(9n+4),
.rptmaxcol9 .rptplan:nth-child(9n+5),
.rptmaxcol9 .rptplan:nth-child(9n+6),
.rptmaxcol9 .rptplan:nth-child(9n+7),
.rptmaxcol9 .rptplan:nth-child(9n+8){
  margin-right: 0.5%;
}


/* Plan 10 */
.rptmaxcol10 .rptplan {
  width: 9.55%;
}

.rptmaxcol10 .rptplan:nth-child(10n+1),
.rptmaxcol10 .rptplan:nth-child(10n+2),
.rptmaxcol10 .rptplan:nth-child(10n+3),
.rptmaxcol10 .rptplan:nth-child(10n+4),
.rptmaxcol10 .rptplan:nth-child(10n+5),
.rptmaxcol10 .rptplan:nth-child(10n+6),
.rptmaxcol10 .rptplan:nth-child(10n+7),
.rptmaxcol10 .rptplan:nth-child(10n+8),
.rptmaxcol10 .rptplan:nth-child(10n+9){
  margin-right: 0.5%;
}


.rptplan .rpttitle img {
  margin-right:10px;
  position:relative;
  vertical-align: middle;
}

.rptplan .rpttitle {
  text-align: center;
  border-bottom:#111 solid 1px;
  background:#222;
  padding:14px 18px;
  font-size:26px;
  color:white;
  line-height:48px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.rptplan .rpthead {
  overflow: hidden;
  border-top:#222 solid 2px;
  background: #333333; /* Old browsers */
  background: -moz-linear-gradient(45deg, #333333 0%, #1c1c1c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #333333 0%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #333333 0%,#1c1c1c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #333333 0%,#1c1c1c 100%); /* IE10+ */
  background: linear-gradient(45deg, #333333 0%,#1c1c1c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#333333", endColorstr="#1c1c1c",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.rptplan .rpthead .rptprice {
  padding:6px 10px;
  font-size:50px;
  line-height:100px;
  font-weight:300;
  text-align:center;
  color:white;
  text-shadow: 1px 2px 7px rgba(0, 0, 0, 0.6);
  position: relative;
}

span.rptbefore-price {
	font-size: 14px;
	line-height: 14px;
	position: absolute;
}

.rptplan .rpthead .rptrecurrence {
  font-size:13px;
  font-weight:300;
  line-height:18px;
  padding:10px;
  color:lightgrey;
  text-align:center;
}

.rptsm-recurrence .rptplan .rpthead .rptrecurrence {
  font-size:12px; 
  padding:20px 40px 4px;}

.rptplan .rpthead .rptsubtitle {
  font-size:16px;
  line-height:20px;
  font-weight:300;
  text-align:center;
  padding:10px 30px 20px;
}

.rptplan .rpthead .rptdescription {
  font-size:14px;
  line-height:20px;
  padding:0px 20px 30px;
  font-weight:300;
  text-align:center;
  color:grey;
}

.rptsm-description .rptplan .rpthead .rptdescription {
	font-size:12px;
}

.rptplan .rptfeatures {
  background:whitesmoke;
  text-align:center;
}

.rptplan .rptfeatures .rptfeature {
  font-size: 16px;
  padding:6px 16px;
  border-bottom: 1px dotted lightgrey;
}
.rptplan .rptfeatures .rptfeature:nth-child(even){
  background: #e1e3e4;
}
.rptsm-features .rptplan .rptfeatures .rptfeature {font-size: 14px;}

.rptplan .rptfoot {
  background: #222;
  display:block;
  padding:10px 30px;
  border-top:whitesmoke solid 2px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  text-align:center;
  color: #fff !important;
  font-size: 24px;
  text-decoration:none;
  font-weight:300;
  transition:All 500ms ease;
  -webkit-transition:All 500ms ease;
  -moz-transition:All 500ms ease;
  -o-transition:All 500ms ease;
}
.rptsm-button .rptplan .rptfoot {font-size: 19px;}


.rptplan .rptfoot:hover {opacity:0.8;}

.rptplan img {
  display:inline;
  margin:0px 10px 0 0;
  padding:0;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  border:none;
}

/* CSS FIXES */
.entry-content .rptplan a {border-bottom:none;}
.rptplan a {border-bottom:none;}
.rptplans {
	margin-bottom: 25px;
}
.rptplans:before,
.rptplans:after {
  content: "";
  display: table;
}

.rptplans:after {
  clear: both;
}


.rptplan {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.rptplan:hover {
  z-index: 3;
  box-shadow: 0px 0px 5px 5px #000;
  border-radius:10px;
  transform: scale(1.06) translateY(-5px); 
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.rptplan .rpttitle,
.rptplan:hover .rpttitle,
.rptplan.rpthead,
.rptplan:hover .rpthead
{
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;  
  
}

@media only screen and (min-width: 601px) and (max-width: 786px) {
.rptplan .rpthead .rptprice {margin-top:20px;}

/* Plan 2 + 4 + 8 */
.rptmaxcol2 .rptplan,
.rptmaxcol4 .rptplan,
.rptmaxcol8 .rptplan{
	width: 49%!important;
}

.rptmaxcol2 .rptplan:nth-child(n+0),
.rptmaxcol4 .rptplan:nth-child(n+0),
.rptmaxcol8 .rptplan:nth-child(n+0){
	margin-right: inherit;
}

.rptmaxcol2 .rptplan:nth-child(2n+1),
.rptmaxcol4 .rptplan:nth-child(2n+1),
.rptmaxcol8 .rptplan:nth-child(2n+1){
	margin-right:2%!important;
} 



/* Plan 3 + 6 + 9 */
.rptmaxcol6 .rptplan,
.rptmaxcol9 .rptplan {
	width: 32%!important;
}

.rptmaxcol6 .rptplan:nth-child(n+0),
.rptmaxcol9 .rptplan:nth-child(n+0){
	margin-right: inherit;
}

.rptmaxcol6 .rptplan:nth-child(3n+1),
.rptmaxcol6 .rptplan:nth-child(3n+2),
.rptmaxcol9 .rptplan:nth-child(3n+1),
.rptmaxcol9 .rptplan:nth-child(3n+2){
	margin-right: 1.9%!important;
} 


/* Plan 5 + 10 */
.rptmaxcol10 .rptplan {
width: 19.5%;;
}

.rptmaxcol10 .rptplan:nth-child(n+0){
	margin-right: inherit;
}

.rptmaxcol10 .rptplan:nth-child(5n+1),
.rptmaxcol10 .rptplan:nth-child(5n+2),
.rptmaxcol10 .rptplan:nth-child(5n+3),
.rptmaxcol10 .rptplan:nth-child(5n+4){
	margin-right: 0.62%;
} 


  
  
}


@media only screen and (max-width: 600px) {
.rptplan .rpthead .rptprice {line-height:100px !important;}
.rptplan .rpttitle {font-size:26px !important;line-height:48px;}

.rptplan .rpthead .rptdescription {
font-size:15px !important;
line-height:26px !important;
padding:0px 40px 30px;
}

.rptplan .rptfeatures .rptfeature {padding:6px 16px;font-size:14px !important;}

.rptplan .rptfoot {
padding:10px 40px;
text-align:center;
font-size: 20px !important;
}

.rptplans .rptplan {width:96%;}
.rptplans .rptplan {margin:10px 2% 20px !important;}

}	
/* royalpricingtable End */





/* Maintenance */
.royalmaintenance{
  display: grid;
  justify-items: center;
  height: 100vh;
  align-items: center;
  padding: 50px;
  box-sizing: border-box;
}


.royalmaintenance .maintenancetop{
  display: flex;
  justify-content: center;  
}

.royalmaintenance h1{
  font-size: max(5vw, 50%, 22px);
  color: #6435c9;
}

.royalmaintenance p {
  font-size: 18px;
  color: #5f7f89;
}


.royalmaintenance .maintenanceleft {
  flex: 0 1 50%;
}

.royalmaintenance .maintenanceright {
  flex: 0 1 50%;
}

.royalmaintenance .maintenanceright img{
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Pre Copy code to clipboard START---------------------------- */
pre {
  position: relative;
  overflow: auto;
  margin: 5px 0;
  padding: 1.75rem 0 1.75rem 1rem;
  border-radius: 10px;
  background-color: #2d2d2d;
  color: #fff;
  overflow-x: auto;
  white-space: pre;
}

pre button {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 0.9rem;
  padding: 5px;
  background-color: #4e4848;
  border: ridge 1px #7b7b7c;
  border-radius: 5px;
  text-shadow: #c4c4c4 0 0 2px;
  color:#fff;
}

pre button:hover {
  cursor: pointer;
  background-color: #bcbabb;
  color:#000;
}

pre::selection, code::selection {
  background-color: #f1c40f;
  color: #000;
}

pre::-moz-selection, code::-moz-selection {
  background-color: #f1c40f;
  color: #000;
}


/* Pre Copy code to clipboard END------------------------------ */


/* 404 Error Start ------------------------------ */
.error404style1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.error404style1 svg {
  max-height: 80vh;
}

.error404style1 #handboy {
  animation: swing ease-in-out 1.3s infinite alternate;
  transform-origin: 98% 98%;
  transform-box: fill-box;
}

.error404style1 #girllight {
  animation: swing ease-in-out 1.3s infinite alternate;
  transform-origin: 0% 97%;
  transform-box: fill-box;
}

.error404style1 #hairgirl {
  animation: swinghair ease-in-out 1.3s infinite alternate;
  transform-origin: 60% 0%;
  transform-box: fill-box;
}

.error404style1 #zero {
  transform-origin: bottom;
  transform-box: fill-box;
}

@keyframes swing {
  0% {
      transform: rotate(10deg);
  }
  100% {
      transform: rotate(-10deg);
  }
}

@keyframes swinghair {
  0% {
      transform: rotate(6deg);
  }
  100% {
      transform: rotate(-6deg);
  }
}


.error404style2 {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  min-height: 50vh;
}
.error404style2 > span {
  display: inline-block;
  position: relative;
}
.error404style2 > span.four404 {
  width: 136px;
  height: 43px;
  border-radius: 999px;
  background:
    linear-gradient(140deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 43%, transparent 44%, transparent 100%),
    linear-gradient(105deg, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.06) 41%, rgba(0, 0, 0, 0.07) 76%, transparent 77%, transparent 100%),
    linear-gradient(to right, #d89ca4, #e27b7e);
}
.error404style2 > span.four404:before,
.error404style2 > span.four404:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 999px;
}
.error404style2 > span.four404:before {
  width: 43px;
  height: 156px;
  left: 60px;
  bottom: -43px;
  background:
    linear-gradient(128deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 40%, transparent 41%, transparent 100%),
    linear-gradient(116deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 50%, transparent 51%, transparent 100%),
    linear-gradient(to top, #99749D, #B895AB, #CC9AA6, #D7969E, #E0787F);
}
.error404style2 > span.four404:after {
  width: 137px;
  height: 43px;
  transform: rotate(-49.5deg);
  left: -18px;
  bottom: 36px;
  background: linear-gradient(to right, #99749D, #B895AB, #CC9AA6, #D7969E, #E0787F);
}

.error404style2 > span.zero404 {
  vertical-align: text-top;
  width: 156px;
  height: 156px;
  border-radius: 999px;
  background: linear-gradient(-45deg, transparent 0%, rgba(0, 0, 0, 0.06) 50%,  transparent 51%, transparent 100%),
    linear-gradient(to top right, #99749D, #99749D, #B895AB, #CC9AA6, #D7969E, #ED8687, #ED8687);
  overflow: hidden;
  animation: bgshadow404 5s infinite;
  top: -12px;
}
.error404style2 > span.zero404:before {
  content: '';
  display: block;
  position: absolute;
  transform: rotate(45deg);
  width: 90px;
  height: 90px;
  background-color: transparent;
  left: 0px;
  bottom: 0px;
  background:
    linear-gradient(95deg, transparent 0%, transparent 8%, rgba(0, 0, 0, 0.07) 9%, transparent 50%, transparent 100%),
    linear-gradient(85deg, transparent 0%, transparent 19%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.07) 91%, transparent 92%, transparent 100%);
    
}
.error404style2 > span.zero404:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 999px;
  width: 70px;
  height: 70px;
  left: 43px;
  bottom: 43px;
  background: #FDFAF5;
  box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
    
@keyframes bgshadow404 {
  0% {
    box-shadow: inset -160px 160px 0px 5px rgba(0, 0, 0, 0.4);
  }
  45% {
    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  }
  55% {
    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: inset 160px -160px 0px 5px rgba(0, 0, 0, 0.4);
  }
}



.error404style3 {
  text-align: center;
  font-size: 180px;
  font-family: "Catamaran", sans-serif;
  font-weight: 800;
  display: flex;
  gap: 22px;
  display:flex;
  align-items: center;
  justify-content: center;
  min-height: 50vh;  
}
.error404style3 span {
  display: inline-block;
  line-height: 0.7;
  position: relative;
  color: #ffb485;
}
.error404style3 span {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  color: #d1f2a5;
  animation: colordancing 4s infinite;
}

.error404style3 .zero404 {
  width: 120px;
  height: 120px;
  border-radius: 999px;
}

.error404style3 .zero404:before,
.error404style3 .zero404:after {
  border-radius: 0%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 999px;
  box-shadow: inset 30px 0 0 rgba(209, 242, 165, 0.4), inset 0 30px 0 rgba(239, 250, 180, 0.4), inset -30px 0 0 rgba(255, 196, 140, 0.4), inset 0 -30px 0 rgba(245, 105, 145, 0.4);
  animation: shadowsdancing404 4s infinite;
}

.error404style3 .zero404:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

@keyframes shadowsdancing404 {
  0% {
      box-shadow: 
        inset 30px 0 0 rgba(209, 242, 165, 0.4), 
        inset 0 30px 0 rgba(239, 250, 180, 0.4), 
        inset -30px 0 0 rgba(255, 196, 140, 0.4), 
        inset 0 -30px 0 rgba(245, 105, 145, 0.4);
  }
  25% {
      box-shadow: 
        inset 30px 0 0 rgba(245, 105, 145, 0.4), 
        inset 0 30px 0 rgba(209, 242, 165, 0.4), 
        inset -30px 0 0 rgba(239, 250, 180, 0.4), 
        inset 0 -30px 0 rgba(255, 196, 140, 0.4);
  }
  50% {
      box-shadow: 
        inset 30px 0 0 rgba(255, 196, 140, 0.4), 
        inset 0 30px 0 rgba(245, 105, 145, 0.4), 
        inset -30px 0 0 rgba(209, 242, 165, 0.4), 
        inset 0 -30px 0 rgba(239, 250, 180, 0.4);
  }
  75% {
      box-shadow: 
        inset 30px 0 0 rgba(239, 250, 180, 0.4), 
        inset 0 30px 0 rgba(255, 196, 140, 0.4), 
        inset -30px 0 0 rgba(245, 105, 145, 0.4), 
        inset 0 -30px 0 rgba(209, 242, 165, 0.4);
  }
  100% {
      box-shadow: 
        inset 30px 0 0 rgba(209, 242, 165, 0.4), 
        inset 0 30px 0 rgba(239, 250, 180, 0.4), 
        inset -30px 0 0 rgba(255, 196, 140, 0.4), 
        inset 0 -30px 0 rgba(245, 105, 145, 0.4);
  }
}
@keyframes colordancing {
  0% {
      color: #d1f2a5;
  }
  25% {
      color: #f56991;
  }
  50% {
      color: #ffc48c;
  }
  75% {
      color: #effab4;
  }
  100% {
      color: #d1f2a5;
  }
}


.error404style4 { 
  text-align: center;
  position: relative;
  overflow: hidden;
  height: 80vh;
  width: 100%;
}

.error404style4:after {
	content:'';
	display:inline-block;
	width:100%;
	height:100px;
	background:#fff;
	position:absolute;
	left:0;
	transform:skewY(-4deg);
	-webkit-transform:skewY(-4deg);
}

.error404style4 p {
	font-size: 240px;
	color: #fff;
	padding-top: 60px;
	position: relative;
  z-index: 9;
  line-height: 100%;
}

.error404style4 p small { 
  font-size: 40px; 
  line-height: 100%; 
  vertical-align: top;   
}

.error404style4 .circle.small {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: #48A9E6;
	position: absolute;
	z-index: 1;
	top: 80px;
	left: 50%;
	animation: 7s smallmove infinite cubic-bezier(1,.22,.71,.98);	
	-webkit-animation: 7s smallmove infinite cubic-bezier(1,.22,.71,.98);
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}

.error404style4 .circle.med {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: #48A9E6;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 10%;
	animation: 7s medmove infinite cubic-bezier(.32,.04,.15,.75);	
	-webkit-animation: 7s medmove infinite cubic-bezier(.32,.04,.15,.75);
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.error404style4 .circle.big {
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: #48A9E6;
	position: absolute;
	z-index: 1;
	top: 200px;
	right: 0;
	animation: 8s bigmove infinite;	
	-webkit-animation: 8s bigmove infinite;
	animation-delay: 3s;
	-webkit-animation-delay: 1s;
}

@-webkit-keyframes smallmove {
	0% { top: 10px; left: 45%; opacity: 1; }
	25% { top: 300px; left: 40%; opacity:0.7; }
	50% { top: 240px; left: 55%; opacity:0.4; }
	75% { top: 100px; left: 40%;  opacity:0.6; }
	100% { top: 10px; left: 45%; opacity: 1; }
}
@keyframes smallmove {
	0% { top: 10px; left: 45%; opacity: 1; }
	25% { top: 300px; left: 40%; opacity:0.7; }
	50% { top: 240px; left: 55%; opacity:0.4; }
	75% { top: 100px; left: 40%;  opacity:0.6; }
	100% { top: 10px; left: 45%; opacity: 1; }
}

@-webkit-keyframes medmove {
	0% { top: 0px; left: 20%; opacity: 1; }
	25% { top: 300px; left: 80%; opacity:0.7; }
	50% { top: 240px; left: 55%; opacity:0.4; }
	75% { top: 100px; left: 40%;  opacity:0.6; }
	100% { top: 0px; left: 20%; opacity: 1; }
}

@keyframes medmove {
	0% { top: 0px; left: 20%; opacity: 1; }
	25% { top: 300px; left: 80%; opacity:0.7; }
	50% { top: 240px; left: 55%; opacity:0.4; }
	75% { top: 100px; left: 40%;  opacity:0.6; }
	100% { top: 0px; left: 20%; opacity: 1; }
}

@-webkit-keyframes bigmove {
	0% { top: 0px; right: 4%; opacity: 0.5; }
	25% { top: 100px; right: 40%; opacity:0.4; }
	50% { top: 240px; right: 45%; opacity:0.8; }
	75% { top: 100px; right: 35%;  opacity:0.6; }
	100% { top: 0px; right: 4%; opacity: 0.5; }
}
@keyframes bigmove {
	0% { top: 0px; right: 4%; opacity: 0.5; }
	25% { top: 100px; right: 40%; opacity:0.4; }
	50% { top: 240px; right: 45%; opacity:0.8; }
	75% { top: 100px; right: 35%;  opacity:0.6; }
	100% { top: 0px; right: 4%; opacity: 0.5; }
}

/* 404 Error END ------------------------------ */



/* Custom Post Type Auto Start ------------------------------ */
.royalautoarchivetitle {
  margin: 30px 0;
  text-align: center;
}

.royalautoarchivetitle span {
  color: #ff0000a6;
}

.royalautocontainer .royalautogridsingle{
  overflow: hidden;
}

.royalautobanner {
  height: 300px;
  position: relative;
  z-index: 9;
  background: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 20px;
  }
  
  .royalautobanner .royalautocontent {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 999;
  padding: 0;
  bottom: 35%;
  }
  
  .royalautobanner .page-title {
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  }
  
  .royalautocontainer{
  box-sizing: border-box;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr) );
  }
  
  .royalautocontainer ul, .carlist, .carlist ul{
  list-style: none;
  margin: 0;
  padding: 0;
  }
  
  .royalautoleft img{
  width: 100%;
  height: auto;
  }
  
  .royalautoright h2{
  margin: 0 0 20px 0;
  }
  
  .royalautoright .royalautoconetnt p{
  font-size: 16px;
  line-height: 25px;
  }
  
  .royalautoright .royalautoconetnt{
  margin-bottom: 10px;
  }
  
  .royalautometainfo {
    border: 1px solid rgba(222,222,222,0.49);
    border-radius: 5px;
    padding: 10px;
  }
  
  .royalautometainfo ul{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr) );  
  }
  
  .royalautometainfo ul li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-right: -0.25em;
    margin-top: 10px;
    font-size: 16px;
    position: relative;
    text-align: left;
  }
  
  .royalautometainfo ul li:before {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    height: 1px;
    background: rgba(222,222,222,0.32);
  }
  
  .royalautometainfo .royalautoinfo{
    margin-bottom: 5px;
  }
  
  .royalautogooglemap iframe{
    width: 100%;
    height: 300px;
  }
  
  .royalautogallery {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(100px, 1fr) );
      gap: 5px;
  }
  
  .royalautogallery a img {
      width: 100%;
      height: auto!important;
  }
  
  
  .royalautogrid, 
  .tax-royalroyalauto_country .rightcontainer, 
  .tax-royalroyalauto_type .rightcontainer, 
  .post-type-archive-royalroyalauto .rightcontainer{
    text-align: center;
  }
  
  .royalautoarchive {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr) );
  }
  
  .royalautogridsingle{
    box-shadow: 0 0 30px #f1f1f1dd;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  
  .royalautocontainer .gridrow .royalautogridsingle:hover{
    box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.4);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  
  .royalautocontainer .gridrow  .royalautogridsingle:nth-child(4n),
  .royalautocontainer .gridrow  .royalautogridsingle:last-child{
    margin-right: 0px; 
  }
  
  .royalautocontainer .gridrow .royalautogridsingle .title{
    text-align: center;
    padding: 15px 15px 10px;
  }
  
  .royalautocontainer .gridrow .royalautogridsingle a.royalthumbnail{
    overflow: hidden;
    display: block;
  }

  .royalautocontainer .gridrow  .royalautogridsingle img{
    max-width: 100%;
    width: 300px;
    height: 400px;
    object-fit: cover;
    transition: transform .2s;
  }
  
  .royalautocontainer .gridrow .royalautogridsingle img:hover{
    transform: scale(1.1);
    transition: transform .2s;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem{
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem:hover {
  background-color: #ffeddf;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem .royalthumbnail{
    height: 150px;
    width: 200px;
    margin-right: 10px;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem .details .title{
    color: #1167a8;
    font-weight: 700;
    margin: 0;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem .details{
  flex: 1;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem .details .moredetails{
  display: flex;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem .details .moredetails .car_prices{
  width: 250px;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem .details .aditionaldetails{
  flex: 1;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem .details .aditionaldetails table{
  width: 100%;
  border-collapse: collapse;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem .details .aditionaldetails table th{
  background: #ededed;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem .details .aditionaldetails table td{
    background: #ffffff;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem .details .aditionaldetails table td, 
  .royalautocontainer .gridrow .carlist .car_listitem .details .aditionaldetails table th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 4px;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem .details .aditionaldetails ul{
    display: flex;
    justify-content: space-between;  
    gap: 2px;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem .details .aditionaldetails li{
    background-color: #d0f0ed;
    width: 100%;
    text-align: center;
  }
  
  .royalautocontainer .gridrow .carlist .car_listitem .details .moreinformation{
    display: flex;
    justify-content: left;
    gap: 5px;
  }
  
  .royalautocontainer .gridcolumn .royalautogridsingle:hover{
    transform: translatey(-3px);
  }

  .royalautocontainer .gridcolumn .royalautogridsingle img:hover{
    transform: scale(1);
  }

  .royalautogridsingle .title {
    text-align: center;
    padding: 15px 15px 10px;
  }

  @media only screen and (max-width: 767px){
  
  .royalautocontainer{
      grid-template-columns: inherit;
      }
  
  
  
  }

/* Custom Post Type Auto END ------------------------------ */





/* Custom Post Type Start ------------------------------ */
/* Custom Post Type END ------------------------------ */














/* Responsive ------------------------------------------------- */
@media only screen and (max-width: 992px) {
.desktopmenu,
.tablethide{
	display: none!important;;
}

.tabletshow{
	display: block!important;
}

.container-full {
  width: 750px;
  padding: 0 15px;
  margin: 0 auto
}

.headertop .topright ul {
    text-align: center;
}

.header.left {
  z-index: 99
}

.header .right .cart>a span {
  top: 0px
}

.header .left .search,
.header.right .login,
.header .right .wishlist {
  display: none
}

.header .center a {
  display: block;
  margin: 0 auto
}

.header .center {
  padding: 8px 0
}

.product-carousel .owl-nav .owl-prev {
  left: 0
}
.product-carousel .owl-nav .owl-next {
  right: 0
}
#instagram .instagram-carousel .owl-nav .owl-prev {
  left: 0
}
#instagram .instagram-carousel .owl-nav .owl-next {
  right: 0
}
#catalogue .row .featured-catalogue .center .icon,
#catalogue .row .featured-catalogue .center h3,
#catalogue .row .featured-catalogue .center p {
  display: none
}
#footer .shipping .container {
  padding-left: 0;
  padding-right: 0
}


#catalogue .row .roots .right a .banner-text .block {
  width: 100%
}
#catalogue .row .roots .right a .banner-text {
  left: 40px;
  right: 40px
}

.login-popup {
  padding: 40px 20px !important
}
.login-popup hr {
  margin: 20px 0
}
.login-popup .btn {
  margin-top: 25px
}
.login-popup .form .highlight {
  margin-top: 20px
}
.login-popup p {
  font-size: 14px
}
.welcome-popup .image {
  display: none
}
.welcome-popup .image-detail {
  float: none;
  width: 100%;
  padding: 40px 20px
}
.welcome-popup .image-detail hr {
  margin: 20px 0
}
.welcome-popup .image-detail .btn {
  padding-top: 20px
}
#sub-banner {
  padding: 15px 0
}
#sub-banner h1,
#sub-banner h2 {
  font-size: 18px
}
#listing .listing-top .top .left {
  display: none
}
#listing .listing-top .top .right {
  display: none
}
#listing .advert {
  margin-top: 30px
}
#listing .listing {
  margin-top: 30px
}
#listing .listing .boxes .box {
  width: 31.33%
}
#listing .listing .explor {
  margin-top: 40px;
  padding-bottom: 20px
}
#listing .listing-top .top .center .filter-btn {
  overflow: hidden;
  padding: 0
}
#listing .listing-top .top .center .filter-btn a {
  display: block;
  float: left;
  width: 50%;
  text-align: left;
  padding-top: 13px;
  padding-bottom: 13px;
  background-position: right 15px center !important
}
#listing .listing-top .top .center .filter-btn a+a {
  border-left: 1px solid #d2d2d2;
  margin-left: 0;
  padding-left: 20px;
  background-position: right 0 center !important
}
#listing .listing-top {
  top: 58px
}
#listing .listing-top .middle a.clear {
  margin-left: 20px
}
#listing .listing-top .bottom .filter-menu .boxes {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 15px
}
#listing .listing-top .bottom .filter-menu .boxes .box {
  float: none;
  width: 100%
}
#listing .listing-top .bottom .filter-menu .boxes .box+.box {
  margin-left: 0;
  margin-top: 10px
}
#listing .listing-top .bottom .filter-menu .boxes .box .list {
  display: none
}
#listing .listing-top .bottom .filter-menu,
#listing .listing-top .bottom .sortby-menu {
  padding: 15px 0
}
#listing .listing-top .bottom .filter-menu .btns,
#listing .listing-top .bottom .sortby-menu .btns {
  padding-top: 20px;
  margin-left: -2%;
  overflow: hidden;
  padding: 20px 15px 0
}
#listing .listing-top .bottom .filter-menu .btns a,
#listing .listing-top .bottom .sortby-menu .btns a {
  float: left;
  display: block;
  width: 48%;
  margin-left: 2%
}
#listing .listing-top .bottom .filter-menu .btns a+a,
#listing .listing-top .bottom .sortby-menu .btns a+a {
  margin-left: 2%
}
#listing .listing-top .bottom .filter-menu .boxes {
  display: none
}
#listing .listing-top .bottom .filter-menu .multiple {
  display: block
}
#listing .listing-top .middle {
  display: none
}
#listing .listing-top .bottom .filter-menu,
#listing .listing-top .bottom .sortby-menu {
  border: none
}
.pdt-box .image>a span {
  font-size: 10px;
  line-height: 20px;
  right: 5px;
  top: 5px
}
#detail .detail .left {
  width: 100%;
  float: none
}
#detail .detail .right {
  width: 100%;
  float: none;
  padding: 30px 0 0 0
}
#detail-info .detail-info {
  padding: 0
}

.header .right .cart {
  margin-right: 8px;
}

#product-block .product-block .gradient {
  margin: 0
}
#detail .detail .right .gradient {
  margin: 15px 0
}
#cart-flow .cart .left {
  width: 450px
}
#cart-flow .cart .right {
  width: calc(100% - 450px)
}
#cart-flow .cart .left .product-list .head .box {
  display: none
}
#cart-flow .cart .left .product-list .head .box:nth-child(1) {
  display: block;
  width: 100%
}
#cart-flow .cart .left .product-list .list .row .box {
  display: none
}
#cart-flow .cart .left .product-list .list .row .box:nth-child(1) {
  display: block;
  width: 100%
}
#cart-flow .cart .left .product-list .list .row .box .product-detail .image-detail p {
  padding-left: 75px
}
#cart-flow .cart .left .product-list .list .row .box .product-detail .image-detail p span {
  width: 60px
}
#cart-flow .cart .left .product-list .list .row .box .product-detail .image-detail h3 {
  display: none
}
#cart-flow .cart .left .product-list .list .row .box .product-detail .image-detail {
  padding-top: 0
}
#cart-flow .cart .left .product-list .list .row .box .product-detail h4 {
  display: block;
  padding-bottom: 15px
}
#cart-flow .cart .left .product-list .list .row {
  padding-bottom: 10px
}
#billing-shipping .billing-shipping .boxes {
  margin-left: -3%
}
#billing-shipping .billing-shipping .boxes .box {
  margin-left: 3%;
  width: 47%
}
#sub-banner a+a {
  margin-left: 30px
}
#cart-flow .cart .left .address .boxes {
  margin-left: 0
}
#cart-flow .cart .left .address .boxes .box {
  width: 100%;
  margin-left: 0
}
#cart-flow .cart .left .address .boxes .box+.box {
  margin: 20px 0 0 0
}
#listing .listing-top .bottom .filter-menu .btns a.close {
  display: none
}
#listing .listing-top .bottom .filter-menu .btns a.close-m {
  display: inline-block
}

#catalogue .row .featured-catalogue .center {
  width: 100%;
  text-align: center;
  position: static;
  transform: translate(0, 0)
}
#catalogue .row .featured-catalogue .center a img.mobileshow {
  display: inline-block
}
#catalogue .row .featured-catalogue .center a {
  display: inline-block
}
#contact .contact .right {
  width: 100%;
  margin-top: 20px
}
#contact .contact .left {
  width: 100%
}


.container {
width: calc(100% - 20px);
padding: 0 10px
}

.left49, .right49{
float: inherit; 
width: 100%;}


.header.logo {
max-height: 50px;
width: auto;
max-width: 75%;
height: auto;
}

.tabimagebox .tabproductaction {
display: none;
}

.headerstyle1 .header {
display: block;
}


/* Only for Home */
.headerstyle2 .header {
  display: block;
  flex: 1;
}

.headerstyle3 .header .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.headerstyle3 .royalmenu {
display: none;
}

.headerstyle3 .header .center {
padding: 0px;

}

.headerstyle3 .header .logo {
display: block;
}

.headerstyle4 .header .container .right{
	min-width: inherit;
}

.headerstyle5 .header{
	padding: 0!important;
}

.headerstyle5 .header .container{
	padding: 0 10px!important;
}

.headerstyle5 .header .logocontainer .container > div {
  flex: auto;
}


.headerstyle6 .header .container .right {
  justify-content: right;
}

/* woocommerce */
.royalsinglepost .woocommerce td.product-quantity {
width: inherit;
}

.royalsinglepost .woocommerce input#coupon_code {
width: inherit;
}

.royalsinglepost .woocommerce .cart_totals {
max-width: inherit;
}

.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
width: 100%!important;
}

.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
width: 100%!important;
}


/* Woocommerce Checkout Page */
#order_review_heading,
.woocommerce .col2-set, 
.woocommerce-page .col2-set,
.woocommerce .woocommerce-checkout-review-order{
  width: 100%;
  float: inherit;
}

.woocommerce-checkout .woocommerce-privacy-policy-text a{
  color: var(--wooanchorcolor);
}


/* Camera Slider*/
.cameradescription1{
font-size: 24px;
}
.cameradescription2{
display: none;
}



/* Contact page*/
.contact .contactform,
.contact .contactaddress{
float: inherit;
width: 100%;
margin-bottom: 20px;
}

#catalogue .row .boxes .box .collection a span{
width: 100%;
padding: 5px;
}
#catalogue .row .boxes .box .collection a span i{
padding-bottom: 5px;
}
#catalogue .row .boxes .box .collection a span b:after{
background: var(--color1st);
}
/* Home 2*/
.home2feature .home2box,
.home2categories .category{
width: 100%;
margin: 0 0 10px 0;
float: inherit;    
}

.royaltabscontent .tabimage{
width: 50%;  
}




/* Home 3*/
.home3feature .home3box{
width: 100%;
margin: 0 0 10px 0;
}

.home3box .royalhover:before, 
.home3box .royalhover:after{
border-color: var(--color1st);
}

.homecommonparallax .iconbox .iconboxinner{
width: 100%;
float: inherit;
margin: 0; 
}

.homecommonparallax .iconbox .iconboxinner .content .title {
margin-bottom: 0px;
font-weight: 500;
font-size: 14px;
letter-spacing: 0;
}


.topmanagement .chairmman .chairmanpic{
width: 100%;
margin-bottom: 15px;
}

.topmanagement .team .teammember{
width: 100%;
text-align: center;  
}



#filters button{
display: block;
width: 100%;
margin-bottom: 4px;
}




.rp_col_3 .tile,
.rp_col_4 .tile,
.rp_col_5 .tile{
width:100%;
}





/*  Footer */
#footer .middle .boxes{
	flex-direction: column;
}

#footer .middle .boxes .box {
	margin-bottom: 25px;
}

#footer .bottom .container{
display: block;  
}

#footer .bottom .container div:last-child,
#footer .bottom .container .copyright, 
#footer .bottom .container .development{
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#footer .marginbottom {
	margin-bottom: 46px;
}

#sitepopuop .message{
	width: 80%;
}


#searchoverly button,
#royalsearchoverly button{
	padding: 0;
}



/* Woocommerce Bottom Menu */
.woobottommenu{
visibility: visible;
position: fixed;
bottom: 0px;
right: 0px;
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
transition-duration: 0.1s;
z-index: 999999;    
}

.woobottommenu ul{
display: flex;
width: 100vw;
background: #454545;
}
.woobottommenu ul li{
	flex: 1;
	text-align: center;
	color: #fff;
	padding: 6px 0;
	font-size: 24px;
	list-style: none;
}

.woobottommenu ul li a{
display: block;
}

.footershoppingcart a i{
position: relative;
}
.footershoppingcart a i span {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #191919;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-size: 14px;
	display: block;
	position: absolute;
	right: -20px;
	top: -10px;
}




}



/* Tablet */
@media only screen and (max-width:767px) {
#wpadminbar {
  position: fixed;
}
  


.mobileshow{display: block!important;}
.mobilehide{display: none!important;}

.royalmagnificgallery a img{
	width: 100px;
	height: 100px;
}

.royalsaletag{
  left: -13px;
    top: 16px;
  background-size: 80px;
  width: 80px;
  height: 43px;
}

.royalsaletag .discount {
  font-size: 19px;
  font-weight: 900;
  margin: 0px;
  line-height: 19px;
  width: 25px;
}

.royalsaletag .percentageblock {
    margin: 0px 10px 0px 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}


.royalmaintenance .maintenancetop{
  display: grid;
  justify-content: center;  
}

.royalmaintenance .maintenanceleft {
  text-align: center;
}








}