/*   
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.12.12
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);
}

ul,
ol {
  padding-left: 15px;
  margin-bottom: 10px;
  list-style-type: disc;
}


.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,
.headertop .social-media-icons 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;
  margin-bottom: 0;
}

.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>button {
  display: block;
  height: 24px;
  width: 24px;
  position: relative
}


.header .right .cart>button span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #191919;
  text-align: center;
  line-height: 20px;
  color: #fff;
  display: block;
  position: absolute;
  right: -14px;
  top: -9px;
  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;
}

.royalmenu .menu-item-has-children>a::before {
  position: absolute;
  fill: var(--mobilemenutextcolorhover);
  right: 4px;
  transition: transform .3s ease-out;
  top: 50%;
  transform: translateY(-50%);
  font-family: royalicon;
}

.royalmenu .menu-item-has-children>a:hover::before {
  transition: transform .3s ease-out;
}

.plusminus .royalmenu .menu-item-has-children>a::before {
  content: "\e807";
}

.plusminus .royalmenu .menu-item-has-children>a:hover::before {
  content: "\e809";
}

.pluscross .royalmenu .menu-item-has-children>a::before {
  content: "\e807";
}

.pluscross .royalmenu .menu-item-has-children>a:hover::before {
  content: "\e915";
}

.angle .royalmenu .menu-item-has-children>a::before {
  content: "\f105";
}

.angle .royalmenu .menu-item-has-children>a:hover::before {
  content: "\f106";
}

/* 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;
}

.headerstyle6 #logowrapper img {
  height: auto;
  max-width: 90px;
  object-fit: contain;
}

/* 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.sub-menu {
  position: relative;
}

.royalmenustyle1 .royalmenu li ul.sub-menu {
  position: absolute;
  z-index: 99;
  left: -20px;
  visibility: hidden;
  opacity: 0;
  height: auto;
  min-width: var(--submenuwidth);
  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.sub-menu 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.sub-menu ul,
.royalmenustyle1 .royalmenu li:hover ul.sub-menu ul ul,
.royalmenustyle1 .royalmenu li:hover ul.sub-menu ul ul ul,
.royalmenustyle1 .royalmenu li:hover ul.sub-menu ul ul ul ul,
.royalmenustyle1 .royalmenu li:hover ul.sub-menu 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.sub-menu,
.royalmenustyle1 .royalmenu li li:hover ul.sub-menu,
.royalmenustyle1 .royalmenu li li li:hover ul.sub-menu,
.royalmenustyle1 .royalmenu li li li li:hover ul.sub-menu,
.royalmenustyle1 .royalmenu li li li li li:hover ul.sub-menu,
.royalmenustyle1 .royalmenu li li li li li li:hover ul.sub-menu {
  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.sub-menu li {
  border-right: none;
}

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

.royalmenustyle1 .royalmenu li ul.sub-menu 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.sub-menu 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.sub-menu {
  position: relative;

}

.royalmenustyle2 .royalmenu li ul.sub-menu {
  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.sub-menu 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.sub-menu ul,
.royalmenustyle2 .royalmenu li:hover ul.sub-menu ul ul,
.royalmenustyle2 .royalmenu li:hover ul.sub-menu ul ul ul,
.royalmenustyle2 .royalmenu li:hover ul.sub-menu ul ul ul ul,
.royalmenustyle2 .royalmenu li:hover ul.sub-menu 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.sub-menu 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.sub-menu li:last-child {
  border-bottom: 0px;
}

.royalmenustyle2 .royalmenu li ul.sub-menu 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.sub-menu {
  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.sub-menu {
  left: auto;
  min-width: 100%;
}

.royalmenustyle3 .royalmenu>li li ul.sub-menu {
  border-left: 1px solid #fff;
}

.royalmenustyle3 .royalmenu>li li:hover>ul.sub-menu {
  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.sub-menu ul,
.royalmenustyle4 .royalmenu li:hover ul.sub-menu ul ul,
.royalmenustyle4 .royalmenu li:hover ul.sub-menu ul ul ul,
.royalmenustyle4 .royalmenu li:hover ul.sub-menu ul ul ul ul,
.royalmenustyle4 .royalmenu li:hover ul.sub-menu 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.sub-menu,
.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.sub-menu {
  left: 0px;
  opacity: 1;
  visibility: visible;
}

.royalmenustyle5 .royalmenu>li>ul.sub-menu>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.sub-menu>li:last-child {
  border: none;
}

.royalmenustyle5 .royalmenu>li>ul.sub-menu>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.sub-menu>li:hover>a {
  background-color: rgba(255, 255, 255, 0.2);
}

.royalmenustyle5 .royalmenu>li>ul.sub-menu>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.sub-menu>li:hover>ul {
  left: 100%;
  opacity: 1;
  visibility: visible;
}

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

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

.royalmenustyle5 .royalmenu>li>ul.sub-menu>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.sub-menu>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.sub-menu {
  -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.sub-menu {
  padding: 20px
}

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



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

.royalmenu .royalmegamenu>ul.sub-menu>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, #f5f5f5);
  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>a {
  display: block;
  padding: 15px 50px 15px 15px;
  text-transform: var(--menutransform);
  position: relative;
  background-position: right 20px center
}

#royalmobilenavigation a {
  font-family: var(--menufont);
  font-size: 16px;
  color: var(--mobilemenutextcolor);
}

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

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

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

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

#royalmobilenavigation ul ul li a {
  position: relative;
  display: block;
  padding: 15px 50px 15px 15px;
  margin: 0;
}

#royalmobilenavigation ul ul li a {
  padding-left: 20px;
}

#royalmobilenavigation ul ul ul li a {
  padding-left: 25px;
}

#royalmobilenavigation ul ul ul ul li a {
  padding-left: 30px;
}

#royalmobilenavigation ul ul ul ul li a {
  padding-left: 35px;
}

#royalmobilenavigation ul ul ul ul ul li a {
  padding-left: 40px;
}

#royalmobilenavigation .menu-item-has-children>a::after {
  position: absolute;
  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;
}

#royalmobilenavigation.plusminus .menu-item-has-children>a::after {
  content: "\e807";
}

#royalmobilenavigation.plusminus .menu-item-has-children.open>a::after {
  content: "\e809";
}

#royalmobilenavigation.pluscross .menu-item-has-children>a::after {
  content: "\e807";
}

#royalmobilenavigation.pluscross .menu-item-has-children.open>a::after {
  content: "\e915";
}

#royalmobilenavigation.angle .menu-item-has-children>a::after {
  content: "\f105";
}

#royalmobilenavigation.angle .menu-item-has-children.open>a::after {
  content: "\f106";
}

#royalmobilenavigation ul ul ul {
  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, #000000);
}

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

.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,
#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 {
  width: 100px;
  height: 100px;
  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;
}

.search-no-results .gridcolumn {
  grid-template-columns: auto !important;
}

.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-checkout .woocommerce #payment #place_order {
  padding: 15px 0 !important
}

.woocommerce-checkout .woocommerce #payment #place_order {
  padding: 15px 0 !important
}

/* 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 ------------------------------------------------- */


/* Author Start ------------------------------------------------- */
.author-box {
  display: flex;
  align-items: flex-start;
  margin: 40px 0;
  gap: 25px;
  background: #e3edff;
  border-radius: 10px;
  padding: 20px;
}

.author-box>.author-image {
  flex: 0 0 180px;
  max-width: 180px;
}

.author-box>.author-details {
  flex: 1;
}

.author-avatar-img,
.author-box img {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  box-shadow: 5px 5px 5px #eee;
}

.author-title {
  font-size: 32px;
  margin: 0 0 10px;
}

.author-badge {
  background: #eee;
  padding: 5px 12px;
  margin-right: 8px;
  border-radius: 4px;
  font-size: 14px;
}

.author-badge.featured {
  background: #ffdd57;
}

.author-badge.pro {
  background: #4CAF50;
  color: #fff;
}

.author-bio {
  margin-top: 10px;
  color: #444;
}

.author-social {
  margin-top: 12px;
}

.author-social .social-link {
  margin-right: 12px;
  color: #0073aa;
}

.author-social .social-link:hover {
  text-decoration: underline;
}

@media(max-width: 600px) {
  .author-box {
    flex-direction: column;
  }
}

/* Author 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: flex;
}

#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>button 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 .copyrightbox {
    flex-direction: column;
  }

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








}