/* Generic Class*/

/* --Container-- */
.theme_container {
  max-width: 1170px;
  margin:0 auto;
  float:none;
}

/* --Padding-- */
.theme_padding_v_xl {
  padding:160px 0;
}

.theme_padding_v_lg {
  padding:100px 0;
}

.theme_padding_v_md {
  padding:30px 0;
}

.theme_padding_v_sm {
  padding:40px 0;
}

.theme_padding_v_xs {
  padding:20px 0;
}

.theme_padding_h_lg_side {
  padding-left: 6%;
  padding-right:6%;
}

.theme_padding_h_md_side {
  padding-left: 4%;
  padding-right:4%;
}

/* --Colors-- */
.theme_base_color {
  background-color:#fff;
}

.theme_base_text_color {
  color:#000;
}

.theme_primary_color {
  background-color:#838a2c;
}

.theme_primary_text_color {
  color:#fff;
}

.theme_secondary_color {
  background-color:#a02b21;
}

.theme_secondary_text_color {
  color:#fff;
}

.theme_tertiary_color {
  background-color:#fff7e3;
}

.theme_tertiary_text_color {
  color:#fdfdfd;
}

.theme_special_color {
  background-color:#180302;
}

.theme_special_text_color {
  color:#fff;
}

.theme_meet_the_team_background_color {
	background-color:#fff;
}

.theme_meet_the_team_text_color {
	color:#000;
}

/* Theme transition */
.theme_transition {
  -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
}

/* Alignment */
.theme_text_align_center {
  text-align: center;
}

.theme_text_align_left {
  text-align: left;
}

.theme_text_align_right {
  text-align: right;
}

.theme_text_align_justify {
  text-align: left;
}

html, body {
    width: 100%;
    height: 100%;
    background-color:#fff;
    color:#000;
    padding: 0;
    margin: 0;
}

a,
#side-article ul.mn-art li a:active,
#side-article ul.mn-art li a:focus {
    color: #EF463E;
}

a:hover, a:active, a.active {
    color: #fff;
}
a.menu-toggle{
    color: #838a2c;
}
a.menu-toggle:hover {
    color: #838a2c;
}

.btn-primary {
  border-radius:50px;
  border:0;
  padding:14px 30px;
  text-transform:uppercase; 
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  background: #cf2a79;
}

.btn-primary:hover {
  background-color: #ec9374;
}

.btn-reverse {
	color: #838a2c;
	border:1px solid #838a2c;
}

.btn-primary .fa {
  padding-left: 5px;
  font-weight:600;
}

.pagination {
    margin: 20px 5px;
}

.pagination li a {
    border: solid 1px #7d7c7c;
    color: #000;
    padding: 5px 15px;
    font-size: 12pt;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background: #c7ab5f;
    color: #fff;
    border-color: #7d7c7c;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #fff;
    background: #c7ab5f;
    border-color: #7d7c7c;
}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 0;
}

li, li a, a {
    transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
}

body {
    color: #666666;
    overflow-x: hidden;
}

p {
  line-height: 30px;
}

.modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6 {
    color: #fff;
}

.modal .modal-content {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #fff;
}


/* MENU CSS */
.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}

nav#mobile-menu .mobile-container ul li a:hover {
  background-color:#838a2c !important;
}
nav#mobile-menu {
  background-color: #cf2a79 !important;
}
/* END MENU CSS */

/* Hamburger Nav */
.is-displayed {
  display:block !important;
}
.hamburger-btn {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 10px;
  left: 20px;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  z-index:999;
}
.hamburger-btn .hamburger-icon {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  height: 4px;
  width: 40px;
  top: 20px;
  background-color: #cf2a79;
}
.hamburger-btn .hamburger-icon:before {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 40px;
  height: 4px;
  background-color: #cf2a79;
  content: "";
  top: -10px;
}
.hamburger-btn .hamburger-icon:after {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 40px;
  height: 4px;
  background-color: #cf2a79;
  content: "";
  top: 10px;
}
.slideout-open .hamburger-btn .hamburger-icon {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.slideout-open .hamburger-btn .hamburger-icon:before {
  -webkit-transform: rotateZ(45deg) scaleX(0.75) translate(12px, -8px);
          transform: rotateZ(45deg) scaleX(0.75) translate(12px, -8px);
      width: 35px;
}
.slideout-open .hamburger-btn .hamburger-icon:after {
  -webkit-transform: rotateZ(-45deg) scaleX(0.75) translate(14px, 8px);
          transform: rotateZ(-45deg) scaleX(0.75) translate(14px, 8px);
        width: 35px;
}
.hamburger-btn:hover {
  cursor: pointer;
}

/* End Hamburger Nav */

/* Additional */
.cmsForm .form-control:focus {
    border-color: #838a2c;
}

div.header-navigation .header-wrapper .menu-wrapper ul.nav-menu li a:hover {
    color: #838a2c;
}
div.header-navigation .header-wrapper,
div.main-content.smaller .header-wrapper {
  background-color:#180302;
}

div.section_emergency {
    background-image:url(https://www.royacdn.com/unsafe/smart/Site-030d40a1-6e96-439f-8c77-6a1ad33a513b/Why_Choose_Us_hawaii.png);
  	background-size: cover;
    background-position: center;
}

div.section_services .col_right {
  	background-image: url(https://www.royacdn.com/unsafe/smart/Site-1403fcf5-9a16-4042-86a9-89f981f0e8df/base/services_bg_img.jpg);
    background-position: center;
    background-size: cover;
}

div.section_contact {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-ba5447da-c79b-4de6-8b1b-64e87ad71523/base/contact_bg.jpg);
    background-position: center;
    background-size: cover;
}



div.header-navigation .header-wrapper .menu-wrapper ul.nav-menu li a {
  color:#fff;
}
nav#mobile-menu .phone-number a,
nav#mobile-menu .mobile-container ul li a {
	color:#fff;
}
div.page-banner-wrapper:before {
   background-color: #180302;
}

a:hover {
  	color: #fff !important;
}

div.section_services {
	background-color: #fff7e3 !important;
}

div.section_cta .cta_wrapper:hover .cta_description,
#side-article ul.mn-art li a:hover,
#side-article ul.mn-art .dropdown-menu>.active>a {
 	background: #9780bc !important;
}

#side-article ul.mn-art li a:hover {
	color:#fff !important;
}

#side-article h3 {
  margin: 0 0 20px;
}
#side-article ul.mn-art {
  border: 1px solid #efefef;
  border-radius: 2px;
}
#side-article ul.mn-art li {
  display: block;
  border-bottom: 1px solid #efefef;
  overflow: hidden;
}
#side-article ul.mn-art li a {
  padding: 14px 20px;
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
}
#side-article ul.mn-art li a:hover {
  background: #eee;
}
#side-article ul.mn-art li .caret {
  float: right;
  position: relative;
  top: 10px;
  right: 15px;
  border: 0;
}
#side-article ul.mn-art li .caret:before {
  content: '\f107';
  position: absolute;
  font-size: 22px;
  top: -15px;
  font-family: fontAwesome;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
          transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
#side-article ul.mn-art li .caret:after {
  content: '\f107';
  position: absolute;
  top: -60px;
  font-size: 22px;
  opacity: 0;
  visibility: 0;
  font-family: fontAwesome;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
          transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
#side-article ul.mn-art li:hover .caret:before {
  top: 60px;
  opacity: 0;
  visibility: 0;
}
#side-article ul.mn-art li:hover .caret:after {
  top: -15px;
  opacity: 1;
  visibility: 1;
}
#side-article ul.mn-art li:last-child {
  border: 0;
}
#side-article ul.mn-art ul.dropdown-menu {
  display: block !important;
  position: relative;
  width: 100%;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
          transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
  height: 100%;
  max-height: 0;
}
#side-article ul.mn-art ul.dropdown-menu li a {
  padding: 10px 30px;
}
#side-article ul.mn-art ul.dropdown-menu li:last-child {
  padding-bottom: 0 !important;
  border-bottom: 0;
}
#side-article ul.mn-art li.dropdown.open ul.dropdown-menu {
  max-height: 800px;
}

div.main-content.smaller .header-wrapper .appointment .btn-appointment {
	top:303px !Important;
}
div.section_emergency h2, div.section_welcome h2, div.section_services h2, div.section_team h2 {
	font-weight:400 !important;
}
div.section_contact .form-wrapper .cmsForm {
    background: #fff;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   div.header-navigation .header-wrapper .appointment .social-icons li a{
		padding-top:5px !important;
	}
	
	*::-ms-backdrop, div.header-navigation .header-wrapper .appointment .social-icons li a{
		padding-top:5px !important;
	}
}
/*
	FOOTER
*/
div.footer {
	background: #73599e;
}
div.footer  h4, div.footer  td, div.footer  a, div.footer  p, div.footer  li, div.footer  span, div.footer th {
	color:#fff !important;
}
div.footer-copy {
	background:#fff;
}
div.footer-copy .theme_container {
	border:0 !important;
}
div.footer-copy p, div.footer-copy span {
	color:#444;
}
div.footer-copy {
    padding: 25px 0 20px;
}
div.footer-copy .theme_container {
	padding:0;
}
@media only screen and (max-width: 1260px){
	div.footer-copy .theme_container {
   		 padding:0 20px !important;
	}
}
@media only screen and (max-width: 991px){
	div.footer-copy {
		text-align: center;
	}
	.footer-copy .theme_container .powered {
		float: none !important;
		line-height:25px;
		padding:6px 0 0;
	}
}
@media only screen and (max-width: 768px){
	.footer-copy .theme_container .powered {
		display:block;
	}
}
@media all and (min-width : 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	div.header-navigation .header-wrapper .appointment .social-icons li a {
		display:inline-block !important;
	}
}

/* RESET SECTIONAL COLORS */
div.banner-text-wrapper .text-wrapper .btn-primary a{
	text-decoration:none;
}


/*
	Header
*/

div.header-navigation .header-wrapper {
	background: #ffffff !important;
}
div.header-navigation .header-wrapper .menu-wrapper ul.nav-menu li a {
	color:#532d92 !important;
}
div.header-navigation .header-wrapper .appointment {
	background:#CF2A79 !important;
}
div.header-navigation .header-wrapper .appointment span {
	color:#fff !important;
}
div.header-navigation .header-wrapper .appointment .social-icons li a {
	color:#a02b21 !important;
}
nav#mobile-menu .mobile-container ul li a:hover {
	background:#333 !important;
}

/*
	Home Feature
*/
div.ry-banner .carousel-inner .item .banner-text-wrapper {
	background:rgba(83, 45, 146, 0.7) !important;
}
div.ry-banner .carousel-inner .item .banner-text-wrapper h1, div.ry-banner .carousel-inner .item .banner-text-wrapper h3 {
	color:#fff;
	z-index:2;
}
div.banner-text-wrapper .text-wrapper .btn-primary {
	background: #cf2a79;
}
div.banner-text-wrapper .text-wrapper .btn-primary , div.banner-text-wrapper .text-wrapper .btn-primary a{
	color:#fff;
}
div.banner-text-wrapper .text-wrapper .btn-primary:hover , div.banner-text-wrapper .text-wrapper .btn-primary:hover a{
	color:#fff !important;
}
/*
	CTA
*/
div.section_cta .cta_wrapper .cta_description {
	background:rgba(0,0,0, 0.7);
}
div.section_cta .cta_wrapper .cta_description:hover h2, div.section_cta .cta_wrapper:hover .cta_description h2 {
	color:#fff !important;
}
div.section_cta .cta_wrapper .cta_description:hover, div.section_cta .cta_wrapper:hover .cta_description {
	background:#70549a !important;
}
div.section_cta .cta_wrapper:hover .cta_description h2:hover a {
	color:#fff !important;
}
/*
	Emergency
*/
div.section_emergency .details_wrapper h2, div.section_emergency .details_wrapper p {
	color:#fff;
}
/*
	Intro
*/
div.section_welcome {
	background:#fff;
}
div.section_welcome h2, div.section_welcome p {
	color:#4a4844;
}
div.section_welcome .btn-primary {
	background:#fff;
	border-color:#828a2b;
	color:#828a2b;
}
div.section_welcome .btn-primary:hover {
	background:#828a2b;
	color:#fff;
}
/*
	What we provide
*/
div.section_services {
	background:#fff7e3 !important;
}
div.section_services h2, div.section_services p {
	color:#180302;
}
div.section_services .btn-primary {
	background: #cf2a79;
	color:#fff;
}
/*
	OUR TEAM
*/
div.section_team {
	background:#fff;
}
div.section_team h2, div.section_team p {
	color:#180302;
}
div.section_team .btn-primary {
	background:#fff;
	border-color:#cf2a79;
	color:#cf2a79;
}
div.section_team .btn-primary:hover {
	background: #cf2a79;
	color:#fff;
}
/*
	FOOTER CONTACT
*/
div.section_contact  h2 {
	color:#fff !important;
}
div.section_contact .form-wrapper .title {
	background: #532d92 !important;
}
div.section_contact .cmsForm .form-control:focus {
	border-color: #828a2b;
}
div.section_contact  .btn-primary {
	background:#cf2a79;
	color:#fff;
}

/*
	Inner Page Banner
*/
div.page-banner-wrapper:before {
	background-color: #532d92;
}
div.page-banner-wrapper h1 {
	color:#fff !important;
}
div.page-banner-wrapper {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-1403fcf5-9a16-4042-86a9-89f981f0e8df/base/page_bg.jpg) !important;
    background-size: cover;
    padding: 150px 0 50px;
}