/*
Theme Name: 	Wlow 
Theme URI: 		http://www.marchettidesign.net/wlow/
Description: 	Responsive WordPress Theme based on Bootstrap and Font Awesome.
Version:     	1.2.1
Author:     	Andrea Marchetti
Author URI:   http://www.marchettidesign.net/chi-sono/
Site:         http://www.marchettidesign.net
Text Domain: 	wlow
Domain Path: 	/languages
Tags:        	grid-layout, blog, custom-menu, featured-images, right-sidebar
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html

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.
*/

/* Style Tree

    1. Base
    2. Layout
      2.1 Menu
      2.2 Home
      2.3 Index
      2.4 Sections
      2.5 Sidebar
      2.6 Footer
    3. Modules
      3.1 Slider
    4. WordPress Default Element
    5. Responsive

*/

body, html { margin: 0; padding: 0; height: 100%;}
body.admin-bar .navbar-fixed-top { position: fixed; top: 32px; z-index: 1000; height: 80px; }


/* ------------------------------------------------------------------------- *
/* 1 Base */
/* ------------------------------------------------------------------------- */

/* Typography */
body{font-size: 18px; font-family: 'Montserrat'; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; color: #222; }

.gigantic 		{ font-size: 70px; line-height: 1.09;}
.huge, h1 		{ font-size: 48px;line-height: 1.05;}
.large, h2 		{ font-size: 32px; line-height: 1.0; }
.bigger, h3 	{ font-size: 26px; line-height: 1.0; }
.big, h4 			{ font-size: 22px; line-height: 1.0; }
.normal, h5		{ font-size: 18px; line-height: 1.0; }
.small, h6, small 	{ font-size: 14px; line-height: 1.0;}


/* Title color */
.gigantic, .huge, .large, .bigger, .big, h1, h2, h3, h4, h5, h6 {
  color: #222;font-weight: 700;
}

.light{font-weight: 400;}
p{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}

/* Link color */
a, .link-color { color: #000; cursor: pointer;}
a:focus, a:hover { color: #FFF; text-decoration: none; }
.link-white:focus, .link-white:hover{color: #000;}
.link-black, .link-black:focus, .link-black:hover{color: #FFF;}

/* ------------------------------------------------------------------------- *
/* 2 Layout */
/* ------------------------------------------------------------------------- */

  /* height of the containers */
  .side-collapse-container,
  .side-collapse-content{height: 100%}

	/* Functional class */
	.img-res{ margin-bottom: 20px;width:100%; height: auto;}
	.img-round{border-radius:100%;width: 180px; height: 180px;}
  .video-res { position: relative; z-index: 0; overflow: inherit; margin-bottom: 20px; padding-top: 25px; padding-bottom: 56.25%; /* 16: 9 */height: 0;; }
	.video-res iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .margin-top { margin-top: 60px; }
	.margin-bottom { margin-bottom: 60px; }
	.no-margin { margin: 0; padding: 0; }
	.text-left{text-align: left;}
	.text-right{text-align: right;}
	hr{clear:both; margin-top: 0; padding-top: 20px; border:none; border-bottom: 1px solid #eee}
	.animate { 	-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out; }


  .button{border: 1px solid #ff3b60; background: #ff3b60;  border-radius: 30px; font-size: 14px;display: inline-block;padding: 10px 30px; text-transform: uppercase;color:#fff;font-weight: bold;}
  .button:hover,
  .button:focus{background: #3b89ff; color:#fff;border: 1px solid #3b89ff;}

  .button--dark{color:#222; border-color: #222;}
  .button--small{padding: 10px 25px; margin-top: 30px;font-size: 12px;}

  .dash{width:60px; height: 2px; background: #000;margin-top:20px;margin-bottom: 30px}
  .dash--light{background: #fff}

/* ------------------------------------------------------------------------- *
/* 2.1 Menu */
/* ------------------------------------------------------------------------- */

.spacer{height: 40px}

/* Top Bar */
.top-bar{height:30px;overflow: hidden;margin-top: 0;margin-right: -10px}
.top-bar ul {float:right;padding:0;margin:0;text-align: right;}
.top-bar ul li{display: inline-block;height:34px;line-height: 40px}
.top-bar ul li a{padding: 6px; font-size: 12px;color: #000}
.top-bar ul li a:hover{color:#ff3b60}
.top-bar ul li a i{font-size: 14px;}

.navbar { margin: 0; border: none;border-radius: 0; background-color: #fff; background-image: none; text-transform: uppercase;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
}

.navbar-header h1 { margin: 0; }
.navbar-brand{font-size: 15px;}
.navbar-header .navbar-brand{padding-top: 0; font-weight: bold;letter-spacing: -1px;color:#222}

		/* Color of menu button */
		.navbar-nav > li > a { color: #333;font-size: 14px;}

		/* Color of menu button:hover */
		.navbar-nav > li > a:hover,

		/* Color of menu active button */
    .navbar-nav > li.active > a,
		.navbar-nav > .active > a,
		.navbar-nav > .active > a:hover,
		.navbar-nav > .active > a:focus { background: #fff;color:#ff3b60;}

		/* Color of dropdown active button */
		.dropdown-menu > .active > a,
		.dropdown-menu > .active > a:hover,
		.dropdown-menu > .active > a:focus

		/* Color of dropdown button:hover */
		.dropdown-menu li a:hover,

		/* Color of button that open the dropdown */
		.nav .open > a,
		.nav .open > a:hover,
		.nav .open > a:focus { background-color: #fff;color:#000;}

		.dropdown-menu {
			  padding:0;
		    border: none;
		    border: none;
		    border-radius: 0px;
		}
    .dropdown-menu > li > a{padding: 10px 15px;font-size: 13px;} /* drop down size */
    .dropdown-menu > li.active > a,
    .dropdown-menu > li.active > a:hover{color:#3b89ff} /* drop down size */




/* ------------------------------------------------------------------------- *
/* 2.2 Home */
/* ------------------------------------------------------------------------- */

.home-title { position: absolute; top:-9999px; color: #fff; font-size: 12px;}

	/* Home anchor */
	.anchor{
    display: block;
    height: 50px; /*same height as header*/
    margin-top: -50px; /*same height as header*/

  }

  /* Arrow Button */
  .container-arrow{margin-top: -20px;
    font-weight: bold;
    text-transform: uppercase;
    color:#fff;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 10;
    width:100%;
    padding-bottom: 15px;
    cursor: pointer;
    font-size: 12px;
  }
	.container-arrow:hover,
	.container-arrow:focus{text-decoration: none;}

	/* Arrow Bouncing */
	.container-arrow span{
		display: inline-block; font-size: 60px;
    animation: .7s down  infinite alternate;
    -webkit-animation: .7s down infinite alternate;
  }
		/***Animation Arrow down***/
		@keyframes down{
		    0%{transform:translateY(0px)}
		    100%{transform:translateY(20px)}
		}
		@-webkit-keyframes down{
		    0%{-webkit-transform:translateY(0px)}
		    100%{-webkit-transform:translateY(20px)}
		}


/* ------------------------------------------------------------------------- *
/* 2.3 Index */
/* ------------------------------------------------------------------------- */

	/* Single, Post & Page */
	.content-article { padding: 30px 0 50px 0; margin:0;float:left; width:100%}

		.link-article { position: relative; }
		.cont-tag { clear: both; padding-top: 20px; }


/* ------------------------------------------------------------------------- *
/* 2.4 Sections */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- *
/* 2.5 Sidebar */
/* ------------------------------------------------------------------------- */
.content-sidebar{margin-top:40px;float:left; width:100%;}

.widget { float: left; margin-bottom: 40px; width: 100%;}
.widget h3 { margin: 0 0 10px 0; }
.widget a { display: block; padding: 10px 0; border-bottom: 1px solid #eee; }
.widget ul { padding: 0; }
.widget ul li { list-style-type: none; }


	/* Calendar Widget */
	#wp-calendar { width: 100%; }
	#wp-calendar a { padding: 0; border: none; }
	#wp-calendar caption,
	.screen-reader-text { padding-bottom: 10px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; font-size: 14px; }
	#wp-calendar thead { font-size: 10px; }
	#wp-calendar thead th { padding-bottom: 10px; }
	#wp-calendar tbody { color: #aaa; }
	#wp-calendar tbody td { padding: 8px; border: 1px solid #fff; background: #f5f5f5; text-align: center; }
	#wp-calendar tbody td:hover { background: #fff; }
	#wp-calendar tbody .pad { background: none; }
	#wp-calendar tfoot #next { text-align: right; text-transform: uppercase; font-size: 10px; }
	#wp-calendar tfoot #prev { padding-top: 10px; text-transform: uppercase; font-size: 10px; }

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

.footer { float: left; margin: 0; width: 100%; background: #333; color: #fff; }
.footer p{margin: 0;}
.footer .container{ padding: 20px; }


/* ------------------------------------------------------------------------- *
/* 3 Modules */
/* ------------------------------------------------------------------------- */


/* Focus
--------------------------------------- */
.focus{position: relative}
.focus p{font-size: 16px;}
.focus__item{margin:100px 0;text-align: center}
.focus__item__title{margin-bottom: 20px}
.focus__item__title,
.focus__item__title a{color:#222;font-size: 36px;}

/* Cards
--------------------------------------- */
.cards{margin:0;padding:40px 0;text-align: center;background: #eee}
.cards__intro-title{font-size: 44px;}
.cards__intro-subtitle{font-size: 18px;margin-bottom: 60px; font-style: italic; font-weight: 400;	}
  .card__title a{color:#222; font-size: 32px;	}
  .card__meta{font-weight: bold;font-size: 12px;margin-bottom: 20px;}


/* Panel Side
--------------------------------------- */
.panel-side{margin:120px 0;position: relative;}
.panel-side__fill{height:600px;position: relative;}
.panel-side__content{min-height: 600px;display:table; margin-left:30px;margin-right: 30px;}
.panel-side__content__copy{display:table-cell; vertical-align: middle;}
.panel-side__content__copy__title{margin-bottom: 40px;}
.panel-side__content__copy__title,
.panel-side__content__copy__title a{color:#222;font-size: 44px;}


/* Parallax
--------------------------------------- */
.parallax{ width:100%; height: 100%; display:table; overflow: hidden; position: relative }
.parallax__caption{ display:table-cell; vertical-align: middle; z-index: 1;position: relative;padding:30px 10px;}
.parallax__caption__intro{color:#fff}

	/* Icons */
	.parallax__caption__intro .fa{margin-right: 18px;font-size: 28px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		color: #FFF;
	}
	.parallax__caption__intro .fa:hover{
		-webkit-transform:scale(1.3); /* Safari and Chrome */
	  -moz-transform:scale(1.4); /* Firefox */
	  -ms-transform:scale(1.4); /* IE 9 */
	  -o-transform:scale(1.4); /* Opera */
	  transform:scale(1.4);
	 }

.parallax__caption__title.huge{color:#fff;font-size: 60px;max-width: 850px;}
.parallax__caption__title a {color:#fff;}
.parallax__caption__subtitle{margin-bottom: 30px;color:#fff;}
.parallax__caption__copy{color:#fff;max-width: 700px;margin-bottom: 30px}
.parallax__filter{width:100%;height: 100%; margin: 0%;background: #000;position: absolute;top:0;left:0;opacity: 0.4;}


/* ------------------------------------------------------------------------- *
/* 4 WordPress Default Element */
/* ------------------------------------------------------------------------- */

/* Pagination */
.pagination { float: left; margin: 40px 0 40px 0; padding: 0; width: 100%; }
.pagination span,
.pagination a { float: left; margin: 0 10px 10px 0; padding: 14px 19px; border: 1px solid #eee; }

/* Gallery */
.gallery { float: left; margin: 20px 0 20px 0; width: 103.55%; }
.gallery-item { float: left; width: 33.333333%; text-align: center; }
.gallery img { margin: 0 10% 0 0; width: 90%; height: auto; border: none!important; }
.gallery-caption { width: 90%;margin:10px 0 0 0;}

/* Image */
.alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }

/* Image Caption */
.wp-caption { margin-bottom: 20px; padding: 10px; max-width: 97%; border: 1px solid #eee; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }

/* Stiky */
.sticky { border-right: 3px solid #eee; border-bottom: 3px solid #eee; }

/* Blockquote */
blockquote {font-weight: 200; font-size: 20px; font-style: italic; margin: 0.25em 0; padding: 0px 30px; line-height: 1.45; position: relative; color: #383838; border-left: 5px solid #eee; }

/* Search */
#srch-term { border: none; background: none; box-shadow: none; color: #fff; opacity: 0; }
.btn-default { border: none; background: none; }
.btn-default:hover { border: none; background: none; color: #fff; }
.form-control::-moz-placeholder { color: #eee; }
.search-light { background: #eee; }
.search-light input[type=text] { width: 80%; color: #333; }
.search-light button{float:right;padding:12px 15px 0 0;}

/* Contact Form 7 */
.wpcf7 p input[type=text],
.wpcf7 p input[type=email]{display: block; width: 98%;}
.wpcf7 p.input-half{ width: 48%; margin-right: 2%; float:left; min-height: 70px}
.wpcf7 p.input-half input[type=text],
.wpcf7 p.input-half input[type=email]{ width: 100%;}
.wpcf7-select {margin-right: 10px; padding: 10px; border: none; background: #eee;  width: 98%;height: 40px;}
.wpcf7 p.input-half .wpcf7-select {width: 100%;}
div.wpcf7-response-output {float:left; width:97%;margin: 0;}

/* Comments */
.comment-form-author,
.comment-form-email,
.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width: 100%; }

ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment { padding: 1em; border-top: 1px solid #eee; }
ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta { font-size: 12px; }
ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { /* background: #f9f9f9; */  }
ol.commentlist li.parent { border-left: 1px solid #eee; }
ol.commentlist li.bypostauthor .fn { font-weight: bold; }
ol.commentlist li img{max-width: 97%;}

input[type=tel],
input[type=text],
input[type=email] { width: 98%;margin-right: 10px; padding: 10px; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;}
textarea { padding: 10px; width: 98%; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;}
input[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #333; border:none; }
#comments { width: 100%; }


/* ------------------------------------------------------------------------- *
/* 5 Responsive */
/* ------------------------------------------------------------------------- */

/* ----------------------------- */
/* Tablet and Desktop */
/* ----------------------------- */
@media (min-width: 768px) {

  /* transparent navbar */
  .home .top-bar ul li a{color:#fff}
  .home .top-bar ul li a:hover{color:#ff3b60}
  .home .navbar-header .navbar-brand{color:#fff;}
  .home .navbar { background-color: transparent; border:none;}
  .home .navbar li.active a,
  .home .navbar li.active a:focus,
  .home .navbar li a:focus,
  .home .navbar li a:hover{background-color: transparent;}
  .home .navbar { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;}
  .home .navbar-nav > li > a { color: #fff;}
  .home .navbar-nav > li > a:hover{ color:#ff3b60;}
  /* Scroll Down */
  .home.navbar-scroll-down .navbar{
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
    	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
    	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
    	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
    }
  .home.navbar-scroll-down .navbar{background-color: #fff}
  .home.navbar-scroll-down .navbar li a  { color: #333;}
  .home.navbar-scroll-down .navbar-brand{color:#000}
  
  /* Color of button that open the dropdown in home */
		.nav .open > a,
		.nav .open > a:hover,
		.nav .open > a:focus,
		.home .nav .open > a,
		.home .nav .open > a:hover,
		.home .nav .open > a:focus { background-color: #fff;color:#ff3b60;}

  /* Scroll Down margin */
  .home .navbar{margin-top: 20px;}
  .home.navbar-scroll-down .navbar{margin-top: 0px;}

  .home.navbar-scroll-down .navbar-header{display: block !important;}
  .navbar-brand>img{display: inline-block; padding-right: 5px; width: 50px;}

 /* Brand Dimension */
 .navbar-brand{height: 80px; line-height: 80px;}

 /* Top Bar */
 .top-bar{width:85%; float:right;}
 
 /* Main Menu Bar */
 #mainmenu{min-width:20%;float:right;}

}

/* ----------------------------- */
/* Tablet */
/* ----------------------------- */
@media (max-width: 998px) {

  /* Menu */
	.navbar .logo-img img{width:auto; height: 50px;}
	.navbar-nav > li > a { font-size: 12px;padding: 15px 6px}

	.panel-side{margin:50px 0;}

	.content-article{padding: 40px 20px;}

  /* Typography */
  .gigantic { font-size: 55px; line-height: 1;}

}

/* ----------------------------- */
/* Smarthphone */
/* ----------------------------- */
@media (max-width: 767px) {
	.navbar-header{display: block !important;}
	.navbar-brand>img{display: inline-block;padding-right: 15px;}
	.navbar-brand>span{display: none !important;}
  /* Menu */
  .navbar{background-color: #fff!important;border:none;}
	.navbar-toggle {border: none!important;margin-top: 14px;}
	.navbar-toggle .icon-bar{background: #333!important;  width: 26px;height: 3px;border-radius: 4px; margin-bottom: 5px;}

  /* Hanburger menu animation */
  .navbar-toggle.navbar-toggle--active .icon-bar:nth-child(1) {
  -webkit-transform: translateY(8px) rotate(45deg);
          transform: translateY(8px) rotate(45deg);
  }
  .navbar-toggle.navbar-toggle--active .icon-bar:nth-child(2) {
    opacity: 0;
    width:0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  .navbar-toggle.navbar-toggle--active .icon-bar:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
  }

	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:hover { background-color: transparent;}
  .navbar-nav a{display: block;min-width:200px}

		/* Dropdown */
		.navbar-nav .open .dropdown-menu > li > a,
    .nav > li > a:hover,
    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus,
		.navbar-nav .open .dropdown-menu .dropdown-header {color:#333; background: #eee} /* dropdown color */
      .navbar-nav .open .dropdown-menu > li > a{padding:10px 10px 10px 25px} /* dropdown size */
      .navbar-nav .open .dropdown-menu > li.active > a{color:#26c6da;} /* dropdown active color */

    /* Fixed the nav dimensions on smatrphone */
  	.navbar-brand{height: 65px!important; line-height: 65px!important;}
  	.top-bar{margin-top: 5px!important;margin-left: 5px;height: auto;min-width: 200px;}

    /* Top bar */
  	.top-bar ul {text-align:left;float:left;}

  /* Side Menu */
  .side-collapse-content{left:0;width:100%; /* position:relative; */ } /* Content */

	  .side-collapse-container.out .side-collapse-content{ left:250px; } /* Slide effect */
	  .side-collapse {background-color: #eee;/*color side*/ top:64px;bottom:0;left:0;width:250px;position:fixed;overflow-y: scroll;overflow-x: hidden;-webkit-overflow-scrolling: touch;
	  	box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.15);
			-webkit-box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.15);
			-moz-box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.15);
			-o-box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.15);

	  }
	  .side-collapse.in {width:0;}


  /* Parallax
	--------------------------------------- */
	.parallax-cover .parallax__caption{padding-bottom: 80px;}
	.parallax__caption__title{font-size: 48px; margin-bottom: 20px;	}

		/* Block parallax animation */
		.parallax-image{top: 0!important;}
		.parallax-background{ background-attachment: scroll!important; background-position: center top!important;}


  /* Footer */
	.footer .alignright{float:left;margin-top:5px;}

  /* Comment */
	.comment-form-author,
	.comment-form-email,
	.comment-form-url{margin-top:0;width:97%;}

  /* Contact Form 7 */
	.wpcf7 p.input-half{ width: 98%; margin-right: 2%;}

	/* panel Side */
	.panel-side__fill{height:270px;}
	.panel-side__content{min-height: 300px;}

	/* Module Form Style */
	 .module  .wpcf7 p{ width:100%;}

}

.pricing {
	text-align: center;
	border: 1px solid #f0f0f0;
	color: #777;
	font-size: 14px;
	padding-left: 0;
	margin-bottom: 30px;
	background-color: #FFF;
}
.pricing img {
	display: block;
	margin: auto;
	width: 32px;
}
.pricing li:first-child{
	padding: 0px;
	height: 300px;
}
.pricing li:last-child {
	padding: 20px 0px;
}
.pricing li {
	list-style: none;
	padding: 13px;
	height: 65px;
}
.pricing li + li {
	border-top: 1px solid #f0f0f0;
}

.pricing .li-desc{
	height: 235px;
}


@media (max-width: 991px) { 
	.pricing .li-desc{
    	height: 235px;
    }
}

@media (max-width: 360px) { 
	.pricing .li-desc{
    	height: 235px;
    }
}

.pricing big {
	font-size: 32px;
}
.pricing h3 {
	margin-bottom: 0;
  font-size: 36px;
}
.pricing span {
	font-size: 12px;
	color: #999;
	font-weight: normal;
}

.pricing button {
	width: auto;
	margin: auto;
	font-size: 15px;
	font-weight: bold;
	border-radius: 50px;
	color: #fff;
	padding: 9px 24px;
	background: #aaa;
	opacity: 1;
	transition: opacity .2s ease;
  border: none;
  outline: none;
}
.pricing button:hover {
	opacity: .9;
}
.pricing button:active {
	box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
}
/* pricing color */
.p-black big,
.p-black h3 {
	color: #000;
}
.p-black button {
	background: #000;
	color: #FFF;
}

.progress.active .progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}

.progress{
	border-radius: 0;
	margin-bottom: 0;
}

.progress-bar-success{
	background-color: #000;
}

/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item p { color: #FFF; }

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.carousel.slide{height: 160px;}


/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }

	
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    .page-199, .page-194, .page-197{
		background-attachment: unset; 
	}
	
	.spacer {
		height: 50px;
	}
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }

    
}

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

.button{
	background: #000;
	border: #000;
}
.button:hover, .button:focus{
	background: #FFF;
	color: #000;
	border: 0;
}
.top-bar{
	display: none;
}

/* Cover */
.parallax-cover{
	text-align: center;
}

.background-faqs{
	background-color: #1f151e;
    padding: 25px;
    min-height: 385px;
    margin-top: 15px;
}

.parallax-cover img, .section-faqs img{
	padding-top: 20px;
	padding-bottom: 20px;
	display: inline;
}

/* Sections */
.section_home{
	padding: 0;
}

.section-how-to-play .parallax__filter, .section-faqs .parallax__filter{
	background-color: #FFF;
	color: #000;
	opacity: 1;
}

.section-how-to-play
.parallax__caption__title.huge,
.section-faqs
.parallax__caption__title.huge{
	color: #000;
	text-align: center;
	max-width: 100%;
}

.section-how-to-play h3{
	text-transform: uppercase;
}	

.section-rooms-escape h3{
	text-transform: capitalize;
}

.section-how-to-play .parallax__caption__copy, .section-faqs .parallax__caption__copy{
	max-width: 100%;
}

.section-how-to-play .img-how-to-play{
	padding-top: 20px;
	margin: 0 auto;
}

.section-rooms-escape, .section-instagram{
	background-color: #000;
	opacity: 1;
}

.section-instagram{
	padding: 50px;
}

.section-rooms-escape h3{
	text-align: center;
	max-width: 100% !important;
}

.pricing-head-prisao .ico-price,
.pricing-head-terras-vera-cruz .ico-price,
.pricing-head-ressaca .ico-price{
    width: 50px;
	top: 75px;
    position: relative;
}

.pricing-head-prisao big,
.pricing-head-terras-vera-cruz big,
.pricing-head-ressaca big{
    background: #000;
    color: #FFF;
    width: 100%;
    vertical-align: middle;
    display: block;
    top: 85px;
    position: relative;
}
.pricing-head-prisao{
	background-image: url('img/prisao_pide.png');
    height: 151px;
    background-size: cover;
}

.pricing-head-terras-vera-cruz{
	background-image: url('img/terras_vera_cruz.png');
    height: 151px;
    background-size: cover;
}

.pricing-head-ressaca{
	background-image: url('img/ressaca.png');
    height: 151px;
    background-size: cover;
}

.section-faqs h1{
	font-size: 21px;
}

.section-faqs p, .section-faqs h1 {
	color: #FFF;
}

.section-faqs label{
	color: #000;
}

.section-where{
	background-color: #000;
	color: #FFF;
}

.section-where p{
	margin: 0;
}

.footer{
	font-size: .9em;
}

.div-tripadvisor > div{
	margin: 0px !important;
}

.comentarios-tripadvisor > div > div{
	margin: 0px auto !important;
	width: 270px !important;
}

.disbplay-block{
	display: block;
}

.page-154{
	background: url('img/prisao_pide.png') no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 351px;
}

.page-158{
	background: url('img/ressaca.png') no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 351px;
}

.page-156{
	background: url('img/terras_vera_cruz.png') no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 351px;
}

.page-199, .page-194, .page-197{
	background: url('img/banner-home.png') no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 351px;
}

.separador{
    height: 40px;
    border-right: 1px #000 solid;
}

a.change-language.active{
	text-decoration: underline;
}

.home .focus{
	display: none;
}

.blur{
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.color-white{
	color: #FFF !important;
}

.header-empresa{
	height: 351px;
    background: url('img/team_bulding.png') no-repeat center center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.header-regala{
	height: 351px;
    background: url('img/page-regala.png') no-repeat center center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.modal {
  text-align: center;
}

.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 700px;
}

@media (max-width: 767px) {
	.modal-dialog {
		width: 300px;
	}
}

.button-ofrece{
	/*
	margin-top: -50px;
	*/
}

.page-id-156 .spacer,
.page-id-154 .spacer,
.page-id-257 .spacer,
 { height: 50px; }

#modal-ofrece-2 .modal-header{
	background-image: url('img/background-modal-xmas.png');
	background-size: cover;
    background-repeat: no-repeat;
}
#modal-ofrece .modal-content{
	background-image: url('img/background-xmas2.png');
	background-size: cover;
    background-repeat: no-repeat;
}

#modal-ofrece h4{
	color: #000;
	font-size: 30px;
}

.nav>li>a{
	padding: 10px !important;
}

.navbar{
	min-height: 20px;
}