/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT US DESIGN
    05. START FEATURE ONE AND FEATURE TWO DESIGN
    06. START AMAZING FEATURES DESIGN
    07. START HOW IT WORKS DESIGN
    08. START APP SCREENSHOT DESIGN
    09. START HOW IT WORKS DESIGN
    10. START PRICING DESIGN
    11. START TESTIMONIAL DESIGN
    12. START DOWNLOAD DESIGN
    13. START FAQ DESIGN
    14. START NEWSLETTER DESIGN
    15. START CONTACT ADDRESS & CONTACT FORM DESIGN
    16. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 24px;
color: #000; /*color gris777*/
overflow-x: hidden;
margin: auto;
background: #fff;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 700;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #000; /*original tenia el color fff*/
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 7px solid rgba(0, 0, 0, 0.08);
    border-right: 7px solid rgba(0, 0, 0, 0.08);
    border-bottom: 7px solid rgba(0, 0, 0, 0.08);
    border-left: 7px solid #ff5f83;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*recuadro flotante y fijo para subir a la página START SCROLL TO TOP*/
.topcontrol {
background: #b2080d none repeat scroll 0 0; /*cambiar a rojo, recuadro para subir de página*/
border-radius: 5px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
.section-padding {
	padding-top: 80px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 60px
}
.section-padding-arriba {
	padding-top: 80px;
	padding-right: 0;
	padding-left: 0
}
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h1 {
	color: #323232;
	font-family: lato,sans-serif;
	font-size: 40px;
	font-weight: 700;
	margin-top: 30;
	position: relative;
/*	text-transform: capitalize;*/
}
.section-title  h2 {
	color: #323232;
	font-family: lato,sans-serif;
	font-size: 40px;
	font-weight: 700;
	margin-top: 0;
	position: relative;
/*	text-transform: capitalize;*/
}
@media only screen and (max-width:480px) { 
.section-title  h2 {font-size:40px; }
}
.section-title-white{color: #fff !important;}
.section-title  h1 span{
	color: #b2080d;
}
.section-title  h2 span{
	color: #b2080d;
}
.section-title div{
border-bottom: 1px dashed #777;
display: block;
margin: 15px auto;
width: 80px;
position:relative;
}
@media only screen and (max-width:480px) { 
.section-title  p{padding:0 15px}
}
/*END SECTION TITLE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
	background-image: none;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	background-color: #FFFFFF;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #b2080d!important; /*texto cuando está activo*/
    background-color: transparent; 
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #171717 !important; 
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img {
    width: 150px;
    margin-left: 10px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
color: #000 !important; /*color texto por defautl, antes tenia blanco para resaltar con el fondo*/
font-size: 15px;
letter-spacing: 2px;
text-transform: uppercase;
font-family: lato, sans-serif;
	
}
.menu-top li a:hover { color: #b2080d!important } /*color texto al pasar el puntero*/

.telefonos{
	color: #fff!important; /*texto cuando está activo*/
	background-color: #B2080D;
	width: 100%;
	height: 40px;
	padding-top: 8px;
	padding-bottom: 20px;
	display: block;
	font-size: 0.95em;
}
.telefonos .chica{
	font-size: 0.87em;
	margin-right: 2px;
	margin-left: 4px;
}
@media only screen and (max-width:785px) { 
	.telefonos { display: none; }
}
@media only screen and (max-width:768px) { /*antes (max-width:768px)*/
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}
@media only screen and (max-width:480px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #000  !important } /*{ color: #313131  !important } */
}
.navbar-default.menu-shrink {
background:#fff;
padding: 0px 0; /*padding: 10px 0;*/
width: 100%;
margin-top:0px
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a {color: rgba(0, 0, 0, 0.6) !important; }
.navbar-default.menu-shrink li a:hover { color: #b2080d !important } /*color rojo*/
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #b2080d } /*color rojo*/
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg { /* tamaño original de height:732px*/
    height: 432px;
    position: relative;
}
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
@media only screen and (max-width:1200px) {
.home_bg {height: 532px;}
}
@media only screen and (max-width:990px) {
.home_bg {height: 832px;}
}
@media only screen and (max-width:768px) {
.home_bg {height: 748px;}
}
@media only screen and (max-width:736px) {
.home_bg {height: 800px;}
}
@media only screen and (max-width:559px) {
.home_bg {height: 900px;}
}

.home_bg:before {
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
.hero-text h2 {
	color: #FFFFFF;
	font-size: 48px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 64px;
	padding-top: 150px;
}

@media only screen and (max-width:1200px) {
.hero-text h2 {
font-size: 40px;
line-height: 46px;
padding-top:270px;
}
}
@media only screen and (max-width:990px) {
.hero-text h2 {
font-size: 40px;
line-height: 46px;
padding-top:0px;
}
}
@media only screen and (max-width:768px) { 
.hero-text h2 {
font-size: 40px;
line-height: 46px;
padding-top:0px;
}
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
		padding-top: 0px;
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 26px;
        line-height: 34px;
    }
}
.hero-text p {
	color: #F8F8F8;
}
.home_btn{
	margin-left: -10px;
	margin-top: 30px;
	margin-bottom: 50px;
}
.home_btn a {
	background: transparent none repeat scroll 0 0;
	border: 2px solid #FFFFFF;
	border-radius: 50px;
	color: #FFFFFF;
	display: inline-block;
	padding: 10px 30px;
	margin: 0 10px 15px;
	transition: all 0.3s ease 0s;
}
.home_btn a:hover{
background:#fff;color:#333;
}
.home_btn a i{
font-size: 20px;
margin-right: 5px;
vertical-align: middle;
}

.hero-text-img {
	padding-top: 190px;
	margin-bottom: 60px;
}
.hero-text-img img {
	width: 406px;
}
@media only screen and (max-width:1200px) {
.hero-text-img{padding-top: 230px; }
}

@media only screen and (max-width:768px) { 
.hero-text-img{padding-top: 150px; }
}
@media only screen and (max-width:480px) { 
.hero-text-img{
display: inline-block;
padding-top: 112px;
}
.hero-text-img img {width: 100%;}
}
@media only screen and (max-width:414px) { 
.hero-text-img{padding-top: 138px; }
}
@media only screen and (max-width:375px) { 
.hero-text-img{padding-top: 128px; }
}
@media only screen and (max-width:360px) { 
.hero-text-img{padding-top: 116px; }
}
@media only screen and (max-width:320px) { 
.hero-text-img{padding-top: 171px; }
}


/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/
.feature{padding-bottom:60px;}
.single_about {
	background: #b2080d none repeat scroll 0 0;
	border-bottom: 1px solid #960206;
	border-right: 1px solid #960206;
	padding: 40px 20px;
	transition: all 0.4s ease 0s;
}
@media only screen and (max-width:768px) { 
    .single_about { margin-bottom: 40px }
}
.single_about:last-child { border-right: 0px }

.single_about i {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
	color: #B2090D;
	display: inline-block;
	font-size: 24px;
	height: 60px;
	line-height: 60px;
	margin: 0 0 24px;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
	width: 60px;
}
.single_about:hover  i{
	background: #fff;
	border: 1px solid #FFFFFF;
	transform: scale(1.1)
}/* cambiar a rojo*/
.single_about h4 {
	font-family: lato,sans-serif;
	font-size: 20px;
	font-weight: 400;
	transition: all 0.2s ease-in-out 0s;
	color: #FFFFFF;
}
.single_about:hover h4{
	color: #FFFFFF;
}/* cambiar a rojo*/
.single_about p {
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	color: #FFFFFF;
}
@media only screen and (max-width:768px) { 
    .single_about h4 { font-size: 15px }
}
/*
* ----------------------------------------------------------------------------------------
* 04.END FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/




/*
 * ----------------------------------------------------------------------------------------
 * 05.START FEATURE ONE AND FEATURE TWO DESIGN 
 * ----------------------------------------------------------------------------------------
 */
.feature-one{}
.single_feature_img{text-align: center;}
.single_feature_img img{display: inline-block;}
.single_feature_one{padding-top: 100px;}
@media only screen and (max-width:768px) { 
.single_feature_one{padding-bottom: 50px;
padding-top: 0;}
}
.single_feature_one h1{
color: #2a2b2f;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_feature_one h3{
color: #2a2b2f;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_feature_one h4{
color: #2a2b2f;
font-size: 35px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_feature_one p{margin: 30px 0;}

/*START FEATURE TWO DESIGN*/
.feature-two{}
.single_feature_two{padding-top: 100px;}
@media only screen and (max-width:768px) { 
.single_feature_two{padding-top: 50px;}
}
@media only screen and (max-width:480px) { 
.single_feature_two{padding-bottom: 0;
padding-top: 50px;}
}
.single_feature_two h1{
color: #2a2b2f;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_feature_two h3{
color: #2a2b2f;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_feature_two p{margin: 30px 0;}
.single_feature_two_img{}

.single_feature_two_img img{}
/*END FEATURE TWO DESIGN*/
.single_feature_btn_light{
background: #e0e0e0 none repeat scroll 0 0;
border-radius: 0;
color: #202020;
font-size: 12px;
letter-spacing: 2px;
outline: medium none !important;
padding: 15px 27px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.single_feature_btn_light:hover,
.single_feature_btn_light:focus {
    background: #b2080d; /*cambiar a rojo*/
    color: #fff;
}
.ms-wrapper button:hover {
    border-color: #b2080d;/*cambiar a rojo*/
    color: #b2080d; /*cambiar a rojo*/
}
/*
 * ----------------------------------------------------------------------------------------
 * 05.END FEATURE ONE AND FEATURE TWO DESIGN
 * ----------------------------------------------------------------------------------------
 */

 
 
/*
* ----------------------------------------------------------------------------------------
* 06.START AMAZING FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_service { background: #f7f7f7 }
.single_service {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    margin-left: -1px;
    margin-top: -1px;
    padding: 40px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    position: relative;
}
.single_service:hover {
    box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.single_service i {
    font-size: 40px;
    padding-bottom: 20px;
    color: #b2080d; /*cambiar a rojo*/
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.single_service img {
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	display: block;
	width: 227px;
	height: 132px;
	margin-left: auto;
	margin-right: auto;
}
.single_service h4 {
	color: #C11D0C;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-size: 16px;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	text-align: center;
}
.single_service p {
	margin-bottom: 0;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	text-align: center;
	color: #000; /*color gris #777*/
}
.single_service .caracteristica {
	font-size: 13px;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END AMAZING FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 06.START FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_feature { padding-top: 100px }
@media only screen and (max-width:768px) { 
    .single_feature { padding-top: 0px }
}
@media only screen and (max-width:480px) { 
    .single_feature { padding-top: 50px }
}
.feature_img {
    margin: auto auto 0;
}
.single_feature i {
    border-radius: 50%;
    color: #161616;
    display: inline-block;
    font-size: 32px;
    height: 60px;
    line-height: 62px;
    margin: 0 auto 15px;
    position: relative;
    text-align: center;
    width: 60px;
    z-index: 3;
}
.single_feature i:after {
    background-color: #b2080d; /*cambiar a rojo*/
    border-radius: 50%;
    content: "";
    height: 60px;
    left: 0;
    margin-top: -30px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    -webkit-transform: scale();
        -ms-transform: scale();
            transform: scale();
    -webkit-transition: -webkit-transform 0.4s ease 0s, opacity 0.3s ease 0s;
            transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
    width: 60px;
    z-index: -1;
}
.single_feature:hover i:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.single_feature:hover i { color: #fff }
.single_feature h3 {
	font-family: lato,sans-serif;
	font-size: 30px;
	font-weight: 400;
}
.single_feature span {
    border-bottom: 1px dashed #ccc;
    width: 80px;
    display: block;
    margin: 20px auto;
}
.single_feature p { margin-bottom: 0 }
.carousel-indicators li {
    background: #222 none repeat scroll 0 0;
    border: 1px solid #222;
    border-radius: 12px;
    height: 12px;
    margin: 0 1px;
    width: 12px;
}
.carousel-indicators .active {
    height: 12px;
    margin: 0 1px;
    width: 12px;
    border: 1px solid #b2080d; /*cambiar a rojo*/
    background: #b2080d none repeat scroll 0 0; /*cambiar a rojo*/
}
.carousel-indicators { bottom: -60px }
@media only screen and (max-width:480px) { 
    .carousel-indicators { bottom: -60px }
}
/*
* ----------------------------------------------------------------------------------------
* 06.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
.s-slider .item {
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
}
.s-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}
.owl-theme .owl-controls {
    margin-top: 50px;
    text-align: center;
}
.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-theme .owl-controls .owl-page span {
background-color: #b2080d !important; /*cambiar a rojo*/
border-radius: 20px;
display: block;
height: 12px;
margin: 5px 7px;
width: 12px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
.owl-theme .owl-controls {
  display: block !important;
  margin-top: 20px;
  text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 08.START VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/
.watch_video iframe {
    border: medium none;
    height: 450px;
    width: 70%;
}
@media only screen and (max-width:480px) { 
.watch_video iframe {
    height: 300px;
    width: 100%;
}
}
/*
* ----------------------------------------------------------------------------------------
* 08.END VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 09.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-table {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	/*position: relative;*/
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	float: left;
}
@media only screen and (max-width:480px) { 
    .pricing-table { margin-bottom: 40px }
}
.pricing-table.active { box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) }
.pricing-table h3 {
	color: #FFFFFF;
	font-size: 20px;
	margin-top: 0;
	padding-top: 25px;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
	background-color: #D71215;
	padding-bottom: 25px;
}
.price {
    border: 1px solid #eee;
    border-radius: 500px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
    display: inline-block;
    font-family: montserrat,sans-serif;
    font-size: 14px;
    height: 124px;
    line-height: 26px;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 124px;
}

.foto-der{
	display: block;
	text-align: left;
	}

.color-one {
    background: #b2080d;/*cambiar a rojo*/
    color: #fff;
}
.color-two {
    background: #b2080d;/*cambiar a rojo*/
    color: #fff;
}
.color-three {
    background: #b2080d;/*cambiar a rojo*/
    color: #fff;
}
.price span {
    display: block;
    font-size: 32px;
    margin-top: 39px;
}
.pricing-list {
	border-top: 1px dashed #eee;
	list-style: outside none none;
	margin-bottom: 0;
	text-align: center;
}
.pricing-list li {
    border-bottom: 1px dashed #eee;
    color: #333;
    padding: 10px 15px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.pricing-list li:hover { background: rgba(0,0,0,0.02) }
.pricing-btn { padding: 20px 0 }
.pricing-btn  button {
    background: #b2080d; /*cambiar a rojo*/
    border: 1px solid #b2080d;  /*cambiar a rojo*/
    color: #fff;
    font-family: montserrat,sans-serif;
    padding: 8px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.pricing-btn  button:hover {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}
.pricing-btn  a {
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 09.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial {
position: relative;
}
.testimonial:before {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.single_testimonial{
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 6px;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
margin-bottom: 10px;
padding: 35px;
}
.testimonial_img{
margin-bottom: 10px;
overflow: hidden;
text-align: center;
}
.testimonial_img img{
border: 4px solid #eee;
border-radius: 500px;
display: inline-block;
width: 100px;
}
.testimonial_img h4 {
	font-weight: normal;
	margin-bottom: 0;
	margin-top: 15px;
	overflow: hidden;
	font-size: 0em;
}
.testimonial_img h5{
	color: #000; /*color gris777*/
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	margin-bottom: 0;
	margin-top: 0;
	overflow: hidden;
} 

.testimonial-text p {
text-align: center;
}
.carousel-indicators li {
    border: 1px solid #333;
    border-radius: 12px;
    height: 12px;
    margin: 0 1px;
    width: 12px;
    background: #333;
}
.carousel-indicators .active {
	background-color: #b2080d;
	border: 1px solid #b2080d;
	height: 12px;
	margin: 0 1px;
	width: 12px;
}
.carousel .txtnosotros {
	text-align: center;
	font-size: 1.3em;
}
.carousel p {
	text-align: center;
	font-size: 1.1em;
}
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 70px }
#team__carousel .carousel-indicators { bottom: -80px }
.carousel-control { display: none }

/*
* ----------------------------------------------------------------------------------------
* 10.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
.download {
  background: #f9f9f9 none repeat scroll 0 0;
}
.download_icon img { margin: 0 10px }
@media only screen and (max-width:480px) { 
    .download_icon img { margin-bottom: 10px }
}
/*
* ----------------------------------------------------------------------------------------
* 11.END DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 12.START FAQ PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

.faq-title h1 { margin-top: 0 }
.panel-default .panel-heading {
    color: #000;
    background-color: #fff;
    border-color: #eee;
    font-size: 16px;
    padding: 16px;
}
.panel-group .panel + .panel {
    margin: 0;
    border: none;
    border-bottom: 1px solid #EEEEEE;
}
.panel-body {
    border-radius: 0;
    font-size: 16px;
    padding: 30px;
}
.panel-heading { border-radius: 0px }
.panel-title a {
color: #333;
display: block;
font-weight: 500;
}
.panel-title a::after {
    content: "\f067";
    font: 18px fontAwesome;
    float: left;
    margin-right: 25px;
    margin-top: 2px;
}
.panel-title a::after {
    content: "\f068";
    font: 18px fontAwesome;
    float: left;
    margin-right: 25px;
    background: #b2080d; /*cambiar a rojo*/
    color: #fff;
    height: 49px;
    width: 49px;
    margin-left: -16px;
    margin-top: -16px;
    line-height: 55px;
    text-align: center;
}
.panel-title a.collapsed::after {
    content: "\f067";
    font: 18px fontAwesome;
    float: left;
    margin-right: 25px;
    background: #b2080d; /*cambiar a rojo*/
    color: #fff;
    height: 49px;
    width: 49px;
    margin-left: -16px;
    margin-top: -16px;
    line-height: 55px;
    text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END FAQ PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_form{position: relative;}
.contact_form::before{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(178, 8, 13, 4.0); /*color fondo contacto con transparencia 0.6*/
  content: "";
  left: 0;
  top: 0;
}


.single-address {
background: rgba(178, 8, 13, 0.6) none repeat scroll 0 0;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
padding: 30px 15px;
border-radius: 6px;
}
/*color titulo span solo de la seccion de contacto*/
.contact_form .section-title  h2 span {
	color: #fff;
}
@media only screen and (max-width:768px) { 
    .single-address { margin-bottom: 20px; }
}
.single-address h4 {
	color: #fff;
	transition: all 0.2s ease 0s;
}
.single-address p {
    margin-bottom: 0;
    color: #fff;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.contact {
	margin-top: 30px;
	margin-bottom: 50px;
}
.form-control {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-radius: 0;
	border-style: none none solid;
	border-width: 0 0 1px;
	box-shadow: none;
	color: #000;
	font-size: 16px;
	height: 45px;
	padding: 0;
	transition: all 0.2s ease 0s;
}
.form-control::-moz-placeholder { /*Estilo texto dentro del campo del formulario.*/
    color: #000;
    opacity: 1;
    filter: alpha(opacity=100);
}
.form-control:hover,
.form-control:focus {
    border-color: -moz-use-text-color -moz-use-text-color #b2080d; /*cambiar a rojo b2080d*/
    border-radius: 0;
    border-style: none none solid;
    border-width: 0 0 1px;
    background: none;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
	background: #b2080d none repeat scroll 0 0; /*cambiar a rojo*/
	border-radius: 0;
	box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
	color: #fff;
	font-family: montserrat,sans-serif;
	font-size: 14px;
	padding: 10px 30px;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
	background: #fff;
	border: 1px solid #fff;
	color: #333;
	
}
.mb0 { margin-bottom: 0 }
.map { height: 450px }
.success {
    background: #fff none repeat scroll 0 0;
    color: #b2080d; /*cambiar a rojo*/
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 17.START SOCIAL PROFILE DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer_social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer_social ul li a i{ 
color: #fff;
display: block;
font-size: 24px;
padding: 40px;
transition: all 0.2s ease 0s;
}
.footer_social ul li a i:hover {
    background: #b2080d; /*cambiar a rojo*/
    color: #fff;
}



.facebook{background: #1C58A1;}
.twitter{background: #0CBCE3;}
.google{background: #F04537;}
.linkedin{background: #1C58A1;}
.instagram{background: #B67F61;}
.youtube{background: #E31B1B;}
/*
* ----------------------------------------------------------------------------------------
* 17.END SOCIAL PROFILE DESIGN
* ----------------------------------------------------------------------------------------
*/
#map{height:400px;}
/*
* ----------------------------------------------------------------------------------------
* .START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background: #313238 none repeat scroll 0 0;
  padding:20px 0;
}
/*END FOOTER SOCIAL DESIGN*/
.copyright p {
color:#fff;
margin-bottom: 0;
padding-top: 10px;
}
@media only screen and (max-width:480px) { 
.copyright p {text-align:center;}
	
}

/*Esconde texto del piede página cotizacion inmediata*/
.section-title-white .ocultar{
   display: none; 
}
/*
* ----------------------------------------------------------------------------------------
* .END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 18.START RENTA CATEGORÍA
* ----------------------------------------------------------------------------------------
*/
.pasos{}
.pasos{text-align: center;}
.pasos img{display: inline-block;}
.pasos{
}
@media only screen and (max-width:768px) { 
.pasos{
padding-bottom: 50px;
padding-top: 0;}
}
.pasos h4{
	color: #2a2b2f;
	font-size: 25px;
	font-weight: normal;
	line-height: 50px;
	margin: 0;
}
.pasos p{
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	width: 90%;
	display: block;
}
.pasos .numero{
	color: #FFFFFF;
	display: block;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	position: relative;
	font-size: 1.3em;
	background-color: #b2080d;
	padding-top: 8px;
	padding-bottom: 8px;
}

.padding-btn {
	padding-top: 30px;
	padding-right: 0;
	padding-left: 20px;
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
*******************************/

#mdialTamanio{
  width: 70% !important;
}