/*
Theme Name: BB Wedding Bliss Pro
Theme URI:  https://www.themeshopy.com/premium/bb-wedding-bliss-wordpress-theme/
Author: ThemeShopy
Author URI:  https://www.themeshopy.com/
Description: BB Wedding Bliss is a wedding WordPress theme to construct websites for marriage, engagement, couples, wedding planners, wedding band, personal, portfolio, art, design, business, photography, girlie or feminine blogs and websites, as well as photographer type of clients. You can make beautiful wedding websites with this multipurpose theme that caters to businesses such as hospitality, lodge, hotel, restaurant, café, food joints, cuisines, recipe, eatery, etc. It’s a completely mobile-friendly theme which is built using Bootstrap – an excellent framework. It has powerful shortcodes that will set up a pleasing website for you. It has a well-integrated versatile banner with attractive Call to Action Button (CTA). From the testimonial section, you can spread client reviews about your site. This theme has many features such social media tools, amazing typography options, color choices, customizable admin panel, etc. The optimized codes support faster page load time to give a stunning user experience. BB Wedding WordPress Theme is SEO friendly that gets over the top in search result pages. Take away this professional Wedding WordPress Theme which will give a beautiful touch to your wedding website. Demo: https://themeshopy.com/bb-wedding-bliss-theme/
Version: 0.6
License: GNU General Public License
License URI:license.txt
Text Domain: bb-wedding-bliss-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

*/

/* Basic Style */
*{ 
  margin:0; 
  padding:0; 
  outline:none;
}

body{ 
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font:12px/22px arial; 
  color:#666; 
  font-family: 'Vollkorn', serif;
}

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

section img{
  max-width:100%;
}

h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
}

p{ 
  margin:0 0 15px; 
  padding:0;
  font-size:18px; 
  line-height:normal; 
  font-weight:normal;
}

a{ 
  text-decoration:none; 
  color:#b79338;
}

a:hover{ 
  text-decoration:none; 
  color:#666;
}

a:focus,a:hover{
  text-decoration:none !important;
}

ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}

:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

small{
  font-size:14px !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],
textarea{
  border:1px solid #bcbcbc;
  width:100%; 
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 23px 0;
  height:auto;
}

textarea{
  height:111px;
}

section{
  font-family: 'Vollkorn', serif;
}

select{
  width: 100%;
}

input[type="submit"] {
  border:2px solid #18304c;
  background:#fff;
  text-align:center;
  font-size:18px;
  padding:7px 30px;
  font-weight:bold;
  color:#18304c;
  margin:23px 0; 
  border-radius:3px;
  display:table;
}

input[type="submit"]:hover{
  background:#d3da36;
  cursor: pointer;
}

.clear{ 
  clear:both;
}

.center{ 
  text-align:center; 
  margin-bottom:40px;
}

.middle-align{ 
  margin:0 auto; 
  padding:20px 0 20px;
}

.wp-caption{ 
  margin:0; 
  padding:0; 
  font-size:13px; 
  max-width:100%;
}

.wp-caption-text{ 
  margin:0; 
  padding:0;
}

.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}

.sticky{ 
  margin:0; 
  padding:0; 
  background-color:#d7d7d7;
}

.gallery-caption{ 
  margin:0; 
  padding:0;
}

.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  border:1px solid #bbb; 
  padding:5px;
}

.alignright, img.alignright { 
  display: inline; 
  float: right; 
  border:1px solid #bbb; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
}

.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
}

.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}

.toggleMenu{
  display:none;
}

.bypostauthor{ 
  margin:0; 
  padding:0;
}

a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}

a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}

/*-------------------------- Image Gallery --------------------------*/
.cls {
    padding: 0 !important;
}
.cls img:hover {
       transform: scale(1.1) rotateZ(0deg);
    -moz-transform: scale(1.1) rotateZ(0deg);
    -webkit-transform: scale(1.1) rotateZ(0deg);
    -o-transform: scale(1.1) rotateZ(0deg);
    width: 100%;
    border: 5px solid #b79338;
}
.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
	margin: 0;
}

/* Create four equal columns that sits next to each other */
.cls {
    -ms-flex: 33%; /* IE10 */
    flex: 33%;
    max-width: 33%;
    padding: 0 4px;
}

.cls img {
    margin-top: 8px;
    vertical-align: middle;
    width: 98%;
}

/* Responsive layout - makes a two column-layout instead of four columns */


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
    .cls {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}

.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}

.widget_calendar tbody a {
  background-color: #007acc;
  color: #fff;
  display: block;
  font-weight: 700;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}

/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #b79338;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.plans-box .hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #001e44;
  border-radius:8px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

#gallery .hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d3da36;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: #fff !important;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* ---------Buttons--------- */
a.button-all{
  border:2px solid #000;
  color:#000;
  padding:8px 50px;
  margin:20px 0 0 0; 
  font-weight:bold;
}

a.button{ 
  border: 2px solid #3890cb ; 
  background:#3890cb;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}
  
  
/*------------------ Image Hover -----------------*/
.view {
  width: 100%;
  /*height: 100%; */
  /*margin: 10px 0;*/
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.view .mask, .view .content { 
  width: 100%; 
  height: 100%; 
  position: absolute; 
  overflow: hidden; 
  top: 0; 
  left: 0;
}

.view img {
  display: block;
  position: relative;
  width:100%;
}

.view a.info {
  background:url('images/link.png') center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding:0;
  text-indent:-9999px;
  width:20px; 
  height:20px;
  margin-top:20%;
}

.second-effect .mask {
  overflow:visible;
  border:0px solid #18304c; 
  box-sizing:border-box;
  transition: all 0.4s ease-in-out;
}

.second-effect a.info {
  position:relative; 
  opacity:0; 
  transform:scale(0,0); 
  transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  outline:none;
}

.second-effect:hover .mask {
  opacity: 1; 
  background:rgba(245, 245, 245, 0.56);
}

.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}

/*---------------------------mega menu------------------------- */
.navbar-nav{
  float: left;
  margin-left: 25%;
}
.sub-menu li a {
    color: #fff;
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a {
  font-weight: bold;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand {
  color: #FFF;
  padding:0;
  font-size: 14px;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #bcfe63;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover
{
  color: #FFF;
  background-color: transparent;
}
.navbar-default{
  background-color: transparent;
  border-color: transparent;
}

.mega-dropdown {
  position: static !important;
}

i.fa.fa-sort-desc {
    margin: 0 0 0 4px;
    font-size: 19px;
}

li.dropdown.mega-dropdown {
    padding: 0 4px 0 12px;
}

.navbar-nav>li>a {
    padding-top: 10px !important;
    padding-bottom: 15px;
}

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-widgettitle {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
}

.mega-dropdown-menu form {
  margin: 3px 2px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}
.mega-dropdown-menu  div#calendar_wrap,
.mega-dropdown-menu  caption
.mega-dropdown-menu  div{
  padding:0;
  color: #FFF;
}
.mega-dropdown-menu > div >li{
  float:left;
  width:33%;
}
#header .nav .mega-dropdown-menu{
  height:auto;
  padding: 2%;
  margin: 0px;
}
#header .nav .mega-dropdown-menu > div >li{
  float:left;
  width:34%;
  display: inline;
  position: initial;
}
.mega-dropdown-menu > div >li:nth-child(even){
  clear:right;
}
#header .nav .mega-dropdown-menu li > ul {
  display: block;
  width: 200px;
  position: inherit;
  text-align: left;
  padding: 0;
  float: left;
  margin:0;
}

#header .navbar-default .navbar-nav .sub-menu ul li a{
  padding: 7px 0px;
}

#header .navbar-default .navbar-nav .sub-menu ul li{
  display:block;
}

#header .nav .mega-dropdown-menu li:hover > ul {
  background: transparent;
  position: inherit;
  padding: 0;
  margin: 0;
}

li#recent-posts-3 h2 {
  padding: 0 0 0 23px;
}
li#archives-3 h2 {
  padding: 0 0 0 26px;
}
div#calendar_wrap {
  padding: 0 0 0 30px;
}
li#search-2 {
  padding: 35px 0 0 13px;
}
ul.dropdown-menu.mega-dropdown-menu.row {
    background: #113665;
    border: 1px solid #fff;
}
h2.widgettitle {
    color: #fff;
    font-family: 'Vollkorn', serif;
    margin-left: 4%;
    border-bottom: solid 2px #bcfe63;
    display: inline-table;
    margin-bottom: 3%;
    font-size: 23px;
}
input.search-field {
    padding: 11px 13px 13px 11px;
    border: solid #113665;
}
.navbar-default .navbar-toggle{
     width: 100% !important;
    color: #fff !important;
    background: url(images/mobile_nav_right.png) no-repeat right center #3890cb !important;
    padding: 10px !important;
    margin: 0 !important;
    font-size: 16px !important;
    text-align: left !important;
    border-radius: 0 !important;
    font-family: 'Vollkorn', serif;
}

.navbar-default .navbar-toggle {
    border-color: currentColor;
}
.navbar-collapse.in {
    overflow-y: inherit;
}
.navbar-nav .open .dropdown-menu {
    position: absolute !important;
    width: 100% !important;
}
ul.dropdown-menu.mega-dropdown-menu.row {
    border: 2px solid #fff;
}
ul.dropdown-menu.mega-dropdown-menu.row:hover {
    border: 2px solid #bcfe63;
}
.navbar-default .navbar-collapse{
  padding:0;
  border-top: transparent;
  box-shadow: inset 0 1px 0 rgba(0,0,0,0);
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    text-align: left;
    font-size: 18px;
    border-bottom: solid 2px #bcfe63;
    margin-bottom: 3%;
}
/*--------------------------posttype---------------- */
#list-table,#list{
  background: #fff;
  padding: 1%;
  border: 0;
}
/* --------------------------HEADER---------------------------- */
#header.fixed{
  position:fixed !important; 
  top:0 !important; 
  margin:0; 
  padding:15px 0; 
  z-index:99999999; 
  background-color:#ffffff; 
  opacity:inherit;
}

.home #header .logo{
  margin:0; 
  padding: 15% 0; 
  text-align:center;
  width: 100%;
  display: block;
}
#header .logo{
  display: none;
}

#header .logo h1{ 
  font-weight:700; 
  text-transform:uppercase; 
  padding:0; 
  margin-bottom:8px; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
  text-align:center;
}

#header .logo a{ 
  color:#ffffff; 
  font-family: 'Vollkorn', serif;
}

#header .logo p{ 
  font-size:12px;
  color: #fff;
}
.home #header{
  z-index:999; 
  width:100%; 
  height:auto;
  position:absolute;
  background:none;
  border:none;
}
#header,.home.blog #header{
  z-index:999; 
  width:100%; 
  height:auto;
  background: rgb(21, 28, 39);
  position: relative;
}

#header .header-top{
  background:#000;
  color:#aaaaaa;
}

#header .header-top a{
  color:#aaaaaa;
}

#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    clear: both;
}

#header .top-contact .call{
  background:url('images/phone1.png') no-repeat; 
  padding:1px 0 1px 30px;
  margin-right:15px;
}

#header .top-contact .email{
  background:url('images/email1.png') no-repeat; 
  padding:0 0 0 30px;
}

#header .social-media{
  padding:12px 0; 
  text-align:center;
}

.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}

#header .social-media a:hover{
  color:#3890cb;
}

.buttonbox a{
  background:#3890cb;
  color:#fff;
  padding:8px 15px;
  display:block;
  margin:27px 0 0 0;
  border-radius:5px;
  text-align:center;
}

.buttonbox a:hover{
  background:#000;
  color:#fff;
}

#header .nav {
  margin: 0 auto;
  padding: 0;
  width: 75%;
}

#header .nav ul { 
  float:right; 
  margin:0; 
  padding:0; 
  font-family: 'Vollkorn', serif;
  font-weight:400; 
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold;
  text-align: center;
}

#header .nav ul li{ 
  display:inline-block; 
  margin:0; 
  position:relative;
}

#header .nav ul li a{ 
  color:#ffffff; 
  padding:10px; 
  display:block;
}

#header .nav ul li a:hover{
  color:#b79338;
}

#header .nav ul li a:active{
  color:#b79338;
}

#header .nav ul li.current_page_item{
  color:#b79338;
}
.home .menubox {
  background: rgba(21, 28, 39, 0.57);
}
.menubox {
  background: rgba(255, 255, 255, 0.1);
}
/* --------------------------Bride & Groom---------------------------- */
.bride-mainbox h3 {
  color: #b79338;
  font-family: 'Unica One', cursive;
  text-transform: none;
  font-weight: normal;
  font-size: 35px;
  letter-spacing: 1px;
  padding-bottom: 0;
  margin-top: 0;
}
.bride-mainbox {
  text-align: center;
}
.bride,
.groom {
    padding: 0 12%;
}
.bride-mainbox h4 {
  color: #666;
  font-family: 'Vollkorn', serif;
  font-style: italic;
  font-weight: normal;
  font-size: 25px;
  letter-spacing: 1px;
  padding: 15px 0;
}
.bride-mainbox p {
  font-family: 'Vollkorn', serif;
  font-size: 16px;
  color: #666;
}
.bride-mainbox a {
    color: #b79338;
    font-family: 'Vollkorn', serif;
}
.border-image {
    margin-bottom: 5%;
}
#bride_groom,
#counter {
  padding: 2% 0;
}
.bride img,
.groom img {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.bride img:hover,
.groom img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  box-shadow: 0 0 35px 2px #666;
  margin-bottom: 10%;
}
/* --------------------------Bride & Groom end--------------------------- */

/* --------------------------CountDown---------------------------- */

.countdowntimer p {
  color: #b79338;
}
p#timer {
  width: 100%;
  float: none;
  display: flex;
}
p#timer div{
  margin: 0 8%;
  text-align: center;
  color: #b79338;
  font-family: 'Vollkorn', serif;
  font-size: 50px;
}
.timercolr span{
  color: #bbb;
  font-weight: normal;
  font-family: 'Vollkorn', serif;
  font-size: 17px;
  text-align:center;
  float: none;
}
.counter-mainbox h3 {
  color: #bbb;
  font-family: 'Unica One', cursive;
  text-transform: none;
  font-weight: normal;
  font-size: 35px;
  letter-spacing: 1px;
  padding-bottom: 0;
  margin-top: 0;
}
.counter-mainbox{
  text-align: center;
}
/* --------------------------CountDown end---------------------------- */

/* --------------------------Love Story---------------------------- */
.lovstory-mainbox {
  padding: 8% 8% 4% 8%;
  text-align: center;
}
.love {
  margin: 0;
  box-shadow: 0 0 30px 3px #bbb;
}
.love1 {
  padding-right: 0;
  padding-left: 0;
}
.lovstory-mainbox h3 {
  color: #b79338;
  font-family: 'Unica One', cursive;
  text-transform: none;
  font-weight: normal;
  font-size: 35px;
  letter-spacing: 1px;
  padding-bottom: 0;
} 
#love_story p span {
  font-family: 'Vollkorn', serif;
  font-size: 16px !important;
  color: #666;
  padding: 0 40px;
  letter-spacing: 1px;
}
.love1 img {
  transition: all 1s ease-in-out 0s;
  -moz-transition: all 1s ease-in-out 0s;
  -webkit-transition: all 1s ease-in-out 0s;
  -o-transition: all 1s ease-in-out 0s;
}
.love1:hover img {
  transform: scale(1.5) rotateZ(-5deg);
  -moz-transform: scale(1.5) rotateZ(-5deg);
  -webkit-transform: scale(1.5) rotateZ(-5deg);
  -o-transform: scale(1.5) rotateZ(-5deg);
}
.love1 {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
section#love_story {
    background-repeat: no-repeat;
    background-size: cover;
}
/* --------------------------Love Story end---------------------------- */

/* --------------------------Bridemaid---------------------------- */

.bridemaid-mainbox {
  text-align: center;
}
.bridemaid-mainbox h3 {
  color: #b79338;
  font-family: 'Unica One', cursive;
  text-transform: none;
  font-weight: normal;
  font-size: 40px;
  letter-spacing: 1px;
  padding-bottom: 0;
  margin-top: 0;
}
.bridemaid-mainbox .border-image {
  margin-bottom: 1%;
}
.bridemaid-mainbox p,
.bridemaid-mainbox h4 {
  font-family: 'Vollkorn', serif;
  font-size: 16px;
  color: #666;
  letter-spacing: 1px;
}
.bridemaid-mainbox h6 {
  font-weight: bold;
  letter-spacing: 2px;
  padding: 0;
  color: #ccc;
  font-family: 'Vollkorn', serif;
  font-size: 20px;
}
.bridemaid-mainbox p {
  margin-bottom: 5%;
}
#bridemaid {
  padding: 2% 0;
}
.bridemaid-mainbox h4 {
  margin-top: 3%;
}

/* --------------------------Bridemaid end---------------------------- */

/* --------------------------Groomsmen---------------------------- */

.groomsmen-mainbox {
  text-align: center;
}
#groomsmen .bounceInUp{
  padding-bottom: 20px; 
}
.groomsmen-mainbox h3 {
  color: #b79338;
  font-family: 'Unica One', cursive;
  text-transform: none;
  font-weight: normal;
  font-size: 40px;
  letter-spacing: 1px;
  padding-bottom: 0;
  margin-top: 0;
}
.groomsmen-mainbox .border-image {
  margin-bottom: 1%;
}
.groomsmen-mainbox p,
.groomsmen-mainbox h4 {
  font-family: 'Vollkorn', serif;
  font-size: 16px;
  color: #666;
  letter-spacing: 1px;
}
.groomsmen-mainbox h6 {
  font-weight: bold;
  letter-spacing: 2px;
  padding: 0;
  color: #ccc;
  font-family: 'Vollkorn', serif;
  font-size: 20px;
}
.groomsmen-mainbox p {
  margin-bottom: 5%;
}
#groomsmen {
  padding: 2% 0;
}
.groomsmen-mainbox h4 {
  margin-top: 3%;
}

/* --------------------------Groomsmen end---------------------------- */

/* ---------------------------Join Us---------------------------- */
.joinus-mainbox {
  text-align: center;
}
.joinus-mainbox h3 {
  color: #b79338;
  font-family: 'Unica One', cursive;
  text-transform: none;
  font-weight: normal;
  font-size: 40px;
  letter-spacing: 1px;
  padding-bottom: 0;
  margin-top: 0;
}
.joinus-mainbox h4 {
  color: #fff;
  font-size: 22px;
  font-family: 'Vollkorn', serif;
  letter-spacing: 3px;
  font-weight: normal;
  margin-top:12%; 
}
.joinus-mainbox h5 {
  color: #fff;
  font-size: 40px;
  font-family: 'Vollkorn', serif;
  font-weight: normal;
  letter-spacing: 2px;
  margin-top: 10%;
}
.join {
  padding: 12% 12% 0 12%;
}
.joinus-form p {
  color: #666;
  font-family: 'Vollkorn', serif;
}
.joinus-form {
  background: #f4f4f4;
  padding: 40px;
}
.forms {
  padding: 50px;
}
.joinus-form input[type="text"],
.joinus-form input[type="email"] {
  border: none;
  margin-top: 3%;
  padding: 15px 0;
	Background:#eee;
}
.joinus-form input[type="submit"] {
  border: 2px solid #141724;
  background: #141724;
  text-align: center;
  font-size: 18px;
  padding: 7px 30px;
  font-weight: normal;
  font-family: 'Unica One', cursive;
  color: #fff;
  margin: 20px auto 0;
  border-radius: 50px;
  display: table;
}
#joinus {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
/* --------------------------Join Us end---------------------------- */

/* --------------------------More Event---------------------------- */

.events-mainbox {
  text-align: center;
}
.events-mainbox h3 {
  color: #b79338;
  font-family: 'Unica One', cursive;
  text-transform: none;
  font-weight: normal;
  font-size: 40px;
  letter-spacing: 1px;
  padding-bottom: 0;
  margin-top: 0;
}
.events-mainbox .border-image {
  margin-bottom: 1%;
}
.events-mainbox p,
.events-mainbox h4 {
  font-family: 'Vollkorn', serif;
  font-size: 16px;
  color: #666;
  letter-spacing: 1px;
}
.events-mainbox h6 {
  font-weight: bold;
  letter-spacing: 2px;
  padding: 0;
  color: #ccc;
  font-family: 'Vollkorn', serif;
  font-size: 20px;
}
.events-mainbox p {
  margin-bottom: 5%;
}
#events {
  padding: 2% 0;
}
.events-mainbox h4 {
  margin-top: 3%;
}

/* --------------------------More Event end---------------------------- */

/* --------------------------Thanks---------------------------- */
#thanks img {
    margin-bottom: 25px;
}
.thanks-mainbox {
  text-align: center;
}
.thanks-mainbox h3 {
  color: #b79338;
  font-family: 'Unica One', cursive;
  text-transform: none;
  font-weight: normal;
  font-size: 40px;
  letter-spacing: 1px;
  padding-bottom: 0;
  margin-top: 0;
}
.thanks-mainbox .border-image {
  margin-bottom: 1%;
}
.thanks-mainbox p {
  font-family: 'Vollkorn', serif;
  font-size: 16px;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 5%;
}
#thanks {
  padding: 4% 0;
}

/* --------------------------Thanks End ---------------------------- */

/* --------------------------Gallery Photo ---------------------------- */

#photo-gallery {
  text-align: center;
}
#photo-gallery h3 {
  color: #b79338;
  font-family: 'Unica One', cursive;
  text-transform: none;
  font-weight: normal;
  font-size: 40px;
  letter-spacing: 1px;
  padding-bottom: 0;
  margin-top: 0;
}
#counter,
#joinus,
#thanks,
#footer {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.rowimage {
  margin-left: 0;
  margin-right: 0;
}
/* --------------------------Gallery Photo ---------------------------- */

/* --------------------------Footer ---------------------------- */

#footer {
  text-align: center;
  padding: 3% 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#footer h3 {
  font-family: 'Vollkorn', serif;
  color: #fff;
  font-size: 75px;
  font-style: italic;
  letter-spacing: 2px;
  padding-bottom: 2%;
}
.copyright p {
  color: #fff;
  font-family: 'Vollkorn', serif;
  margin-bottom: 0;
  margin-top: 2%;
  font-size: 20px;
  letter-spacing: 1px;
}
.copyright p a{
  color: #fff;
}

/* --------------------------Footer End ---------------------------- */


/*  index */
.postwrapper-box{
  border: 2px solid #eeeeee;
  margin: 1em 0;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}

/*------------------------- Gallery -----------------------------*/
#gallery p{
  text-align:center;
  font-size: 35px;
}

#gallery img{
  height:200px;
}

.gallery-image{
  display:flex;
  padding: 0;
}

.gallery-image img{
  height:220px;
  width:100%;
}

.gallery_img{
  width: 100%;
  height: 100%;
}

#TB_ajaxContent{
  padding: 1% !important;
  width:auto !important; 
  height:auto !important;
}

#TB_ajaxWindowTitle{
  text-align:center;
  color: #001e44;
  text-transform: capitalize;
}



/*----------------------- Gallery pop-up start -----------------------------*/
.ts_overlay{
  display: block;
  width: 100%;
  height: 100%;
  background: hsla(0,0%,0%,0.8);
  position: absolute;
  z-index: 999;
  text-align: center;
}
.ts_close_it{
  color: #ddd;
  font-size: 1.3em;
  z-index: 99999;
  position: relative;
  left: 80.5%;
  cursor: pointer;
  top: 24px;
}
.ts_popup{
  z-index: 9999;
  position: absolute;
  left: 18%;
  width: 60%;
  border: 2px solid #ddd;
}

i.fa.fa-times-circle-o {
  font-size: 2em;
}

/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold; 
  text-align:center; 
  margin:0 0 45px;
  padding:0;
  text-transform:uppercase;
}

section h3{
  font-weight:bold; 
  text-align:center; 
  margin:30px 0 0 0;
  text-transform:uppercase;
}

section h4{
  color:#000; 
  font-weight:bold;
  font-size:20px;
}

section h5{
  color:#3890cb; 
  font-weight:bold;
  font-size:24px;
  margin:0 0 10px 0; 
  padding:0;
}

.new-line,.box-content p{
  margin-bottom: 2em;
}

.box-content h3{
  color:#000; 
  font-weight: bold;
}

.text-center{
  text-align: center!important;
}

a.r_button {
  padding: 2% 6%;
  color: #001e44;
  border: solid 2px #001e44;
}

.plans-box a.r_button {
  padding: 4% 20%;
  color: #001e44;
  border: solid 2px #001e44;
  border-radius: 13px;
  font-size: 16px;
}

#gallery a.r_button {
  padding: 1% 4%;
  color: #001e44;
  border: solid 2px #001e44;
  border-radius: 0;
  font-size: 20px;
}

#gallery a.r_button:hover {
    color: #fff !important;
    background: #d3da36;
    cursor: pointer;
}

.darkbox{
  padding:0;
}

section .innerlightbox{
  background-size:100% 100%;
  padding:4.5em 0; 
  color:#000;
}

section .innerdarkbox{
  background-size:100% 100%;
  padding:4.5em 0; 
  color:#fff;
}

.innerdarkbox {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* -------------- Blog --------------- */
.page-header,
.maintitle {
  background: rgb(21, 28, 39);
  padding: 0 15px;
  color: #fff;
  font-family: 'Vollkorn', serif;
  font-style: italic;
  text-align: center;
}
.feature-box img {
  width: 100%;
}
.bloglayout small{
  color:#6d6d6d;
  margin:0 0 20px 0;
}
.bloglayout .small-button{
  margin-top:30px;
}
.bloglayout .page-box {
  padding: 20px;
  margin: 0 0 4% 0;
  background: #f5f5f5;
}
.new-text h4 {
    text-align: left !important;    
}
.bloglayout .page-box h4 a{
  color:rgb(21, 28, 39);
  margin:0 0 29px 0;
  padding:0;
  font-family: 'Vollkorn', serif;
  font-style: italic;
  letter-spacing: 2px;
  font-weight: bold;
}
.bloglayout .page-box p{
  color: #666;
  font-family: 'Vollkorn', serif;
  letter-spacing: 1px;
  font-size: 15px;
}
.content-bttn a {
  color: rgb(21, 28, 39);
  padding: 10px 30px;
  border: solid 2px rgb(21, 28, 39);
  font-size: 20px;
  font-family: 'Vollkorn', serif;
  font-style: italic;
  letter-spacing: 1px;
}
.bloglayout .box-image{
  margin:0;
}
.bloglayout img{
  max-width:100%;-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  overflow:hidden;
  border:1px solid #fff;
}

.bloglayout .services-box{
  margin:40px 0 20px 0;
}

.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}

.metabox{
  color:#000;
  padding:15px 0; 
  clear:both;
  margin-left: 1%;
}

.metabox .entry-date{
  background:url('images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}

.metabox .entry-author{
  background:url('images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}

.metabox .entry-comments{
  background:url('images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}

/* -------------- CONTACT Page --------------- */
.contactbox h3 {
  color: #b79338;
  font-family: 'Unica One', cursive;
  text-transform: none;
  font-weight: normal;
  font-size: 35px;
  letter-spacing: 1px;
  padding-bottom: 0;
  margin-top: 0;
  text-align: center;
}
.contactbox,
.social-media {
  text-align: center;
}
.contactbox input[type="submit"] {
  border: 2px solid rgb(21, 28, 39);
  background: #fff;
  text-align: center;
  font-size: 18px;
  padding: 10px 30px;
  font-weight: bold;
  color: rgb(21, 28, 39);
  margin: 0 auto;
  border-radius: 0;
  display: table;
}
.contactbox input[type="submit"]:hover {
  background: #b79338;
  cursor: pointer;
  color: #fff;
}
.social-media i {
  background: rgb(21, 28, 39);
  color: #fff;
  border-radius: 50%;
  font-size: 20px;
}
.social-media i.fa.fa-youtube,
.social-media i.fa.fa-instagram {
    padding: 12px 14px;
}
.social-media i.fa.fa-facebook {
    padding: 12px 16px;
}
.social-media i.fa.fa-twitter {
    padding: 12px;
}
.social-media i.fa.fa-rss {
    padding: 12px 13px;
}
.social-media i.fa.fa-google-plus {
    padding: 12px 9px;
}
.social-media i.fa.fa-pinterest-p {
    padding: 12px 15px;
}
.social-media {
    padding: 20px 0;
}
.social-media i:hover {
    background: #b79338;
}
/* ----------------------- POST---------------------- */
section#blog{
  padding-top:0;
  margin-top:0;
}

.blog-post h5{
  text-transform:uppercase;
  color: #000;
}

.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}

.feature-image-box img{
  width:100%;
}

.feature-image-box img a:hover{
  opacity:0.8;
}

.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}

.bradcrumbs{
  padding:30px 0;
}

.bradcrumbs a{
  background:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}

.bradcrumbs a:hover{
  background:#ffd34e;
}

.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}

/*------------------ Comments BOX ------------------*/
#comments{
  margin-top:40px;
}

#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}

#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}

#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}

#comments input[type="submit"].submit{
  background:#18304c !important;
  padding:10px 20px;
  text-transform:uppercase;
  font-weight:bold; 
  margin-top:20px;
  color:#ffffff;
}

#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}

#comments a.comment-reply-link:hover{
  background:#3890cb;
}

#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}

#content-ts #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px; 
  padding: 20px;
  background:#eee; 
  display:inline-block;
}

#content-ts ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 35px;
}

#content-ts #comments ul{
  margin:0 0 0 40px;
}

#comments .reply{
  float:right;
}

#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}

#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}

#comments p {
  width:100%;
  float:left;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments ol.comment-list {
  margin: 0px !important;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  border: 1px solid #333;
  padding: 2px;
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#slider img {
    width: 100%;
}
.nivo-caption{
  top:20%!important;
}

.nivo-controlNav a.active {
  font-weight: bold;
  background-position: 0 -21px;
  background: #bcfe63;
}

#slider .slide-cap h4{
  text-transform:uppercase; 
  font-size:25px;width:30%;
  margin:0 auto;
  background:url('images/welcome.png') center no-repeat;
  background-position: center; 
  padding:5px 0; 
  font-weight:bold;
}

#slider h2{
  padding:0 25px 2% 0; 
  font-family: 'Vollkorn', serif;
  text-transform:uppercase;
  left:50%;
}

#slider p{ 
  color:#ffffff; 
  font-weight:700; 
  margin:0 0 48px 0; 
  line-height:20px; 
  border-radius:0 0 5px 5px; 
  font:25px/20px arial; 
  text-transform:uppercase; 
  font-weight:bold;
}

#slider .btn-primary{
  border-radius:3px; 
  padding:9px 50px; 
  border:2px solid #dadada; 
  color:#ffffff; 
  background:#3890cb; 
  font-size:18px; 
  height:auto; 
  display:table;
  margin:0 auto;
}

.carousel-caption {
  top: 30%;
}

a.blog-more{ 
  display:inline-block; 
  font-family: 'Vollkorn', serif;
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}

/* Sidebar */

#sidebar{
  font-family:Helvetica;
  margin-top: 23px;
}
#sidebar form{
  display: table;
  width: 100%;
}
#sidebar h3 {
  margin: -40px 0 20px;
  padding: 20px 15px;
  font-weight: bold;
  font-size: 28px;
  background: rgb(21, 28, 39);
  color: #b79338;
  font-family: 'Vollkorn', serif;
  font-style: italic;
  text-align: center;
  letter-spacing: 1px;
}
#sidebar input[type="search"] {
  background:#f5f5f5;
  padding: 10px;
  border:none;
  font-size:15px;
  color:#000;
  width:100%;
}
#sidebar label{
  width:70%;
  float:left;
}
#sidebar input[type="submit"] {
  background: rgb(21, 28, 39);
  border: none;
  padding: 10px 0;
  width: 30%;
  font-size: 20px;
  float: left;
  margin: 0;
  color: #b79338;
  font-family: 'Vollkorn', serif;
  font-style: italic;
}

#sidebar aside {
  margin-bottom: 12%;
  border: 2px solid rgb(21, 28, 39);
  padding: 15px;
}

#sidebar ul {list-style:none;
  margin:0;
  padding:0;
  font-size:16px;
}
#sidebar ul li{
  background:url('images/bullets-sidebar1.png') no-repeat 0 2px;
  margin:0 0 15px;
  padding:0 0 0 23px;
}
#sidebar ul li a{
  color: #666;
  font-family: 'Vollkorn', serif;
  letter-spacing: 1px;
}
#sidebar ul li a:hover{
  color:#b79338;
}
label{
  margin-bottom: 0px;
}
#sidebar .tagcloud a{
  background:#eeeeee;
  color:#000;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}

#sidebar .tagcloud a:hover{
  background:#b79338;
}

/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  font-size: 35px;
  font-family: 'Vollkorn', serif;
  font-style: italic;
  letter-spacing: 2px;
  text-shadow: 1px 0 0 #000, 1px 0 0 #000, 0 3px 0 #000, 0 1px 0 #000, 1px 3px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}

/*----------Content-ts-----------*/
#content-ts h6 {
  margin: 20px 11px 16px 0;
  font-size: 30px;
  padding: 0;
  font-weight: bold;
  line-height: normal;
}

#content-ts p {
  text-align: justify;
  line-height: 25px;
  font-size: 16px;
  font-family: 'Vollkorn', serif;
  letter-spacing: 1px;
}

#content-ts hr{
  border:none;
  margin:0 0; 
  clear:both;
}

#content-ts h2{
  font-size:35px; 
  font-weight:normal;
  margin:0;
  padding:0; 
  color:#373737;
  margin:0 0 25px; 
  font-family: 'Vollkorn', serif;
  border-bottom: 3px double #0d243c;
  padding-bottom: 10px;
  padding-top: 20px;
}

#content-ts h3{
  font-size:36px; 
  font-weight:normal;
  margin:0;
  padding:0; 
  color:#000;
  margin:14px 0 25px; 
  font-family: 'Vollkorn', serif;
}

#content-ts h4{
  font-size:31px; 
  font-weight:bold;
  margin:0;
  padding:0; 
  color:#18304c;
  margin:0 0 25px;
  font-family: 'Vollkorn', serif;
  text-align: center;
}

#content-ts ul{
  list-style:none;
  margin:0 0 0 10px; 
  font-size:16px;
}

.middle-align ul li{
  background:url('images/bullet-fork.png') no-repeat 0 5px; 
  padding:0 0 0 35px;
  margin:0 0 20px 0;
  line-height:25px;
}

.middle-align ul li ul li{
  background:url('images/bullet-fork2.jpg') no-repeat 0 5px;
  margin-top: 3%;
}

#content-ts #comments ul{
  margin: 0!important;
}

#content-ts ol{
  margin:0 0 0 15px;
  padding:10px 0 0 0; 
  font-size:16px;
}

#content-ts ol li{
  padding:0 0 0 0;
  margin:0 0 20px 0;
}

#content-ts ol li:before {
  color: #fff;
  background: #0c1f34;
  display: inline-block;
  text-align: center;
  margin: 5px 10px;
  line-height: 40px;
  width: 40px;
  height: 40px; 
  font-weight:bold;
  display:none;
}

.read-moresec{
  margin:2% 0;
}

/*---------------- Pagination ----------------*/
.navigation {
  clear:both;
  position:relative;
  font-size:14px; 
  line-height:13px;
  float:right; 
  font-weight:bold;
}
 
.navigation span, .navigation a {
  display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#fff; 
  background: rgb(21, 28, 39); 
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
 
.navigation a:hover{
  color:rgb(21, 28, 39);
  background: #b79338; 
}
 
.navigation .current{
  padding:10px 15px;
  background: #b79338; 
  color:rgb(21, 28, 39);
  font-weight:normal;
}

/*------------------------------------ woocommerce css ----------------------------*/
section.related.products h2,.woocommerce-order-details h2,.woocommerce-order-details h3 {
	color: #000;
	font-family: 'Raleway', 'Raleway', sans-serif;
	font-size: 25px;
	margin-bottom: 1em;
	text-align: left;
	text-transform: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    padding: 1.5em 0;
    margin: 0;
    font-size: 15px;
    background: linear-gradient(45deg, rgba(12,30,50,1) 0%, rgba(0,128,128,1) 100%);
    color: #fff;
    font-weight: bolder;
    margin-bottom: 1em;
    text-align: center;
}
.woocommerce ul.products li.product .star-rating,.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product a{
    text-align: center;
    margin: 10px auto;
    display: table;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price{
	color:#000;
	font-weight: bolder;
	font-size: 15px;
	margin: 10px auto;
}
.woocommerce a.button{
    border-top-left-radius: 35px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 35px;
    border-bottom-left-radius: 0;
    background-color: #d3da35;
    padding: 11px 24px;
    color:#000;
}
.woocommerce .woocommerce-breadcrumb {
    margin: 2em 0;
    font-size: 16px;
    color: #18304c;
}
select.orderby {
    background: #fff;
    padding: 6px 4px;
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
    font-size: 15px;
    font-weight: bold;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
  border: 1px ridge #d3ced2;
  padding: 20px;
  margin: 2em 0;
  text-align: left;
  border-radius: 5px;
  font-family: 'Raleway', 'Raleway', sans-serif;
  font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-content {
  padding: 20px;
  margin: 2em 0;
}
.woocommerce div.product form.cart {
  margin: 2em 0;
}
/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
/*-------------- media section ---------------*/

@media screen and (max-width:768px) { 
  #our-services .page-box{
    margin-bottom:0.5em;
  }

  #trainer .trainer-content{
    background:#d3da36;
    padding:20px 0;
    margin-top:20px;
  }
  #trainer .trainer-content .trainer-image{
    margin-bottom:20px;
  }

  #pricing_plans .price-number{
    position:static;
  }

  #pricing_plans .price-title{
    margin-top:20px;
  }
  .slider-main .nivo-controlNav a{
    width:10px;
  }
  #content-ts div {
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #000;
  }
  #clients .client_name{
    text-align:center;
    margin-top:20px;
  }
  .title-box h1{
    font-size: 20px;
  }
  .home #header{
    background: none !important;
  }
  .testimonialwrapper-box{
    margin-bottom: 50px;
  }
}

@media screen and (max-width:991px) {
  #slider .slide-cap h2 {
    font-size:150%;
  }

  section#pricing_plans .innerlightbox {
    padding-bottom:0;
  }

  #pricing_plans .price-box{
    margin-bottom:70px;
  }

  .day-time{ 
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
    padding-bottom: 20px;
  }

  #trainer .video{
    margin-bottom:20px;
  }
  section#clients .innerdarkbox{
    padding-bottom:0;
  }

  #clients .client-info{
    margin-bottom:50px;
    text-align:center;
    font-weight:bold;
  }

  #bmi .dhtmlgoodies_bmi_calculator{
    margin-bottom:20px;
  } 
  #content-ts h4 {
    margin-top: 7%;
    text-align: justify;
    font-size: 26px;
  }
  #content-ts p {
    margin-top: 6%;
    font-size: 14px;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  .toggle a{
    width:100%; 
    color:#000; 
    padding:10px 10px; 
    font-size:16px;
    background: #b79338;
  }
  
  .metabox img {
    margin-left: 0%;
  }  
  small {
    font-size: 13px !important;
  }

  .page-trainer-box .trainer-name {
    color: #18304c !important;
    font-size: 28px !important;
    text-align: center !important;
  }
}

@media screen and (max-width:719px) {
  #header .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  #header .nav {
   height: 100%;
   width: 0;
   position: fixed !important;
   z-index: 99999 !important;
   top: 0 !important;
   left: 0 !important;
   background-color: #111;
   overflow-x: hidden !important;
   transition: 0.5s !important;
   width: 250px !important;
 }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .toggle{
    display:block;
  }

  .toggle a:hover{ 
    color:#fff;
  }

  .toggle a.active{
    color:#fff;
  }
  
  .nav{
    display:none;
  }

  #header .nav{
    float:none; 
    margin:0; 
    position: absolute;
    overflow-x: hidden;
    width: 100%;
    z-index: 9999;
    left: 0;
    top:-8em;
  }

  #header .nav ul{ 
    width:100%; 
    float:none !important; 
    margin-top:0; 
    background-color:#222222;
  }

  #header .nav ul li{
    border-top:1px #303030 solid; 
    display:block; 
    float:none; 
    text-align:left;
  }

  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }

  .nav ul li a:hover{
    color:#ff8a00;
  }

  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }

  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }

  .nav ul li ul li a{
  padding-left:20px !important;
  }

  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }

  #TB_window{
  width:350px !important;
  margin-left: -181px !important;
  top:60% !important;
  }
  .contact-name i,
  .contact-email i,
  .contact-call i,
  .contact-location i,
  .contact-information i{
   padding: 12px 4px;
   width: 14%; 
  }
  span {
    text-align: right;
  }
  #slider .slide-cap{ 
    display:none;
  }
  .menubox .navbar {
    z-index: 9999;
    left: 0;
    width: 100%;
    position: absolute;
  }
  .navbar-default .navbar-collapse {
      background-color: #222222 !important;
  }
  .navbar-nav {
    margin-left: 33%;
  }
  .mega-dropdown-menu > div >li{
    float:left;
    width:50%;
  }
  #slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
    display: block !important;
  }
}

@media screen and (min-width:720px){
  #header .nav ul li a {
     padding: 8px 8px 8px 32px;
     text-decoration: none;
     display: block;
     transition: 0.3s;
  }
  #header .nav ul li:hover > ul{
    display:block; 
    background:rgba(21, 28, 39, 0.57); 
    width:200px; 
    position:absolute;
    border: solid 2px #b79338;
    top:25px;
    left:0; 
    text-align:left; 
    padding:10px 0; 
    z-index:99;
  }

  #header .nav ul li:hover > ul li{ 
    display:block;
  }

  #header .nav ul li:hover > ul li a{ 
    padding:7px 0px 7px 10px; 
    color:#ffffff;
  }

  #header .nav ul li:hover ul li ul{
    display:none;
  }

  #header .nav ul li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:200px; 
    top:-20px;
  }

  #header .nav ul.sub-menu{
    margin-top:7px;
    display: none;
  }

  #header .nav ul.sub-menu li a:hover{
    background:#b79338; 
    color:#fff;
  }

  #header .nav ul {
    margin: 15px 0;
  }

  #header .nav ul li a{ 
    padding:7px 15px; 
    display:block;
    color: #f5f5f5;
    font-family: 'Vollkorn', serif;
    font-style: italic;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1px;
  }

}

@media screen and (min-width: 1000px) {

  #header #header-inner .nav ul li ul li{
    display:block; 
    position:relative; 
    float:none;
  }

  #header #header-inner .nav ul li ul li a{
    color:#000; 
    display:block; 
    padding-top:10px; 
    padding-bottom:10px; 
    border-bottom:1px #313131 solid;
  }

}

@media screen and (min-width: 992px) {
  .web p {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) and (min-width: 320px){

  p#timer {
    display: block;
  }
  .lovstory-mainbox p {
    padding: 0;
  }
  .lovstory-mainbox,
  .joinus-form {
    padding: 5%;
  }
  .forms,
  #footer img {
    padding: 15px;
  }
  .thanks-mainbox img {
    margin-bottom: 15%;
  }
  .border-image img {
    margin-bottom: 0;
  }
  .logo img {
    width: 40%;
  }
  .home #header .logo {
    padding: 6% 0;
  }
}
div#introbar select {
    width: 50%;
}

@media screen and (min-width: 960px) and (min-width: 960px){
.love1 img {
    height: 100%;
}
}