/* - Reset - */
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;/*	vertical-align: baseline; */}
button {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;moz-box-sizing: border-content;}
button::-moz-focus-inner {border: 0;padding: 0;}
img {border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;padding:0px;}
a img{border:0px;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: #ebe4dd;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* icon fonts */

@font-face {
  font-family: 'notjustagrid';
  src: url('/fonts/notjustagrid.eot?44509217');
  src: url('/fonts/notjustagrid.eot?44509217#iefix') format('embedded-opentype'),
       url('/fonts/notjustagrid.woff?44509217') format('woff'),
       url('/fonts/notjustagrid.ttf?44509217') format('truetype'),
       url('/fonts/notjustagrid.svg?44509217#notjustagrid') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Animation example, for spinners */
.animate-spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}


@-webkit-keyframes spin {
  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
@keyframes spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(359deg);}
}

.animate-shake{
	-webkit-animation-name:shake;
 	-webkit-animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
  	-webkit-animation-iteration-count: 1;
  	-webkit-animation-direction: alternate;	
	-webkit-animation-timing-function: ease; 	
	animation-name:shake;
 	animation-duration: 1s; 
 	animation-fill-mode: both; 
  	animation-iteration-count: 1;
  	animation-direction: alternate;	
	animation-timing-function: ease; 		
}
@-webkit-keyframes shake{	
    0%, 100% {-webkit-transform: translateX(0);} 
    10% {-webkit-transform: translateX(-3px);} 
    20%{-webkit-transform: translateX(3px);} 
    30%, 70%{-webkit-transform: translateX(-6px);}
    40%, 80%{-webkit-transform: translateX(6px);}
    50%{-webkit-transform: translateX(-10px);}
    60%{-webkit-transform: translateX(10px);} 
    90%{-webkit-transform: translateX(-3px);}    	
   	
}
@keyframes shake { 
    0%, 100% {transform: translateX(0);} 
    10% {transform: translateX(-3px);} 
    20%{transform: translateX(3px);} 
    30%, 70%{transform: translateX(-6px);}
    40%, 80%{transform: translateX(6px);}
    50%{transform: translateX(-10px);}
    60%{transform: translateX(10px);} 
    90%{transform: translateX(-3px);} 
} 

.animate-pulse{
 	-webkit-animation-name: pulse; 
 	-webkit-animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
  	-webkit-animation-iteration-count: 3;
  	-webkit-animation-direction: both;
    animation-name:pulse;
    animation-duration: 1s; 
    animation-fill-mode: both;
   	animation-iteration-count: 3;
	animation-direction: both;
}

@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.02);} 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.02);} 
    100% { transform: scale(1); } 
} 

.animate-pulse-stronger{
 	-webkit-animation-name: pulse-stronger; 
 	-webkit-animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
  	-webkit-animation-iteration-count: 3;
  	-webkit-animation-direction: both;
    animation-name:pulse-stronger;
    animation-duration: 1s; 
    animation-fill-mode: both;
   	animation-iteration-count: 3;
	animation-direction: both;
}

@-webkit-keyframes pulse-stronger { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(2);} 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse-stronger { 
    0% { transform: scale(1); } 
    50% { transform: scale(2);} 
    100% { transform: scale(1); } 
} 

.animate-pulse-shadow{
 	-webkit-animation-name: pulse-shadow; 
 	-webkit-animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
  	-webkit-animation-iteration-count: 3;
  	-webkit-animation-direction: both;
    animation-name:pulse-shadow;
    animation-duration: 1s; 
    animation-fill-mode: both;
   	animation-iteration-count: 3;
	animation-direction: both;
}

@-webkit-keyframes pulse-shadow { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.02);box-shadow:0px 20px 40px rgba(0,0,0,0.45); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse-shadow { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.02);box-shadow:0px 20px 40px rgba(0,0,0,0.45); } 
    100% { transform: scale(1); } 
}

/*   name, duration, timing, delay, direction, iteration, fill mode,  play state */ 
.animate-bounce { 	
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 1s; 
	-webkit-animation-timing-function: ease; 
	-webkit-animation-delay: 0;
	-webkit-animation-direction: forwards;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running; 
	
	animation-name: bounce;
	animation-duration: 1s; 
	animation-timing-function: ease; 
	animation-delay: 0;
	animation-direction: forwards;
	animation-iteration-count: 3;
	animation-fill-mode: forwards;
	animation-play-state: running; 
  } 
 
@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);} 
    60% {-webkit-transform: translateY(-15px);} 
} 

@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
} 
.animate-infinite{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.animate-one{ -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.animate-two{ -webkit-animation-iteration-count: 2; animation-iteration-count: 2;}
.animate-three{ -webkit-animation-iteration-count: 3; animation-iteration-count: 3;}
.animate-four{ -webkit-animation-iteration-count: 4; animation-iteration-count: 4;}
.animate-five{ -webkit-animation-iteration-count: 5; animation-iteration-count: 5;}

.animate-duration-half{-webkit-animation-duration: .5s;animation-duration: .5s;}
.animate-duration-one{-webkit-animation-duration: 1s;animation-duration: 1s;}
.animate-duration-two{-webkit-animation-duration: 2s;animation-duration: 2s;}
.animate-duration-three{-webkit-animation-duration: 3s;animation-duration: 3s;}
.animate-duration-four{-webkit-animation-duration: 4s;animation-duration: 4s;}
.animate-duration-five{-webkit-animation-duration: 5s;animation-duration: 5s;}

.animate-delay-half{-webkit-animation-delay: .5s;animation-delay: .5s;}
.animate-delay-one{-webkit-animation-delay: 1s;animation-delay: 1s;}
.animate-delay-two{-webkit-animation-delay: 2s;animation-delay: 2s;}
.animate-delay-three{-webkit-animation-delay: 3s;animation-delay: 3s;}
.animate-delay-four{-webkit-animation-delay: 4s;animation-delay: 4s;}
.animate-delay-five{-webkit-animation-delay: 5s;animation-delay: 5s;}


/* - buttons - */
.btn {border-radius:4px; box-shadow:0px 2px 2px 0px rgba(0,0,0,0.2);padding:.75em 1em;transition-duration: 0.3s;margin:.5em;}
.btn.medium{font-size:1.25em;}
.btn.large{font-size:1.5em;}
.btn.huge{font-size:2em;}
.btn:disabled{background:#888; opacity:0.25;}

.btn.ghost {background:none;border-width: 2px; border-style: solid;}

.btn:before, .btn:after {
  font-family: "notjustagrid";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
     
  /* fix buttons height, for twitter bootstrap 
  line-height: 1em;*/
 
 
  /* you can be more comfortable with increased icons size*/
   font-size: 120%;  
}
.btn:after{;margin-left:.75em;}
.btn:before{margin-right:.75em;}
.btn.ghost:hover{transform:scale(.96) translate3d(0,0,0);}

.btn.ghost-white:hover{background:#fff;border-color:#fff;color:#000;}
.btn.ghost-palegrey:hover{background:#eee;border-color:#eee;color:#000;}
.btn.ghost-black:hover{background:#000;border-color:000;}
.btn.ghost-lt-blue:hover{background:#03A9F4;border-color:#03A9F4;}
.btn.ghost-lime:hover{background:#CDDC39;border-color:#CDDC39;}
.btn.ghost-pink:hover{background:#E91E63;border-color:#E91E63;}
.btn.ghost-teal:hover{background:#009688;border-color:#009688;}
.btn.ghost-lt-green:hover{background:#8BC34A;border-color:#8BC34A;}
.btn.ghost-blue-grey:hover{background:#607D8B;border-color:#607D8B;}
.btn.ghost-amber:hover{background:#FFC107;border-color:#FFC107;}
.btn.ghost-orange:hover{background:#F57C00;border-color:#F57C00;}
.btn.ghost-deep-orange:hover{background:#FF5722;border-color:#FF5722;}
.btn.ghost-red:hover{background:#F44336;border-color:#F44336;}





/* icons */

/* repurposed the <i> tag for use in displaying icons inline */
i{display:inline-block;}



.icon:before,.icon:after{
 font-family: "notjustagrid";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 text-align: center;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 transform: translate(0, 0);
 }

.icon-search:after { content: '\e800'; } /* '' */
.icon-mail:after { content: '\e801'; } /* '' */
.icon-share:after { content: '\e802'; } /* '' */
.icon-ok:after { content: '\e803'; } /* '' */
.icon-ok-circled:after { content: '\e804'; } /* '' */
.icon-cancel:after { content: '\e805'; } /* '' */
.icon-cancel-circled:after { content: '\e806'; } /* '' */
.icon-plus:after { content: '\e807'; } /* '' */
.icon-plus-circled:after { content: '\e808'; } /* '' */
.icon-minus:after { content: '\e809'; } /* '' */
.icon-minus-circled:after { content: '\e80a'; } /* '' */
.icon-share-squared:after { content: '\e80b'; } /* '' */
.icon-left-open:before { content: '\e80c'; } /* '' */
.icon-right-open:after { content: '\e80d'; } /* '' */
.icon-angle-circled-left:before { content: '\e80e'; } /* '' */
.icon-angle-circled-right:after { content: '\e80f'; } /* '' */
.icon-phone:after { content: '\e810'; } /* '' */
.icon-phone-squared:after { content: '\e811'; } /* '' */

.icon-pencil:after { content: '\e812'; } /* '' */
.icon-pencil-squared:after { content: '\e813'; } /* '' */
.icon-attention-alt:after { content: '\e814'; } /* '' */
.icon-arrows-cw:after { content: '\e815'; } /* '' */
.icon-attention-circled:after { content: '\e816'; } /* '' */
.icon-attention:after { content: '\e817'; } /* '' */
.icon-pause:after { content: '\e818'; } /* '' */
.icon-play:after { content: '\e819'; } /* '' */
.icon-stop:after { content: '\e81a'; } /* '' */
.icon-to-end:after { content: '\e81b'; } /* '' */
.icon-to-start:before { content: '\e81c'; } /* '' */
.icon-to-start-alt:before { content: '\e81d'; } /* '' */
.icon-to-end-alt:after { content: '\e81e'; } /* '' */
.icon-trash-empty:after { content: '\e81f'; } /* '' */
.icon-scissors:after { content: '\e820'; } /* '' */
.icon-videocam:after { content: '\e821'; } /* '' */
.icon-camera:after { content: '\e822'; } /* '' */
.icon-home:after { content: '\e823'; } /* '' */
.icon-crop:after { content: '\e824'; } /* '' */
.icon-youtube:after { content: '\e825'; } /* '' */
.icon-twitter:after { content: '\e826'; } /* '' */
.icon-linkedin:after { content: '\e827'; } /* '' */
.icon-gplus:after { content: '\e828'; } /* '' */
.icon-facebook:after { content: '\e829'; } /* '' */
.icon-pinterest-circled:after { content: '\e82a'; } /* '' */
.icon-instagramm:after { content: '\e82b'; } /* '' */
.icon-tumblr:after { content: '\e82c'; } /* '' */
.icon-facebook-squared:after { content: '\e82d'; } /* '' */
.icon-flickr:after { content: '\e82e'; } /* '' */
.icon-gplus-squared:after { content: '\e82f'; } /* '' */
.icon-linkedin-squared:after { content: '\e830'; } /* '' */
.icon-pinterest-squared:after { content: '\e831'; } /* '' */
.icon-tumblr-squared:after { content: '\e832'; } /* '' */
.icon-twitter-squared:after { content: '\e833'; } /* '' */
.icon-vimeo-squared:after { content: '\e834'; } /* '' */
.icon-youtube-squared:after { content: '\e835'; } /* '' */
.icon-heart:after { content: '\e836'; } /* '' */
.icon-heart-empty:after { content: '\e837'; } /* '' */
.icon-star:after { content: '\e838'; } /* '' */
.icon-star-empty:after { content: '\e839'; } /* '' */
.icon-mail-alt:after { content: '\e83a'; } /* '' */
.icon-th-list:after { content: '\e83b'; } /* '' */
.icon-menu:after { content: '\e83c'; } /* '' */
.icon-help:after { content: '\e83d'; } /* '' */
.icon-help-circled:after { content: '\e83e'; } /* '' */
.icon-info-circled:after { content: '\e83f'; } /* '' */
.icon-info:after { content: '\e840'; } /* '' */
.icon-reply:after { content: '\e841'; } /* '' */
.icon-forward:after { content: '\e842'; } /* '' */
.icon-reply-all:after { content: '\e843'; } /* '' */
.icon-zoom-out:after { content: '\e844'; } /* '' */
.icon-zoom-in:after { content: '\e845'; } /* '' */
.icon-sort-name-up:after { content: '\e846'; } /* '' */
.icon-sort-name-down:after { content: '\e847'; } /* '' */
.icon-sort-number-down:after { content: '\e848'; } /* '' */
.icon-sort-number-up:after { content: '\e849'; } /* '' */
.icon-desktop:after { content: '\e84a'; } /* '' */
.icon-laptop:after { content: '\e84b'; } /* '' */
.icon-tablet:after { content: '\e84c'; } /* '' */
.icon-mobile:after { content: '\e84d'; } /* '' */
.icon-location:after { content: '\e84e'; } /* '' */
.icon-user:after { content: '\e84f'; } /* '' */
.icon-users:after { content: '\e850'; } /* '' */
.icon-tools:after { content: '\e851'; } /* '' */
.icon-comment:after { content: '\e852'; } /* '' */
.icon-down-bold:after { content: '\e853'; } /* '' */
.icon-left-bold:after { content: '\e854'; } /* '' */
.icon-right-bold:after { content: '\e855'; } /* '' */
.icon-up-bold:after { content: '\e856'; } /* '' */
.icon-resize-full-alt:after { content: '\e857'; } /* '' */
.icon-calendar-empty:after { content: '\e858'; } /* '' */
.icon-chat:after { content: '\e859'; } /* '' */
.icon-docs:after { content: '\e85a'; } /* '' */
.icon-doc:after { content: '\e85b'; } /* '' */
.icon-cog:after { content: '\e85c'; } /* '' */
.icon-basket:after { content: '\e85d'; } /* '' */
.icon-down-open:after { content: '\e85e'; } /* '' */
.icon-up-open:after { content: '\e85f'; } /* '' */
.icon-angle-circled-up:after { content: '\e860'; } /* '' */
.icon-angle-circled-down:after { content: '\e861'; } /* '' */
.icon-home-1:after { content: '\e862'; } /* '' */
.icon-phone-1:after { content: '\e863'; } /* '' */
.icon-cc-visa:after { content: '\e864'; } /* '' */
.icon-cc-mastercard:after { content: '\e865'; } /* '' */
.icon-cc-discover:after { content: '\e866'; } /* '' */
.icon-cc-amex:after { content: '\e867'; } /* '' */
.icon-cc-paypal:after { content: '\e868'; } /* '' */
.icon-cc-stripe:after { content: '\e869'; } /* '' */
.icon-video-alt:after { content: '\e86a'; } /* '' */
.icon-spinner:after { content: '\e86b'; } /* '' */

/* new icons may 27th 2015 */

.icon-fax:after { content: '\e86c'; } /* '' */
.icon-cog-alt:after { content: '\e86d'; } /* '' */
.icon-cog-1:after { content: '\e86e'; } /* '' */
.icon-mobile-1:after { content: '\e86f'; } /* '' */
.icon-stumbleupon:after { content: '\e870'; } /* '' */

/* new icons June 9 2015 */

.icon-file-pdf:before { content: '\e871'; } /* '' */
.icon-file-word:before { content: '\e872'; } /* '' */
.icon-file-excel:before { content: '\e873'; } /* '' */
.icon-file-powerpoint:before { content: '\e874'; } /* '' */
.icon-file-image:before { content: '\e875'; } /* '' */
.icon-file-video:before { content: '\e876'; } /* '' */
.icon-file-audio:before { content: '\e877'; } /* '' */


.icon-block{font-size:15px;border-radius:3px;width:25px; height:25px;line-height:25px;display:inline-block;text-align:center;}
.icon-block-medium{font-size:20px;width:35px; height:35px;line-height:35px;}
.icon-block-large{font-size:25px;width:45px; height:45px;line-height:45px;}
.icon-block-huge{font-size:30px;width:55px; height:55px;line-height:50px;padding-left:1px;}
.icon-block-round{border-radius:50%;}

/* Not Just a Grid v2.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
.icon-user-md:before { content: '\e878'; } /* '' */

/* - Type - */

/* roboto font weights 300 400 700 */
BODY {font-family: 'Open Sans', serif;font-size:75%;font-weight:400;line-height:1.5em;letter-spacing:1px;color:#ddd;-webkit-text-size-adjust: none;}
html>body {font-size: 14px;}
h1, h2, h3, h4, h5, h6 {color:#2b2d42;font-family: 'Lora', serif; font-weight:400;}
p, ol, ul, blockquote, code, dl, dt, dd{color:#000;font-size:1em;font-weight:400;letter-spacing:.02em;line-height:1.5em;}
h1,.h1 {font-size:4.0em;line-height:1.1em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h2,.h2 {font-size:2.7em;line-height:1.17em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h3,.h3 {font-size:2.4em;line-height:1.18em;letter-spacing:-.03em;margin:0px 0px .8em 0px;} /* was 1.38em lh and .5em margin */
h4,.h4 {font-size:2.1em;line-height:1.65em;letter-spacing:-.03em;margin:0px 0px 0.5em 0px;}
h5,.h5 {font-size:1.8em;line-height:1.65em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h6,.h6 {font-size:1.5em;line-height:1.5em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
.serif{font-family:"Times New Roman", Times, serif;}
.sans{font-family:'Open Sans', sans-serif;}
.sans-alt{font-family:'Arial', sans-serif;}

p {margin:0 0 1.5em 0;}
blockquote {margin:10px 45px 15px 45px; font-style:italic; 	quotes:"\201C""\201D""\2018""\2019"; border-bottom:2px solid #444;border-top:2px solid #444;}
blockquote:before {font-size:24px;content:open-quote;}
blockquote:after {font-size:24px;content:close-quote;}
strong {font-weight:700;}
em, cite, dfn, address {font-style:italic;}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted blue;}
acronym{font-variant:small-caps;}
address{margin:0px 0px 1.5em 2.5em;}
del{text-decoration:line-through;}
ins{border-bottom:1px dotted green;text-decoration:none;}
ul, ol{margin:0 0 1em 3em;list-style:disc;list-style-position:outside;}
li{	padding:0px 0px 0px .25em;}
ol {list-style:decimal;} 
ol.roman {list-style:lower-roman;}
ol.alpha {list-style:lower-alpha;}
ol.upperalpha {list-style:upper-alpha;}
dl {margin:0px;	padding:0px;}
dt {margin:0 0 0 1.5em;	font-weight:bold;}
dd {margin:0 0 0 3em;}
sup, sub {font-size:75%;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
a, a:link, a:visited {color:#155cac;text-decoration:none;}
a:hover, a:active {color:#0a9f63;text-decoration:none;}
hr {height:1px;color:#444;background-color:#444;clear:both;margin:20px 30px 20px 30px;border:none;}
code, pre, var, samp{font-family:"Courier New", Courier, monospace;}
small, .small{font-size:85%; vertical-align:middle;}
big, .big{font-size:115%; vertical-align:middle;}

.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.allcaps{text-transform:uppercase;} 

/* forms */

/* ---------------------------------------------------------------------------- */
/* vertical form styling ------------------------------------------------------ */
/* ---------------------------------------------------------------------------- */
.vertical_form {letter-spacing:1px;}
.vertical_form fieldset{margin:10px 0px;padding:10px 20px 10px 20px;}
.vertical_form fieldset.fieldsetbuttons {padding:10px 10px 10px 20px;}
.vertical_form fieldset.fieldsetbuttons div {text-align:right;}
.vertical_form legend {color:#666; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); margin:0px;border:1px solid #ccc;padding:3px 6px;background:#eee;border-radius:5px;text-transform:uppercase;box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);}
.vertical_form label {display:block;margin:5px 0px 2px 0px;}
.vertical_form ul {margin:0px; padding:0px;}
.vertical_form li {list-style:none; margin:0px; padding:0px;}
.vertical_form div.form_input_notes {font-size:12px; margin:0px 0px 10px 10px;}
/* ---------------------------------------------------------------------------- */
/* Horizontal form styling ---------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.horizontal_form {letter-spacing:1px;}
.horizontal_form fieldset{margin:10px 0px;padding:10px 20px 10px 20px;}
.horizontal_form fieldset.fieldsetbuttons {padding:10px 10px 10px 20px;}
.horizontal_form fieldset.fieldsetbuttons div {text-align:right;}
.horizontal_form legend {color:#666;  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);margin:0px;border:1px solid #888;padding:3px 6px;background:#eee; border-radius:5px;text-transform:uppercase;box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);}
.horizontal_form label {float:left;margin:0px 5px 0px 0px; width:100px; text-align:right; line-height:25px;height:25px;}
.horizontal_form ul {margin:0px; padding:0px;}
.horizontal_form li {list-style:none; vertical-align:middle; margin:10px 0px;clear:left;}
.horizontal_form div.form_input_notes {font-size:12px; display:inline;}
/* ---------------------------------------------------------------------------- */
/* Input field styling -------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.normalfield, .requiredfield {border: 1px solid #fff;border-bottom:1px solid #aaa; color:#6d6d6d; font-size:1em;height:2.4em;line-height:1.2em; letter-spacing:0px;padding:3px 2px 3px 2px;border-radius:3px;}
.normalfield {background: #f4f4f4;}
.requiredfield {background: #f5f2f2;}
.fielderror {border: 1px solid #ff4444; background-color:#f2e1e4;}
.fieldgood {background: #e0ffc7;}
.requiredfield:focus, .fielderror:focus, .normalfield:focus {border: 1px solid #ddd;	-webkit-box-shadow: 0px 0px 7px rgba(0, 144, 255, .5); 	-moz-box-shadow: 0px 0px 7px rgba(0, 144, 255, .5);		box-shadow: 0px 0px 7px rgba(0, 144, 255, .5);}
.requiredfield:focus {background: #fff;}
.normalfield:focus {background: #fff;}
.fielderror:focus {border: 1px solid #ff4444; background-color:#f2e1e4;}
.smallfield {font:10px;padding:2px 1px 2px 1px;}
.largefield {font:16px}
.normalfieldfooter {background: #383838;color:#6d6d6d; font-size:1.3em; border: 1px solid #333333;border-right:1px solid #3f3f3f; border-bottom:1px solid #3f3f3f; margin-bottom:5px;padding:8px;border-radius:2px;width:100%;}

textarea {overflow:auto;}

div.custom-select {
    position: relative;
    display: inline-block;
	width:100%;
	margin-bottom:20px;
}

.custom-select select {
	display: inline-block;
	width:100%;
	padding: 6px 6px 6px 6px;
	margin: 0;
	outline:none; /* remove focus ring from Webkit */
	line-height: 1.2;
	font-size:1.4em;
	background: #eee;
	font-weight:300;
	-webkit-appearance:none; /* remove the strong OSX influence from Webkit */
	-moz-appearance: none;
	appearance: none; 	
	border-radius: 3px;
	border:1px solid rgba(0,0,0,0.1); 
	box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1); 
}

    /* for Webkit's CSS-only solution */
    @media screen and (-webkit-min-device-pixel-ratio:0) { 
        .custom-select select {
            padding-right:30px;    
        }
    }
    
    
    /* Select arrow styling */
    .custom-select:after {
        content: "▼";
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: 1px;
        font-size: 60%;
        line-height: 34px;
        padding: 2px 7px 0px 7px;
        background: #ddd;
        color: #000;      
        pointer-events:none;
        border-left:1px solid #ddd;
        border-radius: 0 3px 3px 0;
    }
    
    .no-pointer-events .custom-select:after {
        content: none;
    }


::-webkit-input-placeholder{color:#bbb;transition:color 0.4s ease, text-indent 0.5s ease;}
input:focus::-webkit-input-placeholder{color:#ddd;text-indent: 75px;transform: scale(0.9)}

::-moz-placeholder {color:#bbb;transition:color 0.4s ease, text-indent 0.5s ease;}
input:focus::-moz-placeholder{position:absolute; right:0px;color:#ddd;text-indent: 75px;padding-left:100px;transform: scale(0.9)}

:-ms-input-placeholder{color:#999;transition:color 0.4s ease, text-indent 0.5s ease;}
input:focus:-ms-input-placeholder{color:#ddd;left:100px;text-indent: 75px}

.infieldlabel { font-family: "open sans",sans-serif; color:#888; font-size:1.5em; position:absolute; left:10px; font-weight:300;}

/* UX */

/* Not Just a Grid v2.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/

/* ---------------------------------------------------------------------------- */
/* error boxes ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

.warning:before, .error:before, .success:before, .question:before{
font-family: "notjustagrid";
font-style: normal;
font-weight: normal;
speak: none;

position:absolute; left:0px; top:calc(50% - 10px); height:100%;
text-decoration: inherit;
text-align: center;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
font-size:50px;

padding:0px 20px;
}


.warning, .error, .success, .question {border:0px solid #000; border-left-width:10px;color:#444;padding:10px;padding-left:80px;box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);border-radius:3px;position:relative;margin:20px 0px;border-radius:5px;}

.warning {border-color:#FFA000;background-color:#fff5d9;}
.warning:before{ content: '\e816';color:#FFA000; }

.error {border-color:#D32F2F;background-color:#fff2f4;}
.error:before{ content: '\e806';color:#D32F2F; }

.success {border-color:#689F38;background-color:#e8ede1;}
.success:before{ content: '\e804';color:#689F38; }

.question {border-color:#0288D1;background-color:#e3f4fc;}
.question:before{ content: '\e83e';color:#0288D1; }

/* ---------------------------------------------------------------------------- */
/* Pagination styles ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
div.pagescontainer {padding: 3px;margin: 3px;text-align:right;color:#eee;}
div.pagescontainer a, div.pagescontainer span.ghost, div.pagescontainer span.current {transition-duration: 0.3s;width:30px; height:30px; line-height:30px;font-size:1.25em;text-transform:uppercase;text-decoration: none;letter-spacing:0px;color: #444;padding: 3px 8px 3px 8px;margin:2px;text-align:center;border-radius:2px;background:#fff;box-shadow:0px 7px 5px -5px rgba(0,0,0,0.25), 0px 0px 3px rgba(0,0,0,0.2);}
div.pagescontainer a:hover, div.pagescontainer a:active {background-color: #362e27;color: #fff !important;}
div.pagescontainer span.ghost {	border-bottom: 1px solid rgba(0,0,0,0.1);background-color:#fff;color:#ccc; box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
div.pagescontainer span.current {background-color: #362e27;color: #fff;}

/* tables */

/* Not Just a Grid v2.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
/* ---------------------------------------------------------------------------- */
/* Plain Table ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
table.plain {font: 11px; letter-spacing:2px;border-spacing:1px;border-collapse:collapse;}
table.plain caption {font-weight: bold;font-style:italic;text-transform:uppercase;letter-spacing:3px;text-align:right;margin:0px 10px 0px 0px;padding:0px;color:#444;caption-side: bottom;}
table.plain td, table.plain th {padding:4px 6px 4px 6px;border:1px solid #bbb;}

/* ----- */
/* thead */
/* ----- */
table.plain thead {font-size:12px;font-weight:bold;text-transform:uppercase;text-shadow: 0 1px 1px rgba(255,255,255,0.9);}
table.plain thead th, table.plain thead td {padding:6px;}
table.plain thead tr {background:#eee;}
/* ----- */
/* tfoot */
/* ----- */
table.plain tfoot tr {background:#eee;}
table.plain tfoot {font-size: 10px;}
/* ----- */
/* tbody */
/* ----- */
table.plain tbody tr th {text-align:right;font-weight:bold;background:#eee;}
/* ---------------------------------------------------------------------------- */
/* Datalist Table ------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
table.datalist {font-size: 11px;letter-spacing:2px;border-spacing:1px;border-collapse:collapse;}
table.datalist caption {font-weight: bold;font-style:italic;text-transform:uppercase;letter-spacing:3px;text-align:right;margin:0px 10px 0px 0px;padding:0px;caption-side: bottom;}
table.datalist td, table.datalist th {padding:4px 6px 4px 6px;border:1px solid #bbb;}
/* ----- */
/* thead */
/* ----- */
table.datalist thead {font-size:12px;font-weight:bold;text-transform:uppercase;text-shadow: 0 1px 1px rgba(255,255,255,0.9);}
table.datalist thead th,table.datalist thead td  {padding:6px;}
table.datalist thead tr {background:#eee;}
/* ----- */
/* tfoot */
/* ----- */
table.datalist tfoot tr {background:#eee;}
table.datalist tfoot td, table.datalist tfoot th {font-size: 10px;}
/* ----- */
/* tbody */
/* ----- */
table.datalist tbody tr th {text-align:right}
table.datalist tbody tr:nth-child(odd) {background-color:#e6e6e6;}
table.datalist tbody tr:nth-child(even) {background-color:#eee;}
table.datalist tbody tr:nth-child(odd):hover {background-color:#dcdcdc;}
table.datalist tbody tr:nth-child(even):hover {background-color:#d5d5d5;}



/* ---------------------------------------------------------------------------- */
/* Product Table ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
table.productspecs {font: 1em;border-spacing:1px;border-collapse:collapse;}
table.productspecs caption {font-weight: bold;font-style:italic;text-transform:uppercase;letter-spacing:3px;text-align:right;margin:0px 10px 0px 0px;padding:0px;color:#444;caption-side: bottom;}
table.productspecs td, table.productspecs th {padding:4px 6px 4px 6px;border:1px solid #ddd;}

/* ----- */
/* thead */
/* ----- */
table.productspecs thead {}
table.productspecs thead th, table.productspecs thead td {color:#fff;text-transform:uppercase;padding:5px;font-size:1.2em;font-weight:700;}
table.productspecs thead tr {background:#777;}
/* ----- */
/* tfoot */
/* ----- */
table.productspecs tfoot tr {background:#f2f2f2;}
table.productspecs tfoot {font-size: .9em;}
table.productspecs tfoot td{padding-left:30px;}
/* ----- */
/* tbody */
/* ----- */
table.productspecs tbody tr {background:#fff;}

table.productspecs tbody th {font-weight:bold;}
table.productspecs tbody th.subheading {padding-left:30px;font-weight:400;}
table.productspecs tbody tr.subtitle {background:#ccc;}



/* - misc - */
.zoomer{-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;z-index:1 !important;}
.zoomer:hover{-webkit-transform:scale(1.05) translate3d(0,0,0); -moz-transform:scale(1.05) translate3d(0,0,0); -o-transform:scale(1.05) translate3d(0,0,0);-ms-transform:scale(1.05);transform:scale(1.05) translate3d(0,0,0) ;z-index:10 !important;}

.doublezoomer{-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;z-index:1 !important;}
.doublezoomer:hover{-webkit-transform:scale(1.5) translate3d(0,0,0); -moz-transform:scale(1.5) translate3d(0,0,0); -o-transform:scale(1.5) translate3d(0,0,0);-ms-transform:scale(1.5);transform:scale(1.5) translate3d(0,0,0) ;z-index:10000 !important;}

.zoomable{-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.zoomable:hover{box-shadow:0px 20px 40px rgba(0,0,0,0.45);-webkit-transform:scale(1.05) translate3d(0,0,0); -moz-transform:scale(1.05) translate3d(0,0,0); -o-transform:scale(1.05) translate3d(0,0,0);-ms-transform:scale(1.05);transform:scale(1.05) translate3d(0,0,0) ;}

.zoomableplus{-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.zoomableplus:hover{box-shadow:0px 20px 40px rgba(0,0,0,0.45);-webkit-transform:scale(1.1) translate3d(0,0,0); -moz-transform:scale(1.1) translate3d(0,0,0); -o-transform:scale(1.1) translate3d(0,0,0);-ms-transform:scale(1.1);transform:scale(1.1) translate3d(0,0,0) ;}

.hoverable-lift{transition-duration: 0.3s;z-index:1;}
.hoverable-lift:hover{transform:scale(1.02) translate3d(0,-10%,0);box-shadow:0px 10px 40px 5px rgba(0,0,0,0.5), 0px 15px 30px -10px rgba(0,0,0,0.5);z-index:10;}

.hoverable-lift-small{transition-duration: 0.3s;z-index:1;}
.hoverable-lift-small:hover{transform:scale(1.01) translate3d(0,-5%,0);box-shadow:0px 10px 40px 5px rgba(0,0,0,0.5), 0px 15px 30px -10px rgba(0,0,0,0.5);z-index:10;}

.hoverable-lift-tiny{transition-duration: 0.3s;z-index:1;}
.hoverable-lift-tiny:hover{transform:scale(1.01) translate3d(0,-8%,0);box-shadow:0px 5px 30px 5px rgba(0,0,0,0.1), 0px 15px 30px -10px rgba(0,0,0,0.15);z-index:10;}


/* - Grid - */

/* Set up the basics ----------- */

.container {width:960px;position:relative; margin:auto;}
.full, .half, .threequarter, .quarter,.third,.twothird,.fifth,.twofifth,.threefifth,.fourfifth,.sixth,.fivesixth,.eighth {float:left;display:inline;margin:0 10px 0 10px;padding:0;}
.first {margin-left:0;}
.last {margin-right:0;}
.nogutter {margin:0;}
.only1400, .only1200, .only960, .onlytablet, .onlysmartphone {display:none;}


/* large desktops 1400 grid----------- */
@media all and (min-width: 1400px) {
	#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"G1400";top:10px;}

	.container {width:1380px;}
	.full {width:1360px;}
	.half {width:670px;}
	.threequarter {width:1015px;}
	.quarter {width:325px;}
	.third {width:440px;}
	.twothird {width:900px;}
	.fifth {width:256px;}
	.twofifth {width:532px;}
	.threefifth {width:808px;}
	.fourfifth {width:1084px;}
	.sixth {width:210px;}
	.fivesixth {width:1130px;}
	.eighth	{width:156px;}

	.notdesktop{display:none;}
	.not1400{display:none;}
	.only1400{display:block;}
	.only1400-in{display:inline;}		
	.only1400-ib{display:inline-block;}	
}
/* widescreen desktops 1200 grid----------- */
@media all and (min-width: 1280px) and (max-width: 1399px) {
	#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"G1200";top:10px;}

	.container {width:1200px}
	.full {width:1180px;}
	.half {width:580px;}
	.threequarter {width:880px;}
	.quarter {width:280px;}
	.third {width:380px;}
	.twothird {width:780px;}
	.fifth {width:220px;}
	.twofifth {width:460px;}
	.threefifth {width:700px;}
	.fourfifth {width:940px;}
	.sixth {width:180px;}
	.fivesixth {width:980px;}
	.eighth	{width:140px;}
	
	.full1200 {width:1200px;}
	.half1200 {width:580px;}
	.threequarter1200 {width:880px;}
	.quarter1200 {width:280px;}
	.third1200 {width:380px;}
	.twothird1200 {width:780px;}
	
	
	.notdesktop{display:none;}	
	.not1200{display:none;}
	.only1200{display:block;}
	.only1200-in{display:inline;}		
	.only1200-ib{display:inline-block;}	
}
/* small desktops and laptops 960 grid----------- */
@media all and (min-width: 960px) and (max-width: 1279px)  {
	#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"G960";top:10px;}

	.container {width:960px;}
	.full {width:940px;}
	.half {width:460px;}
	.threequarter {width:700px;}
	.quarter {width:220px;}
	.third {width:300px;}
	.twothird {width:620px;}
	.fifth {width:172px;}
	.twofifth {width:364px;}
	.threefifth {width:556px;}
	.fourfifth {width:748px;}
	.sixth {width:140px;}
	.fivesixth {width:780px;}
	.eighth	{width:100px;}

	.full960 {width:940px;}
	.half960 {width:460px;}
	.threequarter960 {width:700px;}
	.quarter960 {width:220px;}
	.third960 {width:300px;}
	.twothird960 {width:620px;}
	

	.notdesktop{display:none;}
	.not960{display:none;}
	.only960{display:block;}
	.only960-in{display:inline;}		
	.only960-ib{display:inline-block;}		
}


/* Tablets  ----------- */
@media all and (min-width:720px) and (max-width:959px) {
	#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"GTAB";top:10px;}

	.container {width:720px;}
	.full {width:700px;}
	.half {width:340px;}
	.threequarter {width:520px;}
	.quarter {width:160px;}
	.third {width:220px;}
	.twothird {width:460px;}
	.fifth {width:124px;}
	.twofifth {width:268px;}
	.threefifth {width:412px;}
	.fourfifth {width:556px;}
	.sixth {width:100px;}
	.fivesixth {width:580px;}
	.eighth	{width:70px;}

	.fulltablet {width:700px;}
	.halftablet {width:340px;}
	.threequartertablet {width:520px;}
	.quartertablet {width:160px;}
	.thirdtablet {width:220px;}
	.twothirdtablet {width:460px;}
	.fifthtablet {width:124px;}
	.twofifthtablet {width:268px;}
	.threefifthtablet {width:412px;}
	.fourfifthtablet {width:556px;}
	.sixthtablet {width:100px;}
	.fivesixthtablet {width:580px;}	
		
	.notdesktop {display:block;}	
	.notdesktop-in{display:inline;}
	.notdesktop-ib{display:inline-block;}

	.onlytablet{display:block;}	
	.onlytablet-in{display:inline;}		
	.onlytablet-ib{display:inline-block;}		
	.nottablet{display:none;}	
	
	.tablet-text-center{text-align:center;}			
	.tablet-text-left{text-align:left;}			
	.tablet-text-right{text-align:right;}	
	.tablet-text-justify{text-align: justify;}		
	
}

/* Smartphones  ----------- */

@media only screen and (max-width:719px) {
	#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"GSMP";top:10px;}	

	.sb-site {max-width:500px;margin:auto;background:black;}
	.container {width:100%; }
	.first {margin:0;}
	.last {margin:0;} 
			
	.full, .half, .threequarter, .quarter,.third,.twothird,.fifth,.twofifth,.threefifth,.fourfifth,.sixth,.fivesixth, eighth {clear:both;width:90%;margin:0 5% 0 5%;}
	
	.notdesktop {display:block;}	
	.notdesktop-in{display:inline;}
	.notdesktop-ib{display:inline-block;}	
	.onlysmartphone{display:block;}
	.onlysmartphone-in{display:inline;}
	.onlysmartphone-ib{display:inline-block;}	
	.notsmartphone {display:none;}
	.fullphone{clear:both;width:90%;margin:0 5% 0 5%;}
	.halfphone{float:left;clear:none;width:42%; margin:0 5%;}
	.halfphone:nth-of-type(2n-1){margin-right:3%}
	.halfphone:nth-of-type(2n){margin-left:3%}
	.quarterphone{float:left;clear:none;width:18%; margin:0 3%;}
	.quarterphone:nth-of-type(4n-3){margin-left:5%}
	.quarterphone:nth-of-type(4n){margin-right:5%}
	.thirdphone{float:left;clear:none;width:26%; margin:0 3%;}
	.thirdphone:nth-of-type(3n-2){margin-left:5%} 
	.thirdphone:nth-of-type(3n){margin-right:5%}	

	.phone-text-center{text-align:center;}			
	.phone-text-left{text-align:left;}			
	.phone-text-right{text-align:right;}
	.phone-text-justify{text-align: justify;}		
	
	.pagescontainer{position:relative;}
	.paginationprevious{position:absolute; left:0px;width:100px !important; height:35px !important;}
	.paginationnext{position:absolute; right:0px;width:100px !important; height:35px !important;}	
}

/* cards */

.card {box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);border-radius:3px;}
.card .cardtitle{padding:10px; font-size:1.4em;}
.card .cardcontent{padding:10px;}
.card .cardlink{text-align:right; padding:5px 10px 5px 0px;}
.card .cardimage img{width:100%;}
.card .cardlist {margin:0px;list-style:none;}

/* helpers */

/* Not Just a Grid v2.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence */


.obj-right{float:right;}
.obj-left{float:left;}

.border {border:1px solid;}

.rel {position:relative;}
.abs {position:absolute;}
.block {display:block;}
.inline{display:inline;}
.inline-block{display:inline-block;}
.overflow-none {overflow:hidden;}
.overflow-scroll{overflow:scroll;}
.clear {clear:both;}
.no-margin{margin:0;}
.no-padding{padding:0;}
.fullwidth{width:100%;}
.fullheight{height:100%;}
.borderbox {box-sizing:border-box;}
.display-none {display:none;}
.display {display:block;}

.flicker-suppressor{-webkit-transform: translateZ(0);transform: translateZ(0);}
.softshadow{ box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);}
.longshadow{text-shadow:1px 1px 1px rgba(0,0,0,0.5),2px 2px 1px rgba(0,0,0,0.05),3px 3px 1px rgba(0,0,0,0.05),4px 4px 1px rgba(0,0,0,0.05),5px 5px 1px rgba(0,0,0,0.05), 6px 6px 1px rgba(0,0,0,0.05),  7px 7px 1px rgba(0,0,0,0.05),8px 8px 1px rgba(0,0,0,0.05),9px 9px 1px rgba(0,0,0,0.05),10px 10px 1px rgba(0,0,0,0.05);}
.longshadowbox{box-shadow:1px 1px 1px rgba(0,0,0,0.5),2px 2px 1px rgba(0,0,0,0.05),3px 3px 1px rgba(0,0,0,0.05),4px 4px 1px rgba(0,0,0,0.05),5px 5px 1px rgba(0,0,0,0.05), 6px 6px 1px rgba(0,0,0,0.05),  7px 7px 1px rgba(0,0,0,0.05),8px 8px 1px rgba(0,0,0,0.05),9px 9px 1px rgba(0,0,0,0.05),10px 10px 1px rgba(0,0,0,0.05);}

.linkfill{cursor:pointer;position:absolute; top:0px; left:0px; width:100%; height:100%;}
.linkfill-block{display:inline-block;width:100%; height:100%;cursor:pointer;}
.vertical-align-parent{-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.vertical-align-object{position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.vertical-align-parent-table{display:table}
.vertical-align-object-table{display:table-cell;vertical-align:middle;}

.ratio-16-9:before{content:"";float:left;padding-bottom:56.25%;}
.ratio-16-9:after{content:"";display:table;clear:both;}
.ratio-4-3:before{content:"";float:left;padding-bottom:75%;}
.ratio-4-3:after{content:"";display:table;clear:both;}

.responsiveimage{width:100%;}

.radius-5{border-radius:5px;}
.radius-10{border-radius:10px;}
.radius-20{border-radius:20px;}

.margin-10			{margin:10px;}
.margin-20			{margin:20px;}
.margin-50			{margin:50px;}

.margin-top-10 		{margin-top:10px;}
.margin-bottom-10 	{margin-bottom:10px;}
.margin-left-10 	{margin-left:10px;}
.margin-right-10 	{margin-right:10px;}

.margin-top-20 		{margin-top:20px;}
.margin-bottom-20 	{margin-bottom:20px;}
.margin-left-20 	{margin-left:20px;}
.margin-right-20 	{margin-right:20px;}

.margin-top-50		{margin-top:50px;}
.margin-bottom-50	{margin-bottom:50px;}
.margin-left-50		{margin-left:50px;}
.margin-right-50	{margin-right:50px;}

.margin-v-10		{margin-top:10px;margin-bottom:10px;}
.margin-h-10		{margin-left:10px;margin-right:10px;}
.margin-v-20		{margin-top:20px;margin-bottom:20px;}
.margin-h-20		{margin-left:20px;margin-right:20px;}
.margin-v-50		{margin-top:50px;margin-bottom:50px;}
.margin-h-50		{margin-left:50px;margin-right:50px;}

.padding-0			{padding:0px;}
.padding-10			{padding:10px;}
.padding-20			{padding:20px;}
.padding-50			{padding:50px;}

.padding-top-0 		{padding-top:0px;}
.padding-bottom-0 	{padding-bottom:0px;}
.padding-left-0 	{padding-left:0px;}
.padding-right-0 	{padding-right:0px;}

.padding-top-10 	{padding-top:10px;}
.padding-bottom-10 	{padding-bottom:10px;}
.padding-left-10 	{padding-left:10px;}
.padding-right-10 	{padding-right:10px;}

.padding-top-20 	{padding-top:20px;}
.padding-bottom-20 	{padding-bottom:20px;}
.padding-left-20 	{padding-left:20px;}
.padding-right-20 	{padding-right:20px;}

.padding-top-50 	{padding-top:50px;}
.padding-bottom-50 	{padding-bottom:50px;}
.padding-left-50 	{padding-left:50px;}
.padding-right-50 	{padding-right:50px;}

.padding-v-10		{padding-top:10px;padding-bottom:10px;}
.padding-h-10		{padding-left:10px;padding-right:10px;}
.padding-v-20		{padding-top:20px;padding-bottom:20px;}
.padding-h-20		{padding-left:20px;padding-right:20px;}
.padding-v-50		{padding-top:50px;padding-bottom:50px;}
.padding-h-50		{padding-left:50px;padding-right:50px;}

/* colours */


.bg-white {background:#fff;}
.bg-palegrey{background:#eee;}
.bg-beige{background:#ebe4dd;}
.bg-lightgrey{background:#ccc;}
.bg-mediumgrey{background:#777;}
.bg-darkgrey{background:#444;}
.bg-black {background:#000;}
.bg-lt-blue {background:#03A9F4;}
.bg-lime{background:#CDDC39;}
.bg-pink{background:#E91E63;}
.bg-teal{background:#009688;}
.bg-lt-green{background:#8BC34A;}
.bg-blue-grey{background:#607D8B;}
.bg-amber{background:#FFC107;}
.bg-orange{background:#F57C00}
.bg-deep-orange{background:#FF5722}
.bg-red{background:#F44336}

.bg-white.btn:hover{background:#eee;transform:scale(.96) translate3d(0,0,0);}
.bg-palegrey.btn:hover{background:#ddd;transform:scale(.96) translate3d(0,0,0);}
.bg-black.btn:hover{background:#444;transform:scale(.96) translate3d(0,0,0);}
.bg-lt-blue.btn:hover{background:#0288D1;transform:scale(.96) translate3d(0,0,0);}
.bg-lime.btn:hover{background:#AFB42B;transform:scale(.96) translate3d(0,0,0);}
.bg-pink.btn:hover{background:#C2185B;transform:scale(.96) translate3d(0,0,0);}
.bg-teal.btn:hover{background:#00796B;transform:scale(.96) translate3d(0,0,0);}
.bg-lt-green.btn:hover{background:#689F38;transform:scale(.96) translate3d(0,0,0);}
.bg-blue-grey.btn:hover{background:#455A64;transform:scale(.96) translate3d(0,0,0);}
.bg-amber.btn:hover{background:#FFA000;transform:scale(.96) translate3d(0,0,0);}
.bg-orange.btn:hover{background:#F57C00;transform:scale(.96) translate3d(0,0,0);}
.bg-deep-orange.btn:hover{background:#E64A19;transform:scale(.96) translate3d(0,0,0);}
.bg-red.btn:hover{background:#D32F2F;transform:scale(.96) translate3d(0,0,0);}

.fg-white{color:#fff;}
.fg-palegrey{color:#eee;}
.fg-lightgrey{color:#ccc;}
.fg-mediumgrey{color:#777;}
.fg-darkgrey{color:#444;}
.fg-black{color:black;}
.fg-lt-blue {color:#03A9F4;}
.fg-lime{color:#CDDC39;}
.fg-pink{color:#E91E63;}
.fg-teal{color:#009688;}
.fg-lt-green{color:#8BC34A;}
.fg-blue-grey{color:#607D8B;}
.fg-amber{color:#FFC107;}
.fg-orange{color:#F57C00}
.fg-deep-orange{color:#FF5722}
.fg-red{color:#F44336;}

.bg-googleplus{background:#dd4b39}
.bg-vimeo{background:#45bbff}
.bg-tumblr{background:#32506d}
.bg-flickr{background:#ff0084}
.bg-linkedin{background:#007bb5}
.bg-pinterest{background:#cb2027}
.bg-facebook{background:#3b5998}
.bg-twitter{background:#00aced}
.bg-instagram{background:#3f729b}
.bg-youtube{background:#b82621}
.bg-stumbleupon{background:#EB4823;}
.bg-share{background:#008131}

.fg-googleplus{color:#dd4b39}
.fg-vimeo{color:#45bbff}
.fg-tumblr{color:#32506d}
.fg-flickr{color:#ff0084}
.fg-linkedin{color:#007bb5}
.fg-pinterest{color:#cb2027}
.fg-facebook{color:#3b5998}
.fg-twitter{color:#00aced}
.fg-instagram{color:#3f729b}
.fg-youtube{color:#b82621}
.fg-stumbleupon{color:#EB4823;}
.fg-share{color:#008131}

.bdr-white {border-color:#fff;}
.bdr-palegrey{border-color:#eee;}
.bdr-lightgrey{border-color:#ccc;}
.bdr-mediumgrey{border-color:#777;}
.bdr-darkgrey{border-color:#444;}
.bdr-black {border-color:#000;}
.bdr-lt-blue {border-color:#03A9F4;}
.bdr-lime{border-color:#CDDC39;}
.bdr-pink{border-color:#E91E63;}
.bdr-teal{border-color:#009688;}
.bdr-lt-green{border-color:#8BC34A;}
.bdr-blue-grey{border-color:#607D8B;}
.bdr-amber{border-color:#FFC107;}
.bdr-orange{border-color:#F57C00;}
.bdr-deep-orange{border-color:#FF5722;}
.bdr-red{border-color:#F44336;}

/* font weights */
.weight-ultra-black{font-weight:900;}
.weight-black{font-weight:800;}
.weight-bold{font-weight:700;}
.weight-semibold{font-weight:600;}
.weight-medium{font-weight:500;}
.weight-normal{font-weight:400;}
.weight-book{font-weight:300;}
.weight-light{font-weight:200;}
.weight-ultra-light{font-weight:100}