@import url('flaticon.css');
@import url('custom-responsive.css');

/*  CUSTOM HEADER  */
.header-upper{
	position:relative;
	padding:15px 0px;
	background:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	z-index:5;
}

.header-upper .logo img{
	position:relative;
	display:inline-block;
	max-width:100%;
}

.logo-outer{
	position:relative;
	z-index:25;
	padding:9px 0px;
}

.logo-outer .logo img{
	position:relative;
	display:inline-block;
	max-width:100%;
}

.btn-style-one {	
	position: relative;
	font-family: 'Raleway', sans-serif;
	padding: 11px 30px 10px;
	line-height: 24px;
	text-transform: uppercase;
	background: #ff1e44;
	color: #ffffff;
	letter-spacing: 1px;
	border: 2px solid #ff1e44;
	font-size: 13px;
	font-weight: 700;
	border-radius: 3px;
	transition: .5s ease;
	display: inline-block;
	margin-left: 25px;
}
.header-upper .upper-right{
	position:relative;
	padding:18px 0px 15px;
}

.main-header.header-style-three .info-box{
	position:relative;
	float:left;
	min-height:56px;
	margin-left:40px;
	font-size:13px;
	text-transform:uppercase;
	color:#777777;
	padding:0px 0px 0px 75px;
	margin: 28px 10px;
}

.main-header.header-style-three .info-box:last-child{
	padding-left:0px;
}

.main-header.header-style-three .info-box .icon-box{
	position:absolute;
	left: 0;
	top: 6px;
	width: 57px;
	height: 36px;
	padding-left: 8px;
	border-right: 1px solid rgba(19, 29, 51, 0.1);
	color:#eb0223;
	font-size: 34px;
	text-align:left;
	line-height: 37px;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}


.main-header.header-style-three .info-box li{
	position:relative;
	line-height:20px;
	color:rgba(0,0,0,0.60);
	font-size:17px;
	margin-bottom:5px;
	text-transform:capitalize;
}

.main-header.header-style-three .info-box li a{
	color:#777777;		
}

.main-header.header-style-three .info-box strong{
	font-weight:400;
	color:#18191e;
	font-size:18px;
	text-transform:capitalize;
	font-family: 'Roboto Slab', sans-serif;
}

.slider-area-2 {
    position: relative;
}

.top-header-space-2 {
    margin-top: 170px;
}

/*  END HEADER  */

.menu nav > ul > li:hover > a, .menu nav > ul > li.active > a {
    color: #ff1e44;
}

.cap-title {
	font-size: 42px;
	line-height: 70px;
	color: #ff1e44;
}

.cap-sub-title {
	font-size: 36px;
	color: white;
}

.cap-readmore{
	background-color: #ff1e44;
	border: 1px solid #ff1e44;
}

.cap-readmore:hover {
  color: #ff1e44;
}

.slick-arrow {
    border: 1px solid #ff1e44;
    color: #ff1e44;
}

.slick-arrow:hover {
    border: 1px solid #ff1e44;
    background-color: #ff1e44
}

.contact-form .submit-box input {
    background-color: #ff1e44;
    border: 1px solid #ff1e44;
}

.loading-center-absolute {
    height: 250px;
    width: 250px;
    margin-top: -175px;
    margin-left: -120px;
}

.arrival-content-2 > h3 a:hover {
    color: #ff1e44
}

.blog-title a:hover {
 	color: #ff1e44
}

.contact-form .submit-box input:hover {
    color: #ff1e44
}

.pro-details .pro-title:hover {
    color: #ff1e44;
}

.footer-social a:hover {
  background-color: #ff1e40;
  border-color:#ff1e40;
}

.footer-contact div a:hover {
  color:#ff1e40;
}

.menu {
  display: inline-block;
  float: left;
  vertical-align: top;
}

.sin-shipping-1 .icon {
    border: 2px solid #ff1e44;
    background-color: #ff1e44;

}

.sin-shipping-1:hover .icon {
    background-color: #ff1e44;
}

.sin-shipping-1 .icon:hover {
    background-color: #ff1e44;
}
.sin-shipping-1 .icon:before {
    background-color: #ff1e44;
}
.sin-shipping-1 .icon:after {
    background-color: #ff1e44;
   
}
.copyright p a {
    color: #ff1e44;
}

.sin-shipping-2 .icon {
    border: 2px solid #ff1e44;

}

.sin-shipping-2 .icon:hover {
    background-color: #ff1e44;
}
.sin-shipping-2 .icon:before {
    background-color: #ff1e44;

}
.sin-shipping-2 .icon:after {
    background-color: #ff1e44;
   
}

.sin-shipping-3 .icon {
    border: 2px solid #ff1e44;

}

.sin-shipping-3 .icon:hover {
    background-color: #ff1e44;
}
.sin-shipping-3 .icon:before {
    background-color: #ff1e44;

}

.sin-shipping-3 .icon:after {
    background-color: #ff1e44;
   
}
.sin-shipping-4 .icon {
    border: 2px solid #ff1e44;

}

.sin-shipping-4 .icon:hover {
    background-color: #ff1e44;
}
.sin-shipping-4 .icon:before {
    background-color: #ff1e44;

}
.sin-shipping-4 .icon:after {
    background-color: #ff1e44;
   
}

.footer-newsletter {
    float: right;
}

.pt-90 {
    padding-top: 40px;
}

.section-title h2 {
	font-size: 20px;

}

.shipping-wrapper-1 {
	background-color: #fef037;
	margin-top: 30px;
	margin-bottom: 30px;
}


.nivo-directionNav a {
    border: 1px solid #ff1e44;
    color: #ff1e44;
}

.nivo-controlNav a.active::before {
  background-color:#ff1e44;
}

.nivo-controlNav a.active {
  border-color: #ff1e44;
}


.nivo-directionNav a:hover {
  background-color: #ff1e44;
}

.blog-content-wrapper > p:last-child {
    margin-bottom: 70px;
}

.object {
    background-color: #ff1e44;
}

.small-title {
    position: relative;
    margin-bottom: 30px;
}

.small-title h3 {
    position: relative;
    font-size: 22px;
    color: #222222;
    font-weight: 700;
    line-height: 1.5em;
    padding-bottom: 12px;
}

.small-title h3::before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 24px;
    border-bottom: 3px solid #eb0223;
	box-sizing: border-box;
}

.small-title h3::after {
    content: '';
    position: absolute;
    left: 26px;
    bottom: 0px;
    width: 24px;
    border-bottom: 3px solid #eb0223;
	box-sizing: border-box;
}

.contact-info {
    margin-top: 30px;
}

.contact-info h4 {
    color: #777;
    font-size: 15px;
    margin-bottom: 12px;
}

.contact-info h4 span {
    color: #232323;
    font-weight: 600;
}

/* CUSTOM RESPONSIVE*/
@media only screen and (max-width: 1180px){
	.hide-movil{
		display:none;
	}
}

@media only screen and (max-width: 992px) and (min-width: 751px){
	.top-header-space-2 {
		margin-top: 390px;
	}
}

@media only screen and (max-width: 750px) and (min-width: 461px){
	.top-header-space-2 {
		margin-top: 395px;
	}
}

@media only screen and (max-width: 460px) {
	.top-header-space-2 {
		margin-top: 435px;
	}
	.cap-title {
		font-size:30px;
	}
	.cap-sub-title {
		display:none;
	}
}

/* END CUSTOM RESPONSIVE  */