* {
  box-sizing: border-box;
}

/* Create three columns of equal width */
.columns {
  float: left;
  width: 33.3%;
  padding: 8px;
}

/* Style the list */
.price {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* Add shadows on hover */
.price:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

/* Pricing header */
.price .header {
  background-color: #111;
  color: white;
  font-size: 25px;
}

/* List items */
.price li {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
}

/* Grey list item */
.price .grey {
  background-color: #eee;
  font-size: 20px;
}

/* The "Sign Up" button */
.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}

/* The tab titles__________ */
.tabnames {
  font-size: 18px;
  font-weight: normal;
  font-family: Carlito;
  background-color:
}
/* tab highlighted___________ */
.zptabelem-inner-container.zptabs-style-02.zptab-type-03 .zptab.zptab-active {
    font-weight: bold;
}
/* tab height__________ */
.tabs {
  min-height:800px;
}
/* phone/mail icons in mobile menu__________ */
.theme-responsive-menu-area.zpcontainer .theme-responsive-menu .theme-topbar-contact-info ul:first-child li a svg {
    height: 30px;
    width: 30px;
}



/* Change the width of the three columns to 100% 
(to stack horizontally on small screens) */
@media only screen and (max-width: 600px) {
  .columns {
    width: 100%;
  }
}

/* links are underlined */
a, a:active, a:focus {
    text-decoration: underline;
}
/* links hovered */
a:hover {
  text-decoration: underline;
  color: purple;
}

/* menu links are not underlined */
.zpdark-header-portion.theme-header .theme-navigation-and-icons .theme-menu-area .theme-menu > ul > li > a {
    text-decoration: none;
}

/* links in submenus are not underlined */
.theme-navigation-and-icons .theme-menu-area .theme-menu ul li ul li a {
    text-decoration: none;
}
/* navigation bar color*/
.zpdark-header-portion.theme-header {
    background: #344345;
}
/*newmenu*/ 

.zplink-type-horizontal.zplink-iconstyle-01 .zplink-list-container .zplink-list .zplink-text, .zplink-type-horizontal.zplink-iconstyle-02 .zplink-list-container .zplink-list .zplink-text, .zplink-type-horizontal.zplink-iconstyle-03 .zplink-list-container .zplink-list .zplink-text, .zplink-type-horizontal.zplink-iconstyle-04 .zplink-list-container .zplink-list .zplink-text
a, a:hover, a:active, a:focus {
    text-decoration: none;
    color: #ffffff;
}
/*hide Price widgets*/
.pWidget {
	display : none;
}


.link-under-reviews :hover {
	color: #000000;
    text-decoration: underline;
}
/* MENU STYLES */ 
.menu-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(52,67,69,0.75);

    }
    
.menu-wrap .toggler {
position: absolute;
top: 0;
left: 0;
z-index: 2;
cursor: pointer;
width: 50px;
height: 50px;
opacity: 0;
}

.menu-wrap .hamburger {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 60px;
height: 60px;
padding: 1rem;
background-color: rgba(52,67,69,0.85);
display: flex;
align-items: center;
justify-content: right;
}

/*Hamburger Line*/
.menu-wrap .hamburger > div {
position: relative;
flex: none;
width: 100%;
height: 2px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s ease;
}

/* Hamburger Lines - Top & Bottom */
.menu-wrap .hamburger > div::before,
.menu-wrap .hamburger > div::after {
content: '';
position: absolute;
z-index: 1;
top: -10px;
width: 100%;
height: 2px;
background: inherit;
}

/* Moves Line Down */
.menu-wrap .hamburger > div::after {
top: 10px;
}

/* Toggler Animation */
.menu-wrap .toggler:checked + .hamburger > div {
transform: rotate(135deg);
}

/* Turns Lines Into X */
.menu-wrap .toggler:checked + .hamburger > div:before,
.menu-wrap .toggler:checked + .hamburger > div:after {
top: 0;
transform: rotate(90deg);
}

/* Rotate On Hover When Checked */
.menu-wrap .toggler:checked:hover + .hamburger > div {
transform: rotate(225deg);
}

/* Show Menu */
.menu-wrap .toggler:checked ~ .menu {
visibility: visible;
background-color: rgba(52,67,69,0.95);
}

.menu-wrap .toggler:checked ~ .menu > div {
transform: scale(1);
transition-duration: 0.7s;
}

.menu-wrap .toggler:checked ~ .menu > div > div {
opacity: 1;
transition:  opacity 0.4s ease 0.4s;
}

.menu-wrap .menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 600px;
visibility: hidden;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}

.menu-wrap .menu > div {
background: rgba (52,67,69,0.6);
border-radius: 50%;
width: 200vw;
height: 200vw;
display: flex;
flex: none;
align-items: center;
justify-content: center;
transform: scale(0);
transition: all 0.4s ease;
}

.menu-wrap .menu > div > div {
text-align: center;
max-width: 90vw;
max-height: 100vh;
opacity: 0;
transition: opacity 0.4s ease;
}

.menu-wrap .menu > div > div > ul > li {
list-style: none;
color: #fff;
font-size: 1.5rem;
padding: 1rem;
}

.menu-wrap .menu > div > div > ul > li > a {
color: inherit;
text-decoration: none;
transition: color 0.4s ease;
}
/*top plans menu in mobile version*/
.plansMenu a, a:active, a:focus {
text-decoration: none;
color: #fff;
}
/*E-book input field*/
._field-wrapper ._inline-style input[type="text"] {
    width: 350px !important;
}

/*submit it request*/
.button, input[type='submit'], input[type='reset'], input[type='button'] {
    width: 25% !important;
    background-color: #344345;
}

/*pop-up close hide x*/
._close {
	display: none !important;
} 
/*image pop-up form*/
._form-image-left {
    width: 250px !important;
    float: left;
}

/*STYLE BUTTONS IN PRICING TABLE*/
.eapps-pricing-table-column-button {
background-color: #AE986F !important;
    color: #FFFFFF !important;
    border-radius: 1px !important;
    font-size: 18px;
    border-style: none;
    box-shadow: 10px 7px 0px -1px rgba(0,0,0,0.6);
}
}
.eapps-pricing-table-column-button-type-outline {
    background-color: #AE986F !important;
    color: #FFFFFF !important;
    border-radius: 1px !important;
    font-size: 18px;
    border-style: none !important;
    box-shadow: 10px 7px 0px -1px rgba(0,0,0,0.6);
}