@import url('https://fonts.googleapis.com/css?family=Electrolize');
@import url('https://fonts.googleapis.com/css?family=Merienda One');

@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('http://fonts.cdnfonts.com/css/jmh-typewriter');

@import url('https://fonts.googleapis.com/css?family=Wendy One');
@import url('https://fonts.googleapis.com/css?family=Racing Sans One');


#body1
{
	background-image:url('../images/back2.jpg');
	background-color:black;
	margin:0; 
	padding:0; 
	font-family:calibri,"Lucida Grande";
	color:black; 
	line-height: 1.4em;
	 width:100%;
    height:100%;
}


div.table-cell-style-vimeo,div.table-cell-style-vimeo-r
{
	display:table-cell;
	background-color:#FECA2A;
	background: -webkit-linear-gradient(top,  #054E71 0%,#8ecbe8 100%);
	background: -moz-linear-gradient(top,  #054E71 0%, #8ecbe8 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom,  #445 0%,#eef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding:2%;
	margin:6px;
	
}

div.table-cell-style-vimeo-r
{
	float:right;
}

div.table-cell-style-vimeo-reversed
{
	display:table-cell;
	background-color:#FECA2A;
	background: -webkit-linear-gradient(top,  #eef 0%,#445 100%);
	background: -moz-linear-gradient(top,  #eef 0%, #445 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom, #eef  0%,#445 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding:2%;
	
}

div.table-cell-style-white
{
	display:table-cell;
	background-color:white;
	padding:2%;

	
}

.YTVID_GRID_4
{

	width:210px;
	height:119px;
	margin:5px;
	border: 3px black solid;
	margin-left: auto;
	margin-right: auto;

}




li {
  margin: 3px 0;
}


/*  ----------- HEADINGS ----------- */

h1
{
	font-size: 225%;
	color:#FFA500;
	line-height:normal;
	margin:0; 
	padding:0;
	padding-top:0px important!;
	margin-top:0px important!;
	font-weight:normal;
	#font-family:"Electrolize";
		letter-spacing:0.08em;
}

h2
{
	font-size: 110%;
	color:black;
	line-height:bold;
	margin:5px;
	padding:0;
	padding-top:7px;
	font-family:"Electrolize";
}

h2.product
{
	font-size: 130%;
	color:black;
	line-height:bold;
	margin:5px;
	padding:0;
	padding-top:7px;
	font-family:"Electrolize";
}

h3
{
	font-size: 80%;
	color:#FFCD28;
	line-height:normal;
	margin:0; 
	padding:0;
	font-weight:normal;
	font-family:"Electrolize";
	letter-spacing:0.16em;
}

h3.tagline
{
	font-size: 110%;
	color:#303030;
	line-height:normal;
	margin:0; 
	padding:0;
	font-weight:normal;
	font-family:"Electrolize";
	letter-spacing:0.16em;
}

h2.price
{
		font-size: 120%;
		font-weight:bold;
}


div.maincontent
{
	text-align:left ; 
	width:80%;
	margin:0 auto;
	background-image:url('../images/back3.jpg');
	padding: 1%;
	margin-top:1%;
}

div.maincontent-products
{
	text-align:left ; 
	width:80%;
	margin:0 auto;
	padding: 0%;
}

div.maincontent-inner
{
	background-color:#DFDFDF;
	padding: 1%;
}

div.text
{
	background-color:#fff;
	text-align:left;
	padding: 1%;
	border: 2px solid #d0d0d0;
}


#x-logo
{
	width:90%;
}

img.x-logo-black
{
	width:30%;
}

div.nav-con
{
	margin: 0 auto;
	width:95%;
	letter-spacing:0.17em;
}

div.table-style
{
	display:table;
	border-collapse: separate;
  	border-spacing: 10px;
  	table-layout:fixed;

}
div.table-row-style
{
	display:table-row;
}
div.table-cell-style
{
	display:table-cell;
	padding:2%;
	text-align:left;

}

div.table-style-backing
{
	display:table;
	border-collapse: separate;
  	border-spacing: 15px;
  	table-layout:fixed;
  	background-image:url('../images/back3.jpg');

}

div.table-cell-style-images
{
	display:table-cell;
	padding:1%;
	text-align:center;
	width:25%;
	background-color:#b0b0b0;
}

div.table-cell-style-dark
{
	display:table-cell;
	padding:2%;
	text-align:center;
	width:25%;
	background-color:#303030;
}


div.table-cell-style-main
{
	display:table-cell;
	padding:3%;
	text-align:left;
	background-color:#e0e0e0;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,b7b7b7+100 */
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ededed 0%, #b7b7b7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ededed 0%,#b7b7b7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ededed 0%,#b7b7b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#b7b7b7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


div.extrainfo
{
	padding:2%;
	text-align:center;
	margin:10%;
	background-color:#ffe0a3;
	border:2px dashed black;
	color:#333;
	font-size:90%;
	font-style: italic;
	
}

div.table-cell-style-nav
{
	display:table-cell;
	padding:0%;
	text-align:left;
	background-color:#232323;
	vertical-align:middle;
	width:100%;

}

div.table-cell-style-social
{
	display:table-cell;
	padding:0%;
	text-align:left;
	background-color:#232323;
	vertical-align:middle;

}


div.table-style-logo
{
	display:table;
	border-collapse: separate;
  	border-spacing: 0px;
  	table-layout:fixed;
  	margin-top:10px;
}


div.table-cell-style-logo-left
{
	display:table-cell;
	padding:0% 2% 0% 2%;
	text-align:left;
	width:7%;
	vertical-align:bottom;
}

div.table-cell-style-logo-right
{
	display:table-cell;
	padding:0% 2% 0% 2%;
	text-align:left;
	vertical-align:top;
}

div.table-cell-style-black
{
	display:table-cell;
	padding:2%;
	border:20px solid black;
	border-top:none;
	background-color:#000;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/SketchesInBlue-cropped.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center top;
	color:white;
}






div.table-cell-style-order
{
	display:table-cell;
	padding:1%;
	vertical-align:top;
	text-align:center;
	background-color:#fEFEFE;
	border: 5px white solid;
	border-radius: 20px;
}


div.table-cell-style-order-responsive
{
	padding:1%;
	vertical-align:top;
	text-align:center;
	background-color:#fEFEFE;
	border: 5px white solid;
	border-radius: 20px;
	width:25%;
}


div.table-cell-style-customiser
{
	display:table-cell;
	padding:2%;
	vertical-align:top;
	text-align:left;
	background-color:#fefefe;
	border: 0px #c0c0c0 solid;
	border-radius: 30px;
}

blockquote
{
	  background-color:#F0F0F0;
	  margin-top: 10px;
	  margin-bottom: 10px;
	  margin-left: 50px;
	  padding-left: 15px;
 	  border-left: 3px solid #ccc;
 	  font-style:italic;
}

p.order
{	
	text-align:center;
	font-size:150%;
}


img.simg-gap
{ 
	margin-right:10px;
}

a
{
	outline:none; 
	text-decoration:none;
}

#content-slider 
{  
    width: 100%;  
    overflow-y: hidden;  
    height: 950px;
}  
  
#content-slider-inside 
{  
    list-style: none;  
    height: 950px;      // these 3 lines  
    overflow: scroll;   // help Opera  
    overflow-y: hidden; // behave  
}  
  
#content-slider-inside li 
{  
       width: 550px;  
        height: 950px;  
            overflow-y: hidden; 
}  

ul.mainlists
{
	font-weight:bold;
}

div.mainsec
{
	width:75%; 
	display:block; 
	clear:both;
}


h.product-title
{
margin:1; padding:0; font-size:18px; font-weight:bold; color:#FFA500;line-height:normal;
}

h.black-product-title
{
margin:1; padding:0; font-size:18px; font-weight:bold; color:black;line-height:normal;
}


div.brazilyellow
{
	margin:10 auto;
	background-color:#FFCC29;
	text-align:center;
}

div.brazilgreen
{
	margin:10 auto;
	background-color:#00A859;
}


div.textsec
{
	float:left;
	margin:10 auto;
	background-color:#FFFFFF;
}

div.imagesec
{
	float:left; 
	margin:10 auto;
	background-color:#FFFFFF;
}

div.clear{display:block; clear:both;}


header, hgroup, nav, section{display:block; margin:0; padding:0;}




#header, #container, #footer{display:block; width:80%; margin:0 auto; }

nav ul{margin:0; padding:0; list-style:none;}




#header{padding:15px;width:85%}


#header nav{display:block;  margin:5px; padding:15px ; color:#C0BAB6; background-color:#232323; }
#header nav ul{padding:0 20px;}
#header nav li{display:inline; margin-right:25px; text-transform:uppercase;}
#header nav li.last{margin-right:0;}
#header nav li a{color:#C0BAB6; background-color:#232323;}
#header nav li a:hover{color:#FF9900; background-color:#232323;}




div.nav-con nav li.has-submenu
{
	position:relative;
}

div.nav-con nav li.has-submenu ul.submenu
{
	display:block;
	position:absolute;
	top:calc(100% + 8px);
	left:0;
	margin:0;
	padding:10px 0;
	list-style:none;
	background-color:#232323;
	border-top:2px solid #FF9900;
	min-width:240px;
	z-index:100;
	text-transform:none;

	opacity:0;
	visibility:hidden;
	transform:translateY(-8px);
	transition:opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
	transition-delay:0s;
}

@media (hover: hover) and (pointer: fine)
{
	div.nav-con nav li.has-submenu:hover ul.submenu
	{
		opacity:1;
		visibility:visible;
		transform:translateY(0);
		transition-delay:0.2s;
	}
}

div.nav-con nav li.has-submenu ul.submenu::before
{
	content:"";
	position:absolute;
	top:-8px;
	left:0;
	right:0;
	height:8px;
	background:transparent;
}

#header div.nav-con nav li.has-submenu ul.submenu li
{
	display:block;
	margin:0;
	padding:0;
}

#header div.nav-con nav li.has-submenu ul.submenu li a
{
	display:block;
	padding:4px 20px;
	color:#C0BAB6;
//	background-color:#343434;
	line-height:1.3;
	white-space:nowrap;
	text-transform:none;
	margin-right:0;
	border-bottom:1px solid rgba(255,153,0,0.25);
}

#header div.nav-con nav li.has-submenu ul.submenu li:last-child a
{
	border-bottom:none;
}

#header div.nav-con nav li.has-submenu ul.submenu li a:hover
{
	color:#FF9900;
	//background-color:#2d2d2d;
}


#header div.nav-con nav li.has-submenu.submenu-open ul.submenu
{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	transition-delay:0s;
}


div.nav-con nav li.has-submenu > a::after
{
	content:"";
	display:inline-block;
	width:6px;
	height:6px;
	margin-left:6px;
	margin-bottom:2px;
	border-right:2px solid #C0BAB6;
	border-bottom:2px solid #C0BAB6;
	transform:rotate(45deg);
	transition:transform 0.2s ease, border-color 0.2s ease;
}


@media (hover: hover) and (pointer: fine)
{
	div.nav-con nav li.has-submenu:hover > a::after
	{
		transform:rotate(225deg);
		margin-bottom:-2px;
	}

	div.nav-con nav li.has-submenu > a:hover::after
	{
		border-color:#FF9900;
	}
}

div.nav-con nav li.has-submenu > a,
div.nav-con nav li.has-submenu ul.submenu li a
{
	touch-action: manipulation;
}

div.nav-con nav li.has-submenu.submenu-open > a::after
{
	transform:rotate(225deg);
	margin-bottom:-2px;
	border-color:#FF9900;
}


#footer
{
	padding:20px;
	color:#c0c0c0;
}

#footer a
{
	color:white;
}

img.bordered
{
	border-style:solid;
	border-width:2px;
	border-color:white;
}



img.simg-gap
{ 
	//margin-right:6px;
	margin-top:10px;
}

#social
{

	float:right;
	margin-right:1%;
	margin-top:-3.5%;
}

span.deals
{
	font-size:75%;
	text-align:center;
}

div.important
{
	font-size:130%;
	text-align:center;
	font-weight:bold;
	background-color:white;
	padding:5px;
	border: dashed 2px black;
	
}



img.right-inline-float
{
	float:right;
	width:35%;
	margin:2%;
}
img.left-inline-float
{
	float:left;
	width:35%;
	margin:2%;
}

img.right-inline-float-small
{
	float:right;
	width:20%;
	margin:2%;
}
img.right-inline-float-fixed
{
	float:right;
	margin:2%;
}

img.left-inline-float-small
{
	float:left;
	width:20%;
	margin:2%;
}

img.responsive
{
	width:85%;
	height:auto;
	margin:2%;
}


img.responsive2
{
	width:65%;
	height:auto;
	margin:2%;
}

img.responsive-inverse
{
	width:50%;
	height:auto;
	margin:2%;
}



img.embedded
{
	width:25%;
	margin:2%;
}

img.embedded-large
{
	width:95%;
	margin:2%;
}

img.embedded-medium
{
	width:40%;
	margin:2%;
}

img.album
{
	height:auto;
	width:80%;
	margin:2%;
}


.YTVID
{
	float:right;
	width:560px;
	height:315px;
	margin:1%;
	border: 3px black solid;

}

.YTVID_SMALL
{
	float:right;
	width:280px;
	height:158px;
	margin:1%;
	border: 3px black solid;

}

.YTVID_GRID
{
	width:560px;
	height:315px;
	margin:5px;
	border: 3px black solid;
	margin-left: auto;
	margin-right: auto;
}

.YTVID_RESP
{
	width:560px;
	height:315px;
	border: 3px black solid;
	margin-left: auto;
	margin-right: auto;
}


.YTVID_SHORT
{
	width:315px;
	height:561px;
	border: 3px black solid;
	margin-left: auto;
	margin-right: auto;
}

.YTVID_SHORT_SMALL
{
	width:189px;
	height:337px;
	border: 3px black solid;
	margin-left: auto;
	margin-right: auto;
}



.YTVID_GRID_3
{

	width:48%;
	height:auto;
	margin:8px;
	border: 3px black solid;
	margin-left: auto;
	margin-right: auto;
}


a.darrow:before
{
	content: "\01F7C9";
}

a.darrow:after
{
	content: "\01F7C9";
}

a.darrow
{
	font-weight:bold;
}

#insta
{
	max-width:540px; 
	min-width:326px; 
	margin:0 auto important!;
}