@charset "utf-8";
body {
	font-family: 'Roboto Slab', serif;
	color: rgb(90,90,90);
	font-size: 16px;
}
p {
	color: rgb(90,90,90);
	font-family: "Roboto Slab", serif;
}
.p1 {
	color: rgba(0,0,0,1.00);
	margin-bottom: 0px;
	padding-right: 10px;
}
.space-top{
	margin-top: 15px;
}
.space-bot{
	margin-bottom: -15px;
}

.p-align-col{
	text-align: center;
	
}

h1 {
	font-family: 'Lobster', cursive;
	font-size: 160%;
	color: rgba(0,0,2,1.00);
	margin-top: 13px;
}
h2 {
	font-size: 100%;
	font-weight: 700;
	padding-top: 1%;
	color: rgba(10,10,10,1.00);
	/* [disabled]margin-top: 13px; */
}

h3 {
	font-size: 90%;
	font-weight: 700;
	padding-top: 0px;
	color: rgba(10,10,10,1.00);

}

h4 {
	font-family: 'Lobster', cursive;
	font-size: 150%;
	color: rgba(25,25,25,1.00);
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: -4px;
}

h5 {
	font-size: 100%;
	font-weight: 400;
	padding-top: 0px;
	color: rgba(255,255,255,1.00);

}
a,
a:link,
a:visited {
	color: #e548a8;
	text-decoration: none;
}

a:hover {
	color:rgb(255,255,255);
	text-decoration: none;
} 

dt {
  font-weight:normal;
	color: black;
	font-size: 95%;
}

dd {
	font-size: 95%;
}

.cf-homepage {
	background-image: url(../images/background_home.jpg);
	background-repeat: repeat;
	min-height: 2000px;
	padding-bottom: 500px;
	padding-top: 0px;
}

.c-main {
	background-repeat: repeat;
	background-image: url(../images/background_cloth.jpg);
	-webkit-box-shadow: 0 0 2px 1px #6C6C6C;
	box-shadow: 0 0 2px 1px #6C6C6C;
	padding-top: 15px;
	padding-bottom: 15px;
	max-width: 1000px;
}
.c-foot {
	background-color: rgba(80,80,80,.20);
	margin-top: 15px;
	font-size: 90%;
	border-radius: 8px;
	padding-top: 12px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
/*-------------------FROM BOOTSTRAP------------------*/
.container {
	/* [disabled]padding-right: 15px; */
	/* [disabled]padding-left: 15px; */
	margin-right: auto;
	margin-left: auto;
	max-width: none;
}

.box-left1 {
	/* [disabled]background-color: rgba(235,49,158,0.31); */
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 16px;
}
.box-menu {
	/* [disabled]background-color: rgba(248,69,158,0.66); */
	padding-top: 13px;
	padding-bottom: 13px;
}
.box-right1 {
	/* [disabled]background-color: rgba(88,213,106,0.54); */
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.box-left2 {
	background: rgba(227, 156, 42, 0.2);
	border-radius: 8px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-top: 1px;
	margin-top: 0px;
	margin-bottom: 15px;
}

.box-right2 {
	background: rgba(102, 36, 130, 0.2);
	border-radius: 8px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 1px;
	margin-bottom: 15px;
}
.box-right2twit {
	background: rgba(102, 36, 130, 0.2);
	border-radius: 8px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-top: 11px;
	margin-bottom: 15px;
}

.box-main-content {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	/* [disabled]-webkit-border-image: url(../images/border-dash3.png) 19 round; */ /* Safari 3.1-5 */
	-o-border-image: url(../images/border-dash3.png) 19 round; /* Opera 11-12.1 */
	/* [disabled]border-image: url(../images/border-dash3.png) 19 round; */
	margin-top: 15px;
	margin-bottom: -15px;
}
.box-dashed {
	border: 18px solid #FFFFFF;
	-webkit-border-image: url(../images/border-dash3.png) 19 round; /* Safari 3.1-5 */
	-o-border-image: url(../images/border-dash3.png) 19 round; /* Opera 11-12.1 */
	border-image: url(../images/border-dash3.png) 19 round;

}
.box-dashed-menu {
	border: 19px solid #FFFFFF;
	-webkit-border-image: url(../images/border-dash3.png) 19 round; /* Safari 3.1-5 */
	-o-border-image: url(../images/border-dash3.png) 19 round; /* Opera 11-12.1 */
	border-image: url(../images/border-dash3.png) 19 round;
	border-left: 0;
	border-right: 0;
	margin-top: -30px;
}
.box-dashed-line {
	border: 19px solid #FFFFFF;
	-webkit-border-image: url(../images/border-dash3.png) 19 round; /* Safari 3.1-5 */
	-o-border-image: url(../images/border-dash3.png) 19 round; /* Opera 11-12.1 */
	border-image: url(../images/border-dash3.png) 19 round;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.box-dashed-class {
	border: 16px solid #FFFFFF;
	-webkit-border-image: url(../images/border-dash3.png) 19 round; /* Safari 3.1-5 */
	-o-border-image: url(../images/border-dash3.png) 19 round; /* Opera 11-12.1 */
	border-image: url(../images/border-dash3.png) 19 round;
	position: relative;
	float: none;
	/* [disabled]background-color: rgba(0,216,132,1.00); */
	max-width: 200px;
}
.box-back {
	position: absolute;
	width: 10%;
	z-index: 5;
	top: -40px;
	font-size: 175%;
	height: auto;
	right: -1%;
}
.youtubebox {
	position: relative;
	overflow: hidden;
	width: 95%;
	max-width: 600px;
	margin-bottom: 15px;
	float: none;
	margin: 0 auto;
}
.box-iframe {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 15px;
	float: none;
	margin: 0 auto;
}

.embed-responsive-dt {
  padding-bottom: 175%;
}
.embed-responsive-iframe-dt {
    padding-bottom: 250%;
}
.box-inner {
	position: relative;
	overflow: hidden;
	max-width: 600px;
	width: 95%;
	padding-bottom: 15px;
	float: none;
/*	padding-top: 20px;*/
	margin: 0 auto;
}
.border-shadow {
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	-moz-box-shadow: 0 1px 5px 1px #555555;
	-webkit-box-shadow: 0 1px 5px 1px #555555;
	box-shadow: 0 1px 5px 1px #555555;
			}

/*-------BUTTONS GNENERAL ------------------*/

.btn-side {
  	padding: 8px 14px;
	font-family: 'Lobster', cursive;
  	font-size: 125%;
  	line-height: 1.2;
  	border-radius: 6px;
	border-color: #B1B1B1;
	background-color: #C6C6C5;
	color: #000;
	text-shadow: 0px 1px #fff;
	border-style: solid;
	border-width: 1px;
	margin-top: 0px;

}

.btn-side:link,
.btn-side:visited {
    color: #000000;
	text-decoration: none;
}

.btn-side:hover,
.btn-side:focus,
.btn-side.focus{
  	color: #CD0000;
  	text-decoration: none;
}

.btn-buy:visited,
.btn-buy {
  	padding: 8px 14px;
	font-family: 'Lobster', cursive;
  	font-size: 150%;
	width: 60%;
  	line-height: 1.2;
  	border-radius: 6px;
	border-color: #B1B1B1;
	background-color: #C71B10;
	color: #FFFFFF;
	text-shadow: 1px 0px #000;
	border-style: solid;
	border-width: 1px;
	margin-top: 0px;

}

.btn-buy:link {
    color: #F1F1F1;
	text-decoration: none;
}

.btn-buy:hover,
.btn-buy:focus,
.btn-buy.focus {
  	color: #000;
  	text-decoration: none;
	text-shadow: 0px 1px rgba(255,255,255,0.8);
}


/*-------BUTTON MENU ------------------*/
.btn-menu {
  	color: #000000;
  	background-color: rgba(0,0,0,0.00);
	padding: 14px;
	font-family: 'Lobster', cursive;
	font-size: 29px;
	line-height: .9;
	border-radius: 8px;
	margin-left: 2px;
	margin-right: 2px;
	border-width: 0px;
}

.btn-menu:focus,
.btn-menu.focus, 
.btn-menu:hover,
.btn-menu:active,
.btn-menu.active {
 	color: rgba(255,255,255,1.0);
	text-shadow: 1px 1px 1px rgba(60,60,60,0.9);
}

.btn-menu1:focus,
.btn-menu1.focus, 
.btn-menu1:hover, 
.btn-menu1:active,
.btn-menu1.active {
  	background-color: rgba(227, 156, 42, 0.3);
}

.btn-menu2:focus,
.btn-menu2.focus, 
.btn-menu2:hover, 
.btn-menu2:active,
.btn-menu2.active {
  	background-color: rgba(213,62,177,0.40);
}

.btn-menu3:focus,
.btn-menu3.focus, 
.btn-menu3:hover, 
.btn-menu3:active,
.btn-menu3.active {
  	background-color:  rgba(102, 36, 130, 0.3)
}

.btn-menu4:focus,
.btn-menu4.focus, 
.btn-menu4:hover, 
.btn-menu4:active,
.btn-menu4.active {
  	background-color: rgba(55,153,69,0.30);
}

.btn-menu5:focus,
.btn-menu5.focus, 
.btn-menu5:hover, 
.btn-menu5:active,
.btn-menu5.active {
	background-color:rgba(225,179,18,0.30)
}

.btn-menu6:focus,
.btn-menu6.focus, 
.btn-menu6:hover, 
.btn-menu6:active,
.btn-menu6.active {
	background-color: rgba(130,130,130,0.30);
}

.btn-menu7:focus,
.btn-menu7.focus, 
.btn-menu7:hover, 
.btn-menu7:active,
.btn-menu7.active {
	background-color: rgba(0, 159, 227, 0.3);
}

/*-------BUTTON BURGER ------------------*/

.btn-burger {
  	color: #000000;
  	background-color: rgba(0,0,0,0.00);
	padding: 0px;
	font-family: 'Lobster', cursive;
	font-size: 29px;
	line-height: .0;
	border-radius: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-width: 0px;
}
.btn-burger:active,
.btn-burger.active,
.btn-burger:focus,
.btn-burger.focus,
.btn-burger:hover {
 	background-color: rgba(0,0,0,0.00);
}

/*-------DROP DOWN MENU-------------------------*/
.dropdown-menu {
  	position: absolute;
  	top: 100%;
	/* left makes */
  	right: 0;
  	z-index: 1000;
  	display: none;
  	float: left;
  	min-width: 50%;
  	padding: 5px 0;
  	margin: 2px 0 0;
	font-family: 'Lobster', cursive;
	color: rgba(0,0,0,1.00);
  	font-size: 145%;
  	text-align: right;
  	list-style: none;
  	background-color: rgba(255,255,255,0.95);
  	-webkit-background-clip: padding-box;
    background-clip: padding-box;
  	border: 1px solid #ccc;
  	border: 1px solid rgba(0, 0, 0, .15);
  	border-radius: 4px;
  	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: rgba(245,0,0,0.3);
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.2;
  white-space: nowrap;
	}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #D70000;
  text-decoration: none;
  background-color: rgba(205,196,196,0.21);
}
/*-------CAROUSEL-------------------------*/
.carousel {
  margin-bottom: 35px;
}
.carousel-inner {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.carousel-control.left,
.carousel-control.right{
	background-image: none;
	 	opacity: .95;
  		right: 60;
}

.carousel-control:hover,
.carousel-control:focus {
/*	background-image: none;*/
	opacity: .8;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
	font-size: 220%;
  	left: 90%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
	font-size: 220%;
  	right: 90%;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 100px;
  height: 100px;
	background-color: #000;
}

.carousel-inner {
  	position: relative;
  	overflow: hidden;
	width: 95%;
	max-width: 600px;
	margin-bottom:15px;
	margin-top: 15px;
}

.carousel-indicators {
  	bottom:-50px;
}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
  	margin: 10px 3%;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgba(255,255,255,0.1);
	border: 2px solid #e548a8;
	border-radius: 10px;
}
.carousel-indicators .active {
  	width: 10px;
  	height: 10px;
  	margin: 10px 3%;
	border: 2px solid #e548a8;
  	background-color: #e548a8;
}

.carousel-caption {
	width: 25%;
	left: 1.8vw;
  position: absolute;
  bottom: 2vh;
   z-index: 10;
  padding: 0px 3px 0px 3px;
  color: #fff;
	background-color: rgba(0,0,0,0.3);
  text-align: center;
  text-shadow: 0 0px 4px rgba(0, 0, 0, 1);
}
/*-------REPSONSIVE VIDEO-------------------------*/
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/*COLOURS*/
.colour-green {
/*	background-color: rgba(81,192,97,0.20);*/
	background-color:rgba(142, 192, 31, 0.2);
}
.colour-purple {
	background: rgba(102, 36, 130, 0.2)
}
.colour-orange {
	background-color: rgba(227, 156, 42, 0.2);
}
.colour-grey {
	background-color: rgba(130,130,130,0.20);
}
.colour-grey-dark {
	background-color: rgba(80,117,128,0.25);
}
.colour-blue {
	background-color: rgba(0, 159, 227, 0.2);
}
.colour-gold {
	background-color: rgba(232, 215, 0, 0.2);
}
.colour-rose {
	background-color: rgba(243,90,206,0.20);
}
.colour-blank {
	background-color: rgba(0,0,0,0.00);
}

.txt-pink {
	color: #e548a8;
		}

.txt-red {
	color: #E30613;
		}

.txt-black {
	color: #000000;
		}

.txt-grey {
	color: #6F6F6F;
		}

/*COLOURS END*/

.box-class {
	width: 192px;
	height: 192px;
	padding: 0px;
}

img {
  border: 0;
}
.text-class-icon {
	background-color: rgba(255,255,255,0.75);
	z-index: 0;
	position: absolute;
	width: 100%;
	bottom: 0px;
	/* [disabled]height: 35%; */
}
.text-class-icon a, 
.text-class-icon a:link {
	color: rgba(0,0,0,1.00);
	text-decoration: none;
}
.text-class-icon a:hover {
	color: #e548a8;
	text-decoration: none;
}

.menu-text-icon a, 
.menu-text-icon a:link,
.menu-text-icon a:hover {
	color: rgba(0,0,0,1.00);
	text-decoration: none;
}
.col-sm-4   {
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-top: 14px;
}

.glyph-format {
	font-size: 100%;
	padding-top: 6px;
	padding-right: 1%;
	padding-left: 2%;
	padding-bottom: 0px;
	color: #000000;
}
.text-sm a:hover {
	color: rgba(110,110,110,1.00);
}
.box-dashed .box-dashed-menu.box-view-mobile h4 {
	color: #000000;
}
.checkfront {
    z-index: 10;
}



/*-------MEDIA QUERIES-------------------------*/


@media (min-width: 1200px){
	.box-view-mobile{
	display: none;
}
.img-space {
	margin: 0px 10px;
}
h6 {
	font-size: 16px;
	line-height: 1.3;
}
.book-mb {
	display: none;
}
.p-align-col {
	text-align: left;
	
}



}

@media (min-width: 992px) and (max-width: 1199px){
	.btn-menu {
		padding: 12px;
		font-size: 24px;
		margin-left: 1px;
		margin-right: 1px;
	}

	.box-view-mobile{
	display: none;
	right: auto;
	}
		.img-space {
		margin: 0px 5px;
	}
h6 {
	font-size: 85%;
	line-height: 1.3;
}
.book-mb {
	display: none;
}
.p-align-col {
	text-align: left;
	
}




}

@media (min-width: 768px) and (max-width: 991px){
	.box-right1 {
	padding-left: 0px;
}
		.box-left1 {
	padding-right: 0px;
}
		.box-view-desktop{
	display: none;
}
.box-dashed-menu {
	margin-top: 0px;
}
h6 {
	font-size: 85%;
	line-height: 1.3;
}
.text-sm {
	font-size: 100%;
}
.book-mb {
	display: none;
}
.p-align-col {
	text-align: left;
	
}

}

@media (max-width: 767px){
	.box-right1 {
		padding-left: 0px;
}
	.box-left1 {
		padding-right: 0px;
}
	.box-view-desktop{
		display: none;
}
h6 {
	font-size: 85%;
	line-height: 1.3;
}
body {
	font-size: 17px;
}

.box-dashed {
	border: 14px solid #FFFFFF;
	-webkit-border-image: url(../images/border-dash3-xs.png) 14 round; /* Safari 3.1-5 */
	-o-border-image: url(../images/border-dash3-xs.png) 14 round; /* Opera 11-12.1 */
	border-image: url(../images/border-dash3-xs.png) 14 round;

}
.box-dashed-class {
	border: 14px solid #FFFFFF;
	-webkit-border-image: url(../images/border-dash3-xs.png) 14 round; /* Safari 3.1-5 */
	-o-border-image: url(../images/border-dash3-xs.png) 14 round; /* Opera 11-12.1 */
	border-image: url(../images/border-dash3-xs.png) 14 round;
	position: relative;
	float: none;
	/* [disabled]background-color: rgba(0,216,132,1.00); */
	max-width: 200px;
}
.box-dashed-menu {
	border: 14px solid #FFFFFF;
	-webkit-border-image: url(../images/border-dash3-xs.png) 14 round; /* Safari 3.1-5 */
	-o-border-image: url(../images/border-dash3-xs.png) 14 round; /* Opera 11-12.1 */
	border-image: url(../images/border-dash3-xs.png) 14 round;
	border-left: 0;
	border-right: 0;
	margin-top: 0px;
}
	.box-dashed-line {
	border: 14px solid #FFFFFF;
	-webkit-border-image: url(../images/border-dash3-xs.png) 14 round; /* Safari 3.1-5 */
	-o-border-image: url(../images/border-dash3-xs.png) 14 round; /* Opera 11-12.1 */
	border-image: url(../images/border-dash3-xs.png) 14 round;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	}

.col-xxs-6.col-xs-4.col-sm-4 {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
}
.text-sm {
	font-size: 100%;
}
.book-dt {
	display: none;
}
.embed-responsive-mb {
    padding-bottom: 250%;
}


}

@media (max-width: 604px){
h6 {
	font-size: 68%;
}
.text-sm {
	font-size: 90%;
}
.book-dt {
	display: none;
}
.embed-responsive-mb {
    padding-bottom: 350%;
}
h5 {
	font-size: 70%;
	padding-top: 0px;
}



}

@media (max-width:480px){
.col-xxs-6.col-xs-4.col-sm-4 {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
}
h6 {
	font-size: 80%;

}
.text-sm {
	font-size: 100%;
	text-align: center;
}
body {
	font-size: 16px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
	font-size: 150%;
}
.embed-responsive-mb {
    padding-bottom: 400%;
}

}
@media (max-width: 414px){
h6 {
	font-size: 80%;
}
.text-sm {
	font-size: 104%;
	text-align: center;
}
body {
	font-size: 16px;
}
.btn-buy {
	width: 65%;
}
.embed-responsive-mb {
    padding-bottom: 500%;
}
h1 {
	font-size: 125%;
}
h5 {
	font-size: 70%;
	padding-top: 0px;
}


}

@media (max-width: 376px){
h6 {
	font-size: 76%;
}
.text-sm {
	font-size: 104%;
	text-align: center;
}
body {
	font-size: 14px;
}
.btn-buy {
	width: 65%;
}
.embed-responsive-mb {
    padding-bottom: 500%;
}

	
}
	
@media (max-width: 361px){
h6 {
	font-size: 76%;
}
.text-sm {
	font-size: 104%;
	text-align: center;
}
body {
	font-size: 14px;
}
.btn-buy {
	width: 65%;
}
.embed-responsive-mb {
    padding-bottom: 500%;
}

	
}
	
@media (max-width: 321px){
h6 {
	font-size: 60%;
}

.col-xxs-6.col-xs-4.col-sm-4 {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
}
.text-sm {
	font-size: 86%;
	text-align: center;
}
body {
	font-size: 15px;
}
.btn-buy {
	font-size: 110%;
	width: 65%;

}
.embed-responsive-mb {
    padding-bottom: 500%;
}
h5 {
	font-size: 50%;
	padding-top: 0px;
}


}