/*=========================================================
Author       : Bestwebcreator.
Template Name: Organiq - Organic Food HTML Template
Version      : 1.0
==============================================================*/

/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, overlay, section-padding etc)
    02. START HEADER DESIGN
	03. START BANNER SECTION
	04. START BANNER BOX SECTION
	05. START WHY CHOOSE US SECTION
	06. START PRODUCT SECTION
	07. START DEAL OF THE DAY SECTION
	08. START TESTIMONIAL SECTION
	09. START BLOG SECTION
	10. START NEWLETTER SECTION
	11. START PRICING TABLE SECTION
	12. START FOOTER
	13. START GALLERY SECTION
	14. START ELEMENT DESIGN
=============================================================*/

/*===================================*
  01. GENERAL STYLE - TRY : html { font-size: 62.5%; }
*===================================*/

* {
 	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	background: #ffffff none repeat scroll 0 0;
    color: #636363;
    font-family: 'Poppins', sans-serif;
    font-size: 1.1rem;
	line-height: 20px;
	-webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
	overflow-X: hidden;
}

@media screen and (max-width: 768px) {
  html, body {
      
/*    font-size: 0.93rem;  */
    font-size: 62.5%;
  }
}

h1,h2,h3,h4,h5,h6 {
	color: #333333;
	font-family: 'Lobster Two', cursive;
}
p {
	color:#636363;
	font-size: 1.11rem;
	line-height: 26px;
	font-weight: 500;
}
a {
	color: #2f303c;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover {
	color: #07d765;
	text-decoration: none;
}
a:focus {
	outline: none;
	text-decoration: none;
}

b {
	color: #333;
	font-weight: 700;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
button {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
img {
	max-width: 100%;
}
ul,li,ol {
	margin: 0;
	padding: 0;
}
fieldset {
	border: 0 none;
	margin: 0 auto;
	padding: 0;
}
input:focus,
textarea:focus {
	outline: none;
	box-shadow:  none !important;
}
iframe {
	border: 0;
}
.table {
	margin: 0;
}
.mark, mark {
	padding-top: 0;
	padding-bottom: 0;
}
section {
	padding: 31px 0;
	position:relative;
	width: 100%;
	z-index: 1;
}
section.small_pt,
.small_pt,
.top_footer.small_pt {
	padding-top: 50px;
}
section.small_pb,
.small_pb,
.top_footer.small_pb {
	padding-bottom: 50px;
}
.small_padding {
    padding: 30px;
}
.medium_padding {
    padding: 50px;
}
.large_padding {
    padding: 100px;
}
section.pb_20,.pb_20 {
	padding-bottom: 20px;
}
section.pb_70,.pb_70 {
	padding-bottom: 70px;
}
.small_divider {
	height: 30px;
}
.medium_divider {
	height: 50px;
}
.large_divider {
	height: 100px;
}
.padding_eight_all {
	padding: 8%;
}
.padding_eight_lr {
	padding: 0 8%;
}
.padding_eight_tb {
	padding: 8% 0;
}
.list_none li {
	list-style:none;
}
.order_list,
.disc_list {
	padding-left: 15px;
}

/*  Botones Modernos */

        .button-group {
            display: flex;
            flex-wrap: wrap; /* Para que se ajusten en pantallas pequeñas */
            gap: 20px; /* Espacio entre botones */
            justify-content: center;
        }

        /* Estilo base para todos los botones */
        .btn {
            padding: 5px 9px;
            border: none;
            border-radius: 11px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            min-width: 75px; /* Ancho mínimo para consistencia */
        }

        .btn i {
            margin-right: 10px;
            font-size: 1.1em;
        }
        
        /* Botón 0: "Ver ficha" - Cyan */
        .btn-ficha {
            background: linear-gradient(135deg, #17a2b8, #117a8b); /* Teal/Cian */
            color: white;
            box-shadow: 0 4px 15px rgba(23, 162, 184, 0.3);
        }

        .btn-ficha:hover {
            background: linear-gradient(135deg, #117a8b, #0c5460);
            transform: translateY(-3px) scale(1.03);
            color: white;
            box-shadow: 0 6px 20px rgba(23, 162, 184, 0.5);
        }

        .btn-ficha:active {
            transform: translateY(-1px) scale(0.98);
            box-shadow: 0 2px 10px rgba(23, 162, 184, 0.4);
        }
        
        /* Botón 1: "Me Gusta" - Estilo Neón Sutil */
        .btn-like {
            background: linear-gradient(135deg, #007bff, #0056b3); /* Azul vibrante */
            color: white;
            box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
        }

        .btn-like:hover {
            background: linear-gradient(135deg, #0056b3, #003d80);
            transform: translateY(-3px) scale(1.03);
            color: white;
            box-shadow: 0 6px 20px rgba(0, 123, 255, 0.5);
        }

        .btn-like:active {
            transform: translateY(-1px) scale(0.98);
            box-shadow: 0 2px 10px rgba(0, 123, 255, 0.4);
        }

        /* Botón 2: "Cotizar" - Estilo Gradiente Tecnológico */
        .btn-quote {
            background: linear-gradient(135deg, #6f42c1, #4a148c); /* Púrpura tecnológico */
            color: white;
            border:1px solid black;
            box-shadow: 0 4px 15px rgba(111, 66, 193, 0.3);
        }

        .btn-quote:hover {
            background: linear-gradient(135deg, #4a148c, #380f6b);
            transform: translateY(-3px) scale(1.03);
            box-shadow: 0 6px 20px rgba(111, 66, 193, 0.5);
        }

        .btn-quote:active {
            transform: translateY(-1px) scale(0.98);
            box-shadow: 0 2px 10px rgba(111, 66, 193, 0.4);
        }


        /* Botón 3: "Preguntar" - Estilo Minimalista con Borde Iluminado */
        .btn-ask {
            background-color: transparent;
            color: #8a99ff; /* Color del texto igual al título para cohesión */
            border: 2px solid #8a99ff;
            box-shadow: 0 0 0px #8a99ff; /* Sombra inicial */
        }

        .btn-ask:hover {
            background-color: rgba(138, 153, 255, 0.1); /* Fondo sutil al pasar el ratón */
            color: #a8b5ff;
            border-color: #a8b5ff;
            transform: translateY(-3px) scale(1.03);
            box-shadow: 0 0 15px rgba(138, 153, 255, 0.4); /* Efecto de brillo */
        }

        .btn-ask:active {
            transform: translateY(-1px) scale(0.98);
            box-shadow: 0 0 8px rgba(138, 153, 255, 0.3);
        }

        /* Estilos para el mensaje de interacción */
        #message {
            margin-top: 30px;
            padding: 10px 15px;
            background-color: #3a3a4f;
            border-left: 4px solid #8a99ff;
            border-radius: 5px;
            color: #e0e0e0;
            font-size: 14px;
            display: none; /* Oculto por defecto */
        }



.btn:focus,.btn:hover,.btn.active {
	outline: medium none;
	box-shadow: none;
}
button:focus {
	outline:none;
}
/* .btn {
	border-width: 2px;
	cursor: pointer;
	padding: 7px auto;
	margin: auto;
	height:36px;
	text-transform: uppercase;
	font-weight: 500;
	transition: all 0.5s ease-in-out;
	position: relative;
	overflow: hidden;
	z-index: 1;
} */
.btn-default {
	background-color: #07d765;
	border-color: #07d765;
	color: #ffffff !important;
	padding: 7px 11px;
}
.btn-default:hover,.btn-default.focus, .btn-default:focus {
	background-color: #00a735;
	border-color: #00a735;
	color: #fff;
}
.btn-white {
	background-color: #ffffff;
	border-color: #333;
	color: #07d765 !important;
	padding: 7px 11px;
	border-radius: 15px;
}
.btn-blue {
	background-color: #00f;
	border-color: #fff;
	color: #fff !important;
	padding: 7px 11px;
}
.btn-gray {
	background-color: gray;
	border-color: #fff;
	color: #fff !important;
	padding: 7px 11px;
}
.btn-orange {
	background-color: orange;
	border-color: #fff;
	color: #fff !important;
	padding: 7px 11px;
}
.btn-white:hover {
	background-color: green;
	border-color: #333;
	color: #fff !important;
}
.btn-black:hover {
	background-color: #ffffff;
	color: #333;
}
.btn-outline-black {
	background-color: transparent;
	border: 2px solid #333;
	color: #333;
	padding: 7px 11px;
}
.btn-outline-black:hover {
	background-color: #333;
	color: #fff;
}
.btn-outline-default {
	background-color: transparent;
	border: 2px solid #07d765;
	color: #07d765 !important;
	padding: 7px 11px;
}
.btn-outline-default:hover {
	background-color: #07d765;
	color: #fff !important;
}
.btn-borderd::before {
	border-radius: .25rem;
	content: "";
	position: absolute;
	left: -8px;
	top: -8px;
	right: -8px;
	bottom: -8px;
	border: 2px solid #333;
	transition: all 0.5s ease-in-out;
}
.rounded-0.btn-borderd::before {
	border-radius: 0;
}
.btn-borderd {
	position: relative;
	margin: 8px;
	overflow: visible;
}
.btn-default.btn-borderd::before {
	border-color: #07d765;
}
.btn-default.btn-borderd:hover:before {
	border-color: #00a735;
}
.btn-white.btn-borderd::before {
	border-color: #ffffff;
}
.btn-white.btn-borderd:hover:before {
	border-color: #333333;
}


.btn-radius,
.pr-radius,
.btn-radius.btn-borderd:before {
	border-radius: 50px !important;
}
.btn + .btn {
	margin-left: 10px;
}
.btn i {
	font-size: 16px;
	vertical-align: middle;
	line-height: 1;
}
.btn span {
    font-size: 14px;
}
.btn-group-sm > .btn, .btn-sm {
    padding: 7px 15px;
}
.btn-group-lg > .btn, .btn-lg {
    padding: 14px 35px;
}
.btn-xs {
    padding: 4px 11px;
    font-size: 0.69rem;
}
.btn-md {
    padding: 10px 20px;
    font-size: 0.93rem;
}
.btn.btn-xs i {
    font-size: 0.69rem;
}
.btn.btn-sm i {
    font-size: 0.93rem;
}
.btn.btn-lg i {
    font-size: 0.1.1rem;
}
.radius_all_5 {
	border-radius: 5px;
}
.radius_all_10 {
	border-radius: 10px;
}
.radius_ltrt_5 {
	border-radius: 5px 5px 0 0;
}
.radius_ltrt_10 {
	border-radius: 10px 10px 0 0;
}
.radius_lbrb_5 {
	border-radius: 0 0 5px 5px;
}
.radius_lbrb_10 {
	border-radius: 0 0 10px 10px;
}
.radius_ltlb_5 {
	border-radius: 5px 0 0 5px;
}
.radius_ltlb_10 {
	border-radius: 10px 0 0 10px;
}
.radius_rtrb_10 {
	border-radius: 0 10px 10px 0;
}
.box_shadow1 {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.box_shadow2 {
	box-shadow: 0px 4px 20px rgba(101, 101, 101, 0.1);
}
.box_shadow3 {
	box-shadow: 0 5px 5px rgba(0,0,0,0.15);
}
.box_shadow4 {
	box-shadow: 0 0px 20px rgba(0,0,0,0.10);
}
.box_shadow5 {
	box-shadow: 0 0px 5px rgba(0,0,0,0.20);
}
.heading_s1 h1,.heading_s1 h2, .heading_s1 h3, .heading_s1 h4, .heading_s1 h5, .heading_s1 h6,
.heading_s2 h1,.heading_s2 h2, .heading_s2 h3, .heading_s2 h4, .heading_s2 h5, .heading_s2 h6,
.heading_s3 h1,.heading_s3 h2, .heading_s3 h3, .heading_s3 h4, .heading_s3 h5, .heading_s3 h6 {
	margin-bottom: 0px;
	text-transform: capitalize;
}
.heading_s1,
.heading_s2,
.heading_s3 {
	margin-bottom: 25px;
	position: relative;
}
.heading_s1 h1,.heading_s1 h2, .heading_s1 h3, .heading_s1 h4, .heading_s1 h5, .heading_s1 h6 {
	font-weight: bold;
}
.heading_s1 h1, .heading_s2 h1, .heading_s3 h1 {
	font-size: 48px;
}
.heading_s1 h2,
.heading_s2 h2,
.heading_s3 h2 {
	font-size: 40px;
}
.heading_s2 h1,.heading_s2 h2, .heading_s2 h3, .heading_s2 h4, .heading_s2 h5, .heading_s2 h6  {
	font-weight: 600;
}
.heading_s3 h1,.heading_s3 h2, .heading_s3 h3, .heading_s3 h4, .heading_s3 h5, .heading_s3 h6  {
	font-weight: normal;
}
.heading_s2 h1,.heading_s2 h2, .heading_s2 h3, .heading_s2 h4, .heading_s2 h5, .heading_s2 h6,
.heading_s3 h1,.heading_s3 h2, .heading_s3 h3, .heading_s3 h4, .heading_s3 h5, .heading_s3 h6 {
	font-family: 'Poppins', sans-serif;
}
.sub_heading {
	color: #07d765;
	padding-bottom: 10px;
	display: block;
}
.heading_s3 .sub_heading {
	color: #000;
	font-size: 120px;
	line-height: 0.8;
	font-weight: bold;
	padding: 0;
	margin-bottom: -45px;
	opacity: 0.05;
	z-index: -1;
	position: relative;
}

tb1 {
	color: #000;
	font-size: 1.6rem;
	font-family: 'Poppins', sans-serif;
	line-height: 0.8;
	font-weight: bold;
	padding: 0;
	opacity: 0.05;
	z-index: 1;
}

.heading_light > * {
	color: #fff;
}
.heading_s1.heading_light::before,
.heading_s1.heading_light::after {
	background-color: #ffffff;
}
.text_uppercase * {
	text-transform: uppercase;
}	
.form-control,
.form-control:focus,
.custom-file-input:focus ~ .custom-file-label {
	color: #666666;
	box-shadow: none;
}
.form-control {
	height: 36px;
	padding: 3px 11px;
	font-size: 1.0rem;
}
.form-control::-webkit-input-placeholder {
	color:#333;
	opacity:1
}
.form-control::-moz-placeholder {
	color:#333;
	opacity:1
}
.form-control:-ms-input-placeholder {
	color:#333;
	opacity:1
}
.form-control::-ms-input-placeholder {
	color:#333;
	opacity:1
}
.form-control::placeholder {
	color:#333;
	opacity:1
}
.form_style1 .form-control,.form_style1 .form-control:focus,.form_style1 button {
	border-radius: 50px;
}
.form_style1 textarea.form-control,.form_style1 textarea.form-control:focus {
	border-radius: 35px;
}
.form_style2 .form-control,.form_style2 .form-control:focus,.form_style2 button {
	border-radius: 0px;
}
.form_transparent .form-control,.form_transparent .form-control:focus, .form_transparent .custom-file-input:focus ~ .custom-file-label {
	background-color: transparent;
	color: #fff;
	border-color: rgba(255, 255, 255, 0.4);
}
.form_transparent .form-control::placeholder {
    color: #fff;
}
.form_transparent .form-control::placeholder {
    color: #fff;
}
.form_transparent .form-control::placeholder {
    color: #fff;
}
.form_transparent .form-control::placeholder {
    color: #fff;
}
.font_style1 {
	font-family: 'Poppins', sans-serif;
}
.text_white {
	color: #fff;
}
.text_dark {
	color: #333 !important;
}
.text_blue {
	color: #00F !important;
}
.text_green {
	color: green !important;
}
.text_orange {
	color: orange !important;
}
.text_default {
	color: #07d765 !important;
}
.text_light_green {
	color: #B3D369 !important;
}
.text_danger {
	color: #F5576C !important;
}
.text_warning {
	color: #f5bf2f !important;
}
.overflow_hide {
	overflow: hidden;
}
.scrollup {
	background-color: #2f2f2f;
	border-radius: 100%;
	bottom: 20px;
	color: #ffffff;
	font-size: 24px;
	height: 40px;
	line-height: 40px;
	position: fixed;
	right: 20px;
	text-align: center;
	width: 40px;
	z-index: 99;
}
.scrollup:hover {
	background-color: #07d765;
	color: #fff;
}
.scrollup:focus {
	color:#fff;
}
.bg_size_auto {
    background-size: auto !important;
}
.bg_size_contain {
	background-size: contain !important;
}
.bg_repeat {
    background-repeat: repeat !important;
}
.position_top_center {
    background-position: top center !important;
}
.position_center_bottom {
    background-position: center bottom !important;
}
.position_right_center {
    background-position: right center !important;
}
.position_right_bottom {
    background-position: right bottom !important;
}
.bg_fixed {
    background-attachment: fixed !important;
}
.z_index_minus1 * {
	z-index: -1;
	position: relative;
}
.overlay_bg_90,
.overlay_bg_80,
.overlay_bg_70,
.overlay_bg_60,
.overlay_bg_50,
.overlay_bg_40,
.overlay_bg_30,
.overlay_bg_30,
.overlay_bg_20,
.overlay_bg_10,
.overlay_bg_dark_90,
.overlay_bg_dark_80,
.overlay_bg_dark_70,
.overlay_bg_dark_60,
.overlay_bg_dark_50,
.overlay_bg_dark_40,
.overlay_bg_dark_30,
.overlay_bg_dark_30,
.overlay_bg_dark_20,
.overlay_bg_dark_10,
.overlay_bg_default_90,
.overlay_bg_default_80,
.overlay_bg_default_70,
.overlay_bg_default_60,
.overlay_bg_default_50,
.overlay_bg_default_40,
.overlay_bg_default_30,
.overlay_bg_default_20,
.overlay_bg_default_10 {
	position: relative;
}
.overlay_bg_90::before,
.overlay_bg_80::before,
.overlay_bg_70::before,
.overlay_bg_60::before,
.overlay_bg_50::before,
.overlay_bg_40::before,
.overlay_bg_30::before,
.overlay_bg_30::before,
.overlay_bg_20::before,
.overlay_bg_10::before,
.overlay_bg_dark_90:before,
.overlay_bg_dark_80:before,
.overlay_bg_dark_70:before,
.overlay_bg_dark_60:before,
.overlay_bg_dark_50:before,
.overlay_bg_dark_40:before,
.overlay_bg_dark_30:before,
.overlay_bg_dark_20:before,
.overlay_bg_dark_10:before,
.overlay_bg_default_90:before,
.overlay_bg_default_80:before,
.overlay_bg_default_70:before,
.overlay_bg_default_60:before,
.overlay_bg_default_50:before,
.overlay_bg_default_40:before,
.overlay_bg_default_30:before,
.overlay_bg_default_20:before,
.overlay_bg_default_10:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}
.overlay_bg_90::before {
	background-color: rgba(0, 0, 0, 0.90);
}
.overlay_bg_80::before {
	background-color: rgba(0, 0, 0, 0.80);
}
.overlay_bg_70::before {
	background-color: rgba(0, 0, 0, 0.70);
}
.overlay_bg_60::before {
	background-color: rgba(0, 0, 0, 0.60);
}
.overlay_bg_50::before {
	background-color: rgba(0, 0, 0, 0.50);
}
.overlay_bg_40::before {
	background-color: rgba(0, 0, 0, 0.40);
}
.overlay_bg_30::before {
	background-color: rgba(0, 0, 0, 0.30);
}
.overlay_bg_20::before {
	background-color: rgba(0, 0, 0, 0.20);
}
.overlay_bg_10::before {
	background-color: rgba(0, 0, 0, 0.10);
}
.overlay_bg_default_90:before {
	background-color: rgba(7, 215, 101, 0.90);
}
.overlay_bg_default_80:before {
	background-color: rgba(7, 215, 101, 0.80);
}
.overlay_bg_default_70:before {
	background-color: rgba(7, 215, 101, 0.70);
}
.overlay_bg_default_60:before {
	background-color: rgba(7, 215, 101, 0.60);
}
.overlay_bg_default_50:before {
	background-color: rgba(7, 215, 101, 0.50);
}
.overlay_bg_default_40:before {
	background-color: rgba(7, 215, 101, 0.40);
}
.overlay_bg_default_30:before {
	background-color: rgba(7, 215, 101, 0.30);
}
.overlay_bg_default_20:before {
	background-color: rgba(7, 215, 101, 0.20);
}
.overlay_bg_default_10:before {
	background-color: rgba(7, 215, 101, 0.10);
}
.overlay_bg_dark_90::before {
	background-color: rgba(47, 48, 60, 0.90);
}
.overlay_bg_dark_80::before {
	background-color: rgba(47, 48, 60, 0.80);
}
.overlay_bg_dark_70::before {
	background-color: rgba(47, 48, 60, 0.70);
}
.overlay_bg_dark_60::before {
	background-color: rgba(47, 48, 60, 0.60);
}
.overlay_bg_dark_50::before {
	background-color: rgba(47, 48, 60, 0.50);
}
.overlay_bg_dark_40::before {
	background-color: rgba(47, 48, 60, 0.40);
}
.overlay_bg_dark_30::before {
	background-color: rgba(47, 48, 60, 0.30);
}
.overlay_bg_dark_20::before {
	background-color: rgba(47, 48, 60, 0.20);
}
.overlay_bg_dark_10::before {
	background-color: rgba(47, 48, 60, 0.10);
}
.bg_dark {
	background-color: #333 !important;
}
.bg_dark2 {
	background-color: #222 !important;
}
.bg_gray {
	background-color: #F7F7F7 !important;
}
.bg_gray_dark {
	background-color: #B2B2B2 !important;
}
.bg_gray_light {
	background-color: #ECE6E0 !important;
}
.bg_gray_silver {
	background-color: #f2f3f4 !important;
}

.bg_gray_purple {
	background-color: #E6E0F8 !important;
}
.bg_default {
	background-color: #07d765 !important;
}
.bg_light_green {
	background-color: #c2edd6 !important;
}
.bg_light_blue_n {
	background-color: #A9F5E1 !important;
}
.bg_light_yellow_n {
	background-color: #EEF27A !important;
}
.bg_light_yellow {
	background-color: #faeac8 !important;
}
.bg_light_blue {
	background-color: #d2e8f2 !important;
}
.bg_light_pink {
	background-color: #ffdbdc !important;
}
.bg_orange {
	background-color: #ff7d09 !important;
}
.bg_light_orange {
	background-color: #FD9C47 !important;
}
.bg_green {
	background-color: #07d765 !important;
}
.bg_red {
	background-color: #e92701 !important;
}
.bg_dark_orange {
	background-color: #ffc549 !important;
}
.bg_dark_pink {
	background-color: #f38888 !important;
}
.bg_dark_green {
	background-color: #a4cc36 !important;
}
.radius_all_5[class*="overlay_bg_"]:before{
	border-radius: 5px;
}
.radius_all_10[class*="overlay_bg_"]:before {
	border-radius: 10px;
}
.border_top_tran {
	border-top: 1px solid rgba(255,255,255,0.2);
}
.ripple .ion-play {
	padding-left: 4px;
}
.ripple {
	background-color: #FFFFFF;
	border-radius: 100%;
	color: #07d765;
	position: relative;
	display: inline-block;
	line-height: 78px;
	font-size: 30px;
	vertical-align: middle;
	height: 75px;
	width: 75px;
	text-align: center;
}
.ripple::before,.ripple::after {
	background-color: #ffffff;
	border-radius: 100%;
	margin: -20px;
	bottom: 0px;
	content: "";
	display: block;
	left: 0px;
	opacity: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index:-1;
	-webkit-animation-name: ripple_effect;
	-moz-animation-name: ripple_effect;
	-o-animation-name: ripple_effect;
	animation-name: ripple_effect;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}
.ripple::before {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}
.ripple::after {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
@-webkit-keyframes ripple_effect {
    0%{
        opacity:0;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        opacity:0.6;
    }
	100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ripple_effect {
    0%{
        opacity:0;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        opacity:0.6;
    }
	100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.bounceimg{
	-webkit-animation: bounceimg 2s ease-in-out 0s infinite alternate;
	animation: bounceimg 2s ease-in-out 0s infinite alternate;
}
@-webkit-keyframes bounceimg {
0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); 
}
50% {
   -webkit-transform: translateY(-10px);
     transform: translateY(-10px); 
} 
100% {
   -webkit-transform: translateY(-20px);
     transform: translateY(-20px); 
} 
}

@keyframes bounceimg {
0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); 
}
50% {
   -webkit-transform: translateY(-10px);
     transform: translateY(-10px); 
} 
100% {
   -webkit-transform: translateY(-20px);
     transform: translateY(-20px); 
  } 
}

/*Loader Css*/
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
	z-index: 999999;
}
.line-scale {
	margin: 0px auto;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	-moz-transform: translate(-50%);
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
}
.line-scale .line {
	width:4px;
	height:35px;
 	float: left;
	border-radius:2px;
	margin:2px;
	background-color:#07d765;
}
@-webkit-keyframes line-scale {
 0%,
 100% {
	-webkit-transform:scaley(1);
	transform:scaley(1)
 }
 50% {
	-webkit-transform:scaley(.4);
	transform:scaley(.4)
 }
}
@keyframes line-scale {
 0%,
 100% {
	-webkit-transform:scaley(1);
	transform:scaley(1)
 }
 50% {
	-webkit-transform:scaley(.4);
	transform:scaley(.4)
 }
}
.line-scale .line:nth-child(1) {
	-webkit-animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);
	animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08)
}
.line-scale .line:nth-child(2) {
	-webkit-animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);
	animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08)
}
.line-scale .line:nth-child(3) {
	-webkit-animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);
	animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08)
}
.line-scale .line:nth-child(4) {
	-webkit-animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);
	animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08)
}
.line-scale .line:nth-child(5) {
	-webkit-animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08);
	animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08)
}
.line-scale .line {
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
/*===================================*
  01. END GENERAL STYLE
*===================================*/

.whatsapp-popup {
    position: fixed;
    bottom: 69px;
    right: 1px;
    z-index: 9999;
}

.whatsapp-icon img {
    width: 93px;
    height: 93px;
    z-index: 9999;
}

.whatsapp-popup.active {
    animation: whatsapp-popup-anim 0.5s ease-in-out;
    animation-fill-mode: forwards;
    transform: scale(1);
}

@keyframes whatsapp-popup-anim {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

/* Formularios Lineales */

    .custom-field {
        margin-bottom: 11px;  /* Para móvil (vertical) */
    }
    @media (min-width: 768px) {
        .custom-field {
            margin-bottom: 0; /* Quitar margen inferior en desktop */
            margin-top: 1px;
            margin-right: 5px; /* Separación horizontal en desktop */
        }
        .custom-field:last-child {
            margin-right: 0; /* Eliminar margen del último campo */
        }
    }


/* Calendar */

#calendar {
    max-width: 800px; /* Ancho máximo */
    margin: 0 auto; /* Centrar el calendario */
}

.fc-toolbar-title {
    font-size: 1.2rem; /* Tamaño de fuente del título del mes */
}

.fc-daygrid-day-frame {
    font-size: 0.9rem; /* Tamaño de fuente de los días */
}

.fc-daygrid-day-number {
    font-size: 0.9rem; /* Tamaño de fuente de los números de día */
}
/*===================================*
  02. START HEADER DESIGN
*===================================*/
.navbar-brand {
	padding: 10px 0;
}
.dark_skin .logo_light, .dark_skin .logo_default,
.light_skin .logo_default, .light_skin .logo_dark,
.logo_light,.logo_dark {
	display: none;
}
.dark_skin .logo_dark,
.light_skin .logo_light {
	display: block;
}
@media screen and (max-width: 931px) {
  .navbar-brand img {
    min-width: 169px;
    max-height:69px;
  }
}

.light_skin .navbar-nav a,
.light_skin .navbar-toggler {
	color: #ffffff;
}
.navbar {
	padding: 0;
}
.header_wrap {
	transition: all 0.5s ease 0s;
}
.header_wrap:not([class*="bg_"]):not([class*="bg-"]) {
	background-color: #fff;
}
.navbar .navbar-nav li {
	position: relative;
	list-style: none;
	transition: all 0.3s ease 0s;
}
.navbar-nav .dropdown-menu {
	border: 0 none;
	border-radius: 0;
	margin: 0;
	padding: 0px;
	min-width: 12rem;
}
.navbar-nav .dropdown-menu:not([class*="bg_"]):not([class*="bg-"]) {
	background-color: #333333;
}
.light_skin .navbar-nav .dropdown-menu .mega-menu .dropdown-menu {
	background-color: #252525;
}
.dark_skin:not([class*="bg_"]):not([class*="bg-"]) .navbar-nav .dropdown-menu {
	background-color: #fff;
	box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
	border: 1px solid #e6e6e6;
}
.dark_skin .mega-menu-col,
.dark_skin .cart_list li {
	border-color: #ddd;
}
.dark_skin .navbar .navbar-nav .dropdown-menu li a.active, 
.dark_skin .navbar .navbar-nav .dropdown-menu li a:hover, 
.dark_skin .navbar .navbar-nav .dropdown-menu > ul > li:hover > a, 
.dark_skin .navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a {
	color: #07d765;
}
.dark_skin .navbar .navbar-nav .dropdown-item, 
.dark_skin .navbar .navbar-nav .dropdown-header,
.dark_skin .cart_quantity,
.dark_skin .cart_total {
	color: #333333;
}
.dark_skin .cart_list a {
	color: #333333 !important;
}
.dark_skin .cart_list a:hover, .dark_skin .item_remove:hover {
	color: #333333 !important;
}
.dropdown-toggle::after, .dropdown-toggler::after {
	border: 0 none;
	content: "\f3d0";
	font-family: "Ionicons";
	height: auto;
	line-height: normal;
	margin-left: 5px;
	vertical-align: middle;
	width: auto;
	transition: all 0.3s ease-in-out;
	font-weight: 100;
}
.dd_main_arrow_none .navbar .navbar-nav > li > .nav-link.dropdown-toggle::after {
	content: normal;
}
.dropdown-toggler::after {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.dropdown-menu .dropdown-toggler::after {
	position: absolute;
	right: 10px;
	top: 10px;
}
.navbar .navbar-nav > li > .nav-link {
	font-weight: 500;
	padding: 35px 10px;
	text-transform: capitalize;
	font-size: 1.11rem;
}
.navbar .navbar-nav > li > a.active, 
.navbar .navbar-nav > li:hover > a {
	color: #07d765;
}

@media screen and (max-width: 768px) {
  .barra {
    border: 1px solid white !important;
	width:100%;
	text-align:center;
	margin-top:3px;
	line-height:1em;
	background:#7FA98A;
	color:#333;
	border-top-left-radius: 10px;
  border-bottom-right-radius: 15px;
  }
  .barra:hover {
     color: white !important; 
  }
}

.main_menu_uppercase .navbar .navbar-nav > li > .nav-link {
	text-transform: uppercase;
}
.main_menu_weight_100 .navbar .navbar-nav > li > .nav-link {
	font-weight: 100;
}
.main_menu_weight_200 .navbar .navbar-nav > li > .nav-link {
	font-weight: 200;
}
.main_menu_weight_300 .navbar .navbar-nav > li > .nav-link {
	font-weight: 300;
}
.main_menu_weight_400 .navbar .navbar-nav > li > .nav-link {
	font-weight: 400;
}
.main_menu_weight_500 .navbar .navbar-nav > li > .nav-link {
	font-weight: 500;
}
.main_menu_weight_600 .navbar .navbar-nav > li > .nav-link {
	font-weight: 600;
}
.main_menu_weight_700 .navbar .navbar-nav > li > .nav-link {
	font-weight: 700;
}
.main_menu_weight_800 .navbar .navbar-nav > li > .nav-link {
	font-weight: 800;
}
.main_menu_weight_900 .navbar .navbar-nav > li > .nav-link {
	font-weight: 900;
}
.main_menu_size_16 .navbar .navbar-nav > li > .nav-link {
	font-size: 16px;
}
.bottom-header .navbar .navbar-nav > li > .nav-link {
	padding: 20px 10px;
}
.navbar .navbar-nav .dropdown-item {
	padding: 7px 10px;
	color: #ffffff;
	font-size: 14px;
	text-transform: capitalize;
}
.navbar .navbar-nav .dropdown-header {
    color: #fff;
    padding: 0px 8px 8px;
    text-transform: uppercase;
    font-weight: bold;
}
.navbar .attr-nav li .nav-link {
	padding: 32px 15px;
	position: relative;
}
.navbar .attr-nav li .nav-link i {
	font-size: 16px;
}
.hover_menu_style2 .navbar .navbar-nav.attr-nav > li > .nav-link {
	margin: 0;
	padding: 20px 10px;
}

.dropdown-item {
	padding: 0.25rem;
}
.dropdown-item:focus, .dropdown-item:hover,
.dropdown-item.active, .dropdown-item:active {
	background-color: transparent;
}
.navbar .navbar-nav.attr-nav .dropdown-menu li a.active, 
.navbar .navbar-nav.attr-nav .dropdown-menu li a:hover, 
.navbar .navbar-nav.attr-nav .dropdown-menu > ul > li:hover > a {
	background-color: rgba(0,0,0,0);
}
.navbar .navbar-nav .dropdown-menu li a.active,
.navbar .navbar-nav .dropdown-menu li a:hover,
.navbar .navbar-nav .dropdown-menu > ul > li:hover > a, 
.navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a {
	color: #07d765;
}
.search-overlay {
	border: 1px solid #ddd;
	right: 0;
	opacity: 0;
	position: absolute;
	min-width: 300px;
	top: 100%;
	transition: all 0.25s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	padding: 15px;
	-webkit-transform: scale(0);
    transform: scale(0);
	-webkit-transform-origin: -webkit-calc(100% - 30px) 0;
    transform-origin: calc(100% - 30px) 0;
}
.search-overlay.open {
    visibility: visible;
    opacity: 1;
	-webkit-transform: scale(1);
    transform: scale(1);
}
.search_trigger.open i::before {
	content: "\f129";
	font-family: "Ionicons";
}
.navbar .attr-nav li .search_trigger i {
	font-size: 20px;
	vertical-align: middle;
	line-height: normal;
}
.navbar .attr-nav li.cart_wrap .nav-link i {
	font-size: 30px;
}
.navbar .attr-nav li.cart_wrap .nav-link {
	padding: 31px 10px;
}
.search_wrap {
	position: relative;
}
.search_icon {
	font-size: 18px;
	position: absolute;
	right: 15px;
	top: 10px;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	padding: 0;
}
.search_wrap .form-control {
	padding: 10px 15px;
	height: auto;
}
.navbar .attr-nav li .nav-link.sidetoggle i {
	font-size: 28px;
}
.header_wrap.nav-fixed {
	box-shadow: 0 0 1px rgba(0,0,0,0.5);
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	z-index: 999;
}
.header_wrap.fixed-top.nav-fixed {
	padding-top: 0 !important;
}
.nav-fixed.border_bottom_tran {
	border: 0;
}
.header_wrap.nav-fixed.no-sticky {
	position: relative;
}
.bg-dark.light_skin.nav-fixed .logo_dark {
    display: none;
}
.bg-dark.light_skin.nav-fixed .logo_light {
    display: block;
}
.header_wrap.nav-fixed.bg-dark {
    border-bottom: 0;
}
.bg-dark.light_skin.nav-fixed .navbar-nav > li > a, .bg-dark.light_skin.nav-fixed .navbar-toggler {
    color: #fff;
}
.bg-dark.hover_menu_style2.nav-fixed .navbar .navbar-nav > li > .nav-link::before {
    background-color: #fff;
}
.header_wrap.nav-fixed[class*="overlay_"]:before {
	content: normal;
}
.mega-menu {
	display: table;
	padding: 10px 0;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.navbar .navbar-nav li.dropdown-mega-menu {
	position: static;
}
.navbar .navbar-nav li.dropdown-mega-menu .dropdown-menu {
	right: 0;
	padding-left: 0;
	padding-right: 0;
}
.mega-menu-col {
	border-right: 1px solid #5d5d5d;
}
.mega-menu-col:last-child {
	border-right: 0;
}
.ads_banner img {
	padding: 8px;
	width: 100%;
}
.dropdown-menu li a i {
    font-size: 14px;
    width: 20px;
    display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.cart_list li {
	list-style: outside none none;
}
.cart_count {
	position: absolute;
	top: 22px;
	right: 4px;
	font-size: 12px;
	background-color: #07d765;
	border-radius: 50px;
	height: 18px;
	line-height: 20px;
	padding: 0 5px;
	color: #fff;
	font-weight: normal;
	max-width: 18px;
	width: 100%;
	text-align: center;
}
.navbar-nav .dropdown-menu.cart_box {
	background-color: #333333;
	width: 300px;
	position: absolute !important;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: -webkit-calc(100% - 30px) 0;
	transform-origin: calc(100% - 30px) 0;
	display: block;
	transition: all 0.25s ease-in-out;
	padding: 0;
}
.cart_list li {
	border-bottom: 1px solid #777777;
	padding: 15px;
	width: 100%;
}
.item_remove {
	float: right;
}
.cart_list img {
	background-color: #ffffff;
	float: left;
	margin-right: 10px;
	max-width: 60px;
	vertical-align: top;
}
.cart_list a {
	color: #fff !important;
	font-size: 14px;
	vertical-align: top;
	padding: 0 !important;
}

.cart_list_m a {
	color: green !important;
	font-size: 12px;
	vertical-align: center;
	padding: 0 !important;
}
.cart_list a:hover,.item_remove:hover {
	color: #ddd !important;
}
.cart_quantity {
	color: #ffffff;
	display: table;
	margin-top: 5px;
	font-weight: 500;
}
.cart_total .cart_amount {
	float: right;
	color: #07d765;
}
.cart_list {
	display: table;
	width: 100%;
}
.cart_total {
	color: #ffffff;
	margin: 0;
	padding: 10px 20px;
	font-weight: 600;
}
.cart_total strong {
	float: left;
}
.cart_buttons {
	margin: 0;
	padding: 10px 10px 20px;
	text-align: center;
}
.cart_buttons .view-cart, .cart_buttons .checkout {
	padding: 8px 20px !important;
}
.top-header,
.middle-header {
    padding: 10px 0;
}
.social_icons, .contact_detail {
	font-size: 0;
}

.contact_detail > li,
.header_list > li {
    display: inline-block;
	padding: 2px 10px;
}
.social_icons li {
	display: inline-block;
	padding: 2px;
}
.social_icons li a {
	font-size: 18px;
	height: 35px;
	width: 35px;
	line-height: 35px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.social_icons.social_small li a {
	height: 25px;
	width: 25px;
	line-height: 26px;
	font-size: 16px;
}
.social_white .social_icons li a, .social_white.social_icons li a {
	color: #fff;
	border-color: #fff;
}
.social_white .social_icons li a:hover, .social_white.social_icons li a:hover {
	color: #07d765;
}
.border_social .social_icons li a:hover, .border_social.social_icons li a:hover {
	background-color: #07d765;
	border-color: #07d765;
	color: #fff;
}
.border_social.social_white .social_icons li a:hover, .social_white.border_social.social_icons li a:hover {
	color: #fff;
}
.border_social li a {
	border: 1px solid #292b2c;
}
.social_icons li:last-child a {
	margin-right: 0px;
}
.radius_social li a {
	border-radius: 5px;
}
.rounded_social li a {
	border-radius: 50px;
}
.social_icons.social_style1 li a {
	font-size: 16px;
	background-color: #F5F6FB;
}
.contact_detail i {
	margin-right: 2px;
	vertical-align: middle;
	font-size: 16px;
}
.contact_detail > li a,
.header_list > li a {
	color: #888888;
	font-size: 14px;
	vertical-align: middle;
}
.header_list > li .dropdown-item:hover,
.custome_dropdown .ddChild li:hover,
.contact_detail > li a:hover {
	color: #07d765;
}
.header_dropdown .dropdown-menu {
	border-radius: 0;
	padding: 0;
	margin-top: 0px;
	border: 0;
	transform: none !important;
	top: 100% !important;
	will-change: auto !important;
}
.header_dropdown .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="top"] {
	right: 0;
	left: auto !important;
}
.header_dropdown .dropdown-item {
	padding: 5px 10px;
	border-bottom: 1px solid #e6e6e6;
	text-transform: capitalize;
}
.contact_detail li:first-child {
	margin-left: 0px;
}
.contact_detail li a span {
	vertical-align: middle;
}
.top-header.light_skin .contact_detail li,
.top-header.light_skin .contact_detail li a {
	color: #fff;
}
.top-header.dark_skin .contact_detail li {
	color: #000;
}
header .social_icons li a {
	font-size: 16px;
	height: 30px;
	width: 30px;
	line-height: 30px;
}
.nav-fixed .top-header,
.nav-fixed .middle-header {
	display: none !important;
}
.navbar-toggler {
	float: right;
	margin: 25px 0 0 10px;
	font-size: 20px;
	transition: all 0.5s ease 0s;
	background-color: #07d765;
	border-radius: 100%;
	color: #fff;
	height: 35px;
	width: 35px;
	padding: 0;
	line-height: 36px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	transition: none;
}
.navbar-toggler[aria-expanded="true"] span::before {
    content: "\f129";
    font-size: 16px;
}
.navbar-toggler[aria-expanded="true"] {
	line-height: 32px;
}
header .attr-nav + .social_icons {
	border-left: 1px solid #333;
	margin-left: 5px;
	padding-left: 5px;
}
header .attr-nav + .social_icons li {
	padding: 0;
}
header.light_skin .attr-nav + .social_icons {
	border-color: #fff;
}
header.light_skin.nav-fixed .attr-nav + .social_icons {
	border-color: #333;
}
header.light_skin.nav-fixed .social_icons li a {
	color: #000;
}
header.light_skin.nav-fixed .social_icons li a:hover {
    color: #0E93D8;
}
.navbar .btn {
	padding: 10px 25px;
}
.header_info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.header_info li {
	display: -ms-flexbox;
	display: flex;
	padding-left: 30px;
}
.header_info li:first-child {
	padding-left: 0px;
}
.header_info li i {
    width: 30px;
	font-size: 28px;
	height: 30px;
	color: #0e93d8;
}
.header_info li p{
	margin: 0;
	color: #292b2c;
}
.header_info li .hd_info {
    padding-left: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.43;
}
.custome_dropdown {
	position: relative;
}
.custome_dropdown .ddTitleText img, .custome_dropdown .ddChild li img {
	float: left;
	max-width: 25px;
	margin-right: 8px;
}
.custome_dropdown .ddlabel {
	vertical-align: middle;
	text-transform: capitalize;
	font-size: 14px;
	white-space: nowrap;
}
.custome_dropdown #pr_select_msdd .ddlabel {
	margin-left: 0;
}
.custome_dropdown .dd.ddcommon {
	cursor: pointer;
	padding-right: 15px;
	position: relative;
	width: auto !important;
	outline: none;
}
.custome_dropdown .ddTitleText {
	display: inline-block;
	text-transform: uppercase;
	color: #888888;
}
.custome_dropdown .ddChild li {
	cursor: pointer;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-align:center;
	align-items: center;
	list-style: outside none none;
	padding: 5px 10px;
	width: 100%;
	border-top: 1px solid #e6e6e6;
	transition: all 0.5s ease-in-out;
}
.arrowoff::before {
	content: "\f3d0";
	font-family: "Ionicons";
	position: absolute;
	right: 0;
	top: 0px;
	color: #888888;
	font-size: 14px;
}
.custome_dropdown.custome_dropdown_white .ddTitleText ,
.custome_dropdown_white .ddArrow::before {
	color: #fff;
}
.search_box {
	position: relative;
}
.search_box input {
	padding-right: 30px;
}
.search_box button {
	border: 0;
	padding: 0 10px;
	background-color: transparent;
	font-size: 22px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.header_list > li {
	position: relative;
}
.header_list > li a {
	font-size: 14px;
}
.border_list > li {
	position: relative;
}
.border_list > li::before {
	content: "";
	position: absolute;
	left: 0;
	height: 12px;
	width: 1px;
	background-color: #888888;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.border_list > li:first-child:before {
	content: normal;
}
.header_wrap.light_skin.nav-fixed .btn-outline-white {
	border: 2px solid #333;
	color: #333;
}
.header_wrap.light_skin.nav-fixed .btn-outline-white:hover {
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
}
.top-header.light_skin .header_list li a,
.top-header.light_skin .ddArrow::before {
	color: #fff;
}
.top-header.light_skin .header_list > li::before {
	background-color: #fff;
}
.top-header .custome_dropdown .ddChild {
	background-color: #fff;
	border: 0 !important;
	min-width: 10rem;
	left: -10px;
}
.top-header.light_skin .header_list li a:hover,
.top-header.light_skin .contact_detail li a:hover {
	color: #07d765;
}

.sidebar {
    margin: 7px;
}
.sidebar_menu {
	padding: 11px;
	position: fixed;
	left: 3px !important;	
	bottom: 0;
	z-index: 99;
	background-color: white;
	box-shadow: -3px 0 3px rgba(0,0,0,.04);
	width: 69px;
	overflow-y: auto;
	visibility: hidden;
	transition: all 0.5s ease-in-out;
}

.sidebar_menu:hover {
	visibility: visible;
	transition: all 0.5s ease-in-out;
}

.sidebar_menu.active {
	right: 0;
	visibility: visible;
}

.side_panel_close {
  font-size: 18px;
  font-weight:700;
}

.sidebar_menu .widget {
	margin-bottom: 20px;
	width: 90%;
}

.widget {
    font-size: 18px;
    text-align:center;
}

.widget_text p:last-child {
	margin: 0;
}
.header-overlay {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1000;
	top: 0;
	transition: all 0.5s ease-in-out;
}
body.active {
	overflow: hidden;
	padding-right: 17px;
}
/*===================================*
  02. END HEADER DESIGN
*===================================*/

/*===================================*
  03. TICKET Design
*===================================*/

hx {
    font-size: 90px;
    font-weight: 800;
    color: #00f;
    text-transform: uppercase;
    text-shadow: 0 5px 5px rgb(94, 94, 94);
    z-index: 50;
}

ix {
    position: absolute;
    
    background: #fff;
    border-radius: 50%;
    box-shadow: inset 0 -1px 1px rgb(114, 114, 114);
    top: -10px;
    animation: nieve linear infinite;
}

@keyframes nieve {
    0% {
        top: -10px;
    }
    100% {
        top: calc(100vh + 50px);
    }
}

agrosl {align-items:center;background:#333;height:5vh;justify-content:center}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-250px * 41))}}.slider{background:#FAFAFA;box-shadow:0 10px 20px -5px rgba(0,0,0,0.125);height:31px;margin:auto;overflow:hidden;position:relative;width:100%}.slider::before,.slider::after{background:linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 100%);content:"";height:31px;position:absolute;width:31px;z-index:2}.slider::after{right:0;top:0;transform:rotateZ(180deg)}.slider::before{left:0;top:0}.slider .slide-track{animation:scroll 69s linear infinite;display:flex;width:calc(250px * 14)}.slider .slide{margin:0 auto;height:69px;max-width:311px}

agroAI {
    align-items:center;
    white-space: normal;
    min-width:100%;
    margin: 10px;
    color:#333;
    font-weight: 500;
    justify-content:center;
    border: 2px solid #fff;
    line-height: 1.5;
	border-radius: 15%;
}

@media screen and  (max-width: 768px) {
agroAI { font-size: 1.2rem; font-weight: 700;line-height: 1.2;
  }
}

/*===================================*
  03. START BANNER SECTION
*===================================*/
.full_screen,.full_screen .carousel-item {
	min-height: 100vh;
}
.banner_slider {
	overflow: hidden;
}
.banner_slider:not(.full_screen),.banner_slider:not(.full_screen) .carousel-item,
.banner_section:not(.full_screen) .banner_content_wrap,.banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
	height: 631px;
}
.banner_content_wrap .carousel-item {
	display: block;
	z-index: 1;
}
.banner_content h2 {
	font-size: 78px;
	margin-bottom: 40px;
	letter-spacing: 0;
	font-weight: bold;
}
.banner_content2 h2 {
	font-size: 60px;
	margin-bottom: 30px;
	font-weight: 600;
}
.banner_content3 h2 {
	font-size: 60px;
	margin-bottom: 25px;
	font-weight: normal;
	line-height: 80px;
}
.banner_content p,
.banner_content2 p,
.banner_content3 p {
	color: #333;
	font-size: 16px;
	margin-bottom: 35px;
}
.banner_content.text_white p,
.banner_content2.text_white p {
	color: #fff;
}
.banner_slide_content {
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}
.slide_content_wrap {
	max-width: 1350px;
	margin: 0 auto;
	padding: 50px 0;
}
.carousel-control-next, .carousel-control-prev {
	background-color: rgba(0,0,0,0.5);
	font-size: 20px;
	height: 50px;
	opacity: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 50px;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
	 opacity: 0;
}
.carousel:hover .carousel-control-next, .carousel:hover .carousel-control-prev {
	opacity: 1;
}
.carousel-control-next {
	right: 20px;
	top: 31px;
}
.carousel-control-prev {
	left: 20px;
	top: 31px;
}
.carousel_style1 .carousel-control-next, .carousel_style1 .carousel-control-prev {
	border-radius: 100%;
}
.carousel-indicators {
	bottom: 20px;
}
.carousel-indicators li {
	background-color: transparent;
	border: 1px solid #fff;
	cursor: pointer;
	width: 12px;
	height: 12px;
	margin: 0 15px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 1;
}
.carousel-indicators li.active,
.carousel-indicators li:hover {
	background-color: #fff;
}

.carousel-indicators li::before {
	content: "";
	position: absolute;
	right: -17px;
	width: 15px;
	background-color: #fff;
	height: 1px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: -10px;
}
.carousel-indicators li:last-child:before {
	content: normal;
}
.content_overlay_bg {
	padding: 50px;
	position:relative;
}
.content_overlay_bg::before {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.banner_head2 {
	 font-size: 40px;
}
.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
	opacity: 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.carousel-indicators.justify-content-end {
	left: auto;
}
.carousel-indicators.justify-content-start {
	right: auto;
}
.carousel-item img {
	position: relative;
	z-index: -1;
}
.banner_shape [class*="shape"] {
	position: absolute;
	z-index: 0;
}
.shape1 {
	left: 4%;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.shape2 {
	right: 25%;
	top: 20px;
}

.shape3 {
	right: 3%;
	bottom: 20px;
}
.shape4 {
	top: 14%;
	left: 50px;
}
.shape5 {
	top: 5%;
	left: 20%;
}
.shape6 {
	top: 10%;
	right: 40%;
}
.shape7 {
	top: 5%;
	right: 5%;
}
.shape8 {
	right: 0;
	bottom: 0;
}
.shape9 {
	right: 0;
	left: 0;
	bottom: 50px;
	text-align: center;
}
.shape10 {
	left: 10%;
	bottom: 200px;
}
.shape11 {
	left: 8%;
	bottom: 50px;
}
.shape12 {
	left: 3%;
	top: 50px;
}
.shape13 {
	right: 0;
	left: 0;
	top: 0px;
	text-align: center;
}

.shape14 {
	right: 3%;
	top: 10%;
}
.shape15 {
	right: 15%;
	bottom: 6%;
}
.shape16 {
	left: 30%;
	bottom: 6%;
}
.shape16a {
	left: 30%;
	bottom: 6%;
}
.shape17 {
	left: 0;
	bottom: 0;
}
.shape18 {
	left: 13%;
	top: 10%;
}
.shape19 {
	left: 11%;
	bottom: 10%;
}
.shape20 {
	right: 11%;
	top: 10%;
}
.shape21 {
	right: 15%;
	bottom: 12%;
}
.shape22 {
	left: 8%;
	top: 35%;
}
.shape23 {
	top: -7%;
	left: 20%;
}
.shape24 {
	left: 43%;
	top: 10%;
}
.shape25 {
	bottom: 15%;
	left: 40%;
}
.shape26 {
	bottom: 10%;
	left: 5%;
}

.border_shape:before {
	content: "";
	border: 10px solid rgba(255,255,255,0.8);
	position: absolute;
	top: -50px;
	left: 21%;
	right: 21%;
	bottom: -50px;
	z-index: -1;
}
.banner_slider_img img {
    margin-left:69px;
	width: 100%;
}

/*===================================*
  03. END BANNER SECTION
*===================================*/

/*===================================*
  04. START BANNER BOX SECTION
*===================================*/
.banner_box {
	background-color: #fff;
	padding: 25px 10px;
	position: relative;
	-moz-transition: transform .25s cubic-bezier(.68,-0.55,.27,1.55);
	-webkit-transition: transform .25s cubic-bezier(.68,-0.55,.27,1.55);
	transition: transform .25s cubic-bezier(.68,-0.55,.27,1.55);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
}
.banner_box:hover {
	-moz-transform: translate3d(0,-10px, 0);
	-webkit-transform: translate3d(0,-10px, 0);
	transform: translate3d(0,-10px, 0);
}
.banner_text {
	max-width: 170px;
}
.banner_text h3 {
	font-weight: bold;
}
.banner_text p {
	margin-bottom: 5px;
}
.banner_text a {
	color: #07d765;
}
.banner_img {
	position: absolute;
	right: 0;
	top: 50%;
	max-width: 195px;
	width: 100%;
	z-index: -1;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.overlap_section {
	margin-top: -50px;
}
.banner_box_style1 .banner_img {
	top: auto;
	bottom: 0;
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
}
/*===================================*
  04. END BANNER BOX SECTION
*===================================*/

/*===================================*
  05. START WHY CHOOSE US SECTION
*===================================*/
.wave_shape {
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 0;
    z-index: -1;
    -moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.why_choose_img {
	top: 60px;
	text-align: center;
	position: relative;
	z-index: 9;
}
.overlap_shape [class*="ol_"] {
	position: absolute;
	z-index: -1;
}
.ol_shape1 {
	top: -30px;
	left: 2%;
}
.ol_shape2 {
	top: 10%;
	left: 25%;
}

.ol_shape3 {
	top: 50%;
	left: 15%;
}
.ol_shape4 {
	bottom: -20px;
	left: 2%;
}
.ol_shape5 {
	top: -50px;
	right: 3%;
}
.ol_shape6 {
	top: 40%;
	right: 5%;
}
.ol_shape7 {
	bottom: -20px;
	right: 10%;
}
.ol_shape8 {
	top: 40%;
	left: 8%;
}
.ol_shape9 {
	bottom: 30%;
	left: 12%;
}
.ol_shape10 {
	bottom: 10%;
	left: 5%;
}
.ol_shape11 {
	top: 20%;
	right: 8%;
}
.ol_shape12 {
	top: 43%;
	right: 5%;
}
.ol_shape13 {
	bottom: 26%;
	right: 10%;
}

.ol_shape14 {
	bottom: 8%;
	right: 9%;
}
.ol_shape15 {
	left: 0;
	bottom: 20px;
}
.ol_shape16 {
	right: 0;
	bottom: -40px;
	z-index: 0 !important;
}
.ol_shape16a {
	right: 0;
	bottom: -40px;
	z-index: 0 !important;
}
.ol_shape17,
.ol_shape19 {
	position: absolute;
	left: 4%;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}
.ol_shape18,
.ol_shape20 {
	position: absolute;
	right: 3%;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}
.ol_shape21 {
	top: 15%;
	left: 5%;
}
.ol_shape22 {
	bottom: 15%;
	left: 5%;
}
.ol_shape23 {
	right: 5%;
	top: 10%;
}
.ol_shape24 {
	bottom: 5%;
	right: 5%;
}
.ol_shape25 {
	top: 16%;
	left: 2%;
}
.ol_shape26 {
	top: 3%;
	left: 20%;
}
.ol_shape27 {
	top: 45%;
	left: 13%;
}
.ol_shape28 {
	bottom: 10%;
	left: 3%;
}
.ol_shape29 {
	top: 3%;
	right: 20%;
}
.ol_shape30 {
	top: 25%;
	right: 7%;
}
.ol_shape31 {
	bottom: 8%;
	right: 8%;
}
/*===================================*
  05. END WHY CHOOSE US SECTION
*===================================*/

/*===================================*
  06. START PRODUCT SECTION
*===================================*/
.rating {
    background-image: url(../images/rate_star.png);
    background-position: 0 -13px;
    background-repeat: repeat-x;
    height: 13px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    width: 80px;
}
.product_rate {
    background-image: url(../images/rate_star.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    height: 13px;
}
.nav-tabs [class*="pr_"] {
	height: 35px;
	width: 37px;
	display: block;
	background-image: url(../images/tab_icon.png);
	margin: 0 auto 10px;
}
.pr_icon1 {
	background-position: 0px 0px;
}
.pr_icon2 {
	background-position: -41px 0px;
}
.pr_icon3 {
	background-position: -85px 0px;
}
.pr_icon4 {
	background-position: -118px 0px;
}
.pr_icon5 {
	background-position: -153px 0px;
}
.nav-tabs .nav-link:hover .pr_icon1, .nav-tabs .nav-link.active .pr_icon1, .nav-tabs .nav-link.active:hover .pr_icon1 {
	background-position: 0px -35px;
}
.nav-tabs .nav-link:hover .pr_icon2, .nav-tabs .nav-link.active .pr_icon2, .nav-tabs .nav-link.active:hover .pr_icon2 {
	background-position: -41px -35px;
}
.nav-tabs .nav-link:hover .pr_icon3, .nav-tabs .nav-link.active .pr_icon3, .nav-tabs .nav-link.active:hover .pr_icon3 {
	background-position: -85px -35px;
}
.nav-tabs .nav-link:hover .pr_icon4, .nav-tabs .nav-link.active .pr_icon4, .nav-tabs .nav-link.active:hover .pr_icon4 {
	background-position: -118px -35px;
}
.nav-tabs .nav-link:hover .pr_icon5, .nav-tabs .nav-link.active .pr_icon5, .nav-tabs .nav-link.active:hover .pr_icon5 {
	background-position: -153px -35px;
}
.product {
	background-color: #fff;
	border: 1px solid #dddddd;
	border-radius: 10px;
	position: relative;
	margin-bottom: 30px;
	transition: all 0.5s ease-in-out;
}
.product:hover {
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
.pr_flash {
	background-color: #000;
	position: absolute;
	right: 10px;
	top: 10px;
	text-transform: uppercase;
	color: #fff;
	padding: 0 8px;
	border-radius: 3px;
	z-index: 1;
}
.product_img img {
	width: 100%;
	padding: 10px 10px 0 10px;
}
.product_info {
	text-align: center;
	padding: 20px;
}
.product .rating {
	margin: 0 auto 10px;
}
.product_info h1,
.product_info h2,
.product_info h3,
.product_info h4,
.product_info h5,
.product_info h6 {
	font-family: 'Poppins', sans-serif;
	margin-bottom: 10px;
}
.price {
	color: #07d765;
	font-weight: 600;
	font-size: 18px;
}
.product_action_box {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}
.pr_action_btn {
	display: table;
	margin: 0 auto;
}
.product:hover .product_img::before {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.product_img::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255,255,255,0.5);
	transition: all 0.5s ease-in-out;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	z-index: 1;
}
.product_img {
	position: relative;
}
.pr_action_btn li {
	position: relative;
	margin: 5px 0px;
}
.product_action_box li {
	-webkit-transform: translate(-15px, 0px);
	-ms-transform: translate(-15px, 0px);
	-o-transform: translate(-15px, 0px);
	transform: translate(-15px, 0px);
	opacity: 0;
	filter: alpha(opacity=0);
}
.product_action_box li:nth-child(1) {
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.product_action_box li:nth-child(2) {
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.product_action_box li:nth-child(3) {
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.product:hover .product_action_box li {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
	filter: alpha(opacity=100);
}
.pr_action_btn li a {
	background-color: #07d765;
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	transition: all 0.5s ease-in;
	border-radius: 40px;
	width: 37px;
	height: 37px;
	padding: 0;
	border: 0;
	display: block;
	text-align: center;
}
.pr_action_btn li a i {
	vertical-align: middle;
	line-height: 35px;
	font-size: 18px;
}
.pr_action_btn li a:hover {
	background-color: #333;
}
.product_content .nav-tabs {
	margin-top: 15px;
}
.product_list .product {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.product_list .product_img {
	max-width: 120px;
	width: 100%;
}
.product_list .product_img img {
	padding: 5px;
}
.product_list .rating {
	margin: 0 0 10px;
}
.product_list .product_info {
	padding: 15px 10px;
	text-align: left;
	width: 100%;
}
.product_list .product_action_box {
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.product_list .pr_action_btn li {
	margin: 0px 2px;
	float: left;
}
.product_list .pr_action_btn li a {
	width: 29px;
	height: 29px;
}
.product_list .pr_action_btn li a i {
	font-size: 16px;
	line-height: 30px;
}
.product_list .product_action_box li {
	-webkit-transform: translate(0px, 15px);
	-ms-transform: translate(0px, 15px);
	-o-transform: translate(0px, 15px);
	transform: translate(0px, 15px);
}
.product_slider .product {
	margin-bottom: 15px;
}
.mfp-wrap button.mfp-close {
	border-radius: 0 0 0 15px;
	background-color: #07D765;
	opacity: 1;
	color: #fff !important;
	height: 30px;
	width: 30px;
	line-height: 30px;
	right: 0;
	top: 0;
}
.mfp-image-holder button.mfp-close {
	background-color: transparent !important;
}
.mfp-ajax-holder .mfp-content {
	background-color: #fff;
	max-width: 900px;
	margin: 6px auto;
}
.mfp-ajax-holder .ajax_quick_view {
	padding: 30px 20px;
}


/* these styles are for the demo, but are not required for the plugin */
.zoomy {
	display:inline-block !important;;
	position: relative;
}

/* magnifying glass icon */
.zoomy:after {
	content:'';
	display:inline-block; 
	width:125% !important; 
	width:125% !important;
	position:absolute; 
	top:0;
	right:0;
	background:url(icon.png);
}

.zoomy img {
			display: block; 
		}

.zoomy img::selection { background-color: transparent; }

.ex2 img:hover { cursor: url(grab.cur), default; }
.ex2 img:active { cursor: url(grabbed.cur), default; }

.zoom_image .zoomContainer {
	z-index: 9999;
}
.zoomContainer {
	z-index: 99;
}
#divais { all: initial; }
#divais * { all: unset; }


.zooml {
    /* Aumentamos la anchura y altura durante 2 segundos */
    
    transition: width 2s, height 2s, transform 2s;
    -moz-transition: width 2s, height 2s, -moz-transform 2s;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
    -o-transition: width 2s, height 2s,-o-transform 2s;
}

.zooml:hover{
    /* tranformamos el elemento al pasar el mouse por encima al doble de        su tama���o con scale(2). */

    transform : scale(1.5);
    -moz-transform : scale(1.5);      /* Firefox */
    -webkit-transform : scale(1.5);   /* Chrome - Safari */
    -o-transform : scale(1.5);        /* Opera */
    }

.zoomout {
    /* Aumentamos la anchura y altura durante 2 segundos */
    
    transition: width 2s, height 2s, transform 2s;
    -moz-transition: width 2s, height 2s, -moz-transform 2s;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
    -o-transition: width 2s, height 2s,-o-transform 2s;
}

@media screen and  (max-width: 768px) {
    
  .zooml {
    transition: width 0.3s, height 0.3s, transform 0.3s;
    -moz-transition: width .5s, height .5s, -moz-transform .5s;
    -webkit-transition: width .5s, height .5s, -webkit-transform .5s;
    -o-transition: width .5s, height .5s,-o-transform .5s;
}
.zooml:hover {
    transform : scale(1.3);
    -moz-transform : scale(1.3);      /* Firefox */
    -webkit-transform : scale(1.3);   /* Chrome - Safari */
    -o-transform : scale(1.3);        /* Opera */

  }
}

.zoomout:hover{
    /* tranformamos el elemento al pasar el mouse por encima al doble de        su tamaño con scale(2). */

    transform : scale(2);
    -moz-transform : scale(2);      /* Firefox */
    -webkit-transform : scale(2);   /* Chrome - Safari */
    -o-transform : scale(2);        /* Opera */
    }

.rotar {
    transition: width 0.3s, height 0.3s, transform 0.3s;
}
    
.rotar:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	background: url(../images/loading.gif) center center no-repeat;
	text-align: center;
	margin-top: -12px;
	margin-left: -12px;
	z-index: 1044;
	text-indent: -9999px;
	background-color: #000;
	padding: 25px;
	border-radius: 5px;
}
.product_gallery_item a {
	border: 1px solid #ddd;
	display: block;
	padding: 5px;
}
.product_gallery_item a.active {
	border-color: #07d765;
}
.product_gallery_item.owl-theme .owl-nav [class="owl-"] {
	font-size: 18px;
	line-height: 24px;
	height: 30px;
	width: 30px;
	opacity: 0;
}
.product_gallery_item.owl-theme:hover .owl-nav [class="owl-"] {
	opacity: 1;
}
.pr_detail {
	font-size: 14px;
}
.product-title * {
	font-family: 'Poppins', sans-serif;
	margin-bottom: 10px;
}
.product-image {
	position: relative;
}
.product-image .pr_flash {
	right: auto;
	left: 10px;
}
#product_img {
	border: 1px solid #ddd;
}
.product_gallery_item {
	margin-top: 10px;
}
.product_share {
	margin-top: 10px;
}
.cart_extra {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.cart_btn .add_wishlist, .cart_btn .add_compare {
	border: 1px solid #ddd;
	font-size: 14px;
	border-radius: 100%;
	height: 36px;
	width: 36px;
	display: inline-block;
	text-align: center;
	line-height: 38px;
	margin-left: 10px;
	vertical-align: middle;
}
.cart_btn .add_wishlist:hover {
	border-color: #07d765;
	background-color: #07d765;
	color: #fff;
}
.product_share > span {
	margin-right: 10px;
}
.quantity {
	border: 1px solid #ccc;
	margin-right: 10px;
	border-radius: 50px;
	display: inline-block;
	vertical-align: middle;
}
.quantity .minus, .quantity .plus {
	display: block;
	float: left;
	border-radius: 50px;
	cursor: pointer;
	border: 0;
	padding: 0;
	width: 34px;
	height: 34px;
	line-height: 36px;
	text-align: center;
	font-size: 20px;
	margin: 4px;
}
.quantity .qty {
	float: left;
	width: 55px;
	height: 40px;
	border: 0;
	background-color: transparent;
	text-align: center;
	padding: 0;
}
.quantity .minus:hover, .quantity .plus:hover {
	background-color: #07d765;
	color: #fff;
}
.product-thumbnail img {
	max-width: 100px;
}
.shop_cart_table th.product-name, .shop_cart_table td.product-name {
	text-align: left;
}
.shop_cart_table th, .shop_cart_table td {
	vertical-align: middle;
	text-align: center;
}
.shop_cart_table th, .product-subtotal {
	font-weight: 600;
}
.product-quantity .quantity {
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 146px;
}
.toggle_info {
	padding: 20px;
	border: 2px solid #eee;
	margin-bottom: 30px;
}
.login_form,.coupon_form {
	border: 2px solid #eee;
	padding: 20px;
}
.login_footer {
	font-size: 14px;
}
.login_footer input {
	vertical-align: middle;
}
.required {
	color: #f00;
}
.payment_method .custome-radio:first-child .payment-text {
	display: block;
}
.payment-text {
	display: none;
	margin-top: 10px;
	margin-bottom: 0;
}
.custome-radio .form-check-input, .custome-checkbox .form-check-input {
	display: none;
}
.custome-radio .form-check-label::before {
	content: "";
	border: 1px solid #908f8f;
	height: 14px;
	width: 14px;
	display: inline-block;
	border-radius: 100%;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 6px;
}
.custome-radio input[type="radio"] + .form-check-label::after {
	content: "";
	background-color: #07d765;
	height: 8px;
	width: 8px;
	border-radius: 100%;
	position: absolute;
	top: 9px;
	left: 3px;
	opacity: 0;
}
.custome-radio .form-check-label, .custome-checkbox .form-check-label {
	position: relative;
	cursor: pointer;
	color: #636363;
	font-weight: 500;
	padding-left: 25px;
}
.custome-radio input[type="radio"]:checked + .form-check-label::before {
	border-color: #07d765;
}
.custome-radio input[type="radio"]:checked + .form-check-label::after {
	opacity: 1;
}
.product-qty {
	font-weight: 600;
}
.order_table thead th {
	border-bottom: 0;
}
.order_table {
	background-color: #fafafa;
}
.payment_method .custome-radio {
	background-color: #fafafa;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #ddd;
}
.shop_cart_table .badge {
	line-height: normal;
	vertical-align: middle;
	padding: 2px 10px;
}
#Additional-info table td:first-child {
	width: 25%;
}
.comment_list {
	margin-bottom: 20px;
}
.comments li {
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.comment_img {
	float: left;
	text-align: center;
}
.comment_img img {
	border-radius: 100%;
	max-width: 70px;
}
.comment_block {
	padding-left: 90px;
}
.tab-content p:last-child {
	margin: 0;
}
.comments h5,
.review_form  h5 {
	font-family: 'Poppins', sans-serif;
}
.review_author {
	color: #333;
	font-weight: 500;
}
.comment-date::before {
	content: "";
	height: 4px;
	width: 4px;
	display: inline-block;
	background-color: #888;
	margin: 0 10px;
	vertical-align: middle;
	border-radius: 100%;
}
.customer_meta {
	margin-top: 10px;
	margin-bottom: 5px;
}
.star_rating span i {
	font-size: 30px;
}
.star_rating > span.selected {
	color: #F6BC3E;
}
.star_rating span {
	cursor: pointer;
	display: inline-block;
}
/*===================================*
  06. END PRODUCT SECTION
*===================================*/

/*===================================*
  07. START DEAL OF THE DAY SECTION
*===================================*/
.deal_content {
	padding: 0 50px;
}
.deal_content .countdown_time {
	margin: 15px 0 25px;
}
.deal_img_wrap  {
	position: relative;
	z-index: 1;
}
.circle_bg1 {
	border-radius: 100%;
	height: 650px;
	width: 650px;
	position: absolute;
	left: 50%;
	right: 0;
	top: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 0;
}
.circle_bg1 span {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	height: 100%;
	width: 100%;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-animation-name: ripple;
	-moz-animation-name: ripple;
	-o-animation-name: ripple;
	animation-name: ripple;
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	-o-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	-o-animation-delay: 5s;
	animation-delay: 5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	background-color: #fff;
}
.circle_bg1 span:nth-child(2) {
	-webkit-animation-delay:4.5s;
	-moz-animation-delay:4.5s;
	-o-animation-delay:4.5s;
	animation-delay:4.5s;
}
.circle_bg1 span:nth-child(3) {
	-webkit-animation-delay:4s;
	-moz-animation-delay:4s;
	-o-animation-delay:4s;
	animation-delay:4s;
}
.circle_bg1 span:nth-child(4) {
	-webkit-animation-delay:3.5s;
	-moz-animation-delay:3.5s;
	-o-animation-delay:3.5s;
	animation-delay:3.5s;
}
.circle_bg1 span:nth-child(5) {
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-o-animation-delay:3s;
	animation-delay:3s;
}
.circle_bg1 span:nth-child(6) {
	-webkit-animation-delay:2.5s;
	-moz-animation-delay:2.5s;
	-o-animation-delay:2.5s;
	animation-delay:2.5s;
}
.circle_bg1 span:nth-child(7) {
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-o-animation-delay:2s;
	animation-delay:2s;
}
.circle_bg1 span:nth-child(8) {
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	-o-animation-delay:1.5s;
	animation-delay:1.5s;
}

@-webkit-keyframes ripple{
  0% {-webkit-transform:scale(0.1);transform:scale(.01); opacity:1;}
  50% {-webkit-transform:scale(.5);transform:scale(.5); opacity:1;}
  100% {-webkit-transform:scale(1);transform:scale(1); opacity:0;}
}
@-moz-keyframes ripple {
  0% {-moz-transform:scale(0.1);transform:scale(.01); opacity:1;}
  50% {-moz-transform:scale(.5);transform:scale(.5); opacity:1;}
  100% {-moz-transform:scale(1);transform:scale(1); opacity:0;}
}
@-o-keyframes ripple {
  0% {-o-transform:scale(0.1);transform:scale(.01); opacity:1;}
  50% {-o-transform:scale(.5);transform:scale(.5); opacity:1;}
  100% {-o-transform:scale(1);transform:scale(1); opacity:0;}
}
@keyframes ripple{
  0% {transform:scale(0.1);transform:scale(0.1); opacity:1;}
  50% {transform:scale(.5);transform:scale(.5); opacity:1;}
  100% {transform:scale(1);transform:scale(1); opacity:0;}
}

/*===================================*
  07. END DEAL OF THE DAY SECTION
*===================================*/

/*===================================*
  08. START TESTIMONIAL SECTION
*===================================*/
.testimonial_box {
	margin-bottom: 20px;
}
.testimonial_img img {
	max-width: 76px;
}
.testi_user span, 
.author_intro span {
	font-style: italic;
	color: #07d765;
	font-size: 14px;
}
.testi_user,
.author_intro {
	margin-bottom: 10px;
}
.testi_meta,
.author_meta {
	overflow: hidden;
}
.testimonial_img {
	float: left;
	margin-right: 15px;
}
.testi_desc p {
	font-size: 14px;
}
.testimonial_style1 .testimonial_box {
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #eee;
	padding: 15px;
	position: relative;
	text-align: center;
	margin-bottom: 35px;
}
.testimonial_style1 .testimonial_img img {
	border-radius: 100%;
}
.testimonial_style1 .testimonial_img {
	margin: 0px auto -50px;
	display: table;
	padding: 5px;
	position: relative;
}
.testimonial_style1 .testimonial_img::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border: 1px solid #07d765;
	right: 0;
	border-radius: 100%;
}
.testi_user h5 {
	font-weight: bold;
}
.testimonial_style1 .testi_user {
	margin-top: 10px;
}
.testimonial_style1 .testi_meta {
	text-align: center;
	position: relative;
	z-index: 9;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction:column-reverse;
	flex-direction: column-reverse;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: visible;
}
.testi_desc p:last-child,
.author_desc p:last-child {
	margin: 0;
}
.testimonial_style2 .testimonial_box {
	border-radius: 10px;
	text-align: center;
	border: 1px solid #eee;
	padding: 20px 15px;
	margin: 0;
	background-color: #fff;
	position: relative;
	z-index: 0;
}
.testimonial_style2 .owl-item.center .testimonial_box {
	background-color: #07d765;
	border-color: #07d765;
}
.testimonial_style2 .owl-item.center .testi_desc p,
.testimonial_style2 .owl-item.center .testi_desc::before,
.testimonial_style2 .owl-item.center .testi_user h5,
.testimonial_style2 .owl-item.center .testi_user span {
	color: #fff;
}
.testimonial_style2 .testi_desc::before {
	content: "\f10d";
	position: absolute;
	left: 0;
	top: 0px;
	font-family: fontawesome;
	font-size: 140px;
	line-height: normal;
	z-index: -1;
	color: #c1c1c1;
	opacity: 0.2;
	right: 0;
}
.testimonial_style2 .testi_meta,
.testimonial_style3 .testi_meta {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 15px;
}
.testimonial_style2 .testi_user,
.testimonial_style3 .testi_user {
	margin: 0;
	text-align: left;
}
.testimonial_style2 .testimonial_img img,
.testimonial_style3 .testimonial_img img {
	border-radius: 100%;
}
.testimonial_style2 .testi_user h5,
.testimonial_style3 .testi_user h5 {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 16px;
}
.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 0;
}
.owl-theme .owl-dots .owl-dot span {
	background-color: transparent;
	border: 1px solid #07d765;
	cursor: pointer;
	width: 12px;
	height: 12px;
	opacity: 1;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background-color: #07d765;
}
.dots_white.owl-theme .owl-dots .owl-dot span {
	border-color: #fff;
}
.dots_white.owl-theme .owl-dots .owl-dot.active span, .dots_white.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #fff;
	border-color: #fff;
}
.testimonial_bg {
	background-size: contain !important;
}
.testimonial_style3 .testimonial_box {
	background-color: #fff;
	margin: 15px;
	padding: 30px;
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
	border-radius: 10px;
	text-align: center;
}
.testimonial_wrap::before {
	background-color: #fff;
	content: "";
	position: absolute;
	left: 35px;
	right: 35px;
	top: 0;
	bottom: 0;
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
	border-radius: 10px;
	z-index: -1;
	transition: all 0.4s ease-in-out;
}
.testimonial_wrap.active::before {
	transform: rotateX(90deg);
}
.testimonial_style3 .testi_meta {
	margin-top: 0;
	margin-bottom: 15px;
}
.testimonial_wrap {
	max-width: 730px;
	position: relative;
	margin: 0 auto;
}
.testimonial_style3 .testi_desc {
	position: relative;
	z-index: 1;
}
.testimonial_style3 .testi_desc::before {
	content: "\f10d";
	position: absolute;
	left: 40px;
	top: -40px;
	font-family: fontawesome;
	font-size: 100px;
	line-height: normal;
	color: #f2f2f2;
	z-index: -1;
}
/*===================================*
  08. END TESTIMONIAL SECTION
*===================================*/

/*===================================*
  09. START BLOG SECTION
*===================================*/
.blog_post {
	margin-bottom: 30px;
	overflow: hidden;
}
.owl-carousel .blog_post {
	margin: 0;
}
.blog_title {
	margin-bottom: 10px;
	font-family: 'Poppins', sans-serif;
}
.blog_img {
	position: relative;
	overflow: hidden;
}
.blog_img img {
	width: 100%;
}
.blog_date {
	position: absolute;
	top: 15px;
	left: 15px;
	background-color: #07d765;
	color: #fff;
	padding: 10px;
	text-align: center;
}
.blog_date h4 {
	color: #fff;
	font-weight: bold;
	margin: 0;
	line-height: 20px;
}
.blog_date span {
	font-size: 14px;
	line-height: normal;
}
.blog_date.style1 {
	border-radius: 100%;
	max-width: 60px;
	width: 100%;
	height: 60px;
}
.blog_date.style3 {
	border-radius: 5px;
	padding: 10px 15px 5px;
}
.blog_meta {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.blog_meta li {
	display: inline-block;
	padding-right: 10px;
	position: relative;
}
.blog_meta li:last-child {
	padding-right: 0;
}
.blog_meta li i {
	margin-right: 8px;
	font-size: 16px;
}
.blog_meta li a {
	color: #636363;
	font-size: 14px;
}
.blog_meta li a:hover {
	color: #07d765;
}
.blog_content {
	padding: 15px;
	background-color: #f7f7f7;
}
.blog_content p {
	margin-bottom: 10px;
	font-size: 14px;
	font-family: 'Verdana', sans-serif;
}
.blog_post .blog_img a {
	display: block;
	overflow: hidden;
}
.blog_img img {
    transition: all 0.5s ease-in-out;
    width: 100%;
}
.blog_link {
	font-size: 14px;
}
.blog_link i {
	vertical-align: middle;
	margin-left: 3px;
}
.blog_post:hover .blog_img img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.blog_style1 {
	border: 1px solid #ddd;
	font-size: 11px;
}
.blog_style1 .blog_content,
.blog_style2 .blog_content {
	background-color: #fff;
}
.blog_style1 .blog_title {
	font-family: 'Lobster Two', cursive;
	font-size: 20px;
	font-weight: bold;
}
.blog_date.style2::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 0;
	border-color: #07d765 transparent transparent transparent;
	position: absolute;
	left: 0;
	top: 100%;
}
.blog_list .blog_post {
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.blog_list .blog_img {
	-ms-flex: 0 0 36%;
	flex: 0 0 36%;
	max-width: 36%;
	width: 100%;
}
.blog_list .blog_content {
	padding: 0px 0 0 25px;
	background-color: #fff;
}
.blog_list .blog_content p {
	overflow: hidden;
	height: 78px;
}
.blog_grid div[class*=col-]:nth-child(-n+2) .blog_post {
	margin-top: 0px;
}

.grid_container .owl-carousel.owl-theme .owl-dots,
.gallery_slider .owl-carousel.owl-theme .owl-dots {
	margin: 0 !important;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
}
.grid_container .owl-theme .owl-dots .owl-dot span,
.gallery_slider .owl-theme .owl-dots .owl-dot span {
	margin: 3px;
}
.grid_container .owl-theme .owl-nav {
	opacity: 0;
	visibility: hidden;
}
.grid_container .owl-theme:hover .owl-nav {
	opacity: 1;
	visibility: visible;
}
.search_widget {
	position: relative;
}
.search_widget input {
	border: 1px solid #ddd;
	padding: 10px;
	width: 100%;
}
.search_widget button {
	position: absolute;
	right: 12px;
	background-color: transparent;
	border: 0;
	padding: 0;
	top: 12px;
	font-size: 18px;
}
.about_widget {
	text-align: center;
	padding: 15px;
	background-color: #FAEAC8;
	box-shadow: 4px 4px 0 #EADAB7;
}
.about_widget img {
	border-radius: 100%;
	margin: 0 auto 15px;
	display: table;
	padding: 5px;
	border: 1px solid #636363;
	max-width: 169px;
}
.about_author {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
}
.author_email {
	color: #636363;
	margin-bottom: 5px;
	display: block;
	font-size: 14px;
}
.about_widget p {
	font-size: 14px;
	margin: 0;
}
.sidebar .insta_icon {
	font-size: 18px;
}
.grid_container {
	list-style: none;
}
.grid_container li .blog_post {
	margin: 0;
}
.grid_item {
	padding: 3px;
}

.grid_item .owl-carousel {
	display: block;
}
.grid_item .owl-carousel a:nth-child(1n+2) {
	display: none;
}
/*===================================*
  09. END BLOG SECTION
*===================================*/

.creatran {
   padding:11px 15px;
   border: 3px outset white;
   min-width:100%;
   text-align:left;
   background-color:  #72977C;
}


@media screen and  (max-width: 768px) {
    .creatran {
      max-width:100% !important;
      margin-left:-15px;
    }
} 

/*---------------------------------------------------------
 9.a PERSONALIZACIONES Gale Agromun
-------------------------------------------------------- */


/* 9.a Efectos de Botones CSS3 */

.botC {
    border:2px ridge white;
    max-width:90%;
    height:33px;
    font-size: 0.93rem;
    font-weight:700;
    padding: 3px 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 5px;
    box-shadow: 0px 4px 20px rgba(101, 101, 101, 0.1);
}

.botG {
    border:2px outset white;
    max-width:90%;
    height:33px;
    font-size: 0.93rem;
    font-weight:700;
    padding: 3px 5px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 5px;
    box-shadow: 0px 4px 20px rgba(101, 101, 101, 0.1);
}

@media screen and (max-width: 768px) {
  .botC, .botG {
    max-width:90%;
    height:31px;
    font-size: 0.69rem;
    font-weight:700;
  }
  
  #resptran {
    font-size: 0.93rem !important;
    color:#FF4000;
    line-height: 0.81rem;    
  }
  
  .col-md-9 {
    padding:0 !important;
  }
}


/*Botones Especiales*/

boton_wapp {
    text-decoration: none;
    float: right;
    padding: 7px 11px;
    font-family: 'robotolight';
    font-weight: 800;
    font-size: 1.11rem;
    color: #333;
    background-color: #25d366;
    margin-bottom: 11px;
    border-radius: 9px;
    border: 1px inset green;
    display: block; -webkit-transition: all .7s linear; -moz-transition: all .7s linear; -ms-transition: all .7s linear; -o-transition: all .7s linear; transition: all .7s linear;
  }

.boton_wapp {
    text-decoration: none;
    padding: 3px 7px;
    margin-left: 11px;
    font-family: 'robotolight';
    font-weight: 800;
    font-size: 1.11rem;
    color: #fff;
    background-color: #25d366;
    border-radius: 9px;
    border: 1px inset green;
    display: block; -webkit-transition: all .7s linear; -moz-transition: all .7s linear; -ms-transition: all .7s linear; -o-transition: all .7s linear; transition: all .7s linear;
  }
  
.boton_wapp:hover {
    background-color: #D8D8D8 !important;
  }

boton_A {
    text-decoration: none;
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 0.80rem;
    color: #333;
    padding:3px 7px;
    background-color: #E3F9FA;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 11px;
    border: 1px Inset #333;
  }
  
boton_A:hover{
    opacity: 0.9;
    color: #333;
    font-weight: 700;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear;
  }
  
boton_V {
    text-decoration: none;
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 0.80rem;
    color: #333;
    padding:3px 7px;
    background-color: #20c997;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 11px;
    border: 1px outset #333;
  }
  
boton_V:hover{
    opacity: 0.9;
    color: white;
    font-weight: 700;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear;

  }
  
/* Cajas de Texto */  

noti3d {
    background-color:gray;
    display: block;   
    width: 250px;   
    margin: 10px auto;   
    padding: 3px;   
    text-align: justify;   
    border: 1px outset #999999;   
    background: #DDDDDD;   
    -moz-transform: translate(100px);   
    -webkit-transform: translate(100px);
	box-shadow: 20px 20px 15px black;
	-webkit-box-shadow:20px 20px 15px black; 
	-moz-box-shadow:20px 20px 15px black;
}

noti3d_ext {
    background-color:gray;
    display: block;   
    width: 100%;   
    margin: 10px auto;   
    padding: 11px;   
    text-align: justify;   
    border: 1px outset #999999;   
    background: #DDDDDD;
    color: #333;
    font-size:1.07rem;
    -moz-transform: translate(5px);   
    -webkit-transform: translate(5px);
	box-shadow: 10px 10px 15px black;
	-webkit-box-shadow:10px 10px 15px black; 
	-moz-box-shadow:10px 10px 15px black;
}
  
boxS {
  background-color: #F2F2F2; 
  color: #07d765; font-size: 14px; padding:7px 3px; cursor: pointer; border-radius: 15px;
 } 
/* SELECTs */

  body label:not(.input-group-text) {
	 margin-top: 10px;
  }
  .my-select {
	 background-color: #dfe9e8;
	 color: #333;
	 font-size:0.93rem;
	 font-weight:500;
	 border: 1px inset black;
	 padding: 3px 11px;
	 margin: 5px 3px;
  }
  
  .custom-select {
      background: url("") !important;
      background-color: #fff !important;
  }

/* 9.b Efectos Especiales */

he1 {
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 20px;
  padding: 11px 7px;
  text-align: center;
  text-transform: uppercase;
}
he1 .elegantshadow {
  color: #131313;
  background-color: #e7e5e4;
  letter-spacing: 0.15em;
  text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777, -4px 8px 1px #7b7a7a, -5px 10px 1px #7f7d7d, -6px 12px 1px #828181, -7px 14px 1px #868585, -8px 16px 1px #8b8a89, -9px 18px 1px #8f8e8d, -10px 20px 1px #949392, -11px 22px 1px #999897, -12px 24px 1px #9e9c9c, -13px 26px 1px #a3a1a1, -14px 28px 1px #a8a6a6, -15px 30px 1px #adabab, -16px 32px 1px #b2b1b0, -17px 34px 1px #b7b6b5, -18px 36px 1px #bcbbba, -19px 38px 1px #c1bfbf, -20px 40px 1px #c6c4c4, -21px 42px 1px #cbc9c8, -22px 44px 1px #cfcdcd, -23px 46px 1px #d4d2d1, -24px 48px 1px #d8d6d5, -25px 50px 1px #dbdad9, -26px 52px 1px #dfdddc, -27px 54px 1px #e2e0df, -28px 56px 1px #e4e3e2;
}

/* 9.c Mensajes y Etiquetas de Fonts */

.text-danger {
    text-align: justify; 
    height:auto;
    color: orange;
    Text-decoration:underline;
    font-size: 1.0rem;
    font-weight:700;
    z-index:1;
}

.text-notif {
    text-align: justify !important;
    line-height: 1.2 !important;
    height:auto;
    color: blue;
    Text-decoration:underline;
    font-size: 1.1rem;
    font-weight:700;
    z-index:1;
}

.box3d {
    width:90%;
    min-height: 100px;
    background-color: #D8D8D8;
    margin:11px auto;
    position:relative;
}

.box3d:before, .box3d:after {
    content:'';
    position:absolute;
    z-index:-1
} 

boxB {border: 1px outset; font-size: 1.0rem; font-weight:700; color:white; background-color: blue; padding:3px 7px;
    -webkit-border-radius: .769em;
    -moz-border-radius: .769em;
    border-radius: 11px;
}

boxG {border: 1px outset; font-size: 1.0rem; font-weight:700; color:white; background-color: green; padding:3px 7px;
    -webkit-border-radius: .769em;
    -moz-border-radius: .769em;
    border-radius: .769em;
}

.box3d:before {
    width:50%;
    height: 25%;
    left:10px;
    bottom:15px;
    box-shadow: 0px 15px 10px #333;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.box3d:after {
    width:50%;
    height: 25%;
    right:10px;
    bottom:15px;
    box-shadow: 0px 15px 10px #333;
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}


@font-face {
  font-family: 'robotolight';
  src: url("../fonts/Roboto-Light-webfont.eot");
  src: url("../fonts/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light-webfont.woff") format("woff"), url("../fonts/Roboto-Light-webfont.ttf") format("truetype"), url("../fonts/Roboto-Light-webfont.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal;
}

props { border: 1px dashed; font-size: 1.4rem;  color: white; font-weight:bold; padding: 5px 8px;line-height: 1.95em;}
propsv { color: white; font-weight:bold; font-size: 0.95rem; line-height: 1.25rem;}
subA0 { font-size: 1.0rem; font-weight:700; color:blue; text-indent:1.0rem; line-height: 0.93rem;Text-decoration:underline;}
subA1 { display: block; font-size: 1.1rem; font-weight:700; color:blue; text-indent:0.5rem; line-height: 1.11; text-align: justify; }
subA { font-size: 1.2rem; font-weight:800; color:blue; text-indent:1.0rem; line-height: 0.93rem;}
suN { font-size: 1.2rem; font-weight:600; color:Black; text-indent:1.0rem; line-height: 0.93rem;}
suBN { font-size: 1.1rem; font-weight:600; color:Black; text-indent:1.0rem; line-height: 0.93rem;}
subb { font-size: 0.93rem; font-weight:300; color:black; text-indent:1.0rem; line-height: 0.93rem;}
subG { font-size: 1.2rem; font-weight:800; color:green; text-indent:1.0rem; line-height: 0.93rem;}
subl { font-size: 1.0rem; font-weight:700; color:green; text-indent:1.0rem; line-height: 1.11rem;}
subo { font-size: 1.0rem; font-weight:700; color:orange; text-indent:1.0rem; line-height: 1.25rem;}
subos {color: orange; font-weight: 700; font-size: 0.93rem;}
subR { font-size: 1.1rem; font-weight:800; color:red; text-indent:1.0rem; line-height: 0.93}
subw { font-size: 1.0rem; font-weight:700; color:white; text-indent:1.0rem; line-height: 0.93}
subws { font-size: 0.69rem; font-weight:700; color:white; text-indent:1.0rem; line-height: 0.93}
suby { font-size: 1.0rem; font-weight:700; color:yellow; text-indent:1.0rem; line-height: 0.93rem;}
subBY { font-size: 1.2rem; font-weight:700; color:yellow; text-indent:1.0rem; line-height: 0.93rem;}
subt { font-size: 1.1rem; font-weight:700; color:green; margin:7px 5px;line-height: 1.1rem;}
subb { font-size: 1.0rem; font-weight:700; color:green; margin-top:9px; line-height: 1.1rem;}

hg { font-family: "Poppins, Verdana, Georgia, Arial, robotolight"; font-size: 0.93rem; font-weight:300; text-align:justify; color:black; text-indent:1.0rem; line-height: 200%;}
hGx { font-family: "Verdana, Georgia, Arial, robotolight"; font-size: 2.4rem; font-weight:300; text-align:justify; color:green; text-indent:1.0rem; line-height: 1.55rem;}
box { border:1px inset white; padding: 3px 11px;
    font-weight: 500; color: #333; font-size: 0.69rem;  
    background-color: #D8D8D8; 
    border-top-right-radius: 15px; border-bottom-left-radius: 11px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.alert {
	border: 1px solid white;
	padding:7px 7px;
	margin-top:11px;
    color: #333;
    max-width:569px;
    background-color: #FCF573;
	font-size: 1.2rem;
	font-weight:500;
}

.activo { 
     background:green !important;
     color:white !important;
    }
    
.inactivo { 
    background:#DFC !important;
    color:black !important;
}

.imgn {
    width:69%;
    position:relative;
    margin:7px 11px;
    overflow: hidden;
    float:left;
}

.imgn:focus {
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    box-shadow: 0px 0px 15px 15px #ec731e;
    -webkit-box-shadow: 0px 0px 15px 15px #ec731e;
    -moz-box-shadow: 0px 0px 15px 15px #ec731e;
}

parpa {
  animation-name: parpadeo;
  animation-duration: 3.0s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name:parpadeo;
  -moz-animation-duration: 2.5s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  color:blue;
  font-weight:800;
  line-height: 1.1rem;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.1; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.1; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.1; }
  100% { opacity: 1.0; }
}

.input-group-addon, .input-group-btn {
    width: 30%;
}

.input-mix {
   height:28px;
   width: 93px;
   color:black;
}

label {
    display: inline-block;
    max-width: 100%;
    margin: 0 7px 5px 0;
    font-weight: 600;
    font-size: 1.0rem;
    color:white;
}

label > input[type="radio"] {
    display:inline-block;
    width:11px;
    height:11px;
    cursor:pointer;
}

input {
    color:#333;
}

.form_hint {
    display: inline-block;
    max-width: 100%;
    margin: 7px 0;
    font-size: 0.93rem;
    font-weight: 300;
    position: relative;
    color:blue;
}

.form_hint_b {
    display: inline-block;
    max-width: 100%;
    margin: 11px 0;
    font-size: 0.69rem;
    font-weight: 300;
    color:#333;
}

.form-group {
    margin-bottom: 7px;
}

input::-webkit-input-placeholder {
    /* Google Chrome y Safari */
  font-size: 1.0rem;
  font-weight: 500;
  color: gray;
}

input::-moz-placeholder {
    /* Firefox 19 y superior */
  font-size: 1.0rem;
  font-weight: 500;
  color: gray; 
}
input:-ms-input-placeholder { 
    /* Internet Explorer 10 y superior */
  font-size: 1.0rem;
  font-weight: 500;
  color: gray;
}

@media screen and  (max-width: 993px) {
  .form-control {
    font-size:1.1rem;
  }
  input {
	font-size: 1.1rem;
	font-weight: 500;
  }  
}

/*Mostrar los campos requeridos de color Naranja*/

   input:invalid { border-color: red; } input, input:valid { border-color: #ccc; }

    form input:required {
       border:1px solid orange;
    /* otras propiedades */
    }
    /*Si el valor que el usuario escribe es valido, obtendra un color verde*/
    form input:valid{
        border:2px solid green;
        /* otras propiedades */
    }
    /*caso contrario, el color sera rojo*/
    form input:focus:invalid{
        border:2px solid red;
        /* otras propiedades */
    }
form textarea:focus:invalid{
        border:2px solid orange;
        /* otras propiedades */
    }    

form select:focus:invalid{
        border:2px solid red;
        /* otras propiedades */
    }


/*---------------------------------------------------------
 9.c Iframes Responsive & Modals
-------------------------------------------------------- */

.modalDialog360 {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog360 > div {
	max-width: 75%;
	position: relative;
	margin: 10% auto;
	padding: 5px 11px 7px 11px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
  -webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
}

.modalDialog360:target {
	opacity:1;
	pointer-events: auto;
} 

@media screen and (max-width: 768px) {
  .modalDialog360 > iframe {
    width: 100%;
  }
}

.marco360 {
    margin-top:-93px;
}

.iframe360 {
  width: 100%;
  height: 555px;
}

@media screen and (max-width: 768px) {
  .iframe360 {
    width: 100%;
    height: 500px;
  }
  .marco360 {
    margin-top:-11px;
  }
}

@media (max-width: 320px) {
  .iframe360 {
    width: 100%;
    height: 450px;
  } 
}

.lightbox img {
    box-shadow:0 0 25px #111;
    -webkit-box-shadow:0 0 25px #111;
    -moz-box-shadow:0 0 25px #111;
    max-width:940px;
}

/*---------------------------------------------------------
9.d # Custom MODAL
-------------------------------------------------------- */

.modal-backdrop{
	z-index: 10;
	color: #555;
}
.modal-dialog {
    max-width: 931px !important;
}

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modal-dialog > div {
	max-width: 80%;
	top:93px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #ACD2BB !important;
	background: -moz-linear-gradient(#fff, #ACD2BB);
	background: -webkit-linear-gradient(#fff, #ACD2BB);
	background: -o-linear-gradient(#fff, #ACD2BB);
	-o-transition: opacity 400ms ease-in;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modal-backdrop {
  position: relative;    
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 100%;
  }
}

.modal-title{
	color: #555;
}

#modal_info {
	background-color: #ACD2BB;
	max-width:100%;
}


@media screen and  (max-width: 768px) {
#modal_info {
	background-color: #ACD2BB !important;
	max-width:303px !important;
  }
}


.modalClose {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: 11px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.modalClose:hover { background: #00d9ff; }


/* 9.f Personalizaci���n de Radio Botons */

.contradio {
  display: block;
  position: relative;
  padding-left: 25px;
  margin: 7px 31px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.contradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  border: 1px inset black;
  background-color: #BDC1BE;
}

/* On mouse-over, add a grey background color */
.contradio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.contradio input:checked ~ .checkmark {
  background-color: green;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/*===================================*
  10. START NEWLETTER SECTION
*===================================*/
.newslatter_wrap {
	z-index: 2;
}
.newsletter_form .form-control {
	border: 0;
	height: 60px;
	padding: 10px 25px;
	font-size: 16px;
	box-shadow: 0px 2px 0 rgba(0,0,0,0.05);
}
.newsletter_form {
	position: relative;
}
.rounded_input input {
	border-radius: 50px;
}
.newsletter_form .btn {
	padding: 10px 30px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 0 50px 50px 0;
	text-transform: capitalize;
	font-weight: normal
}
.newsletter_form2 form {
	position: relative;
}
.newsletter_form2 .form-control {
	border: 0;
	height: 50px;
}
.newsletter_form2 button {
	position: absolute;
	right: 5px;
	top: 50%;
	padding: 6px 10px;
	transform: translateY(-50%);
}
/*===================================*
  10. END NEWLETTER SECTION
*===================================*/

/*===================================*
  11. START PRICING TABLE SECTION
*===================================*/
.pricing_box {
	background-color: #fff;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
.pricing_style1 {
	box-shadow: 0 0 10px rgba(0,0,0,.15);
}
.pricing_style2 .pr_content {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.pricing_style2 .pr_footer {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.pricing_ribbon {
	background-color: #07d765;
	color: #fff;
	position: absolute;
	display: block;
	top: 20px;
	right: -35px;
	width: 140px;
	padding: 5px 20px 5px;
	margin: 0;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	line-height: normal;
	z-index: 2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	font-size: 14px;
}
.pr_title {
	font-family: 'Poppins', sans-serif;
	text-transform: capitalize;
}
.pr_title_wrap {
	padding: 40px 15px 30px;
	background-image: linear-gradient(#fff, #eee);
}
.price_tage h2 {
	font-size: 40px;
	font-weight: bold;
	margin: 0;
}
.price_tage h2 span {
	font-size: 14px;
	font-weight: normal;
	font-family: 'Poppins', sans-serif;
}
.pr_list li {
	padding: 12px;
}
.pr_footer {
	padding: 20px 20px 40px 20px;
}


/*===================================*
  11. END PRICING TABLE SECTION
*===================================*/

/*===================================*
  12. START FOOTER
*===================================*/
footer {
	position: relative;
	z-index: 1;
}
.footer_logo {
	margin-bottom: 15px;
}
.footer_desc p {
	font-size: 14px;
}
.top_footer {
	padding: 100px 0;
}
.widget_links li {
	padding: 0 0 7px;
}
.widget_links li:last-child {
	padding-bottom: 0;
}
.widget_links li a {
	color: #636363;
	font-size: 14px;
	position: relative;
}
.widget_links.links_style1 li a:hover,
.widget_links.links_style2 li a:hover {
	padding-left: 5px;
}
.links_style2 li a::before {
	content: "\f105";
	font-family: fontawesome;
	font-size: 18px;
	vertical-align: middle;
	margin-right: 10px;
}

.enqFoot {
    text-align:left;
    margin-right: 12px;
    width: 90%;
}

@media screen and (max-width: 991px) {
  .enqFoot {
    max-width:90%;
    font-size: 1.1rem;
    font-weight:700;
  }
  input,textarea {
	box-shadow: 1px 2px 0 rgba(0,0,0,0.05);
  }
}
  
.contact_info > li > i {
	font-size: 18px;
	vertical-align: middle;
	max-width: 30px;
	width: 100%;
	text-align: center;
	margin-right: 5px;
}
.contact_info li:first-child {
	margin-top: 0;
}
.contact_info > li {
	margin-top: 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.contact_info li span {
	background-color: #fff;
	display: inline-block;
	margin-right: 10px;
	font-size: 16px;
	vertical-align: top;
	padding: 8px;
	color: #07d765;
	box-shadow: 0px 2px 0 rgba(0,0,0,0.05);
	border-radius: 5px;
}
.contact_info_style1 li span {
	background-color: transparent;
	box-shadow: none;
	margin-right: 5px;
	padding-left: 0;
}
.contact_info i + *,
.contact_info span + * {
	font-size: 14px;
	color: #636363;
	margin: 0;
	vertical-align: top;
}
.contact_info.contact_info_style2 li span {
	font-size: 24px;
	background-color: #07d765;
	box-shadow: none;
	border-radius: 100%;
	max-width: 50px;
	height: 50px;
	text-align: center;
	line-height: 35px;
	color: #fff;
	position: relative;
	margin: 5px 20px 5px 5px;
	width: 100%;
}
.contact_info.contact_info_style2 li span::after {
	content: "";
	border: 1px dashed #07d765;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	border-radius: 100%;
	margin: -5px;
}
footer .widget_title {
	font-size: 22px;
	margin-top: 25px;
	font-weight: bold;
}
footer .widget_title2 {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	margin-top: 35px;
	font-weight: 600;
	margin-bottom: 30px;
}
.widget_title {
	margin-bottom: 30px;
	text-transform: capitalize;
	position: relative;
}
.bottom_footer {
	padding: 30px 0;
	position: relative;
}
.footer_link li {
	display: inline-block;
	position: relative;
}
.footer_link li::before {
	content: "";
	height: 12px;
	width: 1px;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
}
.footer_link li:first-child:before {
	content: normal;
}
.footer_link li a {
	font-size: 14px;
	padding: 0 10px;
	color: #888;
}
.footer_link li a:hover,
.widget_links li a:hover,
.contact_info li a:hover {
	color: #07d765;
}
.post_footer {
	display: -ms-flexbox;
	display: flex;
}
.post_img {
	margin-right: 10px;
	max-width: 80px;
	width: 100%;
	float: left;
}
.post_content {
	overflow: hidden;
}

.post_img img {
	border-radius: 10px;
}
.post_info {
	margin:0 auto;
}

.post_text {
	text-align:center;
	margin:auto;
}

.post_date {
	font-size: 80%;
}
.recent_post > li {
	display: table;
	width: 100%;
	margin-bottom: 17px;
	border-bottom: 1px solid #cacaca;
	padding-bottom: 15px;
}
.recent_post > li:last-child {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}
.recent_post > li:last-child {
	margin-bottom: 0;
}
.post_content h6 {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	line-height: 18px;
}
.post_content .rating {
	margin-bottom: 5px;
}
.post_content .price {
	font-size: 16px;
}

.post_twetter {
	font-size: 11px;
}
.instafeed {
	margin: -5px
}
.instafeed li {
	float: left;
	width: 25%;
	padding: 5px;
	position: relative;
}
.instafeed li a {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.instafeed li a::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: 0;
	background-color: rgba(0,0,0,0.6);
	transition: all 0.5s ease-in-out;
	z-index: 1;
}
.insta_icon {
	color: #fff;
	font-size: 24px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	opacity: 0;
	text-align: center;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all 0.5s ease-in-out;
	z-index: 2;
}
.instafeed li:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.instafeed img {
    width: 100%;
    transition: all 0.5s ease-in-out;
}
.instafeed li:hover a::before, .instafeed li:hover .insta_icon {
	opacity: 1;
}
.footer_payment {
	font-size: 0;
}
.footer_payment li {
	display: inline-block;
	font-size: 16px;
	margin-left: 2px;
}
.copyright {
	font-size: 14px;
}
.footer_dark h1,.footer_dark h2,.footer_dark h3,.footer_dark h4,.footer_dark h5,.footer_dark h6,
.footer_dark p,
.footer_dark .contact_info li i,
.footer_dark .contact_info i + *,
.footer_dark .contact_info span + *,
.footer_dark .widget_links li a,
.footer_dark .footer_link li a,
.footer_dark .post_content h6 a {
	color: #fff;
}
.footer_dark .post_date {
	color: rgba(255,255,255,0.6);
}
.footer_dark .widget_links li a:hover,
.footer_dark .footer_link li a:hover,
.footer_dark .post_content h6 a:hover,
.footer_dark .contact_info a:hover {
	color: #07d765;
}
.border_top_transparent {
	border-top: 1px solid rgba(255,255,255,0.3);
}
.shopping_info {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.shopping_info .icon_box {
	margin-top: 0;
	padding: 30px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.shopping_info div[class*="col-"]::before {
	border-right: 1px solid #ddd;
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	height: 60%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.shopping_info div[class*="col-"]:last-child:before {
	content: normal;
}
.shopping_info.shopping_info_light div[class*="col-"]::before {
	border-color: #fff;
}
.shopping_info_light .intro_desc * {
	color: #fff;
}
.shopping_info_style2 .intro_desc h5 {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 600;
}
/*===================================*
  12. END FOOTER
*===================================*/

/*===================================*
  13. START GALLERY SECTION
*===================================*/
.grid_filter {
	margin-bottom: 11px;
}

.box {border: 1px outset black; font-size: 1.0rem; font-weight:700; 
    color:green; background: #F5F6FB; 
    padding:3px 11px !important; 
    margin: 7px 5px !important; 
    border-radius: 15px;}

.grid_filter li {
	display: inline-block;
	margin: 0 5px;
}
.grid_filter li a {
	background-color: #F5F6FB;
	padding: 5px 20px;
}
.grid_filter li .current {
	background-color: #07d765;
	color: #fff;
}
.gallery_item {
	position: relative;
	overflow: hidden;
}
.gallery_content {
	bottom: -93px;
	padding: 15px;
	margin-bottom:-63px;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	right: 0px;
	left: 0;
	transition: all 0.5s ease-in-out;
	z-index: 0;
}
.gallery_item .image_link::before {
	background-color: rgba(0,0,0,0.50);
	content: "";
	position: absolute;
	left: 0;
	right: 3px;
	opacity: 0;
	visibility: hidden;
	top: 0px;
	bottom: 100%;
	transition: all 0.5s ease-in-out;
	z-index: 2;
}
.gallery_item:hover .gallery_content {
	bottom: 40px;
	opacity: 1;
	visibility: visible;
}
.gallery_item:hover .image_link:before {
	bottom: 40px;
	opacity: 1;
	visibility: visible;
}
.gallery_item a {
	display: block;
	overflow: hidden;
}
.gallery_item img {
	width: 100%;
	transition: all 0.5s ease-in-out;
}
.gallery_item:hover img {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.link_container {
	float: right;
}
.link_container a {
	background-color: #fff;
	color: #07d765;
	font-size: 20px;
	width: 45px;
	height: 45px;
	display: inline-block;
	border-radius: 100%;
	line-height: 50px;
	margin: 0 2px;
	text-align: center;
}
.gallery_content h5 {
	font-family: 'Poppins', sans-serif;
	margin-bottom: -10px;
}
.gallery_content h5 a, .pr_categories a {
	color: #fff !important;
	text-transform: capitalize;
}
.pr_categories a {
	background-color: #07d765;
	float: left;
	border-radius: 50px;
	padding: 0 10px;
	font-size: 14px;
	line-height: normal;
	margin-right: 4px;
}
.pr_categories a:last-child {
	margin-right: 0;
}
.info_box {
	padding: 20px;
}
.info_box > ul > li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #caba98;
}
.info_box > ul > li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0;
}
.info_box span {
	display: block;
	color: #333;
	font-weight: 600;
	text-transform: uppercase;
}
.post_nav {
	padding: 20px 000000;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}
.post_prev a i,
.post_next a i {
	font-size: 26px;
	vertical-align: middle;
	float: left;
}
.post_all_btn a {
	font-size: 28px;
}
.post_next a i {
	float: right;
}
/*===================================*
  13. END GALLERY SECTION
*===================================*/

/*===================================*
  14. START ELEMENT DESIGN
*===================================*/
.icon_box {
	margin-top: 30px;
	padding: 15px;
}
.intro_desc h6 {
	font-family: 'Poppins', sans-serif;
}
.intro_desc p {
	font-size: 14px;
}
.intro_desc p:last-child {
	margin: 0;
}
.icon_box_style1 .box_icon::before,
.icon_box_style3 .box_icon::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 1px solid #07d765;
	border-radius: 100%;
	margin: -5px;
}
.icon_box_style1 .box_icon {
	background-color: #07d765;
	width: 72px;
	text-align: center;
	float: left;
	height: 72px;
	border-radius: 100%;
	line-height: 72px;
	position: relative;
	margin: 5px 20px 5px 5px;
}
.icon_box_style1 {
	border: 1px solid #eee;
	transition: all 0.5s ease-in-out;
}
.icon_box_style1:hover {
	border-color: #07d765;
}
.icon_box_style1 .intro_desc,
.icon_box_style2 .intro_desc {
	overflow: hidden;
}
.icon_box_style2 .box_icon {
	background-color: #fff;
	max-width: 78px;
	text-align: center;
	float: left;
	height: 78px;
	border-radius: 100%;
	line-height: 78px;
	position: relative;
	margin: 0px 20px 0px 0px;
	box-shadow: 0 2px 0 rgba(0,0,0,0.05);
	width: 100%;
}
.icon_box_style2:hover .box_icon {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: swing;
	animation-name: swing;
}
.icon_box_style2 .box_icon i {
	font-size: 34px;
	color: #07d765;
	line-height: 78px;
}
.icon_box_style3 {
	padding: 25px 15px;
	text-align: center;
}
.icon_box_style3 .box_icon {
	background-color: #07d765;
	width: 72px;
	text-align: center;
	height: 72px;
	border-radius: 100%;
	line-height: 72px;
	position: relative;
	margin: 5px auto 15px;
}
.icon_box_style3:hover .box_icon {
	-webkit-animation-name: wobble;
	animation-name: wobble;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.intro_desc h5 {
	font-weight: bold;
}
.list_style_1 li {
	list-style: outside none none;
	padding: 10px 0 10px 40px;
	position: relative;
}
.list_style_1 li::before {
	content: "\f121";
	font-family: ionicons;
	background-color: #07d765;
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 100%;
	position: absolute;
	margin-right: 10px;
	left: 0;
	top: 10px;
}
.list_style_2 li {
	list-style: outside none none;
	padding: 10px 0 10px 25px;
	position: relative;
}
.list_style_2 li::before {
	content: "\f121";
	color: #07d765;
	font-family: ionicons;
	left: 0;
	position: absolute;
	top: 10px;
}
.order_list li {
	list-style: decimal;
	padding: 5px;
}
.disc_list li {
	list-style: disc;
	padding: 5px;
}
.owl-theme .owl-nav {
	margin-top: 0;
}
.owl-theme .owl-nav [class*="owl-"] {
	background-color: #07d765;
	color: #fff;
	font-size: 26px;
	margin: 0;
	line-height: 36px;
	border-radius: 50px;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkittransform: translateY(-50%);
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
	height: 40px;
	width: 40px;
	text-align: center;
}
.owl-theme .owl-nav .owl-prev {
	left: 10px;
}
.owl-theme .owl-nav .owl-next {
	right: 10px;
}
.nav_top_right.owl-theme .owl-nav .owl-prev {
	left: auto;
	right: 50px;
}
.nav_top_right.owl-theme .owl-nav .owl-next {
	right: 0px;
}
.nav_top_right.owl-theme .owl-nav [class*="owl-"] {
	top: -90px;
	-moz-transform: none;
	-webkittransform: none;
	transform: none;
}
.nav_top_right2.owl-theme .owl-nav .owl-prev {
	left: auto;
	right: 50px;
}
.nav_top_right2.owl-theme .owl-nav .owl-next {
	right: 0px;
}
.nav_top_right2.owl-theme .owl-nav [class*="owl-"] {
	top: -65px;
	-moz-transform: none;
	-webkittransform: none;
	transform: none;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
	background-color: #00a735;
}
.owl-theme .owl-nav .disabled,
.owl-theme .owl-nav .disabled:hover {
	background-color: #888 !important;
	opacity: 1;
}
.nav_style1.owl-theme .owl-nav .owl-prev {
	left: -50px;
	border-radius: 5px;
}
.nav_style1.owl-theme .owl-nav .owl-next {
	right: -50px;
	border-radius: 5px;
}
.nav_style2 {
	overflow: hidden;
}
.nav_style2.owl-theme .owl-nav .owl-prev {
	left: -50px;
	opacity: 0;
	visibility: hidden;
}
.nav_style2.owl-theme .owl-nav .owl-next {
	right: -50px;
	opacity: 0;
	visibility: hidden;
}
.nav_style2.owl-theme:hover .owl-nav .owl-prev {
	left: 10px;
}
.nav_style2.owl-theme:hover .owl-nav .owl-next {
	right: 10px;
}
.nav_style2.owl-theme:hover .owl-nav .owl-prev,
.nav_style2.owl-theme:hover .owl-nav .owl-next {
	opacity: 1;
	visibility: visible;
}
.video_play {
	position: absolute;
	right: 0;
	display: table;
	left: 50%;
	top: 50%;
	-moz-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	text-align: center;
}
.team_box {
	margin-bottom: 30px;
}
.team_info {
	margin-top: -30px;
	margin-left: 10px;
	background-color: #fff;
	z-index: 1;
	position: relative;
	padding: 10px;
	margin-right: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.team_img {
	overflow: hidden;
}
.team_img img {
	width: 100%;
	transition: all 0.5s ease-in-out;
}
.team_box:hover .team_img img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.team_title h5 {
	font-family: 'Poppins', sans-serif;
	text-transform: capitalize;
}
.team_title span {
	color: #07d765;
	font-style: italic;
}
.team_title + .social_icons {
	margin-top: 10px;
}
.map iframe {
	display: block;
	width: 100%;
	height: 500px;
	border: 0;
}
.content_box {
	margin-top: 30px;
}
.content_desc {
	position: relative;
	padding: 15px;
}
.content_title {
	font-size: 18px;
}
.content_meta li a {
	color: #888;
}
.content_meta li a:hover {
	color: #07d765;
}
.content_img {
	overflow: hidden;
	position: relative;
}
.content_img a {
	display: block;
}
.content_img img {
	transition: all 0.5s ease-in-out;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	width: 100%;
}
.content_box:hover .content_img img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.box_counter i {
	font-size: 50px;
}
.box_counter img {
	max-width: 60px;
	margin-bottom: 15px;
}
.box_counter i {
	margin-bottom: 15px;
	color: #333;
}
.counter_text {
	font-size: 36px;
	margin: 0;
	color: #333;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}
.box_counter p {
	margin: 0;
	font-size: 18px;
	color: #333;
	font-weight: 500;
}
.content_desc p:last-child {
	margin: 0;
}
.counter_white .counter_text,
.counter_white i,
.counter_white p {
	color: #fff;
}
.counter_white .counter_pattern::before,
.counter_white .counter_pattern::after {
	background-color: #fff;
}
.custom_select {
	position: relative;
}
.custom_select select option {
    color: #000;
}
.form_style1 .custom_select::before {
	right: 20px;
}
.custom_select::before {
	content: "\f107";
	font-family: fontawesome;
	position: absolute;
	display: block;
	top: 50%;
	right: 15px;
	pointer-events: none;
	font-size: 18px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.custom_select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ced4da;
	border-radius: 4px;
	padding: 9px 30px 9px 10px;
	width: 100%;
	color: #666;
	font-size: 14px;
	line-height: normal;
}
.custome-checkbox .form-check-label {
	position: relative;
	cursor: pointer;
	color: #888888;
	padding: 0;
	vertical-align: middle;
	padding-left: 25px;
}
.custome-checkbox .form-check-input {
	display: none;
}
.custome-checkbox .form-check-label::before {
	content: "";
	border: 2px solid #cfcfcf;
	height: 19px;
	width: 19px;
	position: absolute;
	vertical-align: middle;
	margin: 0px 8px 0 0;
	left: 0;
	top: 2px;
}
.custome-checkbox input[type="checkbox"]:checked + .form-check-label::after {
	opacity: 1;
}
.custome-checkbox input[type="checkbox"] + .form-check-label::after {
	content: "";
	width: 11px;
	position: absolute;
	top: 7px;
	left: 4px;
	opacity: 0;
	height: 6px;
	border-left: 2px solid #cfcfcf;
	border-bottom: 2px solid #cfcfcf;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.lr_form {
	padding: 30px 70px;
}
.different_login h5 {
	margin: 20px 0;
}
.login_footer > a {
	float: right;
	color: #908f8f;
}
.login_footer a:hover {
	color: #07d765;
}
.btn-login li {
	margin: 0px 5px 0;
	display: inline-block;
}
.btn-login li a {
	border-radius: 5px;
	padding: 10px 20px;
	color: #fff;
	display: block;
}
.btn-login li a i {
	margin-right: 10px;
	font-size: 18px;
}
.btn-facebook {
	background: #3b5998;
	border-color: #3b5998;
}
.btn-facebook:hover {
	color: #fff;
	background: #344e86;
	border-color: #344e86;
}
.btn-google {
	background: #d85040;
	border-color: #d85040;
}
.btn-google:hover {
	color: #fff;
	background: #d33d2b;
	border-color: #d33d2b;
}
.nav-tabs {
	border: 0;
}
.nav-tabs .nav-item {
	position: relative;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover {
	color: #07d765;
}
.nav-tabs li.nav-item a {
	background-color: transparent;
    border: 0;
	color: #636363;
	font-size: 16px;
	font-weight: 500;
    text-align: center;
    text-transform: capitalize;
	padding: 5px 20px;
}
.tab-content {
	margin-top: 25px;
}
.tab-style1 .nav-tabs {
	border-bottom: 1px solid #ddd;
}
.tab-style1 .nav-tabs .nav-link.active,
.tab-style1 .nav-tabs .nav-link.active:hover {
	border-bottom-color: #07d765;
}
.tab-style1 .nav-tabs .nav-item {
	margin-right: 20px;
}
.tab-style1 .nav-tabs .nav-item:last-child {
	margin-right: 0px;
}
.tab-style1 .nav-tabs li.nav-item a {
    border-bottom: 2px solid rgba(0,0,0,0);
	padding: 5px;
}
.page-title h1 {
	font-size: 50px;
	font-weight: bold;
	text-transform: capitalize;
}
.breadcrumb {
	background-color: transparent;
	margin: 0;
	padding: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
	color: #333;
}
.breadcrumb-item.active {
	color: #333;
}
.breadcrumb li a, .breadcrumb li {
	font-size: 16px;
	text-transform: capitalize;
}
.page-title-light *, .page-title-light .breadcrumb-item, .page-title-light .breadcrumb-item::before {
	color: #fff;
}
.pagination li {
	margin-right: 10px;
}
.pagination .page-item a, .page-item.disabled .page-link {
	border: 1px solid #b5b5b5;
	border-radius: 5px !important;
	color: #b5b5b5;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	padding: 0;
	font-size: 18px;
}
.pagination .page-item a i {
	font-size: 28px;
	vertical-align: middle;
}
.page-item.active .page-link, .page-item .page-link:hover {
	background-color: #07d765;
	border-color: #07d765;
	color: #fff;
}
.page-link:focus {
	box-shadow: none;
}
.sidebar ul {
    list-style: none;
}
.search_form {
	position: relative;
}
.search_form .form-control {
	padding: 10px 45px 10px 15px;
	height: 45px;
	font-size: 16px;
	border-radius: 50px;
	border-width: 2px;
}
.search_form button {
	background-color: transparent;
	border: 0;
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-size: 22px;
	height: 46px;
}
.search_form button:hover {
	color: #07d765;
}
.sidebar .widget {
	margin-bottom: 30px;
	display: table;
	width: 100%;
}
.sidebar .widget:last-child {
	margin: 0;
}
.sidebar .widget_title {
	position: relative;
	font-family: 'Poppins', sans-serif;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 18px;
	border-bottom: 1px solid #ddd;
}
.border_bottom_dash > li {
	border-bottom: 1px dashed #999;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.border_bottom_dash > li:last-child {
	border-bottom: 0;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.widget_categories .categories_num {
	float: right;
}
.widget_categories ul li,
.widget_archive ul li {
    padding-bottom: 8px;
}
.widget_categories ul li:last-child,
.widget_archive ul li:last-child {
    padding-bottom: 0px;
}
.widget_categories a {
	font-size: 16px;
	color: #636363;
}
.widget_categories a:hover {
	color: #07d765;
}
.widget_categories a::before,
.widget_archive a:before {
	content: "\f0a4";
	font-family: fontawesome;
	margin-right: 10px;
}
.filter_price .ui-widget.ui-widget-content {
	border: 0;
	border-radius: 0;
	background-color: #ddd;
	height: 4px;
	margin-bottom: 20px;
}
.filter_price .ui-slider .ui-slider-range {
	background-color: #07d765;
	border-radius: 0;
}
.filter_price .ui-slider .ui-slider-handle {
	cursor: pointer;
	background-color: #07d765;
	border-radius: 0;
	border: 0;
	height: 17px;
	top: -7px;
	width: 8px;
	margin: 0;
}
#flt_price {
	font-weight: 600;
}
.list_grid_icon {
	display: inline-block;
	margin-left: 10px;
}
.shorting_icon {
	font-size: 24px;
	background-color: #333;
	color: #fff;
	line-height: 34px;
	vertical-align: middle;
	height: 30px;
	width: 30px;
	display: inline-block;
	text-align: center;
}
.shorting_icon.active {
	background-color: #07d765;
	color: #fff;
}
.list_view [class*="col"] {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.list_view .product_img {
	float: left;
	width: 30%;
}
.list_view .product_info {
	overflow: hidden;
	text-align: left;
}
.list_view .product .rating {
	margin: 0 0 10px;
}
.list_view .product_img .product_action_box {
	display: none;
}
.list_view .product_img img {
	padding: 30px 10px 25px 10px;
}
.list_view .pr_flash {
	right: auto;
	left: 10px;
}
.list_view .product_img::before {
    content: normal;
}
.list_view .product_action_box {
	position: static;
}
.list_view .pr_action_btn {
	margin: 0;
}
.list_view .product_action_box li {
	opacity: 1;
	float: left;
	margin:0 10px 0 0;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	filter: alpha(opacity=100);
}
.list_view .product_action_box li.add-to-cart a {
	width: auto;
	padding: 6px 15px;
	height: auto;
}
.list_view .pr_action_btn li.add-to-cart a i {
	line-height: normal;
}
.pr_desc {
	display: none;
}
.list_view .pr_desc {
	display: block;
}
.pr_desc p {
	margin-bottom: 10px;
}
.shop_container {
	position: relative;
}
.loading_pr {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 9;
}
.shop_container .mfp-preloader {
	top: 100px;
}
.gutter_small {
    margin: 0 -7.5px 0px -7.5px;
}
.gutter_small > li {
    padding: 0 7.5px 15px 7.5px;
}
.gutter_medium {
    margin: 11px 31px 11px 69px;
}

.gutter_medium > li {
	padding: 0px 15px 30px 15px;
}
.work_col1 > li {
	width: 100%;
	margin:5px;	
	border:1px inset #333;
	box-shadow: 0 0 11px rgba(0,0,0,0.10);
	border-radius: 10px;
}

.work_col2 > li {
	width: 50%;
	float: left;
	margin:5px;	
	border:1px inset #333;
	box-shadow: 0 0 11px rgba(0,0,0,0.10);
	border-radius: 10px;
}
.work_col3 > li {
	width: 31%;
	float: left;
	margin:5px;	
	border:1px outset #333;
	box-shadow: 0 0 11px rgba(0,0,0,0.10);
	border-radius: 10px;
}
.work_col4 > li {
    width: 24%;
	float: left;
	margin:5px;	
	border:1px inset #333;
	box-shadow: 0 0 11px rgba(0,0,0,0.10);
	border-radius: 10px;
}

@media screen and  (max-width: 769px) {
.work_col4 > li {
    width: 48% !important;
	float: left;
	margin:3px;
  }
  
.gutter_medium {
    margin: 7px !important;
  }
  
.gutter_medium > li {
	padding: 0px 3px 10px 3px;
  }
}

.tags a {
	background-color: #f4f4f4;
	font-size: 14px;
	padding: 5px 15px;
	float: left;
	margin-bottom: 5px;
	color: #636363;
	border-radius: 5px;
	line-height: normal;
	margin-right: 5px;
}

.tags a:hover {
	background-color: #07d765;
	color: #fff;
}
.widget_instagram ul {
	margin: -4px;
	display: table;
}
.widget_instagram li {
	float: left;
	width: 33.33%;
	padding: 4px;
}
.widget_instagram .gallery_content .image_icon i {
	font-size: 24px;
	color: #fff;
}
.countent_detail_meta {
	display: inline-block;
	width: 100%;
}
.countent_detail_meta ul {
	list-style: none;
}
.countent_detail_meta li {
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #dad1b9;
}
.countent_detail_meta label {
	display: block;
	font-weight: bold;
	color: #333;
	margin: 0;
}
.countent_detail_meta li:last-child {
	margin: 0;
	padding: 0;
	border: 0;
}
.accordion .card-header {
	padding: 0;
	background-color: transparent;
	border: 0;
}
.accordion > .card {
	border: 0;
	border-radius: 0;
	margin-bottom: 10px;
}
.accordion > .card:last-child {
	margin-bottom: 0px;
}
.accordion .card-header a {
	display: block;
	padding: 10px 50px 10px 15px;
	text-transform: capitalize;
	border-bottom: 1px solid #ddd;
	line-height: normal;
	font-family: 'Poppins', sans-serif;
	background-color: #F5F6FB;
	border: 0;
}
.accordion .card-header a::after {
	content: "\f126";
	font-family: "Ionicons";
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	right: 20px;
	top: 15px;
}
.accordion .card-header a.collapsed::after {
	content: "\f123";
}
.accordion .card-body {
	background-color: #F5F6FB;
	border-top: 1px solid #E0E1E6;
	text-align:justify;
}
.tab_box {
	padding:15px;
}
.card-body p:last-child {
	margin: 0;
}
.countdown_time {
	display: table;
	width: 100%;
}
.countdown_time .countdown_box {
	float: left;
	width: 25%;
	text-align: center;
	position: relative;
	padding: 0 5px;
}
.countdown_time .cd_text {
	display: block;
	color: #636363;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: -5px;
}
.countdown_box .countdown {
	color: #333;
	font-size: 50px;
	font-weight: bold;
	font-family: 'Lobster Two', cursive;
	line-height: normal;
}
.countdown_content::before {
	content: ":";
	font-size: 38px;
	font-weight: bold;
	color: #333;
	position: absolute;
	right: -6px;
	top: 20px;
}
.countdown_box:last-child .countdown_content:before {
	content: normal;
}
.countdown_style1 .countdown_content {
	background-color: #fff;
	border-radius: 10px;
	padding-bottom: 5px;
}
.countdown_style2 .countdown_content {
	border: 2px solid rgba(0,0,0,0.05);
	box-shadow: none;
	padding-bottom: 0px;
}
.countdown_style1 .countdown_content:before ,
.countdown_style2 .countdown_content:before {
	content: normal;
}
.countdown_white .countdown_box .countdown, .countdown_white .countdown_box .cd_text,.countdown_white .countdown_content::before  {
    color: #fff;
}
.countdown_white .countdown_box::before {
	color: #fff;
}
.social_icons [class*="sc_"] {
	color: #fff !important;
}
.social_icons [class*="sc_"]:hover {
	opacity: 0.8;
}
.sc_facebook {
	background-color: #3b5998 !important;
	border-color: #3b5998 !important;
}
.sc_gplus,
.sc_google {
	background-color:#dd4b39 !important;
	border-color: #dd4b39 !important;
}
.sc_linkedin {
	background-color:#0e76a8 !important;
	border-color: #0e76a8 !important;
}
.sc_rss {
	background-color:#ee802f !important;
	border-color: #ee802f !important;
}
.sc_skype {
	background-color:#00aff0 !important;
	border-color: #00aff0 !important;
}
.sc_twitter {
	background-color:#00acee !important;
	border-color: #00acee !important;
}
.sc_youtube {
	background-color:#c4302b !important;
	border-color: #c4302b !important;
}
.sc_vimeo {
	background-color:#86c9ef !important;
	border-color: #86c9ef !important;
}
.sc_yahoo {
	background-color:#720e9e !important;
	border-color: #720e9e !important;
}
.sc_tumblr {
	background-color:#34526f !important;
	border-color: #34526f !important;
}
.sc_instagram {
	background-color:#027ba5 !important;
	border-color: #027ba5 !important;
}
.sc_pinterest {
	background-color:#c8232c !important;
	border-color: #c8232c !important;
}
.sc_dribbble {
	background-color:#EA4C89 !important;
	border-color: #EA4C89 !important;
}
.sc_reddit {
	background-color: #C6C6C6 !important;
	border-color: #C6C6C6 !important;
}
.sc_github {
	background-color: #171515 !important;
	border-color: #171515 !important;
}
.sc_android {
	background-color: #A4C639 !important;
	border-color: #A4C639 !important;
}
.sc_windows {
	background-color: #00A7E7 !important;
	border-color: #00A7E7 !important;
}
.sc_tux {
	background-color: #C1C1C1 !important;
	border-color: #C1C1C1 !important;
}
.sc_delicious {
    background-color: #205cc0!important;
	border-color: #205cc0 !important;
}
.sc_paypal {
    background-color: #00588b!important;
	border-color: #00588b !important;
}
.sc_blogger {
    background-color: #fc4f08!important;
	border-color: #fc4f08!important;
}
.sc_flickr {
    background-color: #ff0084!important;
	border-color: #ff0084!important;
}
.sc_yahoo {
    background-color: #720e9e!important;
	border-color: #720e9e!important;
}
.sc_dropbox {
    background-color: #3d9ae8!important;
	border-color: #3d9ae8!important;
}
.sc_ebay {
    background-color: #89c507!important;
	border-color: #89c507!important;
}
.sc_wordpress {
    background-color: #1e8cbe!important;
	border-color: #1e8cbe !important;
}
.sc_yelp {
    background-color: #c41200!important;
}
blockquote {
	padding: 30px;
	position: relative;
	border-left: 2px solid #caba98;
	background-color: #faeac8;
}
blockquote p {
	line-height: normal;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	color: #333;
}
blockquote p:last-child {
	margin: 0;
}
blockquote::before {
	content: "\f10d";
	position: absolute;
	font-family: fontawesome;
	font-style: normal;
	font-size: 120px;
	left: 50px;
	top: 20px;
	color: rgba(0,0,0,0.05);
	line-height: 100px;
}
.quote_style1 {
	background-color: transparent;
}
.quote_style2 {
	border: 0;
	padding-left: 100px;
}
.quote_style2::before {
	font-size: 60px;
	left: 25px;
	top: 35px;
	line-height: 50px;
}
.single_post .single_post_content {
	margin-top: 30px;
}
.single_post .blog_text .blog_meta {
	margin: 10px 0;
}
.share > div {
	float: left;
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 0;
}
.single_post .post_navigation {
	margin: 50px 0;
}
.post_navigation i {
	font-size: 26px;
}
.post_navigation a {
	display: inline-block;
	padding: 10px 20px;
	background-color: #2f303c;
	color: #fff !important;
	font-size: 16px;
	margin-right: 5px;
}
.post_navigation a:hover {
	background-color: #07d765;
}
.post_navigation span {
	display: block;
	font-weight: 500;
	text-transform: capitalize;
}
.single_post .blog_post_footer {
	padding: 50px 0;
}
.posts-title * {
	font-family: 'Poppins', sans-serif;
	margin-bottom: 20px;
	font-size: 20px;
}
.single_post .comment_list {
	margin-bottom: 50px;
}
.comment-area .form-group:last-child {
	margin: 0;
}
.content_info {
	padding: 30px;
}
.author_block {
	border: 1px solid #ddd;
	padding: 20px;
}
.author_intro a {
	font-weight: 500;
}
.author_img {
	padding-right: 20px;
	float: left;
}
.author_img img {
	max-width: 100px;
	border-radius: 100%;
}
.author_intro * {
	font-family: 'Poppins', sans-serif;
}
.author_info p:last-child {
	margin: 0;
}
.related_post,
.comment-area, 
.comment_form {
	margin-top: 50px;
}
.comment_form {
	padding: 30px 20px;
}
.comment_list > li.comment_info {
	border-bottom: 1px solid #ddd;
	padding: 30px 0;
}
.comment_list > li.comment_info:first-child {
	padding-top: 10px;
}
.children_comment {
	padding-left: 60px;
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #ddd;
}
.children_comment li {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #ddd;
}
.children_comment li:first-child {
	border: 0;
	padding: 0;
	margin: 0;
}
.user_img img {
	border-radius: 100%;
	height: auto;
	max-width: 76px;
}
.comment_content {
	padding-left: 20px;
}
.comment-reply i,
.comment-time i {
	margin-right: 5px;
}
.meta_data {
	margin-bottom: 10px;
}
.comment_content p {
	margin-bottom: 12px;
}
.comment_content p:last-child {
	margin: 0;
}
.meta_data * {
	font-family: 'Poppins', sans-serif;
}
.comment-time {
	position: relative;
	display: block;
	color: #898989;
}
.error_txt {
	color: #333;
	font-size: 240px;
	font-weight: 600;
	line-height: 1;
	background-position: 50% 50%;
	background-size: inherit !important;
	background-repeat: repeat;
	background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	-webkit-animation: bounce_bg_img 12s linear infinite;
	animation: bounce_bg_img 12s linear infinite;
}

@-webkit-keyframes bounce_bg_img {
from {
    background-position: 0 0;
}
to {
   background-position: -400px 0;
} 
}
@-webkit-keyframes bounce_bg_img {
from {
    background-position: 0 0;
}
to {
   background-position: -400px 0;
}   
}

.cs_content_box {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 9;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cs_content_box .countdown_time, .cs_content_box .newsletter_form {
	margin-bottom: 30px;
}
.logo_wrap {
	margin-bottom: 40px;
}
.cta_section_small {
	padding: 50px;
}
.grid_box [class^="col-"] {
	background-color: #efefef;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 10px 0;
	text-align: center;
	font-size: 14px;
}
.progress_content {
	position: relative;
	margin-top: 20px;
}
.progress_content:first-child {
	margin-top: 0;
}
.progrees_bar_text span {
	font-weight: 500;
	color: #333;
	text-transform: uppercase;
}
.progress_content .progress-bar {
	background-color: #07d765;
	border-radius: 20px;
	width: 0;
	-webkit-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}
.progress_content .progress {
	height: 5px;
	margin-top: 10px;
}
.progress_content.pr_style1 .count_pr,
.progress_content.pr_style2 .count_pr {
	color: #333;
	right: 0;
	font-size: 14px;
	position: absolute;
	top: 0px;
	-webkit-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}
.pr_white span, 
.pr_white.progress_content.pr_style1 .count_pr {
	color: #fff;
}
.progress_content.pr_style2 .progress-bar {
	background-color: #333;
}
.about_counter {
	background-color: #fff;
	padding: 15px 0;
}
.fancy_border:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0%;
	right: 15px;
	bottom: 0;
	border: 10px solid #FAEAC8;
}
.fancy_box {
	position: relative;
	z-index: 1;
}
.fancy_box::before {
	content: "";
	position: absolute;
	left: 100px;
	right: 50px;
	top: 50px;
	bottom: 0;
	border: 5px dashed #DACAA8;
	z-index: -1;
}
.list_item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.list_item li {
	padding: 0 15px;
	border-right: 1px solid #eee;
	max-width: 33.33%;
	flex: 0 0 33.33%;
}
.list_item li:last-child {
	padding-right: 0;
	border-right: 0;
}
.counter_content {
	text-align: center;
}
.counter_content h3 {
	font-weight: bold;
}
.counter_content p {
	margin: 0;
}
.wide {
	background-image: none !important;
}
.boxed_layout::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: #fff;
	z-index: -1;
}
/*===================================*
  14. END ELEMENT DESIGN
*===================================*/

.alert-msg-failure {
	color: #721c24;
	background-color: #efa0a0;
	border-radius: 3px;
	margin-top: 10px;
}

error {
	color: #721c24;
	background-color: #efa0a0;
	border-radius: 3px;
	margin-top: 10px;
}
.alert-msg-success {
	color: #155724;
	background-color: #d4edda;
	border-radius: 3px;
	margin-top: 10px;
}