/* Styles creados para páginas varias que utilizan Bootstrap By A.R */
.row{margin-right: 0px !important; margin-left: 0px !important;}

@font-face {
    font-family: 'grot-l';
    font-style: normal;
    font-weight: normal;
    src: url('grot-l.otf') format('opentype');
}

#Select0{display: none !important;}

/*Globals*/
.row{margin-left: 0; margin-right: 0}
a:hover{text-decoration: none;}
.container{cursor:default !important;}
.container input{position: unset; opacity:1; height: unset; width: unset;}
@font-face {font-family: flamingo;src: url(fonts/Monoton-Regular.ttf);}
@font-face {font-family: rale-t;src: url(fonts/Raleway-Thin.ttf);}
@font-face {font-family: rale-n;src: url(fonts/Raleway-Regular.ttf);}
@font-face {font-family: rale-l;src: url(fonts/Raleway-ExtraLight.ttf);}
@font-face {font-family: rale-sb;src: url(fonts/Raleway-SemiBold.ttf);}
@font-face {font-family: rale-b;src: url(fonts/Raleway-Bold.ttf);}


/*Cambios de Container del Bootstrap 4 al 3*/
@media only screen and (min-width: 576px) {.container{max-width: 100%;}}
@media only screen and (min-width: 768px) {.container{max-width: 100% !important;}}
@media only screen and (min-width: 850px) {.container{max-width: 750px !important;}}
@media only screen and (min-width: 992px) {.container{max-width: 970px !important;}}
@media only screen and (min-width: 1200px) {.container{max-width: 1170px !important;}}


/*Tools*/
.cpointer{cursor: pointer;}
.o-hidden{overflow: hidden;}
.show-768{display: none;}
.show-576{display: none;}
.inline-b{display: inline-block;}
.center-block{margin: 0 auto; display: inline-block;}
.upper{text-transform: uppercase;}
.hovers-tool{-webkit-transition: 0.4s ease; -moz-transition: 0.4s ease;}
.img-big{transform: scale(1); -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease;}
.img-big:hover{transform: scale(1.3); -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease;}
.site-main{padding-top: 0px !important;}
.title-separator{background-color: #FFCF0B ; height: 4px; margin: 0 auto; width: 200px;}
p{font-size: 18px; line-height: 1.4;}
*{font-family: 'rale-n', sans-serif; color: #333;}

/*Colors*/
.white{color: #ffffff;}
.gray{color: #939598;}
.dgray{color: #484848;}
.blue{color: #00a3ff;}
.yellow{color: #FFCF0B ;}
.green{color: #a3bf57;}
.l-black{color: #000000;-webkit-transition: 0.4s ease; -moz-transition: 0.4s ease;}
.l-black:hover{color: #00a3ff; letter-spacing:3px;-webkit-transition: 0.4s ease; -moz-transition: 0.4s ease;}
.gradient-text{ background-image: linear-gradient(110deg,#8d65ab,#f2959f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.box-header{background-color: #ffffff; box-shadow: 0px 0px 10px #333; z-index: 9999;position: relative;}
.bar-separator{border-right:  1px solid #ffffff;}
.load-update{display: none;}

/*Fonts*/
.flamingo{font-family: flamingo; font-weight: 100; line-height: 1;}
.rale-t{font-family: 'rale-t', sans-serif;}
.rale-n{font-family: 'rale-n', sans-serif;}
.rale-l{font-family: 'rale-l', sans-serif;}
.rale-sb{font-family: 'rale-sb', sans-serif;}
.rale-b{font-family: 'rale-b', sans-serif;}
.ls1{letter-spacing: 1px;}
.ls2{letter-spacing: 2px;}
.ls3{letter-spacing: 3px;}
.h-slogan{font-size: 3.5rem;}


/* Paddings, margins and heights */
.pads0{padding-left: 0; padding-right: 0;}
.pl0{padding-left: 0;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p30{padding: 30px;}
.pr0{padding-right: 0;}
.topbot5{padding-top: 5px; padding-bottom: 5px;}
.topbot10{padding-top: 10px; padding-bottom: 10px;}
.topbot15{padding-top: 15px; padding-bottom: 15px;}
.topbot20{padding-top: 20px; padding-bottom: 20px;}
.topbot40{padding-top: 40px; padding-bottom: 40px;}
.topbot60{padding-top: 60px; padding-bottom: 60px;}
.pads5{padding-left: 5px; padding-right: 5px;}
.pads15{padding-left: 15px; padding-right: 15px;}
.pads30{padding-left: 30px; padding-right: 30px;}
.top5{padding-top: 5px;}
.top20{padding-top: 20px;}
.top40{padding-top: 40px;}
.top60{padding-top: 60px;}
.bot20{padding-bottom: 20px;}
.bot30{padding-bottom: 30px;}
.bot60{padding-bottom: 60px;}
.mtb0{margin-top: 0; margin-bottom: 0;}
.mtb10{margin-top: 10px; margin-bottom: 10px;}
.mtb20{margin-top: 20px; margin-bottom: 20px;}
.mtb40{margin-top: 40px; margin-bottom: 40px;}
.mtb60{margin-top: 60px; margin-bottom: 60px;}
.mt0{margin-top: 0 !important;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb60{margin-bottom: 60px;}
.mt-menu{margin-top: 187px;}

/*Backgrounds*/
.bg-main{background: url('img/main-bg.png'); background-size: cover; background-position: bottom center;}
.bg-gradient{background: url('img/gradient-bg.jpg'); background-size: cover; background-position: center;}

/*Menu*/
.menu-links{text-align: right;}
.menu-links a{
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
}

.menu-links a .sign-button{
    background-color: #8761a8;
    color: #fff;
    border-radius: 4px;
    margin-left: 5px;
    padding: 5px 20px;
    border:  2px solid #8761a8;
    -webkit-transition: 0.4s ease; -moz-transition:  0.4s ease;
}

.menu-links a .sign-button:hover{
    background-color: #fff;
    color: #8761a8;
    -webkit-transition: 0.4s ease; -moz-transition:  0.4s ease;
}



/*Buttons*/
.b-blue{
	background-color: #00a3ff;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 10px 25px;
    text-transform: uppercase;
    text-decoration: none;
  	margin-bottom:10px;
  	cursor:pointer;
  	border: 2px solid #00a3ff;
  	border-radius: 5px;
    transform: scale(1);
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
} 

.b-blue:hover{
	transform: scale(1.1);
  color: #ffffff;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
}

.button-product{
    padding: 10px 40px;
    border-radius:  5px;
    color: #ffffff;
    -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
}

.button-product:hover{
    color: #ffffff;
    padding: 10px 50px;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
}

/*Images*/
.img-logo{
    max-width: 65px;
    padding-right: 10px;
    height: auto;
    display: inline-block;
    vertical-align: top;
}

.img-product-logo{
    max-width: 150px;
    height: auto;
    margin-bottom: 20px;
}

.img-chat{
    border-radius: 100px;
    background-color: #ffffff;
    max-width: 90px;
    padding: 12.5px;
    height: auto;
}

/*Products*/
.product-1, .product-2, .product-3, .product-4{
    border-radius: 10px;
    border: 2px solid;
    text-align: center;
    padding: 30px 15px;
}

.product-1{border-color: #8d65ab;}
.product-1 .button-product{background-color: #8d65ab;}
.product-2{border-color: #ae73a3;}
.product-2 .button-product{background-color: #ae73a3;}
.product-3{border-color: #cb809f;}
.product-3 .button-product{background-color: #cb809f;}
.product-4{border-color: #f2959f;}
.product-4 .button-product{background-color: #f2959f;}


.media img{max-width: 75px;}
.media h5, .media p{font-size: 16px;}
.media .media-body{border-left: 1px solid #cccccc; padding: 10px 0px 10px 15px;}

.product-form input{
    height: 40px;
    width: 90%;
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: rgba(141, 101, 171, 0.7);
    padding-left: 15px;
    margin-bottom: 20px;
    color: #ffffff;
}

.product-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #ffffff;opacity: 1; /* Firefox */}
.product-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #ffffff;}
.product-form input::-ms-input-placeholder { /* Microsoft Edge */color: #ffffff;}

.product-form button{
    padding: 10px 40px;
    border-radius:  5px;
    color: #ffffff;
    margin-top:  20px;
    float: right;
    margin-right: 10%;
    background-color: #8d65ab;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    border:  1px solid #8d65ab;
}

/*Forms*/
.form-intro .form-input{
    height: 45px;
    background-color: #ffffff;
    opacity: 0.5;
    border-radius: 5px;
    color: #000000;
    border: none;
    padding-left: 15px;
    width: 70%;
    outline: none;
}
.form-intro .form-submit{
    background-color: #8761a8;
    border-radius: 4px;
    margin-left: 5px;
    padding: 8px 20px;
    border: 2px solid #8761a8;
    color: #fff;
    -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease;
}

.form-intro .form-submit:hover{
    background-color: #fff;
    color: #8761a8;
    -webkit-transition: 0.4s ease; -moz-transition:  0.4s ease;
}


.box-chatform .form-input{
    height: 45px;
    background-color: #cccccc;
    opacity: 0.5;
    border-radius: 5px;
    color: #000000;
    border: none;
    padding-left: 15px;
    width: 100%;
    outline: none;
}
.box-chatform .form-textarea{
    height: 150px;
    background-color: #cccccc;
    opacity: 0.5;
    border-radius: 5px;
    color: #000000;
    border: none;
    padding-left: 15px;
    padding-top: 10px;
    width: 100%;
    outline: none;
}
.box-chatform .form-submit{
    background-color: #8761a8;
    border-radius: 4px;
    margin-left: 5px;
    padding: 8px 20px;
    border: 2px solid #8761a8;
    color: #fff;
    margin-top: 20px;
    float: right;
    -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease;
}

.box-chatform .form-submit:hover{
    background-color: #fff;
    color: #8761a8;
    -webkit-transition: 0.4s ease; -moz-transition:  0.4s ease;
}

/*Generals*/
.box-chat{
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    z-index: 999;
    border-radius: 100px;
    box-shadow: 3px 3px 10px #888;
}

.box-chatform{
    position: fixed;
    z-index: 99999;
    width: 450px;
    top: 0;
    right: -700px;
    height: 100%;
    padding: 30px;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px #333;
    -webkit-transition: 0.4s ease; -moz-transition:  0.4s ease;
}

.open-chatform{right: 0px; -webkit-transition: 0.4s ease; -moz-transition:  0.4s ease;}
  
.close-chatform{
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

footer{
    background-color: #eeeeee;
    padding: 60px 15px 20px 15px;
}

@media only screen and (max-width: 768px) {
  .show-768{display: flex;}
  .hide-768{display: none;}
  .mb10-768{margin-bottom: 10px !important;}
  .home-button{display:none;}
  .pad-post1{padding-top:125px; padding-bottom:20px;}
  .text-destacado{ width:75%;}
  .pads0-768{padding-left:0px; padding-right:0px;}
  .pads15-768{padding-left:15px; padding-right:15px;}
  .bg-768{background: none; background-size:cover; background-position: center top;}
}

@media only screen and (max-width: 576px) {
  	.h1-less{font-size:1.8rem;}
  	.h2-less{font-size:1.6rem;}
    .h3-less{font-size:1.4rem;}
    .h4-less{font-size:1.2rem;}
    .h5-less{font-size:1rem;}
    .h6-less{font-size:0.8rem;}
  	.p-less{font-size:0.8rem;}
    .hide-576{display:none;}
  	.show-576{display: flex;}
    .mb10-576{margin-bottom:10px;}
}