/* STYLE FOR PIZZAPAN 2020

font-family: 'Lato', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Sarabun', sans-serif;

*/

/* GEN POP */

html {
  scroll-behavior: smooth;
}
body {
	font-size: 22px;
}
p {
	font-family: 'Lato', sans-serif;
}

/* HEADINGS */

h1 {
	font-family: 'Poppins', sans-serif;
	font-size: 65px;
	color: #000;
	font-weight: 800;
}
h2 {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 40px;
	line-height: 140%;
}
h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 55px;
	color: #000;
	font-weight: 800;
}
h4 {
	font-family: 'Poppins', sans-serif;
	color: #AF1E23;
	font-weight: 800;
	font-size: 30px;
}
h5 {
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-size: 25px;
	font-weight: 800;
}
h3.red {
	margin-bottom: 0;
}
h2.red {
	margin-top: 0;
	font-size: 50px;
}
.sup {
    vertical-align: super;
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
}

.sup-alt {
    vertical-align: super;
    font-size: 2.5rem;
    margin: 0;
    padding: 0;
}

.sup-lg {
    vertical-align: super;
    font-size: 3.5rem;
    margin: 0;
    padding: 0;
}

/* COLORS */

.bg-red {
	background-color: #B01E23;
}
.bg-black {
	background-color: #000;
}
.bg-light-gray {
	background-color: #EDF3F5;
}
.bg-dark-gray {
	background-color: #222222;
}
.bg-white {
	background-color: #fff;
}
.white {
	color: #fff;
}
.red {
	color: #B01E23;
}
.bg-black {
	background-color: #000;
}
.black {
	color: #000;
}

/* BACKGROUNDS */

.bg-nuevo {
	background: url('../img/img-nuevo.jpg') no-repeat 0 0;
	background-size: 100%;
	padding-bottom: 630px;
}

/* BUTTONS */

.btn {
	padding: 5px 40px;
}
.btn-red {
	background-color: #B01E23;
	color: #fff;
	border: 2px solid #B01E23;
	border-radius: 30px;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 1px;
}
.btn-red:hover,
.btn-red:focus {
	background-color: transparent;
	color: #B01E23;
}
.btn-white {
	background-color: #fff;
	color: #B01E23;
	border: 2px solid #fff;
	border-radius: 30px;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 1px;
}
.btn-white:hover,
.btn-white:focus {
	background-color: transparent;
	color: #fff;
}
.btn-gray {
	background-color: #363636;
	color: #fff;
	border: 2px solid #363636;
	border-radius: 30px;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 1px;
}
.btn-gray:hover,
.btn-gray:focus {
	background-color: transparent;
	color: #363636;
}

/* TYPO */

p.credit {
	font-size: 12px;
	color: #fff;
}
p.credit.right {
	text-align: right;
}
a.white, a.red, a.black {
    transition: color .1s linear;   
}
a.white:hover,
a.white:focus {
	color: #C2C2C2;
	text-decoration: none;
}
a.red:hover,
a.red:focus {
    color: #b01e23a8;
    text-decoration: none;
}
a.black:hover,
a.black:focus {
    color: #696969;
    text-decoration: none;
}
.txt-md {
	font-size: 18px;
}
p.media-heading {
    font-size: 18px;
    font-weight: 300;
}
.small {
    font-size: 14px;
}
.smaller {
	font-size: 40px;
}
.media-heading.red {
	margin-top: 10px;
	line-height: 140%;
}

/* POSITION */

.m-top-xlg {
	margin-top: 80px;
}
.m-top-lg {
	margin-top: 50px;
}
.m-top {
	margin-top: 25px;
}
.m-top-md {
	margin-top: 35px;
}
.pad-section {
	padding-top: 40px;
	padding-bottom: 42px;
}
.section {
	padding-top: 80px;
	padding-bottom: 80px;
}
.section-xs {
	padding-top: 20px;
	padding-bottom: 20px;
}
.box-nuevo {
	padding-top: 100px;
	padding-bottom: 74px;
}
.box-right {
	text-align: right;
}

/* LISTS */

ul.caracteristicas {
	padding-left: 0;
}
ul.caracteristicas li {
	list-style-type: none;
	font-size: 18px;
}
ul.caracteristicas li i {
	color: #AF1E23;
}
ul.hornos {
	padding-left: 0;
}
ul.hornos li {
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
}

/* HEADER */

.navbar-default {
    background-color: #fff;
    border: none;
    margin-bottom: 0;
}
.float-box {
	float: right;
	width: 60%;
	margin-top: 23px;
}
.navbar-brand {
    float: left;
    height: 190px;
}
.navbar-header {
	margin-left: 5%;
}
ul.top-menu {
	text-align: right;
	margin-right: 5%;
}
ul.top-menu li {
	display: inline-block;
	vertical-align: bottom;
	list-style-type: none;
}
ul.top-menu li a {
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
	color: #000;
	font-size: 20px;
	padding-top: 25px;
}
ul.top-menu li a:hover {
	background: url('../img/ico-flame.png') no-repeat 50% 0;
}
ul.top-menu li:nth-of-type(4) a {
	background-color: #B01E23;
	color: #fff;
	border: 2px solid #B01E23;
	border-radius: 30px;
	padding-top: 10px;
	margin-right: 20px;
}
ul.top-menu li:nth-of-type(4) a:hover {
	background-color: transparent;
	color: #B01E23;
	border: 2px solid #B01E23;
	background: none;
}
ul.top-menu li:nth-of-type(5) a:hover,
ul.top-menu li:nth-of-type(6) a:hover,
ul.top-menu li:nth-of-type(7) a:hover,
ul.top-menu li:nth-of-type(8) a:hover {
	background: none;
}
ul.top-menu li:nth-of-type(5) a,
ul.top-menu li:nth-of-type(6) a,
ul.top-menu li:nth-of-type(7) a,
ul.top-menu li:nth-of-type(8) a {
	padding: 5px;
}
.navbar-right {
	margin-right: 5%;
	margin-top: 15px;
}
.navbar-default .navbar-nav>li>a {
	color: #000;
	font-family: 'Lato', sans-serif;
	font-size: 22px;
}
.navbar-default .navbar-nav>li>a:hover {
	color: #B01E23;
}
.navbar-default .navbar-nav>li:last-of-type {
	margin-right: 0;
}
.navbar-nav>li {
    margin-left: 15px;
    margin-right: 15px;
}
.dropdown-menu {
    background-color: rgba(176,30,35,0.8);
}
.dropdown-menu>li>a {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	padding: 8px 20px;
}
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus {
    color: #fff;
    background-color: rgba(176,30,35,0.8);
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #000;
}

/* FOOTER */

ul.social {
	padding-left: 0;
	display: inline-block;
	vertical-align: middle;
}
ul.social li {
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
}
p.inline {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.bg-red p {
	margin-bottom: 0;
}
ul.menu {
	padding-left: 0;
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
	margin-left: 30px;
}
ul.menu li {
	list-style-type: none;
}
ul.menu li a {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
}
ul.menu li a:hover,
ul.menu li a:focus {
	color: #AF1E23;
	text-decoration: none;
}

/* CONTENT */

#slider-home .carousel-caption {
    left: 15%;
    right: 15%;
    top: 48px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    width: 920px;
}
#slider-home .carousel-caption h1,
#slider-residencial .carousel-caption h1,
#slider-comercial .carousel-caption h1 {
	font-size: 70px;
	font-family: 'Sarabun', sans-serif;
	color: #fff;
}
.carousel-control.right,
.carousel-control.left {
	background-image: none;
}
.carousel-control {
	width: 3%;
	color: #979797;
	opacity: 1;
}
.carousel-inner>.item>img, 
.carousel-inner>.item>a>img {
	width: 100%;
}
#slider-home .carousel-caption.bottom {
    bottom: 48px;
    top: auto;
}
#slider-residencial .carousel-caption.right {
	left: auto;
	top: 50px;
    right: 15%;
    text-align: right;
    width: 560px;
}
#slider-residencial .carousel-caption h1.thin,
#slider-comercial .carousel-caption h1.thin {
	font-weight: 300;
    font-family: 'Poppins', sans-serif;
    font-size: 55px;
    padding: 10px 40px;
}
#slider-comercial .carousel-caption.left {
	right: auto;
	top: 30px;
    left: 10%;
    text-align: right;
    width: 450px;
}


/* FORM */

.form-horizontal .control-label {
	color: #fff;
	text-align: right;
}
.form-control {
    height: 40px;
    border-radius: 20px;
}
label.captcha,
#captcha_reload {
	color: #fff;
	font-size: 14px;
	position: static;	
}

/* MEDIA OBJECT */

.media-heading {
	font-weight: bold;
    font-size: 22px;
    margin-bottom: 0;
}
.media#hornos {
    width: 215px;
    margin: 20px auto;
}

/* MODAL */

.modal-body {
	padding: 40px;
}
.modal-footer {
	background-color: #000;
	padding: 40px;
	text-align: left;
}
.modal.in .modal-dialog {
    z-index: 10000;
    margin: 60px auto;
}

/* JUICER */

.juicer-feed.modern li.feed-item.juicer {
	display: none !important;
}
.juicer-feed h1.referral {
    font-size: 10px;
    position: absolute;
    bottom: 0;
    z-index: 10;
}

/* COLOR PICKER */

#colorPicker h5 {
	font-size: 21px;
	margin-bottom: 17px;
    margin-top: 0;
}
#colorPicker ul.colors {
	padding-left: 0;
}
#colorPicker ul.colors li {
	list-style-type: none;
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    margin-right: 0;
}
#colorPicker ul.colors li.negro {
	background-color: #000;
}
#colorPicker ul.colors li.arena {
	background-color: #EBD0B3;
}
#colorPicker ul.colors li.blanco {
	background-color: #fff;
	border: 1px solid #ccc;
}
#colorPicker ul.colors li.gris {
	background-color: #83888C;
}
#colorPicker ul.colors li.terracota {
	background-color: #8A4C41;
}
#colorPicker ul.colors li.natural {
	background-color: #E3E3E3;
}
#colorPicker ul.colors li.rojo {
	background-color: #B65A12;
}
#colorPicker ul.colors.reset {
	display: block;
	position: absolute;
}
#colorPicker ul.colors.reset label {
	bottom: 10px;
    top: auto;
}


/* SELECTOR DE COLOR */

label {
  display: block;
  opacity: 1;
  margin: 0 auto;
  padding: 0;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 0;
}
.boca label {
	top: 35px;
}
.chimenea label {
	top: 70px;
}
/*label:hover, label:focus, label:active {
  border: 1px solid #bb1900;
}*/
input[type="radio"] {
  opacity: 0;
  width: 24px;
  height: 24px;
  position: relative;
  z-index: 10000;
}
input[type="radio"]:active ~ label {
  opacity: 1;
}
input[type="radio"]:checked ~ label {
  opacity: 1;
  border: 1px solid #000;
}
input[type="radio"]:checked ~ label.reset {
	border: none;
}

/* MENÚ HORNOS */

ul.menuHornos {
	padding-left: 0;
	margin-top: 40px;
}
ul.menuHornos li {
	display: inline-block;
	vertical-align: top;
	list-style-type: none;
}
ul.menuHornos li a {
	background-color: #222;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	padding: 12px 18px 12px 9px;
    font-size: 16px;
    border-radius: 100px;
    text-align: left;
}
ul.menuHornos li a:hover,
ul.menuHornos li a:focus {
	text-decoration: none;
}
ul.menuHornos li a:hover span,
ul.menuHornos li a:focus span {
	color: #B01E23;
}

#hornos, #hornos1, 
#hornos2, #hornos3 {
	position: relative;
}

#hornos .owl-nav, #hornos1 .owl-nav, 
#hornos2 .owl-nav, #hornos3 .owl-nav {
	display: flex;
	justify-content: space-between;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.my-2 {
    margin: 10px 0;
}
.horno-logo {
    width: 100%;
    height: 100%;
    max-width: 24rem;
    object-fit: cover;
    padding: 10px;
}
.horno-logo-sm {
    width: 100%;
    height: 100%;
    max-width: 37rem;
    object-fit: cover;
}