/*
.content select {
    width: 100%;
}
*/
.post .content input[type=email], .post .content input[type=file], .post .content input[type=password], .post .content input[type=tel], .post .content input[type=text], .post .content select, .post .content textarea {
    box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, .1);
}
.post .content input[type=email], .post .content input[type=file], .post .content input[type=password], .post .content input[type=tel], .post .content input[type=text], .post .content select, .post .content textarea {
    border-color: silver;
}
.post .content input[type=email], .post .content input[type=file], .post .content input[type=password], .post .content input[type=tel], .post .content input[type=text], .post .content select, .post .content textarea {
    background-color: #fff;
}
.post .content input[type=email], .post .content input[type=file], .post .content input[type=password], .post .content input[type=tel], .post .content input[type=text], .post .content select, .post .content textarea {
    border-width: 1px;
}
input[type=email], input[type=file], input[type=password], input[type=tel], input[type=text], select, textarea {
    background-color: #fff;
    box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, .3);
}
.input-group input, .input-group select, .input-group textarea, .signup {
    width: 100%;
}
input[type=password], input[type=text], input[type=file], input[type=email], input[type=tel], select {
    margin-right: 5px;
    padding: 0 10px;
    width: 190px;
    height: 28px;
}
input[type=password], input[type=text], input[type=file], input[type=email], input[type=tel], select, textarea {
    border-width: 0;
    border-style: solid;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}
input, input[type=submit], select, textarea {
    color: #131313;
}
input, select, textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    border-radius: 4px;
    margin: 0;
    max-width: 100%;
}
a, input, select, textarea {
    vertical-align: baseline;
}

div.columns .column {
    float: left;
    margin-right: 1%;
}
.post .content h3 {
/*    font: normal 24px/100% Rokkitt;  */
    text-decoration: none;
}
.col-1-2 {
    width: 49%
}
.col-1-3 {
    width: 32%
}
.col-2-3 {
    width: 66%
}
.col-1-4 {
    width: 23.5%
}
.col-2-4 {
    width: 49%
}
.col-3-4 {
    width: 74.5%
}
.col-1-5 {
    width: 18.4%
}
.col-2-5 {
    width: 38.8%
}
.col-3-5 {
    width: 59.2%
}
.col-4-5 {
    width: 79.6%
}
.col-1-6 {
    width: 15%
}
.col-2-6 {
    width: 32%
}
.col-3-6 {
    width: 49%
}
.col-4-6 {
    width: 66%
}
.col-5-6 {
    width: 83%
}
.col-1-7 {
    width: 12.57%
}
.col-2-7 {
    width: 27.14%
}
.col-3-7 {
    width: 41.71%
}
.col-4-7 {
    width: 56.29%
}
.col-5-7 {
    width: 70.86%
}
.col-6-7 {
    width: 85.43%
}
.col-1-8 {
    width: 10.75%
}
.col-2-8 {
    width: 23.5%
}
.col-3-8 {
    width: 36.25%
}
.col-4-8 {
    width: 49%
}
.col-5-8 {
    width: 61.75%
}
.col-6-8 {
    width: 74.5%
}
.col-7-8 {
    width: 87.25%
}
.col-1-9 {
    width: 9.33%
}
.col-2-9 {
    width: 20.66%
}
.col-3-9 {
    width: 32%
}
.col-4-9 {
    width: 43.33%
}
.col-5-9 {
    width: 54.66%
}
.col-6-9 {
    width: 66%
}
.col-7-9 {
    width: 77.33%
}
.col-8-9 {
    width: 88.66%
}
.col-1-10 {
    width: 8.2%
}
.col-2-10 {
    width: 18.4%
}
.col-3-10 {
    width: 28.6%
}
.col-4-10 {
    width: 38.8%
}
.col-5-10 {
    width: 49%
}
.col-6-10 {
    width: 59.2%
}
.col-7-10 {
    width: 69.4%
}
.col-8-10 {
    width: 79.6%
}
.col-9-10 {
    width: 89.8%
}

div.columns .column>:first-child, div.frame>:first-child{
    margin-top: 0!important;
}
.column>:last-child {
    margin-bottom: 0!important;
}
ul {
    list-style-type: disc;
    margin-left: 14px;
}
ul.list {
    list-style: none;
    margin-left: 0;
}
ol, ul {
    list-style-position: inside;
}
.list{
    text-align: left;
    font-size: 13px; 
}
#content ul.list.alli>li {
    background-image: url(data/img/icons/16/alli.png)
}
#content ul.list>li,
#meta li{
    background-repeat: no-repeat
}
#content ul.list {
    list-style: none;
    margin-left: 0
}
#content ul.list ul.list {
    margin-left: 28px
}
#content ul.list>li {
    background-position: left 3px;
    padding-left: 20px
}
#content ul.list.address>li {
    background-image: url(data/img/icons/16/address.png)
}
#content ul.list.administrative-docs>li {
    background-image: url(data/img/icons/16/administrative-docs.png)
}
#content ul.list.advertising>li {
    background-image: url(data/img/icons/16/advertising.png)
}
#content ul.list.archives>li {
    background-image: url(data/img/icons/16/archives.png)
}
#content ul.list.attibutes>li {
    background-image: url(data/img/icons/16/attibutes.png)
}
#content ul.list.bank>li {
    background-image: url(data/img/icons/16/bank.png)
}
#content ul.list.basket>li {
    background-image: url(data/img/icons/16/basket.png)
}
#content ul.list.bestseller>li {
    background-image: url(data/img/icons/16/bestseller.png)
}
#content ul.list.billing>li {
    background-image: url(data/img/icons/16/billing.png)
}
#content ul.list.bookmark>li {
    background-image: url(data/img/icons/16/bookmark.png)
}
#content ul.list.brainstorming>li {
    background-image: url(data/img/icons/16/brainstorming.png)
}
#content ul.list.business-contact>li {
    background-image: url(data/img/icons/16/business-contact.png)
}
#content ul.list.busy>li {
    background-image: url(data/img/icons/16/busy.png)
}
#content ul.list.calendar>li {
    background-image: url(data/img/icons/16/calendar.png)
}
#content ul.list.category>li {
    background-image: url(data/img/icons/16/category.png)
}
#content ul.list.check>li {
    background-image: url(data/img/icons/16/check.png)
}
#content ul.list.collaboration>li {
    background-image: url(data/img/icons/16/collaboration.png)
}
#content ul.list.comment>li {
    background-image: url(data/img/icons/16/comment.png)
}
#content ul.list.communication>li {
    background-image: url(data/img/icons/16/communication.png)
}
#content ul.list.config>li {
    background-image: url(data/img/icons/16/config.png)
}
#content ul.list.consulting>li {
    background-image: url(data/img/icons/16/consulting.png)
}
#content ul.list.contact>li {
    background-image: url(data/img/icons/16/contact.png)
}
#content ul.list.cost>li {
    background-image: url(data/img/icons/16/cost.png)
}
#content ul.list.credit-card>li {
    background-image: url(data/img/icons/16/credit-card.png)
}
#content ul.list.credit>li {
    background-image: url(data/img/icons/16/credit.png)
}
#content ul.list.current-work>li {
    background-image: url(data/img/icons/16/current-work.png)
}
#content ul.list.customers>li {
    background-image: url(data/img/icons/16/customers.png)
}
#content ul.list.cv>li {
    background-image: url(data/img/icons/16/cv.png)
}
#content ul.list.database>li {
    background-image: url(data/img/icons/16/database.png)
}
#content ul.list.date>li {
    background-image: url(data/img/icons/16/date.png)
}
#content ul.list.delicious>li {
    background-image: url(data/img/icons/16/delicious.png)
}
#content ul.list.document-library>li {
    background-image: url(data/img/icons/16/document-library.png)
}
#content ul.list.donate>li {
    background-image: url(data/img/icons/16/donate.png)
}
#content ul.list.drawings>li {
    background-image: url(data/img/icons/16/drawings.png)
}
#content ul.list.edit>li {
    background-image: url(data/img/icons/16/edit.png)
}
#content ul.list.email>li {
    background-image: url(data/img/icons/16/email.png)
}
#content ul.list.featured>li {
    background-image: url(data/img/icons/16/featured.png)
}
#content ul.list.feed>li {
    background-image: url(data/img/icons/16/feed.png)
}
#content ul.list.finished-work>li {
    background-image: url(data/img/icons/16/finished-work.png)
}
#content ul.list.flag>li {
    background-image: url(data/img/icons/16/flag.png)
}
#content ul.list.folder>li {
    background-image: url(data/img/icons/16/folder.png)
}
#content ul.list.free-for-job>li {
    background-image: url(data/img/icons/16/free-for-job.png)
}
#content ul.list.freelance>li {
    background-image: url(data/img/icons/16/freelance.png)
}
#content ul.list.full-time>li {
    background-image: url(data/img/icons/16/full-time.png)
}
#content ul.list.future-projects>li {
    background-image: url(data/img/icons/16/future-projects.png)
}
#content ul.list.graphic-design>li {
    background-image: url(data/img/icons/16/graphic-design.png)
}
#content ul.list.heart>li {
    background-image: url(data/img/icons/16/heart.png)
}
#content ul.list.hire-me>li {
    background-image: url(data/img/icons/16/hire-me.png)
}
#content ul.list.home>li {
    background-image: url(data/img/icons/16/home.png)
}
#content ul.list.illustration>li {
    background-image: url(data/img/icons/16/illustration.png)
}
#content ul.list.invoice>li {
    background-image: url(data/img/icons/16/invoice.png)
}
#content ul.list.issue>li {
    background-image: url(data/img/icons/16/issue.png)
}
#content ul.list.library>li {
    background-image: url(data/img/icons/16/library.png)
}
#content ul.list.lightbulb>li {
    background-image: url(data/img/icons/16/lightbulb.png)
}
#content ul.list.limited-edition>li {
    background-image: url(data/img/icons/16/limited-edition.png)
}
#content ul.list.link>li {
    background-image: url(data/img/icons/16/link.png)
}
#content ul.list.lock>li {
    background-image: url(data/img/icons/16/lock.png)
}
#content ul.list.login>li {
    background-image: url(data/img/icons/16/login.png)
}
#content ul.list.logout>li {
    background-image: url(data/img/icons/16/logout.png)
}
#content ul.list.milestone>li {
    background-image: url(data/img/icons/16/milestone.png)
}
#content ul.list.my-account>li {
    background-image: url(data/img/icons/16/my-account.png)
}
#content ul.list.networking>li {
    background-image: url(data/img/icons/16/networking.png)
}
#content ul.list.old-versions>li {
    background-image: url(data/img/icons/16/old-versions.png)
}
#content ul.list.order>li {
    background-image: url(data/img/icons/16/order.png)
}
#content ul.list.order-check>li {
    background-image: url(data/img/icons/16/order-check.png)
}
#content ul.list.payment-card>li {
    background-image: url(data/img/icons/16/payment-card.png)
}
#content ul.list.paypal>li {
    background-image: url(data/img/icons/16/paypal.png)
}
#content ul.list.pen>li {
    background-image: url(data/img/icons/16/pen.png)
}
#content ul.list.pencil>li {
    background-image: url(data/img/icons/16/pencil.png)
}
#content ul.list.phone>li {
    background-image: url(data/img/icons/16/phone.png)
}
#content ul.list.photography>li {
    background-image: url(data/img/icons/16/photography.png)
}
#content ul.list.plus>li {
    background-image: url(data/img/icons/16/plus.png)
}
#content ul.list.premium>li {
    background-image: url(data/img/icons/16/premium.png)
}
#content ul.list.print>li {
    background-image: url(data/img/icons/16/print.png)
}
#content ul.list.process>li {
    background-image: url(data/img/icons/16/process.png)
}
#content ul.list.product-box>li {
    background-image: url(data/img/icons/16/product-box.png)
}
#content ul.list.product-design>li {
    background-image: url(data/img/icons/16/product-design.png)
}
#content ul.list.product>li {
    background-image: url(data/img/icons/16/product.png)
}
#content ul.list.project>li {
    background-image: url(data/img/icons/16/project.png)
}
#content ul.list.publish>li {
    background-image: url(data/img/icons/16/publish.png)
}
#content ul.list.refresh>li {
    background-image: url(data/img/icons/16/refresh.png)
}
#content ul.list.search>li {
    background-image: url(data/img/icons/16/search.png)
}
#content ul.list.settings>li {
    background-image: url(data/img/icons/16/settings.png)
}
#content ul.list.shipping>li {
    background-image: url(data/img/icons/16/shipping.png)
}
#content ul.list.showreel>li {
    background-image: url(data/img/icons/16/showreel.png)
}
#content ul.list.sign-in>li {
    background-image: url(data/img/icons/16/sign-in.png)
}
#content ul.list.sign-out>li {
    background-image: url(data/img/icons/16/sign-out.png)
}
#content ul.list.sign-up>li {
    background-image: url(data/img/icons/16/sign-up.png)
}
#content ul.list.sitemap>li {
    background-image: url(data/img/icons/16/sitemap.png)
}
#content ul.list.special-offer>li {
    background-image: url(data/img/icons/16/special-offer.png)
}
#content ul.list.star>li {
    background-image: url(data/img/icons/16/star.png)
}
#content ul.list.statistics>li {
    background-image: url(data/img/icons/16/statistics.png)
}
#content ul.list.suppliers>li {
    background-image: url(data/img/icons/16/suppliers.png)
}
#content ul.list.tag>li {
    background-image: url(data/img/icons/16/tag.png)
}
#content ul.list.ticket>li {
    background-image: url(data/img/icons/16/ticket.png)
}
#content ul.list.twitter>li {
    background-image: url(data/img/icons/16/twitter.png)
}
#content ul.list.upcoming-work>li {
    background-image: url(data/img/icons/16/upcoming-work.png)
}
#content ul.list.user>li {
    background-image: url(data/img/icons/16/user.png)
}
#content ul.list.world>li {
    background-image: url(data/img/icons/16/world.png)
}
#content ul.list.zoom>li {
    background-image: url(data/img/icons/16/zoom.png)
}
.frame.gray {
 /*   background-color: #e8e8e8;*/
}
.frame {
    border-radius: 4px;
    padding: 9px 14px;
}
.frame, ul.list>li {
    background-repeat: no-repeat;
}
h1, h2, h3, h4, h5, h6 {
  /*  font-family: Rokkitt, "Times New Roman";
    font-weight: 400;
    line-height: 1;
    margin: 11px 0;
	*/
}
.frame h4 , h4{
  /*  font: normal 22px/100% Rokkitt; */
    text-decoration: none;
	color: #c2272f;
}
.columns {
    margin: 20px 0px;
	display: block;
}
#content a{
    color: #5862aa;
    padding-bottom: 2px;
  /*  font-size: 15px;*/
}
#content a, #content a:hover, button:hover, .widget a:hover {
    border-color: #009688;
}
#content a:hover {
 /*   border-bottom-width: 1px;
    border-bottom-style: dotted;
	*/
    text-decoration: none;
}
#content li, #content ol ol, #content ol ul, #content ul ol, #content ul ul {
    margin-top: 6px;
}
.frame.green {
 /*   background-color: #c4fdb9;*/
 /*   background-color: #b9ac98bf;*/
}
.frame.orange {
 /*   background-color: #ffd987;*/
  /*  background-color: #b9ac98bf;*/
}
.frame.blue {
  /*  background-color: #adf7ed;*/
  /*  background-color: #b9ac98bf; */
}
.frame.gray {
  /*  background-color: #cff0ff;*/
  /*  background-color: #b9ac98bf; */
}


.frame h3 {
    background: #009688;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
}

.column.col-1-3 {
    width: 32.6%;
    /*background: #cac0b1;*/
}
.column.col-1-2 {
	  /*  background: #cac0b1; */
}

@media only screen and (min-width:740px) {
	.column.col-1-3 {
	/*min-height: 755px;*/
	}	
	.column.col-1-2 {
	/*min-height: 630px;*/
	}
}

p.member-desc {
    max-width: 240px;
    margin: 0 auto !important;
    padding-top: 15px;
}

.column.col-1-3 figure {
   /* width: auto !important;*/
}
.column.col-1-4 {
    width: 24.2%;
}
.signup {
    background-color: #ecedec;
    border: 1px solid silver;
    border-radius: 5px;
    text-align: center;
    padding: 7px 0;
}
.content select{
    border-radius: 4px;
    padding: 3px 5px;
    box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, .1);
}
@media only screen and (max-width: 739px){
    .content div.columns .column {
    /*    float: none!important;*/
        margin: 10px 0 0;
        width: 100%!important;
    }
}
.post, section.box {
    background-color: #fbfbfb;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .1);
    padding: 18px 25px;
}
.post div.columns .column>:first-child{
    margin-top: 0!important;
}
.input-group {
    padding: 0 12px 12px 0;
}
.post .content input[type=email], .post .content input[type=file], .post .content input[type=password], .post .content input[type=tel], .post .content input[type=text], .post .content textarea{
    box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, .1);
    border-color: silver;
    background-color: #fff;
    border-width: 1px;
    margin-right: 5px;
    padding: 0 10px;
    height: 28px;
    width: 100%;
}

.post .content textarea{
    height: auto;

}

.post {
    margin: 18px 0;
}
.input-icon {
    float: right;
    margin-right: 6px;
    margin-top: -20px;
    position: relative;
    z-index: 2;
}
.icheckbox_flat-red {
    background-position: 0 0;
}
.icheckbox_flat-red, .iradio_flat-red {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(../../../wp-includes/js/skins/flat/red.png) no-repeat;
    border: none;
    cursor: pointer;
}
.icheckbox_flat-red.checked {
    background-position: -22px 0;
}
.submit-login {
    width: 35%!important;
    float: left;
}
input[type=submit] {
    border-width: 1px;
    border-style: solid;
  /*  font: 400 25px/38px Rokkitt, "Times New Roman"; */
    cursor: pointer;
    padding: 0 14px;
    height: 40px;
    border-color: silver;
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #e9e9e9);
    background: -webkit-linear-gradient(top, #fff, #e9e9e9);
    background: -o-linear-gradient(top, #fff, #e9e9e9);
    background: -ms-linear-gradient(top, #fff, #e9e9e9);
    background: linear-gradient(top, #fff, #e9e9e9);
    color: #131313;
}
ul.mobile-toggle-nav-ul.container, ul.mobile-toggle-nav-ul.container ul {
    list-style: none;
}
.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /** Added by jeroen */
    border: 1px solid #CCC;
    padding: 10px;
    background: white;
    border-radius: 5px;
    box-shadow: 0px 0px 40px #000;

    max-height: 90%;
    overflow-y: auto;

}

.md-modal::-webkit-scrollbar {
    width: 5px;
}

/* Handle */
.md-modal::-webkit-scrollbar-thumb {
    background-color: #009688!important;
    border-radius: 5px;
}

.md-show {
    visibility: visible
}
.md-close {
    float: right;
    margin-left: 15px;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;

}
.md-content {
    color: #696969;
    background: #fff;
    border-radius: 3px;
    margin: 0 auto
}
.md-content h3 {
    margin: 0;
    display: inline
}
.md-content>div {
    margin: 0;
    font-weight: 300;
    font-size: 1.15em
}
.md-effect-1 .md-content {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.md-effect-2 .md-content {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -moz-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    transition: all .3s cubic-bezier(.25, .5, .5, .9)
}
.md-effect-3 .md-content,
.md-effect-7 .md-content {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}
.md-show.md-effect-2 .md-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}
.md-effect-3 .md-content {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    transition: all .3s
}
.md-show.md-effect-3 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}
.md-effect-4 .md-content {
    -webkit-transform: scale(0) rotate(720deg);
    -moz-transform: scale(0) rotate(720deg);
    -ms-transform: scale(0) rotate(720deg);
    transform: scale(0) rotate(720deg);
    opacity: 0
}
.md-effect-4 .md-content,
.md-show.md-effect-4~.md-overlay {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.md-show.md-effect-4 .md-content {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1
}
.md-effect-5.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}
.md-effect-6.md-modal,
.md-effect-8.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px
}
.md-effect-5 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
    -moz-transform: translateZ(600px) rotateX(20deg);
    -ms-transform: translateZ(600px) rotateX(20deg);
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0
}
.md-show.md-effect-5 .md-content {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translateZ(0) rotateX(0);
    -moz-transform: translateZ(0) rotateX(0);
    -ms-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0);
    opacity: 1
}
.md-effect-6.md-modal {
    perspective: 1300px
}
.md-effect-6 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
    -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
    -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
    transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0
}
.md-show.md-effect-6 .md-content {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translate(0) translateZ(0) rotate(0);
    -moz-transform: translate(0) translateZ(0) rotate(0);
    -ms-transform: translate(0) translateZ(0) rotate(0);
    transform: translate(0) translateZ(0) rotate(0);
    opacity: 1
}
.md-effect-7 {
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
.md-effect-7 .md-content {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    transition: all .3s;
    opacity: 0
}
.md-effect-8 .md-content,
.md-effect-9 .md-content {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}
.md-show.md-effect-7 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border-radius: 0 0 3px 3px;
    opacity: 1
}
.md-effect-8.md-modal {
    perspective: 1300px
}
.md-effect-10.md-modal,
.md-effect-9.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px
}
.md-effect-8 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    -moz-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    transition: all .3s;
    opacity: 0
}
.md-show.md-effect-8 .md-content {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1
}
.md-effect-9.md-modal {
    perspective: 1300px
}
.md-effect-9 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    -moz-transform: rotateX(-70deg);
    -ms-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    transition: all .3s;
    opacity: 0
}
.md-show.md-effect-9 .md-content {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1
}
.md-effect-10.md-modal {
    perspective: 1300px
}
.md-effect-13.md-modal,
.md-effect-14.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px
}
.md-effect-10 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    -moz-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.md-show.md-effect-10 .md-content {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1
}
.md-effect-11 .md-content {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.md-show.md-effect-11 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.md-effect-12 .md-content {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.md-show.md-effect-12~.md-overlay {
    background: #000
}
.md-show.md-effect-12 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.md-effect-13.md-modal {
    perspective: 1300px
}
.md-effect-13 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
    -moz-transform: translateZ(-3000px) rotateY(90deg);
    -ms-transform: translateZ(-3000px) rotateY(90deg);
    transform: translateZ(-3000px) rotateY(90deg);
    opacity: 0
}
.md-show.md-effect-13 .md-content {
    -webkit-animation: slit .7s forwards ease-out;
    -moz-animation: slit .7s forwards ease-out;
    animation: slit .7s forwards ease-out
}
@-webkit-keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}
@-moz-keyframes slit {
    50% {
        -moz-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}
@keyframes slit {
    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-in
    }
    100% {
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}
.md-effect-14.md-modal {
    perspective: 1300px
}
.md-effect-14 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateY(100%) rotateX(90deg);
    -moz-transform: translateY(100%) rotateX(90deg);
    -ms-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.md-show.md-effect-14 .md-content {
    -webkit-transform: translateY(0) rotateX(0);
    -moz-transform: translateY(0) rotateX(0);
    -ms-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    opacity: 1
}
.md-effect-15.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}
.md-effect-15 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.md-show.md-effect-15 .md-content {
    -webkit-transform: translateZ(0) translateX(0) rotateY(0);
    -moz-transform: translateZ(0) translateX(0) rotateY(0);
    -ms-transform: translateZ(0) translateX(0) rotateY(0);
    transform: translateZ(0) translateX(0) rotateY(0);
    opacity: 1
}
.md-show.md-effect-16~.md-overlay {
    background: rgba(180, 46, 32, .5)
}
.md-show.md-effect-16~.container {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px)
}
.md-effect-16 .md-content {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0
}
.md-effect-16 .md-content,
.md-show.md-effect-16~.container {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.md-show.md-effect-16 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}
.md-show.md-effect-17~.container {
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}
.md-show.md-effect-17~.container,
.md-show.md-effect-17~.md-overlay {
    -webkit-transform: rotateX(-2deg);
    -moz-transform: rotateX(-2deg);
    -ms-transform: rotateX(-2deg);
    transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.md-effect-17 .md-content {
    opacity: 0;
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%)
}
.md-show.md-effect-17 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .3s .2s;
    -moz-transition: all .3s .2s;
    transition: all .3s .2s
}
.md-show.md-effect-18~.container {
    height: 100%;
    overflow: hidden
}
.md-show.md-effect-18~.md-overlay {
    background: rgba(143, 27, 15, .8);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.md-show.md-effect-18~.container,
.md-show.md-effect-18~.md-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0 50%;
    -webkit-animation: rotateRightSideFirst .5s forwards ease-in;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 0 50%;
    -moz-animation: rotateRightSideFirst .5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 0 50%;
    animation: rotateRightSideFirst .5s forwards ease-in
}
@-webkit-keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: translateZ(-200px)
    }
}
@-moz-keyframes rotateRightSideFirst {
    50% {
        -moz-transform: translateZ(-50px) rotateY(5deg);
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform: translateZ(-200px)
    }
}
@keyframes rotateRightSideFirst {
    50% {
        transform: translateZ(-50px) rotateY(5deg);
        animation-timing-function: ease-out
    }
    100% {
        transform: translateZ(-200px)
    }
}
.md-effect-18 .md-content {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
    opacity: 0
}
.md-show.md-effect-18 .md-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all .5s .1s;
    -moz-transition: all .5s .1s;
    transition: all .5s .1s
}
.md-show.md-effect-19~.container {
    height: 100%;
    overflow: hidden
}
.md-show.md-effect-19~.md-overlay {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.md-show.md-effect-19~.container,
.md-show.md-effect-19~.md-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: OpenTop .5s forwards ease-in;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 50% 100%;
    -moz-animation: OpenTop .5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 50% 100%;
    animation: OpenTop .5s forwards ease-in
}
@-webkit-keyframes OpenTop {
    50% {
        -webkit-transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out
    }
}
@-moz-keyframes OpenTop {
    50% {
        -moz-transform: rotateX(10deg);
        -moz-animation-timing-function: ease-out
    }
}
@keyframes OpenTop {
    50% {
        transform: rotateX(10deg);
        animation-timing-function: ease-out
    }
}
.md-effect-19 .md-content {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    opacity: 0
}
.md-show.md-effect-19 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .5s .1s;
    -moz-transition: all .5s .1s;
    transition: all .5s .1s
}
@media screen and (max-width: 32em) {
    body {
        font-size: 75%
    }
}
@-moz-keyframes blink {
    10%, 100% {
        opacity: 1
    }
    20% {
        opacity: .8
    }
    30%,
    80% {
        opacity: .7
    }
    40%,
    60% {
        opacity: .5
    }
    50% {
        opacity: .4
    }
    70% {
        opacity: .6
    }
    90% {
        opacity: .9
    }
}
@-webkit-keyframes blink {
    10%, 100% {
        opacity: 1
    }
    20% {
        opacity: .8
    }
    30%,
    80% {
        opacity: .7
    }
    40%,
    60% {
        opacity: .5
    }
    50% {
        opacity: .4
    }
    70% {
        opacity: .6
    }
    90% {
        opacity: .9
    }
}
@-keyframes blink {
    10%, 100% {
        opacity: 1
    }
    20% {
        opacity: .8
    }
    30%,
    80% {
        opacity: .7
    }
    40%,
    60% {
        opacity: .5
    }
    50% {
        opacity: .4
    }
    70% {
        opacity: .6
    }
    90% {
        opacity: .9
    }
}
#afterclose {
    transition: all .5s linear;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -ms-transition: all .5s linear;
    animation: blink 1s infinite
}
.post .content .tabs>ul>li,
.post .content figure.thick,
.post .content figure.thin img,
.post.default .featured img,
button {
    border-width: 1px;
    border-style: solid
}
.post .content .frame,
.post .content .tabs,
.post .content blockquote,
.post .content code,
.post .content div.columns,
.post .content fieldset,
.post .content figure,
.post .content ol,
.post .content p,
.post .content pre,
.post .content table,
.post .content ul {
    margin: 10px 0
}
.post .content .tabs>ul {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    list-style: none;
    margin-left: 0;
    height: 40px
}
.post .content .tabs>ul>li {
    border-radius: 4px 4px 0 0;
    font-weight: 700;
    line-height: 32px;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 2px 0 0;
    padding: 0 16px
}
.post .content .tabs>ul>li.active {
    cursor: default
}
.post .content .dropcap {
  /*  font: 400 52px/44px Rokkitt, "Times New Roman"; */
    position: relative;
    float: left;
    padding-right: 6px;
    top: 3px
}
.post .content .tabs>ul, .post .content .tabs>ul>li {
    border-color: #b9b9b9;
}
.post .content .tabs>ul>li.active {
    background-color: #fbfbfb;
    border-bottom-color: transparent;
}
.post .content .tabs>ul>li.active {
    cursor: default;
}
.post .content .tabs>ul>li, .post .content figure.thick {
    background-color: #f0f0f0;
}
img {
    max-width: 100%;
    height: auto;
 /*   display: block;*/
    margin: inherit;
}
main#main {
    margin-bottom: 50px;
}
.wpcf7-checkbox .wpcf7-list-item, .wpcf7-radio .wpcf7-list-item, label {
    cursor: default;
    display: inline-block;
    position: relative;
}
.InputAddOn {
    display: flex;
    margin-bottom: 1em;
}
.input-group {
    padding: 0 12px 12px 0;
}
.InputAddOn-field, .InputAddOn-item {
    border: 1px solid hsla(31, 15%, 50%, .25);
    padding: .5em .75em;
}
.InputAddOn-item {
    background-color: hsla(31, 15%, 50%, .1);
    color: #666;
 /*   font: inherit; */
    font-weight: 400;
    padding: 0 10px!important;
}
.margT15 {
    margin-top: 15px;
}
button {
    border-color: #cacaca;
}
button {
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #e9e9e9);
    background: -webkit-linear-gradient(top, #fff, #e9e9e9);
    background: -o-linear-gradient(top, #fff, #e9e9e9);
    background: -ms-linear-gradient(top, #fff, #e9e9e9);
    background: linear-gradient(top, #fff, #e9e9e9);
}
button, input[type=submit] {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9')";
}
button {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    border-radius: 4px;
  /*  font: 400 25px/38px Rokkitt, "Times New Roman"; */
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    margin: 0;
    padding: 0 14px;
    height: 40px;
    vertical-align: baseline;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black;
}
.post .content .tabs>ul>li, .post .content figure.thick, .post .content figure.thin img, .post.default .featured img, button {
    border-width: 1px;
    border-style: solid;
}
#content a, #content a:hover, button:hover, .widget a:hover {
    border-color: #5862aa;
    background: transparent;
}
.post .content div.columns .column.last {
    clear: right;
    float: right;
    margin-right: 0;
}


.post .content th {
    background-color: #f0f0f0;
}

.post .content td, .post .content th {
    padding: 5px 13px;
}

.post .content th {
    text-align: center;
}

.post .content table {
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #b9b9b9;
}

.post .content td {
    background-color: #fbfbfb;
	vertical-align: middle;
}


.columns.books {
    width: 100%;
}

.columns.books h5 {
    margin: 0px !important;
}

.columns.books .frame {
    padding: 0px;
}
.columns.books .frame.gray {
	background:inherit !important;
}

.columns.books a {
    padding: 10px 20px !important;
    margin: -3px !important;
    background: #c2272f !important;
    color: #fff !important;
    border-radius: 5px;
    float: right;
}

.frame h3, .frame h5 {
    margin: 0;
}


/***
Event Calender
***/
input[type=password], input[type=text], input[type=file], input[type=email], input[type=tel], select {
    margin-right: 5px;
    padding: 0 10px;
    width: 190px;
    height: 28px;
}

article#ecalender {
    width: 980px;
    margin: 0 auto;
}

td.day_cell,
td.today_cell {
    padding: 1px 7px!important;
    text-align: left
}
td.day_cell,
td.empty_day_cell,
td.today_cell {
    height: 80px;
    width: 95px
}
.date_header {
    font-size: 16px;
    font-family: arial, helvetica;
    font-weight: 700
}
.day_number,
.title_txt {
    font-family: verdana, arial, helvetica
}
.title_txt a {
	display:block;
}

td.day_cell {
    background-color: #EDECD8!important
}
td.empty_day_cell {
    background-color: #EEE!important
}
td.today_cell {
    background-color: #F5F4ED!important
}
.day_number {
    float: right;
    font-size: 9px;
    color: #000
}
.title_txt,
.title_txt A:link {
    color: #c82828
}
.title_txt {
    font-size: 10px
}
.column_header,
.time_str {
    font-family: arial, helvetica
}
.title_txt A:hover {
    color: #c82828;
    text-decoration: dotted
}
.time_str {
    font-size: 9px
}
.column_header {
    background-color: #c82828!important;
    font-size: 12px;
    color: #FFF;
    font-weight: 700
}
.fancybox .hover{
    background-repeat: no-repeat;
    background-image: url(data/img/bright/magnifier.png);
    background-position: center;
    display: none;
    opacity: 0;
    background-color: #000
}

#fancybox-close{
    border-bottom-width: 0
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none
}
#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url(data/img/fancybox/fancybox.png)
}
#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none
}
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none
}
#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: 0;
    display: none
}
#fancybox-outer {
    position: relative;
    /* width: 100%; */
    height: 100%;
    display: inline-block;
    background: #fff;
}
#fancybox-content {
    width: 450px !important;
    height: 0;
    padding: 0;
    outline: 0;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0 solid #fff
}
#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101
}
#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url(data/img/fancybox/fancybox.png) -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none
}
#fancybox-error {
    color: #444;
    font: 400 12px/20px Arial;
    padding: 14px;
    margin: 0
}
#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 0;
    vertical-align: top
}
#fancybox-frame {
    width: 100%;
    height: 100%;
    border: 0;
    display: block
}
#fancybox-left,
#fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: 0;
    background: transparent url(data/img/fancybox/blank.gif);
    z-index: 1102;
    display: none
}
#fancybox-left {
    left: 0
}
#fancybox-right {
    right: 0
}
#fancybox-left-ico,
#fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block
}
#fancybox-left-ico {
    background-image: url(data/img/fancybox/fancybox.png);
    background-position: -40px -30px
}
#fancybox-right-ico {
    background-image: url(data/img/fancybox/fancybox.png);
    background-position: -40px -60px
}
#fancybox-left:hover,
#fancybox-right:hover {
    visibility: visible
}
#fancybox-left:hover span {
    left: 20px
}
#fancybox-right:hover span {
    left: auto;
    right: 20px
}
.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001
}
#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url(data/img/fancybox/fancybox-x.png)
}
#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url(data/img/fancybox/fancybox.png);
    background-position: -40px -162px
}
#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url(data/img/fancybox/fancybox-y.png);
    background-position: -20px 0
}
#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url(data/img/fancybox/fancybox.png);
    background-position: -40px -182px
}
#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url(data/img/fancybox/fancybox-x.png);
    background-position: 0 -20px
}
#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url(data/img/fancybox/fancybox.png);
    background-position: -40px -142px
}
#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url(data/img/fancybox/fancybox-y.png)
}
#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url(data/img/fancybox/fancybox.png);
    background-position: -40px -122px
}
#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102
}
.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative
}
.fancybox-title-outside {
    padding-top: 10px;
    color: #fff
}
.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left
}
#fancybox-title-over {
    padding: 10px;
    background-image: url(data/img/fancybox/fancy_title_over.png);
    display: block
}
.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px
}
#fancybox-title-float-wrap {
    border: 0;
    border-collapse: collapse;
    width: auto
}
#fancybox-title-float-wrap td {
    border: 0;
    white-space: nowrap
}
#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url(data/img/fancybox/fancybox.png) -40px -90px no-repeat
}
#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: 700;
    padding: 0 0 3px;
    background: url(data/img/fancybox/fancybox-x.png) 0 -40px
}
#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url(data/img/fancybox/fancybox.png) -55px -90px no-repeat
}
.fancybox-ie .fancybox-bg {
    background: transparent!important
}