@charset "utf-8";

/* CSS Document */







body{font-family: 'Roboto Mono', monospace;}



/*===========================

  Menu and Navigation

============================ */

.navbar-brand {

  float: left;

  height: 50px;

  padding: 15px 15px;

  font-size: 18px;

  line-height: 20px;

}



.navbar-brand h1 {

	margin-top:9px;

	padding-top:5px;

	float: left;	

	font-size: 25px;	

	color:#fff;	

	text-transform:uppercase;

	font-weight:600;

}



@media (max-width: 767px) {

  .navbar-brand {

    padding: 0 0 0 15px;

  }

}



.menu {

	font-size:12px;

	float:right;

	text-transform:uppercase;

	font-weight:600;	

}



.navbar-collapse {

  padding-right: 15px;

  padding-left: 15px;

  overflow-x: visible;

  -webkit-overflow-scrolling: touch;

  border-top: 0px solid transparent;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);

}

.navbar-collapse.in {

  overflow-y: auto;

}



.menu ul.nav-tabs li {

	color:#fff;

	padding: 23px 0;	

}



.nav-tabs {

	border-bottom: 0;

}

.nav-tabs > li {

	float: left;

	margin-bottom: 0;

}



.nav-tabs > li > a {	

	border-radius:0;

	color:#ed1c24;

	padding:0px 8px;

	border: none;

	font-size:13px;
	line-height: 18px;
	text-shadow:1px 2px 2px #ed1c242e;

}



.nav-tabs > li > a:hover {

	color:#272727;

	background:#fff;

	border: none;	

} 



.nav-tabs > li a.active {

	color: #ed1c24;

	cursor: default;

	background-color: #fff;

	border: 1px solid #fff;

	border-bottom-color:#fff;

}



.navbar-default {

	background:none;

	border:none;

	margin-bottom: 0;

    width: 100%;

	min-height: 50px;

	  

}

a:hover{ text-decoration:none;}

@media (min-width: 768px){

.navbar-header {

    float: left; display:none;

}

}

.navbar-collapse{ float:left;}

.btn.loadMoreBtn{background:#ed1c24; color:#fff !important; padding:8px 20px; border-radius:3px;display: table;
    margin: 0 auto;
    text-align: center;
    width: 14%;
    font-size: 17px;
    font-weight: 600;}

.stylish-input-group input{ border:2px solid #b1b1b1; border-radius:2px; margin: 12px 0; height: 30px;}

.wrapper-b{background:url(http://spokenenglishtrainingkolkata.com/zen/wp-content/uploads/2020/05/bg1.jpeg) no-repeat center; background-size:cover;  min-height:800px;}

.logo-d img{ margin:2em auto;display: block;}

.hai h4{ color:#000;text-align:center;text-shadow: 1px 2px 2px #878787;}

.hai p{ color:#000; text-align:center;padding-bottom: 1.3em;}

.hai h5{ color:#000;text-align:center;text-shadow: 1px 2px 2px #878787;}

.hai h3{ color:#ed1c24;text-align:center;font-size: 17px; padding-bottom: 1em;text-shadow: 1px 2px 2px #878787;}

.hai{padding: 0 10em;}
.search-w{background: url(http://spokenenglishtrainingkolkata.com/zen/wp-content/uploads/2020/05/bg1.jpeg) no-repeat center;
    background-size: cover;
    min-height: 800px;}
.gg{text-align: center;
    font-size: 19px;
    margin-top: 0;
    position: relative;
    top: -10px;}
.gj{text-align: center;
    padding: 20px;
    background: #ffffff; border-radius: 10px; min-height: 135px;
    margin-bottom: 29px;
    box-shadow: 2px 0px 14px 0px #080808;}
.pagination{width: 100%;}
.by{position: absolute;
    top: 10em;
    left: 31em;}
.nav-links a{color: #000;}
.screen-reader-text{color: #000;
    font-size: 17px;
    padding-bottom: 10px;}
.wih a{color: #ed1c24;
    font-size: 13px;
    padding-left: 7px;}
.nav-links .prev{background: #EA001A;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;}
.nav-links .next{background: #EA001A;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;}

.gj a{color: #000;
	font-size: 20px;}
	
.item { width: 16.5%; text-align: center; padding: 6px; box-sizing: border-box; background:#fff;float: left;}

.border-rig{
  border-right: 1px solid black;
}

.l1 img{display: block;

    margin: 0 auto 20px;}

.l2 img{ display: block;

    margin: 0 auto 10px; height: 120px; max-width: 100%;}

.item p{ color:#000; font-size:12px; }

.item a .fa{background: #3a589b;

    color: #fff;

    width: 22px;

    height: 22px;

    border-radius: 50%;

    padding: 6px;}

.item a{ color:#ed1c24;}
.item a:focus{text-decoration:none;}
.item a b{font-size: 11px;}

.share-block {text-align: center; margin: 10px auto 0; position: relative; display: inline-block; width: auto;}
.share-block .ico-facebook {display: inline-block; margin-right: 10px; position: absolute; left: -15px; top: 0; }
.share-block .zenhaiku-link {display: inline-block;}



/** ORGANISING ORDER OF THE UNIFORM CARDS **/
/* The Magic Float Center Code */

.haiku-shuffle {clear: both; display: block; margin: 20px auto 0;}

/** **/

.sc a{ background:#ed1c24; color:#fff; padding:8px 20px; border-radius:3px;display: block;

    margin: 0 auto;

    text-align: center;

    width: 14%;

    font-size: 17px;

    font-weight: 600;}

.sc3 p{ color:#000; text-align:right;}

.sc3 a{ color:#000;}

.ji{margin: 0 auto;text-align: center;}

.item-h{background: none; box-shadow: none;}



header.sticky {

    position: fixed;

    width: 100%;

    background: #fff;

    z-index: 999;

    top: 0;

    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);

}



.me-respon .nav-tabs>li.active>a, .me-respon .nav-tabs>li.active>a:focus, .me-respon .nav-tabs>li.active>a:hover{ background:none; border:none;}

.me-respon .nav-tabs > li{border-right: 1px solid #ed1c24;}

.me-respon .nav-tabs > li:last-child{ border-right:none;}

.me-respon{ margin-top: 17px;}




/*responsive strat here*/

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

	.menu ul.nav-tabs li{padding: 10px 0;}

	.nav-tabs > li > a{ font-size:10px;}

	.sc a{ width:40%;}

	.ji{margin: 0 auto;display: table;text-align: center;}

	.me-respon{ padding:0;}

    .item {width: 230px;}

}



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

	.menu ul.nav-tabs li{padding: 10px 0;}

	.nav-tabs > li > a{ font-size:10px;}

	.sc a{ width:40%;}

    .ji{margin: 0 auto;display: table;text-align: center; width: 100%;}	

    .item {width: 255px;}
}



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

	.menu ul.nav-tabs li { padding: 5px 0;float: none;}

	.nav-tabs > li > a{border-left:none;}

	.hai {padding: 0;}

	.ji{margin: 0 auto;display: table;text-align: center;}

	.item-h{ display:none;}

	.item{ float:left;}

	.sc a{ width:50%;}

	.sc3 p {text-align: center;font-size: 13px;}
	.wih a {float: left;font-size: 12px;}

	

}



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

	.menu ul.nav-tabs li { padding: 5px 0;float: none;}

	.nav-tabs > li > a{border-left:none;}

	.hai {padding: 0;}

	.ji{margin: 0 auto;display: table;text-align: center;}

	.item-h{ display:none;}

	.item{ float:none;}

	.sc a{ width:100%;}

	.sc3 p {text-align: center;font-size: 13px;}
	.wih a {float: left;font-size: 11px;}

	

}