/*

Theme Name: Bento

Theme URI: http://satoristudio.net/bento-free-wordpress-theme/

Author: Satori Studio

Author URI: http://satoristudio.net/

Description: Bento is a powerful yet user-friendly free WordPress theme intended for use in the broadest range of web projects. It boasts premium-grade design and is packed with awesome features, some of which are unique for free themes. Bento is mobile-friendly (responsive), retina-ready, optimized for speed, and implements SEO (search engine optimization) best practices. The theme offers unprecedented customization flexibility through the native WP Customizer interface as well as built-in layouts, including one-page template. Unlimited color combinations for every element of the website, 500+ high-quality vector icons, advanced typography based on Google Fonts, and tons of other cool options and settings make it an ultimate tool for creating websites that are eye-pleasing, unique, and tailored to your needs. The theme offers advanced WooCommerce integration, including page templates, widgets, as well as full checkout funnel styling. Some other small but pleasant features include native infinite scroll, fixed menu options, and detailed settings for customizing the look of each individual page. Bento has been developed by an Envato Elite author who has sold 2000+ premium templates on ThemeForest, the largest marketplace in the industry; the theme implements clean, well-commented, developer-friendly code, and includes detailed documentation and a child theme template. Special attention has been paid to ensuring outstanding UX (user experience) and bringing the best in current web design trends and practices to the widest possible audience. Bento is being constantly maintained by its author and offers regular free updates with bugfixes and additional features.

Version: 1.8

License: GNU General Public License v3 or later

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Tags: one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio

Text Domain: bento

Domain Path: /languages/

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/



/* Table of Contents
-------------------------------------

1. General
	 Resets
	 Defaults
2. Header
	 Logo
	 Primary menu
	 Mobile menu
	 Overlay menu
	 Post header
	 Novice header
3. Content
	 Elements
	 Blog
	 Archive pages
	 Post formats
	 Single post
	 Page layouts
4. Sidebar
5. Footer
6. WooCommerce
	 Shop
	 Widgets
	 Star ratings
	 Single product
	 Cart page
	 Checkout page
7. Responsive
	 Smaller mobile screens
	 Larger mobile screens
	 Laptops and medium screens
	 Large screens

/*



/* 
1. General
-------------------------------------
*/

/* Resets */

html, 
body, 
div, 
span, 
applet, 
object, 
iframe, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
blockquote, 
pre, 
a, 
abbr, 
acronym, 
address, 
big, 
cite, 
code, 
del, 
dfn, 
em, 
font, 
ins, 
kbd, 
q, 
s, 
samp, 
small, 
strike, 
strong, 
sub, 
sup, 
tt, 
var, 
dl, 
dt, 
dd, 
ol, 
ul, 
li, 
fieldset, 
form, 
label, 
legend, 
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr, 
th, 
td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	font-size: 62.5%;
	height: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

/* Defaults */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
.vce{
	margin-bottom:0!important;
}


/*----------------------body--------------*/
body {
  margin: 0;
  padding: 0;
  font-family: "MyriadProRegular" !important;
 
}
body a {
  text-decoration: none;
	   color: inherit!important;
}
body ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
body .container {
  max-width: 1170px !important;
}
body p {
  margin-bottom: 0;
}
body .title-section {
  font-size: 24px;
  font-family: MyriadProBold;
  margin: 30px auto 15px;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}
body .buttons {
  display: flex;
}
body .buttons b {
  color: #7b519d;
  font-weight: 300;
}
body .buttons a {
  width: 47%;
  display: block;
  margin: 0 auto;
  text-align: center;
  -webkit-border-radius: 6px;
  cursor: pointer;
  /* shadow */
  -webkit-box-shadow: 0 3px #ababab, 0 3px #adb6bc, 0 3px #adb6bc, 0 3px #adb6bc, 0 3px #adb6bc, 0 3px #adb6bc, 0 7px 0 -1px #adb6bc;
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
}
body .buttons a:active {
  -webkit-box-shadow: 0 0 grey, 0 0 #767676, 0 0 #6c6c6c, 0 0 #626262, 0 0 #585858, 0 0 #4e4e4e, 0 5px 2px 0 rgba(128, 128, 128, 0.6);
  /* shadow */
}
body .buttons a span {
  background-color: #fff;
  -webkit-border-radius: 6px;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  font-size: 20px;
  height: 60px;
  line-height: 20px;
  padding-top: 10px;
}
body .buttons a span:hover {
  opacity: .95;
}
body .buttons a:first-child span {
  padding-top: 18px;
}
body .buttons a:active span {
  -webkit-transform: translate(0, 5px);
  /* depth of button press */
}
body .button-block {
  float: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
body .button-block a {
  background: #e67e22;
  width: 48%;
  height: 35px;
  display: block;
  border-radius: 50px;
  text-align: center;
  color: #fff!important;
  text-decoration: none;
  line-height: 14px;
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 5px;
}
body .button-block a span {
  color: #7b519d;
  margin-left: 3px;
}
body .button-block a:hover {
  background: #985417;
  transition: 0.9s;
}
body .button-block a:first-child {
  padding-top: 10px;
}
body .mobile-text {
  display: none;
}
/*----------------------body--------------*/

/*--------header ---------------*/
.header-main {
  background-image: url(http://tours.vizza.kiev.ua/wp-content/uploads/2018/03/header-bg.jpg);
  width: 100%;
  height: 460px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.header-main .logo {
  position: absolute;
  top: 5%;
  width: 200px;
  left: 6%;
	padding:0!important;
}
.header-main .logo .logo-site {
  background-image: url(http://tours.vizza.kiev.ua/wp-content/uploads/2018/03/logo-site.png);
  width: 100%;
  height: 105px;
  display: block;
  background-repeat: no-repeat;
}
.header-main .content-header {
  padding-top: 170px;
}
.header-main .content-header .name-tour {
  color: #2c2c2e;
  font-family: MyriadProBold;
  font-size: 32px;
  background: rgba(255, 255, 255, 0.7);
  height: 84px;
  line-height: 32px;
  padding-top: 8px;
  padding-left: 30px;
}
.header-main .content-header .title-tour {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 16px;
  margin-top: 10px;
  line-height: 19px;
  padding-bottom: 6px;
  padding-top: 3px;
  padding-left: 30px;
}
.header-main .content-header .buttons {
  margin-top: 25px;
}
.header-main .content-header .buttons a {
  /* shadow */
  -webkit-box-shadow: 0 3px #bc5d0a, 0 3px #bc5d0a, 0 3px #bc5d0a, 0 3px #bc5d0a, 0 3px #bc5d0a, 0 3px #bc5d0a, 0 7px 0 -1px #bc5d0a;
}
.header-main .content-header .buttons a span {
  background-color: #e67e22;
  color: #ffffff;
}
/*--------header ---------------*/


/*--------------sections------------*/
.main-content {
  padding-top: 20px;
  padding-bottom: 45px;
  background-image: url(http://tours.vizza.kiev.ua/wp-content/uploads/2018/03/background-site.jpg);
}
.main-content .item-tour-big {
  background-image: url(http://tours.vizza.kiev.ua/wp-content/uploads/2018/03/imge-tour-big.jpg);
  width: 98%;
  height: auto;
  background-repeat: no-repeat;
  margin: 25px auto 0;
  background-position: center;
  background-size: cover;
  padding-bottom: 15px;
}
.main-content .item-tour-big .desc {
    padding-top: 95px;
}
.main-content .item-tour-big .desc h5 {
  background: rgba(255, 255, 255, 0.7);
  font-size: 30px;
  font-family: MyriadProBold;
  width: 83%;
  padding: 10px 0 10px 40px;
  margin-bottom: 15px;
}
.main-content .item-tour-big .desc p {
  font-size: 14px;
  color: #38383a;
  background: rgba(255, 255, 255, 0.4);
  padding-left: 40px;
  margin: 0;
  width: 36%;
}
.main-content .item-tour-big .desc .price {
  margin-top: 131px;
  display: flex;
  justify-content: space-between;
}
.main-content .item-tour-big .desc .price b {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 18px;
  font-family: MyriadProBold;
  padding: 5px 40px;
  width: 20%;
}
.main-content .item-tour-big .desc .price a {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  color: #fff!important;
  font-size: 18px;
  padding: 5px 40px;
  width: 30%;
  text-decoration: underline;
}
.main-content .item-tour-big .desc .price a:hover {
  text-decoration: none;
}
.main-content .item-tour-big .button-block {
  width: 47%;
  margin-top: 30px;
  padding-left: 40px;
}
.main-content .item-tour {
  width: 97%;
  height: auto;
  background: #ffffff;
  padding: 35px 25px 15px 25px;
  margin: 25px auto 0;
  -webkit-box-shadow: 0 9px 31px -2px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0 9px 31px -2px rgba(0, 0, 0, 0.36);
  box-shadow: 0 9px 31px -2px rgba(0, 0, 0, 0.36);
  border-radius: 5px;
}
.main-content .item-tour img {
  width: 100%;
}
.main-content .item-tour .desc h5 {
  font-size: 18px;
  font-family: MyriadProBold;
  margin-top: 15px;
  height: 65px;
  overflow: hidden;
}
.main-content .item-tour .desc p {
  font-size: 14px;
  color: #38383a;
  margin-bottom: 5px;
}
.main-content .item-tour .desc b {
  color: #38383a;
  font-family: MyriadProBold;
  font-size: 18px;
}
.main-content .item-tour .desc a {
  float: right;
  text-decoration: underline;
  color: #38383a;
}
.main-content .item-tour .desc a:hover {
  text-decoration: none;
}
.main-content .item-tour .line {
  margin-top: 10px;
  margin-bottom: 15px;
  background: #cfcfcf;
  width: 100%;
  height: 1px;
}
.contact {
  background: #5cdaff;
  color: #38383a;
  position: relative;
}
.contact .before {
  width: 130px;
  height: 0;
  border-left: 75px solid transparent;
  border-right: 74px solid transparent;
  border-top: 74px solid #5bdbff;
  position: absolute;
  bottom: -56px;
  right: 47%;
  z-index: 9;
}
.contact .text {
  font-size: 26px;
  font-family: MyriadProBold;
}
.contact .row {
  padding: 25px 0 25px 0;
}
.contact .cont {
  font-size: 46px;
  text-transform: uppercase;
  text-align: center;
}
.contact .tel {
  text-align: center;
}
.contact .tel i {
  -moz-transform: rotate(100deg);
  /* Для Firefox */
  -ms-transform: rotate(100deg);
  /* Для IE */
  -webkit-transform: rotate(100deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(100deg);
  /* Для Opera */
  transform: rotate(100deg);
  margin-right: 5px !important;
}
.contact .col-xl-3 p {
  font-size: 18px;
}
.contact .col-xl-3 p i {
  font-size: 23px;
  margin-right: 10px;
}
.contact .col-xl-2 p {
  font-size: 18px;
}
.contact .col-xl-2 p i {
  font-size: 23px;
  margin-right: 10px;
}
.slider-box{
  background-image: url(http://tours.vizza.kiev.ua/wp-content/uploads/2018/03/background-site.jpg);	
	
}

.slider-box .sliders-tour {
  width: 100%;
  margin-bottom: 30px;
 
}
.slider-box .sliders-tour .slick-prev:before {
 content: "‹";
	
}
.slider-box .sliders-tour .slick-next:before {
 content: "›";
}
.slider-box .sliders-tour .slick-prev:before,
.slider-box .sliders-tour .slick-next:before {
  line-height: 0;
  opacity: .75;
  color: #484a43;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
     font-size: 85px;
  font-family: MyriadProBold;
}
.slider-box .sliders-tour .item-tour {
  background: #ffffff;
  padding: 20px 10px;
  width: 265px;
  height: auto;
  overflow: hidden;
  margin: 17px;
  position: relative;
  box-shadow: 0 9px 31px -2px rgba(0, 0, 0, 0.36);
}
.slider-box .sliders-tour .item-tour img {
  width: 100%;
}
.slider-box .sliders-tour .item-tour h5 {
  font-size: 19px;
  color: #626561;
  margin: 15px 0 15px 5px;
}
.slider-box .sliders-tour .item-tour a {
  display: block;
  border: 1px solid #626561;
  bottom: 25px;
  width: 100%;
  left: 0;
  right: 0;
  text-align: center;
  color: #484a43;
  text-decoration: none;
}
/* .map {
    overflow: hidden;
    .imd-map{
      background-image: url(../img/map.jpg);
      background-repeat: no-repeat;
      height: 550px;
      background-size: cover;
      background-position: center;
    }
  }*/
/*--------------sections------------*/
footer {
  height: 50px;
  background: #484a43;
}
footer .social {
  height: 50px;
}
footer .social a {
  display: block;
  margin: 10px;
  color: #292d2f;
}



/*-------------responsive-------------*/
@media (max-width: 400px) {
  .main-content {
       padding-top: 75px!important;
  }
  header .buttons {
    display: block !important;
  }
  header .buttons a {
       width: 80%;
    margin-bottom: 17px;
  }
  .contact1 .tel {
    top: -320px !important;
    display: block!important;
  }
  .contact .buttons a {
    width: 75%;
  }
}
@media (max-width: 575px) {
  .main-content {
    padding-top: 0;
  }
  .main-content .item-tour {
    width: 305px;
  }
  .buttons a span {
    font-size: 18px !important;
    height: 48px !important;
    padding-top: 5px !important;
  }
  .buttons a:first-child span {
    padding-top: 10px !important;
  }
.header-main {
     background-image: url(http://tours.vizza.kiev.ua/wp-content/uploads/2018/03/background-site.jpg)!important;
  }
  .header-main .content-header {
    padding-top: 25px!important;
  }
 .header-main .logo {
    margin: auto;
    position: relative!important;
    left: 0!important;
    top: 0!important;
	 
  }
  .header-main .title-tour {
    padding: 0 !important;
  }
  .header-main .title-tour .mobile-text {
    padding: 10px 20px;
  }
  .header-main .name-tour {
    padding: 0 !important;
    height: 67px !important;
    line-height: 21px !important;
    margin-top: 75px;
  }
  .header-main .name-tour .mobile-text {
    padding: 20px;
  }
  .contact .tel {
    text-align: start;
  }
  .contact .buttons {
    display: block;
  }
  .contact .buttons a {
    margin-bottom: 15px;
  }
  .contact1 {
    background: none;
  }
  .contact1 .row {
    padding: 0!important;
  }
  .contact1 .loc,
  .contact1 .soc {
    display: none;
  }
  .contact1 .tel {
    position: absolute;
    top: -310px;
    display: flex;
    justify-content: space-evenly;
  }
  .contact1 .tel p {
    font-size: 16px !important;
  }
  .lep-top-text {
    display: none;
  }
  .mobile-text {
    display: block !important;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .contact .cont {
    display: none;
  }
}
@media (max-width: 992px) {
  .contact .text {
    margin: auto;
    text-align: center;
  }
  .contact .buttons {
    margin: 10px auto 0;
  }
  .contact .col-lg-4 {
    padding-left: 0;
    padding-top: 1%;
    text-align: center;
  }
}
@media (max-width: 1200px) {
  .main-content .col-lg-8 {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .contact .col-sm-6 {
    padding-left: 6%;
    padding-top: 2%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contact .text {
    margin: auto;
    text-align: center;
  }
  .contact .buttons {
    margin: 10px auto 0;
  }
  .contact .col-lg-4 {
    padding-left: 0;
    padding-top: 1%;
    text-align: center;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .contact .col-lg-4 {
    padding-left: 7%;
    padding-top: 1%;
  }
  .main-content .item-tour {
    padding: 20px 10px 15px;
  }
  .main-content .item-tour .desc {
    padding: 0;
    line-height: 16px;
  }
}
/*-------------responsive-------------*/