*{
	transition: all .5s;
	-webkit-transition: all .5s;
	position: relative;
}

@font-face {
	font-family: 'DroidNaskh-Regular';
	src: url('fonts/DroidNaskh-Regular.eot');
	src: url('fonts/DroidNaskh-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/DroidNaskh-Regular.woff') format('woff'),
	url('fonts/DroidNaskh-Regular.ttf') format('truetype'),
	url('fonts/DroidNaskh-Regular.svg#DroidNaskh-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidKufi';
	src: url('fonts/DroidKufi-Bold.eot');
	src: url('fonts/DroidKufi-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/DroidKufi-Bold.woff') format('woff'),
	url('fonts/DroidKufi-Bold.ttf') format('truetype'),
	url('fonts/DroidKufi-Bold.svg#DroidKufi-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BYekan';
	src: url('fonts/BYekan.eot');
	src: url('fonts/BYekan.eot?#iefix') format('embedded-opentype'),
	url('fonts/BYekan.woff') format('woff'),
	url('fonts/BYekan.ttf') format('truetype'),
	url('fonts/BYekan.svg#BYekan') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'BMitra';
    src: url('fonts/BMitra.eot');
    src: url('fonts/BMitra.eot?#iefix') format('embedded-opentype'),
         url('fonts/BMitra.woff') format('woff'),
         url('fonts/BMitra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BoldMitra';
    src: url('fonts/BMitraBold.eot');
    src: url('fonts/BMitraBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/BMitraBold.woff') format('woff'),
         url('fonts/BMitraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSans-Light-web';
    src: url('fonts/IRANSans-Light-web.eot');
    src: url('fonts/IRANSans-Light-web.eot?#iefix') format('embedded-opentype'),
         url('fonts/IRANSans-Light-web.woff') format('woff'),
         url('fonts/IRANSans-Light-web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html{
	height: 100%;
}

img{
	max-width: 100%;
	height: auto;
}

body{
	background: #F1F1F1;
	color: #444;
	overflow-x: hidden;
	font-family: BYekan;
	font-size: 13px;
}

hr{
	clear: both;
}

a:hover, a:focus{
	text-decoration: none;
	outline: 0;
}

p{
	text-align: justify;
}

i{
	vertical-align: middle;
}

section, footer, header, aside{
	display: block;
}

textarea{
	resize: vertical;
}

label{
	font-weight: normal;
	cursor: pointer;
}

.required{
	color: red;
	font-family: arial;
	top: 5px;
}

.bg{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background: rgba(0,0,0,.4);
	display: none;
	transition: all 0s;
	-webkit-transition: all 0s;
	cursor: pointer;
}

/* MAIN */

#main{
	width: 992px;
	margin: 0 auto;
	box-shadow: 0px 0px 5px 0px #9F9F9F;
	transition: all 0s;
	-webkit-transition: all 0s;
}

.page{
}

/* HEADER */

.header-res{
	background: radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -moz-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -o-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -ms-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -webkit-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	display: none;
	height: 35px;
}

.header-res div.profile-res,
.header-res div.menu-res{
	position: absolute;
	right: 10px;
	top: 7px;
	cursor: pointer;
}

.header-res div.profile-res{
	position: absolute;
	right: auto;
	left: 10px;
	top: 5px;
}

.header-res i{
	font-size: 22px;
	color: #FECB00;
}

#main > .header{
	background: radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -moz-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -o-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -ms-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -webkit-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	width: inherit;
	top: 0;
	z-index: 90;
	transition: all 0s;
	-webkit-transition: all 0s;
}

.header > .logo{
	padding: 25px 5px 25px 10px;
	float: right;
	border-left: 1px solid sandybrown;
	margin-left: 10px;
}

.logo img{
	width: 100px;
	height: 50px;
}

.top{
	float: right;
	width: 60%;
}

.search{
	left: 0;
	right: 0;
	margin: 10px auto;
	overflow: hidden;
}

.search input{
	width: 70%;
	margin: 0.5% 0.5% 0.5% 0px;
	float: right;
	border-radius: 0px 5px 5px 0px;
}

.search input:focus{
	z-index: 2;
}

.search select{
	width: 19%;
	margin: 0.5% 0px 0.5% 0;
	float: right;
	border-radius: 0;
}

.search button{
	margin-right: 4px;
	float: right;
	top: 3px;
	font-size: 18px;
}

.top-menu{
	list-style: none;
	padding: 0;
	clear: both;
	margin: 10px 0 0;
}

.top-menu li{
	background: none;
	display: inline-block;
	border-radius: 5px;
}

.top-menu li:after{
	content: "|";
	position: absolute;
	color: #FFF;
	top: 5px;
	left: -3px;
}

.top-menu li:last-child:after{
	content: "";
}

.top-menu li:hover{
	background: #fff;
}

.top-menu li:hover a{
	color: #131313;
}

.top-menu li a{
	color: #FFF;
}

.top-menu li a div{
	padding: 5px 20px;
}

.header > .user{
	float: left;
	margin: 15px 10px;
}

ul.btn-info{
	list-style: none;
	z-index: 99;
}

ul.btn-info span.notif{
	background: #ff4040;
	padding: 0px 6px;
	border-radius: 50px;
}

ul.btn-info a span.notif{
	background: #ff4040;
	padding: 1px 7px;
	border-radius: 50px;
	position: absolute;
	left: 2px;
	color: #FFF;
}

#profile-menu a span.notif{
	background: #ff4040;
	padding: 1px 6px;
	border-radius: 50px;
	position: absolute;
	left: 2px;
	color: #FFF;
}

.profile-res span.notif{
	background: #ff4040;
	padding: 1px 6px;
	border-radius: 50px;
	position: absolute;
	left: 14px;
	color: #FFF;
	font-size: 11px;
	top: -3px;
	z-index: 2;
}

ul.btn-info li{
	padding-top: 12px;
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 150px;
	text-align: right;
	color: #444;
	border-radius: 0 0 2px 2px;
}

ul.btn-info:hover li{
	display: block;
}

ul.btn-info li > .t{
	position: absolute;
	top: -7px;
	left: 15px;
	font-size: 30px;
	color: white;
	z-index: 2;
}

ul.btn-info li a div{
	color: #555;
	padding: 7px;
	background: #FFF;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

ul.btn-info li a:first-child div{
	border-top: 1px solid #DDD;
}

ul.btn-info li a:last-child div{
	border-bottom: 1px solid #DDD;
}

ul.btn-info li a:hover div{
	color: #555;
	padding-right: 10px;
	background: #eee;
}

ul.btn-info li a:hover{
	background: #f5f5f5;
	color: #222;
}

#profile-menu{
	position: fixed;
	z-index: 200;
	height: 100%;
	overflow-y: auto;
	background: #EEE;
	width: 250px;
	box-shadow: 0px 0px 10px 0px black;
	left: -260px;
}

#profile-menu div.avatar{
	margin: 15px 0px;
	text-align: center;
}

#profile-menu div.avatar img{
	border-radius: 100px;
	width: 100px;
	height: 100px;
	box-shadow: 0px 0px 5px 0px black;
}

#profile-menu a div{
	padding: 10px;
	border: 1px solid #DDD;
	margin-top: -1px;
	background: #eee;
}

#profile-menu a div:hover{
	background: #DDD;
}

/* RESPONSIVE-MENU */

#responsive-menu{
	position: fixed;
	z-index: 200;
	height: 100%;
	overflow-y: auto;
	background: #EEE;
	width: 250px;
	box-shadow: 0px 0px 10px 0px black;
	right: -260px;
}

#responsive-menu div.search input{
	margin-right: 2%;
	width: 56%;
}

#responsive-menu div.search{
	padding-bottom: 5px;
}

#responsive-menu div.search select{
	width: 40%;
}

#responsive-menu div.search button{
	width: 98%;
	border-radius: 5px !important;
}

#responsive-menu div.logo-res{
	margin: 15px 0px;
	text-align: center;
}

#responsive-menu div.logo-res img{
	border-radius: 100px;
	width: 100px;
	height: 100px;
	box-shadow: 0px 0px 5px 0px black;
}

#responsive-menu ul{
	padding: 0;
	list-style: none;
	margin-bottom: 50px;
	transition: all 0s;
	-webkit-transition: all 0s;
}

#responsive-menu ul li ul{
	margin-bottom: 0px;
	width: 90%;
}

#responsive-menu a div{
	border: 1px solid #DDD;
	margin-top: -1px;
}

#responsive-menu a div:hover{
	background: #DDD;
}

#responsive-menu ul li:last-child {
	border-bottom: 0;
}

#responsive-menu ul li{
	border-left: 0px solid #DDD;
}

#responsive-menu a div{
	padding: 10px;
}

#responsive-menu div.arrow{
	font-size: 12px;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 0;
	padding: 11px 0px;
	width: 40px;
	text-align: center;
	border-right: 1px solid #DDD;
	cursor: pointer;
}

#responsive-menu li ul{
	display: none;
}


/* MENU */

#menu{
	background: #FECB00;
	clear: both;
}

#menu a{
	color: #555;
}

#menu li ul li.has-children > a > div:after{
	font-family: FontAwesome;
	content: "";
	font-size: 12px;
	margin-right: 5px;
}

#menu ul{
	padding: 0;
	list-style: none;
	margin: 0;
	text-align: center;
}

#menu ul li{
	display: inline-block;
	border-right: 1px solid #E5B300;
	border-left: 1px solid #FFD332;
}

#menu ul li a div{
	padding: 10px 20px;
	font-size: 18px;
}

#menu ul li:first-child{
	border-right: 0;
}

#menu ul li:last-child{
	border-left: 0;
}

#menu ul li:hover{
	background: #FFB400;
}

#menu ul li ul{
	background: #eee;
	display: none;
	position: absolute;
	top: 100%;
	min-width: 250px;
	right: 0;
	border: 1px solid #C6C6C6;
	border-top: 0px;
	text-align: right;
	z-index: 2
}

#menu ul li ul li{
	display: block;
	border-right: 0 !important;
	border-left: 0 !important;
	border-bottom: 1px solid #ddd;
}

#menu ul li ul li:hover{
	border-right: 5px solid #FF8484 !important;
	background: #DDD;
}

#menu ul li ul li:first-child{
	border-left: 0;
}

#menu ul li ul li:last-child{
	border-bottom: 0;
}

#menu ul li ul li ul{
	position: absolute;
	right: 100%;
	top: 0;
	display: none !important;
}

#menu ul li:nth-last-child(1) ul li ul,
#menu ul li:nth-last-child(2) ul li ul{
	position: absolute;
	left: calc(100% + 5px);
	right: auto;
	top: 0;
	display: none !important;
}

@-webkit-keyframes showmenu {
	from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -10px, 0);
	    transform: translate3d(0, -10px, 0);
	}

	to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	}
}

@keyframes showmenu {
	from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -10px, 0);
	    transform: translate3d(0, -10px, 0);
	}

	to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	}
}

@-webkit-keyframes hidemenu {
	from {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	}

	to {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -10px, 0);
	    transform: translate3d(0, -10px, 0);
	}
}

@keyframes hidemenu {
	from {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	}

	to {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -10px, 0);
	    transform: translate3d(0, -10px, 0);
	}
}

.hidemenu {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: hidemenu;
	animation-name: hidemenu;
}

.showmenu {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: showmenu;
	animation-name: showmenu;
}

/* WARPER */

.warper{
	background: #FFF;
}

.warper div.sel-sm,
.warper div.sel-md,
.warper div.sel-lg{
	width: 32.3%;
	float: right;
	float: right;
	margin: 10px .5% 30px;
	box-shadow: 0px 0px 5px 0px #AAA;
	border-radius: 5px;
	overflow: hidden;
	vertical-align: top;
	border: 1px solid rgba(15, 32, 75, 0.38);
}

.warper div.sel-sm.imaged,
.warper div.sel-md.imaged,
.warper div.sel-lg.imaged{
	text-align: center;
	margin-bottom: 10px;
}

.warper div.sel-sm.imaged img,
.warper div.sel-md.imaged img,
.warper div.sel-lg.imaged img{
	max-width: 100%;
	height: auto;
}

.warper div.sel-lg{
	width: 99%;
	margin: 0px .5% 30px;
}

.warper div.sel-md{
	width: 65.5%;
}

.warper div.sel-lg > .header,
.warper div.sel-md > .header,
.warper div.sel-sm > .header{
	padding: 10px;
	box-shadow: 0px 0px 5px 0px #000;
	background: radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -moz-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -o-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -ms-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -webkit-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	color: #FECB00;
}

.warper div.sel-sm > .header a.more-list,
.warper div.sel-md > .header a.more-list,
.warper div.sel-lg > .header a.more-list{
	float: left;
	font-size: 19px;
	top: 0px;
	color: inherit;
}

.warper div.sel-lg > .header a.more-list:hover,
.warper div.sel-md > .header a.more-list:hover,
.warper div.sel-sm > .header a.more-list:hover{
	color: #FFF;
}

.warper div.sel-lg > .body,
.warper div.sel-md > .body,
.warper div.sel-sm > .body{
	padding: 20px 10px 10px;
}

.warper div.sel-sm > .body div.single-item{
	overflow: hidden;
	border-bottom: 1px solid #0F204B;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.warper div.sel-sm > .body div.single-item:last-child{
	border-bottom: 0;
}

.warper div.sel-sm > .body div.single-item img{
	float: right;
	width: 80px;
	height: 90px;
	border: 1px solid #000;
	border-radius: 5px;
	margin-left: 10px;
}

.warper div.sel-sm > .body div.single-item h6{
	text-align: justify;
}

/************************************/

.warper div.sel-lg > .body div.single-item{
	display: inline-block;
	width: 16.3%;
	overflow: hidden;
	vertical-align: top;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0 0.6%;
	text-align: center;
	border-right: 1px solid #EAEAEA;
}

.warper div.sel-lg > .body div.single-item:first-child{
	border-right: 0;
}

.warper div.sel-lg > .body div.single-item img{
	width: 90px;
	height: 90px;
	border: 1px solid #000;
	border-radius: 5px;
}

.warper div.sel-lg > .body div.single-item h6{
	
}

/* SLIDER */

.slider{
	padding: 1%;
	clear: both;
	transition: none;
	-webkit-transition: none;
	padding-top: 20px;
	border-radius: 5px;
}


.swiper-container{
	width: 100%;
	height: 350px;
	margin: 0px;
	transition: none;
	-webkit-transition: none;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

.swiper-container > .swiper-wrapper > .swiper-slide{
	background: #fff;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: none;
	-webkit-transition: none;
}

.swiper-container > .swiper-wrapper > .swiper-slide > .shade{
	background: rgba(255, 184, 77, 0.07) url("images/shade.png");
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	right: 0px;
	height: 100%;
	bottom: 0px;
	transition: none;
	-webkit-transition: none;
}

.swiper-container > .swiper-pagination > .swiper-pagination-bullet{
	opacity: 1;
	background: rgba(255,255,255, .5);
	margin: 3px !important;
	border-radius: 0px;
	width: 15px;
	height: 15px;
	border-radius: 10px;
}

.swiper-container > .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #ffd166;
	border-radius: 0px;
	box-shadow: 0px 0px 2px 0px black;
	border-radius: 10px;
	z-index: 2;
}

.swiper-container > .swiper-button-next,
.swiper-container > .swiper-button-prev{
	background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.5));
	background-size: auto;
	right: 0px;
	left: auto;
	height: 100%;
	top: 22px;
	text-align: center;
	width: 45px;
	opacity: 0;
}

.swiper-container > .swiper-button-next{
	background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.5));
	left: 0px;
	right: auto;
}

.swiper-container > .swiper-button-next i,
.swiper-container > .swiper-button-prev i{
	font-size: 57px;
	top: calc(50% - 30px);
	color: #FFD166;
}

.swiper-container:hover div.swiper-button-next,
.swiper-container:hover div.swiper-button-prev{
	opacity: 1;
}

/* BOOK & COMIC & EXAM & ARTICLE */

.article div.sel-md,
.exam div.sel-md,
.comic div.sel-md,
.book div.sel-md{
	width: 80.5%;
}

.article div.sel-sm,
.exam div.sel-sm,
.comic div.sel-sm,
.book div.sel-sm{
	width: 17%;
	text-align: center;
}

.article div.sel-sm > .body div.single-item,
.exam div.sel-sm > .body div.single-item,
.comic div.sel-sm > .body div.single-item,
.book div.sel-sm > .body div.single-item{
	border: 0px;
	display: inline-block;
}

.article div.sel-sm > .body div.single-item img,
.exam div.sel-sm > .body div.single-item img,
.comic div.sel-sm > .body div.single-item img,
.book div.sel-sm > .body div.single-item img{
	float: none;
}

.article div.sel-md div.single-item,
.exam div.sel-md div.single-item,
.comic div.sel-md div.single-item,
.book div.sel-md div.single-item{
	width: 23%;
	display: inline-block;
	vertical-align: text-top;
	margin: 10px .8% .8%;
	border: 1px solid #DDD;
}

.article div.sel-md div.single-item img,
.exam div.sel-md div.single-item img,
.comic div.sel-md div.single-item img,
.book div.sel-md div.single-item img{
	width: 100%;
	height: 250px;
}

.article div.sel-md div.single-item h6,
.exam div.sel-md div.single-item h6,
.comic div.sel-md div.single-item h6,
.book div.sel-md div.single-item h6{
	text-align: center;
	background: #DDD;
	margin: 0;
	padding: 10px 5px;
	color: #333;
}

.article div.sel-md div.single-item h6:hover,
.exam div.sel-md div.single-item h6:hover,
.comic div.sel-md div.single-item h6:hover,
.book div.sel-md div.single-item h6:hover{
	color: #777;
}

.article div.sel-md div.single-item b,
.exam div.sel-md div.single-item b,
.comic div.sel-md div.single-item b,
.book div.sel-md div.single-item b{
	color: wheat;
	font-style: italic;
}

.article div.sel-md div.single-item p:first-child,
.exam div.sel-md div.single-item p:first-child,
.comic div.sel-md div.single-item p:first-child,
.book div.sel-md div.single-item p:first-child{
	margin-top: 70px;
}

.article div.sel-md div.single-item p,
.exam div.sel-md div.single-item p,
.comic div.sel-md div.single-item p,
.book div.sel-md div.single-item p{
	text-align: center;
	color: #FECB00;
	text-decoration: underline;
}

.article div.sel-md div.single-item div.detail,
.exam div.sel-md div.single-item div.detail,
.comic div.sel-md div.single-item div.detail,
.book div.sel-md div.single-item div.detail{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.7);
	height: 100%;
	width: 100%;
	opacity: 0;
}

.article div.sel-md div.single-item:hover div.detail,
.exam div.sel-md div.single-item:hover div.detail,
.comic div.sel-md div.single-item:hover div.detail,
.book div.sel-md div.single-item:hover div.detail{
	opacity: 1;
}

.magazine div.sel-md label,
.news div.sel-md label,
.article div.sel-md label,
.exam div.sel-md label,
.comic div.sel-md label,
.book div.sel-md label{
	width: 32%;
	margin: 5px .5%;
	padding: 10px;
	background: #FECB00;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 1px #0F204B;
}

.magazine div.sel-md div.pageing label,
.news div.sel-md div.pageing label,
.article div.sel-md div.pageing label,
.exam div.sel-md div.pageing label,
.comic div.sel-md div.pageing label,
.book div.sel-md div.pageing label{
	text-align: right;
}

.magazine div.sel-md input,
.news div.sel-md input,
.article div.sel-md input,
.exam div.sel-md input,
.comic div.sel-md input,
.book div.sel-md input,
.magazine div.sel-md select,
.news div.sel-md select,
.article div.sel-md select,
.exam div.sel-md select,
.comic div.sel-md select,
.book div.sel-md select{
	display: inline-block;
	padding: 0px;
	height: auto;
}

.magazine div.sel-md input,
.news div.sel-md input,
.article div.sel-md input,
.exam div.sel-md input,
.comic div.sel-md input,
.book div.sel-md input{
	padding: 2px 5px;
	width: 77%;
}

.magazine div.sel-md button,
.news div.sel-md button,
.article div.sel-md button,
.exam div.sel-md button,
.comic div.sel-md button,
.book div.sel-md button{
	padding: 2px;
	width: 20%;
}

.magazine div.sel-md button:focus,
.news div.sel-md button:focus,
.article div.sel-md button:focus,
.exam div.sel-md button:focus,
.comic div.sel-md button:focus,
.book div.sel-md button:focus{
	color: inherit;
}

.bookmark{
	float: left;
	width: 35px;
}

.bookmark i.fa-bookmark{
	position: absolute;
	z-index: 2;
	left: 5px;
	top: -5px;
	font-size: 35px;
	color: #3860C6;
	cursor: pointer;
}

.bookmark i.fa-plus{
	cursor: pointer;
	position: absolute;
	z-index: 2;
	left: 10px;
	top: -1px;
	font-size: 18px;
	color: #FECB00;
	transition: all 0s;
	-webkit-transition: all 0s;
}

.bookmark i.fa-circle-o-notch{
	cursor: pointer;
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 0px;
	font-size: 15px;
	color: #FECB00;
	transition: all 0s;
	-webkit-transition: all 0s;
}

/* NEWS & MAGAZINE */

.news div.sel-md div.single-item,
.magazine div.sel-md div.single-item{
	width: 99%;
	display: inline-block;
	vertical-align: text-top;
	margin: 10px .5% .5%;
	border: 1px solid #DDD;
	padding: 5px;
	padding-bottom: 35px;
}

.news div.sel-md div.single-item img,
.magazine div.sel-md div.single-item img{
	float: right;
	width: 100px;
	padding: 3px;
	height: 130px;
	border: 1px solid #B0AEAE;
	border-radius: 5px;
	margin-left: 5px;
	z-index: 2;
}

.news div.sel-md div.single-item h5,
.magazine div.sel-md div.single-item h5{
	margin: 0;
}

.news div.sel-md div.single-item p,
.magazine div.sel-md div.single-item p{
	text-align: justify;
	margin: .5%;
	font-family: tahoma;
}

.news div.sel-md div.single-item a.read-more,
.magazine div.sel-md div.single-item a.read-more{
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 7px 20px;
	background: #FECB00;
	border-radius: 0px 6px 0px 0px;
	color: #0F204B;
}

.news div.sel-md div.single-item a.read-more:hover,
.magazine div.sel-md div.single-item a.read-more:hover{
	background: #0F204B;
	color: #FECB00;
}

.specials{
	padding: 20px 1%;
	clear: both;
	border: 1px solid #ffd055;
	border-top: 40px solid #ffd055;
	border-bottom: 10px solid #ffd055;
	border-radius: 25px 5px 25px 5px;
	transition: none;
	-webkit-transition: none;
}

.specials div.title-slider{
	position: absolute;
	top: -35px;
	right: 15px;
	font-size: 20px;
	color: #274EB1;
}

.specials img{
	transition: none;
	-webkit-transition: none;
	width: 200px;
	height: 220px;
	padding: 5px;
	border: 1px solid #C0C0C0;
	border-radius: 5px;
	float: right;
	margin-left: 10px;
	z-index: 2;
}

.specials h4,
.specials p{
	text-align: justify;
	padding: 0 10px;
}

.specials p{
	padding-bottom: 30px;
}


.swiper-specials{
	width: 100%;
	margin: 0px;
	transition: none;
	-webkit-transition: none;
	overflow: hidden;
}


.swiper-specials div.swiper-wrapper{
	height: auto;
}

.swiper-specials > .swiper-wrapper > .swiper-slide{
	background: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: none;
	-webkit-transition: none;
}

.swiper-specials div.swiper-pagination{
	width: 100%;
	left: 15px;
	text-align: left;
}

.swiper-specials > .swiper-pagination > .swiper-pagination-bullet{
	opacity: 1;
	background: #DDD;
	margin: 2px !important;
	border-radius: 0px;
	width: 14px;
	height: 14px;
	border-radius: 2px;
	border: 1px solid #868686;
}

.swiper-specials > .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #ffd50d;
	z-index: 2;
}

.swiper-specials > .swiper-button-next i,
.swiper-specials > .swiper-button-prev i{
	font-size: 57px;
	top: calc(50% - 30px);
	color: #FFD166;
}

/* SINGLE POST */

.single-book div.single-photo{
	width: 25%;
	height: auto;
	float: right;
	clear: both;
	margin-bottom: 10px;
}

.single-book div.single-photo img{
	width: 100%;
	border-radius: 5px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.62);
}

.single-book div.single-info{
	width: 74%;
	display: inline-block;
	margin-right: 1%;
	clear: both;
	margin-bottom: 10px;
}

.single-book div.single-info a{
	color: #444;
}

.single-book div.single-info a:hover{
	color: #999;
}

.single-book div.single-info table{
	width: 100%;
	font-size: 13px;
}

.single-book div.single-info table td{
	padding: 5px;
}

.single-book div.single-info table tr:first-child td{
	padding: 0;
	padding-right: 5px;
}

.single-book div.single-info h4 span{
	font-size: 13px;
}

.single-book div.single div.sel-sm{
	box-shadow: none;
	border: 0;
	text-align: center;
	overflow: visible;
	margin-bottom: 5px;
	margin-top: 5px;
}

.single-book div.sel-sm a,
.single-book div.sel-sm button{
	width: 100%;
	padding: 8px !important;
}

.dropdown-menu{
	max-height: 300px;
	overflow-y: auto;
}

.single-book div.sel-sm div.btn-group{
	width: 100%;
}

.single-book div.sel-sm div.btn-group > button:first-child,
.single-book div.sel-sm div.btn-group > a:first-child{
	width: 67%;
}

.single-book div.sel-sm div.btn-group button.dropdown-toggle{
	width: 33%;
	padding: 4px 10px 10px;
	position: absolute;
	left: 1px;
	height: 100%;
}

.single-book div.sel-sm ul.dropdown-menu > li > a{
	padding: 3px 20px !important;
}

.single-book div.single div.sel-sm ul{
	text-align: right;
}

.single-book div.single div.sel-sm a{
	padding: 3px 10px;
}

.single-book div.sel-md,
.single-book div.sel-lg{
	margin-bottom: 10px;
}

.single-book div.sel-sm div.header,
.single-book div.sel-md div.header,
.single-book div.sel-lg div.header{
	box-shadow: none;
	border-radius: 3px 3px 0 0;
}

.single-book div.sel-sm,
.single-book div.sel-lg{
	overflow: visible;
	transition: none;
	-webkit-transition: none;
}

.single-book div.sel-lg:last-child{
	margin-bottom: 20px;
}

.single-book div.row{
	margin: 0px -8px;
}

.single-book div.sel-sm button,
.single-book div.sel-sm a{
	width: 100%;
}

.single-book div.single div.sel-sm button:focus,
.single-book div.single div.sel-sm a:focus{
	color: #FFF;
}

.single-book div.col-md-2{
	transition: none;
	-webkit-transition: none;
}

.single-book div.single-item{
	vertical-align: text-top;
	background-color: #DDD;
	width: 100% !important;
}

.single-book div.single-item img{
	width: 100% !important;
	border: 0px !important;
	border-radius: 0px !important;
	transition: none;
	-webkit-transition: none;
}

.tabs{
	list-style: none;
	margin: 0;
	padding: 0;
}

.tabs li{
	transition: none;
	-webkit-transition: none;
}

.single-book div.single-item h6{
	text-align: center;
	font-size: 10px;
}

.single-book div.single-item a{
	color: #444;
}

.single-book div.single-item:hover a{
	color: #888;
}

div.single-book div.cm-rl{
	border: 1px solid #DDD;
	border-top: 0;
}

div.single-book ul.header-cm{
	list-style: none;
	padding: 5px;
	background: #DDD;
}

div.single-book ul.header-cm li{
	background: #DDD;
	display: inline-block;
	padding: 10px 25px;
	border-radius: 5px 5px 0 0;
	margin-bottom: -5px;
	margin-left: 5px;
	border: 1px solid #B7B7B7;
	border-bottom: 0;
	cursor: pointer;
}

div.single-book ul.header-cm li.active{
	border-top: 3px solid #ff4f4f;
	background: #FFF;
	cursor: default;
}

.single-book table tr:first-child h4{
	margin-top: 0;
}

fieldset{
	margin-top: 1em;
	border-radius: 0px 0px 4px 4px;
	border: 1px solid #AAA;
	padding: 10px;
	background: #F8F8F8;
	box-shadow: 1px 1px 2px #FFF inset;
}

fieldset legend {
	width: auto;
	font-size: 13px;
	margin-bottom: 0;
	padding: 3px 5px;
	border-radius: 3px;
	border: 1px solid #AAA;
	background-color: #FFF;
	box-shadow: 3px 3px 15px #BBB;
	max-width: 100%;
}

.relates{
	padding: 5px;
	list-style: none;
}

.relates li div{
	padding: 7px 20px 7px 3px;
	color: #444;
	text-align: justify;
	font-size: 12px;
}

.relates li div:hover{
	opacity: .5
}

.relates li div:before{
	content: "";
	font-family: FontAwesome;
	position: absolute;
	right: 5px;
	top: 5px;
}

.relates li h6{
	margin: 0;
}

.relates li:nth-child(2n-1){
	background-color: #DDD;
}

.relates li:nth-child(2n){
	background-color: #EEE;
}

div.single div.time{
	margin-top: -5px;
	font-family: tahoma;
	font-size: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDD;
}

div.single-book li.comment ul{
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
	list-style: none;
	background: #f3f3f3;
	padding: 5px;
	border: 1px solid #bdbdbd;
	margin-bottom: 10px;
}

div.single-book li.comment ul li{
	overflow: hidden;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #D8D8D8;
	padding: 7px 5px;
}

div.single-book li.comment ul li:last-child{
	border-bottom: 0;
}

div.single-book li.comment ul li:first-child{
	border-top: 0;
}

div.single-book li.comment ul li div.comment-avatar{
	float: right;
}

div.single-book li.comment ul li div.comment-avatar img{
	width: 30px;
}

div.single-book li.comment ul li div.comment-text{
	overflow: hidden;
	padding-right: 10px;
}

div.single-book li.comment div.new-comment-content{
	overflow: hidden;
	padding-right: 10px;
}

textarea.form-control{
	resize: none;
	width: calc(100%);
	overflow: hidden;
	height: 31px;
}

div.single-book li.comment span.text-muted{
	font-size: 10px;
}

div.single-book li.comment ul li div.comment-user{
	font-family: tahoma;
	font-weight: bold;
	color: #5a88e6;
}

div.single-book li.comment ul li ul{
	border: 0px;
	margin-top: 10px;
	border-right: 2px solid #DDD;
	display: none;
}

div.single-book li.comment div.voting{
	float: left;
}

div.single-book li.comment div.comment-actions{
	overflow: hidden;
	padding: 2px;
	clear: both;
}

.btn.btn-default:focus{
	color: #222;
}

div.single-book li.comment div.voting i{
	font-size: 12px;
	top: 2px;
}

div.single-book li.comment div.voting button{
	padding: 0px 15px;
}

div.single-book li.comment span.reply-comment{
	cursor: pointer;
}

div.single-book li.comment span.reply-comment:hover{
	text-decoration: underline;
}

div.single-book li.comment ul li div.toggle-reply{
	background: #E4E4E4;
	border-top: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
	padding: 7px 10px;
	margin-top: 10px;
	cursor: pointer;
}

div.single-book li.comment ul li div.toggle-reply:hover{
	text-decoration: underline;
}

div.single-book li.comment ul li div.toggle-reply:hover{
	background: #e7e7e7;
}

div.single div.content{
	margin-top: 25px;
	font-family: tahoma;
}

ul.tags{
	padding: 0px;
	margin: 10px 0;
	list-style: none;
}

ul.tags li{
	display: inline-block;
	background: #EEE;
	margin: 3px;
}

ul.tags li div{
	padding: 2px 20px;
	border-right: 4px solid #999;
	border-radius: 2px;
	font-size: 12px;
	color: #444;
}

ul.tags li div:hover{
	opacity: .5
}

ul.spl{
	margin-top: -5px;
	padding: 0px;
	list-style: none;
}

ul.spl li{
	
}

.single-book div.sel-sm ul.spl > li > a{
	padding: 0 !important;
}

ul.spl li div{
	padding: 5px;
	padding-right: 20px;
	color: #444;
	font-size: 12px;
	text-align: justify;
}

ul.spl li div:hover{
	opacity: .5;
}

ul.spl li div:before{
	content: "";
	font-family: FontAwesome;
	position: absolute;
	right: 5px;
	top: 4px;
}

ul.spl li:nth-child(2n-1){
	background: #EEE;
}

ul.spl li:nth-child(2n){
	background: #DDD;
}

/* READER */

.reader-main{
	background: #595959;
	overflow: hidden;
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 100;
	box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.5) inset;
	transition: all 0s;
	-webkit-transition: all 0s;
	display: none;
}

.reader-main div.overal{
	position: absolute;
	height: calc(100%);
	width: 100%;
	left: 0;
	top: 0px;
	z-index: 1000;
}

.reader-main div.menus{
	background-color: #FFF;
	width: 100%;
	height: 32px;
	z-index: 100;
	box-shadow: 0px 0px 5px 0px black;
}

.reader-main div.menus div.close{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 32px;
	text-align: center;
	font-size: 25px;
	color: #ff0909;
	padding-top: 1px;
	box-shadow: 0px 0px 5px 0px #000 inset;
	z-index: 2;
}

.reader-main div.menus div.page-num{
	position: absolute;
	left: 60%;
	top: 0px;
	height: 100%;
	color: #FF6060;
	text-align: center;
	padding-top: 4px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.24);
}

.reader-main div.menus div.page-num input{
	width: 40px;
	background: none;
	border: 1px solid #ddd;
	text-align: center;
}

.reader-main div.menus div.zooming{
	position: absolute;
	left: 20%;
	width: 100px;
	height: 100%;
	padding: 6px;
}

.reader-main div.menus div.zooming input{
	width: 60%;
	direction: ltr;
	cursor: pointer;
}

.reader-main div.menus div#format{
	position: absolute;
	left: 0;
	width: 30px;
	height: 100%;
	box-shadow: 0px 0px 5px 0px #000 inset;
	opacity: 0.5;
	cursor: pointer;
}

.reader-main div.menus div#format:hover{
	opacity: 1;
}

.reader-main div.menus div#format.go-one:before{
	content: "";
	font-family: FontAwesome;
	font-size: 20px;
	color: #FF7878;
	position: absolute;
	left: 7px;
}

.reader-main div.menus div#format.go-two:before{
	content: "";
	font-family: FontAwesome;
	font-size: 20px;
	color: #FF7878;
	position: absolute;
	left: 3px;
}

.reader-main div.menus div#format.go-two:after{
	content: "";
	font-family: FontAwesome;
	font-size: 20px;
	color: #FF7878;
	position: absolute;
	left: 10px;
	top: 4px;
}

.reader-main div.zoomed{
	cursor: grab;
}

.reader-main div.grabed{
	cursor: grabbing;
}

.reader-main div.two-page{
	text-align: center;
	height: calc(100% - 102px);
	transition: all 0s;
	-webkit-transition: all 0s;
	overflow: visible !important;
	margin: 0 auto;
}

.reader-main div.two-page div.seprator{
	position: absolute;
	width: 100%;
	height: calc(100% - 20px);
	top: 10px;
	z-index: 2;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: all .2s;
	-webkit-transition: all .2s;
}

.reader-main div.two-page div.seprator div.center{
	border-left: 1px solid #999;
	height: calc(100%);
	box-shadow: 0px 0px 24px 2px #222;
	width: 1px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: none;
	z-index: 90;
}

.reader-main div.two-page div.seprator div.loaders{
	height: calc(100%);
	width: 1px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.reader-main div.loader1,
.reader-main div.loader2{
	background: #f6f6f6 url('css/images/ajax-loader@2x.gif') center no-repeat;
	position: absolute;
	top: 0;
	transition: all 0s;
	-webkit-transition: all 0s;
	margin: 0 auto;
}

#container{
	transition: all 0s;
	-webkit-transition: all 0s;
}

.reader-main div.loader1{
	right: 2px;
}

.reader-main div.loader2{
	left: 0;
}

.reader-main div.two-page div.seprator div.right,
.reader-main div.two-page div.seprator div.left{
	width: 50%;
	height: calc(100%);
	position: absolute;
	right: 0;
	top: 0;
}

.reader-main div.two-page div.seprator div.left{
	right: unset;
	left: 0;
	top: -10px;
}

.reader-main div.two-page object{
	
}

.reader-main div.two-page embed{
	margin-top: 10px;
	margin-bottom: 10px;
}

.reader-main div.next,
.reader-main div.prev{
	position: absolute;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	padding: 15px;
	z-index: 19;
	opacity: .2;
	top: 30%;
}

.reader-main div.next:hover,
.reader-main div.prev:hover{
	opacity: 6;
}

.reader-main div.next i,
.reader-main div.prev i{
	font-size: 55px;
}

.reader-main div.prev{
	background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.5));
	right: 0;
}

.reader-main div.next{
	background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.5));
	left: 0;
}

.reader-main span.zoom-in,
.reader-main span.zoom-out{
	font-size: 14px;
	top: -5px;
	color: #FF7878;
	cursor: pointer;
}

.reader-main div.thmbs{
	width: 100%;
	text-align: center;
	padding: 12px;
	background: #FFF9F9;
	box-shadow: 0px 0px 10px 0px #000 inset;
	z-index: 20;
	transition: all 0s;
	-webkit-transition: all 0s;
}

.reader-main div.thmbs div.item{
	cursor: pointer;
	display:inline-block;
	margin: 1px;
	box-shadow: 0px 0px 2px 1px #7b4d00;
}

.reader-main div.thmbs div.item img{
	width: 30px;
	height: 45px;
}

.reader-main div.thmbs div.item.ready{
	box-shadow: 0px 0px 5px 2px #b50000;
	z-index: 2;
	text-align: center;
	cursor: default;
}

.reader-main div.thmbs div.item.hover{
	transform: scale(1.3);
	z-index: 4;
}

.reader-main div.thmbs div.item.nearhover{
	transform: scale(1.1);
	z-index: 3;
}

/* PROFILE */

.profile div.sel-lg{
	margin-top: 20px;
}

.profile div.sel-md,
.profile div.sel-sm{
	margin: 10px .5%;
	vertical-align: middle;
}

.profile input,
.profile select{
	height: auto;
	width: 50%;
}

.profile button.btn-default:focus,
.profile a.btn-default:focus{
	color: #444;
}

.captcha{
	border: 1px solid #DDD;
	border-radius: 5px;
	cursor: pointer;
}

.profile table{
	font-size: 13px;
}

.profile p.description{
	font-size: 11px;
	font-family: tahoma;
	color: #FF5B5B;
	margin: 0
}

.profile input.left{
	text-align: left;
	direction: ltr;
}

.profile label{
	margin-top: 5px;
}

.profile div.ticketed div.header{
	padding: 5px;
	background: #DDD;
	border: 1px solid #DDD; 
	border-bottom: 0
}

.profile div.ticketed div.footer{
	text-align: left;
	padding: 5px;
	background: #EEE;
	margin-bottom: 10px;
	border: 1px solid #DDD; 
	border-top: 0; 
}

.profile i{
	transition: all 0s;
	-webkit-transition: all 0s;
}

.profile div.ticketed div.ticket-content{
	padding: 10px 5px;
	border-left: 1px solid #DDD; 
	border-right: 1px solid #DDD;
}

.profile div.library{
	overflow: hidden;
}

.profile div.library div.sel-sm{
	box-shadow: 0px 0px 10px 0px #636363 inset;
	border-radius: 0px !important;
	width: 16.6%;
	margin: 0px;
	margin-left: -1px;
	margin-bottom: -1px;
	text-align: center;
	border: 1px solid #636363;
	padding: 00px 0px 10px;
	transition: all 0s;
	-webkit-transition: all 0s;
}

.profile div.library div.sel-sm div.remove-bookmark{
	cursor: pointer;
	margin: 0px auto 10px;
	background: #B3B3B3;
	padding: 2px;
}

.profile div.library div.sel-sm img{
	width: 70%;
	height: 160px;
}

/* BOTTOM */

.bottom{
	padding: 30px 20px 20px;
	border-top: 3px solid #FECB00;
	margin: 0;
	list-style: none;
	overflow: hidden;
	background: #eee;
	clear: both;
}

.bottom > li{
	float: right;
	width: 25%;
	padding: 20px;
}

.bottom > li ul{
	list-style: none;
	padding: 0;
}

/* FOOTER */

.copyright{
	padding: 20px;
	background: radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -moz-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -o-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -ms-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	background: -webkit-radial-gradient(ellipse at center center , #8C9677 40%, #41523F 100%);
	color: #FECB00;
	text-align: justify;
}

.copyright a{
	color: #000;
}

.copyright a:hover, .copyright a:focus{
	color: #555;
	text-decoration: none;
	outline: 0;
}

.form-control{
	font-size: 13px;
}

.btn{
	padding: 3px 12px;
	font-size: 13px;
}
.btn:focus{
	color: #FFF;
	outline: none;
	outline-offset: none;
}

.no-select{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.loader{
	background: rgba(255, 255, 255, 0.6) url('images/loading.gif') center no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 89;
	display: none;
	transition: all 0s;
	-webkit-transition: all 0s;
}

.splitter{
	margin: 10px 5px;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #DEDEDE;
	clear: both;
}

.no-bs{
	box-shadow: none !important;
	border: 0px !important;
	border-radius: 0px !important;
}

.showable{
	display: none;
}

/* RESPONSIVATION */

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



}

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

#main{
	width: 750px;
}

.article div.sel-md div.single-item img,
.exam div.sel-md div.single-item img,
.comic div.sel-md div.single-item img,
.book div.sel-md div.single-item img{
	height: 180px
}

.article div.sel-md div.single-item p:first-child,
.exam div.sel-md div.single-item p:first-child,
.comic div.sel-md div.single-item p:first-child,
.book div.sel-md div.single-item p:first-child{
	margin-top: 50px;
}

.magazine div.sel-md label,
.news div.sel-md label,
.article div.sel-md label,
.exam div.sel-md label,
.comic div.sel-md label,
.book div.sel-md label{
	width: 31.99%;
}

.single-book div.single-item{
	width: 31.9%;
}

.profile div.library div.sel-sm img{
	height: 130px;
}

}

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

.showable{
	display: block;
}

.removable{
	display: none;
}

}

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

#main{
	width: 100%;
}

.logo,.top,.user,#menu{
	display: none;
}

.header-res{
	display: block;
}

.warper div.sel-sm,
.warper div.sel-md,
.warper div.sel-lg{
	width: 99%;
}

.warper div.sel-lg > .body div.single-item{
	width: 32.9%;
}

.bottom > li{
	width: 50%;
}

.swiper-container{
	height: 250px;
}

.single-book div.single-item{
	width: 23.6%;
}

.profile div.library div.sel-sm{
	width: 25%;
}

.profile div.library div.sel-sm img{
	height: 170px;
}

}

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

.magazine div.sel-md label,
.news div.sel-md label,
.article div.sel-md label,
.exam div.sel-md label,
.comic div.sel-md label,
.book div.sel-md label{
	width: 48.5%;
}

.article div.sel-md div.single-item,
.exam div.sel-md div.single-item,
.comic div.sel-md div.single-item,
.book div.sel-md div.single-item{
	width: 31.3%;
}

.article div.sel-md div.single-item img,
.exam div.sel-md div.single-item img,
.comic div.sel-md div.single-item img,
.book div.sel-md div.single-item img{
	height: 210px
}

.article div.sel-md div.single-item p:first-child,
.exam div.sel-md div.single-item p:first-child,
.comic div.sel-md div.single-item p:first-child,
.book div.sel-md div.single-item p:first-child{
	margin-top: 60px;
}

.single-book div.single-photo{
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}

.single-book div.single-photo img{
	width: 50%;
}

.single-book div.single-info{
	width: 100%;
}

.single-book div.single-info tr:first-child td{
	text-align: center;
}

.single-book div.single-item{
	width: 31.9%;
}

.profile div.library div.sel-sm{
	width: 33.3%;
}

.profile div.library div.sel-sm img{
	height: 220px;
}

.profile input, .profile select{
	width: 100%;
}

.profile div.sel-sm{
	margin-bottom: -8px;
}

.profile div.sel-sm:last-child{
	margin-bottom: 10px;
}

}

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

.specials img{
	width: 100%;
	height: 260px;
	margin-bottom: 10px;
}

.warper div.sel-lg > .body div.single-item{
	width: 48.9%;
}

.warper div.sel-lg > .body div.single-item:nth-child(2n-1){
	border-right: 0px;
}

.bottom{
	text-align: center;
}

.bottom > li{
	width: 100%;
}

.swiper-container{
	height: 200px;
}

.magazine div.sel-md label,
.news div.sel-md label,
.article div.sel-md label,
.exam div.sel-md label,
.comic div.sel-md label,
.book div.sel-md label{
	width: 99.5%;
}

.article div.sel-md div.single-item,
.exam div.sel-md div.single-item,
.comic div.sel-md div.single-item,
.book div.sel-md div.single-item{
	width: 47.5%;
}

.article div.sel-md div.single-item img,
.exam div.sel-md div.single-item img,
.comic div.sel-md div.single-item img,
.book div.sel-md div.single-item img{
	height: 250px
}

.article div.sel-md div.single-item p:first-child,
.exam div.sel-md div.single-item p:first-child,
.comic div.sel-md div.single-item p:first-child,
.book div.sel-md div.single-item p:first-child{
	margin-top: 70px;
}

.single-book div.single-item{
	width: 48%;
}

.profile div.library div.sel-sm{
	width: 50%;
}

.profile div.library div.sel-sm img{
	height: 220px;
}

}

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

.warper div.sel-lg > .body div.single-item{
	width: 98.9%;
}

.warper div.sel-lg > .body div.single-item{
	border: 0px;
}

.bottom{
	text-align: center;
}

.bottom > li{
	width: 100%;
}

.swiper-container{
	height: 150px;
}

.magazine div.sel-md label,
.news div.sel-md label,
.article div.sel-md label,
.exam div.sel-md label,
.comic div.sel-md label,
.book div.sel-md label{
	width: 99.5%;
}

.article div.sel-md div.single-item,
.exam div.sel-md div.single-item,
.comic div.sel-md div.single-item,
.book div.sel-md div.single-item{
	width: 99%;
}

.article div.sel-md div.single-item img,
.exam div.sel-md div.single-item img,
.comic div.sel-md div.single-item img,
.book div.sel-md div.single-item img{
	height: 250px
}

.article div.sel-md div.single-item p:first-child,
.exam div.sel-md div.single-item p:first-child,
.comic div.sel-md div.single-item p:first-child,
.book div.sel-md div.single-item p:first-child{
	margin-top: 70px;
}

.single-book div.single-item{
	width: 98%;
}

.profile div.library div.sel-sm{
	width: 100%;
}

.profile div.library div.sel-sm img{
	height: auto;
}

}
.progress-my-page{
	cursor: progress !important;
}
#iframe1,
#iframe2{
	height: 0px;
	width: 0px;
	border: 0px none;
	display: none;
}