/*
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;
}


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;
}



.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/
*/

/* =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}

}
.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;
}


	
.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;}