@import url(https://fonts.googleapis.com/css?family=Muli:400,300,300italic);


#catalog-3.tab-click-loadMore.active, div.os-gallery-tabs-main-2 div.copyright-block a.copyright-link{
  display:none
}



div.sppb-addon.sppb-addon-sppb-flibox.flat_style.flip_right.flipon-hover.sppb-text-center{
  font-size:20px;
  text-shadow: 2px 2px #000;
  
}

div.container div.category-view div.category-view div.horizontal-separator{
  margin-bottom:60px
}





 div.product-neighbours{
  margin-top: 30px
}








div#supplierlogos div.row div.col-md-3
{
  display:table-cell;
  vertical-align:middle;
  float:none;
}
div#supplierlogos div.row{
  display:table;
  width:100%;
}

div#supplierlogos div.row div.col-md-3 img{
  max-width:100%;
  float:none;
  max-height:150px;
}






/*---cart styling---*/

html body div.contentwrap div.row.content div.col-md-12 div.container div.category-view div.browse-view div.row div.product.vm-col.vm-col-3 div.spacer.product-container div.vm-product-descr-container-1 p.product_s_desc{
 display:none;
}



div.category.floatleft.width33 div.spacer h2 a img.browseCategoryImage{
  margin-top:20px
}

div.col-md-12 div.container div.category-view div.category_description{
  color:black;
    MArgin-top:20px;
  margin-bottom:20px;
    font-size:35px
}

span.vm-img-desc{
  display:none
}
 div.product-fields div.product-field.product-field-type-S div.product-field-display{
      font-size:20px
  }

div.product-field.product-field-type-S span.product-fields-title-wrapper{
  color:grey;


    font-family: 'Work Sans', sans-serif;
  font-size:20px

   

}
div.category-view div.category-view div.row {
margin-top:150px;
height:300px;
  overflow:hidden
  
}



div.category-view div.category-view div.row img {
      
width:100%
  
}


div.col-md-12 div.container div.category-view div.category-view  div.spacer h2 a{
 font-size: 20px;
   color:#666;
  margin-bottom:100px;
  padding-bottom:100px;
  
}




.content > .col-md-12 > .container{
  max-width:100%;
}








html body div.contentwrap div.row.content div.col-md-12 div.container div.moduletable{
color:black
}



div.product.vm-col.vm-col-3 div.spacer.product-container{
border:none
}



div.spacer.product-container div.vm-product-media-container a img.browseProductImage {
     width: 100%;
}

div.spacer.product-container div.vm-product-media-container {
     overflow: hidden;
     width: 100%;
height:300px;
}


div.col-md-12 div.container div.category-view div.browse-view div.orderby-displaynumber{
display:none
}
div.product-container.productdetails-view.productdetails, div.category-view div.browse-view h1 {
     color: black;
}

a.ask-a-question.bold {
     display: none;
}

div.vm-details-button a.product-details {
     display: none;
}

div.vm3pr-0 div.addtocart-area{
display:none;
}

html body div.contentwrap div.row.content div.col-md-12 div.container div.category-view div.browse-view div.row div.spacer.product-container  h2 a{
color:black;
}


html body div.contentwrap div.row.content div.col-md-12 div.container div.category-view  p.product_s_desc{

color:grey
}

html body div.contentwrap div.row.content div.col-md-12 div.container div.category-view div.browse-view div.row div.product.vm-col.vm-col-3.vertical-separator div.spacer.product-container div.vm3pr-0{
display:none;
}
/*---end cart styling---*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


/*- REGISTER FORM -*/
 div.registration > form#member-registration.form-validate.form-horizontal.well > fieldset > div.control-group > div.controls > input{
  color:black;
}
html > body > div.popover.fade.right{
color:black!important;
  
}
html > body > div.popover.fade.right h3{
font-size:20px!important;
  font-weight:bold;
}
#system-message-container{
	margin-top:250px;
  position:absolute;
  margin-left:25%;
  z-index:100!important;
  width:50%;
  
}


#system-message-container .alert.alert-error{
background-color: #fcf8e3;
  border: 1px solid #faebcc;
  color: #8a6d3b;
}

.alert-message{
  background-color: #fcf8e3;
  border: 1px solid #faebcc;
  color: #8a6d3b;
  
}


form#member-registration.form-validate.form-horizontal.well > div.control-group{
margin-top:40px;
}
/*- REGISTER FORM -*/



/*--SUPPLIED TO LOGO IMAGES--*/
div.custom > div.row > div.col-md-2 > img, div.custom > div.row > div.col-md-3 > img{
max-width:60%;
  padding:10px
}
/*--SUPPLIED TO LOGO IMAGES--*/

/*---GALLERY---*/
html > body > div.contentwrap > div.row.content > div.col-md-12 > div.container > div.item-page > div > div.moduletable > h3{
text-align:left;
}

 a.mod-articles-category-title{
font-size:16px;
  font-weight:300;
  color:black;
line-height: 200%;
  
}

/*---END GALLERY---*/



/*------------- TERMS ---------------*/

div.row.copyright > div.col-md-12 > div.custom > p > a{
color:#fff;
}

div.row.content > div.col-md-12 > div.container > div.item-page > div {
color:#000;
}

div.row.content > div.col-md-12 > div.container > div.item-page > div > ul {
margin-left:20px;
}
div.row.content > div.col-md-12 > div.container > div.item-page > div > ul li{
margin-bottom:20px;
  list-style-type:disc;
}




/*------------- TERMS ---------------*/

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.row{
margin: 0!important;
	padding: 0;
}


h3{
	font-size:40px!important;
  font-weight:300!important;
  padding-bottom:20px;
}
body{
background-color:#333!important;
  color:#fff!important;
  
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
  min-height: 0px!important; 
}

.topgap{
height:200px;
}


div.contentwrap{
	width:90%;
   background-color:#333;
   margin:auto;
  position:relative;

  
}

div.contentwrap > div.row.content > div.col-md-12{
background-color:white;
}




/*------------ GALLERY PAGE ---------*/

/*------------ DESCRIPTION TEXT ---------*/ div.item-page p{
margin-top:35px
}
 ul.category-module > li > p.mod-articles-category-introtext{
margin-top:-15px
  }
div.col-md-12 > div.container > div.item-page > div > div.moduletable > ul.category-module > li > a.mod-articles-category-title{
font-size:35px
}

div.contentwrap > div.row.content > div.col-md-12 > div.container > div.item-page > div > div.moduletable > h3{
text-align:center;
  color:#000;
}

/*------------ GALLERY PAGE ---------*/











/*----- CAROUSEL ----*/

#carousel{
position:absolute;
  z-index:-1;
  width:100%!important;
    top:100px;
}

@media (max-width: 992px) {
 
#carousel{

    top:200px;
}
}

/*----- CAROUSEL ----*/






/*------------ REGISTER FORM -----------*/

div.row.content > div.col-md-12 > div.container > div.registration > form#member-registration.form-validate.form-horizontal.well{
margin:auto;
}

div.row.content > div.col-md-12 > div.container > div.registration > form#member-registration.form-validate.form-horizontal.well > fieldset > legend{
text-align:center;
  font-size: 40px;
  font-weight: 300;
}

div.row.content > div.col-md-12 > div.container > div.registration > form#member-registration.form-validate.form-horizontal.well > fieldset > div.control-group{
width:240px;
  margin:auto;
  float:none;
}
div.row.content > div.col-md-12 > div.container > div.registration > form#member-registration.form-validate.form-horizontal.well > div.control-group > div.controls{
  width:240px;
  margin:auto;
  margin-top:10px;
}



/*------------ REGISTER FORM -----------*/





/*---lOGIN----*/



form#member-registration.form-validate.form-horizontal.well{

  width:500px;

}

form#member-registration.form-validate.form-horizontal.well > fieldset > div.control-group  {
float:left;
  margin-bottom:10px;
}


form#member-registration.form-validate.form-horizontal.well > div.control-group > div.controls > button.btn.btn-primary.validate{
background-color:#FF9500;
  border:none;
}

form#member-registration.form-validate.form-horizontal.well > div.control-group > div.controls > a.btn{
color:#FF9500;
}



form#member-registration.form-validate.form-horizontal.well{
border:none;
  background-color:white;
}

label#jform_spacer-lbl{
display:none;
}





div.control-group > div.control-label > label{
text-align:left;
  float:left;
  color:grey;
padding-right: 20px;
}

div.controls > button.btn.btn-primary{
float:left;
}
div.contentwrap > div.row.content > div.col-md-12 > div.container > div > ul.nav.nav-tabs.nav-stacked{
  width:240px;
  margin:auto;
  margin-bottom:40px;
}
ul.nav.nav-tabs.nav-stacked > li > a{
padding:5px;
color:#FF9500;
  text-align:center;
}

div.contentwrap > div.row.content > div.col-md-12 > div.container > div.login > div.page-header > h1{
text-align:center;
  font-size: 40px;
  font-weight: 300;
  color:#000;
}
div.contentwrap > div.row.content > div.col-md-12 > div.container > div.login > form.form-validate.form-horizontal.well{
width:240px;
  margin:auto;
}

div.contentwrap > div.row.content > div.col-md-12 > div.container > div.login > form.form-validate.form-horizontal.well > fieldset > div.control-group > div.controls > button.btn.btn-primary{
background-color:#FF9500;
  border:none;
}

div.contentwrap > div.row.content > div.col-md-12 > div.container > div.login > form.form-validate.form-horizontal.well > fieldset > div.control-group > div.controls > input{
color:#000;
}


/*---lOGIN----*/







/*-------  HOME AREAS --------*/


.clients{
background-color:white;
  color:#000;
  text-align:center;
  padding-bottom:20px;
  border-top:1px solid #000;
}
.clients .custom{
display:table;
  float:none;
}
.clients .col-md-2{
display:table-cell;
  float:none;
  vertical-align:middle;
}

.clients .col-md-2:nth-child(2) img{
max-width:45%;
  
}

.clients .col-md-2 img{
max-width:60%;
}




div.contentwrap .whoweare, div.contentwrap .howwehelp{
 padding-bottom:30px; 
}

.row.whoweare{
background-color:#ff9500;
  color:#000;
  text-align:center;
}



.row.westock{
background-color:#fff;
  color:#000;
   text-align:center;
}

.row.westock img{
padding:20px 40px;
}


.row.howwehelp{
background-color:#cc7002;
  color:#000;
   text-align:center;
}

div.contentwrap > div.row.clients > div.col-md-12 > div.moduletable, div.contentwrap > div.row.clients > div.col-md-12 > div.moduletable > div.custom{
  text-align:center;
  width:100%;
}



.row.footer{
  margin-bottom:30px!important;
  padding:30px;
}


div.row.footer > div.col-md-12 > div.moduletable > div.custom > div.col-md-4:nth-child(3){
text-align:right;
}

.row.copyright{
font-size:12px;
}


/*-------  HOME AREAS --------*/


/*-------------- MENU ------------*/

@media (max-width: 772px) {
div.row.menubar > div.col-md-3.col-xs-12.logo > div.custom > p > img
  {
    max-width:100%;
    height:auto;
  }
}


#menu li, #menu ul {
  float:left;
    margin-bottom:7px;
  
}

.row.menubar{
position:fixed;
  top:0px;
  left:0px;
  width:100%;
  z-index:10000;
  background-color:#333;
  padding:20px 20px 0px 20px;
  border-top:10px solid #ff9500;
}

#headercontact{
color:white;
  text-align:right;
}


div.row.menubar > div.col-md-9.col-xs-12 > div#menu > div.navbar.navbar-inverse{
background:none;
  border:0px;
  border-radius:0px;
  margin:0px;
  float:right;
}

div.row.menubar > div.col-md-9.col-xs-12 > div#menu > div.navbar.navbar-inverse > div > ul.nav.navbar-nav > ul.nav.menu > li a{
background:none;
  color:white;
}

div.row.menubar > div.col-md-9.col-xs-12 > div#menu > div.navbar.navbar-inverse > div > ul.nav.navbar-nav > ul.nav.menu > li a:hover{
background:none;
  color:#ff9500;
}



@media (max-width: 992px) {
 
  div.row.menubar > div.col-md-9.col-xs-12{
background-color:black;
  margin-top:15px;
}

}




/*--------------- MENU ---------*/




/*-----------------  SPINNING TILES -----------------------*/

#tilescontainer{
  margin-top:18px;
  
}   
.flip-container {
        margin: 0px;
        perspective: 1000;
        display: inline-block;
		width:33%;
	max-width:33%;	
  border:0px;
  font-size:022px;
      text-shadow: 2px 2px #000;
  text-align:center;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
    }


@media (max-width: 992px) {
 
  .flip-container {
    max-width:49%;
    width:49%;
    overflow:hidden;
    font-size:14px;
}
}


    .flip-container:hover .card {
        transform: rotateY(180deg);
		margin: 0px;
		border:0px;
		
    }
 
    .card {
        transition: 0.5s;
        transform-style: preserve-3d;
        position: relative;
		width: 100%;
        height: 360px;
		margin: 0px;
		border:0px;
      
	
    }

    .back {
        z-index: 2;
        transform: rotateY(180deg);
		backface-visibility: hidden;
         background-color: black;
        position: absolute;
		width: 100%;
        height: 360px;
		margin:auto;
		vertical-align: middle;
		margin: 0px;
		border:0px;
      padding:35px;
    }
    .front {
        z-index: 1;
        transform: rotateY(0deg);
		backface-visibility: hidden;
        position: absolute;
		width: 100%;
        height: 360px;
		margin:auto;
		vertical-align: middle;
		margin: 0px;
		border:0px;
      padding:35px;
	    }
		
		.flip-container:nth-child(1) .front{
			 background: url("http://ticwallcoverings.co.uk/templates/protostar/images/home-spin1.jpg")
			}
			.flip-container:nth-child(2) .front{
			 background: url("http://ticwallcoverings.co.uk/templates/protostar/images/home-spin2.jpg")
			}
			.flip-container:nth-child(3) .front{
			 background: url("http://ticwallcoverings.co.uk/templates/protostar/images/home-spin3.jpg")
			}
			.flip-container:nth-child(4) .front{
			 background: url("http://ticwallcoverings.co.uk/templates/protostar/images/home-spin4.jpg")
			}
			.flip-container:nth-child(5) .front{
			 background: url("http://ticwallcoverings.co.uk/templates/protostar/images/home-spin5.jpg")
			}
			.flip-container:nth-child(6) .front{
			 background: url("http://ticwallcoverings.co.uk/templates/protostar/images/home-spin6.jpg")
			}
			
div.card > figure .table{
display:table!important;
  width:100%;
  height:100%!important;
}

div.card  > figure .tablecell{
display:table-cell!important;
  width:100%;
  height:100%;
  vertical-align:middle;
  text-align:center;
}
	
/*-----------------  SPINNING TILES -----------------------*/