/*
Theme Name: Tafri Travel
Theme URI: https://www.themeseye.com/wordpress/free-wordpress-travel-theme/
Author: ThemesEye
Author URI: https://www.themeseye.com/
Description: This free WordPress travel theme is a great ally to design a beautiful, eye-catching, modern and clean website for travel agencies, tourist guides, travel and adventure bloggers, tour planners, tourism department and all other businesses related to tourism industry in one way or the other. With this theme, you don’t have to worry about not having programming skills as using it is a cake walk for a professional coder and a WordPress newbie both. Compatibility of this free WordPress travel theme with almost all the plugins makes it super-efficient to perform any function; it is integrated with WooCommerce plugin to display products and plans sophisticatedly and inherit all the features and functionality needed for an online store in your website in the easiest possible way. It is extensively documented to further ease your work by giving you step by step guide on how to install, configure and make small changes to the theme on your own. DEMO: https://themeseye.com/demo/tafri-travel-pro/
Version: 0.3.7
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tafri-travel
Tags:left-sidebar, right-sidebar, one-column, two-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, theme-options, post-formats, translation-ready, rtl-language-support, threaded-comments, blog, e-commerce, portfolio
*/

/* 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;
	color: #aeb4b9;
  font-family: 'Merienda One', cursive;
}
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;
	color: #1c1c1c;
  text-transform: capitalize;
}
p{
	margin:0 0 15px;
	padding:0;
	font-size:16px;
  color: #787878;
  font-family: 'Roboto', sans-serif;
}
a{
	text-decoration:none;
	color:#26bdf7;
}
a:hover{
	text-decoration:none;
	color:#666;
}
a:focus,
a:hover{
	text-decoration:none !important;
}
a:focus, #header .primary-menu ul ul a:focus, input:focus, textarea:focus, button:focus,
.woocommerce form .form-row input:focus.input-text, .woocommerce form .form-row textarea:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
ul{
	margin:0 0 0 15px;
	padding:0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
select{
  width:100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
  clear:both;
}
.clear{
	clear:both;
}
input[type='submit']:hover{
	cursor: pointer;
}
.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;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.sticky{
	margin:0;
	padding:0;
}
.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;
}
#respond{
	clear:both;
}
.toggleMenu{
 	display:none;
}
.bypostauthor{
	margin:0;
	padding:0;
}
small{
	font-size:14px !important;
}
input[type="text"],
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;
}
.serach_inner input[type="search"] {
  padding: 10px;
  border: none;
  color: #26bdf7;
}
input[type="search"] {
  padding: 10px;
  border: 1px solid;
  color: #26bdf7;
}
input[type="submit"] {
	border: none;
	text-align:center;
	font-size:18px;
	padding:7px 30px;
	background: #26bdf7;
	font-weight:bold;
	color:#fff;
}

/* ---------Buttons--------- */

.read-moresec a {
  border: 1px solid #26bdf7;
  color: #26bdf7;
  padding: 14px;
  border-radius: 28px;
}
.read-moresec {
  margin-top: 20px;
}
.read-moresec a:hover{
  background: #26bdf7;
  color: #fff;
}
/* ---------Logo Middle Header--------- */
.logo {
  padding: 2px;
}
.logo h1, .site-title a{
  font-size:37px;
  font-weight:bold;
  text-align:center;
  text-transform: capitalize;
  font-family: 'Merienda One', cursive;
}
.logo a{
  color: #fff;
}
.logo p{
  font-size:12px;
  color: #fff;
  text-align:center;
  margin-bottom: 0;
}
/* ---------HEADER--------- */
.top-header a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.top-header{
  background: #0f2036;
  color: #ffff;
}
.top-header .timing i,
.top-header .account-btn i{
  margin-right: 10px;
  color: #fff;
  font-size: 15px;
}
.top-header .timing p {
  color: #fff;
  font-size: 14px;
  margin: 10px 0 0 !important;
}
.top-header .account-btn a {
  color: #fff;
  font-size: 13px;
}
.top-header .account-btn {
  margin: 10px 0 0;
  text-align: center;
}
.social-icons{
  text-align: right;
  margin-top: 5px;
}
.social-icons i{
  color: #fff;
  margin: 10px 15px 0 10px;
  font-size: 14px;
}
.social-icons i:hover{
  color: #fff;
}
.page-template-home-custom #header{
  position: absolute;
  width: 100%;
  z-index: 999;
  background: transparent;
  border:none;
}
.page-template-home-custom #header hr{
  margin : 0px ;
  background: #314f6d;
}
#header hr{
  margin:0px
}
#header{
  position: static;
  border-top: 2px solid #26bdf7;
  background: #0f2036;
}
/* --------- Main Menu--------- */
#header a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.main-navigation .sub-menu > li > a:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
/* ---------RESPONSIVE MENU--------- */
.resmenu-sidebar {
  display: none;
}
/* --------- MENUS CSS --------- */
#menu-sidebar {
  text-align: center;
  display: inline;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.primary-menu ul{
  list-style: none !important;
  margin: 0;
  padding-left: 0;  
  text-align: left;
}
.primary-menu ul li:after{
  content: '/';
  padding: 0 15px;
  position: absolute;
  top: 20px;
  right: -18px;
  color: #fff;
}
.primary-menu ul ul li:after{
  display: none;
}
#resmenu-sidebar .primary-menu ul li:after,
.primary-menu ul li:last-child:after,
.primary-menu ul.submenu li:after{
  display: none;
}
.primary-menu li{
  display: inline-block;
  position: relative;
  padding: 10px 0;
}
#menu-sidebar .primary-menu li {
  border-right: 1px solid #fff;
}
#menu-sidebar .primary-menu li:last-child {
  border-right: none;
}
#menu-sidebar .primary-menu a{
  text-transform: uppercase;
}
#menu-sidebar .primary-menu a:hover{
  background-color: #000;
  color: #fff;
}
#resmenu-sidebar .primary-menu a{
  text-transform: capitalize;
}
#resmenu-sidebar .primary-menu ul li a:hover{
  background-color: #fff;
}
#resmenu-sidebar a:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
.menu-sidebar a:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
.primary-menu a{
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 12px;
  text-transform: capitalize;
}
.primary-menu a:hover{
  color: #26bdf7;
}
.primary-menu ul ul{
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 9999;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,.15);
}
.primary-menu ul ul ul {
  left: 100%;
  top: 8px;
  width: 100%;
}
.primary-menu ul ul a{
  padding: 12px;
  background: #fff;
  color: #26bdf7 ;
}
.primary-menu ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.primary-menu ul ul li:last-child{
  border-bottom: 0;
}
.primary-menu ul li:hover > ul{
  display: block;
}
.primary-menu .menu > ul > li.highlight{
  background-color: #006ccc;
}
.primary-menu .menu > ul > li.highlight:hover{
  background: transparent;
}
#resmenu-sidebar{
  display: none !important;
}
.primary-menu ul ul li:hover{
  border-left: 4px solid #26bdf7;
}
.primary-menu ul ul li a{
  color:#26bdf7;
  border-bottom: 2px dashed #dfdfdf;
}
.primary-menu li li a {
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
.primary-menu li li {
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
#header .menu-item-has-children a:after {
  
}
#header ul.sub-menu li:not(.menu-item-has-children) a:after{
  content: none !important;
}
#header ul.sub-menu .menu-item-has-children a:after{
  
}
/*--------------- SUPERFISH MENU ---------------------------*/

.sf-arrows .sf-with-ul:after{
  content: '\f078';
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  padding:10px;
  font-size: 12px;
  right: 10px;
}
.sf-arrows ul .sf-with-ul:after{
  content: '\f054';
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  padding:10px;
  font-size: 12px;
  right: 10px;
  top: 5px;
  position: absolute;
}
.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;
}
.toggle-menu, a.closebtn{
  display: none;
}
/*-----------------Search pop up----------------*/
.serach_outer {
  position: absolute;
    width: 20%;
    transition: 0.5s;
    z-index: 9999;
    padding: 40px 10px 90px;
    background-color: #fff;
    display: none;
    line-height: inherit;
    right: 20%;
    padding: 40px 0;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}
.serach_outer:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 7px;
    border-color: transparent transparent #fff transparent;
    margin-right: 58px;
    position: absolute;
    right: 0;
    top: -17%;
}
.serach_outer a{
  color: #000 !important;
  margin-top: 2px;
  display: inline-block;
}
.serach_inner {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  width: 100%;
  padding: 20px;
}
.serach_inner .search-form .search-submit {
  padding: 12px;
  position: absolute;
  font-size: 14px;
  font-weight: 600;
  right: 20px;
}
.search-box i{
  color: #fff;
  padding: 15px;
  background: #26bdf7;
}
.search-box{
  text-align: center;
}
.closepop {
  position: absolute;
  top: 10%;
  transform: translateY(-50%);
  font-size: 18px;
  border: none;
  padding: 10px;
  margin-top: 10px;
  right: 0;
  z-index: 9999;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
  cursor: pointer;
}
.serach_inner form.search-form {
  display: table;
  border: 1px solid #bababf;
  padding: 0;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
a.closepop{
  border-bottom: none;
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
button.search-submit {
  border: 0;
  background: transparent;
}

/* --------- Slider --------- */
#slider{ 
  max-width:100%; 
  margin:auto;
  padding: 0;
  background-color: #000;
}

#slider img {
  width: 100%;
  opacity: 0.7;
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon {
  width: auto;
  height: auto;
  background:transparent;
}
#slider .carousel-control-prev,#slider .carousel-control-next{
  opacity: unset;
}
#slider i{
  border:2px solid;
  padding: 16px 18px;
  color: #fff;
  border-radius: 50%;
}
#slider i:hover{
  border-color:#26bdf7 ;
  background: #26bdf7;
}
#slider .carousel-caption {
  transform: translateY(-50%);
  top: 52%;
  left: 25%;
  right: 25%;
}
#slider .inner_carousel h1 {
  margin: 15px 0 0;
  font-size: 40px;
  letter-spacing: 0px;
  color: #fff;
  padding: 6px 2px;
  font-weight: normal;
}
#slider hr {
  background: #fff;
  width: 15%;
  margin: 0 auto;
  padding: 1px;
}
#slider .inner_carousel p {
  font-size: 15px;
  line-height: 1.5;
  padding: 10px 0px;
  color: #fff;
}
#slider .inner_carousel .view-btn a {
  border: 2px solid #26bdf7;
  color: #fff;
  padding: 12px 25px;
  border-radius: 28px;
  background: #26bdf7;
  font-size: 12px;
  font-weight: bold;
}
#slider .inner_carousel .view-btn a:hover{
  background: transparent;
}
#slider .inner_carousel .view-btn {
  margin-top: 23px;
}
/*----------------- destination Setting ----------------*/
#destination {
  padding: 3% 0;
  text-align: center;
}
#destination h2{
  display: inline-block;
  font-weight: bold;
  border-left: 3px solid #26bdf7;
  border-right: 3px solid #26bdf7;
  padding: 0px 15px;
  margin: 0 0 15px 0;
  background: #fff;
}
#destination hr {
  margin: 0;
  background: #26bdf7;
  padding: 1px;
  position: relative;
  top: 19px;
  z-index: -999;
}
.des_box{
  position: relative;
  perspective: 1000px;
  margin: 10px 0;
}
.des_box .des_box_img{
  border-radius: 50%;
  transform: translateX(0) rotateY(0);
  transition: all 0.40s ease-in-out 0s;
}
.des_box:hover .des_box_img{
  opacity: 0;
  transform-origin: right center 0;
  transform: translateX(-100%) rotateY(-90deg);
}
.des_box .des_box_img img{
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.des_box .des_content{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  padding: 23% 5%;
  text-align: center;
  background: rgb(38, 189, 247,0.7);
  opacity: 0;
  transform: translateX(-20%);
  transition: all 0.40s ease-in-out 0s;
}
.des_box:hover .des_content{
  opacity: 1;
  transform: translateX(0%);
}
.des_content h3{
  font-size: 20px;
  color: #fff;
  margin-bottom: 15px;
  padding:0;
  font-weight: normal;
}
.des_content p{
  font-size: 14px;
  color: #fff !important;
}
#destination .read-btn a{
  color: #fff;
  font-size: 12px;
  font-weight: bold; 
}
#destination .read-btn{
  margin-top: 25px;
}
#destination .read-btn i{
  margin-left: 5px;
}
h3.title-btn {
  color: #fff;
  display: inline-block;
  position: relative;
  bottom: 4em;
  font-size: 22px;
  margin: 0;
  font-weight: normal;
}
.des_box:hover h3.title-btn{
  display: none;
}
/*----------------- content page ----------------*/
.date-color {
  position: absolute;
  background: #26bdf7;
  color: #fff;
  padding: 15px;
  text-align: center;
}
span.entry-date i {
  margin-right: 10px;
  color: #26bdf7;
}
.innerlightbox span.entry-date i {
  color: #000;
}
.page-box span.entry-date{
  font-weight: 500;
}
.page-box span.entry-date a, .page-box span.entry-author a{
  font-weight: 500;
  color: #000;
}
.page-box .metabox span {
  margin-right: 9px;
  color: #000;
}
.page-box .metabox i,
.date-color i{
  margin-right: 10px;
}
.entry-date i{
  margin-right: 10px;
  color: #000;
}
.page-box .metabox{
  border-top: 1px solid #bbb;
}
.page-box .metabox .entry-author{
  float: right;
}
.page-box .metabox {
  padding: 5px 5px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 600;
}
.page-box h4{
  color: #1c1c1c;
  padding: 0;
  font-size: 22px;
}
.page-box:hover h4{
  color: #26bdf7;
}
.page-box:hover .read-more-btn a{
  background: #26bdf7;
  color: #fff;
}
.page-box,
.page-box-single{
  padding:17px;
  text-align: left;
  box-shadow: 2px 2px 5px #cdcdcd;
  margin: 20px 0;
}
.page-box p,
.page-box-single p{
	font-size:16px;
	margin:10px 0;
}
.page-box .new-text {
    padding: 0 10px;
}
.page-box-single img{
	width: 100%;
}
.our-services img{
  width: 100%;
  padding:10px;
}
.our-services .services-box{
	margin:40px 0 20px 0;
}
.read-more-btn a {
  border: 2px solid #26bdf7;
  color: #26bdf7;
  padding: 12px 25px;
  border-radius: 28px;
  font-size: 12px;
  font-weight: bold;
}
.read-more-btn {
  margin: 20px 0;
}
.page-box-single .metabox{
  color:#26bdf7;
  padding: 15px 0 5px;
  clear:both;
}
.metabox span {
  font-size: 16px;
  margin-right: 10px;
}
.metabox i {
  margin-right: 5px;
}
.entry-caption a, .comment-body p a,.woocommerce-product-details__short-description p a, .woocommerce-tabs.wc-tabs-wrapper p a{
  text-decoration: underline;
}
.entry-caption ul{
  color: #707070;
}
.entry-audio audio{
  width: 100%;
}
.content-area {
  padding: 2% 0;
}
.post-navigation .nav-next a{
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #26bdf7;
  padding:7px 30px 7px 20px;
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
.post-navigation .nav-next a:hover,.post-navigation .nav-previous a:hover{
  color: #fff;
  background: #0f2036;
}
.post-navigation .nav-previous a{
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #26bdf7;
  padding:7px 20px 7px 30px;
  clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 50%);
}
.tags i{
  font-size: 20px;
  color: #26bdf7;
  margin-right: 10px;
}
.tags p a{
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #26bdf7;
  padding:5px 20px 5px 10px;
  margin-right: 10px;
  clip-path: polygon(0% 0%, 75% 0%, 100% 51%, 75% 100%, 0% 100%);
}
.tags p a:hover{
  color: #fff;
  background: #0f2036;
}
iframe {
  max-width: 100%;
}
/* --------- content-single  Page ------- */
.page-box-single h1{
  font-weight: 600 !important;
  color: #26bdf7 !important;
  margin: 10px 0 !important;
  padding: 0;
}
.page-box-single .box-image img{
  width: 100%;
}
/* Headings */
section h1{
	font-weight:bold;
	text-align:center;
	margin:0 0 45px;
	padding:0;
}
section h3{
	font-weight:bold;
}
section h3{
	font-weight:bold;
	font-size:20px;
}
section h5{
	font-weight:bold;
	font-size:24px;
	margin:0 0 10px 0;
	padding:0;
}
a.r_button {
	background: #3790ca;
	padding: 0.5em 2em;
	color: #fff;
}
section .innerlightbox{
	background-size:100% 100%;
	padding:4.5em 0;
	color:#1c1c1c;
}

/* Footer Section */
.scrollup i {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 30px;
  right: 100px;
  font-size: 25px;
  padding: 12px 17px;  
  border: solid 2px #26bdf7;
  background: #26bdf7;
  z-index: 999;
  color: #fff;
}
.scrollup.left i{
  left: 100px;
}
.scrollup.center i{
  left: 50%;
  right: 50%;
}
#footer label{
  width: 100%;
}
#footer .textwidget a{
  text-decoration: underline;
  color: #fff;
}
#footer a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
#footer .widget {
  padding: 5% 0;
}
.tagcloud a {
  color: #fff;
}
#footer input[type="search"] {
  width: 95%;
  border: none;
  padding: 7px 6px;
  border: solid 1px #26bdf7;
  color: #3a4d5e;
}
#footer input[type="submit"] {
  font-size: 10px;
  padding: 12px 8px;
  font-weight: bold;
  color: #fff;
  margin: 3px 0 0 0;
  font-size: 15px;
  width: 100%
}
#footer td#prev a {
  color: #fff;
}
table#wp-calendar {
  width: 100%;
}
#footer caption,
#sideabr caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
#footer table,#footer th,#footer td,
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
#sidebar td,
#sidebar td#prev a,
#sidebar th {
	color:#202020 !important;
	padding: 5px;
}
#footer td {
  padding: 7px;
  color: #fff;
}
#footer th,
#sidebar th {
  text-align: center;
  padding: 10px;
  color: #fff;
}
#footer select,
#sidebar select {
  padding: 8px 5px;
  color: #4d4d4d;
}
#footer li a {
  color: #fff;
  font-size: 14px;
}
#footer li a:hover{
  color: #26bdf7;
}
#footer ul li {
  list-style: none;
  padding: 5px 0;
}
#footer ul {
	margin: 0;
}
#footer{
	background:#0f2036;
	color:#fff;
	clear:both;
  margin-top: 3em;
  padding: 2em 0;
}
#footer h3{
	text-align:left;
	font-size:20px;
	font-weight: bold;
	padding:0 0 17px 0;
	color: #26bdf7;
  border-bottom: 1px solid;
  margin-bottom: 5px;
}
#footer p{
	font-size:15px;
  color: #fff;
}
#footer .news-form{
	margin-top:24px;
}
#footer input[type="text"]{width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
}
#footer input[type="submit"] {
  padding: 6px 0;
  float: right;
  background: #26bdf7;
  border-radius: 0px;
  color: #fff;
  margin-top: -38px;
}
.copyright span {
  font-size: 15px;
  color: #fff;
  margin-bottom: 0;
}
.copyright span a{
  color: #fff;
}
.copyright {
  background: #26bdf7;
  padding: 15px;
}
#footer .tagcloud a {
  border: outset 2px #999;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
}
#footer .tagcloud a:hover{
  background-color: #26bdf7; 
}
.footer_text{
  float: right;
}
.copyright{
  color: #fff;
}

/* Comments BOX */
#comments {
  display: block;
  margin-top: 66px;
}
#comments ol.comment-list {
  color: #707070;
  padding-left: 20px;
}
#comments h2.comments-title{
  font-size:25px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding:20px 0;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}  
#comments ol li li {
  margin-left: 25px;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  width:100%;
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background:#26bdf7 !important;
  padding:10px 50px;
  text-transform:normal;
  font-weight:bold;
  color: #fff;
  margin-top:20px;
  margin-left:0;
  border: none;
}
#comments a.comment-reply-link{
  color:#fff;
  background:#26bdf7;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:rgb(21, 28, 39);
  color: #fff;
}
#comments a time{
  color:#26bdf7;
  font-weight:bold;
  font-size:12px;
}
.content-box #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  text-align:right;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
  font-size: 17px;
}
/*------------- Woocommerce --------------*/
.woocommerce .products li {
  width: 30% !important;
  border: 1px solid;
  text-align: center;
  padding: 0 0 4px 0 !important;
  margin: 0px 20px 20px 0 !important;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
a.showcoupon,
.woocommerce-message::before{
	color: #26bdf7;
}
.woocommerce-message {
  border-top-color: #26bdf7;
}
.woocommerce span.onsale {
  background: #26bdf7;
  color: #fff;
  padding: 0;
  border-radius: 0;
  margin: 0 !important;
}
h2.woocommerce-loop-product__title{
  color: #999;
  font-weight: 500;
  font-size: 18px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #26bdf7;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
	margin-bottom: 5px;
}
.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: #26bdf7;
	color: #fff;
	border-radius: 0;
  border: 1px solid #26bdf7;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
	background: #fff;
  color: #26bdf7;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #26bdf7;
  color: #26bdf7;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #26bdf7 !important;
  padding: 12px!important;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
  font-weight: bold;
}
.posted_in {
  display: block;
  margin-bottom: 10px;
}
.woocommerce .woocommerce-ordering select{
	padding: 10px;
}
span.woocommerce-input-wrapper,
.woocommerce label {
 width: 100%;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, #add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th{
  color: #000;
}
.woocommerce-privacy-policy-text a, .woocommerce-info a, nav.woocommerce-MyAccount-navigation ul li a, tr.woocommerce-cart-form__cart-item.cart_item a, .woocommerce-MyAccount-content p a{
  text-decoration: none;
}
/*------------- Sidebar -------------*/
#sidebar {
  margin-top: 1em;
}
#sidebar caption{
	color: #26bdf7;
}
#sidebar form{
 	display: table;
	width: 100%;
}
#sidebar h3 {
  font-weight: bold;
  font-size: 25px;
  color: #26bdf7;
  text-align: left;
  padding: 10px;
}
#sidebar input[type="search"] {
	border: solid 1px #bbb;
	padding: 9px 10px;
	font-size: 15px;
  color: #000;
	width: 100%;
	margin-bottom: 15px;
}
#sidebar label{
	width:100%;
}
#sidebar input[type="submit"]{
 	background: #26bdf7;
	border: none;
	color: #fff;
	padding: 10px 0;
	width: 100%;
	font-size: 18px;
	margin: 0;
}
#sidebar aside {
  padding: 10px;
  box-shadow: 2px 2px 5px #cdcdcd;
  margin-bottom: 30px;
}
#sidebar ul {
	list-style:none;
	margin:0;
	font-size: 12px;
  color: #707070;
}
#sidebar ul li{
  font-size: 15px;
  margin: 5px 10px;
  text-transform: capitalize;
}
#sidebar ul li a{
  border-radius: 2px;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  color: #3a4d5e;
}
#sidebar ul li a:hover{
  color: #26bdf7;
}
label{
	margin-bottom: 0px;
}
#sidebar .tagcloud a{
	border: outset 2px #999;
  color: #3a4d5e;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
}
#sidebar .tagcloud a:hover{
	background:#26bdf7;
  color: #fff;
}
img.rss-widget-icon {
  width: auto !important;
}
#sidebar .woocommerce ul.product_list_widget li img {
  width: 40%;
}

/* Page */
h2.entry-title,
h1.page-title {
  text-align: left;
  margin-bottom: 10px;
  color: #26bdf7;
}
.content-box p{
	text-align:justify;
	line-height: 25px;
	font-size: 16px;
	margin:0 0 20px 0;
}
.content-box hr{
	border:none;
	margin:35px 0;
	clear:both;
}
.content-box h2{
	font-size:32px;
	font-weight:normal;
	padding:0;
	color:#26bdf7;
	margin:0 0 25px;
}
.content-box h3{
	font-size:36px;
	font-weight:normal;
	padding:0;
	color:#26bdf7;
	margin:0 0 25px;
}
.content-box h4{
	font-size:20px;
	font-weight:bold;
	padding:0;
	color:#333;
	margin:0 0 25px;
}
/* Pagination */
.nav-links {
  padding: 10px 0;
}
.nav-previous {
  float: left;
  width: 50%;
  font-size: 15px;
}
.nav-next {
  float: right;
  font-size: 15px;
}
.pagination {
	clear:both;
	position:relative;
	font-size:14px;
	line-height:13px;
	float:right;
	font-weight:bold;
}
.pagination span,
.pagination a {
	display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#26bdf7;
  border:1px solid;
  -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;
}
.pagination a:hover{
	color: #fff;
  background: #26bdf7;
}
.pagination .current{
	padding:10px 15px;
  background: #26bdf7;
  color:#fff;
	font-weight:bold;
}

/* Media */
@media screen and (max-width: 768px) and (min-width: 720px){	
  #sidebar th,
  #sidebar td{
	  padding: 0px;
	}
  .page-template-custom-front-page #header{
    position: static;
    background: #0f2036;
    border-top: 2px solid #26bdf7
  }
  .logo p{
    text-align: left;
  }
  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product{
    width: 44% !important;
  }
  
  #slider .inner_carousel h1 {
    font-size: 30px;
    padding: 0px 2px;
    font-weight: 500;
  }
  #slider .inner_carousel p {
    display: none;
  }
  #slider .carousel-caption {
    top: 46%;
  }
  #footer:before{
    top:0px;
  }
}
@media screen and (max-width:720px) {	
  .page-template-custom-front-page #header{
    position: static;
    background: #0f2036;
  }
  #header .left-menu,
  #header .right-menu{
    display: none;
  }
	#header,
  #slider .inner_carousel,
  .timing,
  .search-box{
		text-align: center;
	}
  #slider .inner_carousel p,
  #slider .inner_carousel h1,
  #slider .inner_carousel hr{
    display: none;
  }
  #slider i{
    padding: 12px 14px;
  }
	#comments input[type="submit"].submit{
		width: 100% !important;
	}
	section .innerlightbox {
		padding: 0;
	}
  #footer input[type="submit"] {
    padding: 6px 0;
    float: right;
    border-radius: 0px;
    color: #fff;
    margin-top: 4px;
    margin-bottom: 10px;
  }
  .social-icons,
  .top-header .account-btn{
    text-align: center;
    margin-bottom: 10px;
  }
}
@media screen and (min-width:720px){
	#footer input[type="submit"]{
		width: 100%;
		float: none;
		margin-top: 5px;
	}
	#footer input[type="search"]{
		width: 100%;
	}
	#footer th,
	#footer td{
		padding: 0px;
	}	
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
	#footer input[type="submit"]{
		margin-top: 5px;
	}
  .primary-menu li{
    padding: 0;
  }
  .primary-menu ul li:after{
    top: 10px;
  }
	#footer th,
	#footer td{
		padding: 4px;
	}
  #sidebar th,
  #sidebar td{
    padding: 0px;
  }
  .des_content p{
    margin-bottom: 2px;
  }
  #destination .read-btn{
    margin-top: 0px;
  }
  .des_content h4{
    margin-bottom: 8px;
  }
  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product{
    width: 29% !important;
  }
}
@media screen and (max-width: 425px){
	#footer input[type="search"]{
		width: 100%;
	}
	.woocommerce ul.products[class*=columns-] li.product,
	.woocommerce-page ul.products[class*=columns-] li.product{
		width: 100% !important;
		float: none !important;
	}
  #slider .carousel-caption{
    right: 0;
    left: 0;
    top:45%;
  }
  .entry-audio audio {
    width: 100%;
  }
  .logo,
  .logo h1,
  .logo p{
    text-align: left;
  }
  .toggle-menu{
    margin: 25% auto !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px){
  .footer_text{
    float: none;
  }
  .copyright{
    padding: 10px;
    text-align: center;
  }
  .page-template-home-custom #header{
    position: static;
    border-top: 2px solid #26bdf7;
    background: #0f2036;
  }
  .search-box i{
    margin:0;
  }
}
@media screen and (min-width: 320px) and (max-width: 992px){
  .serach_outer {
    position: absolute;
    width: 80%;
    transition: 0.5s;
    z-index: 9999;
    top: 36%;
    right: 10%;
    padding: 40px 10px 90px;
    background-color: #fff;
    display: none;
    padding: 40px 0;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
  }
  .serach_inner .search-form .search-submit{
    padding: 12px;
    position: absolute;
    right: 15px;
  }
  .serach_outer:before{
    content: none;
  }
}
/*------------------RESPONSIVE MEIDA-------------------*/

@media screen and (max-width: 1000px){
  .primary-menu li{
    padding:0;
  }
  .menubar .primary-menu ul li a:focus,
  a.closebtn.responsive-menu:focus,button:focus{
    outline: 1px dotted #fff;
    border-bottom: 1px solid #fff;
  }
  .toggle-menu {
    display: none;
    margin: 5% auto;
    cursor: pointer;
    text-align: right;
  }
  .toggle-menu i {
    font-size: 20px;
    color: #000;
    background: #fff;
    padding: 10px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
  }
  .sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #252525;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidebar .closebtn {
   position: absolute;
    top: -12px;
    right: 0px;
    font-size: 30px;
    display: block;
  }
  .sidebar #primary-site-menu {
    width: 100%;
  }
  .toggle-menu span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  .toggle-menu{
    display: block;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .primary-menu ul ul li{
    display: block;
  }
  .menubar .primary-menu ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .primary-menu ul li a{
    padding: 10px;
    display:block;
    color:#26bdf7;
  }
  .primary-menu ul li li a{
    padding-left:20px;
  }/*
  .primary-menu ul li ul, 
  .primary-menu ul li ul ul {
    opacity: 1 !important;
    border-bottom: 1px solid #173152;
    border-top: 1px solid #173152;
  }*/
  .primary-menu ul ul{
    position: static;
    width: 100%;
  }
  .primary-menu li a{
    padding: 0;
    border-bottom: 2px dashed #dfdfdf;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #menu-sidebar {
    text-align: left;
    display: inline;
  }
  div#menu-sidebar a:focus{
    outline: 1px dotted #fff;
    border-bottom: 1px solid #fff;
  }
  .primary-menu ul{
    display: grid;
  }
  .toggle-menu.responsive-menu a:focus{
    outline: 1px dotted #000 !important;
    border-bottom: 1px solid #000 !important;
  }
  .page-template-custom-front-page #header {
    display: block;
  }
  .search-box i{
    color: #fff;
  }
  .primary-menu ul ul a{
    color: #26bdf7;
    border: none;
  }
  .primary-menu a{
    color: #26bdf7;
  }
  .primary-menu ul ul a{
    color:#26bdf7  !important;
    background: none;
  }
  .primary-menu ul ul a:hover{
    background: #fff;
    color: #26bdf7 !important;
  }
  .main-menu .menu-color{
    background: #fff !important;
    text-align: center;
  }
  .right-menu , .left-menu{
    display: none;
  }
  #resmenu-sidebar{
    display: block !important;
    background: #fff;
  }
  #header .nav.left-menu, #header .nav.right-menu {
    display: none;
  }
  .primary-menu ul ul li:hover,
  .primary-menu ul ul li a{
    border-left: none;
  }
}