/*
Theme Name: Voca Theme
Author: BK
Author URI: http://caretips.co.uk
Description: A clean, responsive simple theme for simple websites.
Version: 1.2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sosimple
Tags: custom-background, custom-header, custom-menu, flexible-header, editor-style, post-formats, one-column, two-columns, right-sidebar, full-width-template, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

SoSimple is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

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,
th {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
}

html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/4/#c790 */

    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */

    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
        -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box;
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
       -moz-box-sizing: border-box;
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
            box-sizing: border-box;
}

body {
    background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

table {
    border-spacing: 0;
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
}

caption,
th,
td,
th {
    font-weight: normal;
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
}

blockquote,
q {
    quotes: '' '';
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

a img {
    border: 0;
}

.bypostauthor,
.sticky {
}

/* =Rebuild
----------------------------------------------- */
* html {
    font-size: 100%;
}

html {
    font-size: 16px;
    line-height: 1.5em;
}

body,
button,
input,
select,
textarea {
    font-family: Georgia, 'Bitstream Charter', serif;
    font-size: 16px;
    font-weight: 400;
    color: #404040;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

/* Text elements */
p {
    margin-bottom: 24px;
}

ul,
ol {
    margin: 0 0 24px 36px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 24px;
}

dt {
    font-weight: 600;
}

dd {
    margin: 0 24px 24px;
}

b,
strong {
    font-weight: 600;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 24px;
}

address {
    margin: 0 0 24px;
}

pre {
    font-family: 'Courier 10 Pitch', Courier, monospace;
    font-size: .9375em;
    line-height: 1.6em;
    overflow: auto;
    max-width: 100%;
    margin-top: -2px;
    margin-bottom: 24px;
    padding: 24px;
    background: rgba(119, 119, 119, .5);
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
    font-size: .875em;
    line-height: 1.71429em;
}

abbr,
acronym {
    cursor: help;
    border-bottom: 1px dotted #666;
}

mark,
ins {
    text-decoration: none;
    background: #fff9c0;
}

sup,
sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    height: 0;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

figure {
    margin: 0;
}

table {
    width: 100%;
    margin: 0 0 24px;
}

th {
    font-weight: bold;
}

img {
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    height: auto;
    /* Adhere to container width. */
}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
}

.aligncenter {
    display: block;
    clear: both;
    margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    font-weight: 600;
    line-height: 24px;
    position: absolute !important;
    z-index: 100000;
    top: 24px;
    left: 24px;
    display: inline-block;
    clip: auto !important;
    padding: 24px;
    border: 1px solid #000;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, .6) 2px 2px 10px;
       -moz-box-shadow: rgba(0, 0, 0, .6) 2px 2px 10px;
            box-shadow: rgba(0, 0, 0, .6) 2px 2px 10px;
}

/* Clearing */
.clear:before,
.clear:after {
    display: table;
    content: '';
}

.clear:after {
    clear: both;
}

.entry-content:before,
.entry-content:after {
    display: table;
    content: '';
}

.entry-content:after {
    clear: both;
}

.comment-content:before,
.comment-content:after {
    display: table;
    content: '';
}

.comment-content:after {
    clear: both;
}

.site-header:before,
.site-header:after {
    display: table;
    content: '';
}

.site-header:after {
    clear: both;
}

.site-content:before,
.site-content:after {
    display: table;
    content: '';
}

.site-content:after {
    clear: both;
}

.site-footer:before,
.site-footer:after {
    display: table;
    content: '';
}

.site-footer:after {
    clear: both;
}

/* =Forms
----------------------------------------------- */
button,
input,
select,
textarea {
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3, S5, Chrome */

    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */

    *vertical-align: middle;
    /* Improves appearance and consistency in all browsers */
}

button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    cursor: pointer;
    color: rgba(0, 0, 0, .8);
    border: 1px solid #ccc;
    border-color: #ccc #ccc #bbb #ccc;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 15px 17px rgba(255, 255, 255, .5), inset 0 -5px 12px rgba(0, 0, 0, .05);
    /* Corrects inability to style clickable 'input' types in iOS */
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    /* Improves usability and consistency of cursor style between image-type 'input' and others */

    -webkit-appearance: button;
}

button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
    border-color: #ccc #bbb #aaa #bbb;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 15px 17px rgba(255, 255, 255, .8), inset 0 -5px 12px rgba(0, 0, 0, .02);
}

button:focus,
input[type='button']:focus,
input[type='reset']:focus,
input[type='submit']:focus,
button:active,
input[type='button']:active,
input[type='reset']:active,
input[type='submit']:active {
    border-color: #aaa #bbb #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .5), inset 0 2px 5px rgba(0, 0, 0, .15);
}

input[type='checkbox'],
input[type='radio'] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}

input[type='search'] {
    /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box;
    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
       -moz-box-sizing: content-box;
            box-sizing: content-box;
            -webkit-appearance: textfield;
}

input[type='search']::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    /* Corrects inner padding and border displayed oddly in FF3 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

    border: 0;
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
textarea:focus {
    color: #111;
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'] {
    padding: 3px;
}

textarea {
    overflow: auto;
    /* Improves readability and alignment in all browsers */

    width: 98%;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top;
}

* html {
    font-size: 100%;
}

html {
    font-size: 16px;
    line-height: 1.7em;
}


.format-link .entry-title a:after,
.social-links ul a:before {
    font-family: 'Genericons';
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    vertical-align: bottom;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}
/* ---------------------------------------------------------------------------- */
/* --------------------------------Zoom-Effect--------------------------------- */
/* ---------------------------------------------------------------------------- */
.zoom-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 100% !important;
}
/* ---------------------------------------------------------------------------- */
/* -------------------------------------Container------------------------------ */
/* ---------------------------------------------------------------------------- */
#container {}
#container .wrap-container{}

/* ---content-box--- */
.content-box {margin-bottom: 60px;}
.content-box .item{padding: 10px 0;}
.content-box .item .item-content{background-color: #3C4853;padding: 25px;}

.content-box.box-1{}

.content-box.box-2{padding: 30px 0 0;color: #fff;}
.content-box.box-2 h2{font-size: 40px;font-weight: 500;margin: 30px 0;line-height: 1.2;}

.content-box.box-gallery{padding-bottom: 30px;}
.content-box.box-gallery .zoom-container{margin: 0;}
.content-box.box-gallery .item img{display: block;width: 100% !important;}
.content-box.box-gallery .item {max-width: 400px;margin: auto;padding: 0;}

/* =Global */
}

bodyo {background: #339cff;font: 14px/25px Arial, Helvetica, sans-serif;font-weight: 300; line-height: 1.625;}

body {background: #e6f2ff;background-position: center center;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;color:#fff;position: relative;
    font-family: "Open Sans", Georgia, Times, serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 27px;
    color: #666;
  
}
.hug {
    margin:0;
    padding:0;
    width:100%;
    overflow:hidden;
    padding-top:30px;
    padding-bottom:60px;
    max-width:1200px;
    margin:0 auto;
}
.hug_wrapper {
   
   
    background:#e6f2ff;

}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin: 14px 27px 14px 0;
}

.alignright {
    display: inline;
    float: right;
    margin: 14px 0 14px 27px;
}

.aligncenter {
    display: block;
    clear: both;
    margin: 14px auto;
}

.alignnone {
    margin-top: 14px;
    margin-bottom: 14px;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #666;
    font-family: "Open Sans", Georgia, Times, serif;
}
h1 {
    font-size: 28px;
    font-weight: normal;
    margin: 27px 0;
}

h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 27px 0;
}

h3,
#respond h3 {
    font-size: 20px;
    font-weight: normal;
    margin: 27px 0;
}

h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 27px 0;
}

h5 {
    font-size: 16px;
    font-weight: normal;
    margin: 27px 0;
}

h6 {
    font-size: 14px;
    font-weight: normal;
    margin: 27px 0;
}

hr {
    height: 0;
    margin-top: -1px;
    margin-bottom: 24px;
    padding-top: 24px;
    border: 1px solid #ccc;
    border-width: 0 0 1px 0;
    clear: both;
}

/* Text elements */
p {
    margin-bottom: 27px;
}

ul {
    margin: 0 0 27px 27px;
    list-style: disc;
}
ul ul {
    list-style: square;
}
ul ul ul {
    list-style: circle;
}

ol {
    margin: 0 0 27px 27px;
    list-style: decimal;
}
ol ol {
    list-style: lower-alpha;
}
ol ol ol {
    list-style: lower-roman;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 27px;
}

dt {
    font-weight: 400;
}

dd {
    margin: 14px 0 14px 27px;
}

b,
strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 0 27px;
    padding-left: 48px;
    position: relative;
    color: #999;
}
blockquote:before {
	font-family: Genericons;
	font-size: 32px;
	color: #eee;
	content: "\f106";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
blockquote blockquote {
    font-size: inherit;
}
blockquote cite {
	display: block;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    margin-top: 7px;
    width: 100%;
    text-align: right;
}

button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    font-family: "Open Sans", Georgia, Times, serif;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 14px;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999;
    border: 3px solid #eee;
    background: white;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    text-shadow: none;
}
button:hover,
button:focus,
button:active,
input[type='button']:hover,
input[type='button']:focus,
input[type='button']:active,
input[type='reset']:hover,
input[type='reset']:focus,
input[type='reset']:active,
input[type='submit']:hover,
input[type='submit']:focus,
input[type='submit']:active {
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            color: #1c7c7c;
    border-color: #1c7c7c;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'] {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    padding: 12px;
    border: 1px solid #eee;
}
input[type='text']:active,
input[type='text']:focus,
input[type='email']:active,
input[type='email']:focus,
input[type='url']:active,
input[type='url']:focus,
input[type='password']:active,
input[type='password']:focus,
input[type='search']:active,
input[type='search']:focus {
    border-color: #d4d4d4;
    outline: none;
    background: white;
}

textarea {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    padding: 12px;
    border: 1px solid #eee;
}
textarea:active,
textarea:focus {
    border-color: #d4d4d4;
    outline: none;
}

address {
    font-style: italic;
    margin-bottom: 27px;
}

pre {
	background: transparent;
	color: #666;
	font-family: "Open Sans", Georgia, Times, serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 27px;
    overflow: auto;
    max-width: 100%;
    margin-bottom: 27px;
    padding: 0;
}

code,
kbd,
tt,
var {
    font: 14px Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
    font-size: 1em;
    line-height: 2.09231em;
}

abbr,
acronym {
    margin-bottom: 26px;
    cursor: help;
    border-bottom: 1px dotted #eee;
}

mark,
ins {
    text-decoration: none;
    background: fff9c0;
}

sup,
sub {
    font-size: .8125em;
    line-height: 2.09231em;
    line-height: 0;
    position: relative;
    height: 0;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: .8125em;
    line-height: 2.09231em;
}

big {
    font-size: 1.2em;
    line-height: 1.36em;
}

figure {
    margin: 0;
}

table {
    width: 100%;
    margin-bottom: 27px;
}

td,
th {
    padding: 7px 3px 6px;
    border-collapse: collapse;
    border-bottom: 1px solid #eee;
}

th {
    font-weight: bold;
    padding-bottom: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom-width: 3px;
}

img {
    max-width: 100%;
    height: auto;
}

/* Links */
a {
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    text-decoration: none;
    color: #1c7c7c;
}
a:visited {
    color: #1c7c7c;
}
a:hover,
a:focus,
a:active {
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            color: #999;
}

/* =Layout */
.site {
    margin: 0 auto;
    padding: 27px;
    background: white;
}
.site-footer {
    font-size: .8125em;
    line-height: 2.09231em;
    clear: both;
    width: 100%;
    margin: 24px 0 0;
    padding: 14px 0 0;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999;
    border-top: 3px solid #eee;
}
.site-footer a {
    text-decoration: none;
    color: #999;
}
.site-footer a:hover {
    color: #1c7c7c;
}
.site-footer .sep {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    margin: 0;
}

.site-content .widget-area {
    margin-top: 27px;
    padding-top: 24px;
    border-top: 3px solid #eee;
}
/*
Zerotheme.com | Free Html5 Responsive Templates
Zerogrid - A Single Grid System for Responsive Design
Author: Kimmy
Version : 3.0
Author URI: https://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 
.zerogrid{ width: 1200px; position: relative; margin: 0 auto; padding: 0px;}
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.zerogrid .f-right{float: right!important;}
.zerogrid .f-left{float: left!important;}

.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}

.zerogrid .wrap-col{margin:10px;}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2,.zerogrid .col-1-2-fixed{width:50%;}
.zerogrid .offset-1-2{margin-left: 50%;}

.zerogrid .col-1-3,.zerogrid .col-1-3-fixed{width:33.33%;}
.zerogrid .col-2-3,.zerogrid .col-2-3-fixed{width:66.66%;}
.zerogrid .offset-1-3{margin-left: 33.33%;}
.zerogrid .offset-2-3{margin-left: 66.66%;}

.zerogrid .col-1-4,.zerogrid .col-1-4-fixed{width:25%;}
.zerogrid .col-2-4,.zerogrid .col-2-4-fixed{width:50%;}
.zerogrid .col-3-4,.zerogrid .col-3-4-fixed{width:75%;}
.zerogrid .offset-1-4{margin-left: 25%;}
.zerogrid .offset-2-4{margin-left: 50%;}
.zerogrid .offset-3-4{margin-left: 75%;}

.zerogrid .col-1-5,.zerogrid .col-1-5-fixed{width:20%;}
.zerogrid .col-2-5,.zerogrid .col-2-5-fixed{width:40%;}
.zerogrid .col-3-5,.zerogrid .col-3-5-fixed{width:60%;}
.zerogrid .col-4-5,.zerogrid .col-4-5-fixed{width:80%;}
.zerogrid .offset-1-5{margin-left: 20%;}
.zerogrid .offset-2-5{margin-left: 40%;}
.zerogrid .offset-3-5{margin-left: 60%;}
.zerogrid .offset-4-5{margin-left: 80%;}

.zerogrid .col-1-6,.zerogrid .col-1-6-fixed{width:16.66%;}
.zerogrid .col-2-6,.zerogrid .col-2-6-fixed{width:33.33%;}
.zerogrid .col-3-6,.zerogrid .col-3-6-fixed{width:50%;}
.zerogrid .col-4-6,.zerogrid .col-4-6-fixed{width:66.66%;}
.zerogrid .col-5-6,.zerogrid .col-5-6-fixed{width:83.33%;}
.zerogrid .offset-1-6{margin-left: 16.66%;}
.zerogrid .offset-2-6{margin-left: 33.33%;}
.zerogrid .offset-3-6{margin-left: 50%;}
.zerogrid .offset-4-6{margin-left: 66.66%;}
.zerogrid .offset-5-6{margin-left: 83.33%;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.zerogrid{width:960px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.zerogrid{width:768px;}
}

@media only screen and (max-width: 767px) {
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
	
	.zerogrid .offset-1-2, .zerogrid .offset-1-3, .zerogrid .offset-2-3, .zerogrid .offset-1-4, .zerogrid .offset-2-4, .zerogrid .offset-3-4, .zerogrid .offset-1-5, .zerogrid .offset-2-5, .zerogrid .offset-3-5, .zerogrid .offset-4-5, .zerogrid .offset-1-6, .zerogrid .offset-2-6, .zerogrid .offset-3-6, .zerogrid .offset-4-6, .zerogrid .offset-5-6{margin-left:0;}
}

/* =Header */
.site-header {
    margin: 0 0 27px;
    padding: 0 0 24px;
    border-bottom: 3px solid #eee;
}
.site-logo {
    display: block;
    width: auto;
    max-height: 150px;
    margin: 0 auto 7px;
}
.custom-header {
    display: block;
    margin: 0 auto;
    margin-bottom: 27px;
    border-radius: 5px;
}

.site-branding {
    clear: both;
    margin-bottom: 14px;
    text-align: center;
}

.site-title {
    font-size: 27px;
    line-height: 1;
    position: relative;
    z-index: 2;
    display: inline-block;
    clear: none;
    margin: 0;
}
.site-title a {
    text-decoration: none;
    color: #666;
}

.site-branding .site-logo a > img {
    max-width: 250px;
}

.site-description {
    color: #999;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    margin: 7px auto;
    text-align: center;
}



/* =Content */
.hentry {
    position: relative;
    margin: 0 0 53px;
    padding: 0 0 27px;
    border-bottom: 1px solid #eee;
}

.site-main .hentry:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
}

.byline,
.updated {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.attachment-penscratch-featured {
    margin: 14px 0 0;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    opacity: 1;
    border-radius: 3px;
}

.hentry:hover .attachment-penscratch-featured {
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    opacity: .7;
}
.entry-footer,
.entry-meta {
    font-size: .8125em;
    font-weight: normal;
    line-height: 2.09231em;
    margin: 0 0 27px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999;
}
.entry-footer a,
.entry-meta a,
.entry-footer a:visited,
.entry-meta a:visited {
    color: #999;
}
.entry-footer a:hover,
.entry-meta a:hover {
    color: #1c7c7c;
}

.entry-title {
    font-size: 1.75em;
    line-height: 1.10em;
    line-height: 1.21429em;
    margin: 0 0 7px;
}
.entry-title a,
.entry-title a:visited {
    text-decoration: none;
    color: #666;
}
.entry-title a:hover {
    color: #1c7c7c;
}
.page .entry-title {
	margin: 0 0 27px;
}

.sep {
    margin: 0 3px;
}

.page-links {
    clear: both;
    margin: 27px 0;
    word-spacing: 7px;
}

.page-title {
    font-size: 18px;
    line-height: 1.36em;
    margin: 0;
    padding-bottom: 14px;
    letter-spacing: 1px;
    color: #999;
    border-bottom: 1px solid #eee;
}

.page-header {
    margin-bottom: 27px;
}

.taxonomy-description {
    font-style: italic;
    margin-top: 27px;
}

/* =Post Formats */
.format-link .entry-title a:after {
    font-size: 32px;
    margin-left: 5px;
    content: '\f442';
}

/* =Media */
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.wp-caption {
    max-width: 100%;
    margin-bottom: 27px;
}
.wp-caption img[class*='wp-image-'] {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.wp-caption-text {
    font-size: .8125em;
    line-height: 1.5675em;
    margin: 14px 0;
    padding: 0 1%;
}

.site-content .gallery {
    margin-bottom: 27px;
}
.site-content .gallery a img {
    max-width: 90%;
    height: auto;
}
.site-content .gallery dd {
    margin: 0;
}

/* Gallery column widths */
.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.667%;
}

.gallery-columns-7 .gallery-item {
    width: 14%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.11%;
}

.site-content .gallery-columns-1.gallery a img {
    max-width: 100%;
}

.gallery-item {
	display: inline-block;
	margin-bottom: 14px;
	text-align: center;
	vertical-align: top;
}
.gallery-item img {
    padding: 3px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.gallery-caption {
    font-size: .8125em;
    line-height: 2.09231em;
    line-height: 2.09231em;
    max-width: 90%;
    margin: 0 auto;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

/* =Navigation */
.site-main .post-navigation,
.site-main .paging-navigation {
    font-size: .8125em;
    font-style: italic;
    line-height: 2.09231em;
    line-height: 1.5;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 12px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.site-main .post-navigation .meta-nav,
.site-main .paging-navigation .meta-nav {
	clear: both;
	color: #1c7c7c;
	display: block;
	font-style: normal;
	letter-spacing: 1px;
    text-transform: uppercase;
}
.site-main .post-navigation .nav-previous a,
.site-main .paging-navigation .nav-previous a {
	color: #aaa;
    position: relative;
    float: left;
    width: 50%;
    text-decoration: none;
}
.site-main .post-navigation .nav-next a,
.site-main .paging-navigation .nav-next a {
	color: #aaa;
    position: relative;
    float: right;
    width: 50%;
    text-align: right;
    text-decoration: none;
}

.site-main .post-navigation a,
.site-main .paging-navigation a {
	color: #aaa;
}
.site-main .post-navigation a:hover,
.site-main .paging-navigation a:hover {
	color: #666;
}

.comment-navigation:before,
.comment-navigation:after {
    display: table;
    content: '';
}

.comment-navigation:after {
    clear: both;
}

.site-main .comment-navigation {
    font-size: .8125em;
    line-height: 2.09231em;
    line-height: 1.5;
    clear: both;
    width: 100%;
    margin: 27px 0;
    padding: 12px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.site-main .comment-navigation .nav-previous {
    position: relative;
    float: left;
    width: 50%;
    text-align: left;
}
.site-main .comment-navigation .nav-next {
    position: relative;
    float: right;
    width: 50%;
    text-align: right;
}

/* =Comments */

.comments-area {
    margin: 24px auto 0;
    border-top: 3px solid #eee;
}

.comments-title,
#respond h3 {
    font-size: 1.2em;
    line-height: 1.36em;
    color: #999;
}
.comments-title small,
.comment-reply-title small {
    float: right;
}

.comment-list,
.comment-list .children {
    list-style: none;
}

.comment-list {
    margin: 0;
}

.comment-list > .comment:first-of-type {
    padding-top: 0;
    border-top: 0;
}

.comment {
    margin-top: 26px;
    padding-top: 27px;
    border-top: 1px solid #eee;
}

.comment-meta {
    text-transform: uppercase;
}
.comment-meta a {
    color: #666;
}
.comment-meta .comment-author img {
    float: left;
    border-radius: 50%;
}
.comment-meta .comment-author .fn {
    display: block;
    font-weight: normal;
    margin-left: 74px;
    text-transform: none;
}
.comment-meta .comment-metadata {
    font-size: .8125em;
    font-weight: normal;
    line-height: 2.09231em;
    margin-bottom: 27px;
    margin-left: 74px;
    letter-spacing: 1px;
    color: #999;
}
.comment-meta .comment-metadata a {
    color: #999;
}
.comment-meta .comment-metadata a:hover {
    color: #1c7c7c;
}

.comments-area .edit-link:before {
    display: inline;
    margin: 0 7px;
    content: ' ~ ';
}

.comment-form label {
    display: inline-block;
    width: 109px;
}

.required {
    color: #1c7c7c;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
    position: relative;
    margin: 0 0 27px;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
    font-size: .8125em;
    font-weight: normal;
    line-height: 2.09231em;
    position: absolute;
    top: 7px;
    left: 0;
    padding: 7px 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.comment-form-comment label {
    top: 1px;
    left: 1px;
    background: white;
    width: 95.5%;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment input {
    display: block;
    width: 100%;
    margin: 0 0 27px;
    padding-left: 100px;
}
.comment-form-author textarea,
.comment-form-email textarea,
.comment-form-url textarea,
.comment-form-comment textarea {
    clear: both;
    width: 100%;
    margin: 0 0 27px;
    padding: 54px 14px 7px;
}

.says {
    display: none;
}

.form-allowed-tags {
    color: #999;
}

.no-comments {
    font-style: italic;
    margin: 27px 0;
    text-align: center;
    color: #999;
}

/* =Widgets */
.widget {
    line-height: 2.09231em;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 27px;
    padding: 0 0 27px;
    border-bottom: 1px solid #eee;
}
.widget select {
    max-width: -webkit-calc(100% - 48px);
    max-width:         calc(100% - 48px);
    margin-left: 1px;
}
.widget a {
    text-decoration: none;
    color: #1c7c7c;
}
.widget a:hover,
.widget a:active,
.widget a:focus {
    color: #666;
}
.widget ul {
    margin: 0;
    list-style: none;
}
.widget li {
    margin: 0;
    padding-top: 6px;
    padding-bottom: 7px;
    list-style: none;
    border-top: 1px solid #eee;
}

.widget-title {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.36em;
    margin: 14px 0;
}
.widget-title a {
    color: #666;
}

/* Calendar widget */
#wp-calendar td,
#wp-calendar th,
#wp-calendar th {
    text-align: center;
}
#wp-calendar caption {
    font-weight: 700;
    margin: 14px 0;
    text-align: center;
}
#wp-calendar a {
    text-decoration: none;
    color: #1c7c7c;
}

/* Recent Comments */
.widget_recent_comments td,
.widget_recent_comments th {
    border: 0;
}

/* Tags */
.tags-links {
    display: block;
    margin-top: 7px;
}
.tags-links:before,
.tags-links:after {
    display: table;
    content: '';
}

.tags-links:after {
    clear: both;
}
.wp_widget_tag_cloud a,
.tags-links a {
    font-size: inherit !important;
    display: inline-block;
    margin: 0 7px 7px 0 !important;
    padding: 0 7px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999;
    border: 1px solid #eee;
}
.wp_widget_tag_cloud a:hover,
.tags-links a:hover {
    color: #1c7c7c;
    border-color: #1c7c7c;
}
.wrapper {
    margin:0;
    padding:0;
    width:100%;
    overflow:hidden;
    padding-top:30px;
    padding-bottom:60px;
}
.body_wrapper {
    margin:0;
    padding:0;
    max-width:1200px;
    margin:0 auto;
    overflow:hidden;
    -webkit-box-shadow: 0px 0px 40px rgba(77, 70, 74, 0.69);
    -moz-box-shadow:    0px 0px 40px rgba(77, 70, 74, 0.69);
    box-shadow:         0px 0px 40px rgba(77, 70, 74, 0.69);
    background-color:#ffffff;
    padding-right:0;
}
.body_wrapper .top_wrapper {
    max-width:1200px;
    margin:0 auto;

}
.topmain_wrapper {
    margin:0;
    padding:0;
    width:100%;
    margin:0 auto;
}
.topinfo-wrapper {
    position:relative;
    margin:0;
    background-color:#fff;
}
.topinfobar {
    background:#37B5E5;
    height:40px;
    position:relative;
    width:100%;
}
}
.topinfobar span.info {
    color:#fefefe;
    display:block;
    margin: 5px 5px 5px 5px;
    font-size:13px;
    min-height:15px;
     float:left;
    /*margin-left: -40px;*/
}
.topinfobar span.info p {
    color:#fefefe;
    font-size:13px;
    text-align:center;}
    
    .topinfobar span.special {
    color:#fefefe;
    display:block;
    margin: 5px 5px 5px 5px;
    font-size:13px;
    min-height:15px;
     float:right;
    /*margin-left: -40px;*/
}
.topinfobar span.special p {
    background-color:#6699FF;
      width:150px;
    color:#fefefe;
    font-size:13px;
    text-align:center;
   
}
.topinfobar span.siteinfourl p {
    margin-top:4px;
    margin-bottom:4px;
    background-color:#973c05;
    color:#fff;
    width:100%;
    overflow:hidden;
    font-size:14px;
    line-height:normal;
    padding-bottom:3px;
    padding-left:0;
    margin-left:-10px;
    padding-right:0;
    height:18px;
    padding-top:3px;
    text-align:center;
     float:right;
    margin-right:5px;
    margin-left:155px;
}
.topinfobar span.siteinfourl a {
    width:150px;
    color:#fff;
    display:inline-block;
    margin-right:15px;
}
/* =Jetpack */

.jetpack-video-wrapper {
	margin-bottom: 27px;
}

.jetpack-slideshow.slideshow-black {
	background-color: #eee;
	border-color: #eee;
}
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}

.infinite-wrap {
	border-top: 1px solid #eee;
	padding-top: 53px;
}
#infinite-footer {
    z-index: 999;
}
#infinite-footer .container {
    font-style: italic;
    position: relative;
    color: #999;
    border-top: 0;
    background: white;
}
#infinite-footer .container a {
    color: #999;
}
#infinite-footer .container a:hover {
    color: #1c7c7c;
}
#infinite-footer .blog-info a,
#infinite-footer .blog-credits {
    font-size: .8125em;
    font-weight: normal;
    font-style: normal;
    line-height: 2.09231em;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.infinite-loader {
    clear: both;
    width: 28px;
    height: 43px;
    margin: 0 auto 14px;
    padding-top: 27px;
}

#infinite-handle {
    clear: both;
    width: 100%;
    margin: 0;
}

#infinite-handle span {
	border-radius: 3px;
	display: block;
	font-size: 1em;
	font-weight: normal;
	padding: 10px 14px;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    letter-spacing: 1px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    color: #999;
    border: 3px solid #eee;
    background: white;
    text-align: center;
    width: 160px;
}
#infinite-handle span:hover {
	border-color: #1c7c7c;
	color: #1c7c7c;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}

div.sharedaddy div.sd-block {
    padding: 14px 0 14px !important;
}

/* =Social Links */
.social-links {
    clear: both;
    margin: 14px auto;
}
.social-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.social-links ul li {
    display: inline-block;
    margin: 0;
    list-style: none;
}
.social-links ul a {
    display: inline-block;
    text-decoration: none;
}
.social-links ul a:before {
    line-height: 1;
    position: relative;
    display: block;
    margin-left: 4px;
   	margin-top: 2px;
   	margin-bottom: 4px;
    padding: 8px 7px 8px 9px;
    content: '\f415';
    -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
         -o-transition: all .1s ease-in-out;
            transition: top .3s ease-in-out;
            transition: all .1s ease-in-out;
    text-align: center;
    color: white;
    border-radius: 50%;
    background: #ccc;
}
.social-links ul a:hover {
    text-decoration: none;
}
.social-links ul a:hover:before {
    -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
         -o-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
    text-decoration: none;
    background: #1c7c7c;
}
.social-links ul a[href*='wordpress.org']:before,
.social-links ul a[href*='wordpress.com']:before {
    content: '\f205';
}
.social-links ul a[href*='facebook.com']:before {
    content: '\f204';
}
.social-links ul a[href*='twitter.com']:before {
    content: '\f202';
}
.social-links ul a[href*='dribbble.com']:before {
    content: '\f201';
}
.social-links ul a[href*='plus.google.com']:before {
    content: '\f206';
}
.social-links ul a[href*='pinterest.com']:before {
    content: '\f209';
}
.social-links ul a[href*='github.com']:before {
    content: '\f200';
}
.social-links ul a[href*='tumblr.com']:before {
    content: '\f214';
}
.social-links ul a[href*='youtube.com']:before {
    content: '\f213';
}
.social-links ul a[href*='flickr.com']:before {
    content: '\f211';
}
.social-links ul a[href*='vimeo.com']:before {
    content: '\f212';
}
.social-links ul a[href*='instagram.com']:before {
    content: '\f215';
}
.social-links ul a[href*='codepen.io']:before {
    content: '\f216';
}
.social-links ul a[href*='linkedin.com']:before {
    content: '\f207';
}
.social-links ul a[href*='foursquare.com']:before {
    content: '\f226';
}
.social-links ul a[href*='reddit.com']:before {
    content: '\f222';
}
.social-links ul a[href*='digg.com']:before {
    content: '\f221';
}
.social-links ul a[href*='getpocket.com']:before {
    content: '\f224';
}
.social-links ul a[href*='path.com']:before {
    content: '\f219';
}
.social-links ul a[href*='stumbleupon.com']:before {
    content: '\f223';
}
.social-links ul a[href*='spotify.com']:before {
    content: '\f223';
}
.social-links ul a[href*='twitch.tv']:before {
    content: '\f516';
}
.social-links ul a[href*='dropbox.com']:before {
    content: '\f225';
}
.social-links ul a[href*='/feed']:before {
    content: '\f515';
}
.social-links ul a[href*='skype']:before {
    content: '\f220';
}
.social-links ul a[href*='mailto']:before {
    content: '\f410';
}

/* Media Queries */
@media screen and (min-width: 75em) {
    .site {
        max-width: 1153px;
        margin: 54px auto;
        padding: 54px 108px;
    }
}
@media screen and (min-width: 55em) {
    .no-sidebar .site {
        max-width: 872px;
        padding: 54px 108px;
    }
}
@media screen and (min-width: 50em) {

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 28px;
    }

    h3,
    #respond h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }

    .entry-title {
        font-size: 32px;
        text-transform: capitalize;
    }

    .content-area {
        float: left;
        width: 100%;
        margin: 0 -30% 0 0;
    }

    .site-main {
        margin: 0 30% 0 0;
    }

    .site-content .widget-area {
        float: right;
        overflow: hidden;
        width: 25%;
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }

    .no-sidebar .content-area,
    .no-sidebar .site-main,
    .page-template-fullwidth-page-php .site-main {
        float: none;
        margin: 0;
    }

    .site-info {
        line-height: 1.7;
        float: left;
        max-width: 60%;
        text-align: left;
    }

    .social-links {
        float: right;
        clear: none;
        max-width: 40%;
        margin: 0;
        text-align: right;
    }

    .entry-content {
        font-size: 1.2em;
        line-height: 1.7em;
    }
    pre {
    	font-size: 1em;
    }

    /* Search */
    .widget_search .search-submit {
        display: none;
    }
    blockquote {
		font-size: 1.2em;
		line-height: 1.4em;
    	padding-left: 64px;
    }
    blockquote cite {
    	font-size: .8125em;
    }
    blockquote:before {
		font-size: 48px;
	}

	blockquote.alignleft,
	blockquote.alignright {
		max-width: 280px;
		padding-left: 48px;
	}
	blockquote.alignleft:before,
	blockquote.alignright:before {
		font-size: 32px;
	}

.post-edit-link{
        background: gray;
    padding: 0 10px;
    margin: 0 5px;
    color: white !important;
}

.entry-content, .entry-summary, .page-content, .comment-content {
    -moz-hyphens: auto;
    word-wrap: break-word;
}

.ss_rounded{
        border-radius: 5px;
    }

.ss_squared {
        border-radius: 0;
}

a.more-link{
    display: block;
}
/* ---------------------------------------------------------------------------- */
/* --------------------------------------Zoom---------------------------------- */
/* ---------------------------------------------------------------------------- */
.zoom-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	font-size: 15px;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption h3{font-family: 'Shadows Into Light', cursive;}
.zoom-container .zoom-caption a{font-size: 20px; color: #fff;}
.zoom-container .zoom-caption i{
	display: block;
	text-align: center;
	font-size: 40px;
	color: #fff;
}

.zoom-container:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container:hover .zoom-caption {
	background: rgba(255, 242, 0, 0.8);
	z-index: 10;
	color: #fff;
}
.caption-inner {
	display: table;
	width: 100%;
	height: 100%;
}
.caption-inner1 {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

#smoothup { 

	height: 40px; 

	width: 50px; 

	position:fixed;

	bottom:10px;

	right:20px;

	text-indent:-9999px;

	display:none;

	background: #666 url(images/top_button.png) no-repeat center; 

	-webkit-transition-duration: 0.4s; 

	-moz-transition-duration: 0.4s; transition-duration: 0.4s; 

	border-radius: 0.2em;

}



#smoothup:hover {

	background-color: #999;

}
:root {
    --purple: #3B3646;
    --red: #EE4B5A;
}

/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    left: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: var(--purple);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
}
#gdpr-cookie-message h4 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--red);
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: var(--red);
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 10;
    margin-right: 5px;
}
/*-------------content */
#content {}


.brian{}

.block{background:#e6f2ff;}

.block01 {padding:30px 0px;}
.block01 section {text-align:center;}
.block01 section .heading h2{color:#4F4F4F ;font-size:22px; line-height:25px; letter-spacing:-1px; font-weight:normal; margin:10px 0;}
.block01 section .content{color:#555555; font-weight:bold;}
.block01 section .more{ text-align:center;}
.block01 section .more a{ text-decoration:none; text-transform:none;}

.block02 {background:#EDEDED; margin-bottom:20px;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;}
.block02 section{text-align:center; padding: 20px 50px; font-size:20px;}

.block03 {padding-bottom: 20px;}
.block03 section{}
.block03 section img{border-bottom:2px solid #262A2D; border-top:2px solid #262A2D;}
.block03 section .heading{font-size:14px; font-style:italic;}
.block03 section a{ text-decoration:underline; padding-left:10px;}

.block04 {background:#ffffff; margin-bottom:0px;border-top:3px solid #000;border-bottom:3px solid #000;}
.block04 section{text-align:left; padding: 5px 10px; font-size:20px;}


.papi2 {background:#F7F7E0; margin-bottom:0px;}
.papi2 .site-header {
    margin: 0 0 27px;
    padding: 0 0 24px;
     max-height: 60px;
    
}
.papi2 .site-header .site-branding{
    margin: 0 0 27px;
    padding: 0 0 24px;
     max-height: 60px;
    }
.papi2 .site-logo {
    display: block;
    width: auto;
    max-height: 60px;
    margin: 20px auto 7px;
}
.papi2.custom-header {
    display: block;
    margin: 0 auto;
    margin-bottom: 27px;
    border-radius: 5px;
}

.papi2.site-branding {
    clear: both;
    margin-bottom: 14px;
    text-align: center;
}
.papi2 .site-branding .img {
    max-width: 250px;
      margin: 20px 0 27px;
    float:left; padding:27px 15 15 21px;
}

.papi2.site-title {
    font-size: 27px;
    line-height: 1;
    position: relative;
    z-index: 2;
    display: inline-block;
    clear: none;
    margin: 0;
}
.papi2 .site-title a {
    text-decoration: none;
    color: #666;
}




.papi2 .site-description {
    color: #999;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    margin: 7px auto;
    text-align: center;
}
	/*------------footer */ 


.dogface {background:#Ffffff; border-radius: 35px 35px 0px 0px;
 
  padding: 20px; 
  width: 100%;
  height: 200px;  }


.dogface .logo {
position:absolute;
        margin-top:30px;
        margin-bottom:10px;
        margin-left:20px;
    }

    .dogface .contactinfo {
        margin:0;
        margin-top:10px;
        float:right;
    }
     .dogface .contactinfo p {float:right; width:250px; overflow:hidden; font:26px Tahoma, Geneva, sans-serif; color:#000000; padding:27px 0 27px 0; }
.dogface .contactinfo p>span {display:block; color:#000000; font-size:16px; line-height:25px; margin-top:6px;letter-spacing:-1px; }

.papi {background:#37B5E5; margin-bottom:0px; height:40px;
    position:relative;
    width:100%;}

.papi a{ text-decoration:none; font-size: 16px; color: #fff;}

.papi span.info {
    color:#fefefe;
    display:block;
    margin: 5px 5px 5px 5px;
    font-size:13px;
    min-height:15px;
     float:left;
    /*margin-left: -40px;*/
}
.papi span.info p {
    color:#fefefe;
    font-size:13px;
    text-align:center;}
    
    .topinfobar span.special {
    color:#fefefe;
    display:block;
    margin: 5px 5px 5px 5px;
    font-size:13px;
    min-height:15px;
     float:right;
    /*margin-left: -40px;*/
}
.papi span.special p {
    background-color:#6699FF;
      width:150px;
    color:#fefefe;
    font-size:13px;
    text-align:center;}


.block08 {background:#ffffff; margin-bottom:0px;}
.block88 {background:#F7F7E0; margin-bottom:0px;}

.block10 {background:#000000; margin-bottom:0px;border-top:0px solid #E1E1E1; }

.block10 a {
	text-decoration: none;
	color: #cccccc;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}







.block11 {background:#37B5E5; color:#000000;font-size:12px; margin-bottom:0px;}



.block12 {background:#ffffff; margin-bottom:0px;}


.block05 {margin: 5px 0px 0px 0px}
.block05 .title{width: 90%; background: url("divider.png") repeat-x 50% 50%; margin: auto; text-align: center;}
.block05 .title span{ background: #ffffff; padding: 10px; font-size: 20px; text-transform: uppercase;}
.block05 article{ clear: both; margin-bottom:5px; padding: 0 10px;}
.block05 article h1{font-size:18px; line-height:20px; font-weight:bold;}
.block05 article h2{font-size:18px; line-height:30px; font-weight:normal;}
.block05 article .info{font-style:italic; padding: 10px 0px;}
.block05 img{padding:5px; border:1px solid #999; display:inline-block; margin:10px 0;}
.block05 .box{margin-bottom:20px;margin-top:10px; border:1px solid #999;padding: 0 5px;}

.block05 .heading{ padding:10px 5px 5px 5px; border:5px double #2C2C2C; background-color:#383838;}
.block05 .heading h2{font-family: 'BebasNeueRegular';font-size:25px; font-weight:normal; display:inline; padding:0 10px; color:#ffffff; }
.block05 .content{ margin: 5px 0px ;}
.block05 .content .list{padding: 1px; margin-left: 1px;}
.block05 .content ul{ font-size:14px; list-style-type:circle;}
.block05 .content ul li{padding:5px; border-bottom: 1px solid #E2E2E2;}

.block05 {font: 14px/25px Arial, Helvetica, sans-serif;font-family: 'Raleway', sans-serif;background: #ddd;color: #666;font-size: 15px;line-height: 1.6em;letter-spacing: .2px;}
 .block05 .button{cursor: pointer;font-size: 13px;border:1px solid #ffffff;display: inline-block;text-decoration: none;color: #fff;padding: 10px 15px;-webkit-transition: all .35s;-moz-transition: all .35s;transition: all .35s;}
.block05 .button:hover{text-decoration: none; background: #303030;}


.block05 .button-skin{background-color: #fff;color: #098F8E;border: 1px solid #098F8E;font-weight: bold;width: auto;padding: 10px 35px;border-radius: 30px;font-size: 19px;margin: 30px 0 0;}
.block05 .button-skin:hover{background-color: #098F8E;color: #fff;}




.block44 {margin: 30px 0;}

.block44 .box{margin-bottom:10px;margin-top:10px; border:1px solid #999;padding: 0 5px;background-color:#f1bb4e;}

.block44 .heading{ padding:10px 5px 5px 5px; border:5px double #2C2C2C; background-color:#383838;}
.block44 .heading h2{font-family: 'BebasNeueRegular';font-size:25px; font-weight:normal; display:inline; padding:0 10px; color:#ffffff; }
.block44 .content{ margin: 5px 0px ;}
.block44 .content .list{padding: 1px; margin-left: 1px;}
.block44 .content ul{ font-size:14px; list-style-type:circle;}
.block44 .content ul li{padding:5px; border-bottom: 1px solid #E2E2E2;}




.kane {margin: 15px 25px;}








.block06 {}
.block06 img{width:200px; padding:5px; border:1px solid #ccc;}
.block06 div{text-align:center;}

.block16 {background:#ffffff}
.block16 img{width:600px; padding:5px; border:1px solid #ccc;}
.block16 div{ margin:20 auto 25px auto;}
.block40 {margin: 10px 10px 10px 10px;}
.block40 .title{width: 90%; background: url("https://www.vocationallearning.co.uk/images/divider.png") repeat-x 50% 50%; margin: auto; text-align: center;}
.block40 .title span{ background: #ffffff; padding: 10px; font-size: 20px; text-transform: uppercase;}
.block40 article{ clear: both; margin-bottom:15px; padding: 0 10px;}
.block40 article h2{font-size:20px; line-height:15px; font-weight:normal;}
.block40 article .info{font-style:italic; padding: 10px 0px;}
.block40 img{padding:5px; border:1px solid #999; display:inline-block; margin:10px 0;}
.block40 .box{margin-bottom:20px; padding: 0 10px;}
.block40 {font: 14px/25px Arial, Helvetica, sans-serif;font-family: 'Raleway', sans-serif;background: #fff;color: #666;font-size: 15px;line-height: 1.6em;letter-spacing: .2px;}
 .block40 .button{cursor: pointer;font-size: 13px;border:1px solid #ffffff;display: inline-block;text-decoration: none;color: #fff;padding: 10px 15px;-webkit-transition: all .35s;-moz-transition: all .35s;transition: all .35s;}
.block40 .button:hover{text-decoration: none; background: #303030;}


.block40 .button-skin{background-color: #fff;color: #098F8E;border: 1px solid #098F8E;font-weight: bold;width: auto;padding: 10px 35px;border-radius: 30px;font-size: 19px;margin: 30px 0 0;}
.block40 .button-skin:hover{background-color: #098F8E;color: #fff;}

.button-subscribe{width: 100%;font-size: 20px;margin: 15px 0 0;}
.block40 .heading{ padding:10px 5px 5px 5px; border:5px double #2C2C2C; background-color:#383838;}
.block40 .heading h2{font-family: 'BebasNeueRegular';font-size:20px; font-weight:normal; display:inline; padding:0 10px; color:#ffffff; }
.block40 .content{ margin: 5px 0px ;}
.block40 .content .list{padding: 1px; margin-left: 1px;}
.block40 .content ul{ font-size:14px; list-style-type:circle;}
.block40 .content ul li{padding:5px; }
.block40 .content a{color: #888;text-decoration: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.block40 a:hover {color: #131313; text-decoration: none;}
.block40 p{margin: 10px 0;}
.block40 .content blockquote {border-left: 3px solid #1c7791;margin: 0 50px;font-style: italic;color: #666;padding-left: 20px;}
.block40 .content ol {float: left;text-align: justify;margin: 10px 50px;list-style-type: circle;font-size: 17px;}
.block40 h2 {
    margin:0;
    color:#514f4f;
     font-family: 'Roboto', sans-serif;
    font-size:16px;
    font-weight:bold;
    line-height:24px;
    padding-top:10px;
     letter-spacing: 1px;
 line-height: 1.2;
    padding-bottom:10px;}
    
    .block40 h1 {
    margin:0;
    color:#514f4f;
    line-height: 30px;
 letter-spacing: 1px;
 line-height: 1.2;
 font-family: 'Roboto', sans-serif;
    font-size:20px;
    font-weight:bold;
   
   
    padding-top:10px;
    padding-bottom:10px;}
    
     .block40 p {
    margin:0px;
    margin-bottom:0px;
   font-size:16px;
    line-height:25px;
    color:#5b5b5b;
    font-weight:normal;
     min-height:20px;
   
}
.block40m {margin: 10px 10px 10px 10px;}
.block40m .title{width: 90%; background: url("https://www.vocationallearning.co.uk/images/divider.png") repeat-x 50% 50%; margin: auto; text-align: center;}
.block40m .title span{ background: #ffffff; padding: 10px; font-size: 20px; text-transform: uppercase;}

 .block40m .button{cursor: pointer;font-size: 13px;border:1px solid #008CBA;display: inline-block;text-decoration: none;color: black;padding: 10px 15px;-webkit-transition: all .35s;-moz-transition: all .35s;transition: all .35s;}
.block40m .button:hover{text-decoration: none; background: #303030;}

.block40m .button-skin{background-color: #fff;color: #098F8E;border: 1px solid #098F8E;font-weight: bold;width: auto;padding: 10px 35px;border-radius: 30px;font-size: 19px;margin: 30px 0 0;}
.block40m .button-skin:hover{background-color: #098F8E;color: #fff;}
.block40m .button44 {
  padding: 10px 20px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #66CCFF;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}
.block40m  .button44:hover {background-color: #0099FF}
.block40m .button44:active {
  background-color: #0099FF;
  box-shadow: 0 4px #666;
  transform: translateY(4px);
}

.button-subscribe{width: 100%;font-size: 20px;margin: 15px 0 0;}
.block40m .heading{ padding:10px 5px 5px 5px; border:5px double #2C2C2C; background-color:#383838;}
.block40m .heading h2{font-family: 'BebasNeueRegular';font-size:20px; font-weight:normal; display:inline; padding:0 10px; color:#ffffff; }

.blockhama77 {background:#777777}
.blockhama77 a {
	text-decoration: none;
	color: #eeeeee;}
	.block4002 {background:#e6f2ff}
/* ------------------Grid System--------------- */ 
.nyameni{ width: 1000px; position: relative; margin: 0 auto; padding: 0px;}
.nyameni:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.nyameni .f-right{float: right!important;}
.nyameni .f-left{float: left!important;}

.nyameni .row{}
.nyameni .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.nyameni .row:after{clear: both; }
.nyameni .row{zoom: 1;}

.nyameni .wrap-col{margin:10px;}

.nyameni .col-1-2, .nyameni .col-1-3, .nyameni .col-2-3, .nyameni .col-1-4, .nyameni .col-2-4, .nyameni .col-3-4, .nyameni .col-1-5, .nyameni .col-2-5, .nyameni .col-3-5, .nyameni .col-4-5, .nyameni .col-1-6, .nyameni .col-2-6, .nyameni .col-3-6, .nyameni .col-4-6, .nyameni .col-5-6{float:left; display: inline-block;}

.nyameni .col-full{width:100%;}

.nyameni .col-1-2,.nyameni .col-1-2-fixed{width:50%;}
.nyameni .offset-1-2{margin-left: 50%;}

.nyameni .col-1-3,.nyameni .col-1-3-fixed{width:33.33%;}
.nyameni .col-2-3,.nyameni .col-2-3-fixed{width:66.66%;}
.nyameni .offset-1-3{margin-left: 33.33%;}
.nyameni .offset-2-3{margin-left: 66.66%;}

.nyameni .col-1-4,.nyameni .col-1-4-fixed{width:25%;}
.nyameni .col-2-4,.nyameni .col-2-4-fixed{width:50%;}
.nyameni .col-3-4,.nyameni .col-3-4-fixed{width:75%;}
.nyameni .offset-1-4{margin-left: 25%;}
.nyameni .offset-2-4{margin-left: 50%;}
.nyameni .offset-3-4{margin-left: 75%;}

.nyameni .col-1-5,.nyameni .col-1-5-fixed{width:20%;}
.nyameni .col-2-5,.nyameni .col-2-5-fixed{width:40%;}
.nyameni .col-3-5,.nyameni .col-3-5-fixed{width:60%;}
.nyameni .col-4-5,.nyameni .col-4-5-fixed{width:80%;}
.nyameni .offset-1-5{margin-left: 20%;}
.nyameni .offset-2-5{margin-left: 40%;}
.nyameni .offset-3-5{margin-left: 60%;}
.nyameni .offset-4-5{margin-left: 80%;}

.nyameni .col-1-6,.nyameni .col-1-6-fixed{width:16.66%;}
.nyameni .col-2-6,.nyameni .col-2-6-fixed{width:33.33%;}
.nyameni .col-3-6,.nyameni .col-3-6-fixed{width:50%;}
.nyameni .col-4-6,.nyameni .col-4-6-fixed{width:66.66%;}
.nyameni .col-5-6,.nyameni .col-5-6-fixed{width:83.33%;}
.nyameni .offset-1-6{margin-left: 16.66%;}
.nyameni .offset-2-6{margin-left: 33.33%;}
.nyameni .offset-3-6{margin-left: 50%;}
.nyameni .offset-4-6{margin-left: 66.66%;}
.nyameni .offset-5-6{margin-left: 83.33%;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.nyameni{width:960px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.nyameni{width:768px;}
}

@media only screen and (max-width: 767px) {
	.nyameni, .nyameni .col-1-2, .nyameni .col-1-3, .nyameni .col-2-3, .nyameni .col-1-4, .nyameni .col-2-4, .nyameni .col-3-4, .nyameni .col-1-5, .nyameni .col-2-5, .nyameni .col-3-5, .nyameni .col-4-5, .nyameni .col-1-6, .nyameni .col-2-6, .nyameni .col-3-6, .nyameni .col-4-6, .nyameni .col-5-6{width:100%;}
	
	.nyameni .offset-1-2, .nyameni .offset-1-3, .nyameni .offset-2-3, .nyameni .offset-1-4, .nyameni .offset-2-4, .nyameni .offset-3-4, .nyameni .offset-1-5, .nyameni .offset-2-5, .nyameni .offset-3-5, .nyameni .offset-4-5, .nyameni .offset-1-6, .nyameni .offset-2-6, .nyameni .offset-3-6, .nyameni .offset-4-6, .nyameni .offset-5-6{margin-left:0;}
}
}
.brian{ color:#0033cc; font-family:TiresiasScreenfont,arial,helvetica,sans-serif;font-size:11px;text-decoration: none} 
.jean {font-family:verdana;font-size:9px;color:#2a669a;text-decoration: none} 
.stanley {font-family:verdana;font-size:9px;color:#000000;text-decoration: none} 
.tawanda {font-family:verdana;font-size:9px;color:#2a669a;text-decoration: none} 
.nicholas{ color:#0033cc; font-family:TiresiasScreenfont,arial,helvetica,sans-serif;font-size:11px;text-decoration: none}
.tecla{ color:#000000; font-family:TiresiasScreenfont,arial,helvetica,sans-serif;font-size:11px;text-decoration: none} 
.tricia{ color:#ffffff; font-family:TiresiasScreenfont,arial,helvetica,sans-serif;font-size:11px;text-decoration: none} 
.bright{ color:#555555; font-family:TiresiasScreenfont,arial,helvetica,sans-serif;font-size:11px;text-decoration: none} 
.victoria{ color:#0000DD; font-family:TiresiasScreenfont,arial,helvetica,sans-serif;font-size:11px;text-decoration: none} 
.shamiso{ color:#0000DD; font-family:TiresiasScreenfont,arial,helvetica,sans-serif;font-size:11px;text-decoration: none} 
.petra{ color:#99CCFF; font-family:TiresiasScreenfont,arial,helvetica,sans-serif;font-size:9px} 
.love{ color:#0000DD; font-family:TiresiasScreenfont,arial,helvetica,sans-serif;font-size:9px} 
.zimbabwe {color:#99CCFF} 
.marondera {color:#0066FF; font-family:TiresiasScreenfont,arial,helvetica,sans-serif;font-size:11px;text-decoration: none} 
div#ptllsreadme {
	border: 1px solid #ccc;
	padding: 10px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	background-color: #efefef;
	color: #444;
	margin-top: 30px;
	margin-bottom: 30px;
}.jean {font-family:verdana;font-size:9px;color:#2a669a;text-decoration: none} 

div.boxinfo_title{margin:0;padding: 3px 4px;font-weight:bold;color:#000000; border:1px solid #cccccc; border-bottom: 0px none; background:#efefef;}

div.boxinfo_container{margin:0;padding:0.40em;border:1px solid #cccccc;border-top:0px none;}
#tinashe {margin:0 auto; position:relative;}

.block-1 {background:#e2e2e4; border:#fff 1px solid;}
.block-2 {background:#1c1c1c;}

.pad-1 {padding:39px;}
.pad-2 {padding:30px 40px 30px 40px;}

.box-1 {overflow:hidden; padding:39px 0 39px 39px;}
.box-1>div {width:210px; float:left; margin-right:20px;}
.box-1 .text-1 {margin:10px 0 8px 0;}
.box-1 .button {margin-top:13px;}
.box-2 {float:left; margin-right:40px; }
.box-2 h2 {margin-bottom:13px;}
.box-2>div {padding-bottom:20px;}
.box-2>div>div {position:relative; border:#494949 1px solid; background:#000; padding:18px 20px 18px 29px; color:#9f9fa6; font-style:italic; text-transform:uppercase;}
.box-2>div>div .comments-corner {position:absolute; bottom:-14px; left:29px; width:13px; height:14px; background:url(https://www.vocationallearning.co.uk/images/comments-corner.png) 0 0 no-repeat; }
.box-2>div> a {display:inline-block; background:url(https://www.vocationallearning.co.uk/images/icon-1.png) 0 0 no-repeat; color:#9f9fa6; font-weight:bold; text-transform:uppercase; line-height:21px; padding-top:3px; padding-left:30px; margin-top:10px;}
.box-2>div> a:hover {color:#fff;}
.box-3 {width:420px; float:left;}
.box-3 h2 {margin-bottom:16px;}
.box-3 .wrap ul.list-1 {float:left; width:190px; margin-right:40px;}
.box-3>a {margin-top:25px;}
.sub-page {background:#e2e2e4; overflow:hidden;border-top:#fff 1px solid;}
.sub-page-left {border-bottom:none; padding:29px 29px 0px 29px; margin-bottom: 20px;}
.sub-page-right {background:#1c1c1c; padding:30px; color:#9f9fa6;margin-right: -1px;}
.sub-page-right h2 {color:#e2e2e4;}
.box-4 {overflow:hidden; text-transform:uppercase; margin:13px 0 23px 0;}
.box-4 >div {float:left;}
.box-4 >div img {margin-bottom:13px; display: block;}
.shadow {position:relative;}
.shadow:after {content:""; position:absolute; bottom:9px; left:-40px; background:url(https://www.vocationallearning.co.uk/images/shadow.png) 0 0 no-repeat; width:270px; height:21px;}
.box-5 img {margin:14px 0 13px 0;}
.box-5 ul {margin:8px 0 17px 0;}
.box-6 {overflow:hidden;}
.box-6 .text-2 {margin:5px 0 1px 0;}
.box-7 img {margin:13px 0 13px 0;}
.box-7 ul {margin:8px 0 0px 0;}
.box-8 img {margin:13px 0 13px 0;}
.box-9 .text-2 {margin-bottom:1px;}
.box-9 ul {margin:8px 0 0px 0;}
.wrapbk {
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
	padding-left: 2em;
	padding-right: 2em;
}

.wrapbk:after {
	clear: both;
	content: "";
	display: block;
}
	/* Layout */

	.wrapbk {
		padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: none;}
		
		
		
	.block29 {background:#3f9fc9; margin-bottom:0px;border-top:1px solid #E1E1E1;float: left; display: inline; padding:20px;}

.block29 a {
	text-decoration: none;
	color: #cccccc;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
	
			
	.block69 {background:#3f9fc9; margin-bottom:0px;border-top:1px solid #E1E1E1;float: left; display: inline; padding:20px;}

.block69 a {
	text-decoration: none;
	color: #cccccc;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
	
			
		
		/* tables */
.table-style {
	float: left;
	width: 100%;
 tab
}
.table-list {
	padding: 0;
	border-spacing: 0;
	float: left;
	background-color: #fff;
	border: 1px solid #dddddd;
	margin-bottom: 20px;
	width: 100%;
}
.table-list th {
	padding: 18px 10px;
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	background-color: #009e0f;
}
.table-list td {
	padding: 13px 10px;
	text-align: center;
	background-color: #f5f5f5;
}
/*
.table-list tr {
	border-bottom: 1px solid #e1e1e1;
}*/

.table-list td.hilit {
	padding: 13px 10px;
	text-align: center;
	background-color: #fff;
}
/*table style 2*/

.table-style {
	float: left;
	width: 100%;
}
.table-list2 {
	float: left;
	background-color: #fff;
	margin-bottom: 20px;
	width: 100%;
}
.table-list2 th {
	padding: 18px 10px;
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	background-color: #272727;
}
.table-list2 td {
	padding: 13px 10px;
	text-align: left;
	background-color: #f5f5f5;
	border: 1px solid #e1e1e1;
}
.table-list2 tr {
	border-bottom: 1px solid #e1e1e1;
}
.table-list2 td.hilit {
	padding: 13px 10px;
	text-align: left;
	background-color: #fff;
}
.table-list2 tr:hover td {
	background-color: #0099FF;
	color: #fff;
}
/* tables */
.table-style {
	float: left;
	width: 100%;
 tab
}
.table-list3 {
	float: left;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	width: 100%;
}
.table-list3 th {
	padding: 18px 10px;
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	background-color: #009e0f;
}
.table-list3 td {
	padding: 13px 10px;
	text-align: left;
	background-color: #f2f2f2;
}
.table-list3 td a {
	padding: 8px 30px;
	text-align: center;
	font-size: 15px;
	margin: 0px;
	color: #fff;
	line-height: 60px;
	background-color: #c9c9c9;
}
.table-list3 td a:hover {
	background-color: #b0b0b0;
}
.table-list3 td.hilit {
	padding: 13px 10px;
	text-align: center;
	background-color: #fff;
}
/* tables style4 */
.table-style {
	float: left;
	width: 100%;
 tab
}
.table-list4 {
	padding: 0;
	border-spacing: 0;
	float: left;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	width: 100%;
}
.table-list4 th {
	padding: 25px 10px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	background-color: #161616;
}
.table-list4 td {
	padding: 13px 10px;
	text-align: center;
	height: 80px;
	font-size: 15px;
	line-height: 60px;
	background-color: #f2f2f2;
}
.table-list4 td a {
	padding: 8px 30px;
	text-align: center;
	font-size: 15px;
	margin: 0px;
	color: #fff;
	line-height: 20px;
	background-color: #009e0f;
}
.table-list4 td a:hover {
	background-color: #b0b0b0;
}
.table-list4 td.hilit {
	padding: 13px 10px;
	text-align: center;
	background-color: #fff;
}
.table-list4 td.hilit span {
	display: block;
	padding: 0px;
	margin: 0px;
	height: 32px;
}
.table-list4 td.hilit2 {
	padding: 13px 10px;
	text-align: center;
	background-color: #f2f2f2;
}
.table-list4 td.hilit2 span {
	display: block;
	padding: 0px;
	margin: 0px;
	height: 32px;
}
/* tables style5 */
.table-style {
	float: left;
	width: 100%;
 tab
}
.table-list5 {
	padding: 0;
	border-spacing: 0;
	float: left;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	width: 100%;
}
.table-list5 th {
	padding: 18px 10px;
	color: #fff;
	font-weight: 200;
	font-size: 16px;
	text-align: center;
	background-color: #161616;
}
.table-list5 td {
	padding: 13px 10px;
	text-align: left;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	background-color: #f2f2f2;
}
.table-list5 td a {
	padding: 8px 20px;
	text-align: center;
	font-size: 15px;
	margin: 0px;
	color: #fff;
	margin: 0px;
	line-height: 20px;
	background-color: #009e0f;
}
.table-list5 td a:hover {
	background-color: #b0b0b0;
}
.table-list5 td.hilit {
	padding: 13px 10px;
	text-align: center;
	background-color: #fff;
}
.table-list5 td.hilit span {
	display: block;
	padding: 0px;
	margin: 0px;
	height: 25px;
}
.table-list5 td.hilit2 {
	padding: 13px 10px;
	text-align: center;
	background-color: #f2f2f2;
}
.table-list5 td.hilit2 span {
	display: block;
	padding: 0px;
	margin: 0px;
	height: 20px;
}
/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 
.popo{ width: 100%; position: relative; margin: 0 auto; padding: 0px;}
.popo:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.popo .f-right{float: right!important;}
.popo .f-left{float: left!important;}

.popo .row{}
.popo .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.popo .row:after{clear: both; }
.popo .row{zoom: 1;}

.popo .wrap-col{margin:10px;}

.popo .col-1-2, .popo .col-1-3, .popo .col-2-3, .popo .col-1-4, .popo .col-2-4, .popo .col-3-4, .popo .col-1-5, .popo .col-2-5, .popo .col-3-5, .popo .col-4-5, .popo .col-1-6, .popo .col-2-6, .popo .col-3-6, .popo .col-4-6, .popo .col-5-6{float:left; display: inline-block;}

.popo .col-full{width:100%;}

.popo .col-1-2,.popo .col-1-2-fixed{width:50%;}
.popo .offset-1-2{margin-left: 50%;}

.popo .col-1-3,.popo .col-1-3-fixed{width:33.33%;}
.popo .col-2-3,.popo .col-2-3-fixed{width:66.66%;}
.popo .offset-1-3{margin-left: 33.33%;}
.popo .offset-2-3{margin-left: 66.66%;}

.popo .col-1-4,.popo .col-1-4-fixed{width:25%;}
.popo .col-2-4,.popo .col-2-4-fixed{width:50%;}
.popo .col-3-4,.popo .col-3-4-fixed{width:75%;}
.popo .offset-1-4{margin-left: 25%;}
.popo .offset-2-4{margin-left: 50%;}
.popo .offset-3-4{margin-left: 75%;}

.popo .col-1-5,.popo .col-1-5-fixed{width:20%;}
.popo .col-2-5,.popo .col-2-5-fixed{width:40%;}
.popo .col-3-5,.popo .col-3-5-fixed{width:60%;}
.popo .col-4-5,.popo .col-4-5-fixed{width:80%;}
.popo .offset-1-5{margin-left: 20%;}
.popo .offset-2-5{margin-left: 40%;}
.popo .offset-3-5{margin-left: 60%;}
.popo .offset-4-5{margin-left: 80%;}

.popo .col-1-6,.popo .col-1-6-fixed{width:16.66%;}
.popo .col-2-6,.popo .col-2-6-fixed{width:33.33%;}
.popo .col-3-6,.popo .col-3-6-fixed{width:50%;}
.popo .col-4-6,.popo .col-4-6-fixed{width:66.66%;}
.popo .col-5-6,.popo .col-5-6-fixed{width:83.33%;}
.popo .offset-1-6{margin-left: 16.66%;}
.popo .offset-2-6{margin-left: 33.33%;}
.popo .offset-3-6{margin-left: 50%;}
.popo .offset-4-6{margin-left: 66.66%;}
.popo .offset-5-6{margin-left: 83.33%;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.popo{width:960px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.popo{width:768px;}
}

@media only screen and (max-width: 767px) {
	.popo, .popo .col-1-2, .popo .col-1-3, .popo .col-2-3, .popo .col-1-4, .popo .col-2-4, .popo .col-3-4, .popo .col-1-5, .popo .col-2-5, .popo .col-3-5, .popo .col-4-5, .popo .col-1-6, .popo .col-2-6, .popo .col-3-6, .popo .col-4-6, .popo .col-5-6{width:100%;}
	
	.popo .offset-1-2, .popo .offset-1-3, .popo .offset-2-3, .popo .offset-1-4, .popo .offset-2-4, .popo .offset-3-4, .popo .offset-1-5, .popo .offset-2-5, .popo .offset-3-5, .popo .offset-4-5, .popo .offset-1-6, .popo .offset-2-6, .popo .offset-3-6, .popo .offset-4-6, .popo .offset-5-6{margin-left:0;}
}
/* ---brinyo--- */
.brinyo {}
.brinyo .wrap-box {padding:30px 10px; position: relative;}
.brinyo .header {text-align: center; margin-bottom: 10px;}
.brinyo .header h2{font-size: 45px; margin: 20px; line-height: 45px;}
.brinyo .header .wrapper{padding: 5px; display: inline-block;}

.brinyo.boxstyle-1{background:#fff; color: #333;}
.brinyo.boxstyle-2{background:#F4F3F3;}

.brinyo.box-1 {}

.brinyo.box-2 {}
.brinyo.box-2 .post{display: inline-block;margin-top: 20px;}
.brinyo.box-2 .wrapper{text-align: center;}

.brinyo.box-3 {}
.brinyo.box-3 .post{text-align: center;margin: 20px inherit; }
.brinyo.box-3 img{margin-bottom: 10px;max-width: 200px;border-radius: 50%;}

.brinyo.box-4 {}
.brinyo.box-4 .post{background: #ffffff; color: #3F3F3F; margin-bottom: 30px; border: 1px solid #ffffff;}
.brinyo.box-4 .post .wrapper{padding: 60px 60px 20px 60px; text-align: center;}
.brinyo.box-4 .post img{max-height: 440px;width: 100%; border: none;}

.brinyo.box-5 {}
.brinyo.box-5  .extra img{ height: 150px;width: 100%;max-width: 243px;}
.brinyo.box-5  .extra {margin-bottom: 10px;}
.brinyo.box-5  .post h3, .extra h4{margin: 10px 0 15px 0;line-height: 1.2;}
.brinyo.box-5  .post h3, .extra h4{margin: 10px 0 15px 0;line-height: 1.2;}
.brinyo.box-5  .info {}
.brinyo.box-5  .r-slidebar{border-left: 2px solid #37B5E5; border-right: 2px solid #37B5E5; border-top: 2px solid #37B5E5;border-bottom: 2px solid #37B5E5; margin-left: 20px;}
.brinyo.box-5  .r-slidebar ul li{ font-size: 16px;}
.brinyo.box-5  .r-slidebar .post{margin-bottom: 10px; }
.brinyo.box-5  .r-slidebar .post:last-child {border-bottom: none;}
/* =Menu
---------------------------
/* Primary Header Menu */
.menu-box-container {

  height: auto;
  min-height: 44px;
  position: relative;
  width: 100%;         
}
.menu-box-wrapper {
  background: #000000;
 float: left;
  min-height: 44px;
  position: absolute;
  width: 100%;
  z-index: 500;          
}
.menu-box {
  float: center;
  min-height: 44px;
  padding: 0 10px;
  position: relative;
  width: 100%;
  z-index: 500;          
}
.menu-box .link-home {
  border-left: 1px solid #535353;
  color: white;
  float: left;
  font-family: ElegantIcons !important;
  position: relative;                    
}
.menu-box .link-home i {
  font-family: ElegantIcons !important;
  font-size: 24px !important;                   
}
.menu-box ul {
  list-style-type: none;
  margin: 0;
	padding: 0;
	position: relative;
  z-index: 100;
}
.menu-box a {

  color: white;
  display: block;
	font-family: Oswald, Arial, Helvetica, sans-serif;
  font-size: 14px;        
  height: 44px;
  line-height: 44px;
  padding: 0 15px;
  text-decoration: none;
  text-transform: none;
}
.menu-box a:hover,
.menu-box :hover > a {
  background-color: #37B5E5;
  -webkit-transition: background-color 1s ease;
     -moz-transition: background-color 1s ease;
       -o-transition: background-color 1s ease;
      -ms-transition: background-color 1s ease;
          transition: background-color 1s ease;
}
 .menu-box ul ul a:hover,
.menu-box ul ul :hover > a {
  background-color: #dbdbdb !important;
  color: black !important;
  -webkit-transition: background-color 1s ease;
     -moz-transition: background-color 1s ease;
       -o-transition: background-color 1s ease;
      -ms-transition: background-color 1s ease;
          transition: background-color 1s ease;
}
.menu-box ul li {
	float: left;
  height: 44px;
  line-height: 44px;
	margin: 0;
	padding: 0;
  position: relative;
}

.menu-box ul .menu-item-has-children a:after {
  
  font-family: ElegantIcons !important;
  font-variant: normal;
  speak: none;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.menu-box ul .menu-item-has-children .sub-menu a:after {
  content: "";
}
.menu-box ul ul {
	background: #ededed;
  border-top: 2px solid #169fe6;
  display: none;
	padding: 0;
  position: absolute;
	top: 100%;
	left: 0;
  z-index: 110;
}
.menu-box ul ul li {
	border-bottom: 1px solid #d9d9d9;
  display: block;
  float: none;
  height: auto;
  line-height: 39px;
  margin: 0;
  min-height: 39px;
  position: relative;
  width: 210px;
}
#wrapper #header .menu-box ul ul .last-menu-item {
  border-bottom: none;                          
}
.menu-box ul ul a {
	border-right: none;
  color: #333333 !important;
  display: block;
  font-size: 13px;
  font-weight: normal;
  height: auto;
  line-height: 39px;
  margin: 0;
  min-height: 39px;
  padding: 0 0 0 19px;
  text-align: left;
  width: 193px;
}
.menu-box ul ul ul {
	top: -2px;
	left: 100%;
}
.menu-box ul li:hover > ul {
	display: block;
}
.menu-box .current-menu-item > a,
.menu-box .current-menu-ancestor > a,
.menu-box .current_page_item > a,
.menu-box .current-page-ancestor > a,
.menu-box .link-home {
  background-color: #169fe6;
}
.menu-box .sub-menu .current-menu-item > a,
.menu-box .sub-menu .current-menu-ancestor > a,
.menu-box .sub-menu .current_page_item > a,
.menu-box .sub-menu .current-page-ancestor > a {  
  background-color: #ededed;
  color: black !important;
}

	/*------------footer */ 
footer {}
footer .block2{padding: 20px 0px; background:#b3e6ff;-webkit-border-radius: 0px 0px 20px 20px;-moz-border-radius: 0px 0px 20px 20px;-khtml-border-radius: 0px 0px 20px 20px;border-radius: 0px 0px 20px 20px;}
footer .heading{ color:#cccccc; padding-bottom:5px; padding-left:10px;font-size:20px; font-weight:normal; text-transform:uppercase;}
footer .content{color:#000000; padding-left:20px;padding-right:20px;padding-bottom:5px;}
footer .content img{float:left; margin:5px; border:#ffffff 5px solid;}
footer ul {margin:0; padding:0;list-style-image:none;}
footer ul li { list-style:circle;margin-left:20px;}
footer ul li a { font-size:14px; color:#000000;}
footer ul li a:hover {color:#B2B914; text-decoration:none; cursor:pointer;}

/*-------------copyright*/
#copyright{ width:100%; display:inline-block; text-align:center; padding:8px 0px;color:#ffffff;font-size:12px;padding-bottom:5px;}
/** 
 * single product page layout *
 * 23% (image) + 4% (spacing) + 73% (summary) = 100% *
**/
/* modify product image width */
.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {
    width: 23%;
}
/* modify product summary width */
.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary {
    width: 73%;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.dogface {width:100%;}
	.dogface {background:#ffffff}
		.dogface .logo{top:60px}
	.dogface .logo {margin-left: 30px; position: relative;}
	.dogface .contactinfo {top: 70px; left:10px; position: relative;}
	.dogface .contactinfo p { font:26px Tahoma, Geneva, sans-serif; color:#000000; padding:27px 0 27px 0; }
	.dogface .contactinfo span {display:block; color:#000000; font-size:16px; line-height:25px; margin-top:6px;letter-spacing:-1px; }
	.blockhama77 {background:#777777}
	.block4002 {background:#ffffff}
	.block04 {background:#ffffff}
}

@media only screen and (max-width: 767px) {
	.dogface{width:100%;}
	.dogface {background:#Ffffff}
	.dogface {margin-top: 0px;height:220px}
	.dogface .logo{top:60px}
	.dogface .logo {margin-left: 30px; position: relative;}
	.dogface .contactinfo {top: 70px; left:10px; position: relative;}
	.dogface .contactinfo p { font:26px Tahoma, Geneva, sans-serif; color:#000000; padding:27px 0 27px 0; }
	.dogface .contactinfo span {display:block; color:#000000; font-size:16px; line-height:25px; margin-top:6px;letter-spacing:-1px; }
	
	.blockhama77 {background:#777777}
	.block4002 {background:#ffffff}
	.block04 {background:#ffffff}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.dogface {background:#Ffffff}
.dogface{height: 210px;}
.dogface {margin-top: 0px;height:150px}
.dogface{width:100%;}
	.dogface {background:#Ffffff}
	.dogface {margin-top: 0px;height:100%}
	.dogface .logo{top:40px; left:170px;}
	.dogface .logo{position: relative;}
	.dogface .contactinfo {top: 50px; left:170px; position: relative;}
	
.blockhama77 {background:#777777}
.block4002 {background:#ffffff}
.block04 {background:#ffffff}
}

@media only screen and (max-width: 479px) {
	.dogface{height: 210px;}
	.dogface {background:#Ffffff}
	.dogface.logo{margin-top:90px;margin-left:50px}
	.dogface .contactinfo {margin-top:5px;margin-left:50px; position: relative;}
	.dogface .contactinfo p { font:26px Tahoma, Geneva, sans-serif; color:#000000; padding:27px 0 27px 0; }
	.dogface .contactinfo span {display:block; color:#000000; font-size:16px; line-height:25px; margin-top:6px;letter-spacing:-1px; }
	.blockhama77 {background:#777777}
	.block04p {background:#ffffff}
	}
	.block4002 {background:#ffffff}
	
.top {height: 40px;}
.headinfo {height: 40px; width: 300px; float: right; position: relative; padding: 5px;}