/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after { content: ""; content: none; } blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } @font-face { font-family: 'AvenirLTStdHeavy'; src: url("../fonts/AvenirLTStdHeavy.eot"); src: url("../fonts/AvenirLTStdHeavy.eot") format("embedded-opentype"), url("../fonts/AvenirLTStdHeavy.woff2") format("woff2"), url("../fonts/AvenirLTStdHeavy.woff") format("woff"), url("../fonts/AvenirLTStdHeavy.ttf") format("truetype"), url("../fonts/AvenirLTStdHeavy.svg#AvenirLTStdHeavy") format("svg"); } @font-face { font-family: 'AvenirLTStdLight'; src: url("../fonts/AvenirLTStdLight.eot"); src: url("../fonts/AvenirLTStdLight.eot") format("embedded-opentype"), url("../fonts/AvenirLTStdLight.woff2") format("woff2"), url("../fonts/AvenirLTStdLight.woff") format("woff"), url("../fonts/AvenirLTStdLight.ttf") format("truetype"), url("../fonts/AvenirLTStdLight.svg#AvenirLTStdLight") format("svg"); } @font-face { font-family: 'AvenirLTStdRoman'; src: url("../fonts/AvenirLTStdRoman.eot"); src: url("../fonts/AvenirLTStdRoman.eot") format("embedded-opentype"), url("../fonts/AvenirLTStdRoman.woff2") format("woff2"), url("../fonts/AvenirLTStdRoman.woff") format("woff"), url("../fonts/AvenirLTStdRoman.ttf") format("truetype"), url("../fonts/AvenirLTStdRoman.svg#AvenirLTStdRoman") format("svg"); } @font-face { font-family: 'SmoothieShoppe'; src: url("../fonts/SmoothieShoppe.eot"); src: url("../fonts/SmoothieShoppe.eot") format("embedded-opentype"), url("../fonts/SmoothieShoppe.woff2") format("woff2"), url("../fonts/SmoothieShoppe.woff") format("woff"), url("../fonts/SmoothieShoppe.ttf") format("truetype"), url("../fonts/SmoothieShoppe.svg#SmoothieShoppe") format("svg"); } @font-face { font-family: 'AvenirLTStdBlack'; src: url("../fonts/AvenirLTStdBlack.eot"); src: url("../fonts/AvenirLTStdBlack.eot") format("embedded-opentype"), url("../fonts/AvenirLTStdBlack.woff2") format("woff2"), url("../fonts/AvenirLTStdBlack.woff") format("woff"), url("../fonts/AvenirLTStdBlack.ttf") format("truetype"), url("../fonts/AvenirLTStdBlack.svg#AvenirLTStdBlack") format("svg"); } @font-face { font-family: 'AvenirLTStdBook'; src: url("../fonts/AvenirLTStdBook.eot"); src: url("../fonts/AvenirLTStdBook.eot") format("embedded-opentype"), url("../fonts/AvenirLTStdBook.woff2") format("woff2"), url("../fonts/AvenirLTStdBook.woff") format("woff"), url("../fonts/AvenirLTStdBook.ttf") format("truetype"), url("../fonts/AvenirLTStdBook.svg#AvenirLTStdBook") format("svg"); } @font-face { font-family: 'AvenirLTStdMedium'; src: url("../fonts/AvenirLTStdMedium.eot"); src: url("../fonts/AvenirLTStdMedium.eot") format("embedded-opentype"), url("../fonts/AvenirLTStdMedium.woff2") format("woff2"), url("../fonts/AvenirLTStdMedium.woff") format("woff"), url("../fonts/AvenirLTStdMedium.ttf") format("truetype"), url("../fonts/AvenirLTStdMedium.svg#AvenirLTStdMedium") format("svg"); } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } /* cyrillic */ @font-face { font-family: 'Bad Script'; font-style: normal; font-weight: 400; src: local('Bad Script Regular'), local('BadScript-Regular'), url(https://fonts.gstatic.com/s/badscript/v5/xvnrV3H3fZsc-fSw6fOJeCEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} /* latin */ @font-face { font-family: 'Bad Script'; font-style: normal; font-weight: 400; src: local('Bad Script Regular'), local('BadScript-Regular'), url(https://fonts.gstatic.com/s/badscript/v5/rL_b2ND61EQmMOJ8CRr1fvk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} body { font-family: 'AvenirLTStdLight', Arial, Tahoma, Sans-serif; overflow-x: hidden; } a:focus, a:hover { text-decoration: none; color:#d5c091; } strong { font-weight: bold; } /*.anchor { display: block; height: 70px; margin-top: -70px; visibility: hidden; }*/ .anchor { display: block; height: 0px; margin-top: -5px; visibility: hidden; } header { background: #fff; height: 75px; position: relative; z-index: 2; } header .navbar { background: #fff; border: none; border-radius: 0; height: 70px; margin-bottom: 0; } header .navbar .navbar-brand { background: url(../img/logo.png) no-repeat center center #fff; height: 70px; text-indent: -9999px; width: 140px; } header .navbar .social { height: 70px; margin-left: 25px; padding-top: 23px; } header .navbar .social a { display: inline-block; } header .navbar .social a.fa { color: #d5c091; font-size: 25px; } header .navbar .social a.fa:hover { color: #ee6a00; } header .navbar .navbar-right li { font-family: 'AvenirLTStdBook'; font-size: 11px; height: 75px; padding: 32px 0; text-transform: uppercase; } header .navbar .navbar-right li a:before { content: " | "; position: absolute; right: 0; } header .navbar .navbar-right li.active { background: #e3d7be; font-family: 'AvenirLTStdBlack'; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear; left: -2px; } header .navbar a:hover { border-color: #ee6a00; opacity: .3; } header .navbar .navbar-right li.active a:before { content: ""; padding: 0; } header .navbar .nav > li > a:focus, header .navbar .nav > li > a:hover { background: transparent; } header .navbar .navbar-nav > li > a { color:#222;position: relative; line-height: 1; padding: 0 20px; } header .navbar .dropdown-menu { border: none; border-radius: 0; min-width: 90px; top: 93%; background: #e5d8bb; } header .navbar .dropdown-menu > li { height: auto; padding: 0; color: #FFF; } header .navbar .dropdown-menu > li > a:before { content: ''; } header .navbar-toggle { border-color: #00a551; border-radius: 0; margin-top: 17px; } header .navbar-toggle .icon-bar { background: #00a551; } header .cl-effect a { overflow: hidden; padding: 2px 8px; } header .cl-effect a span { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } header .cl-effect a span::before { position: absolute; top: 100%; content: attr(data-hover); font-weight: 700; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .flags{vertical-align: middle;} #slider { width: 100%; } #slider img { width: 100%; } #slider .carousel-inner { top: -5px; } #slider .carousel-control.left { background: url(../img/arrow-left.png) no-repeat center center; } #slider .carousel-control.right { background: url(../img/arrow-right.png) no-repeat center center; } #slider .carousel-caption { bottom: auto; color: #FFF; font-size: 46px; text-transform: uppercase; text-shadow: none; top: 45%; } #slider .carousel-caption strong { font-family: 'AvenirLTStdHeavy'; } #banner { background: url(../img/banner.jpg) no-repeat 0 0; background-size: cover; padding: 100px 0; font-family: 'AvenirLTStdLight'; font-size: 30px; text-transform: uppercase; color: #fff; } #banner span { font-family: 'Satisfy', cursive; text-transform: none; font-size: 43px; } #banner h2 { font-size: 47px; } #banner_recetas { background: url(../img/banner_recetas.jpg) no-repeat 0 0; background-size: cover; padding: 100px 0; font-family: 'AvenirLTStdLight'; font-size: 30px; text-transform: uppercase; color: #fff; } #banner_recetas span { font-family: 'Satisfy', cursive; text-transform: none; font-size: 45px; } #banner_recetas h2 { font-size: 47px; } #ecommerce { padding: 50px 0; } #ecommerce aside .box {padding-top: 10px; padding-left:30px; } #ecommerce aside h3 { font-family: 'AvenirLTStdHeavy'; font-size: 18px; color: #eee0c2; border-bottom:#f5f5f5 1px solid;text-transform: uppercase; background: #fff; text-align: center; padding: 10px 0; } #ecommerce aside ul li { padding: 6px 0; border-bottom:#f5f5f5 1px solid; } #ecommerce aside ul li.active:before { font-family: 'FontAwesome'; content: "\f0da"; color: #eae5dd; display: inline-block; padding-right: 5px; } #ecommerce aside ul li.active > a { color: #787878; } #ecommerce aside ul li a { font-family: 'AvenirLTStdLight'; color: #bfbfbf; font-size: 14px; text-transform: uppercase; } #ecommerce .bx-prod { border: 1px solid #f5f5f5; padding: 10px; font-family: 'AvenirLTStdBook'; color: #8e8c8c; margin-bottom: 20px; } #ecommerce .bx-prod .fa { color: #eee0c2; } #ecommerce .bx-prod .bx-info { padding: 15px 0; } #ecommerce .bx-prod .bx-info h5 { text-transform: uppercase; text-align: center; font-size: 14px; font-weight:800; color:#222; opacity:0.5} #ecommerce .bx-prod .bx-info p { font-size: 13px;text-align: center; padding-top:10px; } #ecommerce .bx-prod a { display: block; background-color: #decaac; color: #fff; text-transform: uppercase; text-align: center; padding: 10px 0; outline: none; } #ecommerce .bx-prod a:hover { background: #222; transition: all 0.3s ease; } #ecommerceint { padding: 50px 0; } #ecommerceint aside .box { padding: 30px; } #ecommerceint aside h3 { font-family: 'AvenirLTStdHeavy'; font-size: 18px; color: #545252; text-transform: uppercase; background: #eee0c2; text-align: center; padding: 10px 0; } #ecommerceint aside ul li { padding: 6px 0; } #ecommerceint aside ul li.active:before { font-family: 'FontAwesome'; content: "\f0da"; color: #eae5dd; display: inline-block; padding-right: 5px; } #ecommerceint aside ul li.active > a { color: #787878; } #ecommerceint aside ul li a { font-family: 'AvenirLTStdLight'; color: #bfbfbf; font-size: 14px; text-transform: uppercase; } #ecommerceint .bx-prodint { padding: 10px; font-family: 'AvenirLTStdBook'; color: #8e8c8c; margin-bottom: 20px; } #ecommerceint .bx-prodint .fa { color: #3fc353; } #ecommerceint .bx-prodint .bx-infoint { padding: 15px 0; } #ecommerceint .bx-prodint .bx-infoint h5 { color: #333;font-size: 20px; text-transform: uppercase; font-weight:800; padding-bottom:10px;} #ecommerceint .bx-prodint .bx-infoint h4 { font-size: 16px; text-transform: uppercase; font-weight:800; padding-bottom:10px; padding-top:10px;} #ecommerceint .bx-prodint .bx-infoint p { font-size: 14px; } #ecommerceint .bx-prodint a { display: block; background-color: #333336; color: #fff; text-transform: uppercase; text-align: center; padding: 10px 0; outline: none; } #ecommerceint .bx-prodint a:hover { background: #3fc353; transition: all 0.3s ease; } #ecommerce_recetas { padding: 50px 0; } #ecommerce_recetas aside .box { padding-top: 10px; padding-left:30px; padding-right:30px; } #ecommerce_recetas aside h3 { padding-left:10px; font-family: 'Satisfy', cursive; font-size:40px; color: #222; text-align: center; padding: 10px 0; } #ecommerce_recetas aside ul { padding: 6px 0; padding-bottom:20px;} #ecommerce_recetas aside ul li { padding: 6px 0; border-bottom:#f5f5f5 1px solid;} #ecommerce_recetas aside ul li.active:before { font-family: 'FontAwesome'; content: "\f0da"; color: #eae5dd; display: inline-block; padding-right: 5px; } #ecommerce_recetas aside ul li.active > a { color: #787878; } #ecommerce_recetas aside ul li a { font-family: 'AvenirLTStdLight'; color: #bfbfbf; font-size: 13px; text-transform: uppercase; } #ecommerce_recetas .bx-prod_recetas { border: 1px solid #ededed; padding: 10px; font-family: 'AvenirLTStdBook'; color: #8e8c8c; margin-bottom: 20px; } #ecommerce_recetas .bx-prod_recetas .fa { color: #3fc353; } #ecommerce_recetas .bx-prod_recetas .bx-info_recetas { padding: 15px 0;} #ecommerce_recetas .bx-prod_recetas .bx-info_recetas h5 { font-size: 20px; font-family: 'Satisfy', cursive; font-weight:300; text-align:center; } #ecommerce_recetas .bx-prod_recetas .bx-info_recetas p { font-size: 14px; } #ecommerce_recetas .bx-prod_recetas a { display: block; background-color: #e5d8bb; color: #222; text-transform: uppercase; text-align: center; padding: 10px 0; outline: none; font-weight:500;} #ecommerce_recetas .bx-prod_recetas a:hover { background: #ee6a00; transition: all 0.3s ease;color: #fff; } .mod-prod .modal-content { padding: 20px; border-radius: 0; } .mod-prod .modal-content .fa { color: #363636; font-size: 20px; padding: 0 20px; } .mod-prod .modal-content .modal-body { padding: 50px; } .mod-rec .modal-content .modal-body { padding: 15px; } .mod-prod .modal-content .bx-info { color: #8e8c8c; min-height: 300px; overflow: hidden; position: relative; } .mod-prod .modal-content .bx-info h5 { font-family: 'AvenirLTStdBlack'; font-size: 17px; text-transform: uppercase; padding: 15px 0; } .mod-prod .modal-content .bx-info p { font-family: 'AvenirLTStdBook'; font-size: 14px; } .mod-prod .modal-content .bx-info .wp-btn { position: absolute; 0; width: 100%; } .mod-prod .modal-content .bx-img .wp-btn { position: absolute 0; width: 100%; } .mod-prod .modal-content .bx-img .wp-btn-fb { position: absolute 0; width: 100%; } .mod-prod .modal-content .bx-info a { font-family: 'AvenirLTStdHeavy'; display: block; text-align: center; padding: 10px 0; margin: 10px 0; text-transform: uppercase; font-size: 13px; } .mod-prod .modal-content .bx-img a { font-family: 'AvenirLTStdHeavy'; display: block; text-align: center; padding: 10px 0; margin: 10px 0; text-transform: uppercase; font-size: 13px; } .mod-prod .modal-content .bx-info a.bt1 { color: #383334; background-color: #eae5dd; } .mod-prod .modal-content .bx-img a.bt1 { color: #383334; background-color: #eae5dd; } .mod-prod .modal-content .bx-info a.bt2 { color: #fff; background-color: #21b538; } .mod-prod .modal-content .bx-img a.bt2 { color: #fff; background-color: #21b538; } .mod-prod .modal-content .bx-img a.bt3 { color: #fff; background-color: #3e5b98; } .mod-prod .modal-content a.socicon-facebook:hover,.colorizesocial a.socicon-facebook { background: #3e5b98; } #mod-prod_recetas .modal-content_recetas { padding: 20px; border-radius: 0; } #mod-prod_recetas .modal-content_recetas .fa { color: #363636; font-size: 20px; padding: 0 20px; } #mod-prod_recetas .modal-content_recetas .modal-body_recetas { padding: 50px; } #mod-prod_recetas .modal-content_recetas .bx-info_recetas { color: #8e8c8c; min-height: 300px; overflow: hidden; position: relative; } #mod-prod_recetas .modal-content_recetas .bx-info_recetas h5 { font-family: 'AvenirLTStdBlack'; font-size: 17px; text-transform: uppercase; padding: 15px 0; } #mod-prod_recetas .modal-content_recetas .bx-info_recetas p { font-family: 'AvenirLTStdBook'; font-size: 14px; } #mod-prod_recetas .modal-content_recetas .bx-info_recetas .wp-btn { position: absolute; bottom: 0; width: 100%; } #mod-prod_recetas .modal-content_recetas .bx-info_recetas a { font-family: 'AvenirLTStdHeavy'; display: block; text-align: center; padding: 10px 0; margin: 10px 0; text-transform: uppercase; font-size: 13px; } #mod-prod_recetas .modal-content .bx-info_recetas a.bt1 { color: #383334; background-color: #eae5dd; } #mod-prod_recetas .modal-content_recetas .bx-info_recetas a.bt2 { color: #fff; background-color: #21b538; } .parallax-window { min-height: 400px; background: transparent; } #conocer { background: url(../img/conoce.jpg) no-repeat; background-size: cover; color: #FFF; font-size: 32px; margin-top: -5px; padding: 0px 0; text-transform: uppercase; } #conocer span { font-family: 'Bad Script', cursive;font-size: 55px; text-transform: none; } #conocer strong { font-family: 'AvenirLTStdMedium'; } #conocer a { margin-top: 50px; } #conocer .luarels { background: url(../img/laurel1.png) no-repeat left center, url(../img/laurel2.png) no-repeat right center; } a.bt { background: #e5d8bb; color: #545252; display: inline-block; font-family: 'AvenirLTStdHeavy'; font-size: 18px; line-height: 60px; padding: 0 60px; text-transform: uppercase; transition: all 0.3s ease; } a.bt:hover { background: #fff; color: #e5d8bb; } #about { /*background: url(../img/acerca.jpg);*/ background-size: 50% auto; color: #FFF; } #about .col-md-6 { background:#e5d8bb; padding: 125px 85px; } #about .col-md-6 h1 { font-family: 'AvenirLTStdBlack'; font-size: 28px; margin-bottom: 40px; text-transform: uppercase; } #about .col-md-6 p { font-family: 'AvenirLTStdHeavy'; font-size: 15px; line-height: 2.2; } #productos { background: url(../img/detail.jpg) repeat-x top; padding: 60px 0 140px; text-align: center; } #productos h1 { color: #504d44; font-family: 'AvenirLTStdHeavy'; font-size: 28px; margin-bottom: 65px; text-transform: uppercase; } #productos h1 span { font-family: 'Bad Script', cursive; font-size: 45px; text-transform: none; letter-spacing:-1px; } #productos h1 span.line { background: #504d44; display: inline-block; height: 3px; margin: 0 12px; position: relative; top: -12px; width: 55px; } #productos a { background: #f3f3f3; border: 5px solid transparent; border-radius: 50%; display: inline-block; height: 165px; margin: 15px; overflow: hidden; opacity: 1; width: 165px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } #productos a { background: transparent; border: 5px solid #f3f3f3; border-radius: 15%; display: inline-block; height: 165px; margin: 15px; overflow: hidden; opacity: 1; width: 165px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } #productos a:hover { border-color: #00a551; opacity: .5; } #productos h2 { color: #616161; font-size: 16px; line-height: 1.5; padding: 10px 0; margin-bottom: 65px; font-weight:800; font-family: 'Bad Script', cursive; } #productos .ch-grid { margin: 20px 0 50px; padding: 0; list-style: none; display: block; text-align: center; width: 100%; } #productos .ch-grid:after, #productos .ch-item:before { content: ''; display: table; } #productos .ch-grid:after { clear: both; } #productos .ch-grid li { width: 200px; height: 200px; display: inline-block; margin: 20px; } #productos .ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; -webkit-perspective: 900px; -moz-perspective: 900px; -o-perspective: 900px; -ms-perspective: 900px; perspective: 900px; } #productos .ch-info { position: absolute; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } #productos .ch-info > div { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: center center; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; } #productos .ch-info .ch-info-front { background-size: cover; } #productos .ch-info .ch-info-back { opacity: 0.2; } #productos .ch-info h3 { color: #fff; text-transform: uppercase; font-size: 18px; padding: 90px 0 0 0; } #productos .ch-item:hover .ch-info-front { opacity: 0.2; } #productos .ch-item:hover .ch-info-back { opacity: 1; } #recetas { /*background: url(../img/recetas.jpg) no-repeat;*/ background-size: cover; padding: 100px 0 65px; } #recetas h1 { color: #fff; font-family: 'AvenirLTStdRoman'; font-size: 32px; margin-bottom: 35px; text-transform: uppercase; letter-spacing:-1px; } #recetas h1 span {font-family: 'Bad Script', cursive; font-size:50px; text-transform: none; color: #FFF;} #recetas p {color: #fff; font-size: 18px; margin-bottom: 25px; padding: 10px 0; text-transform: uppercase; } #recetas p.small { border: none; color: #fff; font-family: 'Bad Script', cursive; font-size: 21px; margin-bottom: 50px; padding: 0; text-transform: none; } #contacto_2{ background: url(../img/slide.jpg) no-repeat; background-size: cover; padding: 100px 0 65px; } #contacto_2 h1 { color: #222; font-family: 'SmoothieShoppe'; font-size: 20px; margin-bottom: 0px; } #contacto_2 h1 span { font-family: 'SmoothieShoppe'; font-size: 52px; text-transform: none; } #contacto_2 p { color: #404247; font-size: 18px; margin-bottom: 25px; padding: 10px 0; text-transform: uppercase; } #contacto_2 p.small { border: none; color: rgba(0, 0, 0, 0.5); font-family: 'AvenirLTStdRoman'; font-size: 14px; margin-bottom: 50px; padding: 0; text-transform: none; } #contacto_form{ background: url(../img/contacto_form.jpg) no-repeat; background-size: cover; padding: 100px 0 65px; } #contacto_form h1 { color: #222; font-family: 'SmoothieShoppe'; font-size:40px; margin-bottom: 0px; } #contacto_form h1 span { font-family: 'SmoothieShoppe'; font-size: 52px; text-transform: none; } #contacto_form p { color: #404247; font-size: 18px; margin-bottom: 25px; padding: 10px 0; text-transform: uppercase; } #contacto_form p.small { border: none; color: rgba(0, 0, 0, 0.5); font-family: 'AvenirLTStdRoman'; font-size: 14px; margin-bottom: 50px; padding: 0; text-transform: none; } #contacto_form .msg_contacto { margin-left:10px;color:#00a551;font-weight:bold;font-size:1.2em;} #contacto_form .col-md-6 { background:#222; padding: 50px 85px; } #contacto_form .col-md-6 h1 {font-family: 'AvenirLTStdRoman'; font-size: 28px; margin-top: 50px; color:#FFF; text-transform:uppercase; } #contacto_form .col-md-6 p { font-family: 'AvenirLTStdHeavy'; font-size: 14px; line-height: 2.2; text-align:justify; } input[type="text"], textarea, textarea.form-control { height: 50px; margin: 0; padding: 0 20px; vertical-align: middle; background: #f8f8f8;border: 1px solid #ddd; font-family: 'AvenirLTStdLight', Arial, Tahoma, Sans-serif;font-size: 14px;font-weight: 300; line-height: 50px;color: #888; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}textarea, textarea.form-control { padding-top: 10px; padding-bottom: 10px; line-height: 30px; } input[type="text"]:focus, textarea:focus,textarea.form-control:focus { outline: 0; background: #fff; border: 1px solid #ccc; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type="text"]:-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #888; } input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #888; }input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #888; } button.btn { width:100%; background: #e4ddcb; color: #FFF; font-family: 'AvenirLTStdHeavy'; font-size: 14px; line-height: 60px; padding: 0 50px; text-transform: uppercase; transition: all 0.3s ease; border-radius:0px; margin:auto; } button.btn:hover { background: #222; color: #fff; } .form-box { /* padding-top: 60px;*/ } .form-top { overflow: hidden; padding: 0 25px 35px 00px; background: #e4ddcb; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; text-align: center; } .form-top-left { float: left; width: 100%; padding-top: 25px; } .form-top-left h3 { margin-top: 0; } .form-top-right { float: left; width: 25%; padding-top: 5px; font-size: 66px; color: #ddd; line-height: 100px; text-align: right; } .form-bottom { padding: 25px 25px 30px 25px; background: #eee; text-align: left; } .form-bottom form textarea { height: 150px; } .form-bottom form .input-error { border-color: #19b9e7; } footer { background: url(../img/detail3.jpg) repeat-x top #222; color: #FFF; font-family: 'AvenirLTStdMedium'; font-size: 16px; } footer .container { padding: 90px 0 120px; } footer .col-md-6:first-child {font-family: 'Bad Script', cursive; font-size: 60px; padding-top: 40px; padding-left:30px; letter-spacing:-3px; } footer .col-md-6:last-child { line-height: 2.5; } footer .col-md-6:last-child i { font-size: 25px; margin-right: 15px; } footer img { display: block; margin-bottom: 35px; } footer a { color: #FFF; } footer .bottom { background-color: #e5d8bb; color: #494949; font-family: 'AvenirLTStdBook'; font-size: 12px; padding: 45px 0; text-align: center; } /* Google Nexus 7 */ @media screen and (max-width: 960px) { header .navbar .navbar-nav > li > a { padding: 0 5px; } } /* Google Nexus 10 */ /* iPhone 6 Plus */ @media screen and (max-width: 736px) { .navbar-collapse { background: #f8f8f8; } header .navbar .navbar-right li { height: 30px; padding: 10px 0; } header .navbar .navbar-nav > li > a { border-right: none; } header .navbar .navbar-nav > li > a:before { content: ""; padding: 0; } header .navbar .social { margin-top: 117px; } #slider .carousel-caption { font-size: 32px; top: 42%; } #about, footer { overflow: hidden; } #about .row, footer .row { margin: 0; max-width: 100%; } #recetas .col-sm-6:first-child { margin-bottom: 30px; } footer { text-align: center; } footer .col-md-6:first-child { padding-top: 0; padding-bottom: 30px; } footer img { margin: 0 auto 35px; } footer .container { padding: 60px 0; } } /* iPhone 6 */ /* BB Z30 */ /* BB PlayBook / Google Nexus 7 */ @media screen and (max-width: 600px) { #conocer .luarels { padding-left: 60px; padding-right: 60px; } #about .col-md-6 { padding: 60px; } } /* iPhone 5 */ @media screen and (max-width: 568px) { #slider .carousel-control.right, #slider .carousel-control.left { background-size: 20%; } #slider .carousel-caption { font-size: 26px; top: 39%; } #conocer { font-size: 24px; } #conocer span { font-size: 40px; } a.bt { font-size: 14px; line-height: 45px; padding: 0 50px; } #productos h1 { font-size: 18px; } #productos h1 span { font-size: 38px; } #productos h1 span.line { top: -6px; } #recetas h1 { font-size: 21px; } #recetas h1 span { font-size: 36px; } footer .col-md-6:first-child { font-size: 45px; } } /* Nokia Lumia 520 */ /* iPhone 4 */ /* iPhone 6 Plus */ /* Google Nexus 4 */ @media screen and (max-width: 384px) { #conocer a { margin-top: 15px; } #productos h1 span.line { display: none; } } /* iPhone 6 */ /* BB Z30 */ /* iPhone 4 */ @media screen and (max-width: 320px) { #slider .carousel-caption { font-size: 20px; top: 30%; } }