/*------------------------------------------------------------------
Template Name: Protem
Version: 1.0
Author: thememor
Author URL : https://themeforest.net/user/thememor
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[TABLE OF CONTENTS]

* GLOBAL STYLES
* COMMON STYLES
* HEADER STYLES
* ICON BOX / SERVICES STYLES
* INFO STYLES
* TESTIMONIAL STYLES
* ABOUT
* VIDEO BOX
* FEATURES
* GOOGLE MAP
* CONTACT
* MAILCHIMP
* ELEMENTS
* FOOTER
* RESPONSIVE STYLES

-------------------------------------------------------------------*/
@import
url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import
url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500&family=PT+Mono&display=swap');


/* GLOBAL STYLES */

body {
background: #fff;
font-family: 'Open Sans', sans-serif;
color: #555;
font-weight: 400;
font-size: 16px;
}
img{
max-width: 100%;
}

h1,h2,h3,h4,h5,h6 {
color: #0097B2;
font-family: 'Nunito', sans-serif;
font-weight: 700;
margin: 0;
}
label{
font-size: 10px;
text-align: left;
font-weight: lighter;
padding-left: 15px;
}
.form-control{
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #44686F46;
border-radius: 24px !important;
height: 53px;

}
.alert {
position: absolute;
right: 20px;
top: 80px;
z-index: 9999;
}
p {
font-size: 16px;
color: #555;
line-height: 28px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}

b, strong {
font-weight: 900;
}

a {
color: #000000;
}

a:hover {
color: #024d94;
}

a, a:hover, a:focus, button, button:hover {
outline: 0;
text-decoration: none;
transition: .4s;
}
h3{
font-weight: 900;
font-size: clamp(1.5rem, 5vw, 3rem);
margin: 0px 0 20px;
}
ul, ol, li {
margin: 0;
padding: 0;
list-style: none;
}

.space10 {
margin-bottom: 10px;
}

.space20 {
margin-bottom: 20px;
}

.space30 {
margin-bottom: 30px;
}

.space40 {
margin-bottom: 40px;
}

.space50 {
margin-bottom: 50px;
}

.space60 {
margin-bottom: 60px;
}

.space70 {
margin-bottom: 70px;
}

.space80 {
margin-bottom: 80px;
}

.space90 {
margin-bottom: 90px;
}

.space100 {
margin-bottom: 100px;
}

.body {
position: relative;
width: 100%;
overflow: hidden;
}

.boxed {
background: #000000 url(../images/bg/pattern.png) repeat fixed;
}

.boxed .body {
background: #fff;
position: relative;
width: 90%;
margin: 0 auto;
max-width: 1280px;
overflow: hidden;
box-shadow: 0 5px 25px rgba(0,0,0,0.2);
}

.boxed .navbar-fixed-top {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}

.bg-light{
background-color: #fafafa;
}

/* 2. COMMON STYLES */

.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}

.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}

.no-padding {
padding: 0px !important;
}

.no-padding-bottom {
padding-bottom: 0px !important;
}
.tc h4{
text-align:center !important;
}
.tc p{
text-align:center !important;
}


/* HEADER STYLES */

.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
font-family: 'Nunito', sans-serif;
border-width: 0;
border-radius: 0;
background: transparent;
}

.navbar-inverse {
transition: .4s;
}

.navbar {
min-height: 86px;
margin-bottom: 0;
border: none;
}

.navbar-lg .navbar-brand {
padding: 0 0 0;
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
letter-spacing: 5px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav
> .active > a:focus {
color: #fff;
background-color: transparent;
}

.navbar-lg .navbar-nav > li > a {
padding: 40px 12px 35px;
font-size: 14px;
line-height: 1.6;
color: #FFF;
font-family: "Nunito";
font-weight: 700;

}
.navbar-lg .navbar-nav > li > a:hover {
color: #000000;
}

.navbar-contact {
margin-top: 6px;
margin-left: 10px;
}
.navbar-contact a {
padding: 5px 23px !important;
border-radius: 4px;
font-weight: 800;
letter-spacing: 0.2px;
margin-top: 20px;
font-size: 22px !important;
}

.navbar-login {
margin-top: 10px;
margin-left: 10px;
}

.navbar-login a:not(span a):not(p a) {

background: url(../Img/marco.svg);
border: none;
background-repeat: no-repeat;
background-size: 100%;
background-position: top left;
color: #fff !important;
padding: 8px 23px !important;
font-weight: 700;
margin-top: 25px;
}

.navbar-login a:hover {
color: #fff !important;
}

.dropdown-menu {
/* display: block !important;
padding: 0;
margin: 0;
background: #2F2D2D;
top: 65px;
left: 0 !important;
right: auto !important;
opacity: 0;
visibility: hidden;
transition: .4s; */

}

.dropdown-menu li a:after {
/* display: none; */
}

.navbar-nav > li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transition: .4s;
border-radius: 0px;
}

.dropdown-menu > li > a {
padding: 12px 20px;
color: #fff;
text-transform: none;
font-size: 11px;
font-weight: 400;
letter-spacing: 0.2px;
width: 100%;
}

.navbar-nav > li > .dropdown-menu {
margin-top: 14px;
margin-left: 13px;
border: none;
}

.dropdown-menu > li > a:hover {
color: #fff;
background: transparent;
}

.mega-menu {
width: 100%;
position: absolute;
left: 15px !important;
right: 0px !important;
top: 79px;
max-width: 1155px;
margin: 0 auto !important;
float: none;
padding: 20px 0;
}

.mm-menu ,
.navbar-right {
position: static !important;
}

.mm-menu .dropdown-menu > li > a {
border-bottom: none;
}

.dropdown-menu > li > a {
text-transform: uppercase;
}

.section-head {
position: relative;
z-index: 55;
}

.section-head h1 {
text-transform: uppercase;
font-weight: 700;
margin: 0 0 15px;
font-size: 25px;
letter-spacing: 3px;
}

.section-head-lite h1 {
text-transform: uppercase;
font-weight: 700;
margin: 0 0 15px;
font-size: 25px;
letter-spacing: 3px;
color: #fff;
}

.section-head-lite p {
color: #fff;
opacity: 0.7;
}


/* INTRO STYLES */

.intro {
position: relative;
}

.intro .container,
.intro img {
position: relative;
z-index: 77;
}

.overlay {
background: #151515;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}

/* Intro */

.intro1 {
/* background: linear-gradient(90deg, #024d94 57%, #f8d171 43%); */
background: url(../Img/fondocompleto.svg);
background-size: 100%;
padding: 130px 0 130px;
background-repeat: no-repeat;
background-position: top right;
}

.intro1 h2 {
color: #fff;
font-size: 72px;
text-transform: none;
font-weight: 900;
margin: 0 0 15px;
}

.intro1 p {
font-size: 16px;
color: #fff;
}

.intro-form {
padding: 30px 40px 40px;
border-radius: 15px;
background: #fff;
webkit-box-shadow: 0px 40px 80px -40px rgba(0,0,0,1) !important;
-moz-box-shadow: 0px 40px 80px -40px rgba(0,0,0,1) !important;
box-shadow: 0px 40px 80px -40px rgba(0,0,0,1) !important;
}

.intro-form h4 {
color: #000000;
font-size: 25px;
margin: 5px 0 20px;
text-align: center;
font-weight: 700;
}

.intro-form input {
display: block;
width: 100%;
margin: 0;
-webkit-appearance: none;
font-size: 15px;
padding: 0px 25px;
height: 48px;
line-height: 48px;
color: #222;
background: transparent;
border: 1px solid #e5e5e5;
border-radius: 70px;
margin-bottom: 18px;
}

.intro-box {
margin-top: 30px;
}

.intro-box span {
float: left;
width: 50px;
color: #fff;
font-size: 50px;
}

.intro-box i {
position: absolute;
left: 23px;
line-height: 70px;
top: 0;
}

.intro-box div {
margin-left: 75px;
}

.intro-box h4 {
color: #fff;
font-size: 17px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.2px;
margin: 0 0 20px;
}

/* Intro */

.hero2 {
background: url(../images/bg/2.jpg) no-repeat center;
background-size: cover;
padding: 190px 0 0;
margin-bottom: 40px;
}

.hero2 .intro-form2-dark {
position: relative;
top: 20px;
margin-top: 120px;
padding: 50px;
background: #024d94 ;
webkit-box-shadow: 0px 40px 20px -35px rgba(0,0,0,0.5) !important;
-moz-box-shadow: 0px 40px 20px -35px rgba(0,0,0,0.5) !important;
box-shadow: 0px 40px 20px -35px rgba(0,0,0,0.5) !important;
}

.hero2 .intro-form2-dark input {
background: transparent;
color: #fff;
border: 2px solid #fff;
margin: 0;
}

.hero2 h3 {
color: #333333;
margin: 0px 0px 30px;
font-size: 72px;
font-weight: 900;
}

.hero2 p {
font-size: 16px;
font-weight: 400;
color: #555;
opacity: 1;
padding: 0 10%;
margin: 0 0 -15px;
line-height: 28px;
}


.intro-form2-dark {
padding: 35px 40px 40px;
border-radius: 0px;
background: #1a1a1a;
webkit-box-shadow: 0px 40px 80px -40px rgba(0,0,0,1) !important;
-moz-box-shadow: 0px 40px 80px -40px rgba(0,0,0,1) !important;
box-shadow: 0px 40px 80px -40px rgba(0,0,0,1) !important;
}

.intro-form2-dark h4 {
color: #fff;
font-size: 26px;
margin: 0 0 23px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.2px;
}

.intro-form2-dark input {
display: block;
width: 100%;
margin: 0;
-webkit-appearance: none;
font-size: 15px;
padding: 0px 25px;
height: 42px;
line-height: 42px;
color: #999;
background: #202020;
border: 2px solid #252525;
border-radius: 0px;
margin-bottom: 18px;
}

/* Intro */

.intro3 {
background: #000000 url(../images/bg/3.jpg) no-repeat center;
background-size: cover;
padding: 114px 0 0;
}

.intro3 .overlay {
opacity: 0.45;
}

.intro3 h3 {
color: #fff;
margin: -41px 0px 25px;
font-size: 48px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0;
}

.intro3 p {
font-size: 16px;
font-weight: 400;
color: #fff;
opacity: 0.8;
padding: 0 0 13px;
}

.intro-newsletter {
width: 55%;
margin: 0px auto;
}

.intro-newsletter p {
margin: 0;
font-size: 13px;
color: #fff;
opacity: 0.7;
padding: 15px 0 0;
display: table;
width: 100%;
letter-spacing: 0.2px;
font-weight: 400;
}

.intro-newsletter input {
height: 50px;
padding: 0 25px;
font-size: 16px;
letter-spacing: 0.04em;
font-weight: 400;
width: 98%;
border: none;
border-radius: 70px;
background: transparent;
border: 2px solid #fff;
color: #fff;
}

.intro-newsletter button {
padding: 0;
height: 50px;
font-size: 14px;
}

.intro-newsletter-full {
width: 100%;
padding: 0 15px;
}

.intro-newsletter-full p {
margin: 0;
font-size: 11px;
color: #fff;
opacity: 0.7;
padding: 8px 0 0;
display: table;
width: 100%;
letter-spacing: 0.4px;
font-weight: 400;
margin: 0;
}

/* Intro */

.intro4 {
background: #000000 url(../images/bg/4.jpg) no-repeat top center;
background-size: cover;
padding: 220px 0 0;
margin-bottom: 20px;
}

.intro4 .overlay {
background: #000;
opacity: 0.05;
}

.intro4 h2 {
color: #000;
font-size: clamp(1.5rem, 5vw, 3rem);
text-transform: none;
font-weight: 200;
letter-spacing: -1px;
margin: 30px 0 15px;
}

.intro4 p {
font-size: 15px;
font-weight: 400;
color: #000;
opacity: 0.8;
padding: 0 13%;
}

.intro4-image {
top: 100px;
position: relative;
margin-top: -20px;
}

/* Intro */

.intro5 {
background: #000000 url(../images/bg/5.jpg) no-repeat center;
background-size: cover;
padding: 150px 0 0;
}

.intro5 .overlay {
background: #000;
opacity: 0.10;
}

.intro5 h2 {
color: #fff;
font-size: 75px;
text-transform: none;
font-weight: 700;
letter-spacing: -2px;
margin: 0 0 15px;
}

.intro5 h3 {
color: #fff;
margin: 0px 0px 20px;
font-size: 50px;
font-weight: 300;
text-transform: uppercase;
}

.intro5 p {
font-size: 17px;
font-weight: 400;
color: #fff;
opacity: 0.8;
padding: 0 10%;
}

.intro5 img {
margin-top: 60px;
}

/* Intro */

.intro6 {
background: #000000 url(../images/bg/6.jpg) no-repeat center;
background-size: cover;
padding: 0;
height: 100vh;
}

.intro6 .overlay {
background: #000;
opacity: 0.20;
}

.intro6 .container ,
.intro6 .row {
height: 100vh;
}

.intro6 h2 {
color: #fff;
font-size: 80px;
font-weight: 400;
letter-spacing: -1px;
margin: 0 0 15px;
text-transform: none;
}

.intro6 p {
font-size: 17px;
font-weight: 400;
color: #fff;
opacity: 0.8;
padding: 0 10% 0px;
}

.intro6 p.lead {
font-size: 35px;
font-weight: 700;
color: #024d94;
margin: 0 0 20px;
text-transform: uppercase;
letter-spacing: -1px;
font-family: Nunito;
}

.intro6 p.lead a {
color: #fff;
}

/* Intro */

.intro7 {
background: #000000 url(../images/bg/7.jpg) no-repeat center;
background-size: cover;
padding: 185px 0 130px;
}

.intro7 .overlay {
background: #000;
opacity: 0.50;
}

.intro7 h2 {
color: #fff;
font-size: 53px;
text-transform: none;
font-weight: 200;
margin: 0 0 15px;
}

.intro7 p {
font-size: 16px;
color: #fff;
opacity: 0.8;
}


/* Why Protem */

.intro-why {
background: #ffffff;
background-size: cover;
}

.intro-why h1 {
font-size: clamp(1.5rem, 5vw, 3rem);
color:#024d94;
font-weight:900;
margin-bottom:20px;
}

.why p{
color:#555;
font-size: 18px;
line-height:26px;
}


/* Products */

.card-product .img-wrap {
overflow: hidden;
position: relative;
height: 330px;
text-align: center;
}
.product-info h4{
font-size:20px;
height: 44px;
}
.card-product .img-wrap img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
border-top-right-radius: 180px;
}
.star img{
max-width:100px;
padding-top: 15px;
}
.card-product .product-info {
overflow: hidden;
padding: 25px 25px 25px 10px;
}
.card-product .bottom-wrap {
padding: 15px;
border-top: 1px solid #eee;
}
.bm{
margin-left: 10px !important;
}
.price-new{
font-weight: bold;
color: #00323B;
font-size:25px;
}


.price-wrap h3{
margin-top: 15px;
margin-bottom: 5px;
}



.intro8 {
background: #000000 url(../images/bg/8.jpg) no-repeat center;
background-size: cover;
padding: 160px 0 0;
}

.intro8 .overlay {
background: #000;
opacity: 0.60;
}

.intro8 h3 {
color: #fff;
margin: -40px 0px 30px;
font-size: 55px;
font-weight: 400;
letter-spacing: -1px;
line-height: 53px;
}

.intro8 p {
font-size: 15px;
font-weight: 400;
color: #fff;
opacity: 1;
padding: 0 0 20px;
line-height: 28px;
}

/* Intro */

.intro9 {
background: #000000 url(../images/bg/9.jpg) no-repeat center;
background-size: cover;
padding: 180px 0 0;
overflow: hidden;
}

.intro9 h3 {
color: #fff;
margin: 0px 0px 30px;
font-size: 54px;
font-weight: 400;
letter-spacing: -2px;
line-height: 54px;
}

.intro9 p {
font-size: 15px;
font-weight: 400;
color: #fff;
opacity: 1;
padding: 0 10% 20px;
line-height: 28px;
}

.intro9 img {
border: 40px solid #000;
border-radius: 30px;
max-width: 90%;
margin: -50px 11% -100px;
}


.btn {
font-size: 14px;
line-height: 20px;
font-weight: 700;
text-transform:capitalize;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 0;
font-family: Nunito;
}

.btn i {
margin-left: 10px;
position: relative;
top: 1px;
}

.btn .fa {
margin-left: 0px;
position: relative;
top: 0px;
font-size: 14px;
}

.btn.btn-primary {
background: #024d94;
border: 1px solid #024d94;
color: #fff;
}

.btn.btn-primary:hover {
border: 2px solid #024d94 !important;
background: transparent;
color: #024d94;
}

.btn.btn-default {
color: #024d94;
background-color: #f8d171;
border: 2px solid #f8d171;
}

.btn.btn-default:hover {
border: 2px solid #024d94 !important;
background: transparent;
color: #024d94;
}

.btn.btn-light:hover {
border: 2px solid #fff !important;
background: transparent;
color: #fff;
}

.btn.btn-ylw {
color: #F7F5EA ;
background-color: #0097B2;
border: 2px solid #fff;
border-radius:28px;
}
.btn.btn-cupon {
position: absolute;
top: 27px;
right: 18px;
height: 48px;
}
.cart-total-block{
padding: 10px;
border: 1px solid #000;
border-radius: 10px;
margin:20px 0px;
}
.cart-total-block h4{
padding: 10px 0px;
}
.info-window{
text-align:center;
}
.info-window h2{
color: #0097B2;
font-size: 20px;
}
.info-window p{
padding: 10px !important;
}
.btn.btn-ylw:hover {
border: 2px solid #f8d171 !important;
background: transparent;
color: #f8d171;
}

.btn.btn-dark {
color: #fff;
background-color: #000000;
border: 2px solid #000000;
}

.btn.btn-lg {
font-size: 14px;
}

.btn-cta {
padding: 15px !important;
width: 100%;
max-width: 300px;
}

.cta-btn {
font-family: "Nunito";
font-weight: 700;
font-size: 15px;
letter-spacing:0.025em;
color: #000000;
border: 2px solid #000000;
text-align: center;
text-transform: uppercase;
height: 50px;
line-height: 45px;
display: table;
margin: 3px 0;
float: right;
padding: 0 20px;
}

/* ICON BOX / SERVICES STYLES */

.services {
padding: 0px 0 100px;
background:url(../Img/gatoyperro.svg);
background-position: left bottom;
background-color:rgba(0, 190, 99, 0.05) ;
background-size: 100%;
background-repeat: no-repeat;
}



/* INFO STYLES */

.info-content h3 {
font-weight: 900;
font-size: clamp(1.5rem, 5vw, 3rem);
margin: 0px 0 20px;
}

.keysize i {
color:#222;
font-size: 28px;
padding-right:11px;
}

.info-content h4 {
font-weight: 400;
font-size: 30px;
margin: 0px 0 20px;
line-height: 40px;
}

.info-content p {
margin: 0 0 10px;
}

.list li {
padding: 6px 0 9px 35px;
position: relative;
color: #555;
}

.list li i {
min-width: 30px;
color: #00BE63;
position: absolute;
left: 0;
top: 4px;
font-size: 25px;
}

/* Review Style */

.review-title h1{
font-size: 468px;
color: #fff;
font-weight: 700;
opacity: 0.1;
margin: -161px 0 -80px 0px;
}

.review {
background: #00BE63;
padding-top: 50px;
padding-bottom:-50px;
}


.review .author {
font-weight: 600;
font-size: 16px;
color: #fff;
padding-left: 15px;
}
.review small{
padding-left: 15px;
font-weight:300;
}

.review i {
color: #fff;
font-size: 75px;
margin: 0px auto 30px;
display: table;
}

.slick-initialized .slick-slide {
display: block;
background: #0097B2;
padding: 70px;
width: 310px;
border-radius: 0;

}

.slick-initialized .slick-slide:nth-child(odd) {
border-top-left-radius: 250px;
border-bottom-right-radius: 250px;
}

.slick-initialized .slick-slide:nth-child(even) {
border-top-right-radius: 250px;
border-bottom-left-radius: 250px;
}

.products-review p {
font-size: 21px;
line-height: 33px;
font-weight: 400;
color: #fff;
padding: 0 21% 20px;
letter-spacing: 0;
font-style: italic;
}

.products-review.author {
font-weight: bold;
font-size: 16px;
text-transform:capitalize;
letter-spacing: 0.2px;
color: #024d94;
}


.quote2 .slick-dots {
margin: 15px auto;
position: relative;
left: 0;
display: table !important;
}

.quote2 .slick-dots li {
float: left;
margin-right: 7px;
}

.quote2 .slick-dots li button {
border: none;
width: 8px;
height: 8px;
font-size: 0px;
padding: 0;
border-radius: 50%;
opacity: 0.2;
}

.quote2 .slick-dots li.slick-active button {
opacity: 1;
}

.text-white {
color: #fff !important;
}

.review-text p {
padding: 0px 15px 5px;
font-weight:400;
font-size: 18px;
font-style: italic;
color: #fff;
text-align:left;
}

.review-text div {
margin: 0 15px;
}

.review-text div img {
max-width: 120px;
padding: 0px 0px 15px 15px;
}

.review-text .slick-dots {
margin: 50px auto;
position: relative;
left: 0;
display: table !important;
}

.review-text .slick-dots li {
float: left;
margin-right: 7px;
}

.review-text .slick-dots li button {
border: none;
width: 8px;
height: 8px;
font-size: 0px;
padding: 0;
border-radius: 50%;
opacity: 0.2;
border: 1px solid #000;
}

.review-text .slick-dots li.slick-active button {
opacity: 1;
}



/* ABOUT */

.about-inline {
padding: 100px 0;
}

.about-inline .ai-slide {
width: 1080px;
position: relative;
margin: 0 auto;
}

.about-inline .ai-slide .center-block {
width: 1080px;
}

.ai-slide-img {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}

.ai-slide-img {
position: absolute;
width: 710px;
overflow: hidden;
height: 442px;
margin: 0 auto;
display: block;
left: -7px;
right: 0;
top: 39px;
}

.ai-slide-img-inner {
width: 100%;
}

.ai-slide-img img {
width: 100%;
float: left;
}

.about-inline h3 {
color: #0097B2;
margin-bottom: 20px;
font-size: clamp(1.5rem, 5vw, 3rem);
line-height: 62px;
font-weight: 900;
}

.about-inline p {
font-size: 17px;
margin-top: 15px;
padding: 0 14%;
}


.info-content2 {
padding: 50px 0 25px !important;
background: #0097B2 !important;
}
.info-content2 p{
font-style:italic;
font-size: 18px;
}
.info-content2 h3 {
font-weight: 700;
font-size: 32px;
letter-spacing: 0.2px;
color: #fff;
text-align: center;
}

.info-content2 p {
margin: 0 0 20px;
color: #fff;
text-align: center;
}

.info-content2 .list li {
padding: 9px 0 9px 35px;
font-size: 15px;
color: #fff;
position: relative;
}

.info-content2 .list li i {
text-align: center;
color: #fff;
position: absolute;
top: 7px;
font-size: 20px;
}


/* Product Featurs */

.Protem-feature{
padding-left:20px;
}
.Protem-feature h3 a{
font-weight:700;
font-size:18px;
color: #024d94l;
}
.Protem-feature p{
font-weight: 400;
font-size: 16px;
color: #555;
padding-top:10px;
margin-bottom: 0;
}

.feature-icon i{
font-size:62px;
color: #024d94l;
}

.Protem-feature .box-body {
padding: 0px 0px 80px;
}

.feature-icon {
background-color:#f8d171;
padding: 30px;
}

.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}

/* VIDEO BOX */

.video-box {
position: relative;
display: table;
width: 100%;
}

.video-box img {
border-radius: 3px;
}

.video-box span {
width: 100px;
height: 100px;
background: #fff;
color: #000;
border-radius: 50%;
position: absolute;
top: 50%;
line-height: 100px;
text-align: center;
font-size: 30px;
left: 50%;
webkit-box-shadow: 0px 40px 40px -30px rgba(0,0,0,1) !important;
-moz-box-shadow: 0px 40px 40px -30px rgba(0,0,0,1) !important;
box-shadow: 0px 40px 40px -30px rgba(0,0,0,1) !important;
transform: translate(-50%,-50%);
transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
}

.video-box:hover span {
width: 105px;
height: 105px;
color: #024d94;
line-height: 105px;
font-size: 35px;
transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
}

.video-box:hover a span {
color: #024d94;
}

/* FEATURES */

.features-content {
padding: 100px 0;
}

.fc-info div {
padding: 25px 15px;
}

.fc-info h4 {
font-weight: 700;
font-size: 18px;
letter-spacing: 0;
margin: 0 0 10px;
}

.fc-info p {
font-size: 14px;
line-height: 23px;
}

.fc-info a {
color: #024d94;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
font-family: Nunito;
}

.fc-info a i {
margin-left: 5px;
}

/* PRICING TABLE */

.pricing {
padding: 10px 0;
background: #fff;
}

.pricing__item {
letter-spacing: 0.2px;
margin: 0;
padding: 15px 40px 40px;
text-align:center;
color: #000;
background: #fff;
position: relative;
box-shadow: 0px 7px 16px 0px rgba(50, 50, 50, 0.2);
border: none;
border-radius: 7px;
}

.pricing__item__popular {
border-radius: 0 0 3px 3px;
}

.pricing__title {
font-size: 20px;
margin: 0px 0px 10px;
color: #222222;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 700;
}

.pricing__price {
width:255px;
height:139px;
background-color:#f2f2f2;
margin-left:-40px;
font-size: 65px;
font-weight: 700;
padding: 10px 0 20px;
color: #000;
font-family: Nunito;
text-align: center;
}
.pricing__price_blue{
background-color:#024d94 !important;
color:#FFF;
}
.pricing__currency_blue{
color:#FFF !important;
}
.pricing__currency {
font-size: 25px;
vertical-align: super;
color: #000;
}


.pricing__feature-list {
font-size: 0.95em;
margin: 0;
padding: 0 0 2.5em;
list-style: none;
color: #666;
padding-top: 30px;
}

.pricing__feature {
position: relative;
display: block;
padding: 0px 0px 20px 0px;
line-height: 1.5;
color: #000000;
text-align: center;
}

.pricing__action {
margin-top: auto;
font-size: 1.55em;
width: 60px;
height: 60px;
line-height: 60px;
color: #fff;
border-radius: 30px;
background: #fff;
border: none;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
float: right;
}

.pricing__item .btn {
background: #024d94;
border-color: #024d94;
width: 100%;
margin: 0 auto;
position: relative;
bottom: 0px;
left: 0px;
right: 0px;
color: #fff;
}

.pricing__item:nth-child(2) .pricing__action {
background: #E25ABC;
}

.pricing__item:nth-child(3) .pricing__action {
background: #7E5AE2;
}

.pricing__action:hover,
.pricing__action:focus {
background: #1A1F28 !important;
}



/* CLIENTS */

.clients {
padding: 50px 0;
}

.clients li {
width: 20%;
float: left;
padding: 0 30px;
}

.clients img {
opacity: 0.7;
transition: .4s;
padding-top: 15px;
}

.clients img:hover {
opacity: 1;
transition: .4s;
}

/* PAGE HEADER */

.page_head {
background: url(../images/bg/1.jpg) no-repeat top center;
background-size: cover;
padding: 160px 0 80px;
}

.page_head h3 {
color: #fff;
font-size: 55px;
font-weight: 700;
margin: 0 0 10px;
}

.page_head p {
color: #fff;
}

/* BLOG STYLES */

.blog-content {
padding: 70px 0;
border-bottom: 1px solid #eee;
}

.blog-content article {
margin-bottom: 60px;
}

.blog-content article .post-cat {
font-family: Nunito;
text-transform: uppercase;
font-weight: 700;
font-size: 10px;
letter-spacing: 0.8px;
padding: 4px 12px;
margin: 0 0 17px;
display: table;
}

.blog-content article .post-cat.food {
border: 2px solid #e67e22;
color: #e67e22;
}

.blog-content article .post-cat.automobiles {
border: 2px solid #3498db;
color: #3498db;
}

.blog-content article .post-cat.photography {
border: 2px solid #1abc9c;
color: #1abc9c;
}

.blog-content article .post-cat.art {
border: 2px solid #2ecc71;
color: #2ecc71;
}

.blog-content article .post-title {
font-size: 26px;
letter-spacing: -1px;
padding: 0 0 10px;
color: #000;
font-weight: 500;
line-height: 29px;
}

.blog-single .post-title {
font-size: 34px !important;
}

.blog-content article .post-title a {
color: #000;
}

.blog-content article .post-meta {
font-size: 13px;
padding: 5px 0 20px;
display: table;
letter-spacing: 0.5px;
font-weight: 400;
text-transform: uppercase;
}

.blog-content article .post-meta i {
margin-right: 5px;
}

.blog-content .post-thumb {
border-radius: 5px;
margin: 0 0 25px;
width: 100%;
}

.blog-full-2col h2.post-title {
font-size: 19px;
text-transform: uppercase;
font-weight: 600;
font-family: Nunito;
}

.blog-full-3col h2.post-title {
font-size: 17px;
text-transform: uppercase;
font-weight: 600;
font-family: Nunito;
line-height: 24px;
}

.rmore {
color: #024d94;
font-weight: 400;
padding: 5px 0 0;
display: table;
font-family: Nunito;
font-size: 13px;
}

.rmore i {
margin-left: 5px;
position: relative;
top: 1px;
}

.pagination {
display: table;
margin: 0 auto;
}

.pagination > li > a {
border-radius: 5px;
margin: 0 5px;
width: 38px;
height: 38px;
text-align: center;
line-height: 40px;
padding: 0;
color: #555;
border: 1px solid #d5d5d5;
}

.pagination > li.active a:hover ,
.pagination > li a:hover ,
.pagination > li a:focus ,
.pagination > li.active a {
background: #024d94;
border: 1px solid #024d94;
color: #fff;
}

.pagination > li > a i {
font-style: normal;
position: relative;
top: -1px;
font-size: 22px;
}

/* SIDEBAR */

.un-search {
position: relative;
}

.un-search input {
width: 100%;
height: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
border: 3px solid rgba(0, 0, 0, 0.1);
padding: 5px 12px;
outline: none;
}

.un-search:after {
content: "\f002";
font-family: fontAwesome;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
cursor: pointer;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
}

.side-widget {
margin-bottom: 50px;
}

.side-widget h4 {
margin: 0 0 20px;
}

.widget_categories ul {
list-style: none;
margin: 0;
padding: 0;
}

.widget_categories ul li {
padding: 11px 0;
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
}

.widget_categories ul li:last-child {
padding: 11px 0 0;
border-bottom: none;
}

.widget_categories ul li:after {
content: "\f105";
font-size: 13px;
font-family: fontAwesome;
float: right;
color: #444;
}

.widget_categories ul li a {
color: #444;
}

.widget_categories ul li a:hover {
color: #024d94;
}

.widget_about p {
font-size: 14px;
}

.tagscloud a {
display: inline-block;
color: #444;
background: #eee;
margin-right: 1px;
padding: 7px 10px;
font-size: 13px;
margin-bottom: 5px;
}

.side-widget {
padding: 22px;
border: 1px solid #eee;
}

/* PORTFOLIO */

.portfolio-item {
float: left;
padding: 0px;
position: relative;
overflow: hidden;
}

.portfolio-2col .portfolio-item {
width: 50%;
}

.portfolio-3col .portfolio-item {
width: 33.27%;
}

.portfolio-4col .portfolio-item {
width: 25%;
}

.portfolio-5col .portfolio-item {
width: 19.7%;
}

.portfolio-item-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0px;
right: 0;
background: rgba(0,0,0,0.8);
text-align: center;
opacity: 0;
visibility: hidden;
transition: .4s;
}

.portfolio-item:hover .portfolio-item-overlay {
opacity: 1;
visibility: visible;
transition: .4s;
}

.portfolio-item-overlay-inner {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transition: .4s;
}

.portfolio-item:hover .portfolio-item-overlay-inner {
bottom: 50px;
opacity: 1;
visibility: visible;
transition: .4s;
}

.portfolio-item img {
transform: scale(1);
transition: .25s;
width: 100%;
}

.portfolio-item:hover img {
transform: scale(1.1);
transition: .25s;
}

.portfolio-item-overlay-inner h3 {
color: #FFF;
margin: 0 0 5px;
font-size: 19px;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
}

.portfolio-item-overlay-inner p {
color: #FFF;
font-size: 15px;
padding-top: 3px;
margin: 0;
}

.portfolio-wrap {
padding: 80px 0;
border-bottom: 1px solid #eee;
}

.portfolio-filter {
display: table;
margin: 0 auto 45px;
}

.portfolio-filter {
position: relative;
}

.portfolio-filter li {
float: left;
margin: 0 20px;
font-family: Nunito;
text-transform: uppercase;
font-size: 13px;
}

.portfolio-filter li a {
color: #888;
border: 2px solid transparent;
padding: 5px 12px;
}

.portfolio-filter li a.active {
color: #024d94;
border: 2px solid #024d94;
}

.sub-about {
padding: 80px 0;
}

.sub-about h4 {
font-size: 23px;
margin: 0 0 18px;
text-transform: uppercase;
color: #000;
}

.sub-about p {
font-size: 14px;
line-height: 25px;
}

/* TEAM */

.team {
padding: 100px 0;
background: #f2f2f2;
}

.team-box h4 {
margin: 5px 0 5px;
font-weight: 700;
font-size: 20px;
}

.team-box img {
width: 100%;
}

.team-box small {
margin: 0px 93px 15px;

font-family: 'Nunito', sans-serif;
font-weight: 400;
font-size: 11px;
text-transform: uppercase;
color: #909090;
letter-spacing: 0.2px;
}

.team-box div {
padding: 20px;
text-align: center;
}

.team-box div p {
margin: 0 0 20px;
}

.team-dark {
background: #000000;
}

.team-dark .team-box h4 ,
.team-dark .team-box small {
color: #fff;
}

.team-dark .team-box p {
color: #fff;
opacity: 0.5;
}

.social-icons .fa {
font-size: 14px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa {
border-radius: 50%;
}

.social-icons.icon-rounded .fa {
border-radius: 5px;
}

.social-icons.icon-flat .fa {
border-radius: 0;
}

.social-icons .fa-adn {
color: #504e54;
}

.social-icons .fa-apple {
color: #aeb5c5;
}

.social-icons .fa-android {
color: #A5C63B;
}

.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square {
color: #003366;
}

.social-icons .fa-bitcoin,.social-icons .fa-btc {
color: #F7931A;
}

.social-icons .fa-css3 {
color: #1572B7;
}

.social-icons .fa-dribbble {
color: #F46899;
}

.social-icons .fa-dropbox {
color: #018BD3;
}

.social-icons .fa-facebook,.social-icons .fa-facebook-square {
color: #3C599F;
}

.social-icons .fa-flickr {
color: #FF0084;
}

.social-icons .fa-foursquare {
color: #0086BE;
}

.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square {
color: #070709;
}

.social-icons .fa-google-plus,.social-icons .fa-google-plus-square {
color: #CF3D2E;
}

.social-icons .fa-html5 {
color: #E54D26;
}

.social-icons .fa-instagram {
color: #A1755C;
}

.social-icons .fa-linkedin,.social-icons .fa-linkedin-square {
color: #0085AE;
}

.social-icons .fa-linux {
color: #FBC002;
color: #000000;
}

.social-icons .fa-maxcdn {
color: #F6AE1C;
}

.social-icons .fa-pagelines {
color: #241E20;
color: #3984EA;
}

.social-icons .fa-pinterest,.social-icons .fa-pinterest-square {
color: #CC0727;
}

.social-icons .fa-renren {
color: #025DAC;
}

.social-icons .fa-skype {
color: #01AEF2;
}

.social-icons .fa-stack-exchange {
color: #245590;
}

.social-icons .fa-stack-overflow {
color: #FF7300;
}

.social-icons .fa-trello {
background-color: #265A7F;
}

.social-icons .fa-tumblr,.social-icons .fa-tumblr-square {
color: #314E6C;
}

.social-icons .fa-twitter,.social-icons .fa-twitter-square {
color: #32CCFE;
}

.social-icons .fa-vimeo-square {
color: #229ACC;
}

.social-icons .fa-vk {
color: #375474;
}

.social-icons .fa-weibo {
color: #D72B2B;
}

.social-icons .fa-windows {
color: #12B6F3;
}

.social-icons .fa-xing,.social-icons .fa-xing-square {
color: #00555C;
}

.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square {
color: #C52F30;
}

/* 404 STYLES */

.error-content {
padding: 150px 0;
border-bottom: 1px solid #eee;
background-color: #c1c1c1;
}

.error-content h4 {
color: #fff;
font-size: 90px;
font-weight: 700;
letter-spacing: -7px;
margin: 0 0 17px;
text-shadow: 3px 4px 5px #aaa;
text-shadow: 3px 4px 5px rgba(0,0,0,0.3);
}

.error-content p {
font-size: 18px;
margin: 0 0 40px;
}




/* GOOGLE MAP */

#map {
width: 100%;
height: 300px;
}

/* CONTACT */

.error{
background:#ee2b49;
color:#fff;
text-align:center;
line-height:50px;
margin-bottom:15px;
}

.success{
background:#00acb3;
color:#fff;
text-align:center;
line-height:50px;
margin-bottom:15px;
}

#contact-info {
padding: 0px 0;
padding-bottom: 0px;
background: #fafafa;
}

.c-info {
padding-top: 30px;
padding-bottom: 25px;
text-align: left;
}

.c-info i {
color: #024d94;
font-size: 45px;
margin: 0 0 15px;
}

.c-info h5 {
text-transform: uppercase;
font-size: 16px;
margin: 15px 0 7px;
}

.c-info p {
}

.modal-header{
background: #ffffff;
}

.close {
font-size: 36px;
}

#contactForm input {
height: 50px;
padding: 0 20px;
font-size: 16px;
letter-spacing: 0;
font-weight: 400;
width: 100%;
margin: 0 0 20px;
background: #fff;
border-radius: 0px;
color: #000;
border: 1px solid #fff;
}

#contactForm textarea {
height: 100px;
padding: 20px;
font-size: 16px;
letter-spacing: 0;
font-weight: 400;
width: 100%;
margin: 0 0 20px;
background: #fff;
border: 1px solid #fff;
border-radius: 0px;
color: #fff;
}

#contactForm select {
height: 50px;
padding: 0 20px;
font-size: 14px;
letter-spacing: 0px;
font-weight: 400;
width: 100%;
border: none;
border-radius: 0px;
background: transparent;
border: 1px solid #fff;
color:#000;
font-weight: 700;
margin: 0 0 20px;
background: #ffffff;
}

#contact-form button {
display: table;
margin: 0 auto;
}

.error-info {
padding: 180px 0;
}

.error-info h1 {
font-size: 200px;
}

.error-info p {
padding: 0px 25%;
}

.statusMessage, .successmessage, .errormessage {
display: none;
width: 100%;
background: #fff;
margin: 0px auto 15px;
padding: 20px;
border-radius: 0px;
}

.errormessage p, .statusMessage p, .successmessage p {
margin: 0px !important;
color: #000;
font-size: 16px;
letter-spacing: 0;
margin: 0 !important;
}

.success-ico {
background: url(../images/success.png);
width: 25px;
height: 25px;
float: left;
margin-right: 15px;
position: relative;
top: 0px;
background-size: 25px;
}

.error-ico {
background: url(../images/error.png);
width: 25px;
height: 25px;
float: left;
margin-right: 15px;
position: relative;
top: 0px;
background-size: 25px;
}

#sendingMessage i {
color: #00BCD4;
font-size: 18px;
margin-right: 10px;
}

#incompleteMessage i {
color: yellow;
font-size: 18px;
margin-right: 10px;
}

/* MAILCHIMP */

.ketchup-error {
display: none !important;
}

#result {
width: 100%;
display: table;
text-align: center;
font-size: 12px;
padding: 5px 15px;
margin-top: 5px;
}

/* ELEMENTS */

.elements-content {
padding: 0px 0;
}

.border-top {
border-top: 1px solid #eee;
}

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

.progress {
margin-top: 40px;
position: relative;
overflow: visible;
}

.progress h5 {
position: absolute;
top: -22px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
color: #000;
}

.progress-bar {
border-radius: 70px;
}

.progress-stack .progress-bar {
border-radius: 0px;
}

.progress-stack .progress-bar:first-child {
border-radius: 4px 0 0 4px;
}

.progress-stack .progress-bar:last-child {
border-radius: 0 4px 4px 0;
}

#accordion .panel-heading {
padding: 0;
}

.panel-title > a {
padding-left: 45px !important;
position: relative;
color:#0097B2;
}

#accordion .panel-title > a {
display: block;
padding: 18px 20px;
outline: none;
font-weight: 700;
text-decoration: none;
background: transparent;
font-size: 18px;
letter-spacing: 0;
}

.accordion-faq .panel-title > a {
text-transform: none !important;
color: #000;
font-size: 15px !important;
}

#accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before {
content: "\f077";
float: left;
font-family: 'FontAwesome';
margin-right: 1em;
position: absolute;
left: 15px;
top: 35%;
margin-top: -8px;
font-size: 15px;
color: #0097B2;
}

#accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before {
content: "\f078";
}

#accordion .panel-default > .panel-heading {
background-color: transparent;
border-color: #ddd;
}

#accordion .panel {
margin-bottom: 15px;
box-shadow: 0px 3px 0px 0px #e8e8e8;
border:0;
border-top-left-radius: 31px;
border-top-right-radius: 31px;
}

#accordion .panel-body {
padding: 20px 25px;
line-height: 24px;
font-size: 15px;
}

.accordion-dark .panel {
background: transparent;
border: 1px solid #444;
}

.accordion-dark .panel-default > .panel-heading {
border-color: #444 !important;
}

.accordion-dark .panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #444;
}

.accordion-dark .panel-title > a {
color: #fff;
}
.faq h4{
color:rgb(55, 64, 72);
font-size: 18px;
font-weight:bold;
letter-spacing:0.2px;
}
.faq h4 span{
color:#024d94;
font-size: 48px;
font-family: ubuntu;
font-weight:100;
vertical-align:-moz-middle-with-baseline;
}

.bg-primary {
background: #024d94;
}

.bg-available{
background: #F7F5EA;
padding: 110px 0;
}

.bg-primary-image {
background:url(../images/5.jpg);
}

.bg-dark {
background: #222;
}

.bg-dark-image {
background:url(../images/6.jpg);
}

.nav-tabs {
border-bottom: 2px solid #DDD;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
border-width: 0;
}

.nav-tabs > li > a {
border: none;
color: #666;
font-family: Nunito;
color: #000;
text-transform: uppercase;
font-size: 13px;
}

.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
border: none;
color: #024d94 !important;
background: transparent;
}

.nav-tabs > li > a::after {
content: "";
background: #024d94;
height: 2px;
position: absolute;
width: 100%;
left: 0px;
bottom: -1px;
transition: all 250ms ease 0s;
transform: scale(0);
}

.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
transform: scale(1);
}

.tab-nav > li > a::after {
background: #024d94;
color: #fff;
}

.tab-pane {
padding: 15px 0;
}

.tab-content {
padding: 25px 15px 0;
}

.lead a {
color: #024d94;
}

.blog-excerpt p {
font-size: 15px;
letter-spacing: 0.3px;
line-height: 25px;
margin: 0 0 15px;
}

blockquote {
padding: 11px 20px;
margin: 20px 3% 30px;
border-left: 5px solid #024d94;
line-height: 31px;
font-style: italic;
color: #000000;
font-size: 16px;
font-family: Nunito;
}

blockquote cite {
font-family: Nunito;
display: block;
font-style: normal;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
padding-top: 10px;
}

blockquote.inverse {
border-left: none;
border-right: 5px solid #024d94;
text-align: right;
}

blockquote.pull-left {
width: 35%;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 0px;
}

blockquote.pull-right {
width: 35%;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 20px;
}

.clients2 {
list-style: none;
overflow: hidden;
display: block;
width: 100%;
}

.clients2 li {
width: 20%;
float: left;
position: relative;
padding: 40px 30px;
}

.clients2 li:before {
content: "";
height: 100%;
top: 0;
left: -1px;
position: absolute;
border-left: 1px solid #e5e5e5;
}

.clients2 li:after {
content: "";
width: 100%;
height: 0;
top: auto;
left: 0;
bottom: -1px;
position: absolute;
border-bottom: 1px solid #e5e5e5;
}

.clients2 img {
opacity: 0.3;
transition: .4s;
max-width: 140px;
}

.clients2 img:hover {
opacity: 1;
transition: .4s;
}

.process-step .btn:focus {
outline: none;
}

.process {
display: table;
width: 100%;
position: relative;
}

.process-row {
display: table-row;
}

.process-step button[disabled] {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}

.process-row:before {
top: 40px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 1px;
background-color: #e5e5e5;
z-order: 0;
}

.process-step {
display: inline;
text-align: center;
position: relative;
float: left;
width: 20%;
}

.process-step p {
margin-top: 4px;
}

.btn-circle {
width: 80px;
height: 80px;
text-align: center;
font-size: 12px;
border-radius: 50%;
padding: 0;
line-height: 91px;
font-style: normal;
border: 1px solid #e5e5e5 !important;
}

.btn-circle:hover,
.btn-info {
background: #024d94 !important;
border-color: #024d94 !important;
}

.process-step .btn .fa {
margin-left: 0;
position: relative;
top: 0px;
font-size: 25px;
}

.process-step small {
display: block;
font-family: Nunito;
color: #000;
text-transform: uppercase;
padding-top: 18px;
}

.process-step2 .btn:focus {
outline: none;
}

.process2 {
display: table;
width: 100%;
position: relative;
}

.process-row2 {
display: table-row;
}

.process-step2 button[disabled] {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}

.process-step2 {
display: inline;
text-align: center;
position: relative;
float: left;
width: 25%;
}

.process-step2 p {
margin-top: 4px;
}

.process-step2 .btn-circle {
width: 80px;
height: 80px;
text-align: center;
font-size: 12px;
border-radius: 50%;
padding: 0;
line-height: 91px;
font-style: normal;
border: 1px solid #555 !important;
background: #555;
color: #fff;
}

.process-step2 .btn-circle:hover,
.process-step2 .btn-info {
background: #024d94 !important;
border-color: #024d94 !important;
}

.process-step2 .btn .fa {
margin-left: 0;
position: relative;
top: 0px;
font-size: 25px;
}

.process-step2 small {
display: block;
font-family: Nunito;
color: #999;
text-transform: uppercase;
padding-top: 18px;
}

.process-row2:before {
top: 40px;
bottom: 0;
position: absolute;
content: " ";
width: 76%;
height: 1px;
border-bottom: 1px dashed #555;
z-order: 0;
margin: 0 auto;
display: table;
left: 0;
right: 0;
}

.process2 + .tab-content h3 {
color: #fff;
}

.process2 + .tab-content p {
color: #fff;
opacity: 0.4;
}

/* COMMENTS */

.comments {
}

.comments h2 {
margin: 40px 0px 30px;
letter-spacing: 4px;
font-size: 07px;
text-transform: uppercase;
font-weight: 500;
}

.comments .media {
margin: 0px 0px 20px;
padding: 25px 0;
border-bottom: 1px solid #e5e5e5;
}

.media-sub {
width: 95%;
margin-left: 5% !important;
}

.media-object {
display: block;
border-radius: 50%;
max-width: 80px;
}

.media-heading {
margin: 0px 0px 12px;
font-size: 15px;
letter-spacing: 0;
text-transform: uppercase;
}

.media-heading small {
letter-spacing: 0;
}

.media-body {
font-size: 13px;
line-height: 22px;
}

.blog-comment {
}

.blog-comment h2 {
margin: 70px 0px 30px;
letter-spacing: 4px;
font-size: 07px;
text-transform: uppercase;
font-weight: 500;
}

.comment-form input {
border: 1px solid #e5e5e5;
height: 50px;
margin-bottom: 15px;
padding: 0 25px;
border-radius: 0;
width: 100%;
}

.comment-form textarea {
border: 1px solid #e5e5e5;
height: 120px;
margin-bottom: 15px;
padding: 25px 25px;
border-radius: 0;
width: 100%;
}

/* FOOTER */


footer .list-inline li {
width: 20%;
padding: 0;
display: inline;
float: left;
}

.contact-info {
padding: 10px 0;
text-align: center;
color: #000;
font-weight: 400;
font-size: 13px;
border-right: 1px solid #fff;
font-family: Nunito;
letter-spacing: 0.5px;
}

.contact-info i {
color: #024d94;
display: block;
font-size: 25px;
margin-bottom: -5px;
}

.footer-social {
padding-left: 25px;
margin-top: 10px;
}

.footer-social a {
font-size: 19px;
margin-left: 12px;
margin-top: 30px;
}

.footer-logo {
line-height: 110px;
padding: 0px;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
color: #000;
margin: 0;
position: relative;
font-family: Nunito;
letter-spacing: 4px;
}

.footer-copy {
background: #00BE63;
padding: 20px 0;
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 13px;
}

.slick-dots {
margin: 15px auto;
position: relative;
left: 0;
display: table !important;
}

.slick-dots li {
float: left;
margin-right: 7px;
}

.slick-dots li button {
border: none;
width: 8px;
height: 8px;
font-size: 0px;
padding: 0;
border-radius: 50%;
opacity: 0.2;
}

.slick-dots li.slick-active button {
opacity: 1;
}



.parallax-content {
background: #E04A8C;
background-size: cover;
padding: 55px 0;
position: relative;
}

.parallax-content .container {
position: relative;
z-index: 55;
}

.parallax-content h4 {
color: #fff;
font-size: 26px;
font-weight: 400;
text-align:left;
line-height: 1.5;
}

.parallax-content p {
color: #fff;
font-size: 16px;
text-align:left;
padding: 10px 0 0;
}
.parallax-content form {
position: relative;
padding-top: 55px;
}
.parallax-content form input{
border-radius: 28px;
height: 56px;
}
.parallax-content form button{
position: absolute;
top: 58px;
right: 2px;
height: 50px;
border-radius: 28px;
width: 142px;
background-color: #0097B2 !important;
border-color: #0097B2 !important;
}




#stats1 {
padding: 40px 0;
}

.stats1-info {
text-align: center;
}

.stats1-info p {
color: #000;
font-size: 40px;
margin: 0 0 20px;
font-family: Nunito;
}

.stats1-info h2 {
color: #000;
font-size: 12px;
font-family: Nunito;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 700;
}

.stats1-info i {
color: #024d94;
font-size: 40px;
margin: 0 auto 25px;
display: table;
}

#stats2 {
padding: 40px 0;
}

.stats2-info {
text-align: center;
}

.stats2-info p {
color: #fff;
font-size: 40px;
margin: 0 0 20px;
font-family: Nunito;
}

.stats2-info h2 {
color: #fff;
font-size: 12px;
font-family: Nunito;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 700;
}

.stats2-info i {
color: #fff;
font-size: 40px;
margin: 0 auto 25px;
display: table;
}

.elements-content ul h1 {
font-weight:800;
}

/* flip boxes */
.flips1 {
width: 100%;
height: 320px;
margin: 0;
position: relative;
}

.flips1 p {
color: #fff;
opacity: 0.7;
}

.flipscont1 {
width: 100%;
height: 100%;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
text-align: center;
}

.flips1_front {
padding: 0px;
width: 100%;
z-index: 2;
}

.flips1_front img {
width: 100%;
height: 259px;
}

.flips1_front img.full {
width: 100%;
height: auto;
}

.flips1_back {
width: 100%;
padding: 50px 35px;
color: #fff;
background-color: #222;
z-index: 1;
height: 320px;
margin: 0px;
text-align: center;
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-sand-transform: rotateY(180deg);
}

.flips1:hover .flips1_front {
z-index: 1;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-sand-transform: rotateY(180deg);
}

.flips1:hover .flips1_back {
z-index: 2;
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-sand-transform: rotate(0deg);
}

.flips1_back .fsoci {
float: left;
width: 100%;
margin: 18px 0px 32px 0px;
}

.flips1_back .fsoci i {
border-radius: 100%;
width: 25px;
height: 25px;
border: 1px solid #fff;
text-align: center;
vertical-align: middle;
line-height: 25px;
color: #fff;
transition: all 0.3s ease;
}

.flips1_back .fsoci i:hover {
background: #fff;
color: #272727;
}

.flips2 {
width: 100%;
height: 320px;
margin: 0;
position: relative;
}

.flips2 p {
color: #fff;
opacity: 0.7;
}

.flipscont2 {
width: 100%;
height: 100%;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
text-align: center;
background-color: #eee;
}

.flips2_front {
padding: 0px;
width: 100%;
z-index: 2;
}

.flips2_front img {
width: 100%;
}

.flips2_back {
width: 100%;
padding: 50px 35px;
color: #fff;
background-color: #222;
z-index: 1;
height: 320px;
margin: 0px;
text-align: center;
-webkit-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-sand-transform: rotateX(180deg);
}

.flips2:hover .flips2_front {
z-index: 1;
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
transform: rotateX(180deg);
-sand-transform: rotateX(180deg);
}

.flips2:hover .flips2_back {
z-index: 2;
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
transform: rotateX(0deg);
-sand-transform: rotate(0deg);
}

.review-white.parallax-content {
padding: 0;
}

.review-white.parallax-content .col-md-6 {
padding: 120px 30px;
}

.no-margin {
margin: 0 !important;
}

.dropcap {
line-height: 28px;
font-size: 15px;
}

.dropcap .dropcap-square {
border: 2px solid #e5e5e5;
display: inline-block;
float: left;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 32px;
text-align: center;
color: #999;
font-family: Nunito;
margin: 8px 10px 0px 0px;
}

.dropcap .dropcap-radius {
border: 2px solid #e5e5e5;
border-radius: 3px;
float: left;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 32px;
text-align: center;
color: #999;
font-family: Nunito;
margin: 8px 10px 0px 0px;
}

.dropcap .dropcap-round {
border: 2px solid #E5E5E5;
display: inline-block;
float: left;
width: 60px;
height: 60px;
line-height: 58px;
font-size: 32px;
text-align: center;
border-radius: 50%;
color: #999;
font-family: Nunito;
margin: 8px 10px 0px 0px;
}

.dropcap-dark .dropcap-square {
border: 2px solid #222;
color: #222;
}

.dropcap-color .dropcap-square {
border: 2px solid #024d94;
color: #024d94;
}

.dropcap-dark .dropcap-radius {
border: 2px solid #222;
background: #222;
color: #fff;
}

.dropcap-color .dropcap-radius {
border: 2px solid #024d94;
background: #024d94;
color: #fff;
}

.dropcap-dark .dropcap-round {
border: 2px solid #222;
background: #222;
color: #fff;
}

.dropcap-color .dropcap-round {
border: 2px solid #024d94;
background: #024d94;
color: #fff;
}

.timeline {
list-style: none;
padding: 20px 0 50px;
position: relative;
}

.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 50%;
margin-left: -1.5px;
}

.timeline:after {
content: "";
width: 30px;
height: 30px;
background: #fff;
position: absolute;
bottom: 0;
left: -1px;
right: 0;
display: table;
margin: 0 auto;
border-radius: 50%;
border: 4px solid #eeeeee;
}

.timeline > li {
margin-bottom: 20px;
position: relative;
}

.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}

.timeline > li:after {
clear: both;
}

.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}

.timeline > li:after {
clear: both;
}

.timeline > li > .timeline-panel {
width: 45%;
float: left;
border: 1px solid #e5e5e5;
border-radius: 2px;
padding: 30px 30px 27px;
position: relative;
}

.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}

.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}

.timeline > li > .timeline-badge {
color: #fff;
width: 70px;
height: 70px;
line-height: 78px;
font-size: 25px;
text-align: center;
position: absolute;
top: 4px;
left: 50%;
margin-left: -35px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}


.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}

.timeline-badge.primary {
background-color: #2e6da4 !important;
}

.timeline-badge.success {
background-color: #3f903f !important;
}

.timeline-badge.warning {
background-color: #f0ad4e !important;
}

.timeline-badge.danger {
background-color: #d9534f !important;
}

.timeline-badge.info {
background-color: #5bc0de !important;
}

.timeline-title {
margin-top: 0;
color: inherit;
color: #000;
margin: 0 0 12px;
font-size: 20px;
text-transform: uppercase;
}

.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
}

.timeline-body > p + p {
margin-top: 5px;
}

@media (max-width: 767px) {
ul.timeline:before {
left: 40px;
}

.w-70 {
width: 100% !important;
}
.slick-initialized .slick-slide:nth-child(even) {
border-top-right-radius: 50px !important;
border-bottom-left-radius: 50px !important;
}
.slick-initialized .slick-slide:nth-child(odd) {
border-top-left-radius: 50px !important;
border-bottom-right-radius: 50px !important;
}
.feature-block {

margin: 0px auto;
padding: 50px !important;
}

ul.timeline > li > .timeline-panel {
width: calc(100% - 105px);
width: -moz-calc(100% - 105px);
width: -webkit-calc(100% - 105px);
}

ul.timeline > li > .timeline-badge {
left: 7px;
margin-left: 0;
top: 16px;
}

ul.timeline > li > .timeline-panel {
float: right;
}

ul.timeline > li > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}

ul.timeline > li > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}

.timeline::after {
left: 24px;
right: auto;
}
}

.event-list li {
margin-bottom: 15px;
overflow: hidden;
position: relative;
border: 1px solid #F2EDED;
}

.event-list li time, .event-list li img {
width: 110px;
height: 110px;
padding: 0px;
margin: 0px;
float: left;
display: inline;
}

.event-list li time {
color: #fff;
background: #E91E63;
padding: 5px;
text-align: center;
text-transform: uppercase;
}

.event-list li:nth-child(2) time {
background: #673AB7;
}

.event-list li:nth-child(3) time {
background: #024d94;
}

.event-list li time .day {
display: block;
font-size: 41px;
font-weight: 300;
margin: 7px 0 -5px;
font-family: Nunito;
}

.event-list li time .month {
font-size: 16px;
font-weight: 300;
}

.event-list li time .year {
font-size: 16px;
font-weight: 700;
}

.event-list li .info {
padding: 15px 30px;
height: 110px;
border-left: 0px;
border-radius: 0 3px 3px 0;
float: left;
}

.event-list li .info h2 {
font-size: 16px;
color: #000;
display: table;
width: 100%;
text-transform: uppercase;
letter-spacing: 0.2px;
font-weight: 700;
}

.event-list li .info h2 span {
display: block;
font-family: Nunito;
font-size: 12px;
color: #222;
letter-spacing: 0px;
margin-top: 5px;
text-transform: uppercase;
font-weight: 700;
}

.event-list li .info h2 span + span {
display: block;
font-family: Nunito;
font-size: 11px;
color: #555;
letter-spacing: 0px;
margin-top: 15px;
text-transform: none;
font-weight: 400;
}

.ticket {
position: absolute;
top: 50%;
right: 25px;
font-size: 27px;
margin-top: -18px;
opacity: 0.3;
}

.ticket:hover {
opacity: 1;
}

.cta-wrap {
padding: 150px 0 150px;
}

.cta-wrap h1 {
margin: 0 0 7px;
font-size: 42px;
font-weight: 700;
line-height: 60px;
}

.cta-wrap.bg-dark h2 ,
.cta-wrap.bg-primary h2 {
color: #fff;
}

.cta-wrap.bg-dark p ,
.cta-wrap.bg-primary p {
color: #fff;
opacity: 0.5;
}

.cta-wrap.bg-dark .cta-btn ,
.cta-wrap.bg-primary .cta-btn {
color: #fff;
border: 2px solid #fff;
}

.cta-btn:hover {
background: #024d94;
border: 2px solid #024d94;
color: #fff;
}

.cta-wrap.bg-dark .cta-btn:hover {
color: #fff;
background: #024d94;
border: 2px solid #024d94;
}

.cta-wrap.bg-primary .cta-btn:hover {
color: #fff;
background: #222;
border: 2px solid #222;
}

.gold, .silver, .plat {
text-align: center;
padding: 30px 50px 50px;
border-radius: 7px;
box-shadow: 0px 7px 16px 0px rgba(50, 50, 50, 0.2);
}

.gold {
position: relative;
top: 0px;
background: #000000;
text-align: center;
border: 1px solid #000000;
}

.pricing2 .gold > .price {
background: #fff;
color: #222;
}

.pricing2 .gold > h1, .pricing2 .gold > h2, .pricing2 .gold > p, .pricing2 .gold > span {
color: #fff;
}

.pricing2 .price {
height: 120px;
width: 120px;
text-align: center;
background-color: #024d94;
border-radius: 50%;
line-height: 120px;
color: #fff;
font-size: 40px;
font-family: Nunito;
font-weight: 400;
margin: 20px auto;
}

.pricing2 h1 {
margin: 20px 0 10px 0;
font-size: 28px;
color: #000;
font-weight: 700;
}

.pricing2 h2 {
font-size: 11px;
color: #555;
font-weight: 300;
letter-spacing: 0.2px;
}

.pricing2 p {
color: #444;
margin: 10px 0;
font-weight: 100;
font-size: 14px;
}

.pricing2 span {
margin-bottom: 20px;
padding-bottom: 10px;
display: inline-block;
width: 125px;
font-size: 1em;
font-weight: 700;
letter-spacing: 0.2px;
color: rgba(0, 0, 0, 0.5);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.pricing2 .btn {
background: #024d94;
border-color: #024d94;
margin: 15px auto 0;
position: relative;
bottom: 0px;
left: 0px;
right: 0px;
color: #fff;
padding: 12px 35px;
}

.pricing2 .btn:hover {
background: #000000;
border-color: #000000;
color: #fff;
}

.pricing2 .gold .btn:hover {
background: #fff;
border-color: #fff;
color: #000000;
}

#contact-form2 {
padding: 0;
}

#contact-form2 .google-map,
#contact-form2 #map {
height: 640px;
}

#contact-form2 .col-md-6 {
padding: 100px;
}

#contact-form2 .col-md-6 .col-md-6 {
padding: 0px 15px;
}

#contact-form2 h3 {
font-size: 40px;
font-weight: 700;
margin: 0px 0px 10px;
}

#contact-form2 #contactForm input {
padding: 0px;
border-bottom: 2px solid #e5e5e5;
box-shadow: none !important;
color: #000 !important;
}

#contact-form2 #contactForm textarea {
padding: 15px 0px;
border-bottom: 2px solid #e5e5e5;
box-shadow: none !important;
color: #000 !important;
}

input:focus, textarea:focus {
box-shadow: none;
outline: 0;
}

.footer2 {
background: #F7F5EA;
}

.footer2 .google-map {
border: 1px solid #555;
padding: 5px;
height: 290px;
}

.footer2 #map {
height: 280px;
}

.footer2 #contactForm input {
height: 43px;
padding: 0 20px;
font-size: 14px;
letter-spacing: 0;
font-weight: 400;
width: 100%;
margin: 0 0 10px;
background: #222;
border: none;
border-radius: 5px;
color: #fff;
border-top: 1px solid #414141;
}

.footer2 #contactForm textarea {
height: 80px;
padding: 12px 20px;
font-size: 14px;
letter-spacing: 0;
font-weight: 400;
width: 100%;
margin: 0 0 20px;
background: #222;
border: none;
border-radius: 5px;
color: #fff;
border-top: 1px solid #414141;
}

.footer2 h5 {
color: #000;
font-size: 16px;
font-weight: bolder;
text-transform: uppercase;
margin: 0px 0px 15px;
font-size: 16px;
letter-spacing: 0px;
}

.footer2 .footer-logo {
color: #fff;
display: block;
padding-top: 22px;
}


.footer2 p {
color: #0097B2 ;
font-size: 18px;
font-weight:500;
text-align:center;
padding-top: 42px;
}

.footer2 .footer-social a {
font-size: 26px;
text-align: center;
margin-top: 55px;
color: #f8d171;
}

.footer2 .footer-social {
padding-right: 0;
margin-top: -13px;
}

.subscribe-elt .intro-newsletter {
width: 100%;
position: relative;
}

.subscribe-elt .intro-newsletter input {
height: 66px;
padding: 0 150px 0 25px;
font-size: 16px;
letter-spacing: 0.04em;
font-weight: 400;
width: 100%;
border: none;
border-radius: 0px;
background: transparent;
border: 1px solid #555;
color: #fff;
border-radius: 3px;
}

.subscribe-elt .intro-newsletter button {
border-radius: 3px;
position: absolute;
top: 11px;
right: 10px;
width: 100px;
font-size: 11px;
height: 45px;
}

.subscribe-elt h5 {
color: #ddd;
font-size: 18px;
line-height: 26px;
width: 75%;
letter-spacing: 0px;
font-weight: 400;
margin-top: 5px;
}

.subscribe-elt2 h5 {
font-family: Nunito;
font-size: 40px;
color: #000;
font-weight: 300;
letter-spacing: 0.4px;
text-align: center;
width: 100%;
}

.subscribe-elt2 p {
color: #555;
text-align: center;
width: 100%;
letter-spacing: 0.2px;
opacity: 0.4;
padding: 10px 0 15px;
}

.subscribe-elt2 .intro-newsletter input {
height: 50px;
padding: 0 20px;
font-size: 14px;
letter-spacing: 0px;
font-weight: 400;
width: 100%;
border: none;
border-radius: 0px;
background: transparent;
border: 1px solid #e5e5e5;
color: #000;
border-radius: 3px;
text-transform: uppercase;
font-weight: 700;
}

.subscribe-elt2 .intro-newsletter button {
border-radius: 3px;
position: relative;
top: 0px;
right: 0px;
width: 100%;
font-size: 14px;
height: 50px;
}

.subscribe-elt2 {
padding: 150px 0 160px 0;
}

.subscribe-elt3 h5 {
font-family: Nunito;
font-size: 40px;
color: #fff;
font-weight: 300;
letter-spacing: 0.4px;
text-align: center;
width: 100%;
}

.subscribe-elt3 p {
color: #fff;
text-align: center;
width: 100%;
letter-spacing: 0.2px;
opacity: 0.4;
padding: 10px 0 15px;
}

.services-s5 .service-content i {
display: inline-block;
font-size: 40px;
margin: 0 auto 20px;
padding: 0px;
cursor: pointer;
background: transparent;
text-decoration: none;
color: #024d94;
width: 90px;
height: 90px;
line-height: 88px;
border-radius: 50%;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
text-align: center;
}

.services-s5 .service-content i:after {
content: '';
position: absolute;
border: #024d94 solid 2px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
border-radius: 50%;
}

.services-s5 .service-content:hover i:after {
top: -6px;
right: -6px;
bottom: -6px;
left: -6px;
border: #024d94 solid 3px;
}

.services-s5 .service-content:hover i {
color: #fff;
background: #024d94;
}

.services-s5 .service-content h4 {
font-size: 19px;
margin: 5px 0 14px;
text-align: center;
font-weight: 700;
}

.services-s5 .service-content p {
font-size: 13px;
text-align: center;
}

.icon-features {
background: #222;
padding: 80px 0;
}

.feature-left {
margin: 80px 0 0;
text-align: right;
padding-right: 30px;
}

.feature-left li {
margin-bottom: 30px;
}

.feature-left li i {
font-size: 45px;
color: #024d94;
}

.fl-content h4 {
margin: 30px 0 10px;
font-size: 20px;
font-weight: 700;
color: #fff;
}

.fl-content p {
font-size: 14px;
padding-left: 40px;
color: #fff;
opacity: 0.5;
margin-bottom: 40px;
}

.feature-right {
margin: 80px 0 0;
text-align: left;
padding-left: 30px;
}

.feature-right li {
margin-bottom: 30px;
}

.feature-right li i {
font-size: 45px;
color: #024d94;
}

.fr-content h4 {
margin: 20px 0 10px;
font-size: 20px;
font-weight: 700;
color: #fff;
}

.fr-content p {
font-size: 14px;
padding-right: 40px;
color: #fff;
opacity: 0.5;
margin-bottom: 40px;
}



.multi-content {
background: #024d94;
padding: 100px 0;
}

.multi-content h3 {
color: #fff;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
letter-spacing: 0px;
}

.multi-content h2 {
color: #fff;
font-size: 34px;
letter-spacing: 0px;
padding: 10px 0 15px;
}

.multi-content p {
color: #fff;
opacity: 0.7;
}

.multi-content img {
position: relative;
top: 100px;
margin-top: -100px;
margin-bottom: -100px;
max-width: 100%;
}

.multi-features {
background: #000000;
padding: 140px 0 100px;
}

.multi-features h4 {
color: #fff;
text-transform: uppercase;
font-size: 14px;
margin: 0px 0px 18px;
letter-spacing: 0;
}

.multi-features h4 i {
font-size: 24px;
margin-right: 15px;
position: relative;
top: 4px;
}

.multi-features p {
color: #888;
font-size: 14px;
}

.cf2-wrap {
max-width:600px;
padding:30px;
}

.parallax5 .col-md-6.bg-dark {
max-width:800px;
}


#contact-form2 {
max-width: 1200px;
margin: 0 auto;
}

/* RESPONSIVE STYLES */

@media only screen and (min-width: 768px) and (max-width: 1230px) {

footer .list-inline li {
width: 33.3333%;
}

footer .list-inline li:nth-child(4) .contact-info {
border: none;
}

footer .list-inline li:first-child ,
footer .list-inline li:last-child {
width: 100%;
text-align: center;
}

footer {
background: #dbdbdb;
padding: 25px 0 60px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {

.clients2 img {
max-width: 100%;
}

.about-inline .ai-slide {
width: 750px;
position: relative;
}

.about-inline .ai-slide .center-block {
width: 750px;
}

.ai-slide-img {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}

.ai-slide-img {
position: absolute;
width: 493px;
overflow: hidden;
height: 306px;
margin: 0 auto;
display: block;
left: -7px;
right: 0;
top: 26px;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

.container {
width: 100%;
max-width: 750px;
}

.mega-menu {
left: 0px !important;
}

.navbar-lg .navbar-nav > li > a {
padding: 40px 5px 35px;
font-size: 10px;
}

.icon-box-square .text-center{ margin-bottom: 50px; }

.review p {
padding: 0 30px 07px;
}

.pricing__price {
padding: 35px 0 30px;
line-height: 20px;
}

.pricing__item {
margin: 0;
padding: 30px 30px 30px;
}

.team .team-box {
margin-bottom: 30px;
padding: 0 15px;
}

.info-content .btn.btn-lg {
font-size: 11px;
margin-bottom: 50px;
}

.info-content h3 {
font-size: clamp(1.5rem, 5vw, 3rem);
margin: 0px 0 20px;
}

.info-content p {
margin: 0 0 10px;
font-size: 13px;
letter-spacing: 0.1px;
}

.center-content-ipad {
display: flex;
align-items: center;
flex-direction: row;
}

.error-content {
padding: 100px 0;
}

.error-content h4 {
font-size: 75px;
letter-spacing: -5px;
}

.sidebar {
padding-top: 50px;
}

#contact-info .col-sm-6 {
margin-bottom: 20px;
}

.team {
padding: 100px 0 70px;
}

.portfolio-filter li {
margin: 0 10px;
}

.portfolio-4col .portfolio-item {
width: 50%;
}

.intro-form {
padding: 30px 30px 40px;
}

.intro1 h2 {
font-size: 42px;
}

.intro16 h3 {
margin: 40px 0px 30px;
}

.hl-container {
width: 100%;
max-width: 550px;
position: relative;
float: none !important;
margin: 0 auto;
}

.intro13 h3 {
margin: 40px 0px 30px;
}

.intro10 h3 {
margin: 40px 0px 25px;
}

.intro8 img {
margin-top: 40px;
}

.intro3 h3 {
margin: 0px 0px 25px;
font-size: 38px;
}
}

@media only screen and (min-width: 320px) and (max-width: 370px) {

.pricing__price{ margin-left: -27px;}
}
@media only screen and (min-width: 370px) and (max-width: 370px) {

.pricing__price{ margin-left: 10px;}
}



@media only screen and (min-width: 993px) and (max-width: 4000px) {

.center-content {
display: flex;
align-items: center;
flex-direction: row;
}
}
.footerP p:hover{
color:#fff;
}
.section-about{
background-color:#F7F5EA;
}
.w-70{
width:70%
}
.feature-block{
text-align: center;
padding: 50px;
background-color:#FFFFFF;
border-radius: 30px;
background: #fff url(../Img/estrella.svg);
background-repeat: no-repeat;
background-size: 100%;
background-position: top left;
}
.step-1::after{
content: "";
position: absolute;
bottom: 75%;
right: 75%;
background: url(../Img/cubo1.svg);
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
background-size: 100%;
}
.step-2::after{
content: "";
position: absolute;
bottom: 13%;
right: 0px;
background: url(../Img/cubo2.svg);
width: 110%;
height: 110%;
background-repeat: no-repeat;
z-index: -1;
background-size: 100%;
}
.step-3::after{
content: "";
position: absolute;
bottom: 0%;
left: 10%;
background: url(../Img/cubo3.svg);
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
background-size: 100%;
}
.step-4::after{
content: "";
position: absolute;
bottom: 2%;
right: 0px;
background: url(../Img/cubo4.svg);
width: 110%;
height: 140%;
background-repeat: no-repeat;
z-index: -1;
background-size: 100%;
}
.feature-block h3{

color: #00323B;
font-size: 19px;
font-weight: 400;
margin-bottom: 10px;
}
.btn.btn-green {
color: #FFFFFF;
background-color: #00BE63;
border: 2px solid #00BE63;
border-radius: 28px;
padding: 5px 30px;
font-weight: 700;
}
.products-block{
background-color:#F7F5EA
}
.section-afiliate{
background:#F2FCF7;
}
.pull-right-content h3{
color: #fff;
padding: 40px 80px;
text-align: right;
}
.crear-cuenta-section{

background-position: top;
background-size: cover;
}
.crear-cuenta-section .card{
padding: 60px 20px;
background-color: #fff;
border-radius: 52px;
}
.crear-cuenta-section .card .card-body{
padding: 20px 20%;
}

.crear-cuenta-section .card h3{
font-size: 55px;
}
.crear-cuenta-section .card img{

display:inline-block !important;
}
.crear-cuenta-section .card p{
padding: 10px 25%;
}

.crear-cuenta-section .card .card-body a svg{
width: 20px;
float: left;
margin-right: 10px;
}
.btn-white{
border: 1px solid #CBD5D7;
border-radius: 22px;
background:#fff;
}
.crear-cuenta-section p{
color:#555;
}
.crear-cuenta-section .card .card-steps {
padding: 20px 0% !important;
}
.crear-cuenta-section .card .card-steps .container-fluid{
border: 1px solid #34CA7E;
border-radius: 31px;
}

.crear-cuenta-section .card .card-steps ul{
border-bottom: none;
}
.crear-cuenta-section .card .card-steps ul li{
width: 33%;
}
.ficha-mascota .card .card-steps ul li{
width: 50%;
}
.ficha-mascota-veterinario .card .card-steps ul li{
	width: 33%;
}
.crear-cuenta-section .card .card-steps ul li a{
width: 100%;
text-transform: none;
color: #6F7070 !important;
font-size: 16px;
}
.crear-cuenta-section .card .card-steps ul li a:hover{
background-color: #00BE63;
border-radius: 31px;
color: #0097b2
}
.crear-cuenta-section .card .card-steps ul li.active{
background-color: #00BE63;
border-radius: 31px;
}

.crear-cuenta-section .card .card-steps ul li a.active{
color: #FFFFFF !important;

}
.crear-cuenta-section .card .card-steps h3{
font-size: clamp(1.5rem, 5vw, 3rem);
}
.card-steps .nav-tabs > li > a::after {

content:unset;

}
.no-padding{
padding-left:0px !important;
padding-right:0px !important;
}
.pet-img{
border-top-right-radius: 120px;
max-width:100%;
}
.dz-image img{
max-width: 100%;;
}
.petBlock{
margin-bottom: 20px;
}
.petBlock h3{

}
.petBlock img{
width: 288px;
height: 288px;
object-fit: cover;
max-width: 100%;
}
.petBlock a{

}
.completar-compra-block .card .card-steps ul li{
width: 20%;
}
.reservar-turno-block .card .card-steps ul li{
width: 25%;
}
.styleBlock{
cursor: pointer;
text-align: Center;
margin-bottom: 10px;
padding: 10px;
border: 1px solid transparent;
}
.planContainer{

display: flex;
flex-wrap: wrap;
justify-content: center; /* Center align horizontally */
}
.planBlock{
cursor: pointer;
text-align: Center;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #CCC;
border-radius: 31px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
height: 100%; /* Ensure it takes full height of the parent */
margin: 10px;
}
.planBlock p{

padding:10px !important;

}
.styleBlock img{
max-width:100%;
}
.styleBlock.selected{
border: 4px solid #34CA7E;
border-radius: 31px;
}
.styleBlock h3{
font-size:20px;
}
.flatpickr-calendar{
margin: 0px auto;
}
.time-slots{
margin-top:20px;
text-align: center;
}
.time-slots button{
margin: 2px;
padding: 5px;
}
.selected-time-slot {
background-color: #4CAF50;
color: white;
}
.citaBlock{
height:180px;
text-align: left;
}
.citaBlock h4{
line-height:30px;
font-size:16px;
}
.btn-danger{
color: #fff !important;
background-color: #c9302c !important;
border-color: #ac2925 !important;
}


.preview-carnet{
background: url(../images/delanteDef.png);
position:relative;
width:360px;
height:234px;
background-size: 100%;
background-repeat: no-repeat;
background-position: top;
margin:0px auto;
color: #000;
font-family: 'PT Mono', monospace;
}

.preview-carnet .carnetName{
position: absolute;
top: 68px;
left: 140px;

}
.preview-carnet .carnetRaza{

position: absolute;
top: 107px;
left: 140px;
max-width: 120px;
text-align: left;
line-height: 13px;
}
.preview-carnet .carnetSexo{
position: absolute;
top: 103px;
left: 265px;

}
.preview-carnet .carnetFechaNac{
position: absolute;
top: 138px;
left: 140px;
}
.preview-carnet .carnetPersonaResponsable{

position: absolute;
top: 174px;
left: 140px;
max-width: 120px;
text-align: left;
line-height: 13px;
}
.preview-carnet .carnetRUAC{
position: absolute;
top: 178px;
left: 27px;

}
.preview-carnet .carnetImagen{
width: 95px;
height: 95px;
position: absolute;
top: 73px;
left: 30px;
object-fit: cover;

}

.preview-carnet .carnetNacionalidad{
position: absolute;
top: 138px;
left: 265px;

}
.mx-auto{
margin:0px auto;
}
.m-20{
	margin:20px 0px;
}
.ficha-mascota .imgMascota{
border-top-right-radius: 120px;
width: 288px;
height: 288px;
object-fit: cover;

}
.ficha-mascota .mascotaBlockDetail{


}
.ficha-mascota .mascotaBlockDetail label{
color:#0097B2;
display:block;

}
.ficha-mascota .mascotaBlockDetail p{


display:block;
color:#707070;
border: 1px solid #44686F46;
border-radius: 24px;
height: auto;
width:100%;
padding: 0px;
line-height: 53px;
padding-left: 10px;


}
.ficha-mascota .macota-text-blue{
color:#0097B2;
font-weight:bold;
padding: 0px !important;
}
.sub-menu-tabs li{
width:20% !important;
text-align:center;
}
.producto-cart-card{
padding: 8px;
border: 1px solid #000;
border-radius: 10px;
margin: 5px;
width:calc(33.33% - 10px);
height: 290px;
}
.producto-cart-card p{
padding: 0px !important;
margin-bottom:5px;
}
.producto-cart-card button{
margin: 0px auto;
display: block;
}
.time-fields div{
width: 50%;
float: left;
text-align: center;
}
.time-fields div label{
display: block;
margin: 0px auto;
text-align: center;
padding-left: 0px;
margin-bottom: 5px;
}
.time-fields div input{
margin-bottom: 5px;
}
.veterinarioBlock{
border: 1px solid #ccc;
border-radius: 31px;
height: auto;
}
.distance-tag{
display: block;
text-align: right;
font-weight: bold;
}

@media only screen and (min-width: 280px) and (max-width: 767px) {

.producto-cart-card{

width:calc(100% - 10px);


}

.footer2 .footer-logo {
text-align: center;
}

.feature-icon {
padding: 60px 30px 30px 30px;
}

.card-product .product-info {
padding: 10px;}

.icon-box-square .text-center{ margin-bottom: 50px; }

.pricing__price{ margin-left: 20px ;}

.footer2 .footer-social {
padding-left: 0;
margin: -24px 140px 22px;
}

.footer2 .col-md-4 {
margin-bottom: 50px;
}

.services-s5 .service-content p {
margin-bottom: 40px;
}

.feature-left {
text-align: center;
padding-right: 0;
width: 100%;
}

.feature-right {
text-align: center;
padding-left: 0;
width: 100%;
}

.fl-content p ,
.fr-content p {
padding: 0;
}

.review .review-text p {
font-size: 18px;
}

.stats1-info h2 ,
.stats2-info h2 ,
.stats3-info h2 {
margin-bottom: 40px;
}

#stats1,
#stats2 {
padding: 120px 0 80px;
}

.process-step small {
display: none;
}

.btn-circle {
width: 50px;
height: 50px;
text-align: center;
font-size: 7px !important;
border-radius: 50%;
padding: 0;
line-height: 58px;
font-style: normal;
}

.process-step .btn .fa {
font-size: 20px;
}

.process-row:before {
top: 24px;
}

.process-step2 small {
display: none;
}

.process-step2 .btn-circle {
width: 60px;
height: 60px;
text-align: center;
font-size: 7px !important;
border-radius: 50%;
padding: 0;
line-height: 68px;
font-style: normal;
}

.process-row2:before {
top: 32px;
}

.event-list li img {
display: none;
}

blockquote.pull-left {
width: 100%;
max-width: 300px;
}

blockquote.pull-right {
width: 100%;
max-width: 300px;
}

.clients li {
width: 51%;
float: left;
padding: 10px 50px;
}

.clients2 img {
max-width: 100%;
}

.clients2 li {
width: 33.333%;
}

.about-inline .ai-slide {
width: 300px;
position: relative;
}

.about-inline .ai-slide .center-block {
width: 300px;
}

.ai-slide-img {
position: absolute;
width: 196px;
overflow: hidden;
height: 123px;
margin: 0 auto;
display: block;
left: -1px;
right: 0;
top: 11px;
}

.about-inline h3 br {
display: inline-block;
}

.intro-newsletter {
width: 75%;
}

.h1-point-info {
width: 250px;
left: -070%;
}

.hl-point2 .h1-point-info {
width: 250px;
left: -510%;
}

.intro16 img {
margin-top: 30px;
}

.intro16 h3 {
font-size: 45px;
}

.intro17 {
padding: 130px 0 120px;
}

.intro17 h3 {
margin: 40px 0px 30px;
}

.hero2 p {
padding: 0;
}

.hero2 h3 {
font-size: 38px;
}

.intro19 h3 {
font-size: 38px;
}

.intro19 p {
padding: 0;
}

.app-btn a {
float: none;
}

.hero2 h3 {
font-size: 34px;
}

.hero2 p {
font-size: 15px;
padding: 0;
}

.dual-btn a {
margin: 0 5px 15px;
}

.intro3 h3 {
font-size: 37px;
}

.intro-newsletter input {
width: 100%;
margin-bottom: 15px;
}

.intro4 h2 {
font-size: 40px;
margin: -30px 0 15px;
}

.intro1 {
padding: 120px 0 90px;
background-position: top;
background-size: cover;
}
.crear-cuenta-section .card p {
padding: 10px 10%;
}
.crear-cuenta-section .card .card-body {
padding: 20px 0%;
}
.completar-compra-block .card .card-steps ul li {
width: 100%;
}
.preview-carnet {
width: 250px;
}
.preview-carnet .carnetImagen {
width: 64px;
top: 51px;
left: 21px;
max-height: 64px;
object-fit: cover;
}
.preview-carnet .carnetName {
top: 50px;
left: 101px;
font-size: 1.2rem;
}
.preview-carnet .carnetRaza {
top: 75px;
left: 101px;
font-size: 0.8rem;
max-width: 100px;
line-height: 9px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.preview-carnet .carnetSexo {
top: 75px;
left: 187px;
font-size: 1.2rem;
}
.preview-carnet .carnetFechaNac {
top: 96px;
left: 101px;
font-size: 1.2rem;
}
.preview-carnet .carnetPersonaResponsable {
top: 119px;
left: 101px;
font-size: 1.2rem;
max-width: 100px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.preview-carnet .carnetNacionalidad {
top: 96px;
left: 187px;
font-size: 1.2rem;
}
.preview-carnet .carnetRUAC {
top: 135px;
left: 20px;
font-size: 1.2rem;
}
.sub-menu-tabs li {
width: 100%!important;
text-align: center;
}

.intro4 p {
padding: 0;
}

.intro4 {
padding: 220px 0 67px;
margin-bottom: 20px;
}

.intro5 p {
font-size: 15px;
padding: 0;
}

.intro6 h2 {
font-size: 45px;
}

.intro6 p {
font-size: 15px;
padding: 0;
}

.intro6 p.lead {
font-size: 28px;
}

.intro6 p.lead a {
color: #fff;
display: block;
}

.intro6 {
padding: 100px 0;
}

.intro6 .container, .intro6 .row {
height: auto;
}

.intro6 {
padding: 100px 0;
display: table;
}

.intro7 h2 {
margin: 30px 0 15px;
}

.intro7 {
padding: 120px 0 90px;
}

.intro8 h3 {
font-size: 33px;
line-height: 43px;
}

.intro8 img {
width: 150%;
margin-top: 50px;
}

.intro9 h3 {
font-size: 33px;
line-height: 43px;
}

.intro9 img {
border: 20px solid #000;
border-bottom: none;
border-radius: 15px;
max-width: 90%;
margin: 0 5% -30px;
}

.intro10 h3 {
margin: 40px 0px 25px;
}

.intro10 {
padding: 120px 0 70px;
}

.intro10-nl {
width: 100%;
margin: 0;
}

.intro11 h3 {
font-size: 36px;
}

.intro11 {
padding: 130px 0 100px;
}

.intro12 h3 {
font-size: 34px;
}

.intro12 {
padding: 160px 0 100px;
}

.intro12 p {
padding: 0;
}

.intro13 {
padding: 130px 0 100px;
}

.intro13 h3 {
margin: 30px 0px 30px;
font-size: 33px;
}

.intro14 h3 {
font-size: 33px;
}

.intro14 p {
padding: 0;
}

.features-list li i {
width: 60px;
height: 60px;
line-height: 58px;
font-size: 23px;
}

.intro15 h3 {
font-size: 45px;
line-height: 54px;
}

.hl-container {
margin-top: 40px;
}

.intro1 h2 {
font-size: 56px;
margin: 50px 0 15px;
}

.review p {
font-size: 20px;
padding: 0 15px 20px;
}

.ai-list ul li i {
font-size: 40px;
margin-bottom: 5px;
}

.video-box {
display: block;
}

.ai-list ul li {
display: inline-block;
color: #000000;
min-width: 83px;
padding: 0 10px;
font-weight: 700;
font-size: 12px;
line-height: 30px;
border-left: 1px solid #ddd;
text-transform: uppercase;
letter-spacing: 0.2px;
}

.pricing__item {
margin: 0 0 30px;
padding: 30px 30px 30px;
}

.pricing__item__popular {
margin: 70px 0 30px;
}

.portfolio-filter li {
margin: 0 5px 20px;
}

.portfolio-item {
width: 100%;
}

.portfolio-2col .portfolio-item {
width: 100%;
}

.portfolio-3col .portfolio-item {
width: 100%;
}

.portfolio-4col .portfolio-item {
width: 100%;
}

.team {
padding: 100px 0 70px;
}

.table-wrap {
width: 100%;
overflow: auto;
overflow-y: hidden;
}

.table-wrap table {
width: 850px;
}

.nav-tabs > li > a {
font-size: 12px;
padding: 10px 9px;
}

.icon-box {
padding: 100px 0 70px;
}

.service-box {
margin-bottom: 30px;
}

.service2 {
padding: 100px 0 70px;
}

.service2 .col-md-4 {
margin-bottom: 30px;
}

#contact-info .col-sm-6 {
margin-bottom: 20px;
}

.sidebar {
padding-top: 50px;
}

.pagination > li > a {
border-radius: 5px;
margin: 0 1px;
width: 35px;
height: 35px;
text-align: center;
line-height: 37px;
padding: 0;
}

.sub-about .text-right {
text-align: left;
}

.sub-about p {
margin-bottom: 30px;
}

.team .no-padding {
padding: 0 15px !important;
}

.team .team-box {
margin-bottom: 30px;
}

.team {
padding: 100px 0 70px;
}

.navbar-login {
display: none;
}

.navbar-nav > li > .dropdown-menu {
margin-top: 0px;
margin-left: 13px;
border: none;
}

.dropdown-menu > li > a {
display: block;
padding: 6px 30px;
font-size: 11px;
color: #fff;
text-transform: uppercase;
border: none;
}

.navbar-nav > li > a:hover,
.dropdown-menu > li > a:hover {
color: #024d94 !important;
background: transparent;
}

.navbar-nav > li > .dropdown-menu {
margin-bottom: 15px;
}

.navbar-lg .navbar-nav > li > a {
padding: 12px 30px;
font-size: 12px;
color: #fff !important;
}

.navbar-toggle {
/* position: relative;
float: right;
padding: 0;
margin-top: -25px;
margin-right: 15px;
margin-bottom: 18px; */
background: transparent !important;
background-image: none;
border: none !important;
border-radius: 70px;
}


.navbar-toggle .icon-bar {
display: block;
width: 20px;
height: 1px;
margin-bottom: 4px;
border-radius: 0px !important;
transition: .4s;
}

.navbar-inverse .navbar-toggle .icon-bar {
background-color: #000;
}

.navbar-toggle .icon-bar:nth-child(3) {
display: block;
width: 16px;
height: 1px;
border-radius: 0px !important;
background: #000 !important;
}

.navbar-toggle:hover .icon-bar:nth-child(3) {
width: 20px;
}

.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
border-top: none;
box-shadow: none;
position: absolute;
background: #34CA7E;
color:#fff;
top: 80px;
width: 100%;
max-width: 500px;
right: 0;
margin: 0 auto !important;
left: 0;
}

.navbar-nav > li > a::after {
display: none;
}

.navbar-default .navbar-nav > li {
margin-left: 0;
width: 100%;
float: none !important;
display: table;
}

.navbar-default .navbar-nav > li a {
padding: 7px 30px;
}

.dropdown-menu:not(.datepicker) {
display: table !important;
padding: 0;
margin: 0;
border-radius: 0px;
background: transparent;
top: 0px !important;
left: 0 !important;
right: auto !important;
opacity: 1;
position: relative !important;
visibility: visible;
transition: .4s;
margin-left: 15px;
border: none;
box-shadow: none;
width: 100%;
}

.navbar-default .navbar-nav > li a {
padding: 7px 30px;
border: none !important;
}


.error-content h4 {
font-size: clamp(1.5rem, 5vw, 3rem);
letter-spacing: -3px;
}

.error-content {
padding: 70px 0;
}

.info-content h3 {
font-size: 28px;
margin: 40px 0 20px;
}

.info-content .btn.btn-lg {
font-size: 11px;
margin-bottom: 50px;
}

footer .list-inline li {
width: 100%;
border-bottom: 1px solid #fff;
}

footer .list-inline li:last-child {
border: none;
}

.contact-info {
padding: 30px 0;
border: none;
}

.footer-logo {
line-height: 40px;
padding: 0 0 30px;
text-align: center;
}

.footer-social {
padding-left: 0;
margin: 0 auto;
display: table;
}

footer {
padding: 60px 0 60px;
}

.page_head h3 {
font-size: 45px;
}

.navbar-lg .navbar-brand {
font-size: 22px;
}
.navbar-brand > img{
max-width:135px;
padding-left:25px;
}
.info-window h2{
color: #0097B2;
font-size: 20px;
margin: 0px !important;
}

#appointments-container{
margin-top:50px;
}

}
/* Hide the menu by default */
.responsive-menu {
display: none;
}

/* Media query for screens smaller than 768px */
@media (max-width: 768px) {
.responsive-menu {
display: block;
padding: 10px;
position: fixed;
bottom: 0px;
width: 100%;
background-color: #0297b2;
z-index: 9999;
}
.footer2{
display:none;
}
.footer-copy{
display:none
}

.responsive-menu ul {
list-style: none;
padding: 0;
display: flex;
justify-content: space-around;
}

.responsive-menu ul li {
padding: 10px 0;
display: flex;
align-items: center;
}

.responsive-menu ul li a {
text-decoration: none;
color: #FFF;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}

.responsive-menu ul li i {
margin-right: 8px;
color: #FFF;
}
h3 {
font-size: 45px;
}
.pull-right-content h3 {
color: #fff;
padding: 40px 0px;
text-align: center;
}
.slick-initialized .slick-slide {
padding: 20px 0px;
}
.crear-cuenta-section .card h3 {
font-size: 38px;
}
.crear-cuenta-section .card {
padding: 60px 8px;
}
.petBlock{
margin-bottom:15px;
}
.petBlock img{
width: 120px;
height: 120px;
border-top-right-radius: 20px;
float: left;
}
.petBlock h3{
float: left;
padding-left: 8px;
}
.petBlock h4{
float: left;
padding-left: 8px;
}
.petBlock a{
width: 33%;
padding: 10px 10px;
float: left !important;
margin: 8px 0px;
}
.petBlock a:first-of-type{
clear:both;
}
.mobile-home{
background-color: #34CA7E;
height: 120vh;
padding: 90px 0px;
}
.mobile-home a{
clear: both;
width: 80%;
margin: 10px 0px;
}
.about-inline p {
font-size: 14px;
margin-top: 15px;
padding: 0 5%;
}

.card-product .img-wrap {

width: 50%;
float: left;
height: auto;
}
.card-product .img-wrap img{
border-top-right-radius: 20px;
}
.card-product{
margin: 15px 0px;
}
.card-product .product-info {
padding: 10px;
}
.card-product .product-info .price-wrap a{
clear: both;
float: left !important;
margin-top: 20px;
}
.pet-img {
border-top-right-radius: 20px;
}
.about-inline {
padding: 0px;
}
.crear-cuenta-section .card .card-footer a{
width: 80%;
margin: 0px auto;
float: unset !important;
margin-bottom: 10px;
}
.cf2-wrap {
max-width: 600px;
padding: 0px;
}
.modal-dialog {
	margin-bottom: 90px;
}
.buttons-responsive{
	margin-bottom: 30px;
}
.buttons-responsive a{
	width: 50%;
	font-size:12px;
}
.buttons-responsive button{
	width: 50%;
	font-size:12px;
}
.buttons-responsive .pull-right{
	margin-bottom: 30px;
}


}
.select2-container--default .select2-selection--single {

background: #fff 0% 0% no-repeat padding-box;
border: 1px solid #44686f46;
border-radius: 24px !important;
height: 53px !important;
}
.select2-container {
width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 53px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 53px !important;
}
.disable-link{
pointer-events: none;
}
.has-booking {
position: relative;
}
.has-booking::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 39px;
height: 39px;
border: 2px solid green;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.p-tables div p{
padding: 0px !important;
margin-bottom: 0px;
}
.dropdown-menu li{
	width:100% !important;
}
.nav-item.active a{
	color: #FFF !important;
}
.crear-cuenta-section .card .card-steps ul li.active a {
	color: #FFF !important;
}
.section-download{
	padding: 80px 0px;
}
.section-download h3{
	font-size: clamp(1.5rem, 5vw, 5rem);
}
.section-download p{
	font-weight: bold;
font-size: 16px;
}
.p-0{
	padding:0px !important;
}
.mobile-footer .section-download{


	display:none;

}
.carousel-item img {
    max-height: 80vh;
    object-fit: contain;
}

.carousel-control-prev,
.carousel-control-next {
    background-color: rgba(0,0,0,0.5);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.modal-lg {
    max-width: 90%;
}
.carousel-control {
    background-color: rgba(0,0,0,0.5);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
	line-height: 40px;
}
.audio-recorder-container{
	display: flex;
	gap: 10px;
}
@media (max-width: 768px) {
	.audio-recorder-container{
		flex-direction: column;
	}
}