.mkd-navigation.tparrows {
	cursor:pointer;
	background :#fff;
	width: 55px;
	height: 55px;
	position:absolute;
	display:block;
	z-index:100;
    border-radius: 50%;
    border: 1px solid #dcdeed;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.mkd-navigation.tparrows:before {
	font-family: \"dripicons-v2\" !important;
	font-size: 36px;
	color:rgb(##arrow-color##);
	display:block;
	line-height: 55px;
	text-align: center;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.mkd-navigation.tparrows:hover:before {
	color: #5677fc;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.mkd-navigation.tparrows.tp-rightarrow {
	right: 0;
}

.mkd-navigation.tparrows.tp-leftarrow:before {
	content: \"\\55\";
    margin-left:-3px;
}

.mkd-navigation.tparrows.tp-rightarrow:before {
	content: \"\\56\";
    margin-right:-3px;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
.mkd-navigation.tparrows {
	width: 50px;
	height: 50px;
}

.mkd-navigation.tparrows:before {
	font-size: 32px;
	line-height: 50px;
}
}