.clr {
	clear: both;
}
ul {
	padding: 0;
	margin: 0;
}
#quickview img {max-width: 100%;}
#quickview {text-align: center;}
a {
	text-decoration: none!important;
	color:#000;
}
a:hover {
	color:#333;	
}
p {
	//color: #666;
	color:#2f2f2f;
	font-size: 15px;
	line-height: 24px;
}	
.ajaxform {
    padding: 30px 10px;
}
body {
	background: #fff;
	color: #2f2f2f;
	font-family: "CenturyGothic" !important;
	font-size: 15px;
	line-height: 20px;
	letter-spacing:1px;
}

h1 {
	color:#222;
	font-size:30px;
	font-family: "CenturyGothic-Bold";	
}	
h2 {
	color:#333 ;
	font-size:26px;
	margin-bottom:15px;
	font-family: "CenturyGothic-Bold";
}
h3 {
	font-family: "CenturyGothic-Bold";
	font-size:20px;
	color:#333;	
}	

h4 {
	font-size:18px;
	color:#333;
}

h5{
	font-size:15px;
	color:#333;
	line-height:24px;
}
@font-face {
	font-family: "CenturyGothic";
	src: url("../fonts/CenturyGothic.eot"); /* IE9 Compat Modes */
	src: url("../fonts/CenturyGothic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../fonts/CenturyGothic.otf") format("opentype"), /* Open Type Font */
	url("../fonts/CenturyGothic.svg") format("svg"), /* Legacy iOS */
	url("../fonts/CenturyGothic.ttf") format("truetype"), /* Safari, Android, iOS */
	url("../fonts/CenturyGothic.woff") format("woff"), /* Modern Browsers */
	url("../fonts/CenturyGothic.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "CenturyGothic-Bold";
	src: url("../fonts/GOTHICB.eot"); /* IE9 Compat Modes */
	src: url("../fonts/GOTHICB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../fonts/GOTHICB.otf") format("opentype"), /* Open Type Font */
	url("../fonts/GOTHICB.svg") format("svg"), /* Legacy iOS */
	url("../fonts/GOTHICB.ttf") format("truetype"), /* Safari, Android, iOS */
	url("../fonts/GOTHICB.woff") format("woff"), /* Modern Browsers */
	url("../fonts/GOTHICB.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}
button:focus {
outline:none;	
	}
.item {
    text-align: center;
	margin:5px;
}	
.navbar {
	padding: .9rem 0;	
}	
.container-fluid {
	max-width:1400px;	
}
.static_page_custom {
    display: none;
}
header {
	line-height: 1;
	background-color:#fff;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	position:relative;
}
header.active {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	box-shadow: 0 0 15px #ddd;	
}
.right-menu {
	display:block;	
}.f-pare .text-white {
    color: #fff!important;
    background-color: #1222404f;
    padding: 7px 5px;

}.teac_area .text-white {
    background: #60cfd86b;
    padding: 7px 5px;
}.donation_head{padding-top: 20px;}
.right-menu ul {
	list-style:none;
	padding:0;
	margin:0;	
}



.right-menu ul li {
	display:inline-block;
	margin:0 10px;
	position:relative;	
	float:left;
}	
.right-menu ul li a i {
	font-size:22px;	
	color:#122240;
}		
.navbar-nav li {margin: 0 20px;border-bottom: solid 3px transparent;}
.navbar-nav .nav-link {
	font-size: 14px;
	color: #9b9b9b;
	text-transform: uppercase;
	border-radius: 7px;
	padding: 10px 0 !important;
	margin: 0 0px;
	font-family: "CenturyGothic-Bold"; 
}

.flagdropdown a {
	font-size:16px;
	font-weight:bold;
	color:#9b9b9b;	
}
.dropdown-menu-right {
	border-radius:0;	
}
.dropdown-menu-right a {
	font-size:14px;
	font-weight:normal;	
	padding: .25rem 0.5rem;
}
footer {
	background:#222222;	
}	.social {
    background: #fff;
    width: 22px !important;
height: 22px !important;}
.footerbox h4 {
	font-size:16px;
	color:#fff;	
}
.subscribe  {
	background:#2a3953 !important;
	height: 54px !important;
	border-radius:10px;
	border:none;
	padding-left:20px;
	color:#fff;
}
.subscribe:focus{
	background:#2a3953;
	color:#fff;	
}	
.subs {
	background:#fff;
	border:none;
	border-radius:10px;
	color:#122240;
	padding:15px 20px;
}
.footermenu {
	list-style:none;	
}			
.footermenu li {
	display:inline-block;
	width:32%;	
}	
.footermenu li a {
	color:#a8a8a8;
	padding: 0 5px 9px;
	display: block;font-size: 14px !important;	
}
.footermenu li a:hover {
	color:#fff;	
}.link-a p {
    font-size: 14px !important;
}

.footermenu2 {
	list-style:none;
	float:right;
		
}			
.footermenu2 li {
	display:block;
}	
.footermenu2 li a {
	color:#a8a8a8;
	padding: 7px 5px;
	display: block;	
}
.footermenu2 li a:hover {
	color:#fff;	
}	
.copyright {
	border-top:solid 1px #777;	
}

.policy_detail {
	    margin-bottom: 50px !important;
	
	
}

.social {
	background:#fff;
	width:25px;
	height:25px;
	border-radius:50%;
	text-align:center;
	line-height:25px;
	color:#122240;
	display:inline-block;
	margin-right:10px;
}.custum-btn3 {
    color: #fff;
    background-color: #535f74 !important;
    border-color: #535f74 !important;
}.custum-btn2 {
    color: #fff;
    background-color: #6ceff6 !important;
    border-color: #6ceff6 !important;
    font-size: 13px;
}.custum-btn {
    color: #fff;
    background-color: #535f74 !important;
    border-color: #535f74 !important;
}
.pagebanner {
	height:550px;
	display: flex;
	max-width: 1400px;
	align-items: center;
	justify-content: flex-end;
	padding:150px 15px 0;
	//margin-top:-550px;
	margin: 0 auto;
	/*background: rgba(0, 0, 0, 0.2);*/
}

.pagebanner .ml-auto {background: url(../images/dottline.png) 100% 50% no-repeat;
padding-bottom: 10px;
padding-right: 30px;min-height: 149px;
}
.pagebanner.active {
	//margin-top:0;
	}
.heading h1 {
	font-size:30px;
	color:#122240;	
}	
.heading h2 {
	font-size:30px;
	color:#2f2f2f;

	position:relative;
	display:inline-block;	
}


#mscroll {
padding-top:170px;
margin-top: -170px;	
	}
/*rahul style*/
.header_cart{
	background-color: white; 
	width: 350px;
	border-radius: 3px;
	z-index: 2;
	box-shadow: 0 0 10px #e3e3e3;
	border: 1px solid #ece7e7;
}
.text-primary{color: #122240;}
.bg-gray{background-color: lightgray;}
.heading h2:before {
	content: "";
	position: absolute;
	top: 22px;
	left: -102px;
	width:90px;
	height: 2px;
	background-image: linear-gradient(90deg, rgba(202,204,209,0.12366953617384457) 0%, rgba(20,38,67,1) 100%);
}
.heading h2:after {
	content: "";
	position: absolute;
	top: 22px;
	width:90px;
	right: -102px;
	height: 2px;
	background-image: linear-gradient(270deg, rgba(202,204,209,0.12366953617384457) 0%, rgba(20,38,67,1) 100%);
}
.sh-t:before, .sh-t:after  {}
.grade-btn {
	background: linear-gradient(86deg, rgba(1,33,68,1) 0%, rgba(91,186,191,1) 100%);
	color:#fff;
	font-size:22px;
	font-family: "CenturyGothic-Bold";
	padding: 8px 11px 8px 25px;
	border-radius:50px;
	border:solid 4px #fff;
	
}
.grade-btn i {
	margin-left:25px;
	background:rgba(255,255,255,0.5);
	height:40px;
	width:40px;
	line-height:40px;
	text-align:center;
	border-radius:100px;
	font-size:30px;	
	vertical-align: middle;
}
.grade-btn:hover {
	color:#fff;
	background: linear-gradient(262deg, rgba(1,33,68,1) 0%, rgba(91,186,191,1) 100%);	
}
.materialbox {
	border-radius:5px;
	height:300px;
	overflow:hidden;margin-bottom:30px;	
}
.materialbox img {
	/*-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;*/
 
	height: 100%;

}
.materialbox:hover img {
		/*-webkit-transform: scale(1.2);
	transform: scale(1.2);*/
}	
.slbox {
	background: linear-gradient(262deg, rgba(20,35,65,1) 0%, rgba(149,149,233,1) 100%);
	
}
.slbox h2,.slbox2 h2 {
	font-size:21px !important;
	margin-bottom:10px;	
}	
.slbox2 {
	background: linear-gradient(82deg, rgba(153,205,205,1) 0%, rgba(224,253,250,1) 100%);
	height:100%;
}.slbox {
   
    height: 100% !important;
}
.slbox h4,.slbox2 h4 {
	font-size:12px;	
}		
.iconbox {
	width: 70px;
	height: 70px;
/*	border: solid 1px #fff;*/
	border-radius: 50%;
	text-align: center;
	line-height: 65px;
	display: inline-block;
}
.slbox2 .iconbox {
	border-color:#000;	
}
footer h1 {
	font-size:18px;
	font-family: "CenturyGothic-Bold";	
}
.t-box:hover img {
	//opacity:0.8;	
}
.subscribe::placeholder {
	color:#fff;	
}
.hover14 {
	position:relative;
	overflow:hidden;	
}
.hover14::before {

	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);

}
.hover14:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;	
}

.inputform {
	background:#e9e9e9;
	border-radius:5px;
	padding:5px;	
}	
.custom-select {
	background-color:#e9e9e9;	
}	
.custom-select:focus {
	box-shadow:none;	
}
.btn-primary {
	color: #fff;
	background-color: #122240;
	border-color: #122240;
	font-size: 14px;font-weight: 700 !important;
}
.btn-primary:hover {
	background-color: #1b315b;
	border-color: #1b315b;	
}
.slidesection {
	/*background:url(../images/slidebg.jpg)0 0 no-repeat;*/
	background:url(../images/big-banner.jpg)0 0 no-repeat;
	background-size:cover;
	padding:100px 0;
	margin-top: 100px;	
	background-attachment: fixed;
}
.slidesection, .slidesectionteacher h1 {
font-size:40px;	
	}
.slidesection p, .slidesectionteacher p {
font-size:18px;	
	}	
.slidesectionteacher {
	background:url(../images/slide2.jpg)0 0 no-repeat;
	background-size:cover;
	padding:100px 0;
	margin-top: 100px;	
	background-attachment: fixed;	
}	
.brandsection {
	background:#efefef;
}
.aricebox {
	border-radius:5px;
	box-shadow:0 0 15px #ddd;	
	padding:10px;
}
.aricebox span {
	font-size:11px;
	color:#333;
	display: flex;
	align-items: end;	
}	
.category-box {
	border-radius:5px;
	box-shadow:0 0 15px #eee;
	padding:10px;
	background:#e9e9e9;	
}
.category-box h4 {
	font-family: "CenturyGothic-Bold";
	font-size: 18px;
	margin-bottom: 20px;		
}
.btn-cat {
	color:#333;	
	font-size:18px;
	border:none;
	background:none;
	display:block;
	letter-spacing:2px;
	padding:0;
}
.catlist {
	margin-bottom:10px;
}
.catlist ul {
	list-style:none;
	margin-left:15px;	
}	
.catlist ul li a{
	display:block;
	padding:5px;	
}

.categories_sub_sub {list-style: none;
border-left: solid 1px #333;
margin-left: 12px;
padding-left: 15px;line-height: 28px;}
.catlist ul li ul {margin-bottom: 10px!important;}

.categories_sub_sub li a {
    position: relative;
    word-break: break-word;
    padding: 6px 0;
    text-transform: capitalize;
    line-height: 20px;
    display: block;
    font-size: 13px;
    color: #333;
}
.catlist ul li a:hover{
	color:#122240;	
}	
.aricebox:hover {
	box-shadow:0 0 2px #ddd;	
}
.order-box {
	border-radius: 5px;
	box-shadow: 0 0 15px #ddd;
	padding: 15px 10px;	
}
.pbox {
	float:left;
	background:#e9e9e9;
	border-radius:5px;
	padding:15px;
	margin-right:10px;	
}
.btn-link {
	color:#333;	
}
.table td {
	vertical-align: middle;	
}
.price-box {
	font-family: "CenturyGothic-Bold";	
float: right;	
}
.price-box2 {
	font-family: "CenturyGothic-Bold";	
float: left;	
}
.mlist {
	background:#e9e9e9;
	border-radius:5px;
	box-shadow: 0 0 15px #eee;
	padding:15px;	
}
.contentbox h4 {
	font-family: "CenturyGothic-Bold";
	font-size:16px;	
}		
.mlist {
	max-height:400px;
	overflow-y:scroll;	
}
.mlist ul {
	list-style:none;
	padding:0;
	margin:0;	
}
.mlist ul li {
	padding:0 10px;
	border-bottom:solid 1px #c2c2c2;	
}
.custom-control-input:checked ~ .custom-control-label::before {
	color: #122240;
	border-color: #122240;
	background-color: #122240;
}
.custom-control-label::before {
	border: #122240 solid 2px;	
}
footer p {
	color:#a8a8a8;	
}
.card-box {
	background:#fff;
	border-radius:5px;
	box-shadow: 0 0 15px #ddd;
	padding:15px;	
}	
.materialform {
	padding:20px;
	box-shadow: 0 0 15px #ddd;
	border-radius:5px;	
}
.page-link {
	color:#333;
	border-color:#333;	
}
.page-item.active .page-link {
	background-color: #122240;
	border-color: #122240;
}
.page-link:hover {
	color: #fff;
	background-color: #182d53;
	border-color: #122240;
}	
.bg-light {
	background-color: #e9e9e9 !important;
}
.card-box h4 {
	font-family: "CenturyGothic-Bold";
	font-size:18px;	
}
label {
	color:#333;
	font-weight:bold;
}
.text-dark {
	color: #333 !important;
}
.card-box ul {
	margin-left:15px;
	color:#333;
}
.card-box ul li {
	color:#333;
	margin-bottom:7px;
	font-size:14px;	
}
.switchlabel:before {
	background:#122240;	
}
.switchlabel:after {
	background-color:#fff !important;	
}
.filterinput {
	background-color:#fff !important;
	border-color:#122240 !important;
	font-size:11px !important;	
	height:30px !important;
	color:#000;
}
.filterbox h5 {
	font-family: "CenturyGothic-Bold";
	color:#122240;	
}
.filterbox{
	//border-bottom:solid 1px #c2c2c2;
	//padding-bottom:10px;
	margin-bottom:10px;		
}
.filterbox ul {
	list-style:none;
	margin:0;
	padding:0;	
}
.filterbox ul li {
	display:block;
	padding:5px 0;	
}
.filterbox ul li label {
	font-weight:normal;	
}
.btn-light {
	background-color: #e9e9e9;
	border-color: #e9e9e9;
}	
.dropdown-item {
	font-size:13px;	
	padding: .25rem .7rem;
}
.product-box {
	border-radius: 7px;
	box-shadow: 0 0 15px #ddd;
	padding: 15px 10px;	
	position: relative;
}
.searchinput {
	height:70px !important;	
}
.searchinput:focus {
	box-shadow:none;
	border-color:#fff;	
}
.search-modal .btn-primary:focus {
	box-shadow:none;	
}			
.searchbox {
	border-radius:11px;
	border: 7px solid rgba(255,255,255,.5);
}
.modal-backdrop.show {
	opacity: .8;
}
.innovation {
	position: relative;
	border: solid 2px #2f2f2f;
	//height: 265px;
	display: flex;
	align-items: center;
	padding: 25px 20px 25px 0;
	//max-width: 325px;
	margin-left: 50px;
	margin-bottom:4em;	
}
.leftbox {
	position: relative;
	margin-left: -72px;
	background: #fff;
	height: 160px;
	padding-top: 20px;
	display: block;
	margin-bottom: 50px;
}
.rightbox h3 {
	position:relative;
	color:#122240;
	margin-bottom:25px;
	padding-bottom:15px;	
}				
.rightbox h3:after {
	content:"";
	background-color:#122240;
	width:50px;
	height:4px;
	position:absolute;
	left:0;
	bottom:-10px;	
}
.categorybox {
	background:#e9e9e9;
	box-shadow: 0 0 10px #eee;	
	border-radius:5px;
	padding-bottom:20px;
	margin-bottom:20px;
}	
.catehad {
	background:#8fd2d5;
	border-radius:5px 5px 0 0;
	padding:10px 15px;
	color:#fff;
	font-size:20px;	
}
.catlist {
	list-style:none;
	padding:0;
	margin-top:10px;	
}
.catlist li a {
	display:block;
	padding:20px;
	margin-bottom:7px;
	background:#e1e1e2;
	font-size:17px;	
}	
	
.catlist li a:hover,.catlist li.active a {
	background:#13233d;	
	color:#fff !important;
}
.catlist li a:hover i,.catlist li.active a i {
	color:#fff;	
}
.catlist li a:hover img {
	filter: brightness(0) invert(1);
}					
.catlist li.active a img {
	filter: brightness(0) invert(1);	
}
.whitebox {
	background:#fff;
	border-radius:10px;
	box-shadow:0 0 15px #ddd;
	margin-bottom:20px;	
	padding:20px;
}
.accountlist {
	list-style:none;
	padding:0;
	margin-top:10px;	
}
.accountlist li a{
	display:block;
	padding:20px;
	margin-bottom:7px;
	background:#e1e1e2;
	font-size:17px;		
}
.accountlist li a:hover,.accountlist li.active a {
	background: #13233d;
	color: #fff;	
}
.innermenu {
	margin-left:20px;	
}	
.innermenu a {
	background:none !important;
	padding:7px 10px !important;
	color:#333 !important;	
}
.innermenu a:hover, .innermenu a.active{
	color:#122240 !important;	
}
.btn-info {
	color: #fff;
	background-color: #8dd2d8;
	border-color: #8dd2d8;
}
.contacticon{
	background: #122240;
	border-radius: 100%;
	width: 24px;
	text-align: center;
	color: #fff;
	height: 24px;
	line-height: 23px !important;
	padding-left: 2px;	
}
.cont {
	border-radius:5px;
	padding:50px;	
}
.formsection {
	background:#fff;
	border-radius:5px;	
	padding: 15px 15px 0;
	margin-bottom:20px;
}	
.cont h2 {
	color:#2f2f2f;	font-size: 20px;
}
.accordion .card-header {
	background:#fff;
	border:none;
	border-radius:10px !important;	
}
.accordion .card {
	margin-bottom:20px;	
	box-shadow: 0 0 15px #ddd;
	border:none;
	border-radius:10px !important;
}
.accordion .card-body {
	border-top: solid 1px #ddd;	
}	
.btn-block:hover,.btn-block:focus {
	text-decoration:none;	
}
.jbox {
	box-shadow:0 0 15px #ddd;
	border-radius:5px;
	padding:20px;	
}
.scheader {
	background:#f2f2f2;
	border:none;	
}
.mbox {
	border:none;
	box-shadow:0 0 15px #ddd;
	margin-bottom:25px;	
}
.mathodbox {
	background:#fff;
	border-radius:5px;
	box-shadow:0 0 15px #ddd;
	padding:20px;
	margin-bottom:50px;	
}
.paymentcard {
	text-align:center;
	list-style:none;
	margin:30px 0 20px;	
}
.paymentcard li {
	display:inline-block;
	text-align:center;
	width:19%;	
}
.orderbox {
	background:#fff;
	border-radius:5px;
	box-shadow:0 0 15px #ddd;
	margin-bottom:50px;		
}
.orderbox ul li:nth-of-type(even) {
	background:#f2f2f2;	
}
.orderbox ul {
	padding:0;
	margin:0;
	list-style:none;	
}
.form-control:focus {
	box-shadow:none;	
}
.table thead th {
	border:none;	
}
.breadcrumb {
	background-color:transparent;	
}
.breadcrumb-item + .breadcrumb-item::before {
	display: inline-block;
	padding-right: .5rem;
	color: #6c757d;
	content: "\f105";
	font-family: 'FontAwesome';
}	
.wishlisticon {
	position:absolute;
	right:10px;	
	top: 15px;
	font-size:25px;
	color:#122240;
	cursor:pointer;
}
.product-title {
	position:relative;
	padding-right: 40px;	
}
.priceone {
	font-size:35px;	
	color:#122240;
	font-family: "CenturyGothic-Bold";
}
.pricetwo {
	text-decoration:line-through;
	color:#aaa;	
}
.socialdetail {
	background: #6c6c6c;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
	color: #fff;
	display: inline-block;
	margin-left: 12px;	
}
.nav-tabs {
	border-bottom: none;
}
.flex-sm-fill {
	background:#e9e9e9;
	padding: 15px;
	margin: 0 -2px;
	font-size:22px;
	border-radius:0;	
}
.flex-sm-fill.active {
	background-color:#122240 !important;	
}
.tab-content {
	border-radius:5px;
	box-shadow:0 0 15px #ddd;
	padding:15px;
	margin-top:15px;	
}
.username {
	font-size:18px;
	margin-bottom:0;	
}
.boxprice {
	text-align:center;
	color:#122240;
	font-size:18px;	
}
.prbox {
	border-radius:10px;
	padding:15px;
	box-shadow:0 0 15px #ddd;
	margin:10px;	
}
.owl-theme .owl-controls .owl-page span {
	background-color:#122240;
	opacity:1;	
}
#owl-demo3 .owl-buttons div {
	background-color:transparent;
	color:#122240;
	font-size:20px;	
	opacity: 1;
}
#owl-demo3 .owl-buttons {
	position: absolute;
	top: -45px;
	right: 0;	
}
strong{
	font-family: "CenturyGothic-Bold";	
}
#thumbs	.owl-buttons .owl-next {
	right: 0;
	position: absolute;
	top: 37%;
	padding: 3px 8px;
	opacity:1;
}
#thumbs	.owl-buttons .owl-prev {
	left: 0;
	position: absolute;
	top: 37%;
	padding: 3px 8px;
	opacity:1;
}
#thumbs .owl-buttons div {
	background-color:#122240;
	color:#fff;	
}
.teacherpic img {
	border:solid 10px #fff;
	box-shadow: 0 0 10px #ddd;
	border-radius:5px;	
}
.alert-primary {
	background:#122240 !important;
	border-color:#122240 !important;
	color:#fff;	
}
.modal-content,.modal-header {
	border:none;	
}
.modal-header .close {
	background-color:#d0d3d9;
	border-radius: 50% 0 50% 50%;	
}

	#owl-demo2 .img-fluid{width: 200px;display: inline-block; height:50px;}	
#exampleModalCenter p {    padding: 0 .75rem;}	
.card-footer .btn-group-sm .fa{margin-right: 8px;}

@media only screen and (min-width:320px) and (max-width:767px) {
	.siparisListe .altButonTutucu a {float: none!important;}
	.footermenu li {width: 49%;}
	.lis img {
	max-width: 100%!important;
}
	.pagebanner {display: inline-block;width: 100%;}
	.owl-carousel .owl-nav button.owl-prev {left: 10px!important;}
.owl-carousel .owl-nav button.owl-next {right: 10px!important;}

	.paymentcard li {width: 18%;}
	.mathodbox img {height: 23px;}
	.d-nt {margin: 0!important;} 
	.d-nt .my-3 {border: 1px solid #ced4da!important;}
	.d-nt #button-addon2 {background-color: #1b315b; color:#fff!important; border: 1px solid #1b315b!important;
	margin: -1px;
border-radius: 5px 0px 1px 5px;}
	
	.aise {text-align: center!important; width: 100%!important; margin-bottom: 10px!important;} 
	.aise2 {text-align: center!important; display: inline-block; margin-bottom: 10px!important;} 
	.mathodbox img, .hh-img img  {
    height: 45px;max-width: none!important;
    vertical-align: middle;
    display: inline-block;
}
	
	.poo-ja > tbody > tr > td{display: block;}
	.mathodbox h1, .mathodbox h2, .orderbox .card-body h2 , .sa {font-size: 18px;}
	.mathodbox h4 {font-size: 16px;}
	
	.m-menu {display: block!important; background: #fff;padding: 10px;border: 1px solid #ced4da;}
	.m-menu a.open-menu {float: left;}
	
	
	.navbar .navbar-toggler {display: none!important;}
	.navbar .collapse:not(.show) {
    display: block!important;
}
header #navbarSupportedContent {display: none!important;}
.m-menu .navbar {float: right; padding: 0;}
	
	
	.pagebanner {
	padding: 20px 10px; height: auto;}
	/* 	.pagebanner {background: url("../images/banner-dots-patern.png")  -245px -176px no-repeat #83cdd5!important;
	padding: 20px 10px; height: auto;} */ 
	.pagebanner1.pagebanner1 {background: none!important;}
	.more-gap {padding: 0 30px;}
	.pagebanner .text-right {
    text-align: center !important;
}
	.heading h1 {font-size: 30px!important;}
	.heading h2 {font-size: 22px!important; padding: 0 15px;}
	.rightbox h3 {font-size: 18px!important;}
	.product-title h2 {font-size: 16px!important;}
	.btn-per img {width: 160px;}
	.slidesectionteacher,  .slidesection {padding: 50px 0!important;}
	.slidesectionteacher h1,  .slidesection h1 {font-size: 30px;}
	.slidesectionteacher p,  .slidesection p {font-size: 15px;
line-height: 22px;}
	.cont h2 {font-size: 18px;}
	.text-dark {
    letter-spacing: 0;}
	footer h1 {font-size: 18px;}
		footer .col-lg-6 {margin-bottom: 24px;}
	.pagebanner h4 {color: #2f2f2f!important;font-size: 15px !important;
line-height: 22px;}
	.pagebanner h1 {font-size: 30px!important;}
	.header_cart.dropdown-menu-right {
    right: -115px;
    z-index: 9999 !important;
    width: 330px !important;
}

.header_cart.dropdown-menu-right::before {
right: 117px !important;}

	.navbar-nav .nav-link {padding: 10px 7px !important;
margin: 0px 2px;}
#navbarSupportedContent {margin-top: 8px;}

#navbarSupportedContent .nav-item {display: inline-block;}
#navbarSupportedContent .navbar-nav {display: block;}
	#thumbs {
		display:none;	
	}	
	.cont{
		padding:20px;	
	}
	.formsection {
		padding-top:0;	
	}		
	.heading h2:after {
		display:none;	
	}
	.heading h2:before {
		display:none;	
	}
	.search-modal h1 {
		font-size:16px;	
	}
	.search-modal .btn-primary {
		font-size:14px !important;	
	}
	.searchinput {
		height: 48px !important;
	}		
.footermenu2 {
    list-style: none;
    float: left;
}	
.navbar .navbar-brand{display: inline-block;
width: 100%;
text-align: center;}
.navbar .navbar-brand img {width: 200px;}
.no-c {display: none;}
header.active {position: relative!important;}
.product-box .img-fluid {width: 200px;}
.grade-btn {font-size: 14px;
 padding: 5px 11px 5px 25px;}
.grade-btn i {height: 30px;
width: 30px;
line-height: 30px;}

.ml-auto.gg  {margin-left: 0 !important;
width: 100%;}

.ml-auto.gg .d-inline {margin-bottom: 10px;
display: block !important;}

.nav-tabs .nav-link    { font-size: 14px;
    padding: 6px;
}
.nav-tabs.flex-column {flex-direction: unset !important;}

.social-buttons-headline {margin-bottom: 15px;}

.pbox {padding: 5px;}
.order-box {}
.contentbox h4 {
    font-size: 12px; 
} 
.price-box h4 {font-size: 14px;}
.price-box	{padding: 5px !important;}

.dsf h3 {text-align: center!important;font-size: 18px;}
.dsf .mt-4 {margin-top: 0!important}

.formsection .bg-white {padding: 15px;}

.col-lg-4.col-md-6.col-xl-3.box_listing {
    width: 50%;
}
#owl-demo2 .owl-dots {display: none!important;}
.siparisUrun .siparisDetayBilgileri, .siparisUrun .siparisDetayBilgileri .sagtetay {float: none!important; width: 100%!important;}
.siparisUrun .urunResmin {float: none!important;}
.siparisUrun .siparisDetayBilgileri .solDetay {float: none!important;margin: 5px 0;}
.siparisDetayBtn .kolayIadeBtn {margin: 5px 0 0!important; text-align: center;}
}

.owl-theme .owl-nav {font-size: 24px;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    padding: 10px 15px 15px;
	background: #ccc;
}
#accordionEx a .fa-angle-down{ -webkit-transform: rotate(-180deg);
  -moz-transform:    rotate(-180deg);
  -ms-transform:     rotate(-180deg);
  -o-transform:      rotate(-180deg);
  transform:         rotate(-180deg);}
  
#accordionEx a.collapsed .fa-angle-down{ -webkit-transform: rotate(0deg);
  -moz-transform:    rotate(0deg);
  -ms-transform:     rotate(0deg);
  -o-transform:      rotate(0deg);
  transform:         rotate(0deg);}
  
  #accordionEx a .fa-angle-up{ -webkit-transform: rotate(0deg);
  -moz-transform:    rotate(0deg);
  -ms-transform:     rotate(0deg);
  -o-transform:      rotate(0deg);
  transform:         rotate(0deg);}
  
#accordionEx a.collapsed .fa-angle-up{ -webkit-transform: rotate(180deg);
  -moz-transform:    rotate(180deg);
  -ms-transform:     rotate(180deg);
  -o-transform:      rotate(180deg);
  transform:         rotate(180deg);}



.social-container-mini .social-buttons {padding: 0 6px 0 15px;
margin-left: 0;
list-style: none;
z-index: 3;
position: relative;
background-position: 0 -90px;display: inline-block;}

.social-container-mini .social-buttons li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
.social-container-mini .social-buttons li a {color: #fff;
margin: 0 5px;
padding: 9px;
display: block;
font-size: 20px;
background: #83cdd5;
border-radius: 100%;
width: 40px;}
.social-container-mini .social-buttons li a:hover {background: #112340;}
.social-buttons-headline {display: inline-block;}
.social-container-mini {margin-bottom: 20px;}

.social .fa{margin-top: 5px;}
.slbox img, .slbox2  img {padding-top: 12px;}

.socialdetail  .fa{margin-top: 5px;}

.a-l {color: #83cdd5;}
.a-l:hover  {color: #122340;}




@media only screen and (min-width:768px) and (max-width:990px) {
	.pagebanner .text-right {width: 70%!important;}
		.pagebanner {height: 300px;}
	.in-ipad-v {width: 100%!important;
flex: 100%!important;
max-width: none!important;}
	.siparisUrun .siparisDetayBilgileri .sagtetay {
    float: none!important;
    width: 45%!important;
    text-align: center;
}

.siparisUrun .siparisDetayBilgileri .sagDetay {
    padding: 10px 0;
}
	
	.owl-carousel .owl-nav button.owl-prev {left: 10px!important;}
.owl-carousel .owl-nav button.owl-next {right: 10px!important;}
	.d-flex {
    display: block!important;
}
.nana {height: 50px!important;} 
	.d-nt {margin: 0!important;} 
	.d-nt .my-3 {border: 1px solid #ced4da!important;}
	.d-nt #button-addon2 {background-color: #1b315b; color:#fff!important; border: 1px solid #1b315b!important;
	margin: -1px;
border-radius: 5px 0px 1px 5px;}

	.slidesectionteacher .col-md-6 {flex: 0 0 90%;
max-width: 90%;}
	.aise {text-align: center!important; width: 100%!important; margin-bottom: 10px!important;} 
	.aise2 {text-align: center!important; display: inline-block; margin-bottom: 10px!important;} 
	.f-ipad .col-lg-4 {width: 33%;}
	.f-ipad h3 {font-size: 20px;}
	.f-ipad .leftbox {
		margin-left: 0;
    background: none;
    height: auto;
    padding-top: 0px;
    display: block;
    margin-bottom: 0px;
    position: absolute!important;
    width: 100%;
    text-align: center;
    top: 0px;
	left: 0;
}
.f-ipad .innovation {margin-left: 0;padding: 100px 10px 20px;word-wrap: anywhere;min-height: 325px; text-align: center;display: block;}
.f-ipad .innovation h3::after {
    left: 50%;
    margin-left: -22px;
}
.f-ipad p {margin:0; font-size: 13px;}
.f-ipad .leftbox img {width: 100px;}
	
	.copyright .col-lg-6  {width: 50%;}.searchinput {
    height: 45px !important;
}
	
	.navbar .collapse:not(.show) {
    display: block !important;
}
	
	.slidepicture .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
	
	.dsf h3 {
    font-size: 18px;
}
.tab-t1 .col-md-6 {max-width: 33%;}
.option-section .heading  h2{font-size: 24px!important;}
.heading h2::after , .heading h2::before{top: 15px;}
	
	.m-menu {display: block!important; background: #fff;padding: 10px 15px;border: 0;}
	.m-menu a.open-menu {float: left;}
	
	
	.navbar .navbar-toggler {display: none!important;}

header #navbarSupportedContent {display: none!important;}
.m-menu .navbar {float: right; padding: 0;}
.navbar .navbar-brand{display: inline-block;
width: 100%;
text-align: center;}

header .navbar-light{display: none;}
.m-menu .navbar-brand img{height: 40px;}
.m-menu {position: relative;}
.open-menu {position: absolute; left: 10px; top: 15px;}
.m-menu .navbar {position: absolute; right: 10px; top: 15px;}
.searchbox {border: 0;} 

header.active .navbar-light {
    display: block;
}

header.active {position: relative!important;}
.d-none {
    display: block !important;
}
.deep-ipad {display: none !important;}
.footermenu li {
    display: inline-block;
    width: 32.5%;
}
.slidesection .col-md-6, .slidesectionteacher .col-md-6 {flex: 0 0 80%;
max-width: 80%;}

.uploadimg {position: inherit!important; right: auto!important; left: auto!important; bottom: auto!important;
margin-top: 10px!important; }
.teacherpic {text-align: center;}

.cont h2 {font-size: 20px;}
.cont  .mb-2 {width: 50%; float: left;
margin-bottom: 19px !important;}

.nana {height: 50px!important;} 
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 0px 10px 0px!important;
	font-weight: normal !important;
font-size: 13px;
}
table.dataTable thead th strong, table.dataTable thead td strong {display: block;}
.m-1 {
    margin: 0 !important;
    padding: 5px;
}
table.dataTable tbody th, table.dataTable tbody td {
    font-size: 13px; 
}
.table.dataTable tbody th .fa.fa-sort{display: none!important;}
}

@media only screen and (min-width:991px) and (max-width:1080px) {
	.card-footer a {display: block;}
	.d-flex {
    display: block!important;
}
	.t-p {float: left; margin-right: 5px;}
.jo1 {-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;}

.jo2 {-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;}

.paymentcard li {
	width:14%!important;	
}
.nana {height: 50px!important;} 
.navbar-nav .nav-link {
margin: 0 0px;	
	}
.navbar-brand {
margin:0;	
	}
.navbar {
    padding: .9rem 0;
}
.navbar-nav .nav-link {
padding:10px 0 !important;	
	}
.in-ipad .col-sm-8 .col-lg-7 , .in-ipad .col-sm-8 .col-lg-5 {width: 100%;
float: none;
flex: initial;
max-width: none;}	
.in-ipad .col-sm-8 .col-lg-6 .link-a {width: 100%!important; float: none!important; margin-right: 0!important;} 
.in-ipad .col-sm-8 .col-lg-6 .footermenu2 {floaT: none;}
.navbar {padding: 5px;}
.navbar-brand img {height: 40px;}
.right-menu.mt-2 img {height: 18px;}
.accountlist li a {padding: 15px;}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 0px 10px 0px!important;
	font-weight: normal !important;
font-size: 13px;
}
table.dataTable thead th strong, table.dataTable thead td strong {display: block;}
.m-1 {
    margin: 0 !important;
    padding: 5px;
}
table.dataTable tbody th, table.dataTable tbody td {
    font-size: 13px; 
}
.table.dataTable tbody th .fa.fa-sort{display: none!important;}
.whitebox {padding: 15px;}
.cont h2 {font-size: 20px;}
.cont {padding: 10px;}
.my-5 .align-items-center{align-items: normal!important;}
.cont .media {display: inherit;}
.cont .contacticon {float: left;}
.materialform  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 40%;
}



.f-ipad .col-lg-4 {width: 33%;}
	.f-ipad h3 {font-size: 20px;}
	.f-ipad .leftbox {
		margin-left: 0;
    background: none;
    height: auto;
    padding-top: 0px;
    display: block;
    margin-bottom: 0px;
    position: absolute!important;
    width: 100%;
    text-align: center;
    top: 0px;
}
.f-ipad .innovation {margin-left: 0;padding: 100px 10px 20px;word-wrap: anywhere;min-height: 325px; text-align: center;}
.f-ipad .innovation h3::after {
    left: 50%;
    margin-left: -22px;
}
.f-ipad p {margin:0; }
.f-ipad .leftbox img {width: 100px;}
	p {font-size: 14px;}
	h4 {font-size: 16px;}
	h1 {font-size: 28px;}
	.pagebanner h1 {font-size: 32px!important;}
	.navbar-nav li {margin: 10px!important;}
	.catehad img {width: 35px;}
	.catehad div {padding-top: 6px!important;}
	.pagebanner {height: 400px;}
}

@media only screen and (min-width:1081px) and (max-width:2000px) { 
	
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.box-error{
	border-color: red !important;
}
.pagination {
	justify-content: center;	
}
.pagination li span,.pagination li a {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #333;
	background-color: #fff;
	border: 1px solid #333;	
	font-size:13px;
}

.pagination li a:hover {
	color: #fff;
	background-color: #182d53;
	border-color: #122240;	
}
.pagination li.active span {
	color: #fff;
	background-color: #182d53;
	border-color: #122240;		
}
.noti {
	position: absolute;
	width: 20px;
	height: 20px;
	background: #83cdd5;
	text-align: center;
	line-height: 19px;
	color: #132441;
	border-radius: 100px;
	right: -10px;
	top: -12px;
	font-size: 12px;	
}
.cart-togle:after {
	display:none;	
}
.brandlist , .deepak {
	list-style:none;
	padding:0;	
}
.brandlist li , .deepak li {
	display:block;
	padding:7px 0;
	//border-bottom:solid 1px #ddd;
	margin-bottom:5px;	
	cursor:pointer;
}
.deepak li li {padding: 0;}

.brandlist li.active, .brandlist li:hover{
	color:#1b315b;
}

.deepak li.active, .deepak li:hover {
	color:#1b315b;
}
.innerlist {
	list-style: none;
	border-left: solid 1px #333;
	margin-left: 12px;
	padding-left: 15px;
}
.innerlist li a{
	position: relative;
	word-break: break-word;
	padding: 6px 0;
	text-transform: capitalize;
	line-height: 20px;
	display:block;
	font-size: 13px;
	color: #333;	
}
.innerlist2 li a {
font-family: "CenturyGothic" !important;
color: #333 !important;	
	}
.innerlist2 li.active a {
font-family: "CenturyGothic-Bold" !important;
color: #122240 !important;	
	}
.card-heading {
	padding:7px 0;
	margin:5px 0;	
}
.chead {
	font-family: "CenturyGothic-Bold";
	color: #122240;	
}											
.removebtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	border-radius: 10px 0 10px 0;
	background: #d50808;
	color: #fff;
	text-align: center;
	line-height: 36px;
	padding-top: 12px;
}
.removebtn:hover {
	background:#333!important;
	color:#fff!important;	
}		
.ui-front {
	z-index: 99999 !important;
	padding: 10px !important;
}	
.ui-menu {
	height: 250px !important;
	overflow-y: auto !important;
	border: none !important;
}
.ui-menu-item {
padding:7px 0!important;
line-height:24px!important;
border-bottom:solid 1px #ddd!important;	
font-size:13px !important;
color:#666 !important;
	}
.ui-menu-item:hover	{
    background: #eee !important;
	}	
.ui-autocomplete-category {
font-weight:bold!important;
font-size:20px!important;
margin-bottom:20px!important;
border-bottom:solid 1px #ddd!important;
padding-bottom:15px!important;	
	}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none !important;
    background: none !important;
    color: #666 !important;
	margin-left:0 !important;

}
.dropdown-menu {
border-radius: 0;	
	}
.dropdown-menu-right:before {
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ddd;
  content:"";
  position:absolute;
  right:10px;
  top:-8px;	
	}
.searchbox .btn-link {
border:solid 1px #ddd;	
	}
.innerlist li.active a {
font-family: "CenturyGothic-Bold";
color: #122240;	
	}
.listing li{
margin-bottom:10px;	
	}
.counting {
padding-right:15px;
font-family: "CenturyGothic-Bold";
font-size:20px;	
	}							
	
#thumbs .item {
cursor:pointer;	
	}	
	
.expend {
overflow: hidden;
    position: relative;
    height: 170px;	
	}
.desc-more {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    background-image: -webkit-linear-gradient(-90deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
    background-image: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    text-align: center;	
	}
.desc-more a {
    display: block;
    width: 100%;
    padding-top: 20px;
    text-align: center;
    position: absolute;
    bottom: 20px;
}
.expendet {
height:100%;	
	}
.expendet .desc-more {
display:none;	
	}			
#owl-demo4 .owl-controls {
margin-top: 0;
text-align: center;
position: absolute;
bottom: 2%;
width: 100%;
	}
#owl-demo5 .owl-controls {
margin-top: 0;
text-align: center;
position: absolute;
bottom: 2%;
width: 100%;
	}	
.shopbtn {
border:solid 1px #fff;
border-radius:25px;
padding:6px 25px;	
color:#fff;
font-size:18px;
background:#122240;
	}
.shopbtn:hover {
color: #fff;
background-color: #122240;
	}				
.custom-select:focus {
border-color: #80bdff;	
	}
	
.subcatlist .sub_cat_anchor {
background:none !important;
color:#13233d;	
	}
.subcatlist .sub_cat_anchor:hover {
font-weight:bold;	
	}
.active_sub .sub_cat_anchor {
background:#83cdd5 !important;
	}
.active_sub_sub {
font-weight:bold;
background:#cbf5f9;	
	}

.organisation_main  {padding: 15px 5px;}	
.organisation_main h1 {
    margin: 0 0 8px;
}
.organisation_main h2 small {
    font-weight: 300;
    color: #333;
}.padding-left-0 {
    padding-left: 0 !important;
}
.organisation_main .col-md-5, .organisation_main .col-md-7, .organisation_main .col-md-6{float: left;}

.btn-large {
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 13;
	line-height: 1.428;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-shadow: none;
	color: #fff;
	background-color: transparent;
	background-position: 0 0;
	border: 0;
	padding: 5px 10px 5px 20px;
	font-style: normal;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	outline: 0;
	text-decoration: none;
	height: 30px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
	box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
	background-image: url("../images/bt-bg.png");
	background-image: -webkit-image-set(url("../images/button-norm-blue.png") 1x, url("../images/button-norm-blue_@2X.png") 2x);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	font-size: 16px;
	line-height: 18px;
	padding: 5px 20px 5px 30px
}
.margin-top-25 {
    margin-top: 25px !important;
}.list-inline {
    list-style: none outside none;
    margin-left: 0;
}.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
.organisation_main a {
    color: #0095da;
}.organisation-banner-select-modal .organisation-banner-select .highlight {
    background-color: #f2f2f2;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-bottom: 14px;
    padding: 9px 14px;
}.tab-content > .tab-pane {
    display: none;
}.tab-content > .active {
    display: block;
}
.fade.in {opacity:1;}
#myTab li.active a {
    text-decoration: none;
    color: #8cc63f;
    border-bottom: 2px solid #8cc63f;
}






/***** Sidebar *****/

.sidebar {
	width: 250px; height: 100vh; position: fixed; top: 0; left: -255px; z-index: 999; 
	background: #1b315b; color: #fff; transition: all .3s; box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);
	text-align: left;
}

.sidebar.active { left: 0; }

.dismiss {
	width: 35px; height: 35px; position: absolute; top: 10px; right: 10px; transition: all .3s; 
	background: #83cdd5; border-radius: 4px; text-align: center; line-height: 35px; cursor: pointer;
}
.dismiss .fa {padding-top: 9px;}

.dismiss:hover, .dismiss:focus { background: #555; color: #fff; }

.sidebar .logo { padding: 40px 20px; border-bottom: 1px solid #444; transition: all .3s; }

.sidebar .logo a {
	display: inline-block;
	width: 172px;
	height: 34px;
	background: url(../img/logo.png) left top no-repeat;
	border: 0;
	text-indent: -999999px;
}

.sidebar ul.menu-elements { padding: 10px 0; transition: all .3s; }

.sidebar ul li a {
	display: block; padding: 10px 20px;
	border: 0; color: #fff;border-bottom: 1px solid #6d6f82;
}
.sidebar ul li a:hover,
.sidebar ul li a:focus,
.sidebar ul li.active a:hover,.sidebar ul li.active a,
.sidebar ul li.active a:focus { outline: 0; background: #555; color: #fff; }

.sidebar ul li a i { margin-right: 5px; }


.sidebar ul ul a { background: #444; padding-left: 30px; font-size: 14px; }

.sidebar ul ul li.active > a { background: #555; }

.sidebar a[data-toggle="collapse"] {
    position: relative;
}

.sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.sidebar .to-top { padding: 20px; text-align: center; }

.sidebar .dark-light-buttons { padding: 10px 20px 30px 20px; text-align: center; }

/* sidebar light */

.sidebar.light { background: #fff; color: #888; }

.sidebar.light .dismiss { background: #ddd; color: #888; }

.sidebar.light .dismiss:hover, 
.sidebar.light .dismiss:focus { background: #ccc; color: #888; }

.sidebar.light .logo { border-color: #eee; }
.sidebar.light .logo a { background-image: url(../img/logo-dark.png); }

.sidebar.light ul.menu-elements { border-color: #eee; }

.sidebar.light ul li a { color: #888; }

.sidebar.light ul li a:hover,
.sidebar.light ul li a:focus,
.sidebar.light ul li.active > a:hover,
.sidebar.light ul li.active > a:focus { background: #ccc; color: #888; }

.sidebar.light ul li.active > a, .sidebar.light a[aria-expanded="true"] {
	background: #ddd;
	color: #888;
}

.sidebar.light ul ul a { background: #ddd; }

.sidebar.light ul ul li.active > a { background: #ccc; }

.sidebar.light a.btn-customized-3 { background: #ddd; color: #888; }

.sidebar.light a.btn-customized-3:hover, 
.sidebar.light a.btn-customized-3:active, 
.sidebar.light a.btn-customized-3:focus, 
.sidebar.light a.btn-customized-3:active:focus, 
.sidebar.light a.btn-customized-3.active:focus,
.sidebar.light a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active,
.sidebar.light a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	background: #ccc; color: #888;
}

.sidebar.light a.btn-customized-4.btn-customized-dark { background: #555; }
.sidebar.light a.btn-customized-4.btn-customized-light { background: #eee; }

.sidebar.light a.btn-customized-4.btn-customized-dark:hover, 
.sidebar.light a.btn-customized-4.btn-customized-dark:active, 
.sidebar.light a.btn-customized-4.btn-customized-dark:focus, 
.sidebar.light a.btn-customized-4.btn-customized-dark:active:focus, 
.sidebar.light a.btn-customized-4.btn-customized-dark.active:focus,
.sidebar.light a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active,
.sidebar.light a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	background: #ccc; color: #fff;
}

.sidebar.light a.btn-customized-4.btn-customized-light:hover, 
.sidebar.light a.btn-customized-4.btn-customized-light:active, 
.sidebar.light a.btn-customized-4.btn-customized-light:focus, 
.sidebar.light a.btn-customized-4.btn-customized-light:active:focus, 
.sidebar.light a.btn-customized-4.btn-customized-light.active:focus,
.sidebar.light a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active,
.sidebar.light a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	background: #ccc; color: #fff;
}


/***** Dark overlay *****/

.overlay {
    display: none; position: fixed; width: 100vw; height: 100vh; 
    background: rgba(51, 51, 51, 0.7); z-index: 998; opacity: 0; transition: all .5s ease-in-out;
}

.overlay.active { display: block; opacity: 1; }

.m-menu {display: none;}

.best-seller {position: absolute;}
.best-seller img {width: 80px;} 

.in-stock {float: left;
font-size: 9px;}
.in-stock span {color: green !important;
border-radius: 30px; display: block;
border: 2px solid #ccc;
padding: 1px 5px;}



.out-stock {float: left;
font-size: 12px;}
.out-stock span {color: red !important;
border-radius: 30px; display: block;
border: 2px solid #ccc;
padding: 1px 5px;}


.out-stock-d span  {color: red !important;
border-radius: 30px;
display: block;
border: 2px solid #ccc;
padding: 10px 20px;
display: inline-block;
margin-bottom: 15px;}







.tt {background: #fff;
border-top: 1px solid #eee;
margin: 0;
line-height: 50px;padding-right: 15px;}

.mystyle {height: auto;}
.v-more {position: absolute;
text-align: center;
width: 100%;
font-size: 18px;cursor: pointer;
}
#myDIV .table-responsive {
    display: block;
    width: 100%;
    height: 130px;
	overflow-x: initial;
}
#myDIV.mystyle .table-responsive {height: auto;}

#myDIV.mystyle .v-more {
position: relative; -moz-transform:    rotate(-180deg);
  -ms-transform:     rotate(-180deg);
  -o-transform:      rotate(-180deg);
  transform:         rotate(-180deg);margin-bottom: 20px;}
#myDIV.mystyle .desc-more{display: none;}


	#owl-demo4  .owl-dots, #owl-demo5  .owl-dots{position: absolute;
bottom: 10px;
width: 100%;}

.g1 {color: #ffffff;
   
    display: inline-block;
    padding: 0px 0px;
    margin-top: 6px;
    border: none;
    border-radius: 20px;}
.g1:hover {
    color: #ffff;
    text-decoration: underline !important;
}

.mx-auto li:first-child:hover {
        border-bottom: 3px solid #0f213e;  border-radius:0px;
}


.mx-auto li:nth-child(2):hover {
      border-bottom: 3px solid #8bd1d4;
	  border-radius:0px;
}

.mx-auto li:hover,.mx-auto li.active {
    border-bottom: 3px solid lightgray;
}
	.navbar-nav ul li:hover {
    border-bottom: 3px solid lightgray !important;
}
#navbarSupportedContent .nav-item.active.for-parent {
    border-bottom: solid 3px #122240;
}

#navbarSupportedContent .nav-item.active.for-teacher {
    border-bottom: solid 3px #8bd1d4;
}

.for-parent aa  { background: none!important; border-bottom: 5px solid #122240;border-radius: 0px !important;}
.for-teacher  aa{background: none!important;border-bottom: 5px solid #94d2d9;border-radius: 0px !important;}

.fp { color:#122240!important;}

.n-button {border: solid 1px #122240;
border-radius: 25px;
padding: 10px 25px;
color: #fff;
font-size: 18px;
background:#122240;}
.shopbtn:hover {
    color: #fff;
    background-color: #122240;
    border-color: #fff;
}
.owl-dots {display: none!important;}

.bt-teacher {background: #94d2d9;border: 1px solid #94d2d9;}
.bt-teacher:hover {background: #88cfd6;border: 1px solid #88cfd6;}
.m-1 {font-size: 14px;}

.new-rs .hover14 {margin-bottom: 15px;}
.new-rs .btn-primary {font-size: 20px;
padding: 10px 20px;}

.new-wh-icon {	background: #fff; 	border-radius: 100%; 	height: 25px;	}
.new-search {margin: 0; padding: 0px;}
.new-search .searchbox {border-radius: 10px;
border: 0px solid #ddd;}
.new-search .searchinput {height: auto!important;border: 1px solid #ddd !important;}
.new-search .btn  {padding: 1px 10px!important;background: #fff;
font-size: 11px!important;border: 1px solid #ddd;}
.new-search input {font-size: 15px!important;}
.dropdown-menu.header_cart.mt-2.p-0.dropdown-menu-right.sr-de.show {
    background: no-repeat;
    border: none;
    box-shadow: none;
	right: -8px;
}
.ui-autocomplete {width: auto!important;}

.f-pare h1 {color: #122240;
font-size: 40px;
text-transform: capitalize;
text-shadow: 0px 0px 0px #122240;}
.subscribe {
    background: #bfbfbf17 !important;
   
}

.news-j {margin: 0!important; padding: 0;}
.news-j a {padding: 10px!important;}
.news-j .dropdown-divider {margin: 0!important;}

.yoy h2 {font-size: 20px;}
.hh-img .img-fluid {
max-width: 10%;}
.paymentcard  .img-fluid , .lis .img-flui{
max-width: 45%;}
 .lis img {height: 40px}
.fa.fa-times.dele {
    color: #ddd;
    position: absolute;
    right: 50px;
    top: 9px;
    font-size: 22px;
    cursor: pointer;z-index: 10;
}
.card h3 {font-size: 20px;}
.right-menu.mt-2 ul li a img {
    width: 28px;
    height: 28px;
}.ce6-icon-text-list img {
    margin-bottom: 50px;
}
.text-white img {
    width: 22px;
    height: 22px;
}
.pagebanner .pages-text {
    color: #001c3d !important;
    font-weight: 600 !important;padding-top: 55px !important;
	
}h1.d-block {
    display: none !important;
}.teacher_one {
    margin-bottom: 60px;
}.small_content {
    width: 70%;
}
.slidesection, .slidesectionteacher, .card {word-wrap: anywhere;}
.active.topp, .topp:hover {border-bottom: 3px solid #8bd1d4;}
#navbarSupportedContent .nav-item.active.for-teacher a, #navbarSupportedContent .nav-item.active.for-teacher a:hover {color:#8bd1d4!important}

@media all and (max-width: 600px) {
.ajaxform {
    padding: 0px 0px !important;
}.pagebanner h1 {
    font-size: 24px !important;
   
    padding-top: 99px !important;
}.pagebanner h4 {
  
    display: none;
}	.heading h2 {
    font-size: 18px !important;
}.navbar .navbar-brand img {
    width: 190px !important;
    height: auto !important;
}.bag_img {
    width: 100% !important;
    height: auto !important;
}.materialbox {
   
    height: auto;
    
}
.small_content {
    width: 100%;
}
.parent_background {
    background: #122240 !important;
}.parent_background .btn-primary {
    background: #fff;
    color: #000 !important;
}.teacher_background {
    background: #94d2d9 !important;
}
h4 {
    font-size: 13px !important;
    
}.slidesection {
    background-size: 100% 100% !important;
}


p {
   
    
    font-size: 13px !important;

}.table > tbody > tr > td {

    font-size: 13px !important;
}
.btn-primary {

    font-size: 12px !important;

}
.new-rs .btn-primary {
    font-size: 14px !Important;
 
    padding: .375rem .75rem !important;
}.right-menu.mt-2 ul li a img {
    width: 22px !Important;
    height: 22px !important;
}.btn-customized.open-menu img {
    width: 30px !important;
    height: 30px !important; margin-top:8px;
}	footer .col-lg-6 {
    margin-bottom: 0px !important;
}
element {

}
.pagebanner .text-right {

    text-align: center !important;

}
.pagebanner .ml-auto {


    padding-bottom: 0px !important;
    padding-right: 0px !important;
    max-width: 100% !important;
 

}.rightbox h3 {
    font-size: 15px !important;
}.text-dark {
    color: #333 !important;
    font-size: 15px !important;
}.leftbox {
    position: relative;
    margin-left: -51px;
    background: #fff;
    height: 80px;
    padding-top: 25px;
    display: block;
    margin-bottom: 50px;
}.leftbox img {
    width: 100px !important;
}.slidesectionteacher {
  
    background-attachment: unset !important;
}
}





.m-pagebanner {background-size: 100% 100%!important;}


.ce4-icon-text-list {
    overflow: hidden;
    padding-left: 0;list-style-type: none;
	padding: 0 100px;
}
.ce4-icon-text-list li {
    float: none;
    padding: 25px;
    position: relative;
    transition: all 0.3s ease-out 0s;
    width: 100%;background: url(../images/dott.jpg) repeat-y 92px 0;
}.text-box-right {
    display: block;
    padding: 0px 0px 0px 99px;
    margin: 0px;
    text-align: left;
	padding-left: 50px;
}.iconbox-small {
    width: 130px;
	float: left;
    font-size: 26px;
    color: #242424;
    line-height: 80px;margin-right: 45px;
}
.iconbox-small img {width: 110px;}
h5.less-mar-2 {
    margin-bottom: 5px;
	font-size: 20px;
	color:#001c3d;
}
.g12 {	background: #efefef;margin: 0 -15px;}
.g12-inner {	padding: 100px 340px;}
.g13 {	 text-align: center;}
.g13-inner {	padding: 50px 350px;}
.ce5-icon-text-list {
    overflow: hidden;
    padding-left: 0;list-style-type: none;

}.iconbox-small1 {
    width: 130px;
	float: left;
    font-size: 26px;
    color: #242424;
    line-height: 80px;
}.ce6-icon-text-list {
    overflow: hidden;
    padding-left: 0;list-style-type: none;
	
}

/* Clearable text inputs */
.clearable{
  position: relative;
}
.clearable input[type=text]{
  box-sizing: border-box;
}
.clearable__clear{
 display: none;
position: absolute;
right: 40px;
top: 5px;
padding: 0 8px;
font-style: normal;
font-size: 30px;
user-select: none;
cursor: pointer;
color: rgba(0,0,0,.7);z-index: 999;
}


.clearable input::-ms-clear {  /* Remove IE default X */
  display: none;
}