/*
Theme Name:Rigba Flex
Theme URL: http://www.rigba-flex.com/site
Author: Agencia Mixen
Author URI: http://mixen.mx/
Description: Tema para el sitio de Rigba Flex.
Version: 1.0
Text Domain: Mixen Communication & Web Technology
*/

@import url(http://fonts.googleapis.com/css?family=Cabin);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/* BEGIN GENERAL STYLES */
* {
    font-family: Cabin;
}

.current_page_item {
	font-weight: 700;
    color: #333 !important;
}

.negativemargin {
	margin-top: -40px;
}

.vertmargin-tiny {
    margin: 10px auto;
}

.vertmargin-small {
    margin: 20px auto;
}

.vertmargin {
    margin: 40px auto;
}

.vertmargin-medium {
    margin: 70px auto;
}

.vertmargin-big {
    margin: 100px auto;
}

.vertpadding-small {
    padding: 20px 0px;
}

.vertpadding {
    padding: 40px 0px;
}

.vertpadding-medium {
    padding: 70px 0px;
}

.vertpadding-big {
    padding: 100px 0px;
}


.vertpadding-huge {
    padding: 200px 0px;
}

h1, h2, h3 {
    text-align: center;
    color: #53585a;
}

h1 {
    font-size: 29px;
}

h2 {    
    font-size: 25px;
}

h3 {
    font-size: 18px;
    margin: 0px;
}

h4 {
    font-size: 15px;
}

p {
    font-size: 14px;
    text-align: center;
}

footer br {
    margin-bottom: 10px;
}

p.huge, a.huge {
    font-size: 30px;
}

p.big, a.big {
    font-size: 16px;
}

p.small, a.small {
    font-size: 12px;
}

.center-block {
    text-align: center;
}

.left-align {
	text-align: left;
}

.inline {
    display: inline-block;
}

.inline-list {
    list-style: none;
}

.inline-list li {
    display: inline;
}

.nomargin {
    margin: 0;
}

.uppercase {
    text-transform: uppercase;
}

.plain-list {
    list-style: none;
    padding-left: 0px;
}

.left-align, .left-align * {
    text-align: left;
}

div.small-border, div.slight-border {
	max-width: 137px;
	overflow: visible;
	border-bottom: 3px #D10A11 solid;
}

div.slight-border {
	border-bottom: 2px #D10A11 solid;
	margin-top: -7px;
	margin-bottom: 7px;
}

/* Colors for text */

.dark-gray {
    color: #53585a;
}

.white {
    color: #fff;
}

.red-orange {
    color: #dd4636;
}

.yellow {
	color: #f29a00;
}

.pink-purple {
	color: #D10A11;
}

.purple {
	color: #cc1869;
}

.bright-yellow {
	color: #f7be0f;
}

.orange {
    color: #e15a4c;
}

.lime-green {
    color: #00a434;
}

.lake-blue {
    color: #D10A11;
}

.blue {
	color: #0091ba;
}

.red-orange-bg {
    background-color: #dd4636;
}

.bright-orange {
    color: #f5883c;
}

.dark {
	color: #333;
}

a.dark:hover {
	color: #D10A11;
	text-decoration: none;
}

/* Hover image overlay */

.hover-overlay {
	overflow: hidden;
    margin: 5px auto;
    position:relative;
	cursor: pointer;
}

.hover-overlay:after, .hover-overlay:before {
    position:absolute;
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.hover-overlay:after {
    content: "";
    background: url(img/content/hover.png) no-repeat center center;
    width:100%; height:100%;
    top:0; left:0;
	background-color: rgba(255, 20, 121, 0.48);
}

.hover-overlay:before {
    content: attr(data-content);
    width:100%;
    color:#fff;
    z-index:1;
    bottom:0;
    padding:4px 10px;
    text-align:center;
}
.hover-overlay:hover:after, .hover-overlay:hover:before {
    opacity:1;
}

/* Hover image overlay 2*/

.hover-overlay2 {
	overflow: hidden;
    margin: 5px auto;
    position:relative;
	cursor: pointer;
}

.hover-overlay2:after, .hover-overlay2:before {
    position:absolute;
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.hover-overlay2:after {
    content: "";
    background: url(img/content/hover2.png) no-repeat center center;
    width:100%; height:100%;
    top:0; left:0;
	background-color: rgba(0, 145, 186, 0.48);
}

.hover-overlay2:before {
    content: attr(data-content);
    width:100%;
    color:#fff;
    z-index:1;
    bottom:0;
    padding:4px 10px;
    text-align:center;
}
.hover-overlay2:hover:after, .hover-overlay2:hover:before {
    opacity:1;
}


div.wpcf7-response-output {
	background-color: #eee;
}

.header-logos {
	list-style: none;
}

.header-logos a:hover {
	text-decoration: none;	
}
/* END GENERAL STYLES */

/* BEGIN BODY */
body {
    padding-top: 132px;
}
/* END BODY */

/* BEGIN NAVBAR */
.rigba-navbar {
    background-color: rgba(255,255,255,1);
    height: 132px;
    border-top: #0091ba solid 10px;
    border-bottom: #0091ba solid 5px;
    font-size: 11px;
}

.rigba-navbar input {
    margin-top: 35px;
    background-color: #fafafa;
    border: #ebebeb solid 1px;
    border-radius: 0px;
    background: url(img/search.png) no-repeat 97% 50%;
    padding-right: 25px;
}

.main-nav {
    margin: 25px 0px;
    padding: 10px 0px 10px 10px;
    border-left: #dd415e solid 2px;
}

.main-nav a{
    color: #2e2e2e;
}

.main-nav a:hover{
    color: #8e8e8e;
}

.main-nav li {
    text-transform: uppercase;
}

.navbar-toggle {
    height: 40px;
    width: 40px;
    border: #ddd solid 1px;
}

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

.navbar-toggle:hover {
    background-color: #eee;
}

.navbar-media {
	margin-top: 45px;
}

.navbar-media img {
	margin-left: 6px;
}

/* END NAVBAR */

/* BEGIN CAROUSEL */
.carousel {
    max-height: 678px;
    overflow: hidden;
}

.carousel-inner > .item > img {
    width: 100%;
    height: auto;
}

.carousel-indicators > li {
    margin: 0px;
	background-color: rgba(0, 145, 186, 0.32) !important;
    width: 19px;
    height: 19px;
    border: none;
}

.carousel-indicators > li.active {
    background-color: #dd4636;
    width: 19px;
    height: 19px;
    border: none;
}

.cycloneslider-template-standard .cycloneslider-prev, .cycloneslider-template-standard .cycloneslider-next {
	background-color: transparent!important;
	box-shadow: none !important;
}

.cycloneslider-template-standard .cycloneslider-prev .arrow {
	border: none !important;
	height: 50px;
    width: 50px;
	background: url(img/slider/left-arrow.png) center center no-repeat;
	background-size: 100%;
}

.cycloneslider-template-standard .cycloneslider-next .arrow {
	border: none !important;
	height: 50px;
    width: 50px;
	background: url(img/slider/right-arrow.png) center center no-repeat;
	background-size: 100%;
	margin-left: -40px !important;
}

.cycloneslider-template-standard .cycloneslider-pager {
	bottom: 69px !important;
}

.cycloneslider-template-standard .cycloneslider-slides {
	max-height: 543px;
}

.cycloneslider-template-standard .cycloneslider-pager span {
	margin: 0px;
    background-color: rgba(0, 145, 186, 0.32) !important;
    width: 19px !important;
    height: 19px !important;
    border: none !important;
	border-radius: 50% !important;
	box-shadow: none !important;
}

.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active {
	background-color: #0091ba !important;
}

.carousel-control.left,.carousel-control.right {
    background: none;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    height: 50px;
    width: 50px;
}

.index-imgs .row {
	padding: 8px 0px 38px 0px;
}

.index-item img {
	width: 100%;
	height: 100%;
}

.mid-imgs img {
	width: 262px;
	height: 230px;
}

.index-imgs .slider {
	padding-top: 12px;
}
/* END CAROUSEL */

/* BEGIN SECTION DIVs */
.our-sites-wrapper {
	width: 100%;
	text-align: center;
}

.our-sites {
	max-width: 33%;
	display: inline-block;
	text-align: center;
	padding: 2%;
	min-width: 300px;
}

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

.ourbrands p {
    text-transform: uppercase;
    margin: 20px 40px;
    padding: 5px;
    border-top: #444 solid 1px;
}

.aboutus {
    margin-left: 10px;
    padding-left: 10px;
    display: inline-block;
    border-left: #53585a solid 1px;
}

.aboutus-wrapper {
    position: relative;
    margin: auto;
    max-width: 480px;
}

.aboutus-wrapper img {
    vertical-align: top;
}

.aboutus p {
    text-align: justify;
    max-width: 349px;
}

.branchescontrol {
	border: 2px #ff1479 solid;
}

#branches .branch-states {
 	height: 46px;
	border: 1px #ff1479 solid;
	padding: 10px 0px 0px 30px;
}

#branches .branchescontrol a {
	text-align: left;
}

.branchescontrol a:hover, .branch-states a:hover, .branch-states-index a:hover  {
    text-decoration: none !important;
}

#branches .branch-states:hover {
	background-color: #FFA1C9;
}

#branches .branch-states.active {
	background-color: #ff1479;
}

#branches .branch-states.active img {
	-webkit-filter: brightness(0)invert(100%);
	filter: brightness(0)invert(100%);
}

#branches .branch-states.active * {
	color: #fff !important;
}

.branch-states-index {
    display: inline-block;
    margin: 40px 25px;
}

#branches .branch-states * {
	vertical-align: middle;
}

#branches .branch-states img, #branches .branch-states p {
	color: #ff1479;
	display: inline-block;
	text-align: left;
	text-transform: capitalize;
	font: 700 16px Cabin;
}

#branches .branch-states img {
	max-width: 27px;
	display: block;
	margin: auto;
}

#branches .branch-states div {
	width: 27px;
	display: inline-block;
	height: 100%;
	margin-right: 5px;
}

.contact-info {
	display: inline-block;
	vertical-align: top; 
	margin: 0 13px;
	
}

.contact-info img {
    display: block;
    margin: 20px auto;
	height: 112px;
	box-sizing: content-box;
}

.map {
    background: url(img/content/mapa.png) no-repeat center;
	margin-top: 85px;
	margin-bottom: 20px;
}

.map-data * {
	text-align: left;
	margin: 0px;
}

div.contact-form {
    background-color: #00a1db;
	padding: 15px;
}

.contact-form form {
    border-left: #fff solid 1px;
}

.contact-form label {
    color: #fff;
    font-weight: 400;
    display: block;
}

.contact-form input {
    width: 100%;
    height: 41px;
}

.contact-form textarea {
    width: 100%;
    height: 149px;
}
/* END SECTION DIVs */

/* BEGIN FOOTER */
footer {
    background-color: #313131;
}

.footer-content h4 {
    margin-bottom: 25px;
}

.footer-content p, .footer-content li {
    text-align: left;
    line-height: 24px;
}

.footer-rights {
    background-color: #212121;
    color: #fff;
    min-height: 48px;
    padding-top: 15px;
    padding-bottom: 5px;
}

footer a {
    color: #bcbccb
}

footer a:hover {
    text-decoration: none;
    color: #ddd;
}

/* END FOOTER */

/* BEGIN SIDEBAR */
.sidebar-head {
    background-color: #cc1869;
    color: white;
    padding: 1px 0px 1px 20px;
}

.blue-head {
	background-color: #0091ba;
}

#sidebar {
	margin: 20px;
}

#sidebar ul {
	background-color: #f1f1f1;
    padding: 5px 15px;
	list-style: none;
}

#sidebar ul li {
	margin: 6px 0;
    word-wrap: break-word;
}

#sidebar a {
    color: #323232;
}

#sidebar a:hover {
    text-decoration: none;
    color: #929292;
}

#sidebar h4 {
	display: inline-block;
}

#sidebar .navbar-toggle {
	background: url(img/slider/collapse.png) center center no-repeat;
	height: 25px;
	width: 25px;
	margin-right: 10px !important;
	border: none;
}

#sidebar .navbar-toggle.collapsed {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

#sidebar .navbar-toggle:hover, #sidebar .navbar-toggle:active {
	background-color: rgba(0,0,0,0.3);
}

.sidebar-index .sidebar-content {
	min-height: 858px!important;
	/*max-height: 858px;*//*The important part*/
    overflow-y:hidden;/*Also...*/
    overflow-x:hidden;/*And the end of the important part*/
	margin: 0;
	background-color: #f1f1f1;
}

.search-bar input {
	background-color: #fafafa;
	border: #0091ba solid 2px;
	border-radius: 0px;
}

.search-bar .form-control {
	padding-right: 29px;
	background: url(img/search2.jpg) no-repeat 100% 50%;
	width: 230px;
	margin-left: -15px;
}

.opensans {
    font-family: Open Sans;
}

.bold {
    font-weight: 700;
}
/* END SIDEBAR */

/* BEGIN PRODUCTS */
.products-header h3 {
    color: #323232;
    font-size: 20px;
    text-transform: none;
    text-align: left;
    padding-bottom: 15px;
    border-bottom: #cc1869 solid 2px;
    margin-bottom: 50px;
    display: inline;
}

.products-header  {
    border-bottom: #c5c5c4 solid 2px;
    padding-bottom: 15px;
}

#products .pages, #catalog .pages  {
    margin-top: 100px;
    font-size: 12px !important;
    padding: 20px 20px 13px 20px;
    border-top: #c5c5c4 solid 2px;
    border-bottom: #c5c5c4 solid 2px;
}

#products .pages p, #catalog .pages p {
    font-size: 12px !important;
}

#products .pages a, #catalog .pages a {
    color: #a7a7a7;
    margin: 0px 10px;
}

#products .pages a:hover, #catalog .pages a:hover{
    color: #a7a7c7;
}

#products .pages li.next-page, #catalog .pages li.next-page {
    height: 18px;
    width: 18px;
    margin-top: -3px;
    background: url(img/content/next-page.png) no-repeat center;
    border: #ccc solid 1px;
    border-radius: 2px;
}

#products .pages li.next-page:hover, #catalog .pages li.next-page:hover {
    box-shadow: inset 0 0 0 10px rgba(100,100,100,.15);
}

.active-page {
    font-weight: 900;
    color: #333 !important;
}

.product {
    margin: 30px 10px;
}

.product img {
    margin: 20px auto;
    display: block;
}

.product .price {
    border: rgba(83, 88, 90, 0.4) solid 1px;
    padding: 2px;
    background-color: #fafafa;
    margin: 5px auto 20px auto;
    max-width: 50px;    
    width: auto;
}

#product {
    margin: 70px 0;
}

h3.product-highlight {
	color: #cc1869;
    text-transform: none;
    font-size: 20px;
    margin-bottom: 20px;
}

.product-info * {
    text-align: left;
}

div.colors {
    margin: 30px 0px;
    padding: 20px 0px;
    border-top: #c5c5c4 solid 2px;
    /*border-bottom: #c5c5c4 solid 2px;*/
    min-width: 272px;

}

img.colors {
    width: 29px;
    height: 29px;
    display: inline-block;
}

/* END PRODUCTS */

/* BEGIN BUTTONS */

.btn {
    margin: auto;
    min-width: 254px;
    border-radius: 5px;
    text-align: center;
}

.white-btn {
    background-color: #fff;
    color: #cc1869 !important;    
}

.white-btn:hover {
    background-color: #e3e3e3;
    color: #ca1667 !important;
}

.purple-btn {
	background-color: #cc1869;
	color: #fff !important;
	min-width: 102px;
}

.purple-btn:hover {
	background-color: #cc1869;
	color: #e3e3e3 !important;
}

.blue-btn {
    background-color: #0186b6;
    color: #fff !important;
}

.blue-btn:hover {
    background-color: #0179A4;
    color: #e3e3e3 !important;
}

.orange-btn {
    background-color: #dd6d36;
    color: #fff !important;
    min-width: 102px;
}

.orange-btn:hover{
    background-color: #cc4c25;
    color: #e3e3e3 !important;
}

.green-btn {
    background-color: #1bba4d;
    color: #fff !important;
    max-width: 95px;
}

.green-btn:hover {
    background-color: #0baa3d;
    color: #e3e3e3 !important;
}

/* END BUTTONS */

/* BEGIN FIXED-BGs */
.fixed-bg-branches {
    background: url(img/content/parallax/sucursales.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 374px;
}

.fixed-bg-contact {
    background: url(img/content/parallax/contacto.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 374px;
}

.fixed-bg-product {
    background: url(../../uploads/2015/07/descripcion-de-producto3.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 247px;
}

.fixed-bg-generic {
    background-size: cover !important;
	height: 374px;
}
/* END FIXED-BG */

/* BEGIN PARALLAX CSS */
.parallax-container {
    position: relative;
    overflow: hidden;
    min-height: 280px;
    height: auto;
}

.parallax {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; 
}

.parallax img {
    display: none;
    position: absolute;
    bottom: 0;
    min-width: 1920px;
    width: 100%;
    background-position: center; 
}
/* END PARALLAX CSS */

/* BEGIN MEDIA QUERIES */

@media (max-width: 1199px) {
	/*plugin de facebook responsivo. aprado 30 nov 2016 */
	.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }

	
    .navbar-brand, .navbar-brand img {
        width: 100px;
    }
    
    .rigba-navbar {
        height: 70px;
    }
    
    body {
    padding-top: 70px;
    }
	
	.index-imgs .row {
		padding: 8px 0px 0px 0px;
	}	
	
	.aboutus-wrapper img {
        display: block;
        margin: 30px auto;
    }
    
    .main-nav {
        margin: 3px 0px;
        padding: 0px 0px 0px 10px;
    }
    
    .rigba-navbar input {
        margin-top: 3px;
    }
	.sidebar-index .sidebar-content {
		min-height: 632px!important;
		max-height: 632px;
	}
	.search-bar .form-control {
		width: 180px;
	}
	.mid-imgs img {
		height: 189px;
	}
	.navbar-media {
		margin-top: 12px;
	}
}

@media (max-width: 991px) {
	/*plugin de facebook responsivo. aprado 30 nov 2016 */
	.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
    
    .rigba-navbar .container {
        width: 100%;
    }
    
    .rigba-navbar input {
        max-width: 100px;
    }
    
    .nav>li>a {
        padding:  15px 6px;
    }
	
	.aboutus {
		border-left: none;
		margin-right: 20px;
		padding-right: 40px;
	}
	
	.aboutus p {
		max-width: 100%;
	}
	
	
	.branch-states {
		height: 46px;
		border: 1px #e15a4c solid;
		padding: 10px 0px 0px 10px;
	}
	
	#products {
		padding: 40px;
	}
	
	#sidebar ul {
		position: relative;
		top: -4px;
	}
	.sidebar-index .sidebar-content {
		min-height: 0!important;
		max-height: 468px;
	}
	.search-bar .form-control {
		width: 125px;
	}
	.mid-imgs img {
		height: 140px;
	}
}

@media (max-width: 767px) {
	/*plugin de facebook responsivo. aprado 30 nov 2016 */
	.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
    
    .footer-content {
        padding: 20px 20px;
    }
    
    .rigba-navbar input {
        max-width: 100%;
    }
    
    .navbar-collapse {
        background-color: white;
        margin-top: 4px;
        border-bottom: #cbcbcb solid 1px;
        max-height: 50vh !important;
    }
	
	.map-data.border {
		border-right: none;
		margin-right: 0px;
		padding-left:0px;
		margin-left: 0px;
		border-left: none;
	}
	
	div.aboutus {
		display: block;
        margin: auto;
	}
	.sidebar-index .sidebar-content {
		max-height:500px;/*The important part*/
		overflow-y:visible;/*Also...*/
		overflow-x:visible;/*And the end of the important part*/
		margin: 0;
	}
	.search-bar .form-control {
		width: 190px;
		margin-left: 0px;
		margin-left: auto;
		margin-right: 0;
	}
	.index-imgs {
		margin: 0 20px;
	}
	.mid-imgs img {
		height: 189px;
		width: 200px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.navbar-media {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	/*plugin de facebook responsivo. aprado 30 nov 2016 */
	.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
	
	#wpadminbar {
	  position: fixed !important;
	}
}

@media screen and (max-width: 300px) {
	/*plugin de facebook responsivo. aprado 30 nov 2016 */
	.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
	
}

/* END MEDIA QUERIES */