/*---------------*/
/*-------Reset Css Start--------*/
/*---------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,section {display: block;}body {line-height:1; font-weight:300;}ol, ul, li {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,qbefore, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}html {-webkit-text-size-adjust: 100%;}a{text-decoration:nonetransition:all ease 0.5s;-webkit-transition:all ease 0.5s;}*{margin:0;padding:0;box-sizing:border-box;}img {max-width: 100%;}

/*---------------*/
/*-------Font Start--------*/
/*---------------*/
@font-face {
    font-family: 'open_sansbold';
    src: url('https://unaguitarrafeliz.es/fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('https://unaguitarrafeliz.es/fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('https://unaguitarrafeliz.es/fonts/opensans-light-webfont.woff2') format('woff2'),
         url('https://unaguitarrafeliz.es/fonts/opensans-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('https://unaguitarrafeliz.es/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('https://unaguitarrafeliz.es/fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('https://unaguitarrafeliz.es/fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('https://unaguitarrafeliz.es/fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

/*---------------*/
/*----Comparison Table Css Start-------*/
/*---------------*/
.myComparision {width:100%; padding:0px; font-family: 'Open Sans', sans-serif; }
.myCompCol {float:left; width:32%; text-align:center; position:relative; overflow:hidden; padding:0px 0;}
.myCompCol h2.bg {border-top-left-radius: 0px 0px; border-top-right-radius:0px 0px;font-family: 'Open Sans', sans-serif;}
.myCompCol h2.bg.red {width: 100%;float: left;color:#fff;font-size:14px;font-weight:400;/* padding:10px 15px 15px 15px; */ top:0px; z-index:1;background: #c51225;background: -moz-linear-gradient(top, #c51225 0%, #a11320 100%);background: -webkit-linear-gradient(top, #c51225 0%,#a11320 100%);background: linear-gradient(to bottom, #c51225 0%,#a11320 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c51225', endColorstr='#a11320',GradientType=0 ); text-transform:uppercase; position:relative;margin:0px;}
.myCompCol h2.bg.blueHead {width: 100%;float: left;color:#fff;font-size:14px;font-weight:400;/* padding:10px 15px 15px 15px; */ top:0px; z-index:1;background: #3054a4;background: -moz-linear-gradient(top, #3054a4 0%, #17388a 100%);background: -webkit-linear-gradient(top, #3054a4 0%,#17388a 100%);background: linear-gradient(to bottom, #3054a4 0%,#17388a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3054a4', endColorstr='#17388a',GradientType=0 );  text-transform:uppercase; position:relative; margin:0px;}
.redArrow{background:url(images/redArrow.png) no-repeat center top; height:11px; position:absolute;bottom:-11px; left:0px; right:0px;}
.blueArrow{background:url(images/blueArrow.png) no-repeat center top; height:11px; position:absolute;bottom:-11px; left:0px; right:0px;}
.myCompCol h2.bg.blank {width: 100%;float: left;/* padding:10px 15px 15px 15px; */top:0px; z-index:1;text-transform:uppercase; position:relative; visibility:hidden; margin:0px;background: linear-gradient(to bottom, #8be296 0%, #5fd46d 100%);}
.headIcon {width:100%; text-align:center; padding:5px 0px 10px 0px; float:left; height:50px;}
.compThumb {width:100%; text-align:center; height:150px; float:left;}
.compThumbHead {color:#000;font-size:14px;font-weight:bold;margin-bottom: 10px;overflow: hidden;width:100%; text-align:center;padding:20px 0px 5px 0px; line-height:normal; float:left;font-family: 'Open Sans', sans-serif;}
.compLink {color:#fff !important; font-size:13px; border-radius:5px; padding:6px 15px; display:inline-block; margin:7px 0px 0px 0px; margin-bottom:10px;background: #a81321;background: -moz-linear-gradient(left, #a81321 0%, #c51225 100%);background: -webkit-linear-gradient(left, #a81321 0%,#c51225 100%);background: linear-gradient(to right, #a81321 0%,#c51225 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a81321', endColorstr='#c51225',GradientType=1 ); text-transform:capitalize; font-weight:400; margin-bottom:20px;font-family: 'Open Sans', sans-serif;}
.infoCompCol .compLink:hover {
	text-decoration: none;
}
.blueLink {background: #17388a;background: -moz-linear-gradient(left, #17388a 0%, #3e64b3 100%);background: -webkit-linear-gradient(left, #17388a 0%,#3e64b3 100%);background: linear-gradient(to right, #17388a 0%,#3e64b3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17388a', endColorstr='#3e64b3',GradientType=1 );}
.greenLink {background: #5dd36b;background: -moz-linear-gradient(left, #5dd36b 0%, #8ce297 100%);background: -webkit-linear-gradient(left, #5dd36b 0%,#8ce297 100%);background: linear-gradient(to right, #5dd36b 0%,#8ce297 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dd36b', endColorstr='#8ce297',GradientType=1 );}
.compThumb img {height: auto;width: auto;max-width: 100%;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);max-height: 100%;margin:auto;}
.infoCompCol {padding:15px 10px;box-sizing:border-box; margin:0px; float:left; width:100%;}
.infoCompCol p{color:#333333; font-size:15px; line-height:1.6; font-weight:400; text-align:justify;font-family: 'Open Sans', sans-serif;margin: 0.70em 0;}
.compRedBtn {color:#fff; font-size:13px; border-radius:5px; box-sizing: border-box;display:inline-block; padding:12px 15px; margin:10px 0px; text-transform:uppercase; font-weight:400;background: #80141c; background: -moz-linear-gradient(left, #80141c 0%, #c51225 100%, #7db9e8 100%);background: -webkit-linear-gradient(left, #80141c 0%,#c51225 100%,#7db9e8 100%);background: linear-gradient(to right, #80141c 0%,#c51225 100%,#7db9e8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80141c', endColorstr='#7db9e8',GradientType=1 );}
.infoCompCol.first { padding-top:35px; }
.compThumbCol {margin:0px; float:left; width:100%; }
.myCompCol.first {width:4%; border:0px; padding:0px;}
.myCompCol.first .infoCompCol {padding:15px 0px;}
.myCompCol.first .infoCompCol {position:relative; }
.myCompCol.first .infoCompCol .rowName {font-size:14px;color: #333333;position: absolute;box-sizing: border-box;top:50%;text-transform:uppercase; font-weight:700;   -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);transform:  translateX(-50%) translateY(-50%) rotate(-90deg); left:50%; white-space:nowrap;}
.myCompCol.pCol1 .des1 {background:#ffedef;position: relative;}
.myCompCol.pCol1 .des2 {background:#fde5e8;position: relative;}
.myCompCol.pCol1 .des3 {background:#ffedef;position: relative;}
.myCompCol.pCol2 .des1 {background:#f6f8ff;position: relative;}
.myCompCol.pCol2 .des2 {background:#eff3fd;position: relative;}
.myCompCol.pCol2 .des3 {background:#e9f0ff;position: relative;}
.myCompCol.pCol3 .des1 {background:#e7ffea;position: relative;}
.myCompCol.pCol3 .des2 {background:#ddfce1;position: relative;}
.myCompCol.pCol3 .des3 {background:#e7ffea;position: relative;}
.myCompCol.first .des1 .rowName {color:#3b61b0;}
.myCompCol.first .des2 .rowName {color:#c51225;}
.myCompCol.first .des3 .rowName {color:#5dd36b;}
.priceLabel {text-align: left;float: left;width:100%; padding:10px 0px 10px 0px;}
.priceLabel a.pricesee {float:left; width:100%; margin-bottom:12px;color: #5d5d5d;font-size: 13px;}
.priceLabel img {float:left; max-width:80px;}
.priceLabel span.amazon_price {float:right; font-size:16px; color:#bf1a28; font-weight:600; border:0px; padding:0px; margin:0px;}
.priceLabel span.amazon_price:hover {background:none;color:#bf1a28;} 
.infoCompCol.last.des4 {margin:0px 0px 0px 0px; }
.offerColTableOuter { width:12%; float:left;position:relative; text-align:center;}
.offerColTable {background:#84e08f; border:5px solid #bcffc4; margin:0px; border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;display:block; height:100%; margin:0px 5px; padding-top:145px;position:relative; }
.offerColTableOuter2{width:16%;}
.offerColTableOuter.offerColTableOuter2 .offerColTable{margin-right:0px;} 
.myCompColInner {padding:0px 5px; float:left; width:100%;}
.db {background:url(images/borderBg.png) repeat-x left top; height:9px; margin-top:32px; float:left; width:100%;}
.myComparision .offerColTableOuter h4 {font-size:14px; font-weight:700; text-transform:uppercase; color:#fff; margin:0px 0px 15px 0px;font-family: 'Open Sans', sans-serif;}
#myComparision .offerNo {background:#5dd36b; border:2px solid #fff; color:#fff; font-size:25px; line-height:32px; font-weight:700; width:37px; height:37px; border-radius:100%;display:inline-block; margin:0px 0px 15px 0px;font-family: 'Open Sans', sans-serif;}
#myComparision .offerText {color:#fff; font-weight:700; text-transform:uppercase; font-size:12px;font-family: 'Open Sans', sans-serif; display:block;}
.offerText2 {line-height:24px;margin-bottom:20px;display: block;}
.offerImage {margin:10px 0px; position:relative; margin-left:-6px; margin-right:-6px; background:url(images/offerbg.png) no-repeat right top; height:84px;}
#myComparision .offerImage span {position: absolute;left: 0px;right:0px;top:50%;bottom: 0px;margin-top:-17px;font-size:12px; color:#5dd36b; font-weight:700; font-family: 'Open Sans', sans-serif;}
.clear {clear:both;}
.offerInclude .myCompCol {width:23%;}
.offerInclude .myCompCol.first {width:3%;}
.myCompCol.pCol1 .myCompColInner {padding-left:0px;}
.myCompCol.first .db {background:none;}
.compLogo {display:inline-block;}
.offerColTableInner {position:absolute; bottom:60%; width:100%;}
.hello .offerColTableInner{position:fixed;bottom:32%;}
.hello1 .offerColTableInner{position:fixed;bottom:44%;}
.offerColTableInner.bottom {position: absolute; bottom:0 !important;}
h2 span.headText {float:left; width:100%; max-height:35px; font-size:14px;color: #fff;}
.myCompCol.first h2 {visibility:hidden;}
.mob_title {display:none;}
.offerColTableOuter.offerColTableOuter2 .offerColTableInner{margin-bottom:50px;}
.three_products .myCompCol {width:32%;}
/*
.pricesee.price_less.compRedBtn {padding:7px 5px !important;}
#myComparision .compRedBtn{margin:-6px 0 0 0;}
*/
.pricesee.price_less.compRedBtn span {color:#fff; font-size:12px !important;}

.db_border {
    margin-top: 34px !important;
}
.myCompColInner {
    padding: 0px 0px;
    width: 98%;
    margin: auto;
    float: none;
    border: 2px Solid transparent;
    overflow: hidden;
    border-radius: 10px 10px 0px 0;
}
.pCol1:hover .myCompColInner {
    border: 2px solid #a21220;
}
.pCol2:hover .myCompColInner {
    border: 2px solid #1b3c8e;
}
.pCol3:hover .myCompColInner {
    border: 2px solid #63d570;
}
#Tabla_comparativa strong{
    font-size: 24px;
}
/*discount badge css*/

/*
.com-badge-outer {display: flex;align-items: center;justify-content: center;position: relative;}
.badge_outer {display: inline-block;position: absolute;right: -9px;font-size: 0;top: -25px;margin-top: 3px;}
.badge {display: inline-block;position: relative; width:73px;}
.badge p {position: absolute;top: 50%;transform: translateY(-56%);color:#fff;line-height: 12px;padding-bottom: 0px;
 margin-bottom: 0;}
.badge .text { font-size: 9px}
.badge .number { font-size: 13px;font-weight: 700;}
*/

/* discount badge css */
.infoCompCol.des1 {
    margin-top: 5px;
}

h2.bg.red, h2.bg.blueHead, h2.bg.blank {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blueArrow, .redArrow, .greenArrow {
    display: none;
}
a.compLink.desktop_show {
    text-transform: uppercase;
}
.headIcon {
    width: auto;
    padding: 0;
    height: 30px;
    margin-right: 10px;
}

div#myComparision span.headIcon img {
    width: 26px;
}
.infoCompCol .compLink{
	color:#fff;
	
}
div#myComparision h2 span.headText {
    width: auto;
	height: auto !important;
}

div#myComparision h2.bg.red, div#myComparision h2.bg.blueHead, div#myComparision h2.bg.blank {
    padding: 10px 10px;
}

.mobile_show {
    display: none;
}

.compLink{
	margin-bottom:0px;
}

@media screen and (max-width:1360px){
	.badge_outer {right: -16px;}
}
@media screen and (min-width:1500px){
	.badge_outer {
		top: -40px;
	}
}
@media screen and (min-width:490px) and (max-width:1230px){
	.badge_outer {
		right: 22%;
	}
}
/*---------------*/
/*--------Responsive Css for Comparison Table Start-------*/
/*---------------*/

@media screen and (max-width:1366px) {
.myComparision .offerColTableOuter h4 {font-size: 12px;}
#myComparision .offerText {font-size:12px;}
#myComparision .offerImage span {font-size:12px;}
h2 span.headText, .compThumbHead {font-size: 13px;}
.myCompCol.first .infoCompCol .rowName {font-size: 12px;}
.priceLabel span.amazon_price {font-size:15px;}
.badge {right: 5px;}    
}
@media screen and (max-width:1230px) {
#myComparision {float: none;width:60%;margin: 0px auto; border:0px;}
.offerInclude .myCompCol {width: 100%;}	
.myCompCol.first {display:none;}
.myCompCol.pCol1 .myCompColInner {padding:0px;}
.offerColTableOuter.offerColTableOuter2 .offerColTable {margin:0px;}
.myCompColInner {padding: 0px;}
.db {display:none;}
.offerColTableOuter {width: 100%;}
.offerColTable {margin: 0px;padding-top: 0px;text-align: center;}
.offerImage {margin: 10px 0px;background: url(images/offerbg.png) no-repeat center top;}
#myComparision .offerImage span {font-size: 15px;}
.offerColTableInner {padding:20px 0px;	position: static !important;}
.offerColTableOuter.offerColTableOuter2 .offerColTableInner {margin-bottom: 0;}
}
@media screen and (max-width:640px) {
    a.compLink.mobile_show {
		width: 66%;
	}
	.mobile_show {
		display: block;
	}
	.mobile_prime img {
		padding-top: 0px !important;
		margin-left: 2px;
	}
	.mobile_prime {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-left: 15px;
	}
	.myCompCol.pCol1 .infoCompCol.last.des4 {
		background: #ffedef;
	}
	.myCompCol.pCol2 .infoCompCol.last.des4 {
		background: #e9f0ff;
	}
	.myCompCol.pCol3 .infoCompCol.last.des4 {
		background: #e7ffea;
	}
	.myCompCol.pCol2 .infoCompCol.last.des4 a.pricesee.price_less.compRedBtn {
		border: #1b3c8e 2px solid;
	}
	.myCompCol.pCol3 .infoCompCol.last.des4 a.pricesee.price_less.compRedBtn {
		border: #63d570 2px solid;
	}
	.priceLabel img {
		float:none;
		max-width: 10px;
		margin: 0 5px;
	}
	.infoCompCol.des1, .infoCompCol.des2 {
		display: none;
	}
	.open-divs .des1, .open-divs .des2 {
		display: block !important;
	}
	.compLink{
		margin-bottom:10px;
		background: #ff7100;
	}
	a.pricesee.price_less.compRedBtn {
		border: #a21220 2px solid;
		background: transparent;
		border-radius: 8px;
	}
	.infoCompCol .priceLabel span.amazon_price {
		color: #ff7100 !important;
	}
	.mobile_show {
		display: inline-block;
	}
	
	.desktop_show {
		display: none;
	}
	
	.myCompCol {
		width: 100%;
	}
	.infoCompCol.des1,
	.infoCompCol.des2,
	.infoCompCol.des3 {
		height: auto !important;
	}
	.myCompCol.first {
		display: none;
	}
	a.amy_yellow_button {
		width: auto !important;
		height: 100% !important;
	}
	.myCompCol h2.bg.blank {
		visibility: visible;
	}
	.pCol1:hover .myCompColInner {
		border: transparent;
	}
	.pCol2:hover .myCompColInner {
		border: transparent;
	}
	.pCol3:hover .myCompColInner {
		border: transparent;
	}
	.myCompCol:not(:first-child) .infoCompCol.des1::before {
		content: "\f067";
		position: absolute;
		height: 0;
		width: 0;
		left: 7px;
		top: 30px;
		text-align: center;
		color: #0a7a18;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 18px;
		transform: translateY(0px);
	}
	.myCompCol:not(:first-child) .infoCompCol.des2::before {
		content: "\f068";
		color: #f80001;
		position: absolute;
		height: 10px;
		width: 10px;
		left: 5px;
		top: 30px;
		text-align: center;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 18px;
		transform: translateY(0px)
	}
	.myCompCol:not(:first-child) .infoCompCol.des3::before {
        content: "";
        background-image: url(images/tick.png);
        position: absolute;
        height: 32px;
        width: 32px;
        left: 5px;
        top: 30px;
        text-align: center;
        background-size: 60%;
        background-repeat: no-repeat;
        transform: translateY(0px);
    }
	.myCompCol.pCol1 .myCompColInner {
		border: 2px #a21220 solid;
		margin-bottom: 30px;
	}
	.myCompCol.pCol2 .myCompColInner {
		border: 2px #1b3c8e solid;
		margin-bottom: 30px;
	}
	.myCompCol.pCol3 .myCompColInner {
		border: 2px #63d570 solid;
		margin-bottom: 30px;
	}
	.priceLabel a.pricesee {
		margin-bottom: 0 !important;
	}
    
    .infoCompCol {padding: 15px 8px 15px 28px;}
	.infoCompCol.des1, .infoCompCol.des2, .infoCompCol.des3 {
		padding-bottom: 0;
	}
	.compLogo {
		display: none;
	}
	.priceLabel {
		width: 60%;
		padding: 0px;
		margin: 0 auto;
		float: none;
		display: inline-block;
	}
	.infoCompCol.first {
		padding: 25px 8px 15px 7px;
	}
	.compLink.mobile_show {
		width: 61%;
	}
}


@media screen and (max-width:400px) {
	.myCompCol:not(:first-child) .infoCompCol.des1::before, .myCompCol:not(:first-child) .infoCompCol.des2::before, .myCompCol:not(:first-child) .infoCompCol.des3::before {
		top:20px;
	}
}



@media only screen and (max-width: 1536px) and (min-width: 1536px)  {
.hello .offerColTableInner {bottom:42%;}
}
@media screen and (max-width:767px) {
    .custom_product .compLogo, .pricesee.desktop_price{
		display:none;
	}

}

.custom_product .compLogo{
	visibility:hidden;
}


.visitStore {width:auto !important;}

/*----------------------------------------------*/


.infoCompCol.last.des4:last-child {
	padding: 10px;
	padding-top: 0px;
}

.headIcon i {
	color: #fff;
	font-size: 30px;
}

h2.bg blank span.headText {
	color: #fff;
}

.greenArrow {
    background: url(images/greenArrow.png) no-repeat center top;
    height: 11px;
    position: absolute;
    bottom: -11px;
    left: 0px;
    right: 0px;
}

.priceLabel a.pricesee {
	background: linear-gradient(to right, #ff7100 0%, #ff7100 100%);
	border-radius: 17px;
	margin: 7px 0px 0px 0px;
    padding: 4px 6px;
	text-align: center !important;
	text-decoration: none;
}

.priceLabel span.amazon_price {
	color: #fff !important;
	font-weight: 500 !important;
    width: auto;
    float: none !important;
}

a.amy_yellow_button {
	opacity: 4 !important;
	transform: translate(0) scale(1);
}
.amy_yellow_button.aos-init.aos-animate:hover {
	background: #ea7308c2;
}

.su-button-center{
  margin: 10px 0px;
}
.su-button.su-button-style-default.red {
    background-color: #ff0000b3;
}
.su-button-center a{
	display:inline-block;
	color:#FFFFFF;
	background-color:#2D89EF;
	border-color:#246ec0;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding: 10px 0px;
    text-align: center;
	text-decoration: none;
}

.su-button-center span{
	color:#FFFFFF;
	padding:7px 20px;
	font-size:16px;
	line-height:24px;
	border-color:#6cadf4;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	text-shadow:none;
	-moz-text-shadow:none;
	-webkit-text-shadow:none
}
.su-button i {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 .5em 0 0!important;
    text-align: center;
    line-height: 1em;
}
.su-button strong {
    font-size: 16px;
	font-weight: 700;
}
.su-button.su-button-style-default:hover {
    opacity: .7;
}
.su-button.su-button-style-default strong {
	color: #ffffff !important;
}