@charset "UTF-8";
/* CSS Document */

/*RESET STYLES*/

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

*:focus{outline: none;}
ul{margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; list-style: none; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start: 0;}
a{color: inherit; text-decoration: none; border: none;}
a:hover{color: inherit; text-decoration: none;}
a:hover{text-decoration: none; color: inherit;}
a:link{text-decoration: none; color: inherit;}
a:active{text-decoration: none; color: inherit;}
a:visited{text-decoration: none; color: inherit;}
a:focus{color:inherit;outline: none;}
button{margin: 0 0 0 0; padding: 0 0 0 0; border: 0; background-color: inherit;}
button:focus{outline: none;}
img{max-width: 100%; border: none; display: block;}
input:focus{outline: none;}
textarea{overflow: auto; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
label{margin: 0 0 0 0;}
figure{margin: 0 0 0 0;}

.h1, .h2, .h3, .h4, .h5, .h6, .p, h1, h2, h3, h4, h5, h6, p {margin: 0 0 0 0; font-size: inherit; font-weight: normal; line-height: normal;}

/*RESET STYLES*/

.input-cardnumber {
  background-position: 98% 50%;
  background-repeat: no-repeat;
}
.hidden {
  visibility: hidden;
}
.product-details .product-category h3{font-size: 45px !important; line-height: 47px !important;}

@font-face {
    font-family: 'housky_demoregular';
    src: url('../fonts/housky_demo-webfont.woff2') format('woff2'),
         url('../fonts/housky_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{margin: 0 0 0 0; padding: 0 0 0 0; background-color: #FFFFFF; font-family: 'Roboto', sans-serif; font-size: 16px; color: #717171; text-align: inherit; line-height: normal; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; overflow-x: hidden;}

img{max-width: 100%; border: none; display: block;}

.section, section{width: 100%; position: relative; float: left;}

.color-8e8e8e{color: #8e8e8e;}

/*SECTION TITLE*/
.section-title h4{font-weight: 700; font-size: 18px; line-height: 18px; color: #003772; margin-bottom: 10px;}
.section-title p{font-size: 13px; color: #414141;}
.section-title.border-bottom-grey{border-bottom: solid 2px #797979;}
.section-title.border-bottom-blue{border-bottom: solid 2px #003772;}
.section-title.mb-15{margin-bottom: 15px;}
.section-title.mb-40{margin-bottom: 40px;}
/*SECTION TITLE*/

/*SECTION NAV*/
.section-nav{padding-top: 70px;}
.section-nav ul{text-align: center;}
.section-nav ul li{display: inline-block; font-weight: 600; text-transform: uppercase; margin: 0 15px;}
.section-nav ul li a{color: #003772; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.section-nav ul li a:hover{color: #8e8e8e;}
/*SECTION NAV*/

/*HEADER*/
.main-header{position: fixed; top: 0; left: 0; z-index: 997; background-color: #FFFFFF; padding: 30px 20px 25px 20px; box-shadow: 0 0 0 #ececec; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.main-header .main-logo{position: relative; top: 5px; height: 30px; float: left; margin-left: 10px;}
.main-header .urufarma-logo{height: 35px; float: right; margin-right: 0;}
.main-header .icon-bar{float: left; color: #003772; position: relative; top: 11px;}
.main-header .search{position: relative; top: 6px; right: 20px; float: right;}
.main-header .search input[type="text"]{padding: 0 0 0 0; margin: 0 0 0 0; border: none; line-height: normal; color: #939598; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; width: 145px; height: 28px;}
.main-header .search input[type="text"]::placeholder{color: #939598; opacity: 1;}
.main-header .search input[type="text"]:-ms-input-placeholder {color: #939598;}
.main-header .search input[type="text"]::-ms-input-placeholder {color: #939598;}
.main-header .search button{color: #003772; width: 28px; height: 28px; background-color: transparent; border-radius: 50%;}
.main-header .search button:hover{background-color: rgb(0,55,114, 0.1);}
.main-header .search .dropdown-toggle::after{content: "\f002"; font-family: "Font Awesome 5 Free"; font-size: 18px; font-weight: 900; border: none; vertical-align: inherit;}
.main-header .search.show .dropdown-toggle{background-color: rgb(0,55,114, 0.1);}
.main-header .search.show .dropdown-toggle::after{content: "\f00d";}
.main-header .search .dropdown-menu{min-width: 200px; padding: 10px; border-radius: 5px; top: -43px !important; left: -42px !important; box-shadow: 0 0 10px #ececec; border: none;}
.main-header .icon-cart {position: relative; top: 9px; right: 7px; color: #003772;}
.main-header.header_sticky{padding: 15px 20px 17px 20px; box-shadow: 0 0 10px #ececec;}
.main-header.header_sticky .serch{top: 7px;}
/*HEADER*/

/*NAV*/
.main-nav{position: absolute; top: 14px; left: 50%; transform: translateX(-50%); float: inherit;}
.main-nav ul li{position: relative; float: left; padding: 0 15px;  font-size: 16px; font-weight: 400; text-transform: uppercase;}
.main-nav ul li:last-child{margin-right: 0;}
.main-nav ul li a{color: #003772; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.main-nav ul li a:hover{color: #8e8e8e;}
.main-nav ul li a.active{color: #8e8e8e;}

.main-header.header_sticky .main-nav{top: 12px;}

.main-header .social-nav{float: right; margin: 7px 35px 0 0;}
.main-header .social-nav ul li.icon-instagram a i{margin-left: 1px;}
ul li.icon-facebook{float: left; padding: 0 0 0 0; font-weight: normal; text-align: center; font-size: 15px; line-height: 28px; margin: 0 2.5px;}
ul li.icon-facebook a{width: 26px; height: 26px; display: block; color: #FFFFFF; background-color: #003772; border-radius: 50%;}
ul li.icon-facebook a:hover{color: #FFFFFF; background-color: rgb(0,55,114, 0.9);}
ul li.icon-instagram{float: left; padding: 0 0 0 0; font-weight: normal; text-align: center; font-size: 17px; line-height: 27px; margin: 0 2.5px;}
ul li.icon-instagram a{width: 26px; height: 26px; display: block; color: #FFFFFF; background-color: #003772; border-radius: 50%;}
ul li.icon-instagram a:hover{color: #FFFFFF; background-color: rgb(0,55,114, 0.9);}

.sidenav{position: fixed; top: 0; left: -300px; z-index: 999; width: 300px; height: 100%; background-color: #003772; overflow-x: hidden; transition: 0.3s;}
.sidenav .closebtn{position: relative; top: 36px; right: 30px; float: right; color: #FFFFFF; font-size: 28px; width: 28px; height: 28px; display: block; background-color: transparent; text-align: center; line-height: 28px; border-radius: 50%;}
.sidenav .closebtn:hover{background-color: rgba(74, 183, 233, 0.07);}
.sidenav .sidenav-logo{height: 30px;  position: relative; left: 35px; top: 35px;}
.sidenav ul{position: relative; top: 100px; left: 35px; float: left;}
.sidenav ul li{font-size: 18px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400;}
.sidenav ul li a{color: #FFFFFF;}
.sidenav ul li a:hover{opacity: 0.8;}
/*NAV*/

button.add-to-cart{padding: 15px 60px; background-color: rgb(0,55,114, 1); text-transform: uppercase; color: #FFFFFF;}
button.add-to-cart:hover{background-color: rgb(0,55,114, 0.9);}
button.check-out{width: 100%; padding: 15px 0; text-transform: inherit; font-weight: 700;}
button.check-out i{margin-right: 5px;}

a.add-to-cart{padding: 15px 60px; background-color: rgb(0,55,114, 1); text-transform: uppercase; color: #FFFFFF; display: block; text-align: center;}
a.add-to-cart:hover{background-color: rgb(0,55,114, 0.9);}
a.check-out{width: 100%; padding: 15px 0; text-transform: inherit; font-weight: 700;}
a.check-out i{margin-right: 5px;}

a.agotado{padding: 15px 60px; background-color: #8e8e8e !important; text-transform: uppercase; color: #FFFFFF; display: block; text-align: center; margin-top: 15px;}
a.agotado:hover{background-color: #939598 !important;}

/*MAIN HERO*/
.main-hero{padding-top: 90px;}
.main-hero .hero-img{position: relative; float: right; max-width: 700px; width: 100%; z-index: 3;}
.main-hero .content-text{position: absolute; top: 100px; left: 100px; z-index: 2; /*transform: translateX(50%);*/}
.main-hero .content-text h2{color: #003772; text-transform: uppercase; font-weight: 100; font-size: 80px; line-height: 75px; margin-bottom: 20px; margin-left: -7px;}
.main-hero .content-text p{color: #003772; font-weight: 300; font-size: 25px; white-space:break-spaces;}
.main-hero .btn-more{background-color: rgb(0,55,114, 1); color: #FFFFFF; display: inline-block; padding: 15px 60px; margin-top: 30px; text-transform: uppercase;}
.main-hero .btn-more:hover{background-color: rgb(0,55,114, 0.9);}
.main-hero .bg-gradiet{position: absolute; left: 0; bottom: 0; width: 100%; height: 250px; z-index: 1;
background: rgb(0,55,114);
background: -moz-linear-gradient(0deg, rgba(0,55,114,0.25) 20%, rgba(255,255,255,0.25) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,55,114,0.25) 20%, rgba(255,255,255,0.25) 100%);
background: linear-gradient(0deg, rgba(0,55,114,0.25) 20%, rgba(255,255,255,0.25) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003772",endColorstr="#ffffff",GradientType=1);}

.main-hero.hero-1 .content-text h2{color: #76a1d4;}
.main-hero.hero-1 .content-text p{color: #76a1d4;}
.main-hero.hero-1 .btn-more{background-color: rgb(118,161,212, 1);}
.main-hero.hero-1 .btn-more:hover{background-color: rgb(118,161,212, 0.9);}
.main-hero.hero-1 .bg-gradiet{background: rgb(118,161,212);
background: -moz-linear-gradient(0deg, rgba(118,161,212,0.25) 20%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(118,161,212,0.25) 20%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(118,161,212,0.25) 20%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#605e96",endColorstr="#ffffff",GradientType=1);}

.main-hero.hero-2 .content-text h2{color: #61aac5;}
.main-hero.hero-2 .content-text p{color: #61aac5;}
.main-hero.hero-2 .btn-more{background-color: rgb(97,170,197, 1);}
.main-hero.hero-2 .btn-more:hover{background-color: rgb(97,170,197, 0.9);}
.main-hero.hero-2 .bg-gradiet{background: rgb(97,170,197);
background: -moz-linear-gradient(0deg, rgba(97,170,197,0.25) 20%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(97,170,1970.251) 20%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(97,170,197,0.25) 20%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#61aac5",endColorstr="#ffffff",GradientType=1);}

.main-hero.hero-3 .content-text h2{color: #8e8e8e;}
.main-hero.hero-3 .content-text p{color: #8e8e8e;}
.main-hero.hero-3 .btn-more{background-color: rgb(142,142,142, 1);}
.main-hero.hero-3 .btn-more:hover{background-color: rgb(142,142,142, 0.9);}
.main-hero.hero-3 .bg-gradiet{background: rgb(142,142,142);
background: -moz-linear-gradient(0deg, rgba(142,142,142,0.3) 20%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(142,142,142,0.3) 20%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(142,142,142,0.3) 20%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8e8e8e",endColorstr="#ffffff",GradientType=1);}

.main-hero.section-hero{overflow: hidden;}
/*MAIN HERO*/


/*PRODUCT DETAILS*/
.product-details{padding-top: 150px; padding-bottom: 90px;}
.product-details .product-category h3{font-weight: 100; font-size: 55px; line-height: 55px; text-transform: uppercase; margin-bottom: 20px; margin-left: -4px; color: #003772;}
.product-details .product-name h2{font-weight: 700; font-size: 18px; line-height: 18px; margin-bottom: 5px; color: #003772;}
.product-details .product-description p{font-weight: 500; font-size: 17px; color: #717171;}
.product-details .product-price{font-weight: 700; font-size: 20px; color: #003772; margin: 25px 0 10px 0;}
.product-details .container-rate{width: 100%; float: left; margin-bottom: 25px;}
.product-details .breadcrumbs{margin-top: 50px;}
.product-details .breadcrumbs ul li{display: inline-block; margin-right: 5px; font-size: 16px; font-weight: 300; text-transform: uppercase;}
.product-details .breadcrumbs ul li:after{content: ">"; color: #4f4f4f; margin-left: 5px;}
.product-details .breadcrumbs ul li:last-child:after{content: "";}
.product-details .breadcrumbs ul li a{color: #4f4f4f;}
.product-details .breadcrumbs ul li a:hover{color: #003772;}
.product-details .breadcrumbs ul li a.active{color: #003772;}
/*PRODUCT DETAILS*/

/*PRODUCTS LIST*/
.products-list .product-item{position: relative; margin-bottom: 40px;}
.products-list .product-item figure{margin-bottom: 20px;}
.products-list .product-item .product-name h2{font-weight: 700; font-size: 16px; line-height: 16px; text-align: center;text-transform: uppercase; margin-bottom: 8px; color: #003772;}
.products-list .product-item .product-description{margin-bottom: 25px;}
.products-list .product-item .product-description p{font-weight: 500; font-size: 14px; text-align: center; color: #717171;}
.products-list .product-item .product-price{font-weight: 700; font-size: 18px; color: #003772;}
.products-list .product-item .container-rate{margin-top: 2px;}
.products-list .product-item button.add-to-cart{width: 100%; margin-top: 15px;}
.products-list .product-item a.add-to-cart{width: 100%; margin-top: 15px; cursor: pointer;}
.products-list .product-item a.add-to-cart:hover{color: #FFFFFF;}
.products-list .product-item .content-bottom{width: 100%;}
.products-list .product-item .content-top{position: relative;}
.products-list .product-item .content-top .overlay{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(255,255,255,0.8); transition: .5s ease; opacity: 0;}
.products-list .product-item .content-top .overlay:hover{opacity: 1;}
/*PRODUCTS LIST*/

/*FEATURED PRODUCTS*/
.featured-products{padding: 100px 0 80px 0;}
/*FEATURED PRODUCTS*/

/*RELATED PRODUCTS*/
.related-products{padding: 60px 0; background-color: rgb(0,55,114, 0.08);}
.related-products .section-title{margin-bottom: 60px;}
/*RELATED PRODUCTS*/

/*SEARCH RESULTS*/
.search-results{padding: 150px 0 60px 0;}
.search-results .section-title{margin-bottom: 60px;}
/*SEARCH RESULTS*/

/*RATE*/
.rate{float: left;}
.rate:not(:checked) > input{position:absolute; top:-9999px;}
.rate:not(:checked) > label{float:right;width:16px;overflow:hidden;white-space:nowrap;cursor:pointer; font-size:14px;color:#003772; font-family: "Font Awesome 5 Free"; font-weight: 100;
}
.rate:not(:checked) > label:before {
    content: '\f005 '; 
}
.rate > input:checked ~ label {
    color: #003772; font-weight: 900;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #003772; content: '\f005 '; font-weight: 900;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #003772; font-weight: 900;
}
/*RATE*/

/*INSTAGRAM FEED*/
.instagram-feed .section-title{margin-bottom: 50px;}
.instagram-feed .section-title h4{font-weight: 400; text-transform: uppercase; font-size: 32px; line-height: 32px; color: #5a5a5a;}
.instagram-feed .section-title h4 span{color: #003772; font-size: 125px; font-family: 'housky_demoregular'; text-transform: none; transform: rotate(-5deg); display: block;}
.instagram-feed .instagram-item{position: relative; color: #FFFFFF; margin: 2.5px;}
.instagram-feed .instagram-item .overlay{position: absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgb(0,55,114, 0.7); padding: 10px;}
.instagram-feed .instagram-item .overlay .content{position: absolute; left: 10px; bottom: 10px;}
.instagram-feed .instagram-item .overlay .content span{display: block; font-size: 14px; margin-bottom: 5px;}
.instagram-feed .instagram-item:hover .overlay{opacity: 1;}
/*INSTAGRAM FEED*/

/*FOOTER*/
footer{background-color: #003772;}
footer .copyright{background-color: #003772; padding: 25px 0 16px 0;}
footer .copyright img{margin:  0 auto; width: 150px; margin-bottom: 15px; display: inline-block; margin-right: 10px;}
footer .copyright span{display: block; font-size: 13px; text-align: center; color: #FFFFFF;}
footer .social-nav{text-align: center; margin-bottom: 10px;}
footer .social-nav{margin-top: 5px; margin-bottom: 10px;}
footer .social-nav li{text-align: center; display: inline-block; float: inherit;}
footer .social-nav li a{background-color: #FFFFFF; color: #003772;}
footer .social-nav li a:hover{background-color: #FFFFFF; color: #003772;}
footer .social-nav li.icon-instagram a i{margin-left: -1px;}
/*FOOTER*/

/*ALERT COOKIES*/
.alert-cookies{position: fixed; left: 0; bottom: 0; z-index: 999; width: 100%; background-color: #FFFFFF; padding: 30px; margin: 0; border-radius: 0; border: none;}
.alert-cookies p{color: #535455; font-size: 13px; line-height: 16px;}
.alert-cookies .content-text{margin-right: 20px;}
.alert-cookies .content-button button{font-size: 13px; padding: 5px 15px; text-decoration: underline;}
.alert-cookies.alert-dismissible .close {
    position: inherit;
    top: inherit;
    right: inherit;
    padding: 5px 15px;
    color: #FFFFFF;
    background-color: #000000;
    float: inherit;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    text-decoration: none;
    opacity: 1;
    text-shadow: none;
}

/*ALERT COOKIES*/

/*SHIPPING*/
.cart-shipping{padding: 150px 0 50px 0;}
.form-control{border: 1px solid #003772; margin-bottom: 15px; height: auto; padding: 12px 15px; color: #414141; line-height: normal;}
.form-control:focus {border-color: #003772; box-shadow: 0 0 0 0.2rem rgba(0, 55, 114, 0.15);}
.form-control.inc-tooltip{width: calc(100% - 30px);}
.default-tooltip{width: 20px; height: 20px; background-color: #b3b3b3; color: #FFFFFF; font-size: 13px; font-weight: 700; border-radius: 50%;}
.default-tooltip:hover{background-color: #929292;}
form .default-tooltip{position: absolute; top: 12px; right: 15px;}
.cart-shipping .wrapper-item {padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; margin-bottom: 15px;}
.middle-line { width: 100%; text-align: center; border-bottom: 1px solid #DCDCDC; line-height: 0.1em; margin: 10px 0 20px; } 
.middle-line span { background:#fff; padding:0 10px; }
.shipping-info{margin-bottom: 40px;}
.add-product {border: 1px solid rgb(0,55,114, 1); color: rgb(0,55,114, 1); padding: 15px 25px;}
.payment-method{margin-bottom: 40px;}
#tab-payment-method{border: solid 1px #003772; border-radius: 5px; margin-bottom: 20px;}
#tab-payment-method li{width: 50%; text-align: center; font-weight: 700;}
#tab-payment-method.nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: #FFFFFF; background-color: #003772;}
#tab-payment-method.nav-pills .nav-link{border-radius: 0; padding: 10px 0; color: #003772;}
.number-payment-card{padding: 30px; border: solid 1px #003772; border-radius: 5px;}
.number-payment-card .form-control{margin-bottom: 0; padding-left: 50px;}
.number-payment-card fieldset{position: relative;}
.number-payment-card fieldset:after{content: "\f09d"; font-family: "Font Awesome 5 Free"; font-weight: 400; font-size: 22px; position: absolute; left: 15px; top: 12px;}

.select-address{border-top: solid 2px #797979; border-bottom: solid 2px #797979; padding: 15px 0; margin-top: 20px;}
.select-address p{font-size: 15px;}
.select-address .change-address{display: none;}
.select-address .change-address form{margin-top: 20px;}
.select-address .change-address.display-block{display: block;}

.cart-order{margin-bottom: 40px; position: sticky; top: 110px;}
.cart-order p{font-size: 13px; color: #414141;}
.cart-order .cart-order-summary{border-bottom: solid 2px #797979; padding-bottom: 10px;}
.cart-order .cart-order-summary p{margin-bottom: 3px;}
.cart-order .cart-order-summary p.order-value{font-size: 14px;}
.cart-order .text-term{padding: 15px 0;}
.cart-order .text-term p{font-size: 12px;}
.cart-order .text-term p a{color: #003772;}
.cart-order .text-term p a:hover{text-decoration: underline;}
.cart-order .content-sucbribe{border-bottom: solid 2px #797979; padding-top: 15px; padding-bottom: 15px;}
.cart-order .content-sucbribe .text-sucbribe{margin-right: 10px;}
.cart-order .content-sucbribe .text-sucbribe p{font-weight: 700; margin-bottom: 5px;}
.cart-order .content-sucbribe .text-sucbribe span{font-size: 11px; color: #414141; line-height: 11px; display: block;}
.cart-order .default-tooltip{width: 15px; height: 15px;font-size: 10px;}
.cart-order .default-tooltip {position: absolute; right: 0px; bottom: 12px;}
/*SHIPPING*/

/*TOGGLE SWITCH*/
.switch{position: relative; display: inline-block; width: 45px; height: 24px;}
.switch input{opacity: 0; width: 0; height: 0;}
.switch .slider{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #797979; -webkit-transition: .4s; transition: .4s; }
.switch .slider:before{position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider{background-color: #003772;}
input:focus + .slider{box-shadow: 0 0 1px #003772;}
input:checked + .slider:before{-webkit-transform: translateX(21px);-ms-transform: translateX(21px);transform: translateX(21px);}
.switch .slider.round{border-radius: 34px;}
.switch .slider.round:before{border-radius: 50%;}
/*TOGGLE SWITCH*/

/*TOOLTIP*/
.tooltip > .tooltip-inner {border-radius: 0; background-color: #FFFFFF; color: #414141; font-size: 14px; line-height: 14px; border:solid 1px #003772; padding: 10px;}
/*TOOLTIP*/ 

/*MODAL*/
.modal-backdrop{background-color: #FFFFFF;}
.modal-backdrop.show{opacity: .9;}
.modal-dialog{max-width: 600px;}
.modal-content{border: none; border-radius: 0; box-shadow: 10px 10px 10px rgb(0,0,0, 0.1);}
.modal-content .modal-body{background-color: #e5ebf1; border: solid 10px #FFFFFF; padding: 30px;}
.modal-content h3{color: #000000; font-weight: 500; font-size: 26px; margin-bottom: 5px;}
.modal-content .modal-body p{color: #003772; font-size: 14px; padding: 0 30px;}
.modal-content .modal-body p a{text-decoration: underline;}
.modal-content .modal-body a.add-to-cart{padding: 15px 40px; margin-top: 15px; width: auto;}
.modal-content .modal-body button.add-to-cart{padding: 15px 40px; margin-top: 15px; width: auto;}
.modal-content  .modal-footer{padding: 10px 10px 30px 10px; display: block; border: none;}
.modal-content .modal-footer>*{margin: 0 0 0 0;}
.modal-content  .modal-footer h3{font-size: 20px; color: #003772;}
.modal-content  .modal-footer ul{text-align: center; margin-top: 10px;}
.modal-content  .modal-footer ul li{display: inline-table;}
.modal-content  .modal-footer ul li a{color: #686f7f; font-size: 18px; border: solid 2px; border-radius: 50%; width: 42px; height: 42px; display: block; line-height: 39px;}
.modal-content  .modal-footer ul li a:hover{opacity: 0.8;}
#modal-terminos-y-condiciones h3{margin-bottom: 15px;}
#modal-terminos-y-condiciones p{padding: 0 0 0 0; color: #000000; font-size: 15px; margin-bottom: 20px;}
#modal-politica-de-privacidad h3{margin-bottom: 15px;}
#modal-politica-de-privacidad p{padding: 0 0 0 0; color: #000000; font-size: 15px; margin-bottom: 20px;}
#modal-preferences-cookies .cookie-options{margin-bottom: 20px; border-bottom: dotted 1px rgb(0, 0, 0, 0.33);}
#modal-preferences-cookies h3{margin-bottom: 20px;}
#modal-preferences-cookies p{padding: 0 0 0 0; color: #000000; font-size: 15px; margin-bottom: 20px;}
#modal-preferences-cookies button.add-to-cart.check-out{margin: 0 2.5px;}
#modal-preferences-cookies button.add-to-cart.check-out:first-child{background-color: transparent; color: #003772;}
#modal-preferences-cookies .cookie-option{border-top: dotted 1px rgb(0, 0, 0, 0.33); padding: 10px 0;}
#modal-preferences-cookies .cookie-option p{margin-bottom: 0;}
#modal-preferences-cookies .cookie-option button{text-transform: uppercase; font-size: 12px; font-weight: 700; border: solid 1px #000; padding: 10px 10px 8px 10px; border-radius: 3px;}
#modal-preferences-cookies .cookie-option button:hover{color: #003772;}
/*MODAL*/


@media (max-width: 1300px){
    .main-nav{left: 0; transform: translateX(50%);}
}

@media (max-width: 1100px){
    .main-nav{transform: translateX(40%);}
}

@media (max-width: 1024px){
    .main-nav{display: none;}
}

@media only screen and (max-width:991px){
    .main-hero .container{max-width: 100%;}
    .main-hero .hero-img{max-width: 600px;}
    .main-hero .content-text h2{font-size: 60px; line-height: 55px; margin-bottom: 20px;}
    .main-hero .content-text p{font-size: 20px;}
    
    .alert-cookies .content-text{margin-right: 0; margin-bottom: 20px;}
}

@media only screen and (max-width:850px){
    .main-hero .content-text{left: 0;}
}

@media only screen and (max-width:768px){
    .dn-768{display: none;}
    .main-header{padding:15px 0;}
    .main-header .urufarma-logo{height: 30px;}
    .main-header.header_sticky{padding: 10px 0;}
    .main-header .search{top: 5px;}
    .main-header .search .dropdown-menu{padding: 5px 5px; top: 5px !important; left: 0px !important;}
    
    
    .product-details{padding-top: 70px; padding-bottom: 60px;}
    .product-details .product-category h3{font-size: 40px; line-height: 40px;}
    .product-details .product-price{font-size: 25px; margin: 15px 0 10px 0;}
    .product-details button.add-to-cart{padding: 15px 0; width: 100%;}
    
    .cart-shipping{padding: 115px 0 50px 0;}
    .modal-content .modal-body p{padding: 0 0;}
    
    .related-products{padding: 60px 0 20px 0;}
    
    .search-results{padding: 100px 0 50px 0;}
    
    .featured-products{padding: 60px 0 60px 0;}
    
    .instagram-feed .section-title{margin-bottom: 30px;}
    .instagram-feed .section-title h4{font-size: 20px; line-height: 20px;}
    .instagram-feed .section-title h4 span{font-size: 80px;}
    
    .section-nav{overflow: auto; white-space: nowrap; padding-top: 15px; padding-bottom: 15px; padding-left: 20px;}
    .section-nav ul li{display: inline-table; margin: 0 10px 0 0;}
    
    footer .copyright img{width: 120px;}
    
    .alert-cookies{padding: 15px;}
}

.eui-widget-title.eapps-instagram-feed-title {
    display: none !important;
}

.eapps-link {display: none !important;}

@media (max-width: 767px){
    .main-hero{padding-top: 60px;}
    .main-hero .hero-img{margin-right: -85px;}
    .scrollbox {
      overflow: auto;
      max-width: 400px;
      max-height: 200px;
      margin: 15px auto;
      background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.125), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.125), rgba(255, 255, 255, 0));
      background-position: left center, right center, left center, right center;
      background-repeat: no-repeat;
      background-color: white;
      background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
      /* Opera doesn't support this in the shorthand */
      background-attachment: local, local, scroll, scroll;
    }
    .scrollbox ul {
      max-width: 200%;
    }
    .scrollbox li {
      display: table-cell;
    }

    a.add-to-cart {
        padding: 15px 0;
    }

    .products-list .product-item .product-description{
        display: none;
    }
    .cart-shipping .product-item {
        display: inline-block !important; 
        height: auto !important; 
        text-align: center;
    }
    .cart-shipping .product-item .content-img {
        display: inline-block;
    }
    .cart-shipping .product-item .product-name,
    .cart-shipping .product-item .product-name h2,
    .cart-shipping .product-item .content-bottom {
        display: inline-block !important;
        font-size: .75rem;
    }

    .cart-shipping .product-item .content-bottom .product-pricer {
        display: contents;
    }

    .cart-shipping .product-item a.close {
        position: absolute;
        top: 0;
        right: 15px;
        border: none;
        background: white;
    }

}

@media (max-width: 576px){
    
   
    .main-hero .content-text{left: 0; top: 50px; z-index: 4;}
    .main-hero .content-text h2{font-size: 27px; line-height: 27px; margin-bottom: 15px; margin-left: 0;}
    .main-hero .content-text p{font-size: 14px;}
    .main-hero .hero-img{max-width: 320px;}
    .main-hero .btn-more{padding: 10px 20px; margin-top: 20px; font-size: 12px;}
    .main-hero .bg-gradiet{height: 140px;}
    
	.number-payment-card{padding: 20px 20px 10px 20px;}
	.input-cardnumber{background-size: 30px;}
	
    footer .copyright img{width: 100px;}
}

@media (max-width: 320px){
	.main-header .main-logo{height: 27px;}
	.main-header .icon-cart{right: 0;}
	.main-header .search{right: 5px;}
	.main-header .social-nav{margin: 4px 10px 0 0;}
}

/*404*/
#error404{min-height: 100%;}
#error404 .min-height-100{min-height: 100vh;}
#error404 img{margin: 0 auto;}
#error404 .logo{width: 190px; margin-bottom: 40px;}

#error404 p{text-align: center; font-size: 21px; line-height: 27px; margin-top: 30px; margin-bottom: 50px;}

#error404 p span{color: #003772; font-weight: 700;}
#error404 ul{text-align: center;}
#error404 ul li{text-align: center; display: inline-block;}
#error404 ul li a{color: #FFFFFF; background-color: #003772; font-weight: 700; font-size: 20px;
padding: 10px 80px; border-radius: 50px;}
#error404 ul li a:hover{background-color: rgb(0,55,114, 0.9);}
/*404*/

.alert-close{width: 100%; height: 100%; background-color: rgb(255,255,255, 0.95); position: fixed; z-index: 9999; top: 0; left: 0; padding: 0 0 0 0; margin: 0 0 0 0; border-radius: 0 0 0 0; border: none;}
.alert-close img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 95%; box-shadow: 0 0 20px rgb(0,0,0, 0.15);}
.alert-close .close{font-size: 40px; color: #003772; opacity: 1;}

.product-price {
    width: 100%;
       margin: 0 10px;
   }
   
   .product-price .left{
   display: inline-block;
   float: left;
   text-align: center;
   }
   
   .product-price .right{
   display: inline-block;
   float: right;
   text-align: center;
   }
   
   .p-title {
       font-size: 14px;
       display: block;
       font-weight: bold;
       text-align: center;
       margin-bottom: 2px;
       color: #BBBBBB;
   }
   
   .price-left {
    color: #BBBBBB;
   }
   .p-title-cupon {
       font-size: 14px;
       display: block;
       font-weight: bold;
       text-align: center;
       margin-bottom: 2px;
       color: #162f43;
   }
   .price-right {
   color: #e70c6f;
   }
   
   .left.w-40 {
    width: 40%;
   }

   .right.w-60 {
    width: 60%;
   }

   @media (max-width: 767px){
   .product-price {
   margin: 0 !important;
   }

   .price-left, .price-right{font-size: 15px;}
   
   .product-price.group .p-title,
   .product-price.group .p-title-cupon {
       font-size: 11px;
   }

   .product-price.custom-p .price-left, .product-price.custom-p .price-right {
     font-size: 18px;
   }
   }