/*
Theme Name: task
Theme URI: http://underscores.me/
Author: Brad Hussey
Author URI: http://bradhussey.ca
Description: A custom WordPress theme using Bootstrap.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bootstrap2wordpress
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Bootstrap to WordPress is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
html{
    font-size: 100%;
    box-sizing: border-box;
}
*,*::before,*::after{
    box-sizing: inherit;
}
body {

	font-family: Roboto;
  	font-weight: bold;
	font-size: 20px;
	overflow-x:hidden;

}
h1,h2,h3,h4,h5,h6 {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-weight: bold;
		font-family: Roboto;
}
a{
	Cursor:pointer;
	Text-Decoration: None !important;

}

h1{
  font-size: 40px;
}
h2{
 font-size: 30px;
}
p.lead {
	font-weight: normal;
}
.title{
	font-size: 40px !important;
}
.title2{
	font-size: 30px !important;
}
.text-primary{
	color: #196EDE;
}
.text-primary2{
	color:#FDEF05 !important;
}
.lead2{
	font-size: 15px;
	color: #8B8B8B;
}
p {
	margin: 0 0 15px;
}
button, input, .btn, a.btn {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	color: white;
}
.btn2{
	color:#196EDE !important;
}
.btn1{
	color: white;
}
.btn-light{
	color: black;
	background-color: white;
}

/* Firs section  */
.ppos{
  position: relative;
  top: 0;
	width: 400px;
}
.fpos{
  position: relative;
	bottom: 80px;
	left: 70px;
}
.fortitle{
margin-top: 9rem!important;
}
.navback{
  background: url('../img/navback.png');
  padding-bottom: 40px;
  background-repeat: no-repeat;
  background-size: 35% 130%;
  background-position: 100%;

}
.space{
  padding-top: 50px;
}
.navbar-white{
filter: drop-shadow(0px 12px 9px rgba(0, 0, 0, 0.161));
background-color:  white;
}
.shadow-se{
filter: drop-shadow(60px 22px 30px rgba(0, 0, 0, 0.161));
}
.logopos{
margin-right: 10px;

}

.imaglogo{
  width: 23%;
  height: 100%;
}
.hompos{
  margin-right: 20px;
  background-color: #196EDE;
  border-radius: 8px;
  height: 30%;
  margin-top: 9px;
}
.blogpos{
    margin-right: 20px;
    background-color: #FDEF05;
    border-radius: 8px;
    height: 30%;
    margin-top: 9px;
}
.navpos{
      margin-top: 9px;
}
/* Offer tasks */
#offer{
	margin-bottom:  80px;
}
.rowpos{
	position: relative;
	bottom: 80px;
}
.pathpos1{
	position: relative;
	top: auto;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
}
.pathpos2{
position: absolute;
top: auto;
bottom: 0px;
left: 0px;
right: 0px;
	width: 100%;
}
.dot1 {
  height: 60px;
  width: 60px;
  background-color: #196EDE;
  border-radius: 50%;
  display: inline-block;
	position: absolute;
	right: 0px;
    top: auto;
	bottom: 40px;
	left: 20px;
}
.dot2 {
	height: 60px;
  width: 60px;
  background-color: #196EDE;
  border-radius: 50%;
  display: inline-block;
	position: absolute;
	right: 100px;
	/* 1350px */
	top: auto;
	bottom: 0px;
	left: 390px;
}
.dot3 {
	height: 60px;
  width: 60px;
  background-color: #196EDE;
  border-radius: 50%;
  display: inline-block;
	position: absolute;
	right: 100px;
	/* 1400px */
	top: auto;
	bottom: 10px;
	left: 650px;
}
.dot4 {
	height: 60px;
  width: 60px;
  background-color: #196EDE;
  border-radius: 50%;
  display: inline-block;
	position: absolute;
	right: 100px;
	/* 1360px   */
	top: auto;
	bottom: 10px;
	left: 800px;
}

.fa{
	color: #fff;
}
/* Icon */
.fa-arrow-right{ font-size: 20px !important;}
.fa-send{ font-size	: 20px !important;}
.fa-file-text-o{	margin-left: 20px;
background-position: -200px 0;}
.fa-file { margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;}
.fa-search {margin-left: 20px;
margin-top: 25px;}
.fa-edit {margin-left: 21px;
margin-top: 15px;
margin-bottom: 20px;}
.fa-language {margin-left: 17px;
    margin-top: 30px;}
.contup1{
	position: relative;
	bottom: 80px;
	width: 200px;
}
.contup{
		position: relative;
		bottom: 60px;
    width: 200px;
}
.contdown1{
	position: relative;
	top: 5px;
	width: 200px;
}
.contdown{
	position: relative;
	top: 0px;
	width: 200px;
}
/* Blu information Box */
.mt-7{
 margin-left: 350px;
}
.mt-8{
 margin-top: 50px;
}
.blubox{
	background: #196EDE;
	height: auto;
	padding: 20px;
}
.yalowbox{
	background: #FDEF05;
	width: 40px;
	height: 40px;
	margin-top: 20px;}
.marketboxcontent{
	color: white;
	position: relative;
	bottom: 40px;
	left: 25px;
}
.img-size{
	  width: 300px;
		height: 260px;
		margin-top: 20px;
}
/* Box information */
.card{
	margin-right:30px;
	width: 18rem;
	background-color:#196EDE;
	width:210px;
	height: 237px;
}

.cardimg{
	width: 200px;
	height: 200px;
}
.cardtext{
	text-align: center;
}
.btn3{
	position: relative;
	left: 110px;
	right: 0px;
	top: auto;
	bottom: 5px;

}
/* modales */
#models{
	margin-top: 100px;
}
.imgsize{
	width: 300px;
	height: 300px
}
/* business */
#business{
	margin-top: 100px;
}
.boxbusi{
		background: #196EDE;
		height: 250px;
		width: 250px;
		border-radius:40px;
}
.boxbusih{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	width: 260px;
    height: 250px;
}
.boxbusih:hover{
	filter: none;
    -webkit-filter: grayscale(0);
}
/* contact */
#contact{
	margin-top: 100px;
}
.send{
	background-color: #213FD5;
	width: 80px;
	height: 300px

}
.sendpos{
	color: #213FD5;
	margin-top: 130px;
	border-color: white;

}
/*yalowbox */
#yalowbox{

}
.yalowbox2{
	margin-top: 100px;
	background-color: #FDEF05;
	padding-bottom: 100px;
	}
	.printerypos{
		width: 200%;
	}
 .parent{
	 position: relative;
 	top: 0;
 	left: 0;
 }
.ourblogpos{
	position: relative;
	bottom: 0px;
	top: 200px;
	right: 50px;
	left: 50px;
	width: 90%;
}
.ourblogpos2{
	position: absolute;
	bottom: 0px;
	top: 250px;
	left: 100px;
	right: 0px;
	width: 90%;
}
.pyalow{
	position: absolute;
	bottom: 0px;
	top: 450px;
	left: 0px;
	right: 0px;
margin-left: 160px;
margin-top: 30px;
}
.imgcrupos{
	height: 90%;
	margin: 30px;
	width: 90%;
}
div.row.flex-row{
	flex-wrap:nowrap !important;
}
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  border-color: #196EDE;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active, .dot:hover{
	background-color: #196EDE;

}
/* .slideshow-container {
	max-width: 1000px;
	position: relative;
	margin: auto;
  } */

.titlerow{
	margin-top: 140px;
	margin-left: 30px;
}
.btnpos{
	margin-left: 165px;
}
/* Writing Social */
#social{
	margin-top: 100px;
}
.socialback{
	background-color: #196EDE;
	height: 300px;
}
.btnradio{
	border-radius: 50px;
}
.socialimg{
	position: relative;
	bottom: 150px;
	height: auto;
	width: 400px;
}
/* footer */
#footer{
	margin-top: 100px;
		background-color: #196EDE;
		padding-bottom: 60px;
}
#footermob{
	display: none;
}

.footerpos{
	padding-top: 50px;
}
.tasklig{
	height: 50px;
}
.foterpar{
	padding: 15px;
	text-align: justify;
}
.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.btncol{
	background-color:#FDEF05 !important;
	height: 34px;
	width: 70px;
}
/* footer2 */
#footer2 {
	margin-top: 20px;
}
.rese{
	height: 30px;
}
/* Blog */
#bloghead{

}
.blgoback{
	background: url('../img/blogback.png');
}
.pblog{
		background: url('../img/prineter.png');
}
.blogtitle{
	background: center;
	margin-top: 130px;
	margin-left: 100px;
}
.blogpra{
margin-top: 400px;
}
.fonblog{
	font-size: 15px;
	position: relative;
	right: 150px;
	margin-bottom: 0px;
}
.backtitle{
	background-color: white;
}
.forp{
	margin-top: 300px;
}
.fonblogpo{
	margin-bottom: 100px;
}
.imgsizeci1{
	height: 30px;
	width: 25px;
	margin-left: 10px;
	margin-bottom: 20px;
}
/* content */
#content{
	margin-top: 100px;
}
.imgporder{
	border-style: solid;
border-width: 10px;
	border-color: #196EDE;
}
/* ciculbox */
#ciculbox{
	margin-top: 100px;
}
.circle{
	height: 80px;
	width: 80px;
	filter: drop-shadow(1px 1px 9px #196EDE);
	background-color: #196EDE;
	border-radius: 50%;
}
.circulimg{
	position: relative;
	height: 80px;
	width: 90px;
	left: 10px;
}
.imgsizec{
	height: 150px;
	width: 150px;
	margin-left: 10px;
	margin-bottom: 20px;
}
.imgsizeci{
	height: 40px;
	width: 40px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.circulpos{
	position: relative;
	bottom: 55px;
	left: 19px;
}
.circulpra{
	padding-top: 30px;
	padding-right: 150px;
	padding-bottom: 50px;
}
/* Who We Are */
.whoimg{
position: relative;
top: 50px;
}
.whopra{
	margin-top: 250px;
	position: relative;
	right: 100px;
}
/* qustionwho */
#qustionwho{
	margin-top: 100px;
}
.seoimg{
	width: 600px;
}
.circley{

	height: 80px;
	width: 80px;
	background-color: #FDEF05;
	border-radius: 50%;
}
.circleprag{
 position: relative;
 top:30px;
 top: 120px;
left: 20px;

}
/* whoprag */
#whoprag{
margin-top: 100px;
}
.forpbpos{
	margin-top: 300px;
}
/* Blogpost */
#blogpost{
	margin-top: 100px;
}
.blogheader{
	background-color:#196EDE;
	height: 90px;
	width: 10px;
}
/* list of blog */
.smalldot{
	height: 20px;
  width: 20px;
	margin-top: 5px;
	margin-left: 10px;
  background-color:#FDEF05;
	border-radius: 50%;
}

/* Media */
/* nav again*/
/* div.nwt ul {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
	color: black !important;
} */
.navbar{
	padding: 0px !important;

}
div.ts li {
margin-right:  10px;
margin-top: 3px;
font-size: 20px;
font-weight: bold;
padding: 7px;
color: black;
}
div.ts li a{
	color: #007bff ;
}
div.ts li:first-child {
	margin-right: 20px;
	background-color: #196EDE;
	border-radius: 8px;
	height: 30%;


}
div.ts li:first-child a{
		color: white !important;
}

div.ts ul li:nth-child(2) {
	margin-right: 20px;
	background-color: #FDEF05;
	border-radius: 8px;
	height: 30%;
}
.mappos{
 width:400px;
 height: 100px;
}
div.ts ul li:nth-child(2) a {
	color: white !important;
}
div.cus ul li {
	margin-right: 20px;
}
/* div.nwt a {
    color:red;
}  */
/* ul li {
  color: blue;
} */
@media (min-width: 1025px) and (max-width: 1281px)  {
.dot1{
 position: relative;
 top: auto;
 bottom: 0px;
 left: 0px;
 right: 0px;
 width: 100%;
 height: 30px;
 width: 30px;
 background-color: #196EDE;
 border-radius: 50%;
 display: inline-block;
 margin-bottom: 60px;
}
.contup{
position: relative;
width: 200px;
left: 20px;
bottom: 0px;
}
.dot2{
	position: absolute;
  top: auto;
  bottom: 0px;
  left: 13px;
  right: 0px;
  width: 100%;
  height: 30px;
  width: 30px;
	margin-top: 20px;
  background-color: #196EDE;
  border-radius: 50%;
  display: inline-block;

}
.contdown{
	position: relative;
	width: 200px;
	left: 20px;
	bottom: 0px;
}
.dot3{
	position: absolute;
  top: 123px;
  bottom: 0px;
  left: 13px;
  right: 0px;
  width: 100%;
  height: 30px;
  width: 30px;
  background-color: #196EDE;
  border-radius: 50%;
  display: inline-block;
}
.contup1{
	position: relative;
	width: 200px;
	left: 20px;
	bottom: 0px;
}
.dot4{
	position: absolute;
   top: 160px;
   bottom: 160px;
   left: 13px;
   right: 0px;
   width: 100%;
   height: 30px;
   width: 30px;
 	margin-top: 20px;
   background-color: #196EDE;
   border-radius: 50%;
   display: inline-block;
}
.contdown1{
	left: 17px;
}
.pathpos1{
	display: none;
}
.pathpos2{
	display: none;
}
.fa-file-text-o{
	display: none;
}
.fa-file{
	display: none;
}
.fa-search{
	display: none;
}

.fa-edit{
	display: none;
}
#marketbot{
 padding-top: 30px;
}
.boxbusi{
	height: 200px;
	width: 200px;
}
.boxbusih{
	height: 200px;
	width: 210px;
}
.pyalow {

    top: 350px;
    right: 0px;
    margin-left: 0px;
    margin-top: 0px;
}
.card{
	width: 160px;
}
.titlerow {
	margin-top: 50px;
}
.btnpos {
	margin-left: 116px;
}
.socialimg{
	width: 335px;
}
.socialback {
	height: 360px;
}
/* .row{
	display: block;
	margin-left: 50%;
} */
.seoimg {
    width: 300px;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.dot1{
	 position: relative;
	 top: auto;
	 bottom: 0px;
	 left: 0px;
	 right: 0px;
	 width: 100%;
	 height: 30px;
	 width: 30px;
	 background-color: #196EDE;
	 border-radius: 50%;
	 display: inline-block;
	 margin-bottom: 60px;
	}
	.contup{
	position: relative;
	width: 200px;
	left: 20px;
	bottom: 0px;
	}
	.dot2{
		position: absolute;
	  top: auto;
	  bottom: 0px;
	  left: 13px;
	  right: 0px;
	  width: 100%;
	  height: 30px;
	  width: 30px;
		margin-top: 20px;
	  background-color: #196EDE;
	  border-radius: 50%;
	  display: inline-block;

	}
	.contdown{
		position: relative;
		width: 200px;
		left: 20px;
		bottom: 0px;
	}
	.dot3{
		position: absolute;
	  top: 123px;
	  bottom: 0px;
	  left: 13px;
	  right: 0px;
	  width: 100%;
	  height: 30px;
	  width: 30px;
	  background-color: #196EDE;
	  border-radius: 50%;
	  display: inline-block;
	}
	.contup1{
		position: relative;
		width: 200px;
		left: 20px;
		bottom: 0px;
	}
	.dot4{
		position: absolute;
	   top: 160px;
	   bottom: 160px;
	   left: 13px;
	   right: 0px;
	   width: 100%;
	   height: 30px;
	   width: 30px;
	 	margin-top: 20px;
	   background-color: #196EDE;
	   border-radius: 50%;
	   display: inline-block;
	}
	.contdown1{
		left: 17px;
	}
	.pathpos1{
		display: none;
	}
	.pathpos2{
		display: none;
	}
	.fa-file-text-o{
		display: none;
	}
	.fa-file{
		display: none;
	}
	.fa-search{
		display: none;
	}

	.fa-edit{
		display: none;
	}
	.boxbusi{
		height: 150px;
		width: 150px;
	}
	.boxbusih{
		height: 150px;
		width: 160px;
	}
.ppos{
	width: 300px;
}
.ourblogpos{
	top: 100px;
}
.ourblogpos2{
	top: 120px;
}
.pyalow{
	margin-left: 0px;
	margin-top: 0px;
	top: 190px;
}
.card {
	width: 126px;
}
.btnpos {
    margin-left: 80px;
}
.titlerow {
    margin-top: 14px;
    margin-left: 1px;
}
.socialimg {
bottom: 0px;
width: 248px;
right: 8px;
}
.socialback{
	height: 360px;
}
.mappos{
 width: 200px;
}
#menu-footer-menu{
	margin-left: 93px;
}
#footer{
	display: none
}
#footermob{
	display: block;
	margin-top: 100px;
background-color: #196EDE;
padding-bottom: 60px;
}
.send{
	width: 60px;
}
div.card.cards{
	width: 155px;
}
.seoimg {
    width: 300px;
}
}
@media (min-width: 481px) and (max-width: 767px) {
	.dot1{
	 position: relative;
	 top: auto;
	 bottom: 0px;
	 left: 0px;
	 right: 0px;
	 width: 100%;
	 height: 30px;
	 width: 30px;
	 background-color: #196EDE;
	 border-radius: 50%;
	 display: inline-block;
	 margin-bottom: 60px;
	}
	.contup{
	position: relative;
	width: 200px;
	left: 20px;
	bottom: 0px;
	}
	.dot2{
		position: absolute;
		top: auto;
		bottom: 0px;
		left: 13px;
		right: 0px;
		width: 100%;
		height: 30px;
		width: 30px;
		margin-top: 20px;
		background-color: #196EDE;
		border-radius: 50%;
		display: inline-block;

	}
	.contdown{
		position: relative;
		width: 200px;
		left: 20px;
		bottom: 0px;
	}
	.dot3{
		position: absolute;
		top: 123px;
		bottom: 0px;
		left: 13px;
		right: 0px;
		width: 100%;
		height: 30px;
		width: 30px;
		background-color: #196EDE;
		border-radius: 50%;
		display: inline-block;
	}
	.contup1{
		position: relative;
		width: 200px;
		left: 20px;
		bottom: 0px;
	}
	.dot4{
		position: absolute;
		 top: 160px;
		 bottom: 160px;
		 left: 13px;
		 right: 0px;
		 width: 100%;
		 height: 30px;
		 width: 30px;
		margin-top: 20px;
		 background-color: #196EDE;
		 border-radius: 50%;
		 display: inline-block;
	}
	.contdown1{
		left: 17px;
	}
	.pathpos1{
		display: none;
	}
	.pathpos2{
		display: none;
	}
	.fa-file-text-o{
		display: none;
	}
	.fa-file{
		display: none;
	}
	.fa-search{
		display: none;
	}

	.fa-edit{
		display: none;
	}
.printerypos{
	width: 100%;
}
.parent{
	display: none;
}
.imgcrupos{
	margin: 7px;
	width: 90%
}
.socialimg {
	width: 200px;
	bottom: 250px;
	left: 260px;
}
.yallowcard{
	margin-left: 20%;
}
.send{
	width: 387px;
height: 56px;
}
.fonblog{
	right: 0px;
}
.marketprag{
	width: 400px;
}
}
@media (min-width: 320px) and (max-width: 480px) {

	.dot1{
	 position: relative;
	 top: auto;
	 bottom: 0px;
	 left: 0px;
	 right: 0px;
	 width: 100%;
	 height: 30px;
	 width: 30px;
	 background-color: #196EDE;
	 border-radius: 50%;
	 display: inline-block;
	 margin-bottom: 60px;
	}
	.contup{
	position: relative;
	width: 200px;
	left: 20px;
	bottom: 0px;
	}
	.dot2{
		position: absolute;
		top: auto;
		bottom: 0px;
		left: 13px;
		right: 0px;
		width: 100%;
		height: 30px;
		width: 30px;
		margin-top: 20px;
		background-color: #196EDE;
		border-radius: 50%;
		display: inline-block;

	}
	.contdown{
		position: relative;
		width: 200px;
		left: 20px;
		bottom: 0px;
	}
	.dot3{
		position: absolute;
		top: 123px;
		bottom: 0px;
		left: 13px;
		right: 0px;
		width: 100%;
		height: 30px;
		width: 30px;
		background-color: #196EDE;
		border-radius: 50%;
		display: inline-block;
	}
	.contup1{
		position: relative;
		width: 200px;
		left: 20px;
		bottom: 0px;
	}
	.dot4{
		position: absolute;
		 top: 160px;
		 bottom: 160px;
		 left: 13px;
		 right: 0px;
		 width: 100%;
		 height: 30px;
		 width: 30px;
		margin-top: 20px;
		 background-color: #196EDE;
		 border-radius: 50%;
		 display: inline-block;
	}
	.contdown1{
		left: 17px;
	}
	.pathpos1{
		display: none;
	}
	.pathpos2{
		display: none;
	}
	.fa-file-text-o{
		display: none;
	}
	.fa-file{
		display: none;
	}
	.fa-search{
		display: none;
	}

	.fa-edit{
		display: none;
	}
.ppos {
	    width: 275px;
}
.send{
	width: 225px;
height: 56px;
}
/* .yforpos{
	width: 20px;
} */
.printerypos{
	    width: 50%;
}
.ourblogpos{
	top: -105px;
	left: 95px;
    width: 63%;
}
.ourblogpos2{
	top: -94px;
	left: 114px;
	width: 63%;
}
.pyalow {
	margin-top: 20px;
	    top: -76px;
			margin-left: 8px;
}
.imgcrupos{
	    height: 70%;
			margin: 0px;
margin-top: 31px;
margin-bottom: 10px;
width: 86%;
}
.socialimg {
	bottom: 305px;
	width: 109px;
    left: 208px;
}
.mappos{
	width: 200px;
}
.yforpos{
	position: relative;
	right: 141px;
}
.fonblog{
	right: 0px;
}
.circulpra{
	padding-right: 0px;
}
.marketprag{
	width: 295px;
}
.whoimg {

    width: 100%;
}
.whopra {
    margin-top: 53px;
    /* position: relative; */
    right: -5px;
}
.seoimg {
    width: 300px;
}
}
/* Slice */
/* *, *:before, *:after {
	box-sizing: inherit;
  } */
  
.slicsimg {
	width: 100%;
	height: auto;
	padding: 5px;
  }
.slick-dots {
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
  }
  .slick-dots li {
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
	border-color: #196EDE;

  }
  .slick-dots li.slick-active button {
	/* background-color: black; */
  }
  .slick-dots li button {
	font: 0/0 a;
	text-shadow:rgba(0, 0, 0, 0.161)
	color: transparent;
	border-color: #196EDE;
	background-color:#FDEF05;
	width: 15px;
	height: 15px;
	border-radius: 50%;
  }
  .slick-dots li :hover {
	background-color: #196EDE;
  }
  .prev {
	color: #999;
	position: absolute;
	top: 38%;
	left: -2em;
	font-size: 1.5em;
  }
  .prev :hover {
	cursor: pointer;
	color: black;
  }
  
  .next {
	color: #999;
	position: absolute;
	top: 38%;
	right: -2em;
	font-size: 1.5em;
  }
  .next :hover {
	cursor: pointer;
	color: black;
  }