@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700);


/*font-family: 'Roboto Slab', serif;*/
li.dropdown.open ul li a {
    color: #000 !important;
}

/*--------  General ----------*/
.resp-footer-third-col {
    display: none;
}
/*  Social icons
--------------------------------*/
.social {
  position: fixed;
  top: 160px;
  z-index: 1;
}



.social ul {
  padding: 0px;
  -webkit-transform: translate(-270px, 0);
  -moz-transform: translate(-270px, 0);
  -ms-transform: translate(-270px, 0);
  -o-transform: translate(-270px, 0);
  transform: translate(-270px, 0);
}
.social ul li {
	border: medium solid #DC143C;
	display: block;
	margin: 5px;
	background: #000000;
	width: 319px;
	text-align: right;
	padding: 10px;
	-webkit-border-radius: 0 30px 30px 0;
	-moz-border-radius: 0 30px 30px 0;
	border-radius: 0 30px 30px 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	background-color: #a6aeb5;
}

.social_border {
	border: medium solid #DC143C;
	display: block;
	margin: 5px;
	background: #000000;
	width: 63%;
	text-align: left;
	padding: 10px;
	-webkit-border-radius: 0 30px 30px 0;
	-moz-border-radius: 0 30px 30px 0;
	border-radius: 30px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	background-color: #a6aeb5;
	position: fixed;
	left: 3%;
	height: 470px;
	top: 100px;
}

.social_border1 {
	border: medium solid #FFFFFF;
	display: block;
	margin: 5px;
	background: #000000;
	width: 1000px;
	text-align: right;
	padding: 10px;
	-webkit-border-radius: 0 30px 30px 0;
	-moz-border-radius: 0 30px 30px 0;
	border-radius: 30px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	background-color: #a6aeb5;
	position: fixed;
	left: 5%;
	height: 66px;
	top: 510px;
}

.advert1 {
	border: medium solid #DC143C;
	display: block;
	margin: 5px;
	background: #e8028b;
	width: 11.5%;
	text-align: center;
	padding: 10px;
	-webkit-border-radius: 0 30px 30px 0;
	-moz-border-radius: 0 30px 30px 0;
	border-radius: 30px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	background-color: #a6aeb5;
	position: fixed;
	left: 71%;
	height: 473px;
	top: 100px;
}

.advert2 {
	border: medium solid #DC143C;
	display: block;
	margin: 5px;
	background: #e8028b;
	width: 345px;
	text-align: center;
	padding: 10px;
	-webkit-border-radius: 0 30px 30px 0;
	-moz-border-radius: 0 30px 30px 0;
	border-radius: 30px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	background-color: #a6aeb5;
	position: fixed;
	left: 71%;
	height: 473px;
	top: 100px;
}
.advert3 {
	border: medium solid #DC143C;
	display: block;
	margin: 5px;
	background: #e8028b;
	width: 100px;
	text-align: right;
	padding: 10px;
	-webkit-border-radius: 0 30px 30px 0;
	-moz-border-radius: 0 30px 30px 0;
	border-radius: 30px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	background-color: #a6aeb5;
	position: fixed;
	left: 1170px;
	height: 100px;
	top: 470px;
}

.social ul li:hover {
  -webkit-transform: translate(110px, 0);
  -moz-transform: translate(110px, 0);
  -ms-transform: translate(110px, 0);
  -o-transform: translate(110px, 0);
  transform: translate(110px, 0);
  background: #f90401;
}
.social ul li:hover a {
  color: #fff;
}
.social ul li:hover i {
  color: #e40006;
  background: rgb(255, 255, 255);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li i {
  margin-left: 10px;
  color: #1bb40a;
  padding: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 43px;
  height: 43px;
  font-size: 22px;
  background: #FFFFFF;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.my_bg1 {
    background: url(https://0bba85283010b328c484-f139c7401b3658260f434c192b129add.ssl.cf3.rackcdn.com/pizzaplustakeaway.com/manage/manage_uploads/upload/phpnCzWCv.png);
    height: 300px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 90%;
    transition-duration:0.3s;
}

.my_bg2 {
    background: url(https://0bba85283010b328c484-f139c7401b3658260f434c192b129add.ssl.cf3.rackcdn.com/pizzaplustakeaway.com/manage/manage_uploads/upload/phpF1033j.png);
    height: 300px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 90%;
    transition-duration:0.3s;
}


.my_bg3 {
    background: url(https://0bba85283010b328c484-f139c7401b3658260f434c192b129add.ssl.cf3.rackcdn.com/pizzaplustakeaway.com/manage/manage_uploads/upload/phpfmH4Y8.png);
    height: 300px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 90%;
    transition-duration:0.3s;
}
.my_bg3:hover
{
	background: url(https://0bba85283010b328c484-f139c7401b3658260f434c192b129add.ssl.cf3.rackcdn.com/pizzaplustakeaway.com/manage/manage_uploads/upload/phpvYkBMN.png);
	height: 300px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 90%;
    transition-duration:0.3s;
}

.my_bg4 {
    background: url(https://0bba85283010b328c484-f139c7401b3658260f434c192b129add.ssl.cf3.rackcdn.com/pizzaplustakeaway.com/manage/manage_uploads/upload/phpLI4VmY.png);
    height: 300px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 90%;
    transition-duration:0.3s;
}
.my_bg4:hover {
    background: url(https://0bba85283010b328c484-f139c7401b3658260f434c192b129add.ssl.cf3.rackcdn.com/pizzaplustakeaway.com/manage/manage_uploads/upload/phpbAGBED.png);
    height: 300px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 90%;
    transition-duration:0.3s;
}
.margTop15px{margin-top:15px;}
.margTop30px{margin-top:30px;}
.margTop45px{margin-top:45px;}
.margTop60px{margin-top:60px;}

.margBot15px{margin-bottom:15px;}
.margBot30px{margin-bottom:30px;}
.margBot45px{margin-bottom:45px;}
.margBot60px{margin-bottom:60px;}


.resp-body {
    font-family: 'Roboto Slab', serif;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
    overflow-x: hidden;
     /* For browsers that do not support gradients */
     /* For Safari 5.1 to 6.0 */
     /* For Opera 11.1 to 12.0 */
     /* For Firefox 3.6 to 15 */
     /* Standard syntax */
    background: url(https://0bba85283010b328c484-f139c7401b3658260f434c192b129add.ssl.cf3.rackcdn.com/bursleyburslem.com/manage/manage_uploads/upload/phpvaXgM6.jpg);
    background-size: cover;
    background-attachment: fixed;
}
.nav-basket-mobile {
  background: #db241e;
  border: 1px solid #fff;
}
.nav-basket-mobile a {
    color: #fff;
}
.resp-home-container {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.navbar-toggle {
    border-color: #ffffff!important;
}

.navbar-toggle .icon-bar {
    background-color: #ffffff!important;
}

.navbar-toggle:hover {
    background-color: #e8028b!important;
}

.navbar-toggle:hover .icon-bar {
    background-color: #ffffff !important;
}

.resp-navbar ul li a {color: #fff!important;}

.resp-navbar ul li a:hover {
    background: #e8028b!important;
    color: #fff!important;
}

.resp-navbar ul {
    margin-top: 0px;
}

.resp-footer {
    left: 0;
    right: 0;
    width: 100%
    background: #ed0191;
    background-size: cover;
    border-top: 3px solid #000000;
}

.resp-footer ul li a {
    color: #fff;
    font-size: 15px !important;
}

.footer-logo {
    background: #fff;
    border-radius: 6px;
    height: 50px;
    padding: 2px;
    height: 40px;
}

.footer .nav li a {
	padding: 5px 10px;
	font-size:12px;
}

.resp-footer .nav>li>a:hover {
    text-decoration: none;
    background-color: #f3ecc6;
    color: #000;
}


.carousel-inner .item {
    max-height: 450px;
}

.carousel-inner>.item>img {
    display: block;
    width: 100%;
    height: auto;
}

/* ---- Order Page ----*/

.menu-row {
    margin-top: 10px;
}

.resp-side-nav li a {
    width: 250px;
    display: block;
    background: #e9048b!important;
    color: #fff;
    height: inherit;
    border: 1px solid #e9048b;
}

.resp-side-nav li a:hover, .resp-side-nav li a:fOCUS{
  background: #8ac63e !important;
  color: #000000;
  border: 1px solid #8ac63e;
}

.resp-side-nav>li.active>a {
   background: #48166d00!important;
   color: #fff;
   border: 1px solid #ffffff;
}

.resp-panel-title {
    color: #ee2b17;
    font-weight: bold;
    text-decoration: none;
}

.resp-subcat-title {
    color: #ee2b17;
}

.resp-subcat-desc-detail .item {
    color: #2A2A2A;
}

.resp-subcat-desc-detail .item_description {
    font-style: normal;
    color: #000000;
}

.resp-subcat-item-price {
    color: #2A2A2A;
}

.resp-subcat-btn a {
    color: #FFFFFF !important;
    background: #f13f1b;
    border: #f13f1b;
}

.resp-subcat-btn a:hover {
    color: #FFFFFF !important;
    background: #343434;
    border: #ffffff;
}

#basket, #mini-basket {
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 10px;
    color: #000000!important;
}

#basket .col-xs-11 , #mini-basket .col-xs-11 {
 width:100% !important; 
}

/* --- Media X-Small(xs) Devices ---*/

@media (min-width: 320px) and (max-width: 479px) {

.resp-primary-navbar {
     position: absolute !important;
     background: #8ac43d;
     border-color: #FFF;
}

.resp-logo img{
    height: 41px;
}

#top_home{
    background: url(http://fcc8c54e9ed2f2f83c7e-f139c7401b3658260f434c192b129add.r97.cf3.rackcdn.com/achar.co.uk/manage/manage_uploads/upload/phpWKm1dI.jpg);
    background-size: cover;
    background-position: right 25% top !important;
    background-repeat: no-repeat;
    color: #cfcfcf;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 5px 0px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-inverse .navbar-collapse {
    border-color: #ffffff;
}

}


/* --- Media Small Devices(sm) ---*/

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

.resp-primary-navbar {
     position: absolute !important;
     background: #8bc43c;
     border-color: #FFF;
}

.resp-logo img{
    height: 42px;
}

#top_home{
    background: url(http://fcc8c54e9ed2f2f83c7e-f139c7401b3658260f434c192b129add.r97.cf3.rackcdn.com/achar.co.uk/manage/manage_uploads/upload/phpWKm1dI.jpg);
    background-size: cover;
    background-position: right 25% top !important;
    background-repeat: no-repeat;
    color: #cfcfcf;
}


.navbar-brand {
    float: left;
    height: 50px;
    padding: 5px 0px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-inverse .navbar-collapse {
    border-color: #ffffff;
}


}
.header-alert
{
	display:none;
}


/* --- Media Medium Devices(md) ---*/

@media (min-width: 769px) and (max-width: 991px) {

.resp-primary-navbar {
    background: #88c43a;
    border-color: #ffffff;
    height: 60px;
    position: absolute !important;
}

.resp-logo img{
    height: 50px;
    margin-top: -10px;
}

.resp-navbar ul {
    margin-top: 5px;
}

.resp-navbar ul li a {color: #ffffff !important;}

.resp-navbar ul li a:hover {
    color: #FFFFFF !important;
}

}



/* --- Media large Devices(lg) ---*/

/* --- Only for side nav ----*/

@media (min-width: 992px) and (max-width: 1199px) {

.resp-side-nav li a {
    width: 200px;
}

}

@media (min-width: 992px){

.resp-primary-navbar {
    border-bottom: 3px solid #e8028b;
    height: 123px;
    position: absolute !important;
    border-bottom-width: 3px;
    background: #8ac63e;
    background-repeat: repeat;
}

.resp-logo img{
  height: 130px;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 15px;
    font-size: 18px;
    line-height: 20px;
}
.resp-navbar ul {
    margin-top: 45px;
}

.resp-navbar ul li a {color: #fff!important;padding-top: 10px;padding-bottom: 10px;font-weight: 600;font-size: 16px;}

.resp-navbar ul li a:hover {
    background: #0000!important;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ff!important;
    border-radius: 4px;
}


}


/* ----Home Content Style---- */
/**BodySection**/
#BodySection {
    background: rgba(255, 255, 255, 0);
    padding: 45px 0px 45px 0px;
}


/**BodySection1**/

#BodySection1 {
    background: #fff;
}

#BodySection1 h1 {
    color: #F32523;
    text-align: center;
    font-family: 'Allura', cursive;
    font-size: 60px;
    font-weight: normal;
    margin-top: 0px!important;
}

#BodySection1 h2{
  font-family: 'Roboto Slab', serif;
  font-size: 38px;
  color: #ed0191;
  text-align: center;
  font-weight: 700;
}

@media screen and (max-width:767px)
{
	#BodySection1 p {
    text-align: center;
    font-size: 16px;
    line-height: 29px;
    padding: 10px 10px !Important;
    color: #fff;
}
}

#BodySection1 p {
    text-align: center;
    font-size: 16px;
    line-height: 29px;
    color: #000;
}

/**BodySection2**/

#BodySection2 {
    background: #fff;
    padding: 45px 0px 45px 0px;
    border-top: 5px solid rgba(254, 241, 209, 0);
}
#BodySection2 h1 {
    color: #31421C;
    text-align: center;
}
#BodySection2 p {
    text-align: center;
	font-size:14px;
}


/**BodySection3**/
#BodySection3 {
    background: #DFDFDF;
    padding: 45px 0px 45px 0px;
}
#BodySection3 h1 {
    color: #F32523;
    text-align: center;
    font-size: 35px;
    font-weight: normal;
}
#BodySection3 p {
    text-align: center;
	font-size:14px;
}






/*--Slider start--*/

.special h3  {
    color: #ed0191;
    font-family: 'Roboto Slab', serif;
    font-size: 43px;
    font-weight: bold;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin-top:3em;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
}
ul#flexiselDemo1 li {
	text-decoration:none;
	display:block;
}
ul#flexiselDemo1 li  h4{
	text-align: left;
    padding-left: 14px;
	color:#478D06;
	font-family: 'Exo2-Medium';
	font-size:1.2em;
	margin-top:0.5em;
}
ul#flexiselDemo1 li  h4:hover{
	color: #DBC585;
}
.nbs-flexisel-item >  img {	
	cursor:auto;
	position: relative;
	  width: 90%;
  margin: 0 5%;
}

/*--Slider end--*/
.img-res1
{
  width:100%;
}
div#myTabContent {
    color: #000;
}