/*===================================================*/


/* Primary styles 
/*===================================================*/


/*
CSS STRUCTURE:

1. GENERAL TYPOGRAPHY
	- Global Reset 
	- General Styles
	- Buttons	
	- Columns Styles		
	- Box styles
	- Borders & Dividers

2. SITE STRUCTURE
	- Header
	- Topmenu	
	- Header Sliders
	- Middle content	
	- Footer

3. EXTENDED TYPOGRAPHY and SHORTCODES	
	- Typographic Elements
	- Custom Lists Styles
	- Testimonials
	- Styled Tables and Boxes
	- Text Highlights

4. EXTENDED ELEMENTS
	- Newsletter box
	- Staff list	
	
5. WIDGETS STYLES

6. POSTS
	- Blog post list and Details
	- Pagination and Navigation
	- Author description 
	- Comment list
	- Comment and Contact form
	
7. GALLERY

*/


/*===================================================*/


/* 1. GENERAL TYPOGRAPHY */


/*===================================================*/


/*-----------------------------------*/


/* Global Reset */


/*-----------------------------------*/

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

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}


/* Base */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

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


/* Typography */

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background: #ff9;
    color: #000;
}

del {
    text-decoration: line-throug
}

p,
pre {
    margin: 1em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* Lists */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* Media */

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}


/* Forms */

form {
    margin: 0;
}

form .row {
    padding: 5px 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
    margin-right: 10px
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* Clear Floats */

.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix {
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}


/* Floating & Alignment */

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center;
}


/*-----------------------------------*/


/* General Styles */


/*-----------------------------------*/

body {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #4f5e62;
    font-size: 14px;
    line-height: 1.6em;
    background: url(images/bg_middle.jpg) center 735px repeat-y #bdeeeb
}

.body_wrap {
    width: 100%;
    position: relative;
    background: url(images/bg_header.jpg) center top no-repeat;
    overflow: hidden
}

#FlashID {
    visibility: hidden;
}


/* preload images in modern browsers*/

body:before {
    content: url(images/dropdown_bg.png) url(images/dropdown_dot.png);
    display: none;
}

::-moz-selection {
    background: #7fd0e5;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #7fd0e5;
    color: #fff;
    text-shadow: none
}

a {
    text-decoration: none;
}


/* Typography */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
}

h1 {
    font-size: 2.57em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.92em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.42em;
    margin: 1em 0;
}

h4 {
    font-size: 1.3em;
    margin: 1.33em 0;
}

h5 {
    font-size: 1.2em;
    margin: 1.6em 0;
}

h6 {
    font-size: 1.1em;
    margin: 1.5em 0;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: #f1541e
}


/* Form styles */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="reset"],
select,
textarea {
    resize: none;
    background-color: #fff;
    font-size: 15px;
    border: 1px solid #d9d9d9;
    padding: 12px 10px;
    color: #606060;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
}

input[type="text"],
input[type="password"],
input[type="email"],
select {
    height: 16px;
    line-height: 16px
}

input[type="reset"],
input[type="submit"],
input[type="button"],
button {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
    height: 42px;
    display: inline-block;
    line-height: 42px;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    padding: 0 23px;
    margin: 10px 0 0 0;
    background: url(images/button_sprite.png) 0 0 repeat-x;
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 5px 4px 0px rgba(227, 193, 91, 0.75);
    box-shadow: 0px 5px 4px 0px rgba(227, 193, 91, 0.75);
    text-align: center;
    border: none
}

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

:-ms-input-placeholder {
    color: #999;
}


/* Custom checkboxes, radios */

.custom-checkbox,
.custom-radio {
    position: relative;
    font-size: 13px;
    text-shadow: 0 1px 1px #fff;
}

.custom-checkbox input,
.custom-radio input {
    position: absolute;
    left: 2px;
    top: 5px;
    margin: 0;
    border: none;
    width: 1px;
    height: 1px
}

.custom-checkbox label,
.custom-radio label {
    display: block;
    position: relative;
    line-height: 1;
    padding: .4em 0 .3em 30px;
    margin: 0 0 .3em;
    cursor: pointer;
    color: #3f4b56
}

.custom-checkbox label span,
.custom-radio label span {
    position: absolute;
    right: 0;
    top: .4em
}

.ie7 .custom-checkbox input {
    left: 2px;
    top: 7px
}

.custom-checkbox label {
    background: url(images/styled_checkbox.png) no-repeat;
}

.custom-radio label {
    background: url(images/styled_radiobutton.png) no-repeat;
}

.custom-checkbox label,
.custom-radio label {
    background-position: -10px -10px;
}

.custom-checkbox label.checked,
.custom-radio label.checked {
    background-position: -10px -206px;
    color: #3f4b56
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {}

.custom-checkbox label.checked.hover,
.custom-checkbox label.checkedFocus {}

.custom-checkbox label.focus,
.custom-radio label.focus {
    outline: 0;
}


/* animated preloader*/

.preloader {
    background: url(images/loading.gif) center center no-repeat;
    display: inline-block
}


/* Media */

img.alignleft {
    margin: 5px 20px 5px 0
}

img.alignright {
    margin: 5px 0 5px 20px
}

.video_frame,
.wp-caption {
    padding: 0;
    margin: 0
}

.wp-caption.alignnone {
    margin: 5px 0 20px 0;
}

.wp-caption.alignleft {
    margin: 0px 40px 20px 0;
}

.wp-caption.alignright {
    margin: 0px 0 20px 40px;
}

p.wp-caption-text,
.frame_caption {
    text-align: center;
    display: block;
    padding: 10px 0;
    font-size: 15px;
    margin: 0 !important;
}

.wp-caption p.wp-caption-text {
    font-size: 12px;
    margin: 0;
    padding: 10px 20px;
    font-style: italic;
    color: #aeb1b4
}


/*-----------------------------------*/


/* Buttons */


/*-----------------------------------*/

.btn {
    height: 42px;
    display: inline-block;
    line-height: 42px;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    padding: 0;
    background: url(images/button_sprite.png) 0 0 repeat-x;
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(227, 193, 91, 0.75);
    box-shadow: 0px 5px 4px 0px rgba(227, 193, 91, 0.75);
    text-align: center;
    text-decoration: none;
}

.btn span {
    display: block;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    padding: 0 23px
}

.entry .btn {
    margin: 5px 0;
    min-width: 50px
}

.entry .button_styled {
    padding: 0 30px;
    min-width: 68px
}

.btn_big {
    height: 42px;
    line-height: 42px;
}

.btn_big input,
.btn_big span {
    height: 42px;
    line-height: 42px;
}

.btn_rss {
    width: 190px;
    background-color: #f25720;
    margin: 0;
    border-color: #d16546 #ca4e2a #ca5d3d #ca4e2a;
    text-shadow: 0 1px 1px #666;
}

.btn_rss span {
    background: url(images/icons/icon_rss2.png) 150px 11px no-repeat;
    text-align: left;
}

.btn_rss:active {
    background-color: #e35b2c;
}


/* Color Styled Buttons */

.btn_green {
    background-position: 0 -42px
}


/*-----------------------------------*/


/* Columns Styles */


/*-----------------------------------*/

.container {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    position: relative
}


/* = Grid >> Children (Alpha ~ First, Omega ~ Last) */

.alpha {
    margin-left: 0 !important
}

.omega {
    margin-right: 0 !important
}


/* Shortcode Columns (Max: 4 Cols, 5px left/right margin) */

.col {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px
}


/* Columns, Full width page, Content: 960px
-------------------------------------------------- */

.col_1 {
    width: 950px
}

.col_1_2 {
    width: 470px
}

.col_1_3 {
    width: 310px
}

.col_2_3 {
    width: 630px
}

.col_1_4 {
    width: 230px
}

.col_3_4 {
    width: 710px
}


/* Columns inside ROW */

.row .col_1 {
    width: 960px
}

.row .col_1_2 {
    width: 475px
}

.row .col_1_3 {
    width: 313px
}

.row .col_2_3 {
    width: 637px
}

.row .col_1_4 {
    width: 232px
}

.row .col_3_4 {
    width: 718px
}


/* Columns, Page with Sidebar, Content: 540px 
--------------------------------------------------*/


/* Columns inside ROW */

.cols2 .content .row .col_1 {
    width: 540px
}

.cols2 .content .row .col_1_2 {
    width: 265px
}

.cols2 .content .row .col_1_3 {
    width: 173px
}

.cols2 .content .row .col_2_3 {
    width: 357px
}

.cols2 .content .row .col_1_4 {
    width: 127px
}

.cols2 .content .row .col_3_4 {
    width: 403px
}

.row .alpha,
.col.alpha {
    margin-left: 0
}

.row .omega,
.col.omega {
    margin-right: 0
}


/*-----------------------------------*/


/* Box styles */


/*-----------------------------------*/

.boxrow {
    margin-bottom: 25px
}

.boxrow .box {
    width: 313px;
    float: left;
    margin: 0 0 0 10px;
    text-align: center;
}

.boxrow .box:first-child {
    margin-left: 0
}

.boxrow .box_bot {
    height: 60px;
    padding: 28px 10px 10px 10px;
    border-radius: 0 0 9px 9px;
    -webkit-border-radius: 0 0 9px 9px;
}

.boxrow .box_content {
    min-height: 436px;
    border-radius: 9px 9px 0 0;
    -webkit-border-radius: 9px 9px 0 0;
}

.boxrow .box_content p {
    padding: 0 25px
}

.box_1 .box_content {
    background: url(images/box_sprite.png) 0 -98px no-repeat #fff
}

.box_2 .box_content {
    background: url(images/box_sprite.png) -313px -98px no-repeat #fff
}

.box_3 .box_content {
    background: url(images/box_sprite.png) -626px -98px no-repeat #fff
}

.box_1 .box_bot {
    background: url(images/box_sprite.png) 0 0 no-repeat
}

.box_2 .box_bot {
    background: url(images/box_sprite.png) -313px 0 no-repeat
}

.box_3 .box_bot {
    background: url(images/box_sprite.png) -626px 0 no-repeat
}

.box_1 .box_content,
.box_3 .box_content {
    padding: 7px;
}

.box_2 .box_content {
    padding: 7px 0
}

.boxrow h3 {
    margin: 0 0 20px 0;
    font-family: 'Roboto', sans-serif;
    line-height: 1em;
    font-weight: 600;
    font-size: 32px;
    text-align: center;
}

.boxrow .box_1 h3 {
    color: #ce2802
}

.boxrow .box_2 h3 {
    color: #b4b11b;
    margin-bottom: 23px
}

.boxrow .box_3 h3 {
    color: #fff;
    margin: 20px 0 10px;
    text-shadow: 0 1px 1px #6bc6e2;
}


/* list numbers */

.list_numbers {
    background: url(images/box2_list_bg.png) center 0 no-repeat;
    height: 400px;
    padding: 30px 0 0 0
}

.list_numbers ol {
    padding: 0;
    counter-reset: li;
    text-align: left;
    margin: 0 24px 0 21px;
}

.list_numbers ol li {
    position: relative;
    list-style: none;
    display: block;
    border-left: 3px solid #6fc3dd;
    border-top: 1px dashed #e6e6e6;
    padding: 10px 0 6px 68px;
    line-height: 1.3em;
    background: url(images/arrows_sprite.png) 236px 25px no-repeat #fff
}

.ie7 .list_numbers ol li {
    padding: 10px 0 6px 21px;
}

.list_numbers ol li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: 11px;
    top: 10px;
    width: 42px;
    height: 50px;
    background: url(images/icons/circle_sprite.png) 0 0 no-repeat;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    line-height: 42px;
}

.list_numbers ol li:hover {
    background-color: #f9f9f9
}

.list_numbers a {
    text-decoration: none;
    display: block;
    padding: 5px 0 0 0;
    height: 43px;
}

.list_numbers li a strong {
    color: #717171;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    display: block;
}

.list_numbers li a:hover strong {
    color: #444
}

.list_numbers li a span {
    color: #a39871;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
}

.list_numbers li.menu_blue {
    border-left: 3px solid #6fc3dd;
    background-position: 236px 25px
}

.list_numbers li.menu_green {
    border-left: 3px solid #4dc083;
    background-position: 236px -25px
}

.list_numbers li.menu_orange {
    border-left: 3px solid #fb9b52;
    background-position: 236px -75px
}

.list_numbers li.menu_red {
    border-left: 3px solid #ed6f3d;
    background-position: 236px -125px
}

.list_numbers li.menu_purple {
    border-left: 3px solid #dd70e4;
    background-position: 236px -175px
}

.list_numbers li.menu_blue:before {
    background-position: 0 0
}

.list_numbers li.menu_green:before {
    background-position: 0 -50px
}

.list_numbers li.menu_orange:before {
    background-position: 0 -100px
}

.list_numbers li.menu_red:before {
    background-position: 0 -150px
}

.list_numbers li.menu_purple:before {
    background-position: 0 -200px
}


/* box with image */

.box_thumb {
    background: url(images/box1_thumb_bg.png) no-repeat;
    width: 248px;
    height: 194px;
    padding: 25px 26px 31px 25px
}

.box_thumb_round {
    background: url(images/box3_thumb_bg.png) no-repeat;
    width: 299px;
    height: 201px;
    padding: 10px 0 31px 0
}

.ie7 .box_thumb_round,
.ie8 .box_thumb_round {
    background: none
}

.ie7 .box_thumb_round img,
.ie8 .box_thumb_round img {
    border: 1px dashed #cecece;
    padding: 5px;
    background: #fff
}

.box_thumb_round img {
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    border-radius: 999px;
    overflow: hidden;
}

.staff_title {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    border-bottom: 1px solid #ededed;
    display: inline-block;
    padding-bottom: 7px
}

.staff_title strong {
    font-size: 24px;
    font-weight: 600;
    color: #000
}

.staff_title .subtitle {
    color: #1e8ba7
}


/* big button in mid */

.big_button_box {
    background: url(images/button_box_bg.png) no-repeat;
    width: 520px;
    height: 129px;
    position: relative;
    margin: 0 auto;
    padding: 33px 0 0 0
}

.big_button_box a {
    display: block;
    background: url(images/button_big.png) 0 0 no-repeat;
    width: 403px;
    height: 78px;
    text-align: center;
    font-size: 30px;
    font-family: 'Roboto Slab', serif;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    line-height: 62px;
    margin: 0 auto
}


/* bottom news and testimonials */

.bottom_boxes .box {
    width: 475px;
    height: 167px;
    float: left;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.bottom_boxes .box .ribbon {
    width: 141px;
    height: 177px;
    position: absolute;
    top: -3px;
    left: 24px;
    z-index: 2;
    text-align: center;
}

.box_circle_date {
    background: url(images/box_sprite_2.png) 0 bottom no-repeat;
}

.box_circle_photo {
    background: url(images/box_sprite_2.png) -475px bottom no-repeat;
    margin-left: 10px
}

.box_circle_date .ribbon {
    background: url(images/ribbon_date.png) no-repeat;
    color: #fff998;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.box_circle_date strong {
    color: #fff;
    display: block;
    font-size: 58px;
    line-height: 0.7em;
    margin: 57px 0 0 0;
}

.bottom_boxes .box_content {
    margin: 22px 30px 10px 185px
}

.box_circle_date h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    margin: 0;
    line-height: 1.1em;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.box_circle_date p {
    line-height: 1.4em;
    font-size: 13px;
    color: #606060;
    display: block;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box_circle_date h2 a {
    color: #000
}

.box_circle_date h2 a:hover,
.box_circle_date .link_more:hover {
    color: #f86625
}

.box_circle_date .link_more {
    color: #3db0d3;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
}

.box_circle_photo .ribbon span {
    background: url(images/ribbon_photo.png) no-repeat;
    z-index: 3;
    display: block;
    width: 141px;
    height: 177px;
    position: absolute;
    top: 0;
    left: 0;
}

.box_circle_photo .ribbon img {
    margin-top: 33px
}

.box_circle_photo .box_content {
    margin: 22px 30px 10px 185px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: bold;
}

.box_circle_photo p {
    color: #754e25;
    font-size: 14px;
    display: block;
    height: 90px;
    overflow: hidden
}

.box_circle_photo .author {
    color: #97951e;
    font-size: 18px;
}


/*-----------------------------------*/


/* Borders & Dividers */


/*-----------------------------------*/

.border {
    border: 1px solid #ebebeb
}

.divider_space,
.divider_space_thin,
.divider,
.divider_thin {
    clear: both;
    display: block;
    margin-bottom: 40px;
    padding-top: 40px;
    width: 100%
}

.divider_space_thin {
    margin-top: 10px;
    margin-bottom: 10px
}

.divider_thin {
    margin-bottom: 15px;
    padding-top: 15px;
    background: url(images/dot_line_hor.png) bottom repeat-x
}

.divider {
    background: url(images/dot_line_hor.png) bottom repeat-x
}


/*===================================================*/


/* 2. SITE STRUCTURE */


/*===================================================*/


/*-----------------------------------*/


/* Header */


/*-----------------------------------*/

.header {
    width: 100%;
    height: 459px;
    position: relative;
    z-index: 10;
    background: url(images/header_image.png) center 40px no-repeat;
}

.header .container {
    padding-top: 350px
}

.sunbeam {
    position: absolute;
    z-index: 3;
    left: 419px;
    top: 206px;
    background: url(images/header_sunbeam.png) no-repeat;
    width: 296px;
    height: 185px
}

.rocket {
    background: url(images/header_rocket.png) no-repeat;
    width: 260px;
    height: 248px;
    position: absolute;
    z-index: 2;
    right: -101px;
    top: 346px
}

.logo {
    overflow: hidden;
    right: 0;
    z-index: 6;
    position: absolute;
    top: 20px;
}

.sproi {
    overflow: hidden;
    right: 0;
    z-index: 7;
    position: absolute;
    top: 184px;
}

.logo img {
    max-width: 100%
}


/* animated elements */

.top_stage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 470px;
    overflow: hidden;
    z-index: 1;
}

#top_clouds {
    background: url(images/header_clouds.png) 0 40px repeat-x transparent;
    z-index: 1
}

#top_rain {
    background: url(images/fly_rain_cloud.png) 0 0 no-repeat;
    position: absolute;
    left: 59%;
    top: 125px;
    width: 190px;
    height: 192px;
    z-index: 2;
}

#top_kite {
    background: url(images/kite_top.png) 0 0 no-repeat;
    position: absolute;
    left: 400px;
    top: 40px;
    width: 240px;
    height: 60px;
    z-index: 3;
}

#mid_bird {
    background: url(images/fly_bird_left.png) 0 0 no-repeat;
    width: 174px;
    height: 158px;
    position: absolute;
    top: 256px;
    left: -87px;
    z-index: 100;
}

#mid_baloon {
    background: url(images/fly_balloon.png) 0 0 no-repeat;
    width: 235px;
    height: 245px;
    position: absolute;
    top: 460px;
    right: -167px;
    /*-179px for baloon2 */
    z-index: 100;
}


/*-----------------------------------*/


/* Topmenu */


/*-----------------------------------*/


/* topmenu Dropdown */

#topmenu,
#topmenu-select {
    min-height: 30px;
    padding: 0px 30px;
    margin: 0;
    position: relative;
    z-index: 5;
}

.ie7 #topmenu,
.ie7 #topmenu-select {
    padding: 0px 30px 0 0;
    margin: 0
}

.ie7 .dropdown {
    float: left
}

.topmenu_inner {
    float: left;
    background: url(images/topmenu_full.png) right -60px repeat;
    padding-right: 15px
}

.dropdown {
    background: url(images/topmenu_full.png) left 0 repeat;
    height: 60px;
    line-height: 55px;
    padding: 0 8px 0 14px!important;
    z-index: 1300;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.dropdown li {
    display: block;
    float: left;
    text-align: center;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0 3px 2px 27px;
    height: 55px;
    background: url(images/topmenu_line.png) left center no-repeat
}

.dropdown li sup {
    position: absolute;
    top: -8px;
    right: 2%;
    background: #CE0216;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    padding: 11px 5px 3px 5px;
    display: inline;
    height: 9px;
}

.dropdown li.first,
.dropdown li:first-child {
    padding-left: 7px;
    background: none
}

.dropdown li a {
    display: block;
    color: #fff;
    height: 55px;
    text-decoration: none
}

.dropdown .menu-level-0.last {
    margin: 0
}

.dropdown li a span {
    display: block
}

.dropdown li a:hover {
    color: #777201;
    text-shadow: 0 1px 1px #fffed6;
}

.dropdown .current-menu-item a,
.dropdown .current-menu-ancestor a {
    color: #777201;
    text-shadow: 0 1px 1px #fffed6;
}

.dropdown li ul li:hover a,
.dropdown li:hover li ul li:hover a,
.dropdown .current-menu-ancestor .current-menu-item a,
.dropdown .current-menu-ancestor .current-menu-ancestor a,
.dropdown .current-menu-ancestor .current-menu-ancestor .current-menu-item a {
    color: #fdeb8d;
}

.dropdown li:hover li a,
.dropdown li:hover li ul li a,
.dropdown .current-menu-item li a,
.dropdown .current-menu-ancestor li a,
.dropdown .current-menu-ancestor .current-menu-item li a,
.dropdown .current-menu-ancestor .current-menu-ancestor li a,
.dropdown li ul li ul li a {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
}

.dropdown li ul {
    margin: 0;
    padding: 0;
    text-shadow: none;
    line-height: 1em;
    font-weight: 400;
    font-size: 15px;
}

.dropdown li ul.submenu-1 {
    display: none;
    position: absolute;
    top: 56px;
    left: 10px;
    z-index: 1308;
    padding: 0;
}

.dropdown li.parentHover {}

.dropdown li ul li {
    display: block;
    float: none;
    width: 160px;
    margin: 0;
    padding: 0;
    height: auto;
    background: url(images/dropdown_bg.png) -320px 0 repeat-y
}

.dropdown li ul.submenu-1 li {
    line-height: 1em;
    text-align: left;
}

.dropdown li ul li ul {
    z-index: 1309
}

.dropdown li ul,
.dropdown li ul li ul,
.dropdown li ul li ul li ul {
    display: none
}

.dropdown li ul li:hover>ul {
    display: block;
    position: absolute;
    top: 0px;
    left: 157px;
    padding: 0
}

.dropdown li ul li.first:hover>ul {
    top: 2px
}

.dropdown li.last ul li:hover>ul {
    left: -160px;
    padding: 0 2px 0 0
}

.dropdown li ul li ul li {
    padding: 0;
    float: left;
    clear: both;
    width: 160px
}

.dropdown li ul li.first,
.dropdown li ul li ul li.first {
    background: url(images/dropdown_bg.png) 0 0 no-repeat;
    padding: 0
}

.dropdown li ul li.last,
.dropdown li ul li ul li.last {
    background: url(images/dropdown_bg.png) -160px bottom no-repeat;
}

.dropdown li ul li a {
    display: block;
    color: #fff;
    height: auto;
    line-height: 1.2em;
    padding: 7px 29px 9px 20px;
    background: url(images/dropdown_bg.png) -480px bottom no-repeat;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
}

.dropdown li ul li.first a {
    padding-top: 17px
}

.dropdown li ul li.last a {
    background: none;
    padding-bottom: 24px
}

.dropdown li ul li a span {
    background: url(images/dropdown_dot.png) 2px 4px no-repeat;
    padding-left: 18px
}

.dropdown li a:hover span {
    cursor: pointer
}

.ie7 .dropdown ul li {
    float: left;
}


/*-----------------------------------*/


/* Header Sliders */


/*-----------------------------------*/

.header_slider {
    position: relative;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 0 auto 15px auto;
    width: 940px;
    height: 356px;
    border: 10px solid #fff
}

.header_slider .banner ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.header_slider .banner img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.slide_descr,
.slide_line {
    width: 460px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    font-size: 15px;
    color: #fff;
    line-height: 1.4em;
}

.slide_descr {
    height: 5.4em;
    overflow: hidden
}

.slide_title1,
.slide_title2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    line-height: 1.1em;
}

.slide_title1 {
    font-size: 29px;
    color: #fffbdf
}

.tp-caption.slide_title2 {
    font-size: 29px;
    color: #fff;
}

.slide_descr {
    white-space: normal !important;
}

.slide_line {
    height: 2px;
    background: #fff08c;
    -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
}

.btn_slider {
    height: 42px;
    display: inline-block;
    line-height: 42px;
    border: 3px solid #c1e6eb;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    padding: 0 35px;
    background: url(images/button_sprite.png) 0 0 repeat-x;
    color: #fff;
    font-size: 24px;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    -webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.2);
}

.btn_slider span {
    display: block;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.btn_slider:hover {
    background-position: 0 -42px
}

.header_slider .tp-leftarrow.default,
.header_slider .tp-rightarrow.default {
    background: url(images/slider_arrows.png) no-repeat 0 0;
    width: 56px;
    height: 56px;
}

.header_slider .tp-rightarrow.default {
    background-position: right top
}

.header_slider .tp-leftarrow:hover {
    background-position: left -56px;
}

.header_slider .tp-rightarrow:hover {
    background-position: right -56px;
}

.header_slider .tp-leftarrow:active {
    background-position: left -112px;
}

.header_slider .tp-rightarrow:active {
    background-position: right -112px;
}


/*-----------------------------------*/


/* Middle content */


/*-----------------------------------*/


/* Layout: Full Width, Sidebar Left, Sidebar Right */

#middle {
    clear: both;
    position: relative;
    z-index: 2;
}

.content_wrapper {
    background: url(images/content_bg_top.png) 0 0 no-repeat #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    min-height: 600px;
    padding: 44px 0 50px 0;
}


/* sidebar right */

#middle .content {
    width: 568px;
    float: left;
    margin: 0 0 0 62px
}

#middle .sidebar {
    width: 268px;
    float: left;
    margin: 0 62px 0 0
}


/* sidebar left */

#middle.sidebar_left .content {
    width: 568px;
    float: right;
    margin: 0 62px 0 0
}

#middle.sidebar_left .sidebar {
    width: 268px;
    float: left;
    margin: 0 0 0 62px
}

#middle.full_width .content {
    width: 836px;
    float: none;
    margin: 0 auto;
}

.blogpage .content {
    background: url(images/dot_line_vertical.png) right 0 repeat-y
}

.blogpage.sidebar_left .content {
    background: url(images/dot_line_vertical.png) left 0 repeat-y
}

.title_top {
    background: url(images/content_title_line.png) 0 bottom no-repeat;
    padding: 12px 62px 23px 62px;
    margin-bottom: 40px;
    position: relative;
}

.title_top h1,
.title_top strong {
    display: block;
    line-height: 1.1em;
    margin: 0;
    font-size: 35px;
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
    color: #673509
}

.page .title_top {
    background: none;
    margin-bottom: 5px
}

.text_style1 {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    color: #66350a;
    font-weight: normal;
}


/*-----------------------------------*/


/* Footer */


/*-----------------------------------*/

#bottom_bee {
    position: absolute;
    left: 858px;
    bottom: -10px;
    z-index: 10;
    background: url(images/fly_bee.png) no-repeat;
    width: 40px;
    height: 48px
}

.footer {
    background: url(images/bg_footer.png) center top no-repeat transparent;
    margin-top: -300px;
    position: relative;
    z-index: 1
}

.footer .inner {
    background: url(images/footer_image.png) center top no-repeat;
    height: 843px
}

.footer .container {
    position: relative;
    height: 843px
}

.copyright {
    position: absolute;
    top: 718px;
    line-height: 1.4;
    left: 230px;
    width: 500px;
    font-size: 14px;
    text-align: center;
    color: #0b242c
}

.faceb {
    position: absolute;
    display: table;
    margin: 0 auto;
    bottom: 107px;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.copyright .copy {
    color: #fff998;
    font-size: 16px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    display: block;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    height: 30px;
    margin-bottom: 12px
}

.copyright a {
    color: #0b242c;
    text-decoration: none;
}

.copyright a:hover {
    color: #3db0d3
}


/*===================================================*/


/* 3. EXTENDED TYPOGRAPHY and SHORTCODES
/*===================================================*/


/*-----------------------------------*/


/* Typographic Elements */


/*-----------------------------------*/


/* Framed boxes */

.frame_left,
.frame_right,
.frame_center,
.frame_box {
    margin: 0;
    display: inline-block;
    position: relative
}

.frame_box {
    display: inline-block;
    margin-bottom: 15px;
    max-width: 100%
}

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

.frame_left {
    float: left;
    display: block;
    margin: 5px 20px 5px 0
}

.col_1_2 .frame_left {
    margin: 5px 10px 5px 0
}

.frame_right {
    float: right;
    display: block;
    margin: 5px 0 5px 20px
}

.frame_center {
    border: none;
    display: block;
    margin: 0 auto 20px auto;
    text-align: center
}

.frame_left img,
.frame_right img,
.frame_center img {
    border-bottom: 1px solid #bbbbbb;
    padding: 6px;
    background: #fff
}


/* quote left/right */

.quote_right,
.quote_left,
.quote_center,
blockquote {
    float: right;
    font-size: 16px;
    font-style: italic;
    color: #f35d29;
    width: 37%;
    padding: 3px 0 3px 30px;
    line-height: 1.5em;
    font-weight: 500
}

.quote_left {
    float: left;
    padding: 3px 30px 3px 0
}

.quote_center,
blockquote {
    float: none;
    display: block;
    width: 100%;
    margin: 20px auto;
    padding: 0
}

.frame_quote {
    background: #f2f2f2;
    margin: 5px 0 20px;
    border: 1px solid #e6e6e6;
    padding: 15px 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.frame_quote blockquote {
    margin: 0;
    line-height: 1.5em
}

.frame_quote blockquote .inner {
    padding: 2px 15px;
    font-size: 15px;
    font-weight: 500;
}

.frame_quote blockquote {
    color: #f35d29;
    font-style: italic;
    font-weight: normal
}

.code {
    background: #fff;
    width: 100%
}


/*-----------------------------------*/


/* Custom Lists Styles */


/*-----------------------------------*/

.entry ul {
    margin: 10px 0 15px 30px;
    padding: 0
}

.entry ul li {
    margin-bottom: 5px;
    list-style: disc
}

.entry .list_dots ul,
.entry .list_square ul {
    margin: 0 0 20px 0
}

.entry .list_dots li {
    list-style: none;
    margin: 0 0 10px 0;
    line-height: 23px;
    padding: 0 0 0 30px
}

.entry .list_dots li,
.entry .list_square li {
    list-style: disc;
    padding: 0;
    margin: 0 0 10px 30px
}

.entry .list_square li {
    list-style: square
}


/*-----------------------------------*/


/* Testimonials */


/*-----------------------------------*/


/* testimonials list */

.testimonials .author-description {
    height: auto;
    min-height: 195px;
    margin: 0 5px 30px 5px;
    padding: 0 20px
}

.testimonials .author-description .author-image {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    margin: 0 25px
}

.testimonials .photo_right .author-image {
    float: right;
}

.testimonials .author-description .author-text {
    background: url(images/testimonial_bg.png) -826px bottom no-repeat;
    padding: 10px 40px 30px 0px;
}

.testimonials .author-description .author-text p {
    height: auto
}

.testimonials .photo_right .author-text {
    text-align: right;
    background-position: 0 bottom
}


/*-----------------------------------*/


/* Text Highlights */


/*-----------------------------------*/

.highlight_yellow {
    background: #f2d220;
    color: #fff
}

.highlight_brown {
    background: #7b5635;
    color: #fff
}

.highlight_blue {
    background: #3e6ace;
    color: #fff
}

.highlight_black {
    background: #262626;
    color: #fff
}

.highlight_purple {
    background: #8235ca;
    color: #fff
}

.text_notice {
    font-style: italic;
    color: #5a636c;
    text-align: center;
    width: 555px;
    margin: 0 auto
}


/*===================================================*/


/* 4. EXTENDED ELEMENTS */


/*===================================================*/


/*-----------------------------------*/


/* Newsletter box */


/*-----------------------------------*/

.newsletterBox h3 {
    margin-bottom: 20px
}

.newsletterBox .inputField {
    float: left;
    width: 200px;
    padding: 12px 10px;
    margin: 0 0 5px 0;
    background: url(images/icons/field_icons.png) 0 7px no-repeat;
    text-indent: 40px;
}

.newsletter_text {
    display: inline;
    margin-left: 20px
}

.newsletter_text .link-news-rss {
    color: #f66e08;
    font-size: 14px;
    background: url(images/icons/icon_rss.png) 0 1px no-repeat;
    padding-left: 21px;
    line-height: 18px;
    text-decoration: underline;
    display: inline-block;
}


/*-----------------------------------*/


/* Staff list */


/*-----------------------------------*/

.staff_item {
    float: left;
    width: 90%;
    min-height: 420px;
    background: url(images/dot_line_hor.png) bottom repeat-x;
    padding: 0 58px 30px;
    margin: 0 0 30px 0;
    text-align: left;
}

.staff_item.every_3rd {
    padding-right: 0
}

.staff_item .staff_thumb {
    width: 240px;
    height: 240px;
    background: url(images/staff_item_bg.png) 0 0 no-repeat;
    padding: 0;
    margin-bottom: 5px
}

.staff_item .staff_thumb img {
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    border-radius: 999px;
    overflow: hidden;
    margin-top: 10px
}

.ie7 .staff_item .staff_thumb,
.ie8 .staff_item .staff_thumb {
    background: none
}

.ie7 .staff_item .staff_thumb img,
.ie8 .staff_item .staff_thumb img {
    border: 1px dashed #cecece;
    padding: 4px;
    background: #fff
}


/* Styled ordered list */

.list_ordered {
    padding: 30px 0 10px 0
}

.list_ordered ol {
    padding: 0;
    counter-reset: li;
    margin: 0 0 0 55px
}

.list_ordered ol li {
    padding: 10px 0 0 0;
    position: relative;
    list-style: none;
    *list-style: decimal;
}

.list_ordered ol li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -55px;
    top: 0;
    width: 42px;
    height: 50px;
    background: url(images/icons/circle_sprite.png) 0 0 no-repeat;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    line-height: 42px;
}

.list_ordered li.nr2:before {
    background-position: 0 -50px
}

.list_ordered li.nr3:before {
    background-position: 0 -100px
}

.list_ordered li.nr4:before {
    background-position: 0 -150px
}

.list_ordered li.nr5:before {
    background-position: 0 -200px
}

.list_ordered h2,
.content .list_ordered h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 22px;
    color: #000;
    font-weight: normal;
    margin: 0 0 5px 0;
    text-shadow: none;
}

.list_ordered p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #505050;
    text-shadow: none;
}

.link_view {
    position: absolute;
    right: 0;
    top: 10px;
    color: #a29e02 !important;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-shadow: none;
}

.link_view:hover {
    color: #f66e08 !important;
}


/*===================================================*/


/* 5. WIDGETS STYLES */


/*===================================================*/


/* Sidebar Widget Container  */

.sidebar .widget-container,
.content .widget-container {
    position: relative !important;
    line-height: 1.4em;
    color: #8e8071;
    padding: 0;
    *zoom: 1
}

.widget-container:before,
.widget-container:after {
    display: table;
    line-height: 0;
    content: ""
}

.widget-container:after {
    clear: both
}

.sidebar .widget-container {
    padding: 30px 0 20px 25px;
    background: url(images/dot_line_hor.png) bottom repeat-x
}

.sidebar .widget-container.first {
    padding-top: 0
}

.content .widget-container .widget-title,
.content .widget-container h3,
.sidebar .widget-container .widget-title,
.sidebar .widget-container h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 21px;
    line-height: 1.1em;
    color: #f66e08;
    font-weight: normal;
    padding: 0;
    margin: 0 0 20px 0;
}

.sidebar .widget-container ul {
    margin: 0;
    padding: 0
}

.sidebar .widget-container li {
    list-style: none;
}

.sidebar .widget-container li ul {
    padding-left: 15px;
}

.sidebar .widget-container li a,
.content .widget-container li a {
    color: #a29e02
}

.sidebar .widget-container li a:hover,
.content .widget-container li a:hover {
    color: #f66e08
}

.sidebar .widget-container .current-menu-item a,
.sidebar .widget-container .current-menu-ancestor a,
.sidebar .widget-container .current-menu-item li a:hover,
.sidebar .widget-container .current-menu-ancestor li a:hover,
.sidebar .widget-container .current-menu-ancestor .current-menu-item a {
    color: #f66e08;
}

.sidebar .widget-container .current-menu-item li a,
.sidebar .widget-container .current-menu-ancestor li a {
    color: #a29e02;
}

.sidebar .widget-container ul li ul {
    margin: 7px 0 0 0
}

.sidebar .widget-container ul li ul li {
    margin-bottom: 7px
}

.sidebar .widget-container ul li ul li ul {}

.sidebar .widget-container ul li ul li ul li {}


/* subscribe_btn */

.subscribe_btn {
    text-align: center;
}

.subscribe_btn .btn {
    margin: 5px auto
}


/* widget_nav_menu  */

.widget_nav_menu ul,
.widget_categories ul,
.widget_archive ul,
.widget_links ul,
.widget_meta ul,
.widget_pages ul {
    padding: 0;
    font-family: 'Roboto Slab', serif;
    font-size: 17px;
}

.widget_nav_menu li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_pages li,
.widget_archive li {
    margin: 0 0 15px 0;
    position: relative;
    line-height: 1.1em;
}

.widget_nav_menu li ul,
.widget_categories li ul,
.widget_links li ul,
.widget_meta li ul,
.widget_pages li ul,
.widget_archive li ul {
    font-size: 15px;
}

.widget_nav_menu .current-menu-item,
.widget_categories .current-menu-item,
.widget_links .current-menu-item,
.widget_meta .current-menu-item,
.widget_pages .current-menu-item {}

.sidebar .widget-container.widget_nav_menu li a,
.sidebar .widget_categories li a,
.sidebar .widget_archive li a,
.sidebar .widget_links li a,
.sidebar .widget_meta li a,
.sidebar .widget_pages li a {
    display: block;
    color: #673509;
}

.sidebar .widget-container.widget_nav_menu a:hover,
.sidebar .widget-container.widget_nav_menu .current-menu-item li a:hover,
.sidebar .widget-container.widget_categories a:hover,
.sidebar .widget-container.widget_categories .current-menu-item li a:hover,
.sidebar .widget-container.widget_archive a:hover,
.sidebar .widget-container.widget_links a:hover,
.sidebar .widget-container.widget_meta a:hover,
.sidebar .widget-container.widget_pages a:hover {
    color: #f25c24;
}

.sidebar .widget-container.widget_nav_menu li ul li a,
.sidebar .widget-container.widget_nav_menu .current-menu-item li a,
.sidebar .widget-container.widget_categories li ul li a,
.sidebar .widget-container.widget_categories .current-menu-item li a {
    color: #827468;
    background: none
}

.sidebar .widget_categories li a {
    background: url(images/arrows_sprite.png) right -247px no-repeat;
}

.sidebar .widget_categories li a:hover {
    background-position: right -147px;
}


/* widget featured posts / from category */

.widget_featured_posts {
    font-family: 'Cabin', sans-serif;
    font-size: 13px;
    line-height: 1.5em;
}

.widget_featured_posts ul {
    margin: 0 !important
}

.widget_featured_posts .post-title {
    font-size: 20px;
    line-height: 1.1em
}

#middle .widget_featured_posts .post-title {
    min-height: 70px !important
}

.widget_featured_posts .post-image {
    padding: 5px 0;
    max-width: 100%
}

.widget_featured_posts .post-title a {
    color: #26363d
}

.widget_featured_posts .post-title a:hover {
    color: #f25821
}

.widget_featured_posts .post-item .post-meta,
#middle .widget_featured_posts .post-item .post-meta {
    margin: 5px 0
}

.widget_featured_posts .post-descr {
    color: #808080
}

#middle .widget_featured_posts .post-more a {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f0f0f0;
    border-color: #e6e6e6;
    font-size: 11px
}

#middle .widget_featured_posts .post-more a span {
    color: #26363d;
    text-shadow: 0 1px 1px #fff;
    font-weight: bold
}

#middle .widget_featured_posts .post-more a:hover {
    -webkit-box-shadow: 0 1px 1px 0 #c0c0c0;
    box-shadow: 0 1px 1px 0 #c0c0c0;
    background-color: #06af61;
    border-color: #008b6a
}

#middle .widget_featured_posts .post-more a:hover span {
    color: #00341b;
    text-shadow: 0 1px 1px #76d9ac;
}


/* Widget baner */

.widget_baners p {
    margin: 0 0 30px 0
}

.widget_baners p img {
    border: 5px solid #f1f4f4;
    -webkit-box-shadow: 0px 7px 10px -7px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 7px 10px -7px rgba(0, 0, 0, 0.3);
}


/* Widget Latest Twitter  */

.widget_twitter .tweet_image {
    float: left;
    width: 30px;
    height: 30px;
    margin: 5px 10px 0 0
}

.widget_twitter .tweet_image img {
    width: 30px;
    height: 30px
}

.widget_twitter .tweet_item {
    clear: both;
    padding: 15px 0
}

.widget_twitter .tweet_item:first-child {
    padding-top: 0
}

.widget_twitter .tweet_text {
    float: left;
    width: 178px
}

.sidebar .widget_twitter .tweet_text {
    width: 190px
}

.sidebar .widget_twitter .tweet_time {
    display: block;
    color: #f2551f;
    font-style: italic;
    padding-top: 5px;
    font-size: 12px;
}

.widget_twitter .tweet_text .inner {
    line-height: 1.2em
}

.widget_twitter .tweet_item a {
    color: #39b4ed
}


/* Widget Calendar  */

.widget-container.widget_calendar {
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

#calendar_wrap {
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.widget_calendar table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    padding: 2px 0;
    margin: 0 0 10px 0;
    border: 1px solid #ebdcd0;
    background: #ffffff;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #8e8071;
    position: relative;
}

.widget_calendar table th {
    font-size: 11px;
    padding: 2px 2px;
    border: none
}

.widget_calendar table td {
    text-align: center;
}

.widget_calendar table tbody td {
    font-size: 12px;
    border: 1px solid #ebdcd0;
    line-height: 2em;
    background-color: #f8f3f0;
}

.widget_calendar table tbody .pad {
    color: #c0c0c0;
    background: #f8f3f0
}

.widget_calendar table tbody a {
    color: #f66e08;
    display: block;
    text-decoration: underline;
}

.widget_calendar table tbody a:hover {
    background-color: #f66e08;
    color: #fff;
    text-decoration: none;
}

.widget_calendar table tfoot {
    width: 100%;
    position: absolute;
    top: 0
}

.widget_calendar table tfoot td {
    border: none
}

.widget_calendar #today,
.widget_calendar table tbody #today a {
    color: #fff;
    background-color: #f66e08;
}

.widget_calendar table caption {
    -webkit-box-shadow: inset 0 1px 1px 0 #fbd9af;
    box-shadow: inset 0 1px 1px 0 #fbd9af;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc47b), color-stop(1, #ff6112));
    background: -moz-linear-gradient( center top, #ffc47b 5%, #ff6112 100%);
    background: -o-linear-gradient(top, #ffc47b 5%, #ff6112 100%);
    background: -ms-linear-gradient(top, #ffc47b 5%, #ff6112 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc47b', endColorstr='#ff6112');
    background-color: #f56744;
    border-top: 1px solid #ffc26c;
    border-bottom: 1px solid #ff570a;
    height: 32px;
    line-height: 32px;
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
    color: #fff;
    font-size: 17px;
    text-shadow: 0 -1px 1px #ff842c;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    margin: 0
}

.widget_calendar table #prev a,
.widget_calendar table #next a {
    width: 30px !important;
    height: 32px;
    background: url(images/calendar_arrows.png) center 0 no-repeat;
    overflow: hidden;
    text-indent: -400px;
    padding: 0;
    position: absolute;
    top: 2px
}

.widget_calendar table #prev a {
    left: 1px
}

.widget_calendar table #next a {
    background-position: center -32px;
    right: 1px;
}


/* widget_search */

.widget_search label,
.widget_search cite,
.widget_search .screen-reader-text {
    display: none
}

.widget_search .inputField {
    width: 200px;
    background: url(images/icons/field_icons.png) 0 -113px no-repeat;
    text-indent: 40px;
}

.widget_search input.btn-submit {
    width: auto
}


/* widget text */

.sidebar .widget_text .textwidget {
    line-height: 1.6em;
    padding: 0;
    text-shadow: 0 1px 1px #fff;
}

.sidebar .widget_text .textwidget p {
    margin-bottom: 15px
}

.sidebar .widget_text .textwidget a {
    color: #ff7200
}


/* widget tag cloud */

.widget_tag_cloud .tagcloud {
    line-height: 1.5em
}

.widget_tag_cloud .tagcloud a {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    color: #64584c;
    background: url(images/tags_bg.png) right -26px no-repeat;
    padding: 0 10px 0 0;
    font-size: 13px !important;
    margin: 4px 8px 4px 0;
}

.widget_tag_cloud .tagcloud a span {
    display: block;
    background: url(images/tags_bg.png) left 0 no-repeat;
    padding: 0 0 0 20px
}


/* Flickr  widget */

.flickr {
    padding: 0
}

.flickr .flickr_badge_image {
    margin: 3px 10px 7px 0px;
    list-style: none;
    display: block;
    float: left
}

.flickr .flickr_badge_image img {
    width: 100px;
    height: 100px;
}

.sidebar .flickr .flickr_badge_image {
    float: left;
    margin: 5px 15px 10px 0px;
}

.sidebar .flickr .flickr_badge_image img {
    width: 65px;
    height: 65px;
}

.separator {
    margin: 0 5px;
    color: #9a9a9a
}


/* widget_recent_entries */

.content .widget_recent_entries ul {
    margin: 0
}

.sidebar .widget_recent_entries li,
.sidebar .widget_recent_comments li {
    clear: both;
    line-height: 1.3em;
    padding: 15px 0;
    margin: 0;
    border-top: 2px solid #eeecea;
    font-size: 14px;
}

.sidebar .widget_recent_entries li:first-child,
.sidebar .widget_recent_comments li:first-child {
    border: none
}

.widget_recent_entries li {
    min-height: 58px
}

.sidebar .widget_recent_entries .post-title,
.widget_recent_entries .post-title {
    font-size: 14px;
    display: block;
    color: #8e8071
}

.widget_recent_entries li .thumbnail,
.widget_recent_comments li .thumbnail {
    width: 58px;
    height: 58px;
    float: left;
    margin-right: 15px
}


/* widget_recent_comments */

.sidebar .widget-container.widget_recent_comments a {
    color: #a29e02
}


/* Login Form widget */

.widget_login form {
    position: relative;
}

.widget_login input {
    width: 200px;
}

.sidebar .widget_login #user_login {
    background: url(images/icons/field_icons.png) 0 -33px no-repeat;
    text-indent: 40px;
}

.sidebar .widget_login #user_pass {
    background: url(images/icons/field_icons.png) 0 -73px no-repeat;
    text-indent: 40px;
}

.widget_login p {
    position: relative;
    margin: 0 0 12px 0;
    clear: both
}

.ie7 .widget_login #user_login,
.ie7 .widget_login #user_pass {
    float: left;
    clear: both
}

.widget_login .forgetmenot {
    line-height: 1.2em;
    display: block;
    font-size: 13px;
    clear: both
}

.widget_login .forgetmenot input {
    margin: 0 3px 0 0;
    float: left;
    border: none;
    width: auto !important;
    padding: 0 !important;
}

.widget_login .submit input {
    width: auto
}

.widget_login .forget_password {
    position: absolute;
    bottom: 0;
    left: 115px;
    font-size: 13px;
}

.ie7 .widget_login .forget_password,
.ie8 .widget_login .forget_password {
    width: auto;
    padding-left: 5px;
    padding-top: 1px
}

.widget_login .input_styled label {
    font-size: 13px;
    margin-right: 10px;
    color: #838a90
}

.widget_login .forget_password a {
    color: #f66e08;
    text-decoration: underline;
}

.widget_login .forget_password a:hover {
    color: #f66e08
}


/*===================================================*/


/* 6. POSTS */


/*===================================================*/


/*-----------------------------------*/


/* Blog post list and Details */


/*-----------------------------------*/

.entry {
    line-height: 1.7em;
}

.entry .video iframe {
    width: 100%;
}

.content .map img,
.map_window img {
    max-width: none !important
}


/* post list */

.postlist .post-item {
    margin: 0 0 30px 0;
    padding: 0 28px 30px 0;
    background: url(images/dot_line_hor.png) bottom repeat-x
}

.page .post-detail .post-item,
.page .sidebar .widget-container {
    background: none
}

.page .post-detail .post-item {
    margin-bottom: 0;
    padding-bottom: 0
}

.postlist .post-title h2,
.post-detail .post-title h1 {
    font-size: 35px;
    font-family: 'Roboto Slab', serif;
    line-height: 1.2em;
    font-weight: normal;
    margin: 0 0 5px 0;
    color: #673509
}

.postlist .post-title h2 a {
    color: #673509
}

.postlist .post-title h2 a:hover {
    color: #f66e08
}

.postlist .post-item .post-meta {
    padding: 5px 0 20px;
}

.postlist .post-image {
    margin-bottom: 20px
}

.postlist .post-image img,
.image_frame img,
.article_image img,
.gallery_item img {
    max-width: 100%;
    border: 7px solid #f1f4f4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 7px 12px 0px rgba(100, 100, 100, 0.20);
    box-shadow: 0px 7px 12px 0px rgba(100, 100, 100, 0.20);
}

.postlist .post-image.alignleft {
    margin: 0 20px 5px 0
}

.postlist .post-image.alignright {
    margin: 0 0 5px 20px
}

.postlist .entry {
    font-size: 14px;
    margin-bottom: 5px
}

.post-meta {
    color: #a1a1a1;
    font-size: 13px;
}

.post-meta .link-comments {
    white-space: nowrap
}

.post-meta-bot {
    padding: 5px 0 0 0
}

.post-meta-bot .btn {
    margin: 0 3px
}

.post-meta a {
    color: #a1a1a1;
}

.post-meta a:hover {
    color: #505050;
}

.post-item .entry .frame_center {
    margin-bottom: 20px
}

.entry p,
.middle_row p,
.text_box p {
    margin: 0 0 17px 0
}

.entry a {
    color: #39b4ed
}

.entry a:hover,
.link-orange {
    color: #f1541e
}

.entry .subtitle {
    color: #009551;
    font-size: 15px;
    margin-bottom: 25px
}


/* article list */

.article_list {
    background: url(images/dot_line_vertical.png) center repeat-y
}

.article_item {
    float: left;
    width: 390px;
    min-height: 330px;
    background: url(images/dot_line_hor.png) top repeat-x;
    margin: 25px 0 0 0;
    padding: 25px 28px 0 0;
    font-family: 'Roboto Slab', serif;
}

.article_item.odd {
    padding: 25px 0 0 28px
}

.article_list .article_item:first-child,
.article_list .article_item.second {
    background: none;
    padding-top: 0;
    margin-top: 0
}

.article_title {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e4b8
}

.article_title h2 {
    margin: 20px 0 5px 0;
    color: #000;
    font-size: 15px;
    line-height: 1.4;
    font-weight: normal;
}

.article_title h2 a {
    color: #000
}

.article_title .subtitle {
    display: block;
    font-size: 15px;
    font-weight: 300;
    color: #a29e02
}

.article_descr {
    color: #606060;
    font-size: 15px;
    line-height: 1.6em;
    font-family: Arial, Helvetica, sans-serif
}

.article_item .link_more,
.article_item .link_more:hover {
    display: inline-block;
    line-height: 25px;
    background: url(images/arrow_right.png) 0 0 no-repeat;
    padding-left: 35px;
    font-weight: 400;
    font-size: 14px;
    color: #3db0d3
}


/*-----------------------------------*/


/* Pagination and Navigation */


/*-----------------------------------*/


/* posts navigation */

.tf_pagination {
    position: relative;
    clear: both;
    margin: 10px 0;
}

.tf_pagination .inner {
    padding: 1px 0;
    min-height: 50px
}

.tf_pagination .page-numbers,
.tf_pagination .page_prev,
.tf_pagination .page_next {
    margin: 0 1px;
    color: #fff;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: url(images/tf_pagination_bg.png) 0 0 no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    overflow: hidden;
    letter-spacing: -1px
}

.tf_pagination .page-numbers:hover,
.tf_pagination .page_current,
.tf_pagination .page_prev:hover,
.tf_pagination .page_next:hover {
    color: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.tf_pagination .page_prev,
.tf_pagination .page_next {
    background-position: 0 -42px;
}

.tf_pagination .page_next {
    background-position: 0 -84px
}

.tf_pagination .page_prev span,
.tf_pagination .page_next span {
    margin-left: -300px;
    display: block;
}


/*-----------------------------------*/


/* Author description */


/*-----------------------------------*/

.author-description {
    position: relative;
    margin: 20px 0 10px 0;
    height: 194px;
    background: rgb(255, 253, 244);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 253, 244, 1) 0%, rgba(255, 252, 236, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 253, 244, 1)), color-stop(100%, rgba(255, 252, 236, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 253, 244, 1) 0%, rgba(255, 252, 236, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 253, 244, 1) 0%, rgba(255, 252, 236, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 253, 244, 1) 0%, rgba(255, 252, 236, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 253, 244, 1) 0%, rgba(255, 252, 236, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fffdf4', endColorstr='#fffcec', GradientType=0);
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.author-image,
.comment-avatar .avatar {
    width: 141px;
    height: 177px;
    position: absolute;
    top: -3px;
    left: 24px;
    z-index: 2;
    text-align: center;
}

.author-image span,
.comment-avatar .avatar span {
    background: url(images/ribbon_photo.png) no-repeat;
    z-index: 3;
    display: block;
    width: 141px;
    height: 177px;
    position: absolute;
    top: 0;
    left: 0;
}

.author-image img {
    margin-top: 33px
}

.author-description .author-text {
    padding: 10px 30px 10px 185px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: bold;
    background: url(images/author_box_bg.png) center 80px no-repeat;
}

.author-description p {
    color: #754e25;
    font-size: 14px;
    display: block;
    height: 90px;
    overflow: hidden
}

.author-description .author-name {
    color: #97951e;
    font-size: 18px;
}


/*-----------------------------------*/


/* Comment list */


/*-----------------------------------*/

.comment-list {
    position: relative;
    padding: 0 28px 10px 0;
}

.link-add-comment {
    position: absolute;
    top: 2px;
    right: 33px;
    color: #f66e08;
    font-size: 17px;
    font-family: 'Roboto Slab', serif;
}

.link-add-comment:hover {
    border-bottom: 1px dashed #f66e08
}

.comment-list h2,
.add-comment h3 {
    margin: 0 0 25px 0;
    font-size: 25px;
    color: #505050;
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
}

.comment-list ol,
.comment-list ul {
    margin: 0;
    padding: 0
}

.comment-list ol {
    margin-bottom: 20px;
    padding-bottom: 10px
}

.comment-list ol li:first-child {
    border: none
}

.comment-list ul li,
.comment-list ol li,
.comment-list ol li ul li:first-child {
    margin: 25px 0 0 0;
    list-style: none
}

.comment {
    clear: both;
    display: block;
    padding: 0;
    color: #606060
}

.comment-body {
    padding: 20px 25px 20px 25px;
    background: #fffced;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    min-height: 140px
}

.comment-avatar {
    width: 141px;
    float: left;
    margin: 0 19px 0 0;
}

.comment-avatar .avatar {
    position: relative;
    left: 0;
}

.comment-avatar .avatar span {
    background: url(images/ribbon_photo_blue.png) no-repeat;
}

.comment-avatar .avatar img {
    margin-top: 33px;
    width: 103px;
    height: auto;
}

.comment-text {
    float: left;
    width: 330px;
    position: relative;
    font-size: 13px;
    color: #606060
}

.comment-author {
    padding: 20px 0 10px 0;
    color: #b0b7bc;
}

.link-author {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 25px;
    text-decoration: none;
    color: #000;
}

a.link-author:hover,
.link-reply:hover {
    color: #f25821
}

.link-reply {
    color: #3db0d3;
    font-size: 19px;
}

.link-reply:hover {
    color: #f66e08
}

.comment-entry {
    line-height: 1.4em;
    font-family: Arial, Helvetica, sans-serif
}

.comment-meta {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    padding-top: 20px
}

.comment-meta .comment-date {
    float: right;
    font-size: 13px;
    text-transform: uppercase;
    font-style: normal;
    color: #000;
    font-weight: 600;
}

.children li {
    padding-left: 60px;
    background: url(images/comments_sub.png) 30px 20px no-repeat
}

.children .comment-text {
    width: 270px
}

.children .children .comment-text {
    width: 210px
}


/*-----------------------------------*/


/* Comment form */


/*-----------------------------------*/

.add-comment {
    margin: 10px 0 0 0;
    position: relative;
    padding-right: 28px
}

.comment-form .row {
    padding: 9px 0;
    position: relative;
    margin-right: 10px
}

.field_select {
    z-index: 2
}

.field_text {
    z-index: 1
}

.comment-form .row.omega {
    margin-right: 0
}

.comment-form .row .label_title {
    line-height: 18px;
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
    color: #3f4b56;
}

.comment-form .row .label_title strong {
    font-weight: normal;
}

.ie7 .comment-form .inputtext {
    float: left;
}

.comment-form .inputtext,
.comment-form .textarea,
.comment-form .select_styled,
#topm-select {
    font-size: 13px;
    line-height: 16px;
    height: 16px;
    width: 240px;
    margin: 3px 0;
}

#topm-select {
    width: 240px;
    height: 32px;
    font-size: 14px;
    padding: 5px;
    margin: 0 0 0 30px;
    background: url(images/mobile/nav_icon.png) 0 3px no-repeat #fff;
    padding-left: 45px
}

#topm-select option {
    padding: 3px 0;
    text-indent: 5px;
}

.comment-form .field_name input,
.contact_form .field_name input {
    background: url(images/icons/field_icons.png) 0 -33px no-repeat;
    text-indent: 40px;
}

.comment-form .field_email input,
.contact_form .field_email input {
    background: url(images/icons/field_icons.png) 0 7px no-repeat;
    text-indent: 40px;
}

.comment-form .field_message textarea,
.contact_form .field_message textarea {
    background: url(images/icons/icon_comments.png) 500px 10px no-repeat
}

.comment-form .field_message textarea:focus,
.contact_form .field_message textarea:focus {
    background: none
}

.comment-form .rowRadio,
.comment-form .rowCheckbox {
    width: 260px
}

.comment-form .input_styled .label_title {
    margin-bottom: 10px
}

.comment-form .select_styled {
    height: 34px;
    width: 280px;
    /* +2px bc of borders */
}

.comment-form .select_styled option {
    font-size: 13px;
    padding: 9px 0;
    text-indent: 5px
}

.comment-form .textarea {
    width: 512px;
    height: 100px;
    overflow: auto;
    resize: vertical
}

.comment-form .rowSubmit {
    padding: 15px 0;
    position: relative;
    text-align: left;
    margin-right: 0
}

.btn-submit,
input.btn-submit {
    cursor: pointer;
    *overflow: visible;
    height: 42px;
    display: inline-block;
    line-height: 42px;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    padding: 0 23px;
    margin: 10px 0 0 0;
    background: url(images/button_sprite.png) 0 0 repeat-x;
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 5px 4px 0px rgba(227, 193, 91, 0.75);
    box-shadow: 0px 5px 4px 0px rgba(227, 193, 91, 0.75);
    text-align: center;
    border: none
}

.ie7 .btn-submit,
.ie7 .btn-arrow,
.ie7 .btn_send {
    filter: chroma(color=#000000);
    border: none !important;
    text-align: center;
}

.link-reset {
    color: #f66e08;
    font-size: 13px;
    position: absolute;
    top: 35px;
    right: 10px
}

.link-reset:hover {
    text-decoration: underline;
}


/* contact form */

.contact_form .row {
    position: relative;
    padding: 6px 0;
    margin: 0
}

.contact_form .inputtext,
.contact_form .textarea {
    width: 340px
}

.contact_form .textarea {
    height: 90px;
    overflow: auto;
    resize: vertical;
    padding-right: 10px
}

.contact_form .field_message textarea {
    background: url(images/icons/icon_comments.png) 330px 10px no-repeat
}

.contact_form .rowSubmit {
    padding: 6px 0;
    position: relative;
}

.contact_form .rowSubmit input {
    margin: 0
}


/* box with sprite bg */

.box_sprite {
    position: relative;
    background: url(images/contact_form_bg.png) -20px 0;
    padding: 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(100, 100, 100, 0.20);
    box-shadow: 0px 5px 5px 0px rgba(100, 100, 100, 0.20);
    margin: 0 0 40px 0
}

.box_sprite_inner {
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    min-height: 350px;
}

.box_sprite .col_left,
.box_sprite .col_right {
    float: left;
    width: 363px;
    margin: 20px 0;
    padding: 0 25px
}

.box_sprite .col_left {
    background: url(images/dot_line_vertical.png) right repeat-y
}

.box_sprite .col_right h2 {
    margin: 5px 0
}

.box_sprite .subtitle {
    font-family: 'Roboto Slab', serif;
    color: #a29e02;
    font-size: 15px;
    font-weight: 300;
}


/* contact info */

.contact_info {
    border-top: 1px solid #e5e4b8;
    margin: 20px 0 0 0;
    padding: 15px 0 0 0;
    color: #606060;
    font-size: 15px;
}

.contact_info .row {
    position: relative;
    padding: 6px 0 6px 28px;
}

.contact_info .row em {
    font-style: normal;
    font-weight: bold;
    color: #363636;
    margin-right: 3px
}

.contact_info .row a {
    color: #39b4ed
}

.contact_info .row a:hover {
    color: #f86625
}

.contact_info .address {
    background: url(images/icons/icon_location.png) 0 10px no-repeat
}

.contact_info .phone {
    background: url(images/icons/icon_phone.png) 0 6px no-repeat
}

.contact_info .mail {
    background: url(images/icons/icon_mail.png) 0px 8px no-repeat
}

.contact_info .fax {
    background: url(images/icons/icon_fax.png) 0px 7px no-repeat
}


/* location_map */

.location_map {
    padding-top: 5px
}

.gmap {
    background: #fff;
    border: 1px solid #eeefef;
    padding: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(100, 100, 100, 0.40);
    box-shadow: 0px 5px 10px 0px rgba(100, 100, 100, 0.40);
}

#gmap {
    position: relative;
    width: 100%;
    height: 430px;
}

.gmap img,
.content .map img,
.map img {
    max-width: none !important
}


/*===================================================*/


/* 7. GALLERY */


/*===================================================*/

.gallery_item {
    float: left;
    margin: 0 7px 7px 0;
    width: 274px;
}

.gallery_item.kdap {
    float: left;
    margin: 0 7px 7px;
    width: 238px;
}

.gallery_item.every_2nd {}

.gallery_item.every_3rd {
    margin-right: 0
}

.gallery_item a {
    display: block;
    position: relative;
}

.gallery_item img {
    z-index: 1;
    webkit-box-shadow: 0px 7px 10px -7px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 7px 10px -7px rgba(0, 0, 0, 0.3);
}

.gallery_item a span {
    display: none;
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 2;
    width: 260px;
    height: 195px;
    background: url(images/zoom_bg.png) center center no-repeat
}

.gallery_item.kdap a span {
    display: none;
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 2;
    width: 238px;
    height: 182px;
    background: url(images/zoom_bg.png) center center no-repeat
}

.gallery_item a:hover span {
    display: block;
}

.filter {
    position: absolute;
    right: 155px;
    top: 24px;
}

.filter a {
    display: inline-block;
    background: url(images/filter_icon.png) 0 0 no-repeat;
    line-height: 26px;
    padding-left: 27px;
    color: #aeaeae;
    font-family: 'Roboto Slab', serif;
    font-size: 19px;
    margin-left: 15px
}

.filter a.current {
    background-position: 0 -26px;
    color: #f97f39
}

.filter a:hover {
    color: #f97f39
}


/*-----------------------------------*/


/* non-semantic helper classes */


/*-----------------------------------*/


/* For image replacement */

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0;
}

.ir br {
    display: none;
}

.hidden {
    display: none !important;
    visibility: hidden
}

.invisible {
    visibility: hidden;
}


/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


/*-----------------------------------*/


/* Print styles */


/*-----------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    /* Black prints faster: h5bp.com/s */
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}

.valid {
    border: 1px solid #70A41B!important;
    overflow: hide;
}


/*#70A41B*/

.error {
    overflow: hide;
    border: 1px solid red!important;
}