*{
 -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; 
  user-select: none;
  -webkit-touch-callout: default;
  -webkit-touch-callout: none; 
}
.ael_qt, .ppl_qt{
    background-color: #ddd;
    padding: 1%;
    border-radius: 13px;
    margin: 10px 0;
}
.recommend {
    width: 100%;
    padding-bottom: 5% ;
}
.recommend h2{
	font-family: 'Oswald', sans-serif !important;
}
.recommend_item{
	padding: 1%;
	width: 18% !important;
	float: left !important;
	height: 272px;
}
.recommend_item img{
	width: 100%;
}
.recommend_title, #trending .item_title a, #trending_videos .title{
	font-family: 'Oswald', sans-serif !important;
	color: #000;
	text-decoration: none;
	font-size: 15px;
}
#trending{
	width:98%;
}
#trending .c6{
	width: 50%;
	float: left;
	height: 50px;
	margin-top: 3%;
	margin-bottom: 3%;
}
#trending .principal_title, .around-web .principal_title{
	margin:0;
	background-color: #FFD600;
	padding-left: 3%;
	font-size: 23px;
	font-family: 'Ubuntu', sans-serif;
	color: #000;
}
#trending .img_trending{
	height: 176px;
	width: 100%;
	float: left;
	margin-left: 2%;
	margin-top: 2%;
	background-size: cover;
}
#trending .more_tag{
	float: right;
	color:#E91516;
	font-weight: bold;
	text-decoration: none;
	font-size: 20px;
}
#trending .more_tag:hover{
	color:#E91516;
}
#trending .treding_item{
	height: auto;
	float: left;
	width: 18%;
	margin-left: 2%;
}
#trending .item_title{
	margin-left: 3%;
}
#trending .treding_item .item_title a{
	font-family: 'Ubuntu', sans-serif;
	font-weight: bold;
	text-decoration: none;
	color:#000;
	font-size: 13px;
}
#trending .number{
	background-color: #EA0D11;
	padding: 1% 4%;
	color: #fff;
	font-weight: bold;
	position: relative;
	float: right;
	top: -11px;
	border: solid 2px #fff;
	right: 8px;
	font-size: 23px;
}
#trending .img_cero{
	background-image: url(https://www.theonlyperuguide.com/wp-content/themes/newsmag/images/bottom-content/death-road.jpg);
}
#trending .img_one{
	background-image: url(https://www.theonlyperuguide.com/wp-content/uploads/2017/12/ff-790x527-1.jpg);
}
#trending .img_two{
	background-image: url(https://www.theonlyperuguide.com/wp-content/uploads/2017/12/K1024_shutterstock_215345641_preview.jpeg);
}
#trending .img_three{
	background-image: url(https://www.theonlyperuguide.com/wp-content/uploads/2017/12/Screenshot_3.png);
}
#trending .img_four{
	background-image: url(https://www.theonlyperuguide.com/wp-content/uploads/2017/12/rsz_1backpacker111.jpg);
	background-position-x: -106px !important;
}
#trending .img_five{
	background-image: url(https://www.theonlyperuguide.com/wp-content/uploads/2017/12/map.jpg);
	background-position-x: 0px !important;
}
/* ESTILOS QUICK LINKS 11/06/19 */
/*ESTILOS QUICK LINKS*/
.quick-links-content{
  background: #EEEEEE;
  padding-left: 3.5%;
  padding-right: 3.5%;
  padding-top: 1%;
  padding-bottom: 1%;
  border-radius: 15px;
  margin-bottom: 1%;
  width: 100%;
  font-size: 15px;
}

/* CHAT WHATSAPP*/
.chat-wsp {
	position: fixed;
	bottom: 20px;
	right:1%;
	z-index: 99;
}
.btn-wsp-content-general{
    border-radius: 16px;
    background: #007902;
    display: inline-flex;
    width: 100%;
    padding: 12.5px 24px;
    justify-content: center;
   	align-items: start;
    gap: 10px;
    color: #FFF!important;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.65px;
    text-transform: uppercase;
    width: fit-content;
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* 
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
	
}
/* 
	##Device = Laptops, Desktops
	##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {

}
/* 
	##Device = Tablets, Ipads (portrait)
	##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
	.mobile_hidden .flt_button{
	  	padding: 0.5% 2%;
	  	top: -75px;
	  	margin-right: 3%;
	  	right: 0;
	}
	#text-26 .aside_button{
	  	padding: 1.5% 8%;
	  	top: -68px;
	  	right: 0;
	  	margin-right: 17%;
	  	font-size: 17px;
	}
	.custom_img {
	  	height: 120px !important;
	}
	#trending .container{
		width: 100%;
	}
	#trending .c6 {
	 height: 50px;
	 margin-top: 0%;
	 margin-bottom: 0%;
	}
	#trending .treding_item {
	 	width: 30%;
	}
	#trending .img_five{
	 	background-position-x: 0px !important;
	}
	#trending .number{
	 	padding: 0% 5%;
	}
	.recommend_item{
		width: 23%;
    	height: 253px;
	}
	#trending .img_trending{
		background-position-x: -41px;
	}
	#trending .img_trending{
	  	background-position-x: 0px;
	}
	#trending .img_four{
	  	background-position-x: -71px !important;
	}
	#text-26 .aside_button{
	  	top: -80px;
	  	right: 0;
	  	margin-right: 35%;
	}
	.image_header .ael_button{
	  	top: -101px;
	  	margin-right: -12%;
	  	font-size: 16px;
	}

}
/* 
	##Device = Tablets, Ipads (landscape)
	##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	#header{
		margin-bottom: 0 !important;
	}
	#primary{
	  	margin-bottom: 0px;
	}
	.mobile_hidden{
	  	display: none;
	}
	.desktop_hidden{
	  	display: block;
	}
	.row{
	  	margin-bottom: 13% !important;
	}
	#site-logo{
	  	margin-bottom: 0px;
	}
	.recommend_item{
	  	height: auto;
	  	margin-bottom: 10px;
	  	width:50%;
	}
	.custom_img{
	  	height: 217px !important;
	}
	#trending .principal_title{
	  	font-size: 19px;
	}
	#trending .c6 {
	  	height: auto;
	  	margin-top: 0;
	  	margin-bottom: 0;
	  	padding: 0;
	}
	#trending .more_tag{
	  	margin-bottom: 4%;
	}
	#trending .treding_item{
	  	width: 48%;
	}
	#trending .img_trending{
	  	background-position-x:0px;
	}
	#trending .img_four, #trending .img_five{
	  	background-position-x:0px !important;
	}
	.py{
	  	background-position-y: -9px;
	}
	#trending .number{
	  	padding: 0 4%;
	}
	#text-26 .aside_button{
	  	right: 30%;
	}
	.recommend_title{
	  	font-size: 14px;	
	}
	#text-26{
	  	padding-bottom: 0px;
	}
	.desktop_hidden .flt_button{
	  	padding: 1.5% 4%;
	  	top: -89px;
	  	margin-right: 8%;
	  	right: 0;
	}
}
/* 
	##Device = Low Resolution Tablets, Mobiles (Landscape)
	##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
	#header{
		margin-bottom: 0 !important;
	}
	#primary{
		margin-bottom: 0px;
	}
	.mobile_hidden{
	  	display: none;
	}
	.desktop_hidden{
	  	display: block;
	}
	.row{
	  	margin-bottom: 13% !important;
	}
	#site-logo{
	  	margin-bottom: 0px;
	}
	.recommend_item{
	  	height: auto;
	  	margin-bottom: 10px;
	  	width:50%;
	}
	.custom_img{
	  	height: 217px !important;
	}
	#trending .principal_title{
	  	font-size: 19px;
	}
	#trending .c6 {
	  	height: auto;
	  	margin-top: 0;
	  	margin-bottom: 0;
	  	padding: 0;
	}
	#trending .more_tag{
	  	margin-bottom: 4%;
	}
	#trending .treding_item{
	  	width: 48%;
	}
	#trending .img_trending{
	  	background-position-x:0px;
	}
	#trending .img_four, #trending .img_five{
	  	background-position-x:0px !important;
	}
	.py{
		background-position-y: -9px;
	}
	#trending .number{
	  	padding: 0 4%;
	}
	#text-26 .aside_button{
	  	right: 30%;
	}
	.recommend_title{
	  	font-size: 14px;	
	}
	#text-26{
	  	padding-bottom: 0px;
	}
	.desktop_hidden .flt_button{
	  	padding: 1.5% 4%;
	  	top: -89px;
	  	margin-right: 8%;
	  	right: 0;
	}

}
/* 
	##Device = Most of the Smartphones Mobiles (Portrait)
	##Screen = B/w 320px to 479px
*/
@media (max-width: 480px) {
	#header{
		margin-bottom: 0 !important;
	}
	.mobile_hidden{
	  	display: none;
	}
	.desktop_hidden{
		display: block;
		padding: 2%;
	}
	.row{
	  	margin-bottom: 13% !important;
	}
	#site-logo{
	  	margin-bottom: 0px;
	}
	.recommend_item{
	  	height: auto;
	  	margin-bottom: 10px;
	  	width: 100% !important;
	}
	.custom_img{
	  	height: 352px !important;
	}
	#trending .principal_title{
	  	font-size: 19px;
	}
	#trending .c6 {
	  	height: auto;
	  	margin-top: 0;
	  	margin-bottom: 0;
	  	padding: 0;
	  	width: 100%;
	}
	#trending .more_tag{
	  	margin-bottom: 4%;
    	margin-top: 3%;
	}
	#trending .treding_item{
	  	width: 94%;
	}
	#trending .img_trending{
	  	background-position-x:0px;
	}
	#trending .img_four, #trending .img_five{
	  	background-position-x:0px !important;
	}
	.py{
	  	background-position-y: -61px;
	}
	#trending .number{
	  	padding: 0 4%;
	}
	#text-26 .aside_button{
	  	right: 20%;
	}
	.desktop_hidden .ph_button{
	  	top: -45px;
	    float: left;
	    right: 0;
	    margin-left: 11%;
	    font-size: 14px;
	}
	.image_header .flt_button{
	  	padding: 1.5% 5%;
	  	top: -72px;
	  	right: 5%;
	}
	.image_header .ael_button{
	  	padding: 0% 7.5%;
	  	top: -32px;
	  	right: 3px;
	  	font-size: 13px;
	}
	#secondary .ael_button{
	  	top: -68px;
	}
	.sidebar .ph_button{
		top: -69px;
    	/* right: 26%; */
    	padding: 3% 7%;
    	float: inherit;
    	right: 0;
	}
}

#trending_videos{
  width:98%;
  margin-bottom: 3%;
  border-bottom: none;
}
#trending_videos .container{
	padding: 0;
}
#trending_videos .c6, .around-web .c6{
  height: 50px;
  margin-top: 1%;
  margin-bottom: 1%;
  padding-left: 0;
  width: 50%;
  float: left;

}
#trending_videos .principal_title{
  margin:0;
  background-color: #FFD600;
  padding-left: 3%;
  font-size: 23px;
  font-family: 'Ubuntu', sans-serif;
  width: 57%;
  color: #000;
}
#trending_videos .trending_videos_item{
  height: auto;
  float: left;
  width: 18%;
  margin-left: 2%;
}
#trending_videos .trending_videos_item img{
  width: 100%;
}
#trending_videos .item_title{
  position: absolute;
  margin-top: -3%;
  width: 19%;
}
#trending_videos .item_title a{
  text-decoration: none;
}
#trending_videos .item_title a .fa{
  background-color: red;
  padding: 2% 3%;
  color: #fff;
}
#trending_videos .item_title a .title{
    background-color: #fff;
    color: #000;
    font-weight: bold;
    padding: 2% 3.5% 2% 0;
    word-spacing: 3px;
    /*font-family: 'Ubuntu', sans-serif;*/
    font-size: 13px;
}
#trending_videos .more_tag{
  float: right;
  color:#E91516;
  font-weight: bold;
  text-decoration: none;
  font-size: 20px;
}
/*button banner PH nuevo*/
.button-yellow {
    background-color: #FFD600;
    right: 7.7%;
    margin-top: 7.4%;
    padding: 1.5% 2.3%;
    font-family: 'Oswald', sans-serif !important;
    color: #4B4B4D;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: .5px;
}
@media (max-width: 1024px) and (min-width: 768px){
  #trending_videos{
    width: 100%;
  }
  #trending_videos .container{
  	width: 100%;
  }
  #trending_videos .trending_videos_item{
    width: 31%;
    height: 300px;
  }
  #trending_videos .item_title{
    width: 34%;
  }

  #trending_videos .principal_title{
    width: 83%;
  }
  #trending_videos .c6{
    width: 50%;
  }
  	.button-yellow {
		font-size: 14px;
		right: 7.7%;
		margin-top: 7.4%;
	}
	.card {
    width: 23% !important;
	}

}
@media (max-width: 480px) {
  #trending_videos{
    width: 98%;
  }
  #trending_videos .principal_title{
    width: 100%;
  }
  #trending_videos .more_tag{
    float: right;
  }
  #trending_videos .trending_videos_item{
    width: 100%;
    height: 350px;
  }
  #trending_videos .item_title{
    width: 90%;
    margin-top: -15%;
    font-size: 19px;
  }
  #trending_videos .c6{
  	width: 100%;
  }
  #trending_videos .item_title a .title{
  	line-height: 29px;
  	font-size: 18px;
  }
}

/*ESTILOS PARA LOS BOTONES DE LOS AD'S NO TOCAR, NO CAMBIAR*/

.header_button, .generic_flt_button, .generic_ph_button{
  font-family: 'Oswald', sans-serif !important;
  text-decoration: none;
  position: absolute;
  color:#fff !important;
  border-radius: 12px;
  font-size: 28px;
  padding: 1.5% 3%;
  font-weight: 600;
  -webkit-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.75);
}
.generic_flt_button{
  background-color: #54B209;
  margin-top: 3%;
  right: 5.5%;
}
.generic_ph_button, .header_button{
  background-color: #0086D0;
  right: 5%;
  margin-top: 6%;
}
.header_button:hover, .generic_flt_button:hover, .generic_ph_button:hover{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  color:#fff !important;
}
@media (min-width: 601px) and (max-width: 768px) {
  .generic_flt_button{
    border-radius: 24px;
    padding: 0.5% 4%;
    margin-top: 3%;
    font-size: 17px;
    right: 5%;
  }
  .generic_ph_button{
    font-size: 13px;
    margin-top: 10%;
    padding: 0.5% 3%;
  }
  .header_button{
    font-size: 18px;
  }
}
.bottom-content {
    clear: both;
    overflow: hidden;
}
@media (min-width: 741px) {
	.card {
	    float: left;
	    margin-bottom: 35px!important;
	    position: relative;
	}
}
@media (max-width: 767px) {
	.card {
	  width: 97% !important;
	  margin: 1rem;
	}
	.cardImage{
	  width: 100%;
	}
	.cardImage img {
	  width: 100%;
	}
	.cardText{
	  width: 100%;
	  text-align: left;
	}
	.you-may-like,.you-may-like1 {
	    display: block !important;
	    margin-top: 20px;
	    margin-left: 5px;
	}
	.mb-20-mob {
		margin-bottom: 20px;
	}
	.button-yellow {
		right: 5.5%;
    	margin-top: 20%;
    	font-size: 14px;
	}
}
@media (max-width: 600px){
  .generic_flt_button{
    border-radius: 11px;
    padding: 1% 4%;
    font-size: 18px;
    margin-top: 22%;
    right: 11%;
  }
  .generic_ph_button, .header_button{
    font-size: 15px;
/*    margin-top: 22%;
    margin-left: 7%;*/
    margin-top: 23%;
    margin-left: 12%;
    padding: 0.5% 7%;
    right: inherit;
  }
  .ael_qt, .ppl_qt{
  	padding: 4%;
  }
}


.c-4-12 {
    float: right;
    width: 31.3%;
    line-height: 20px;
}
/*estilos desktop tactil*/
.card {
    width: 18%;
    height: 250px;
    margin-left: 1.4%;
    display: inline-block;
    margin-bottom: 10px;
}
.cardText {
    width: 100%;
    text-align: left;
    font-family: 'Oswald', sans-serif !important;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    margin-left: 2px;
}
.cardText:hover {
	color: #cc0c00;
}
.you-may-like {
	display: none;
}
a:link {
    -webkit-tap-highlight-color: transparent !important;
}

/* style banner ph */
.first-add, .first-add-left, .first-add-aside {
	position: relative;
}
.draw-border {
    box-shadow: inset 0 0 0 4px #00af88;
    transition: color 0.25s 0.0833333333s;
}
.first-add p{
	margin-bottom: 0 !important; 
}
.first-add-button-right {
	float: right;
    position: absolute;
    bottom: 50px;
    right: 30px;
    background-color: #00af88;
    color: #fff!important;
    padding: 15px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}
.first-add-button-left  {
	float: left;
    position: absolute;
    bottom: 30px;
    left: 30px;
    background-color: #00af88;
    color: #fff!important;
    padding: 15px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}
.first-add-button-aside {
    float: left;
    position: absolute;
    bottom: 40px;
    left: 20px;
    background-color: #00af88;
    color: #fff!important;
    padding: 8px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.draw-border:hover {
	color: #fff;
	box-shadow: -2px 3px 18px rgba(0,0,0,.3);
	transform: scale(1.030);
}
.draw-border::before, .draw-border::after {
	border: 0 solid transparent;
	box-sizing: border-box;
	content: '';
	pointer-events: none;
	position: absolute;
	width: 0;
	height: 0;
	bottom: 0;
	right: 0;
}
.draw-border::before {
	border-bottom-width: 4px;
	border-left-width: 4px;
}
.draw-border::after {
	border-top-width: 4px;
	border-right-width: 4px;
}
.draw-border:hover {
	color: #fff;
	box-shadow: -2px 3px 18px rgba(0,0,0,.3);
    transform: scale(1.030);
}
.draw-border:hover::before, .draw-border:hover::after {
	border-color: #fff;
	transition: border-color 0s, width 0.25s, height 0.25s;
	width: 100%;
	height: 100%;
}
.draw-border:hover::before {
	transition-delay: 0s, 0s, 0.25s;
}
.draw-border:hover::after {
	transition-delay: 0s, 0.25s, 0s;
}
.box-mobile-banner{
	display: none;
}
/* ADD WILD ROVER */
.add_wr {
	position: relative;
}
.btn_add_wr {
	position: absolute;
    width: 100%;
    bottom: 18%;
    text-align: center;
}
.btn_add_wr a {
    background: #F9DD4B;
    color: black;
    font-weight: bold;
    font-size: 2em;
    padding: 1.2% 4%;
    border-radius: 15px;
    border: 2px solid white;
}
@media (min-width: 768px) and (max-width: 979px) {
	.first-add-button-right {
		bottom: 20px;
		right: 10px;
		padding: 10px;
		font-size: 20px;
	}
	.first-add-button-left, .first-add-button-aside {
		bottom: 20px;
		left: 10px;
		padding: 10px;
		font-size: 20px;
	}
	.anuncio-ph #header_lm {
		position: absolute;
		bottom: 17px;
		right: 17px;
    }
}
@media screen and (max-width: 767px) {
	.anuncio-ph #header_lm {
    	bottom: 25px;
    	right: 10px;
    	font-size: 13px;
    	padding: 6px;
    }
    .first-add-button-right {
		bottom: 15px;
		right: 10px;
		padding: 0px 5px;
		font-size: 12px;
    }
    .firt-add-button-left, .first-add-button-aside {
    	bottom: 15px;
		left: 10px;
		padding: 0px 5px;
		font-size: 12px;
    }
    .box-mobile-banner{
		display: block;
		width: 54%;
		float: left;
		background: #992129;
		color: #fff;
		font-weight: bold;
		font-size: 13px;
		line-height: 19px;
		text-align: center;
		padding: 2%;
		margin-top: -7px;
	}
	.button-mobile-banner{
		width: 42%;
	    padding: 1.2px 0;
	    font-weight: bold;
	    font-size: 18px;
	    line-height: 50px;
	    background: #0063DF;
	    box-shadow: inset 0 0 0 4px #0063DF;
	    position: inherit;
	    margin-top: -8px;
	}
}
/*IPHONE 5*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2){
	.button-mobile-banner { 
		line-height: 34px;
	}
}