/*
Theme Name: VW Bakery Pro
Theme URI: https://www.vwthemes.com/themes/bakery-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: This bakery WordPress theme is charming, youthful, energetic, reliable and fresh looking with a feminine touch to its design which is given by the choice of bright colours and stylish fonts. It is great to be used for bakery shops, cakes, pastry and chocolate house, coffee shops, sweet shops, juice and shake centres and other relevant food and beverages joint. It has so many eye-catching features and advanced functionality that this bakery WP theme is sure to give your competitors a tough fight in all respects. You can choose from the unlimited colours to change its bright and lively colours into the one that suits your brand. Its flexible layout can be changed from boxed to full-width with the option to club it with sidebars. Its user-friendly interface of front end caters smooth navigation. The theme can be used by a novice with no coding knowledge and a webmaster with equal efficiency to design a beautiful website.
Version: 1.0
License: GNU General Public License
License URI:license.txt
Text Domain: vw-bakery-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Bakery Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2018.
VW Bakery Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
*{
  margin:0; 
  padding:0; 
  outline:none;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font-size: 14px;
  color:#5b5b5b; 
  font-family: 'ABeeZee', sans-serif;
}
label {
  margin-bottom: 0 !important;
}
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;
  line-height: 1.4;
  letter-spacing: 1px;
  color:#5b5b5b;
  font-family: 'Merienda One', cursive;
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:14px;
  font-weight:normal;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none; 
  color:#ff7c93;
}
a:hover{
  text-decoration:none; 
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background:#ececec;
}
 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 70px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: #7a7a7a;
}
 
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
  
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0;
  background-attachment: fixed;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #ff7c93;
}
input[type="submit"]:hover{
  cursor: pointer;
}
.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}

.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{ 
  margin:0; 
  padding:0; 
  background-color:#d7d7d7;
}
.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
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;
}
table, td, th {
  border: 1px solid black;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  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.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
}
.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: #bbb;
  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;
  -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:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------Buttons--------- */
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;
}
a.theme_button {
  color: #ffffff;
  border: none;
  text-transform: uppercase;
  margin-top: 20px;
  letter-spacing: 1px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: bold;
  background: #ff7c93;
  border-radius: 0;
}
a.theme_white_button{
  border: none;
  text-transform: uppercase;
  margin-top: 20px;
  letter-spacing: 1px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 0;
}
a.theme_white_button{
  background-color: #ffffff;
  color: #ff7c93;
}
a.theme_button:hover {
  color: #ff7c93;
  background: #ffffff;
}
a.theme_white_button:hover {
  color: #ffffff;
  background: #ff7c93;
}

/* --------------------------Top Bar---------------------------- */
.contact_details ul li {
  list-style: none;
  display: inline;
  color: #ffffff;
}
.top_bar {
  background: #52d1cd;
  width: 100%;
  float: left;
  padding: 0;
}
.contact_details {
  padding: 0;
}
.contact_details ul li.search-box span {
  border: none;
  padding: 15px 18px;
  margin-right: 0;
}
.contact_details ul li span {
    padding: 0 10px;
}
.contact_details i{
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
}
.serach_outer i{
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
.contact_details p {
  color: #033333;
  font-size: 15px;
  margin: 0 0 0 !important;
}
p.hi_bold {
  color: #932b82;
}
p.hi_normal {
  color: #757575;
}
.contact_details ul li span i {
  padding-right: 6px;
}
.contact_details ul li a {
  color: #ffffff;
}
.cart_box {
  border: none;
  padding: 11px;
  margin-right: 0;
}
.left-side-content {
  padding: 0;
  margin: 0;
}
.left-col {
  padding: 12px 0;
}
.right-side-content {
  margin: 0;
  text-align: center;
  position: relative;
}
.right-side-content h6 {
  text-align: right;
  width: 100%;
  font-size: 13px;
  font-weight: normal;
  padding:0;
}
.cart_box span {
  padding: 0 !important;
  margin: 0 5px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
#top-add-to-cart p.woocommerce-mini-cart__total.total {
  color: #ffffff;
}
.cart_box  {
  background: #ff7c93;
}
p.woocommerce-mini-cart__empty-message {
    color: #ffffff;
}
#site_top .socialbox {
  text-align: right;
  padding: 12px 0;
}
#site_top .socialbox a {
  padding: 0 10px;
  color: #ffffff
}
#site_top .socialbox a:hover{
  color: #ff7c93;
}

/* --------------------------Header---------------------------- */
.home.blog .post-section {
  padding: 80px 0;
}
.home #masthead {
  margin-bottom: 0;
}
#masthead {
  margin-bottom: 60px;
}
.logo_outer{
  width: 100%;
  height: 190px;
  border-right: 90px solid #ff7c93;
  border-left: 90px solid #ff7c93;
  border-bottom: 30px solid transparent;
}
.logo_outer_box {
  position: absolute;
  top: 0;
}
.container.custom_container {
  position: static;
}
.logo_static {
  position: static;
}
.logo_outer_box {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  overflow: visible;
  z-index: 9999;
}
#header .logo img{
  max-height: 123px;
  width: auto;
  display: block;
  margin: 0 auto;
}
#header {
  background-color: #ffffff;
  width: 100%;
  float: left;
}
#topbar {
  border-top: 10px solid #435061;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.neseted-inner {
  top: 0;
  position: absolute;
}
.continnerbox {
  background-size: 100% 100%;
  color: #fff;
  border-top: 40px solid #435061;
  border-left: 60px solid transparent;
}
#header .logo {
  margin:0; 
  padding: 10px; 
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
}
#header .logo h1, #footer .logo h1{ 
  font-weight:700; 
  padding:0; 
  margin-bottom:8px; 
  font-size:26px; 
  font-weight:bold; 
  margin-top: 0; 
}
.logo a.custom-logo-link{ 
  color:#000000;
}
.logo h1 a, .logo h1 a{
  color: #ffffff;
}
.logo p{ 
  color: #ffffff;
  margin-bottom: 0;
  font-size: 14px;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
.mobile-menu{
  display: none;
}
.cart_box {
  display: inline-block;
}
.mobile_cart_search .cart_box {
    display: inline-block !important;
}
.mobile_cart_search {
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
}
.mobile_cart_search .cart_box {
  display: inline-block !important;
}
/*-----------------Header Cart----------------*/
#cart {
  background: #000;
  width: 400px;
  right: 0;
  top: 50px;
  margin: 0 auto;
  text-align: left;
  padding: 20px;
  position: absolute;
  z-index: 999999;
  display: none;
}
.cart_box:hover #cart{
  display: block;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 99999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.closepop {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
  cursor: pointer;
}
.serach_inner form.search-form {
  display: table;
  padding: 0;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.serach_inner form.search-form {
  display: table;
  border: 1px solid #bababf;
  padding: 14px 20px;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  border-radius: 30px;
}
.serach-page input.search-field {
   padding: 10px;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 95%;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.menubar .social-media a:hover{
  color:#3890cb;
}

/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
  
}
.main-navigation li{
  position: relative;
  line-height: 65px;
  padding: 0 2px;
  display: inline-block;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  color: #000000;
  padding: 0;
  margin: 0 8px;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  text-transform: uppercase;
}
.main-navigation a:hover{
  color: #ff7c93;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  min-width: 215px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  z-index: 9999;
}

.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #888;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.5;
}

.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left
}

.main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.main-navigation ul li:hover > ul{
  display: block;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #ff7c93;
}

.main-navigation .menu > ul > li.highlight{
  background: #ff7c93;
}

.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}

.menu > ul > li > a:hover:before,
.menu > ul > li.current_page_item > a:before,
.menu > ul > li.current-menu-item > a:before{
  position: absolute;
  top: 0;
  content: '';
  width: 100%;
  height: 2px;
  z-index: 99999;
  display: block;
  background: #ff7c93;
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.menubar.scrolled .menu > ul > li:hover > a:before,
.menubar.scrolled .menu > ul > li.current_page_item > a:before,
.menubar.scrolled .menu > ul > li.current-menu-item > a:before{
  height: 2px;
}

.menu > ul > li.exoplanet-search:before{
  background: transparent !important;
}

.main-navigation ul ul li:hover > a{
  color: #000;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}

/*----------------------Mobile Menu Icon------------------------------*/
.toggle-nav {
  display: none;
  position: relative;
  float: right;
  right: 15px;
  height: 30px;
  width: 30px;
  cursor: pointer;
  margin: 0 auto;
  z-index: 999999;
  right: 0;
  text-align: right;
  right: 0;
  margin-right: 0;
}
.toggle-nav i {
  font-size: 29px;
  color: #000000;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.sidenav #site-navigation {
  width: 100%;
}
.toggle-nav span{
  font-size:30px;
  cursor:pointer; 
  text-align: right;
}
/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #e1e1e1;
}

.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}

/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.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;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #4b4342;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  font-weight: 900;
  color: #4b4342;
  padding: 0;
}
section h4{
  color:#4b4342; 
  font-size:20px;
}
section h5{
  color:#4b4342; 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}
.owl-dots {
    display: none;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*----------------------Home Contact Details-----------------------*/
.home_details {
  border: solid 1px #dddddd;
  margin-top: -70px;
  background-color: #ffffff;
}
.opening_time {
  background-color: #52d1cd;
  padding: 10px 15px;
}
.opening_time p {
  margin: 0;
  color: #ffffff;
  font-weight: 600;
}
.home_contact_details {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width:100%;
}
.home_contact_details p {
  margin: 0;
}
.home_contact_details h3 {
  color: #ff7c93; 
}
.home_contact_details i {
  background-color: #ff7c93;
  color: #ffffff;
  padding: 15px;
  margin-right: 10px;
  border-radius: 50%;
}
.home_details a.theme_button {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.home_details a.theme_button:hover {
  background-color: #4b4342;
  color: #ffffff;
}
/*------------------------- About-----------------------------*/
#about {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.about-heading h2{
  margin-bottom: 15px;
  font-weight: bold;
  color: #002b46;
}
.about-heading img{
  text-align: right;
}
.about-content p {
  padding: 10px 0;
  font-size: 16px;
  line-height: 30px;
  margin: 0;
}
.about-content a {
  display: inline-block;
  margin-top: 25px;
}
#about ul li {
  list-style: none;
}
.li_content i{
  color: #ff7c93; 
}
.about_img img {
    width: 100%;
}
.about-content {
  text-align: center;
}
h4.subheading {
  color: #858585;
}
/*color*/
.section h3{
  color: #ff7c93;
}
#footer h3{
  color: #ff7c93; 
}
/*------------------------- Services -----------------------------*/
#services {
  padding:50px 0;
  text-align: center;
}
#services h3, #services h4 a, #services p {
  color: #ffffff;
}
#services .owl-dots {
  display: block;
}
#services button.owl-dot {
  width: 10px;
  height: 10px;
  margin: 2px;
  background-color: #ffffff;
  border: none;
  border-radius: 50%;
}
#services button.owl-dot.active {
  background-color: #ff7c93;
}
#services button:focus {
  outline: inherit !important;
}
.service-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

/*------------------Popular Products-----------------*/
.product-title h3 {
  text-align: center;
  color: #ff6589;
}
.inner_product {
  background-color: #ffffff;
  margin-bottom: 25px;
  border: solid 1px #e8e8e8;
  text-align: center;
}
.inner_product a {
  color: #3f3f3f;
}
.inner_product h5 {
  color: #191b27;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin:0;
}
.inner_product a.added_to_cart.wc-forward {
    top: 20% !important;
}
.product-thumb {
  position: relative;
}
.cart-btn a.button {
  text-indent: -9999px;
  background: #52d1cd url(assets/images/carticon.png) center no-repeat;
  border: none;
  display: block;
  margin: -25px auto 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0;
  position: relative;
}
.custom-product-price {
  color: #52d1cd;
  font-weight: bold;
  font-size: 14px;
}
.custom-product-price del {
  font-size: 12px;
}
.woocommerce span.onsale, .custom_items span.onsale{
  top: 0 !important;
  left: 0 !important;
  right: inherit !important;
  background-color: #52d1cd;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 4px 10px;
  border-radius: 0 !important;
  line-height: inherit;
  min-height: inherit;
  position: absolute;
}
.inner_product:hover span.onsale {
  background-color: #ff7c93;
  transition: 0.5s;
}
.inner_product:hover .cart-btn a.button {
  background: #ff7c93 url(assets/images/carticon.png) center no-repeat;
  transition: 0.5s;
}
.inner_product:hover h5 a, .inner_product:hover .custom-product-price{
  color: #ff7c93;
}
.inner_product a.added_to_cart.wc-forward {
  display: block;
}
.product-text {
  padding: 0 15px 15px;
}
/*------------------------choose_skills-------------------------*/
#choose_skills h3 {
  color: #ffffff;
  text-align: center;
}
/*------------------------- Skills -----------------------------*/
.progress-bar {
  height: 20px;
  color: #fff;
  background-color: #ffffff;
  border-radius: 25px;
}
.bar_box p{
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 10px;
  font-family: 'Merienda One', cursive;
}
.bar_box span.progress_percentage {
  position: absolute;
  top: 7px;
  color: #ffffff;
  z-index: 999;
  padding: 4px;
  right: 6px;
  font-weight: bold;
}

.bar_box .progress {
  background-color: transparent;
  position: relative;
  overflow: visible;
  border: solid 3px #ffffff;
  padding: 10px 45px 10px 16px;
  border-radius: 25px;
  margin-bottom: 20px;
}

/*-------------------------Why Choose Us -----------------------*/
.choose-box-content h4, .choose-box-content p {
  color: #ffffff;
}


/*------------------ Plans Pricing-----------------*/
#plans_pricing {
  background-size: 100% 100%;
}
#plans_pricing .price-heading-box {
  padding: 5px 25px;
  background-size: 100% 100%;
  background-color: #ff7c93;
  border: 1px solid #ffffff;
}
.price-box h3 {
  border-left: none;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 36px;
}
.price-box sub{
  font-size: 12px;
}
#plans_pricing .price-heading-box h4 {
  color: #ffffff;
  font-weight: bold;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#plans_pricing .price-heading-box p{
  color: #ffffff;
}
#plans_pricing .price-heading-box h3 {
  color: #ffffff;
  font-weight: bold;
  font-size: 50px;
}
#plans_pricing .price-heading-box h3 small{
  display: block;
  font-size: 14px;
}
#plans_pricing .select-plans a {
    margin: 25px auto 0;
    text-align: center;
    display: table;}
#plans_pricing .select-plans h4 a {
  font-weight: bold;
}
#plans_pricing .plans-content ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
}
#plans_pricing .plans-content ul li {
  padding: 15px 0;
  border-bottom: dashed 1px #cccccc;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#plans_pricing .plans-content ul li span {
  float: right;
}
#plans_pricing .price-box {
  background-color: #ffffff;
  margin-bottom: 25px;
  padding-bottom: 25px;
}

/*------------------------Gallery-------------------------*/
#vw_gallery {
  text-align: center;
}

/*-------------------------Team -----------------------------*/
.team-socialbox {
  height: 100%;
  width: 100%;
}
.team-image img {
  width: 100%;
}
h3.team a {
  color: #f33e17;
}
#team a.nav-link.active .date_box {
  display: block;
}
#team .nav-item p {
  position: absolute;
  bottom: 0;
  background: #932b82;
  color: #ffffff;
  margin-bottom: 0;
  padding: 10px;
  width: 100%;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
#team .nav-item img {
  width: 100%;
}
#team .nav-item a.nav-link {
  position: relative;
}
#team .nav-link {
  padding: 0 !important;
}
#team .team-box {
  text-align: center;
}
#team .team-socialbox a {
  background-color: #ff7c93;
  color: #ffffff;
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  padding-top: 9px;
  margin: 0 3px;
}
#team .team-socialbox a:hover {
  background-color: #52d1cd;
}
#team a.team-link {
  border: dashed 1px #4b4342;
  padding: 10px 15px;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 15px;
  display: inline-block;
  background-color: #ffffff;
  color: #4b4342;
  letter-spacing: 1px;
}
#team a.team-link:hover {
  background-color: #ff7c93;
  color: #ffffff
}
#team span.teamimg-border {
  height: 92%;
  width: 92%;
  border: 5px solid #ffffff;
  position: absolute;
  top: 8px;
  left: 5%;
}
#team .active span.teamimg-border {
  border: 5px solid #ff7c93;
}
/*------------------------Testimonials -----------------------------*/
#testimonials h3{
  color: #ffffff;
}
.test_shortcode_bg {
  background-color: #ddd;
  padding: 30px 0;
}
#testimonials .owl-carousel .owl-item img {
  width: 100px !important;
  height: 100px;
  margin: 0;
  border-radius: 50%;
  margin-top: 11px;
}
#testimonials .owl-dots {
  display: block;
  text-align: center
}
#testimonials button.owl-dot {
  width: 10px;
  height: 10px;
  margin: 2px;
  background-color: transparent;
  border: solid 2px #ffffff;
  border-radius: 50%;
}
#testimonials button.owl-dot.active {
  background-color: #ffffff;
  border: solid 2px #ffffff;
}
#testimonials button:focus {
  outline: inherit !important;
}
h4.testimonial_name a {
  color: #ffffff;
  font-size: 24px;
}
h4.testimonial_name cite {
  color: #ffffff;
  display: block;
  text-align: left;
  font-size: 16px;
}
#testimonials ul {
  text-align: center;
}
#testimonials ul li {
  list-style: none;
  display: inline-block;
  margin:0 10px;
  vertical-align: middle;
}
.testimonial_box p {
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  padding: 20px 20px 10px;
}
/*------------------------- Partners -----------------------------*/
#our_partners .owl-carousel {
  padding: 25px 0;
}
#our_partners .owl-dots {
  text-align: center;
  margin-top: 30px;
}
#our_partners button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 2px;
  background-color: #ffffff;
  border: solid 2px #002b46;
}
#our_partners button.owl-dot.active {
  background-color: #ff7c93;
  border: solid 2px #ff7c93;
}
#our_partners button:focus {
  outline: inherit !important;
}
#our_partners h3 {
  color: #ffffff;
}
/*------------------Latest Post -----------------*/
#latest_post .postbox {
  background-color: #f5f5f5;
}
#latest_post .postbox-content{
  text-align: center;
  padding-top: 40px;
  padding-bottom: 20px;
}
#latest_post .postbox h3 {
  font-size: 24px;
  padding-bottom: 15px;
}
#latest_post .postbox p {
  padding: 0 15px;
  line-height: 30px;
}
#latest_post .read-more a {
  border: dashed 1px #4b4342;
  padding: 10px 15px;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 15px;
  display: inline-block;
  background-color: #ffffff;
  color: #4b4342;
  letter-spacing: 1px;
}
#latest_post .read-more a:hover {
  background-color: #ff7c93;
  color: #ffffff;
}
#latest_post .postcol3 {
  padding:15px 15px 40px;
}

/*------------------------- Our Records -----------------------------*/
#our_records {
  padding: 50px 0;
  background-size: 100% 100%;
}
#our_records .counter-icon {
  text-align: left;
}
#our_records h4 {
  font-size: 34px;
  color: #ffffff;
  font-weight: bold;
  line-height: 34px;
  padding: 0;
}
#our_records p {
  font-size: 14px;
  color: #ffffff;
}
#our_records .owl-dots {
  text-align: center;
  margin-top: 30px;
}
#our_records button.owl-dot {
  width: 10px;
  height: 10px;
  margin: 2px;
  background-color: #52d1cd;
  border: none;
  border-radius: 50%;
}
#our_records button.owl-dot.active {
  background-color: #ffffff;
}
#our_records button:focus {
  outline: inherit !important;
}

/*------------------ Get In Touch -----------------*/
#getintouch .contact_icon {
  text-align: center;
}
#getintouch .contact_icon i {
  background-color: #ffffff;
  color: #ff6589;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding-top: 13px; 
}
#getintouch .contact_text p {
  color: #ffffff;
  font-size: 16px;
  padding-top: 6px;
  margin: 0;
}
#getintouch .socialbox a {
  background-color: #ffffff;
  color: #ff6589;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding-top: 10px; 
  display: inline-block;
  text-align: center;
  margin: 10px 8px;
}
#getintouch .socialbox a:hover {
  background-color: #ff6589;
  color: #ffffff;
}
/*------------------ Single Testimonials -----------------*/
#testimonial_single .testimonial_des {
  margin-bottom: 25px;
  color: #555555;
  line-height: 24px;
}
#testimonial_single blockquote {
  padding: 1.25em 40px;
  color: #383838;
  background: #ffffff;
  border: 1px solid #ddd;
  width: 100%;
}
.teams-desig {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: solid 1px #555555;
  display: inline-block;
  padding-bottom: 6px;
  font-family: 'Merienda One', cursive;
}
/*------------------ Single Team -----------------*/
#project_single {
  padding: 40px 0;
}
#project_single .posttype-box h1 {
  font-size: 40px;
  padding: 0;
  margin: 0;
  line-height: 40px;
  letter-spacing: inherit;
}
#project_single .posttype-box img {
  margin-bottom:20px;
}
#project_single .about-socialbox i {
  background-color: #002b46;
  color: #ffffff;
  padding: 10px;
  margin: 15px 0;
}
#project_single .about-socialbox p {
  text-align: justify;
  font-size: 16px;
}

/*------------------------- Testimonial Shortcode --------------------------*/
.testimonial-shortcode .testimonials_inner {
    border: solid 2px #002b46;
}
.our_testimonials_outer.testimonial-shortcode {
    margin-top: 2em;
}
.testimonial-shortcode img {
  width: 100%;
  margin-bottom: 25px;
}
.testimonial-shortcode .testimonial_box {
  background-color: #ff7c93;
}
.testimonial-shortcode .testimonial_box p {
  text-align: left;
  padding: 0 15px;
}
.testimonial-shortcode h4.testimonial_name a {
  color: #ffffff;
  font-size: 24px;
}
.testimonial-shortcode h4.testimonial_name cite {
  color: #ffffff;
  display: block;
  text-align: left;
  font-size: 16px;
}
.testimonial-shortcode .testimonial-heading {
  padding: 0 15px;
}

/*------------------------- Team Shortcode --------------------------*/
.team_sc img {
  width: 100%;
}
.team_sc .team_wrap {
  background-color: #ff7c93;
  padding-bottom: 15px;
}
.team_sc .team_wrap p {
  text-align: left;
  padding: 0 15px;
  color: #ffffff;
}
.team_sc h4.team_name a {
  color: #ffffff;
  font-size: 24px;
  padding: 0 15px;
  margin: 0;
}
.team_sc h4.team_name cite {
  color: #ffffff;
  display: block;
  text-align: left;
  font-size: 16px;
}
.team_sc .testimonial-heading {
  padding: 0 15px;
}
.team_sc .team-socialbox {
  text-align: left;
  padding:0 15px;
}
.team_sc .team-socialbox a {
  background-color: #ffffff;
  color: #ff7c93;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  padding-top: 8px;
  text-align: center;
}
.team_sc .team-socialbox a:hover {
  background-color: #52d1cd;
  color: #ffffff;
}
/*------------------ Contact Page -----------------*/
.c_icon {
  display: table;
  margin: 0 auto;
  padding: 25px 8px;
  border: 1px solid #ff7c93;
  border-radius: 50%;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  background-color: #f2f2f2;
  border: 2px solid #f2f2f2;
  border-radius: 28px;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  width: 100% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;

}
.contac_form.col-md-12 {
  margin-top: 20px;
}
section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  width: 100%;
}
.inner-cont {
  padding: 10px 5px;
  background: #ffffff;
}
.contac_form h3 {
  text-align: center;
  margin: 20px auto;
  display: table;
}
.contact-email i, .contact-address i, .contact-phone i {
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  font-size: 38px;
  color: #ff7c93;
  margin: 0 auto;
  text-align: center;
  width: 87px;
  display: inline-table;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 20px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
}
.contact-color-bg {
  background: #ebf1ff;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
/*------------------Blog Full Width----------------------*/
#full-width-blog .postbox h3 {
  font-size: 20px;
}
#full-width-blog .read-more a {
    border: dashed 1px #4b4342;
    padding: 10px 15px;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 15px; 
    display: inline-block;
    background-color: #ffffff;
    color: #4b4342;
    letter-spacing: 1px;
    margin-bottom: 30px;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
/*---------------- Footer Section ----------------------*/
#footer {
  
}
.footer-top {
  padding-bottom: 50px;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
.outer-footer {
  background-size: 100% 100%;
}
#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#footer form.search-form input{
  float: none;
  border: 1px solid;
  margin: 0 2px;
}
#footer input, #footer textarea{
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
#footer textarea{
  height: 100px;
}
#footer p.post-date {
    color: #ffffff;
    font-size: 11px !important;
}
.copyright {
  background-color: #ff7c93;
}
.copyright p {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0;
}
.main_sociobox {
    padding: 20px 0;
}
#footer{ 
  text-align:center;
  color:#fff;
  padding:3em 0 0 0px;
  text-align:left;
  background-color: #ff7c93;
}
.footer_hide{
  display:none;
}
.footer-top-col {
    border-left: solid 5px #ff7c93;
    padding-left: 15px;
}
.container #blog-right-sidebar h3, #footer h3{
  color:#ff7c93;
  text-align:left;
  font-size:24px;
  padding:0 0 17px 0;
}
#footer .copyright p{
  font-size:14px;
  text-align:center;
  color:#ffffff;
}
#footer .copyright a {
    color: #fff;
	cursor: pointer;
}

#footer input[type="submit"] {
  padding: 8px 10px;
  background-color: #ff7c93;
  color: #ffffff;
  text-transform: uppercase;
}
#footer .copyright{
  text-align:center; 
  border-top:1px solid #337ab7;
  margin:30px 0 0 0;
  padding-top:40px;
}
#footer ul {
    margin: 0;
}
#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
  padding: 5px;
}
#footer ul li a{
  color:#ffffff;
}
#footer p{
font-size:14px;
margin: 0;
line-height: 20px;
}
.widget_recent_entries img {
  width: 100px;
}
#footer h3 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
}
#footer h3:after {
  position: absolute;
  height: 2px;
  width: 50px;
  background-color: #ff7c93;
  bottom: 0px;
  content: "";
  right: 0;
  left: 0;
}

.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me p.message {
    margin-bottom: 20px !important;
}
.vw-credit, .vw-credit a{
  color: #ffffff;
}

/*-------------Subscribe Box--------------*/
#footer .subscribe_box {
  text-align: center;
}
#footer .subscribe_box h4 {
  text-align: center;
  font-size: 36px;
  color: #ffffff;
}
#footer .subscribe_box p {
  font-size: 16px;
  color: #ffffff;
  padding-bottom: 25px;
}
#footer .subscribe_box .wpcf7-form {
  max-width: 700px;
  margin:0 auto;
}
#footer .subscribe_box input[type="email"] {
  width: 70%;
  color: #ffffff;
  background-color: transparent;
  padding: 10px 20px;
  border-radius: 20px;
}
#footer .subscribe_box input[type="submit"] {
  background-color: #ffffff;
  color: #ff7c93;
  padding: 10px 20px;
  border: solid 1px #ffffff;
  border-radius: 20px;
  position: relative;
  left: -50px;
  font-family: 'Merienda One', cursive;
  font-weight: normal;
}
#footer .subscribe_box input[type="submit"]:hover {
  background-color: #52d1cd;
  color: #ffffff;
  border: solid 1px #52d1cd;
}
#footer .subscribe_box ::-webkit-input-placeholder {
  color: #ffffff;
}
#footer .subscribe_box ::-moz-placeholder {
  color: #ffffff;
}
#footer .subscribe_box :-ms-input-placeholder {
  color: #ffffff;
}
#footer .subscribe_box ::placeholder {
  color: #ffffff;
}
/*-------------Footer Menu ------------*/
.footer_menu ul {
  text-align: center;
  padding: 30px 0 20px;
}
.footer_menu ul li {
  display: inline-block;
}
.footer_menu ul li a {
  font-family: 'Merienda One', cursive;
  color: #ffffff;
  padding: 5px 15px;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #ffffff;
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
.social_widget a:hover{
  background: #ff7c93;
  border: 1px solid #ff7c93;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox {
   width: 100%;
   border: none;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 0 0;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
   font-size: 18px;
   border-bottom: 1px solid;
}
a.post-readmore i {
   margin-left: 8px !important;
   font-size: 18px;
   border-bottom: 1px solid #ffffff;
   padding-bottom: 2px;
}
.widget_recent_entries li {
  margin: 10px;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
    color: #000;
    padding: 5px 0;
    clear: both;
    margin: 10px 0;
    border-top: 1px solid #ff7c93;
    border-bottom: 1px solid #ff7c93;
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
    margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
ol.carousel-indicators {
  position: static !important
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: #333333;
  border-radius: 50%;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background: #ff7c93;
  color: #ffffff !important;
  border: 1px solid #ff7c93;
}
.navigation span.page-numbers.current{
  background: #ffffff;
  border: 1px solid #ff7c93;
  color: #000000 !important;
}
#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
}
aside#search-3 {
  padding: 0 !important;
}
.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-color:#ff7c93;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#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 {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: #ffffff;
  border-left: 1px solid #ff7c93;
  border-right: 1px solid #ff7c93;
  border-bottom: 3px solid #ff7c93;
  text-transform: uppercase;
  border-top: none;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#slider .icon_img img {
  width: auto;
}
#slider h2 {
  text-transform: uppercase;
  color: #4b4342;
  font-weight: 400;
}
#slider p{ 
  color:#4b4342; 
  font-weight:400; 
  margin:15px 0 15px 0; 
  line-height:20px; 
  border-radius:0 0 5px 5px;
  font-size: 16px;
}
#slider p.price {
  font-size: 22px !important;
}
#slider .carousel-caption.d-none.d-md-block {
  max-width: 800px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.7);
}

#slider .carousel-caption {
  top: 50%;
  transform: translateY(-50%); 
  bottom: inherit;
  text-align: left;
  left: 10%;
  right: 10%;
}
.inner_carousel{
  padding: 20px 20px;
  text-align: center;
}
.carousel-inner:before {
    content: "";
    background-image: url(assets/images/headerdesign.png);
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 100%;
    display: block;
    height: 49px;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 99;
}
a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-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;
}
#slider .carousel-control-next, #slider .carousel-control-prev {
  width: 10%;
}

#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
    display: block !important;
  }
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon{
  background-image:none; 
}
#slider .carousel-control-next,
#slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider a i {
  padding: 19px 23px;
  background-color: #ffffff;
  border-radius: 50%;
  font-size: 22px;
  color: #000000;
}
#slider a i:focus,
#slider a i:active,
#slider a i:hover{
  background: #ff7c93;
  border: none;
  transition: all 0.5s ease-out;
}
.inner_carousel h2 small {
  color: #ffffff;
  display:block;
  margin-bottom: 20px;
}
/*--------------- Sidebar -----------------*/
#sidebar .textwidget input[type="submit"]{
  width: 100%;
}
#sidebar .textwidget label {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
    background: #333;
    border: none;
    color: #ffffff;
    padding: 14px 0;
    font-size: 15px;
    margin: 0;
}
#sidebar form{
  display: table;
  width: 100%;
  border: 1px solid #bbb;
}
#sidebar h3 {
   margin: 0 0 10px;
   font-size: 20px;
   color: #ff7c93;
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #d6d6d4;
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:10px 10px; 
  border:none; 
  font-size:15px; 
  color:#000;width:100%;
}
#sidebar label{
  width:71%;
  float:left;
  margin-bottom:0;
}
#sidebar input[type="submit"]{
  background:transparent; 
  border:none; 
  color:#000000;
  padding:14px 0;
  font-size:10px; 
  margin:0;
}
#sidebar aside{
  margin-bottom:30px;
  border:1px solid #bbb;
  padding: 10px;
}
#sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}
#sidebar ul li{ 
  line-height: 32px;
  background: url('./images/arrow-right.png') no-repeat 0px 10px;
}
#sidebar ul li a{ 
  color:rgba(0, 0, 0, 0.78);
}
#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:#3890cb;
}
#sidebar .widget_recent_entries ul li{ 
  background: none;
}
#sidebar .post-content {
    line-height: 20px;
    margin-bottom: 15px;
}
span.credit_link a {
  color: #52d1cd !important;
  font-family: 'Merienda One', cursive;
}
a.custom_google {
  background: #da4835;
}
a.custom_linkedin {
  background: #007bb5;
}
a.custom_pinterest {
  background: #d73431;
}
a.vk {
  background: #507299;
}
a.custom_tumblr {
  background: #36465d;
}
a.flicker {
  background: #b517ad;
}
a.custom_facebook {
  background: #3c5a99;
}
a.custom_twitter {
  background: #55acee;
}
a.custom_instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}
a.custom_youtube {
  background: #d12122;
}

/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
}
 
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -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;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333; 
  color:#ffffff;
  font-weight:normal;
}

/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
    padding: 0;
    border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.main_title h1:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #ff7c93;
  margin-top: 7px;
}
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  border-radius: 50%;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}
.services_inner h4, .services_inner .short_text {
    color: #ffffff;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: #ffffff;
  border: 1px solid #000;
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: #bbb;
}

.owl-dots {
  display: block;
  text-align: center;
}
button.owl-dot {
  width: 10px;
  height: 10px;
  margin: 2px;
  background-color: #52d1cd;
  border: none;
  border-radius: 50%;
}
button.owl-dot.active {
  background-color: #ff7c93;
}
button:focus {
  outline: inherit !important;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #ff7c93;
  border-radius: 0;
  padding: 10px 14px;
  color: #ffffff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #ff7c93;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #ffffff;
  color: #333333;
  border: 1px solid #ff7c93;
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: #ff7c93;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
    padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: #ffffff; 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
  width: 100%;
  max-width: 100%;
}
.woocommerce a.added_to_cart {
  padding: 0 .5em .5em;
  display: inline-block;
}
.woocommerce ul.products li.product a {
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.woocommerce .related.products h2 {
    font-size: 24px;
}
.woocommerce ul.products li.product .onsale {
  margin: 0;
}
/*-------------- media section ---------------*/
@media screen and (max-width:767px) {
  section{
    padding: 1em 0;
  }
  #site_top .socialbox {
    padding: 0;
  }
  .mobile_logo{
    margin: 0; 
  }
  .container.custom_container {
    width: 100%;
    padding: 0;
  }
  ul.left-side-content li, ul.right-side-content li {
    display: block;
    padding: 4px 0;
    text-align: left;
  }
  .menubar{
    margin-top: 0 !important;
  }
  #cart {
    width: 280px;
    right: -15px;
    top: 75px;
  }
  .mobile_cart_search li.search-box {
    display: inline-block !important;
  }
  .right-side-content li.cart_box, .left-side-content li.search-box{
    display: none !important;
  }
  .container.custom_container {
    padding: 0;
  }
  .menubar {
    padding: 0 0px !important;
  }
  #our_partners .owl-carousel {
    padding: 0;
  }
  .thumb_image_border{
    width: 83%;
    height: 238px;
    margin-left: 30px;
  }
  .contact_details ul li{
    text-align: center;
  }
  .about-content a {
    margin-bottom: 10px;
  }
  .about-content{
    margin: 0;
  }
  .top_bar_btn {
    text-align: center;
    margin-bottom: 20px;
  }
  #slider .carousel-caption.d-none.d-md-block {
    display: block !important;
  }
  #slider p.font-weight-bold {
      display: none;
  }
  #our-services .page-box{
    margin-bottom:0.5em;
    margin-top:20px;
  }
  .gallery-image img{
    height: 140px !important;
  }
  div#TB_window {
    width: 90% !important;
  }
  #testimonials .owl-dots {
    text-align: center;
    margin-top: 20px;
  }
  #our_records h4, .counter_inner {
    text-align: center;
  }
  .testimonialwrapper-box{
    margin-bottom: 50px;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .fadeInRight{
    animation-name: unset !important;
  }
  .socialbox {
    text-align: left !important;
  }
  .site-title{
    font-size: 34px;
  }
  .site-description{
    font-size: 14px;
  }
  .main-header{
    margin-bottom: 25px;
  }
  .header-title{
    padding: 30px 0;
  }
  .main-title{
    font-size: 30px;
  }
  #masthead{
    min-height: 60px;
  }
  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .main-navigation li,
  #masthead.scrolled .main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 0;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .slide-cta{
    float: none;
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
  #home-slider-section .bx-wrapper .bx-controls-direction a{
    display: none;
  }
  .slide-button-left,
  .slide-button-right{
    padding: 7px 25px 7px 25px;
    min-width: 160px;
    font-size: 16px;
  }
  #slider p {
    display: none;
  }
  .about-sec,
  .about-image{
    width: auto;
    float: none;
  }
  .about-sec{
    margin-bottom: 40px;
  }
  .about-image{
    max-width: 400px;
    margin: 0 auto;
  }
  #cta-section .cta-left{
    width: 100%;
    float: none;
    text-align: center;
  }
  .site-info{
    float: none;
    width: 100%;
    text-align: center;
  }
  #footer-menu ul {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
  #masthead{
    min-height: 60px;
  }
  .main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 10px;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  #footer .subscribe_box input[type="submit"]{
    position: inherit;
    left: 0;
    margin-top:15px;
  }
  .toggle-nav {
    right:15px !important;
  }
}
@media screen and (max-width:575px) {
  ul.left-side-content li, ul.right-side-content li {
    display: block;
    text-align: center;
    padding: 5px 0;
  }
  li.cart_box {
    display: table !important;
    margin: 0 auto;
    padding: 17px !important;
  }
  .media-small {
    padding-left: 10px !important;
  }
  #header .logo {
    margin: 0;
  }
  section h2{
    font-size: 22px;
  }
  .menubar {
    padding: 0 15px;
  }
  #header .logo h1 {
    text-align: center;
  }
  #header .logo p {
    text-align: center;
  }
  #site_top ul.left-side-content {
    display: grid;
  }
  blockquote{
    width: 100%;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    padding: 10px 0;
  }
  .copyright p{
    text-align: center !important;
    padding: 5px 0;
  }
  #slider p{
    margin: 0 0 9px 0;
  }
  #slider h5{
    font-size: 16px;
  }
  #slider a i{
    padding: 1px;
  }
  #slider a.theme_button, #slider a.theme_white_button {
    padding: 6px;
    font-size: 10px;
    margin: 0;
  }
  #slider .icon_img img{
    display: none;
  }
  section h2{
    font-size: 22px;
  }
  #slider h2{
    font-size: 12px;
  }
  .top-icon{
      top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  .menubar {
    padding: 0 15px;
  }
  .serach_inner input.search-field {
    width: 85%;
  }
}
@media screen and (max-width:576px) {
  .logo_outer {
      border-right: 120px solid #ff7c93;
      border-left: 120px solid #ff7c93;
  }
  #header .logo h1, #footer .logo h1 {
    font-size: 22px;
  }
}
@media screen and (min-width: 577px) and (max-width:767px){
  #site_top .col-lg-8.col-md-8.col-sm-8.pl-0 {
    margin-top: 8px;
  }
  .logo_outer {
      border-right: 120px solid #ff7c93;
      border-left: 120px solid #ff7c93;
  }
  #header .logo h1, #footer .logo h1 {
    font-size: 24px;
  }
}
@media screen and (max-width:719px) {
  .menubar .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%; 
    float:none !important; 
    margin-top:0; 
  }
  .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;
  }
  .menubar.scrolled.hmenu {
    background-color: #222222;
    height: auto; 
  }
  .contact-info {
    margin: 0 !important;
  }
  .search-box{
    float: none;
  }
  .menubar .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  
  span{
    text-align: right;
  }
}
@media screen and (max-width:768px) {
  #slider .inner_carousel {
    padding: unset;
  }
  .top_social {
    padding: 10px 0;
    margin-left: 0;
  }
  .menubar {
    position: relative;
    right: 0;
  }
  .logo_static{
    flex: 0 0 240px;
  }
}
@media screen and (min-width: 768px) and (max-width:991px){
  #slider h2 {
    font-size: 20px;
  }
  #site_top .col-lg-8.col-md-8.col-sm-8.pl-0 {
    margin-top: 9px;
  }
  #header .col-lg-2.col-md-3.top_bar_btn {
    margin-top: 12px;
  }
}
@media screen and (max-width:991px) {
  .toggle-nav {
    right: 0px;
  }
  #about p.text-uppercase.font-weight-bold {
    font-size: 11px;
  }
   #team .team-image img {
    width: 100% !important;
  }
  .toggle-nav {
    right: 0px;
  }
  .search-box{
    float: none;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;
  }
  .socialbox a i{
    font-size: 12px;
    width: auto;
  }
  small {
    font-size: 13px !important;
  }
  #slider a i {
    padding: 5px 8px;
    font-size: 15px;
  }
    .home_details {
    margin: 40px 0;
    padding: 15px;
  }
  .home_contact_details {
    position: static;
    top: 0;
    transform: unset;
    text-align: left;
  }
  .home_contact_details i {
    padding: 10px;
  }
  .home_contact_details h3 {
    font-size: 18px;
  }
  .home_details a.theme_button {
    position: static;
    top: 0;
    transform: unset;
    display: inline-block;
    text-align: center;
    margin: 10px 15px 25px;
  }
  .opening_time {
    margin-bottom: 15px;
  }
   .logo_static{
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1024px){
  .thumb_image_border{
    display: none;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav {
    display: none;
    position: relative;
    float: right;
    right: 15px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 8px auto;
    z-index: 999999;
    right: 0;
    text-align: right;
    right: 0;
    margin-right: 0;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #000000;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
	iframe {
    width: 100%;
    height: auto;
	}
  .toggle-nav{
    display: block;
  }
  .innermenubox {
    position: static;
  }

  .main-navigation a{
    color: #444;
  }
  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%;
    margin-top:0; 
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid; 
    display:block;
    text-align:left;
    float:none;
    width: 100%;
  }
  .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;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px){
  .container-full-width{
    width: 100%;
  }
  .logo_outer_box{
    overflow: visible;
    z-index: 1;
  }
  .innermenubox{
    z-index: 999999;
    overflow: visible;
  }
  .logo_outer_box{
    z-index: 1 !important;
  }
  .toggle-nav{
    top: 20px;
  }
  #slider .btn-primary{
    margin-top: 10px;
  }
  .nav_box li.nav-item:last-child a{
    padding-right: 17px
  }
}
@media screen and (max-width: 1200px) and (min-width: 1025px){
  .thumb_image_border{
    display: none;
  }
}
@media screen and (max-width: 1023px){
  .left_menu, .right_menu{
    display: none;
  }
  .logo_outer_box{
    position: static;
  }
  .logo_outer_box {
    position: static;
    transform: unset;
  }
  .logo_outer{
    height: auto;
    width: 180px;
    height: 180px;
  }
  .logo_static {
    position: relative;
    margin-top: -47px;
    padding: 0;
    width: 240px !important;
    max-width: 240px !important;
    display: block !important;
  }
  ul.right-side-content{
    text-align: left;
  }
  .mobile-menu{
    display: block;
  }
  .bg-media{
    margin: 0 !important;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .outer_mobile_nav{
    position: relative;
    width: 100%;
    float: left;
  }
  .toggle-nav{
    display: block;
  }
  .innermenubox {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
  .main-navigation a{
    color: #ffffff;
  }

  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .menubar .nav ul li{
    border-top:1px #303030 solid; 
    display:block; 
    float:none; 
    text-align:left;
    width: 18rem;
  }
  .main-navigation li{
    float: none;
    display: inline;
    line-height: normal;
  }
  .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  #footer .logo_static {
    margin: 0 auto;
    text-align: center;
  }
  #footer .logo_outer_box {
    position: static;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
  }
  .testimonial_outer_box{
    margin-top: 3em;
  }
}