@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');

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;
}

@font-face{
	font-family : Roboto;
	src:url('fonts/Roboto-Regular.ttf');
	font-weight:normal;
}

* {
	outline: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	overflow-x: hidden;
}

ol, ul {
	list-style: none;
}

b {
	font: inherit;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

p {
	line-height: 1.5;
}

a {
	color: inherit;
	text-decoration: none;
}

body {
	direction: ltr;
	text-align: left;
	font-family: 'Roboto';
	background-color: #0b0b0c;
	color: #fff;
}

.unclickable {
    cursor: default;
}

textarea {
	resize: none;
}

.button {
    text-align: center;
    padding: 8px;
    font-size: 13px;
    border-radius: 5px;
    display: inline-block;
    font-family: 'Roboto';
    cursor: pointer;
    border: 1px solid;
    width: 240px !important;
    height: 30px;
}

#buy-full-content-series{
	display: flex;
    justify-content: center;
    align-items: center;
}

.button i {
	margin-left: 10px;
	font-size: 14px;
	vertical-align: middle;
}

.horizontal-align {
	padding-top: 10px;
}

/*PopUp*/

.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 9999;
}

.overlay-target {
	visibility: visible;
	opacity: 1;
}

.popup {
	margin: 70px auto;
	background: #fff;
	max-width: 700px;
	position: relative;
	transition: all 0.7s ease-in-out;
}

.popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

.popup .close:hover {
	cursor: pointer;
}

#menu {
	position: absolute;
	width: 300px;
	height: 100vh;
	background-color: #fffaf4;
	top: 0;
	right: -300px;
	z-index: 1000;
	overflow: hidden;
	transition: right 500ms ease-in-out;
	box-shadow: -2px 0 5px #aaa;
	font-size: 13px;
	text-align: right;
	padding: 10px 10px 10px 0;
}

#menu ul li {
	padding: 10px;
	border-bottom: 1px solid #eee;
}

#menu li a {
}

#menu.open {
	right: 0;
}

#menu .sub-menu {
	width: 100%;
	height: 100%;
	position: absolute;
	transition: right 500ms ease-in-out;
	top: 0;
	right: 300px;
}

#menu .sub-menu.open {
	right: 0;
}

.back-trigger {
	font-family: 'Roboto';
	background: transparent;
	border: none;
}

.back-trigger:hover {
	cursor: pointer;
}

.back-trigger i {
	padding-left: 5px;
	font-size: 20px;
	vertical-align: middle;
}

.sub-menu-trigger:after {
	content: '\f104';
	font-family: FontAwesome;
	font-size: 20px;
	margin-top: -5px;
	float: left;
	vertical-align: middle;
}

.sidenav {
	height: 100%;
	width: 300px;
	position: fixed;
	z-index: 10;
	top: 0;
	left: -300px;
	background-color: #171519;
	overflow-y: hidden;
	overflow-x: hidden;
	padding-top: 70px;
	transition: 0.5s;
}

.sidenav a {
	display: block;
	transition: 0.3s;
}
.sidenav .logo {
	position: absolute;
	top: 10px;
	left: 10px;
}

.sidenav > a:hover,.profile-login a:hover, .offcanvas a:focus, .sub-menu > a:hover, #submenu-back:hover {
	color: #00e676;
}

.sidenav .profile-login a {
	display: inline-block;
}
.sidenav .profile-login.show-on-m, .sidenav #profile-nav.show-on-m {
	padding-bottom: 25px;
	height: 0;
}

.sidenav .close-button {
	position: absolute;
	top: 20px;
	right: 10px;
	font-size: 36px;
	margin-left: 10px;
}

.sidenav  > .normal-text, .sub-menu > .normal-text {
	border-top: 1px solid #eee;
	padding: 5px 10px;
}

.sidenav .fa-angle-left {
	font-size: 16px;
	/* margin-top: -35px; */
	transform: rotate(180deg);
}

#profile-nav span {
	margin-left: 10px;
}

.categories {
	margin-right: 15px;
}
.categories li {
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #555;
}
.categories li:last-child {
	border: none;
}

.categories li > h2:hover, .categories li > a:hover {
	color: #f1f1f1;
	cursor: pointer;
}

.sidenav .sub-menu {
	width: 100%;
	height: 100%;
	position: absolute;
	transition: right 500ms ease-in-out;
	top: 70px;
	right: 300px;
	background-color: #171519;
	overflow-y: hidden;
}

.sidenav .sub-menu.open {
	right: 0;
}

#submenu-back {
	cursor: pointer;
}
#submenu-back i {
    margin-right: 5px;
    transform: rotate(180deg);
}


details {
	border: 1px solid #eee;
	border-right: none;
	border-left: none;
	font-size: 13px;
	line-height: 1.5;
	padding: 20px 0;
}

summary::-webkit-details-marker {
	display: none;
}

summary:after {
	width: 100%;
	content: "مشاهده بیشتر \f104"; 
	color: #888; 
	text-align: center;
	font-size: 13px; 
	margin: -5px 10px 0 0; 
	padding: 0; 
}

details[open] summary:after {
	content: " ";
}

/*Inbox*/

#inbox {
	min-height: 400px;
	padding: 10px;
}
.inbox-header {
	padding: 20px 0;
	border-bottom: 2px solid #aaa;
}

.inbox-header input[type="checkbox"] {
	margin-left: 10px;
}

.inbox-header label#select-all {
	font-weight: 700;
	font-size: 14px;
}

.inbox-message {
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	padding: 10px 5px;
}

.inbox-message-header {
	cursor: pointer;
}

.inbox-message .quick-title {
	margin: 0;
	padding: 2px 10px;
}

.inbox-message-date {
	padding: 6px;
}

.inbox-message p {
	display: none;
	text-align: justify;
	padding: 10px 20px;
}

.inbox-message.read {
	/*background-color: #eee;*/
}

.inbox-message.selected-message {
	background-color: #fff2cd;
}

.inbox-header .active-btn {
	cursor: pointer;
}

.centerized {
	text-align: center;
}

.breadcrumb {
	color: #808080;
	font-size: 12px;
	margin: 10px 0;
}
.breadcrumb li {
	display: inline-block;
}
.breadcrumb li:after {
	content: "/";
	padding: 0 5px;
}
.breadcrumb li:last-child:after {
	content: none;
}
.green-text {
	color: #00e676;
}
.gray-text {
	color: #808080;
}
a.gray-text:hover, .button.gray-text:hover {
	color: #fff;
	transition: 0.3s;
}
.green-bg {
	background-color: #00e676;
	color: #0d0d0d;
	border-color: #00e676;
}
.green-bg:hover {
	background-color: transparent;
	color: #00e676;
	transition: 0.3s;
}
.white-bg {
	background-color: #fff;
}
.black-text {
	color: #0d0d0d;
}
.inactive-bg {
	background-color: transparent;
	color: #ccc;
	border-color: #ccc;
}
.inactive-bg:hover {
	background-color: #ccc;
	color: #0d0d0d;
	border-color: #ccc;
	transition: 0.3s;
}
.dark-bg {
	/* background-color: #171519; */
	color: #fff;
	padding: 10px;
	text-align: justify;
	border: none;
	margin-bottom: 20px;
}
.transparent-bg {
	color: #00e676;
	background-color: transparent;	
	border-color: #00e676;
}
.transparent-bg:hover {
	color: #171519;
	background-color: #00e676;
	transition: 0.3s;
}
.border-boxer {
	border: 1px solid #808080;
	background-color: transparent;
	padding: 10px;
	border-radius: 2px;
}
.important-text {
	font-size: 15px;
	font-weight: 600;
	padding: 5px;
}
.normal-text {
	font-size: 13px;
	font-weight: 400;
	padding: 4px;
}
#header {
	/*border-bottom: 1px solid #00e676;*/
}
#header .green-bg:hover {
	background-color: #00e676;
	color: #0d0d0d;
	cursor: pointer;
}
#menu-trigger {
	height: 50px;
	width: 40px;
	float: left;
	border-radius: 2px;
    margin-top: 4px;
} 
#menu-trigger > i {
	font-size: 20px;
	margin: 10px;
	border-radius: 2px;
}
#header #search-bar {
	font-family: 'Roboto';
	font-size: 12px;
	margin-right: 10px;
	margin-top: 10px;
	color: #fff;
}
#header i.fa-search {
	margin-right: -35px;
	margin-top: 15px;
	font-size: 24px;
	color: #808080;
}
#header i {
	cursor: pointer;
}
.logo img {
	vertical-align: middle;
	width: 50px;
}

.change-language img {
	vertical-align: middle;
	width: 30px;
}

#header .profile-login {
	display: inline-block;
	margin-top: 17px;
	margin-right: 15px;
}
#header a:not(.logo) {
	margin-left: 10px;
}
#header > .normal-text a:hover {
	color: #00e676;
}

/*Content Series Page*/
#content-series-info {
	margin: 20px auto;
}
#content-series-info h1 {
	font-size: 16px;
}
.video-player {
	background: rgba(0, 0, 0, 0.25); 
	height: auto;
	margin: 10px auto;
	position: relative;
    padding: 30px 0;
}
.video-player > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.transparent-black {
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#social-share {
	position: absolute;
	top: 25%;
	right: 20px;
	z-index: 2;	
}
.jssocials-share {
	display: block;  
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #f1f1f1;
}
.jssocials-share:last-child {
	border: none;
}
.jssocials-share-linkedin .jssocials-share-link, .jssocials-share-googleplus .jssocials-share-link, .jssocials-share-telegram .jssocials-share-link, .jssocials-share-facebook .jssocials-share-link, .jssocials-share-twitter .jssocials-share-link {
	color: #f1f1f1;
}
.video-player #player {
	width: 70% !important;
	margin: 30px auto;
	z-index: 1;
	position: relative;
}
.video-player #player .fa {
	position: absolute;
	top: 40%;
	font-size: 24px;
}
.content-series-tags {
	margin: 10px auto;
}
.content-series-tags li {
	display: inline-block;
}
.content-series-tags a {
	display: block;
}
.content-series-tags .border-boxer {
	padding: 5px;
}
#content-info .button {
	margin: 5px;
	display: block;
}
#content-info p {
	margin: 10px auto;
	text-align: justify;
}
#content-series-episods {
	margin-top: 10px;
	height: 330px;
}
#content-series-episods li {
	border: 1px solid #171519;
	margin: 5px 0;
	padding-left: 10px;
}
#content-series-episods li a {
	display: block;
}
#content-series-episods li:hover {
	border: 1px solid #00e676;
	color: #00e676;
	transition: 0.3s;
}
#content-series-episods li:hover .gray-text {
	color: #00e676;
	transition: 0.3s;
}
#content-series-episods li img {
	width: 150px;
	margin-right: 10px;
}
.content-series-episods-info {
	padding: 5px;
}
#content-series-episods .fa {
	margin-top: -55px;
	font-size: 24px;
}
#similar-content-series > h2.important-text {
	margin-bottom: 10px;
}
.quick-content-series {
	display: block;
}
/*.quick-content-series:hover p, .quick-content-series:hover .border-boxer {*/
	/*color: #00e676;*/
	/*border: 1px solid #00e676;
	transition: 0.3s;
}*/
/*.quick-content-series:hover img {
	transition: 0.3s;
	border: 1px solid #00e676;
}*/
.quick-content-series img {
	width: 100%;
	display: block;
	position: relative;
	z-index: -1;
	border-radius: 5px;
}
.content-series-gradient {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 55%, rgba(0,0,0,0.95) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,rgba(0,0,0,0.95)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 55%,rgba(0,0,0,0.95) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 55%,rgba(0,0,0,0.95) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 55%,rgba(0,0,0,0.95) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 55%,rgba(0,0,0,0.95) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	margin-top: 30px;
	border-radius: 5px;
}

.quick-content-series-top {
	margin-top: -60px;
	position: relative;
	z-index: 5;
}
.quick-content-series-top .border-boxer {
	margin: 2px;
	position: relative;
    overflow: hidden;
}
.quick-content-series p {
	height: 100px;
	border: 1px solid #171519;
	text-align: justify;
}
#content-series-comments {
	margin-top: 10px;
}
#content-series-comments form {
	margin: 10px auto;
}
#content-series-comments input, #content-series-comments textarea {
	padding: 5px;
	margin: 5px auto;
	width: 100%;
	font-family: 'Roboto';
	font-size: 13px;
	border: none;
	border-radius: 2px;
}
#old-comments {
	height: 320px;
	margin-top: 30px;
}
#content-series-comments li {
	padding: 5px 0;
	border-top: 1px solid #555;
	margin: 10px auto;
}
#content-series-comments p {
	text-align: justify;
}

/*Archive*/

input[type="checkbox"] {
	display: none;
}
label input[type="checkbox"] + span {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #171519;
	border: 1px solid #555;
	border-radius: 2px;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 5px;
}
label input[type="checkbox"]:checked + span {
	background-color: #00e676;
	border-color: #00e676;
	padding: 2px;
	transition: 0.3s;
}
.filters label i {
	vertical-align: middle;
	font-family: 'FontAwesome';
	font-size: 18px;
	float: right;
}
.filters label {
	cursor: pointer;
	display: block;
}

.filters .dark-bg {
	margin: 10px auto;
}
.filters .dark-bg > h2 {
	padding: 10px;
}
.filters h2#result-number {
	border-bottom: 1px solid #555;
	margin-bottom: 10px;
}
.filters ul {
	padding-right: 20px;
}
.filters li {
	padding: 5px;
	display: block;
}
.custom-accordion-header:hover {
	cursor: pointer;
}
.custom-accordion-header i {
	font-size: 18px;
	vertical-align: middle;
}
#dropdown-filters {
	margin: 10px;
}
#dropdown-filters select {
	font-family: 'Roboto';
	font-size: 13px;
}
#dropdown-filters option:hover {
	border: #00e676;
	color: #00e676;
}
#pagination {
	margin: 20px auto;
}
#pagination li {
	display: inline-block;
    padding: 5px;
}
#pagination li.active {
    color: #00e676;
}

/*Profile*/

#profile-navigation li {
}
#profile-navigation li:hover {
	color: #00e676;
}
#profile-navigation li a {
	padding: 20px 5px;
	display: block;
}
#profile-navigation a:before {
	content: '';
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
	margin-top: -15px;
	float: right;
}
#profile-user-info a:before {
	background-image: url('../img/Economy_White_150px.png');
}
#profile-inbox a:before {
	background-image: url('../img/Economy_White_150px.png');
}
#profile-bookmarked a:before {
	background-image: url('../img/Economy_White_150px.png');
}
#profile-contents-bought a:before {
	background-image: url('../img/Economy_White_150px.png');
}
#profile-content-series-bought a:before {
	background-image: url('../img/Economy_White_150px.png');
}
#profile-packages-bought a:before {
	background-image: url('../img/Economy_White_150px.png');
}
#profile-contents {
	margin-right: 20px;
}
#user-info {
	padding: 20px 15%;
}
#user-info .group {
	margin: 10px auto;
}
input[type='text'], input[type='dropdown'], input[type='password'] , textarea{
	font-family: 'Roboto';
	font-size: 13px;
	background-color: #0b0b0c;
	border: none;
	padding: 5px;
	color: #000
}
#user-info .group label {
	padding-bottom: 13px;
}
.group label:before {
	font-family: 'FontAwesome';
	font-size: 14px;
	padding: 0px 10px;
}
#username:before {
	content: '\f2c0';
}
#mobile-number:before {
	content: '\f10b';
}
#prev-pass:before {
	content: '\f09c';
}
#new-pass:before, #new-pass-repeat:before {
	content: '\f084';
}
#change-pass {
	border-top: 1px solid #0b0b0c;
	margin: 20px auto;
	padding-top: 10px;
}
.finalize-change {
	margin: 30px auto;
}
.finalize-change button {
	display: block;
	margin:10px auto;
}
.quick-contents {
	position: relative;
}
.quick-contents a {
	display: block;
}
.quick-contents .over-play {
	position: relative;
}
.quick-contents .fa {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #222;
	color: #eee;
	border: none;
	font-size: 16px;
	padding: 7px;
}
.quick-contents .fa:hover {
	cursor: pointer;
}
.quick-contents .transparent-black {
	opacity: 0;
}
.transparent-black .fa-play {
	top: 40%;
	right: 40%;
	background: none;
	color: #00e676;
	font-size: 26px;
}
.quick-contents:hover .transparent-black {
	opacity: 1;
	transition: 0.3s;
}
.quick-contents:hover h2 {
	color: #00e676;
	transition: 0.3s;
}
.quick-contents:hover .dark-bg {
	border-color: #00e676;
	transition: 0.3s;
}
.quick-contents img {
	width: 100%;
}
.quick-contents .dark-bg, #profile-contents .quick-content-series .dark-bg {
	border: 1px solid #555;
	border-top: none;
}
.packages-bought {
	padding: 20px 15%;
	border-bottom: 1px solid #0b0b0c;
}
.packages-bought:last-child {
	border: none;
}
.packages-bought img {
	width: 60px;
}
#packages-bought-details .border-boxer {
	margin: 5px auto;
}
.packages-bought button {
	margin:5px auto;
}

footer {
	margin: 50px auto 0;
}
footer > .green-bg {
	padding: 20px;
}
footer > .green-bg:hover {
	background-color: #00e676;
	color: #0d0d0d;
}
footer > .dark-bg {
	text-align: center;
}
#footer-button-link {
	padding: 50px 0;
}
#footer-button-link .button {
	padding: 5px;
	margin: 10px;
}
#footer-button-link a.fa {
	margin: 10px;
	display: block;
	font-size: 24px;
}
#footer-category-links {
	margin: 20px auto;
}
#footer-category-links li {
	padding: 5px 0;
}
#footer-category-links a {
	display: block;
}
.category-header {
	padding: 5px 0;
	border-bottom: 1px solid #555;
}
#content-series-list {
    max-width: 900px;
    margin: 20px auto;
}
#download-app {
	margin-top: 50px;
	margin-bottom: 25;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
#download-app .centerized {
	padding: 30px;
}
#download-app p {
	padding-bottom: 20px;
}
a.horizontal-banner {
	display: block;
}
.horizontal-banner img {
	width: 100%;
	border-radius: 10px;
}
.owl-carousel {
	direction: ltr;
}
.owl-carousel .quick-content-series, .owl-carousel .quick-contents {
	direction: ltr;
	margin: 0 5px;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	position: absolute;
	top: -35px;
	font-size: 25px;
	left: 10px
}
.owl-controls .owl-page, .owl-controls .owl-buttons .owl-next {
	left: 40px;
}

.slider-section {
	margin: 30px auto;
}

.section-title {
	margin: 10px;
}

.login-box {
	max-width: 700px;
	margin: 50px auto;
	padding: 20px;
}

.login-box input {
	font-size: 12px;
}

.login-box > h2 {
	margin-bottom: 50px;
}
.login-box > h2 a {
	margin-right: 5px;
}

.login-box .group {
	margin: 20px auto;
	display: flex;
    align-items: baseline;
}

.login-box .group label {
	margin-bottom: 10px;
	float: left;
	/* direction: rtl; */
}
.checkbox {
    display: inline-block;
    margin: 10px !important;
}
.login-box label:nth-child(4){
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	flex-direction: row-reverse;
	padding: 0px 15px;
}
#login-btn {
	margin: 40px auto;
}
#login-btn a {
	margin: 20px auto;
	display: block;
	max-width: 200px;
	cursor: pointer;
	padding-top: 5px;
}
.text-danger {
  color: #b94a48;
}
a.text-danger:hover {
  color: #843534;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
@media screen and (max-width: 400px) {
	
}

@media screen and (max-width: 699px) {
	#header i.fa-search {
		margin-right: -25px;
		margin-top: 18px;
		font-size: 18px;
		color: #808080;
	}
	#header > .border-boxer, .content-series-tags li {
		border: 1px solid #808080;
	}
	#header .profile-login {
		display: none;
	}
	.border-boxer {
		border: none;
	}
	#content-series-info {
		margin-bottom: 0;
	}
    .video-player {
        padding: 0;
    }
	.video-player #player {
		width: 100% !important;
		margin: 0 auto;
	}
	.quick-content-series p {
		height: 150px;
	}
	/*.quick-content-series:hover .content-series-gradient {
		border: 1px solid #00e676;
	}*/
	.quick-content-series:hover .border-boxer {
		border: none;
	}
	#profile-contents {
		margin-right: 0;
	}
	#social-share {
		position: relative;
		z-index: 2;
		right: 0;
		top: 0;
		float: left;
	}
	.jssocials-share {
		display: inline-block;
		margin: 0;
		padding: 10px;
		border: none;
	}
	.jssocials-share:last-child {
		border: none;
	}
	.jssocials-share-linkedin .jssocials-share-link, .jssocials-share-googleplus .jssocials-share-link, .jssocials-share-telegram .jssocials-share-link, .jssocials-share-facebook .jssocials-share-link, .jssocials-share-twitter .jssocials-share-link {
		color: #f1f1f1;
	}
    .sub-cat-list {
display: none;
}
}

@media screen and (max-width: 932px) and (min-width: 692px) {
	
}

@media screen and (max-width: 1025px) {
	#similar-content-series.border-boxer {
		border: none;
		padding: 0;
	}
	.quick-content-series p {
		height: 120px;
	}
}

@media screen and (max-width: 1200px) {
	
}

@media screen and (min-width: 1500px) {
	
}

label span{
	margin-right: 5px;
  }

#login-btn .button{
text-align: center;
    padding: 3px;
    font-size: 15px;
    border-radius: 5px;
    display: inline-block;
    font-family: 'Roboto';
    cursor: pointer;
    border: 1px solid;
}

@media(max-width: 1220px){
	.owl-buttons {
    position: absolute;
    left: 135px;
}
	
}

@media(max-width: 440px){
.login-box .group {
    margin: 20px auto;
    display: flex;
    align-items: baseline;
    flex-direction: column;
}
}