/*
Theme Name: wuhanhs.cn
Theme URI:
Author: wuhanhs.cn
Author URI:
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
*/


/* ----------------------
Stylesheet Guide
-------------------------

FONTS
GENERAL STYLES
GRID
MAIN MENU
TEXT ROTATOR
PAGE STRUCTURE
NEWS
COMMENTS
SIDEBAR
FORMS
FOOTER
WIDGETS
SOCIAL ICONS
BACK TO TOP BUTTON
WORDPRESS
TRANSPARENT COLORS
MEDIA

*/


/* ================= FONTS ================== */

@font-face
{
    font-family: ralewaybold;
    font-weight: normal;
    font-style: normal;

    src: url('fonts/raleway-bold-webfont.eot');
    src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-bold-webfont.woff') format('woff'), url('fonts/raleway-bold-webfont.ttf') format('truetype'), url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
}

@font-face
{
    font-family: ralewayregular;
    font-weight: normal;
    font-style: normal;

    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-regular-webfont.woff') format('woff'), url('fonts/raleway-regular-webfont.ttf') format('truetype'), url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
.slidetext,
.button,
.testimonial-name,
.readmore-button,
.resp-tabs-list li,
.ns_nerveSlider .ns_slideContent div span,
.slidetext
{
    font-weight: normal;
}

body,
p,
.nav-buttons span,
.nav,
.testimonial-name span
{
    font-weight: normal;
}


/* ================= GENERAL STYLES ================== */

html,
body
{
    margin: 0;
    padding: 0;
}

body
{
    -webkit-overflow-scrolling: touch;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    line-height: 1.3;

    margin-top: 0;
    margin-bottom: .5em;
}

.show
{
    display: block !important;
}

.hide
{
    display: none !important;
}

.clear
{
    clear: both;
}

.clr
{
    clear: both;
}

p
{
    line-height: 1.5;

    margin-top: 0;
    margin-bottom: 30px;

    word-spacing: .2em;
}

p:last-child
{
    margin-bottom: 0;
}

a
{
    -webkit-transition: color .2s ease-in-out;
       -moz-transition: color .2s ease-in-out;
        -ms-transition: color .2s ease-in-out;
         -o-transition: color .2s ease-in-out;
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
}

strong
{
    letter-spacing: .01em;
}

hr
{
    clear: both;

    width: auto;
    height: 1px;
    margin-top: 40px;
    margin-right: 0;
    margin-bottom: 40px;
    margin-left: 0;

    border: none;
    outline: none;
}

dl
{
    line-height: 1.5;
}

select
{
    padding: 5px;
}

table
{
    font-size: 14px;
    line-height: 2;

    width: 100%;
    margin: 0 0 40px;

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

.flex-img
{
    margin-bottom: 30px;
}

.flex-img img
{
    width: 100%;
    height: auto;

    vertical-align: bottom;
}

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

blockquote
{
    position: relative;

    margin: 30px 0;
    padding: 40px 40px 40px 100px;
}

blockquote:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 61px;
    height: 100%;
    margin: 0;

    content: '';
    text-align: center;
}

blockquote:after
{
    font-size: 100px;
    font-style: normal;
    line-height: 1;

    position: absolute;
    z-index: 2;
    top: 50%;
    left: 17px;

    margin: -20px 0 0 0;

    content: '"';
    text-align: center;
}

blockquote p
{
    line-height: 1.5;

    display: inline;

    margin: 0;
}

blockquote cite
{
    font-weight: 700;
    font-style: normal;
    line-height: 1.5;

    display: block;

    margin-top: 15px;

    text-align: right;
}

blockquote cite:before
{
    content: '— ';
}

blockquote,
i,
em
{
    font-style: italic;
}

label
{
    font-weight: 700;
    line-height: 1;

    display: block;

    margin-bottom: 20px !important;
}

.label
{
    display: inline-block;

    padding: 10px 15px 10px 15px;
}

.ext-link,
.ext-link img
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 100% !important;
    height: auto !important;

    border-radius: 0 !important;
    outline: 0 !important;

    -webkit-backface-visibility: hidden;
}

.ext-link img
{
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
}

.ext-link img:hover
{
    -webkit-transform: scale(1.4) rotate(5deg);
        -ms-transform: scale(1.4) rotate(5deg);
            transform: scale(1.4) rotate(5deg);
}


/* ================= GRID ================== */

.grid,
.unit
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

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

.grid .unit
{
    float: left;

    width: 100%;
    padding: 20px;
}

.grid .unit:first-child
{
    padding-left: 20px;
}

.grid .unit:last-child
{
    padding-right: 20px;
}

.unit .unit:first-child
{
    padding-left: 0;
}

.unit .unit:last-child
{
    padding-right: 0;
}

.unit .grid:first-child > .unit
{
    padding-top: 0;
}

.unit .grid:last-child > .unit
{
    padding-bottom: 0;
}

.no-gutters .unit,
.unit.no-gutters
{
    padding: 0 !important;
}

.wrap .grid,
.grid.wrap
{
    max-width: 978px;
    margin: 0 auto;
}

.grid .whole,
.grid .w-1-1
{
    width: 100%;
}

.grid .half,
.grid .w-1-2
{
    width: 50%;
}

.grid .one-third,
.grid .w-1-3
{
    width: 33.3332%;
}

.grid .two-thirds,
.grid .w-2-3
{
    width: 66.6665%;
}

.grid .one-quarter,
.grid .w-1-4
{
    width: 25%;
}

.grid .three-quarters,
.grid .w-3-4
{
    width: 75%;
}

.grid .one-fifth,
.grid .w-1-5
{
    width: 20%;
}

.grid .two-fifths,
.grid .w-2-5
{
    width: 40%;
}

.grid .three-fifths,
.grid .w-3-5
{
    width: 60%;
}

.grid .four-fifths,
.grid .w-4-5
{
    width: 80%;
}

.grid .golden-small,
.grid .w-g-s
{
    width: 38.2716%;
}

.grid .golden-large,
.grid .w-g-l
{
    width: 61.7283%;
}

.grid
{
    *zoom: 1;
}

.grid:before,
.grid:after
{
    line-height: 0;

    display: table;

    content: '';
}

.grid:after
{
    clear: both;
}


/* ================= MAIN MENU  ================== */

.logo
{
    float: left;

    margin-right: 15px;
}

.logo h1
{
    line-height: 120px;

    margin: 0 !important;
    padding: 0 !important;

    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}

.logo img
{
    width: auto;
    max-width: 100%;
    max-height: 120px;
    margin: 0;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;

    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
    vertical-align: bottom;
    vertical-align: middle;
}

.logo a
{
    outline: none !important;
}

.nav-container
{
    z-index: 9999;
    top: 0;

    width: 100%;
    padding: 10px 0;

    pointer-events: none;
}

.nav-container-inner
{
    position: relative;

    max-width: 1200px;
    margin: 0 auto;

    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
}

.toggleMenu
{
    font-weight: 700;

    z-index: 9;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    margin: 0;
    padding: 15px 40px 15px 15px;

    list-style: none;

    outline: none !important;
    background-image: url('images/nav-toggle.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

.toggleMenu:hover
{
    text-decoration: none;
}

#nav
{
    float: right;
}

.nav
{
    z-index: 9999;

    float: right;

    margin: 0;
    padding: 0;

    list-style: none;

    *zoom: 1;
}

.nav ul
{
    line-height: 40px;

    z-index: 99999;

    margin: 0;
    padding: 0;

    list-style: none;
}

.nav a
{
    padding: 5px 15px;

    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    text-decoration: none;

    outline: none !important;
}

.nav ul li a
{
    padding: 5px 20px 5px 20px;
}

.nav li
{
    position: relative;
}

.nav > li
{
    float: left;
}

.nav > li > a
{
    display: block;
}

.nav li ul
{
    position: absolute;
    left: -9999px;
}

.nav > li.hover > ul
{
    left: 0;
}

.nav li li.hover ul
{
    top: 0;
    left: 100%;

    padding-top: 0;
}

.nav li li a
{
    position: relative;
    z-index: 100;

    display: block;

    border-bottom: none;
}

.nav li li li a
{
    z-index: 200;
}

.nav li li a:hover,
.nav li li li a:hover
{
    border-bottom: none;
}


/*.f-nav > .nav-container-inner > .logo {
    height: 70px;
}
.f-nav > .nav-container-inner > .logo h1{
    line-height: 70px;
}
.f-nav > .nav-container-inner >.logo img {
    max-height: 70px;
}*/

.f-nav
{
    opacity: .9;
}

.f-nav .nav
{
    /*line-height: 60px;*/
}

.f-nav .nav a
{
    padding-top: 15px;
}

.nav .iclflag
{
    margin-right: 10px !important;
}


/* ================= TEXT ROTATOR ================== */

.morphext > span
{
    display: none;
}

.morphext > .animated
{
    display: inline-block;
}


/* ================= PAGE STRUCTURE ================== */

#site-container
{
    position: relative;
}

.page-block
{
    position: relative;

    overflow: hidden;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0 auto;
    padding: 10px;
}

.page-block-large
{
    position: relative;

    overflow: hidden;

    width: 100%;
    max-width: 1600px;
    margin: 0 auto 0 auto;
    padding: 10px;
}

.page-title
{
    position: relative;

    overflow: hidden;

    width: 100%;
    padding: 350px 0 0 0;
}

.page-title-inner
{
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;

    text-align: center;
}

.page-title h1
{
    z-index: 9;

    display: block;

    margin: 0;
    padding: 40px;

    -ms-word-wrap: break-word;
        word-wrap: break-word;
}

.page-title h1::after
{
    display: block;

    width: 150px;
    height: 3px;
    margin: 0 auto;
    margin-top: 20px;

    content: ' ';

    background: #8bb8d0;
}

.map-container
{
    position: relative;
    z-index: 1;

    overflow: hidden;

    width: 100%;
    padding: 0;
}

.map-title-inner
{
    z-index: 1;

    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin: -120px auto 0 auto;
}

.map-container h1
{
    z-index: 9;

    display: block;

    margin: 0;
    padding: 40px;
}


/* ================= NEWS ================== */

.blogcontainer
{
    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;
    margin: 0 0 40px 0;
    padding: 0;

    vertical-align: bottom;
}

.blogcontainer:last-child
{
    margin-bottom: 0;
}

.blogcontainer h4
{
    margin-bottom: 15px;
}

.blogcontainer p
{
    margin-bottom: 15px;
}

.blogcontainer p.postdate
{
    font-style: italic;
    line-height: 1;

    margin: 0;
}

.blogcontainer .button
{
    margin: 0;
}

.postcontent
{
    position: relative;

    float: right;

    width: 61.8%;
    padding: 40px;
}

.postcontent p
{
    margin: 0 !important;
}

.postcontent.withoutfimage
{
    width: 100% !important;
}

.blogimage
{
    position: absolute;
    top: 0;
    left: 0;

    width: 38.2%;
    height: 100%;

    vertical-align: bottom;
}

.blogimage a
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: opacity .4s ease-in-out;
       -moz-transition: opacity .4s ease-in-out;
        -ms-transition: opacity .4s ease-in-out;
         -o-transition: opacity .4s ease-in-out;
            transition: opacity .4s ease-in-out;
    vertical-align: bottom;

    opacity: 0;
    background-image: url('images/link.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.blogimage a:hover
{
    opacity: .9;
}

.blogpager
{
    position: relative;

    display: inline-block;

    width: 100%;
    margin: 0;

    vertical-align: bottom;
}

.blogpager .button
{
    margin: 0 !important;
}

.previous
{
    float: left;

    width: 50%;
    padding: 0;
}

.next
{
    float: right;

    width: 50%;
    padding: 0;

    text-align: right;
}

.featured-image-date
{
    margin-top: -20px;
    margin-right: -20px;
    margin-bottom: 20px;
    margin-left: -20px;
    padding: 20px 40px;
}

.featured-image-date p
{
    margin: 0;
    padding-left: 35px;

    background-image: url('images/date.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.blogmetadata
{
    margin: 0 0 30px 0;
    padding: 40px;
}

.blogmetadata p
{
    margin-bottom: 0;
}

.blogmetadata a:hover
{
    text-decoration: none;
}


/* ================= COMMENTS ================== */

.comments_block
{
    margin-bottom: -30px;
}

.comments
{
    margin-top: 30px;
    margin-bottom: 0;
}

.comments p
{
    margin-bottom: 40px !important;
}

.comments .meta
{
    font-weight: 700;

    margin-bottom: 10px !important;
}

.comments_content
{
    position: relative;

    padding-top: 10px;
}

.commentlist,
.comments_block .children
{
    margin: 0;
    padding: 0 !important;

    list-style: none !important;
}

.comments_block .children li
{
    padding-left: 60px;

    background-image: url(images/reply.png);
    background-repeat: no-repeat;
    background-position: left 10px;
}

.comments_block .children li ul li
{
    padding-left: 0;

    background-image: none;
}

.comments_block .fn
{
    font-style: normal;
}

.form-allowed-tags
{
    font-size: 11px;
}


/* ================= SIDEBAR ================== */

.sidebar-box
{
    position: relative;

    margin-bottom: 5px;
}

.sidebar-box:last-child
{
    margin-bottom: 0;
}

.sidebar-list li a
{
    -webkit-transition: opacity .2s ease-in-out;
       -moz-transition: opacity .2s ease-in-out;
        -ms-transition: opacity .2s ease-in-out;
         -o-transition: opacity .2s ease-in-out;
}

.sidebar-list
{
    margin: 0;
    padding: 0;

    list-style: none;

    vertical-align: bottom;
}

.sidebar-list li
{
    margin-bottom: 12px;
    padding-bottom: 12px;
    padding-left: 0;
}

.sidebar-list li:last-child
{
    margin-bottom: 0;
    padding-bottom: 0;

    border-bottom: none;
}

.sidebar-list li a:hover
{
    text-decoration: none;
}

.sidebartabs .resp-tab-content
{
    padding: 20px;
}

.sidebartabs .resp-tabs-container img
{
    float: left;

    width: 60px;
    height: auto;
    margin-right: 20px;
}

.tab-posts
{
    display: inline-block;

    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;
}

.tab-posts li
{
    float: left;

    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}

.tab-posts li:last-child
{
    margin: 0;
}

.tab-posts li img
{
    -webkit-transition: opacity .2s ease-in-out;
       -moz-transition: opacity .2s ease-in-out;
        -ms-transition: opacity .2s ease-in-out;
         -o-transition: opacity .2s ease-in-out;
}

.tab-posts li img:hover
{
    opacity: .7;
}

.tab-post-title
{
    font-weight: 700;

    display: inline-block;

    margin-top: 5px;

    -ms-word-wrap: break-word;
        word-wrap: break-word;
}

.tab-post-date
{
    font-size: 13px;

    margin-top: 10px;
    margin-bottom: 0;
}


/* ================= FORMS ================== */

.form-box
{
    margin-top: 40px;
}

input,
textarea
{
    display: block;

    width: 100%;
    margin: 0 0 40px 0;
    padding: 15px;

    -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;
    letter-spacing: .01em;
    word-spacing: .1em;

    -webkit-border-radius: 0 !important;
       -moz-border-radius: 0 !important;
            border-radius: 0 !important;
}

input[type='checkbox'],
input[type='radio']
{
    width: auto;
    margin: 5px 0;
    padding: 0;
}

.comment-form input
{
    max-width: 640px;
}

input:focus,
textarea:focus,
select:focus
{
    outline: none !important;
}

input[type='submit']
{
    margin-top: 15px;
}

textarea
{
    height: 100px;
    margin-bottom: 25px !important;
}

.button,
.next a,
.previous a,
input[type='submit']
{
    font-family: 'OpenSans-Bold', Arial;
    font-size: 20px;
    line-height: 1;

    position: relative;

    display: inline-block;

    width: auto;
    margin: 0;
    padding: 10px 30px 10px 30px;

    cursor: pointer;
    -webkit-transition: background-color .2s ease-in-out;
       -moz-transition: background-color .2s ease-in-out;
         -o-transition: background-color .2s ease-in-out;
            transition: background-color .2s ease-in-out;
    text-align: center;
    text-decoration: none !important;
    letter-spacing: .01em;
    word-spacing: .1em;

    border: none !important;
    border-radius: 40px;
    outline: none;
}

.searchbox .button
{
    height: 50px;

    -webkit-border-radius: 0 !important;
       -moz-border-radius: 0 !important;
            border-radius: 0 !important;
}

.searchbox
{
    position: relative;

    display: inline-block;

    width: 100% !important;
}

.searchbox input[type='text'].searchtext
{
    float: left;

    width: 70% !important;
    height: 50px;
    margin: 0;
}

.searchbox .button
{
    position: absolute;
    top: 0;

    float: right;

    width: 30% !important;
    margin: 0;
    margin-left: -1px;
}


/* ================= CONTACT FORM 7 ================== */

div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors
{
    margin: 30px 0 0 0;
    padding: 20px;

    border-width: 0 0 0 3px !important;
}

span.wpcf7-not-valid-tip
{
    margin-top: -25px;
}

.wpcf7-form p
{
    margin: 0;
}

.wpcf7-form select
{
    margin-bottom: 30px;
    padding: 15px;
}

.wpcf7-form-control
{
    width: 100%;
}


/* ================= FOOTER ================== */

#footer
{
    position: relative;

    overflow: hidden;

    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;

    vertical-align: bottom;
}

#footer-widgets
{
    padding: 40px 0;
}

#footer-widgets p
{
    margin-bottom: 24px;
}

#footer-widgets p:last-child
{
    margin-bottom: 0;
}

#footer-widgets p,
.footer-widget li a
{
    -webkit-transition: opacity .2s ease-in-out;
       -moz-transition: opacity .2s ease-in-out;
        -ms-transition: opacity .2s ease-in-out;
         -o-transition: opacity .2s ease-in-out;

    opacity: 1;
}

#lang_sel ul li a
{
    opacity: 1 !important;
}


/* ================= WIDGETS ================== */

.widget_recent_entries ul,
.widget_categories ul,
.widget_recent_comments ul,
.widget_pages ul,
.widget_meta ul,
.widget_archive ul,
.widget_recent-posts ul,
.widget_rss ul,
#recentcomments
{
    margin: 0;
    padding: 0 0 14px 0;

    list-style: none;
}

.widget_recent_entries ul li,
.widget_categories ul li,
.widget_recent_comments ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_archive ul li,
.widget_rss ul li,
.widget_recent-posts ul li,
.recentcomments
{
    margin-bottom: 12px;
    padding-bottom: 12px;
    padding-left: 0;
}

.widget_recent_entries ul li:last-child,
.widget_categories ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_pages ul li:last-child,
.widget_meta ul li:last-child,
.widget_archive ul li:last-child,
.widget_rss ul li:last-child,
.recentcomments:last-child,
.widget_recent-posts ul li:last-child
{
    margin-bottom: 0;
    padding-bottom: 0;

    border-bottom: none !important;
}

.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_archive ul li a:hover,
.widget_rss ul li a:hover,
.widget_recent-posts ul li a:hover,
.recentcomments a:hover
{
    text-decoration: none;

    opacity: 1;
}

.widget_nav_menu ul
{
    margin: 10px 0 0 0;
    padding: 0;

    list-style: none;
}

.widget_nav_menu ul li
{
    display: inline-block;

    padding:  10px 25px 0px 0;

    border: none !important;
}

.widget_nav_menu ul ul
{
    padding: 0 0 0 15px;
}

.tags-container
{
    position: relative;

    display: inline-block;
}

.footer-info
{
    position: relative;

    display: inline-block;

    width: 100%;
    margin: 0;
    padding: 10px 40px;

    vertical-align: bottom;
}

.credits
{
    font-size: 11px;
    line-height: 32px;

    width: 100%;
    margin: 0;
    padding: 0;

    opacity: 1;
}

.credits a
{
    color: #fff;
}

.credits a:hover
{
    text-decoration: underline;

    color: #fff;
}

.credit-link-container
{
    text-align: right;
}

.tagcloud a
{
    float: left;

    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 7px 5px 7px;

    -webkit-transition: background-color .2s ease-in-out;
       -moz-transition: background-color .2s ease-in-out;
        -ms-transition: background-color .2s ease-in-out;
         -o-transition: background-color .2s ease-in-out;

    opacity: .5;
}

.page-block .tagcloud a
{
    opacity: 1;
    border: none !important;
}

.tagcloud a:hover
{
    text-decoration: none;

    opacity: 1;
}

.tagcloud:after
{
    display: block;
    clear: both;

    content: '';
}

.sidebar-tags .tagcloud a
{
    opacity: 1;
    border-left: none !important;
}


/* calendar widget */

#wp-calendar
{
    width: 100%;
    margin-bottom: -20px !important;
}

#footer-widgets #wp-calendar
{
    opacity: .5;
}

#wp-calendar caption
{
    font-size: 12px;

    margin-top: 10px;
    margin-bottom: 15px;

    text-align: right;
}

#wp-calendar thead
{
    font-size: 10px;
}

#wp-calendar thead th
{
    padding-bottom: 10px;
}

#wp-calendar tbody td
{
    padding: 8px;

    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
    text-align: center;
}

#wp-calendar tbody td a
{
    text-decoration: underline;
}

#wp-calendar tbody .pad
{
    background: none;
}

#wp-calendar tfoot #next
{
    font-size: 10px;

    text-align: right;
    text-transform: uppercase;
}

#wp-calendar tfoot #prev
{
    font-size: 10px;

    padding-top: 10px;

    text-transform: uppercase;
}


/* ================= SOCIAL ICONS ================== */

.social-icons
{
    display: inline-block;
    float: right;

    margin: 0;
    padding: 0;

    list-style-type: none;
}

.social-icons li
{
    line-height: 32px;

    display: block;
    float: left;

    margin: 0 0 0 15px;
    padding: 0;
}

.social-icons li img
{
    width: 15px;
    height: auto;

    vertical-align: middle;

    opacity: .5;
}

.social-icons li img:hover
{
    opacity: 1;
}

.social-icon
{
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}

.social-icon:hover
{
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
}


/* ================= BACK TO TOP BUTTON ================== */

.back-to-top
{
    position: fixed;
    right: 5px;
    bottom: 0;

    display: none;

    width: 60px;
    height: 60px;

    -webkit-transition: background .2s ease-in-out;
       -moz-transition: background .2s ease-in-out;
        -ms-transition: background .2s ease-in-out;
         -o-transition: background .2s ease-in-out;
            transition: background .2s ease-in-out;

    background-image: url('images/gototop.png');
    background-repeat: no-repeat;
    background-position: center center;
}


/* ================= WORDPRESS ================== */

.alignleft
{
    float: left;
}

.alignright
{
    float: right;
}

.aligncenter
{
    display: block;

    margin-right: auto;
    margin-left: auto;
}

img.alignleft
{
    margin: 0 30px 40px 0;
}

img.alignright
{
    margin: 0 0 40px 30px;
}

img.aligncenter
{
    margin-bottom: 40px;
}

img.alignnone
{
    float: none;
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image,
img.alignnone,
img.alignright,
img.aligncenter,
img.alignleft
{
    max-width: 100% !important;
    height: auto;
}

.wp-caption
{
    max-width: 100% !important;
    margin-bottom: 30px;
}

.wp-caption img
{
    max-width: 100% !important;
    margin-bottom: 30px;
}

.wp-caption-text
{
    margin-top: -20px;
}





.sticky p
{
    font-weight: bold;
}

.message
{
    margin-top: 21px;
}

.form-allowed-tags
{
    font-size: 12px;
}

.leftcontainer-inner select,
#footer select
{
    max-width: 100% !important;
    padding: 5px !important;
}

.post-password-form
{
    margin-bottom: 30px;
}

.gallery-item img
{
    margin-bottom: 30px;
}

.wp-audio-shortcode
{
    margin-bottom: 30px;
}

embed,
iframe
{
    max-width: 100%;
}


/* ================= TRANSPARENT COLORS ================== */

#footer-widgets .widget_recent_entries ul li,
#footer-widgets .widget_categories ul li,
#footer-widgets .widget_recent_comments ul li,
#footer-widgets .widget_pages ul li,
#footer-widgets .widget_meta ul li,
#footer-widgets .widget_archive ul li,
#footer-widgets .widget_rss ul li
{
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

#footer-widgets hr
{
    background-color: rgba(255, 255, 255, .05);
}

.tagcloud a
{
    border-left: 3px solid rgba(255, 255, 255, .1);
    background-color: rgba(255, 255, 255, .1);
}

.slide-bg
{
    background-color: rgba(255, 255, 255, .7);
}

#caroufredsel-main-wrapper .block
{
    background-color: rgba(255, 255, 255, .7);
}

.toggleMenu
{
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.nav li li a:hover,
.nav li li li a:hover
{
    background-color: rgba(255, 255, 255, .3);
}

#footer-widgets
{
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.footer-widget .flickr-box li img
{
    border: 3px solid rgba(255, 255, 255, .1);
}


/* ================= MEDIA ================== */

@media only screen and (max-width: 1240px)
{
    .page-title h1
    {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1200px)
{
    #caroufredsel-main-wrapper .slidetext
    {
        right: 0 !important;

        opacity: .9 !important;
    }
}

@media only screen and (max-width: 900px)
{
    .grid .unit
    {
        width: 100% !important;
    }
    #site-container
    {
        border-top: none !important;
    }
    .logo h1
    {
        line-height: 1.5 !important;
    }
    .nav-container
    {
        position: relative;
        z-index: inherit;
    }
    .nav
    {
        background-color: rgba(255, 255, 255, .1);
    }
    .nav > li
    {
        float: none;
    }
    .nav > li > .parent
    {
        background-image: url('images/downArrow.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav li li .parent
    {
        background-image: url('images/downArrow.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav li li .parent:hover
    {
        background-image: url('images/downArrow.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav
    {
        line-height: 40px;

        float: none;

        padding-right: 0;
    }
    .nav ul li:first-child
    {
        margin-top: 0;
    }
    .nav ul li:last-child
    {
        margin-bottom: 0;
    }
    .nav ul
    {
        display: block;

        width: 100%;
    }
    .nav > li.hover > ul,
    .nav li li.hover ul
    {
        position: static;
    }
    .nav > li > a:hover
    {
        background-color: inherit;
    }
    .nav a,
    .nav ul li a
    {
        padding: 5px 40px;
    }
    .maincontainer
    {
        padding-top: 60px;
    }
    .footer-widget
    {
        float: none;

        width: 100%;
        padding: 0 0 60px 0;
    }
}

@media (max-width: 768px)
{
    h1
    {
        font-size: 34px;
    }
    h2
    {
        font-size: 30px;
    }
    h3
    {
        font-size: 26px;
    }
    h4
    {
        font-size: 22px;
    }
    h5
    {
        font-size: 18px;
    }
    h6
    {
        font-size: 16px;
    }
    blockquote
    {
        padding-left: 40px;
    }
    blockquote:before
    {
        width: 10px;
    }
    blockquote:after
    {
        content: '';
    }
    .postcontent,
    .gallerycontent
    {
        float: none;

        width: 100%;
    }
    .blogimage,
    .galleryimage
    {
        position: relative !important;

        width: 100%;
        height: 200px;
    }
    .credits,
    .credit-link-container
    {
        text-align: center;
    }
}

@media only screen and (max-width: 640px)
{
    .comments_block .children li
    {
        padding-left: 0;

        background-image: none;
    }
}

@media only screen and (max-width: 480px)
{
    .page-title
    {
        padding: 0 !important;
    }
    .comments p
    {
        margin-bottom: 40px !important;
    }
    .comments_content
    {
        padding-right: 0;
    }
    #menu-footer-menu{
        margin-bottom: 15px;
    }
}
/* antto_el */
.news-content p {
    font-size: 16px;
    color: #000;
}
.news-container {
    border-bottom: 1px solid #f2f2f2;
}
.col-sm-12:last-child .news-container{
    border-bottom: 0;
}
.news-more{
    display: inline-block;
    margin-top: 22px;
}
@media(max-width:770px){
.news-item-img,.news-item-info{
    padding: 0 10px;
}
.news-more{
    display: inline-block;
    float: right;
    margin-top: 0;
}
.news-excerpt{
    display: inline;
}
}
@media(max-width:414px){
.news-container{
    text-align: center;
}
.news-item-img{
    padding: 10px 10px;
}
.news-more{
    float: none;
    display: inline-block;
    margin-top: 10px;
}
}