.l,
body {
    text-align: left
}

.galleysingle .gallerybox .carousel .flex-viewport li img,
a {
    cursor: pointer
}

.contentaboutbox a:active,
.contentaboutbox a:hover,
.contentaboutbox a:link,
.contentaboutbox a:visited,
.defaultwp a:active,
.defaultwp a:hover,
.defaultwp a:link,
.defaultwp a:visited,
.story a:active,
.story a:hover,
.story a:link,
.story a:visited,
a,
section.singlepage .rightside section.full section.story .boxcontent p a {
    text-decoration: none
}

.nobreak {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    display: table
}

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

audio[controls],
canvas,
video {
    display: inline-block
}

html {
    overflow-y: scroll;
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%
}

a,
applet,
article,
aside,
blockquote,
body,
details,
div,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
iframe,
img,
label,
li,
nav,
object,
ol,
p,
pre,
section,
span,
strong,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    list-style: none
}

:focus {
    outline: 0
}

button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner {
    border: none
}

hr,
img {
    border: 0
}

body,
html,
input,
textarea {
    -webkit-text-size-adjust: none
}

body {
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2
}

.contentaboutbox table th,
.defaultwp table th,
.nivo-controlNav a.active,
.story table th,
strong {
    font-weight: 700
}

button,
input[type=reset],
input[type=button],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
    font-size: 13px;
    font-weight: 700;
    background: 0 0;
    text-transform: uppercase;
    border: 0
}

input[type=email],
input[type=password],
input[type=search],
input[type=text],
input[type=url],
textarea {
    border: 1px solid #fff;
    height: 16px;
    font-size: 12px;
    padding: 5px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

textarea {
    resize: vertical
}

.fl {
    float: left!important
}

.fr {
    float: right!important
}

.c {
    text-align: center
}

.j {
    text-align: justify
}

.r {
    text-align: right
}

.cf:after,
.cf:before {
    content: "";
    display: table
}

.cf:after,
.clear {
    clear: both
}

a {
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear
}

h1 {
    font-size: 28px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 14px
}

h5 {
    font-size: 12px
}

.small,
h6 {
    font-size: 10px
}

p {
    margin: 0 0 1em;
    text-align: left;
    line-height: 1.5
}

em {
    font-style: italic
}

img {
    vertical-align: middle;
    outline: 0
}

hr {
    display: block;
    height: 0;
    line-height: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin: 16px 0;
    float: none;
    clear: both;
    padding: 0
}

.contentaboutbox .attachment img,
.contentaboutbox img.size-auto,
.contentaboutbox img.size-full,
.contentaboutbox img.size-large,
.contentaboutbox img.size-medium,
.defaultwp .attachment img,
.defaultwp img.size-auto,
.defaultwp img.size-full,
.defaultwp img.size-large,
.defaultwp img.size-medium,
.flexslider .slides img,
.story .attachment img,
.story img.size-auto,
.story img.size-full,
.story img.size-large,
.story img.size-medium {
    max-width: 100%;
    height: auto
}

.contentaboutbox,
.defaultwp,
.story {
    line-height: 1.5
}

.contentaboutbox ul,
.defaultwp ul,
.story ul {
    list-style: square
}

.contentaboutbox ul li,
.defaultwp ul li,
.story ul li {
    list-style: none url(https://www.cliniquedelobesite.com/wp-content/uploads/2014/11/puce2.png)
}

.contentaboutbox ol,
.contentaboutbox ol li,
.defaultwp ol,
.defaultwp ol li,
.story ol,
.story ol li {
    list-style: decimal
}

.contentaboutbox ol,
.contentaboutbox ul,
.defaultwp ol,
.defaultwp ul,
.story ol,
.story ul {
    margin: 0 0 1em 1.5em;
    line-height: 1.5
}

.contentaboutbox ol ol,
.contentaboutbox ol ul,
.contentaboutbox ul ol,
.contentaboutbox ul ul,
.defaultwp ol ol,
.defaultwp ol ul,
.defaultwp ul ol,
.defaultwp ul ul,
.story ol ol,
.story ol ul,
.story ul ol,
.story ul ul {
    margin-bottom: 0
}

.contentaboutbox ol ol,
.defaultwp ol ol,
.story ol ol {
    list-style: upper-alpha
}

.contentaboutbox ol ol ol,
.defaultwp ol ol ol,
.story ol ol ol {
    list-style: lower-roman
}

.contentaboutbox ol ol ol ol,
.defaultwp ol ol ol ol,
.story ol ol ol ol {
    list-style: lower-alpha
}

.contentaboutbox h1,
.contentaboutbox h2,
.contentaboutbox h3,
.contentaboutbox h4,
.contentaboutbox h5,
.contentaboutbox h6,
.defaultwp h1,
.defaultwp h2,
.defaultwp h3,
.defaultwp h4,
.defaultwp h5,
.defaultwp h6,
.story h1,
.story h2,
.story h3,
.story h4,
.story h5,
.story h6 {
    text-transform: none;
    margin-bottom: .5em
}

.contentaboutbox table,
.defaultwp table,
.story table {
    width: auto;
    border-collapse: collapse;
    margin-bottom: 18px
}

.contentaboutbox table td,
.contentaboutbox table th,
.defaultwp table td,
.defaultwp table th,
.story table td,
.story table th {
    padding: 6px 10px;
    text-align: center;
    border: 1px solid #ccc
}

.contentaboutbox code,
.contentaboutbox pre,
.defaultwp code,
.defaultwp pre,
.story code,
.story pre {
    background: #fff;
    padding: 20px;
    box-shadow: 1px 1px 2px #d0d0d0;
    color: #4a4a4a;
    display: block;
    margin: 10px 15px 10px 0
}

.contentaboutbox address,
.defaultwp address,
.story address {
    display: inline-block;
    padding: 20px;
    background: #eaeaea;
    line-height: 20px;
    margin-bottom: 15px
}

.contentaboutbox blockquote,
.defaultwp blockquote,
.story blockquote {
    font-style: italic;
    margin: 1em 3em
}

blockquote,
blockquote p {
    font-style: italic!important
}

.contentaboutbox blockquote p:after,
.contentaboutbox blockquote p:before,
.defaultwp blockquote p:after,
.defaultwp blockquote p:before,
.story blockquote p:after,
.story blockquote p:before {
    content: '"'
}

.contentaboutbox .wp-caption,
.defaultwp .wp-caption,
.story .wp-caption {
    box-shadow: 1px 1px 2px #bebebe;
    max-width: 100%;
    width: auto
}

.contentaboutbox .wp-caption p.wp-caption-text,
.defaultwp .wp-caption p.wp-caption-text,
.story .wp-caption p.wp-caption-text {
    background: #fff;
    text-align: center;
    color: #a1a1a1!important;
    margin: 0!important
}

.contentaboutbox dl,
.defaultwp dl,
.story dl {
    background: #fff;
    padding: 20px;
    box-shadow: 1px 1px 2px #d0d0d0;
    color: #4a4a4a;
    display: block;
    margin: 10px 20px 10px 0
}

.contentaboutbox dl dt,
.defaultwp dl dt,
.story dl dt {
    width: 150px;
    float: left;
    font-size: 13px;
    line-height: 13px;
    color: #000;
    text-transform: uppercase
}

.contentaboutbox dl dd,
.defaultwp dl dd,
.story dl dd {
    margin-left: 160px;
    margin-bottom: 10px;
    line-height: 18px
}

.contentaboutbox .alignleft,
.contentaboutbox img.alignleft,
.defaultwp .alignleft,
.defaultwp img.alignleft,
.story .alignleft,
.story img.alignleft {
    display: inline;
    float: left;
    margin-right: 1em
}

.contentaboutbox .alignright,
.contentaboutbox img.alignright,
.defaultwp .alignright,
.defaultwp img.alignright,
.story .alignright,
.story img.alignright {
    display: inline;
    float: right;
    margin-left: 1em
}

.contentaboutbox .aligncenter,
.contentaboutbox img.aligncenter,
.defaultwp .aligncenter,
.defaultwp img.aligncenter,
.story .aligncenter,
.story img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.contentaboutbox img.aligncenter,
.contentaboutbox img.alignleft,
.contentaboutbox img.alignright,
.defaultwp img.aligncenter,
.defaultwp img.alignleft,
.defaultwp img.alignright,
.story img.aligncenter,
.story img.alignleft,
.story img.alignright {
    margin-bottom: 1em
}

.contentaboutbox .wp-caption,
.defaultwp .wp-caption,
.story .wp-caption {
    line-height: 1.5;
    margin-bottom: 1em;
    text-align: center
}

.contentaboutbox .wp-caption p.wp-caption-text,
.defaultwp .wp-caption p.wp-caption-text,
.story .wp-caption p.wp-caption-text {
    font-size: 11px;
    padding: 5px
}

.contentaboutbox .wp-smiley,
.defaultwp .wp-smiley,
.story .wp-smiley {
    margin: 0
}

.flexslider {
    position: relative
}

.flexslider ol,
.flexslider ol li,
.flexslider ul,
.flexslider ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flexslider .slides>li {
    position: relative;
    display: none;
    -webkit-backface-visibility: hidden;
    text-align: center
}

.slides:after,
html[xmlns] .slides {
    display: block
}

.flexslider .slides img {
    display: block;
    margin: 0 auto;
    width: auto
}

.flexslider .descr {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: rgba(100, 100, 100, .5);
    color: #fff;
    text-align: left
}

.flexslider .descr h3 {
    text-align: left
}

.flexslider .descr .text p:last-child {
    margin-bottom: 0
}

h1,
h2 {
    margin-bottom: 15px
}

h4,
h5,
h6 {
    margin-bottom: 10px;
    text-transform: uppercase
}

.flex-container {
    position: relative
}

.slides:after {
    content: ".";
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

* html .slides {
    height: 1%
}

body #content-main {
    overflow: hidden
}

body .topline {
    height: 5px;
    background-color: #fff
}

body #pageloader {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(images/load.gif) 50% 50% no-repeat #f9f9f9;
    z-index: 9999
}

h1 {
    line-height: 18px;
    text-transform: uppercase
}

h2 {
    line-height: 16px;
    text-transform: uppercase
}

h3 {
    line-height: 14px;
    text-transform: uppercase;
    margin-bottom: 13px
}

h4 {
    line-height: 13px
}

h5 {
    line-height: 12px
}

h6 {
    line-height: 11px
}

blockquote {
    padding: 10px 10px 10px 85px;
    background: url(images/quotes.png) top left no-repeat #f8f6f6;
    box-shadow: 1px 1px 2px #d0d0d0;
    margin-top: 15px!important;
    min-height: 50px;
    margin-bottom: 25px!important
}

blockquote p {
    margin-bottom: 0!important
}

input[type=text],
input[type=email],
input[type=url] {
    margin: 0;
    height: 25px;
    padding: 0 10px;
    color: #5e5e5e;
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase;
    vertical-align: middle
}

input[type=button],
input[type=submit] {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 7px 10px
}

input[type=button]:hover,
input[type=submit]:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.homecustomcontent {
    margin-left: 20px;
    background: #fff;
    padding: 20px
}

.testimonialblog .itemblog {
    width: 33%!important;
    margin: 0!important;
    max-width: 337px!important;
    background: 0 0!important;
    border: none!important;
    box-shadow: none!important
}

.testimonialblog .itemblog:hover {
    box-shadow: none!important
}

.testimonialblog .itemblog .notumbtestimonial {
    margin-bottom: 2%;
    width: 98%;
    height: 98%;
    max-width: 330px;
    float: left;
    overflow: hidden;
    position: relative
}

.testimonialblog .itemblog .notumbtestimonial img {
    width: 100%;
    height: auto;
    max-width: 330px;
    max-height: 212px
}

.testimonialblog .itemblog .notumbtestimonial figcaption {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1
}

.testimonialblog .itemblog .notumbtestimonial figcaption h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    line-height: 18px;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, .6);
    margin: 20px 0 0
}

.testimonialblog .itemblog .notumbtestimonial figcaption .textup {
    line-height: 19px;
    font-style: italic;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}

.testimonialblog .itemblog .notumbtestimonial figcaption .textup p {
    text-align: center;
    margin-top: 10px;
    line-height: 19px
}

.testimonialblog .itemblog .view {
    min-width: 200px;
    margin-bottom: 2%;
    width: 98%;
    height: 98%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default
}

.testimonialblog .itemblog .view .content,
.testimonialblog .itemblog .view .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

.testimonialblog .itemblog .view img {
    display: block;
    position: relative;
    width: 100%;
    height: auto
}

.testimonialblog .itemblog .view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    line-height: 18px;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, .8);
    margin: 20px 0 0
}

.testimonialblog .itemblog .view .textup {
    font-family: Georgia, serif;
    line-height: 19px;
    font-style: italic;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}

.testimonialblog .itemblog .view .textup p {
    text-align: center;
    margin-top: 10px;
    line-height: 19px
}

.testimonialblog .itemblog .view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px
}

.testimonialblog .itemblog .view-first img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.testimonialblog .itemblog .view-first .mask {
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.testimonialblog .itemblog .view-first a.info,
.testimonialblog .itemblog .view-first h2 {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.testimonialblog .itemblog .view-first h2 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    transition: all .2s ease-in-out
}

.testimonialblog .itemblog .view-first .textup {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.testimonialblog .itemblog .view-first:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.testimonialblog .itemblog .view-first a.info {
    transition: all .2s ease-in-out
}

.testimonialblog .itemblog .view-first a.info:hover,
section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.customlogo img {
    -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
}

.testimonialblog .itemblog .view-first:hover .mask {
    opacity: 1
}

.testimonialblog .itemblog .view-first:hover .textup,
.testimonialblog .itemblog .view-first:hover a.info,
.testimonialblog .itemblog .view-first:hover h2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.testimonialblog .itemblog .view-first:hover .textup {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
    transition-delay: .1s
}

.testimonialblog .itemblog .view-first:hover a.info {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition-delay: .2s
}

.testimonialblog .itemblog .view-first a.info:hover {
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-opacity: .9;
    opacity: .9;
    transition: all .2s ease-in-out
}

footer#footer-main {
    margin: 40px auto 25px;
    width: 95%;
    max-width: 1280px;
    padding-top: 20px;
    font-size: 10px;
    line-height: 10px;
    background: url(images/line.jpg) top repeat-x
}

footer#footer-main a {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000
}

footer#footer-main a:hover {
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

footer#footer-main p.copy {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
    display: inline-block;
    float: left
}

footer#footer-main .topbutton {
    display: inline-block;
    float: right;
    margin-bottom: 0
}

.recentgalleriesbox {
    margin-top: 40px
}

.recentgalleriesbox .galleriestitle {
    width: 100%;
    height: auto;
    background: url(images/recgal.png) 50% 50% no-repeat;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 20px
}

section#homepage .flexslider {
    max-width: 790px;
    width: 100%;
    padding-top: 20px;
    position: relative;
    margin: 0 auto
}

section#homepage .flexslider .rightbox {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    height: 100%;
    margin-right: -242px
}

section#homepage .flexslider .rightbox .rightothermenu {
    margin-top: 20px;
    width: 224px
}

section#homepage .flexslider .rightbox .rightothermenu .boxinrightside:first-child {
    margin-top: 0
}

section#homepage .flexslider .rightbox .rightothermenu .boxinrightside:last-child {
    margin-top: 21px
}

section#homepage .flexslider .rightbox .rightothermenu .boxinrightside {
    margin-top: 20px;
    width: 225px
}

section#homepage .flexslider .rightbox .rightothermenu .boxinrightside figure {
    width: 100%;
    height: 100%;
    position: relative
}

section#homepage .flexslider .rightbox .rightothermenu .boxinrightside figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
}

section#homepage .flexslider .rightbox .rightothermenu .boxinrightside figure figcaption a {
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(255, 255, 255, .6)
}

section#homepage .flexslider .rightbox .rightothermenu .boxinrightside figure figcaption a:hover {
    background: url(images/plus.png) 50% 50% no-repeat rgba(255, 255, 255, .6);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

section#homepage .flexslider .rightbox .rightothermenu .boxinrightside figure figcaption:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

section#homepage .flexslider .rightbox .rightothermenu .boxinrightside .inforight {
    height: 71px;
    width: 225px;
    display: block
}

section#homepage .flexslider .rightbox .rightothermenu .boxinrightside .inforight .rightboxtitle {
    width: 100%;
    text-align: center;
    font-size: 33px;
    line-height: 33px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 9px;
    margin-bottom: 7px;
    background: url(images/right_divider.png) center bottom no-repeat
}

section#homepage .flexslider .rightbox .rightothermenu .boxinrightside .inforight .rightboxtitle a {
    color: #fff
}

section#homepage .flexslider .rightbox .rightothermenu .boxinrightside .inforight .rightboxtitle a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section#homepage .flexslider .rightbox .rightothermenu .boxinrightside .inforight .rightboxdesc {
    width: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    color: #161616;
    letter-spacing: 1px;
    text-transform: uppercase
}

section#homepage .flexslider .leftbox {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    height: 100%;
    margin-left: -248px
}

section#homepage .flexslider .leftbox .leftmenubox {
    width: 230px;
    background: #fff;
    height: 100%
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader {
    position: relative;
    padding-top: 45px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.customlogo {
    width: 100%;
    height: auto;
    text-align: center;
    max-height: 130px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.customlogo img {
    max-width: 172px;
    max-height: 130px;
    width: auto;
    height: auto;
    transition: all .2s ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.customlogo img:hover {
    margin-bottom: 5px;
    margin-top: -5px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -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
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.image {
    width: 172px;
    margin: 0 auto;
    display: block;
    height: 115px;
    text-indent: -9999px;
    text-align: center;
    -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
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.image a {
    width: 100%;
    height: 100%;
    display: block
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.image:hover {
    margin-bottom: 5px;
    margin-top: -5px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -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
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social {
    width: 172px;
    margin: 30px auto 0
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social .followtitle {
    text-transform: uppercase;
    color: #000;
    font-size: 9px;
    line-height: 9px;
    margin-bottom: 7px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a {
    width: 29px;
    height: 29px;
    display: block;
    text-indent: -9999px;
    margin-right: 4px;
    float: left
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social .socialslider {
    padding-top: 2px;
    height: 40px;
    width: 161px;
    overflow-y: hidden
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social .socialslider .socialicons {
    width: 227px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.jspArrow {
    width: 8px;
    height: 5px;
    background: #848484;
    margin: 0
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.pinticon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.pinticon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.youtubeicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.youtubeicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.fbicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.fbicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.twiicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.twiicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.gogicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.gogicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.vimicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.vimicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.flickricon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.flickricon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.driicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.driicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.instaicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.instaicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.liinicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.liinicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.picaicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.picaicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.rssicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.rssicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#mobilenav {
    display: none
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav {
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
    margin: 190px auto 0
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu {
    width: 172px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    text-transform: uppercase;
    position: relative
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul {
    display: none;
    width: 200px;
    background: #fff;
    position: absolute;
    top: 0;
    z-index: 9999;
    left: 100%
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul li:first-child {
    padding-top: 5px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul li:last-child {
    padding-bottom: 5px;
    background: 0 0
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul li {
    position: relative;
    width: auto;
    padding-left: 10px;
    font-size: 14px;
    line-height: 14px
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li:hover>ul {
    display: block
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu a {
    color: #000
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu a:hover {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li.current-menu-item ul li a {
    color: #000;
    background: 0 0
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li {
    width: 100%;
    position: relative;
    background: url(images/menu_dot.png) bottom repeat-x
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li a {
    padding: 9px 0;
    width: 100%;
    background-position: 50% 50%;
    display: block
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li a:hover {
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out
}

section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu:after {
    content: "";
    clear: both;
    display: block
}

section#homepage .flexslider .flex-direction-nav a.flex-prev {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -62px;
    height: 125px;
    width: 75px;
    background: url(images/left_slide.png) 50% 50% no-repeat rgba(255, 255, 255, .8);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

section#homepage .flexslider .flex-direction-nav a.flex-prev:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section#homepage .flexslider .flex-direction-nav a.flex-prev:active {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

section#homepage .flexslider .flex-direction-nav a.flex-next {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -62px;
    height: 125px;
    width: 75px;
    background: url(images/right_slide.png) 50% 50% no-repeat rgba(255, 255, 255, .8);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

section#homepage .flexslider .flex-direction-nav a.flex-next:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section#homepage .flexslider .flex-direction-nav a.flex-next:active {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

section#homepage .flexslider ul.slides {
    overflow: hidden
}

section#homepage .flexslider li figure {
    position: relative;
    background: #fff;
    width: 100%;
    height: 100%
}

section#homepage .flexslider li figure img {
    -moz-opacity: .4;
    -khtml-opacity: .4;
    -webkit-opacity: .4;
    opacity: .4;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

section#homepage .flexslider li figure figcaption {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: left;
    height: 30%;
    overflow: hidden;
    background: rgba(255, 255, 255, .4);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section#homepage .flexslider li figure figcaption .mainslidertitle {
    position: absolute;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    top: 20px;
    left: -100%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.home-bottom .threemainboxes .recentwork .whitebox .title a:hover,
section#homepage .flexslider li figure figcaption .mainsliderdescription .sliderlinkmore:hover {
    -moz-opacity: .6;
    -webkit-opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

section#homepage .flexslider li figure figcaption .mainsliderdescription {
    position: absolute;
    margin: 20px;
    line-height: 19px;
    top: 100%
}

section#homepage .flexslider li figure figcaption .mainsliderdescription .sliderlinkmore {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    margin-top: 10px;
    display: block;
    width: 110px;
    height: 20px;
    text-align: center;
    padding-top: 6px
}

section#homepage .flexslider li figure figcaption .mainsliderdescription .sliderlinkmore:hover {
    -khtml-opacity: .6;
    opacity: .6;
    transition: all .3s ease-in-out
}

section#homepage .flexslider li.flex-active-slide figure:hover figcaption {
    top: 70%;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear
}

section#homepage .flexslider li.flex-active-slide figure:hover figcaption .mainslidertitle {
    left: 20px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

section#homepage .flexslider li.flex-active-slide figure:hover figcaption .mainsliderdescription {
    top: 40px;
    -webkit-transition: all 1.1s ease-in-out;
    -moz-transition: all 1.1s ease-in-out;
    -ms-transition: all 1.1s ease-in-out;
    -o-transition: all 1.1s ease-in-out;
    transition: all 1.1s ease-in-out
}

.home-bottom .threemainboxes .recentwork figure figcaption:hover,
section#homepage .flexslider li.flex-active-slide figure img {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out
}

section#homepage .flexslider li.flex-active-slide figure img {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    transition: all 250ms ease-in-out
}

section#homepage .flexslider img {
    max-width: 790px;
    max-height: 530px;
    width: 100%;
    height: auto
}

.home-bottom {
    max-width: 1283px;
    width: 100%;
    margin: 24px auto 0
}

.home-bottom .othermenuhomemobile {
    display: none
}

.home-bottom .aboutmainbox {
    width: 230px;
    min-height: 350px;
    height: auto;
    float: left;
    background: #fff
}

.home-bottom .aboutmainbox .title {
    padding: 35px 15px 25px;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    color: #ffa800
}

.home-bottom .aboutmainbox .scrollbox {
    width: 190px;
    margin: 0 auto;
    height: 235px;
    overflow: auto
}

.home-bottom .aboutmainbox .scrollbox p {
    line-height: 20px;
    padding-right: 5px
}

.home-bottom .threemainboxes {
    float: left;
    max-width: 1053px;
    width: 100%
}

.home-bottom .threemainboxes .recentwork {
    max-width: 320px;
    width: 100%;
    float: left;
    margin-right: 35px;
    margin-left: 18px
}

.home-bottom .threemainboxes .recentwork figure {
    position: relative;
    width: 100%;
    height: 100%
}

.home-bottom .threemainboxes .recentwork figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
}

.home-bottom .threemainboxes .recentwork figure figcaption:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    transition: all 250ms ease-in-out
}

.home-bottom .threemainboxes .letsdiscus figure figcaption:hover,
.home-bottom .threemainboxes .recentwork figure figcaption:hover a:hover {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out
}

.home-bottom .threemainboxes .recentwork figure figcaption:hover a {
    width: 100%;
    height: 100%;
    display: block
}

.home-bottom .threemainboxes .recentwork figure figcaption:hover a:hover {
    transition: all 250ms ease-in-out
}

.home-bottom .threemainboxes .recentwork .boxtitle {
    margin-top: 5px;
    margin-bottom: 30px;
    max-width: 320px;
    width: 100%;
    height: 16px;
    background: url(images/blocktitle.png) 50% 50% no-repeat;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    text-transform: uppercase
}

.home-bottom .threemainboxes .recentwork .whitebox {
    background: #fff;
    height: 79px
}

.home-bottom .threemainboxes .recentwork .whitebox .title {
    width: 250px;
    margin: 0 auto 10px;
    background: url(images/menu_dot.png) bottom repeat-x;
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: center
}

.home-bottom .threemainboxes .recentwork .whitebox .title a {
    color: #3a3a3a;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px
}

.home-bottom .threemainboxes .recentwork .whitebox .title a:hover {
    -khtml-opacity: .6;
    opacity: .6;
    transition: all .3s ease-in-out
}

.home-bottom .threemainboxes .letsdiscus .whitebox .title a:hover,
.home-bottom .threemainboxes .recentwork .whitebox .category a:hover {
    -moz-opacity: .6;
    -webkit-opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.home-bottom .threemainboxes .recentwork .whitebox .category {
    text-align: center;
    text-transform: uppercase;
    line-height: 10px;
    font-size: 10px
}

.home-bottom .threemainboxes .recentwork .whitebox .category a {
    color: #000
}

.home-bottom .threemainboxes .recentwork .whitebox .category a:hover {
    -khtml-opacity: .6;
    opacity: .6;
    transition: all .3s ease-in-out
}

.home-bottom .threemainboxes .letsdiscus {
    max-width: 320px;
    margin-right: 35px;
    width: 100%;
    float: left
}

.home-bottom .threemainboxes .letsdiscus figure {
    position: relative;
    width: 100%;
    height: 100%
}

.home-bottom .threemainboxes .letsdiscus figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
}

.home-bottom .threemainboxes .letsdiscus figure figcaption:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    transition: all 250ms ease-in-out
}

.home-bottom .threemainboxes .letsdiscus figure figcaption:hover a:hover,
.home-bottom .threemainboxes .mostvoted figure figcaption:hover {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out
}

.home-bottom .threemainboxes .letsdiscus figure figcaption:hover a {
    width: 100%;
    height: 100%;
    display: block
}

.home-bottom .threemainboxes .letsdiscus figure figcaption:hover a:hover {
    transition: all 250ms ease-in-out
}

.home-bottom .threemainboxes .letsdiscus .boxtitle {
    margin-top: 5px;
    margin-bottom: 30px;
    max-width: 320px;
    width: 100%;
    height: 16px;
    background: url(images/blocktitle.png) 50% 50% no-repeat;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    text-transform: uppercase
}

.home-bottom .threemainboxes .letsdiscus .whitebox {
    background: #fff;
    height: 79px
}

.home-bottom .threemainboxes .letsdiscus .whitebox .title {
    width: 250px;
    margin: 0 auto 10px;
    background: url(images/menu_dot.png) bottom repeat-x;
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: center
}

.home-bottom .threemainboxes .letsdiscus .whitebox .title a {
    color: #3a3a3a;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px
}

.home-bottom .threemainboxes .letsdiscus .whitebox .title a:hover {
    -khtml-opacity: .6;
    opacity: .6;
    transition: all .3s ease-in-out
}

.home-bottom .threemainboxes .letsdiscus .whitebox .category a:hover,
.home-bottom .threemainboxes .mostvoted .whitebox .title a:hover {
    -moz-opacity: .6;
    -webkit-opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.home-bottom .threemainboxes .letsdiscus .whitebox .category {
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase
}

.home-bottom .threemainboxes .letsdiscus .whitebox .category a {
    color: #000
}

.home-bottom .threemainboxes .letsdiscus .whitebox .category a:hover {
    -khtml-opacity: .6;
    opacity: .6;
    transition: all .3s ease-in-out
}

.home-bottom .threemainboxes .mostvoted {
    max-width: 320px;
    width: 100%;
    float: left
}

.home-bottom .threemainboxes .mostvoted figure {
    position: relative;
    width: 100%;
    height: 100%
}

.home-bottom .threemainboxes .mostvoted figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
}

.home-bottom .threemainboxes .mostvoted figure figcaption:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    transition: all 250ms ease-in-out
}

.home-bottom .threemainboxes .mostvoted figure figcaption:hover a {
    width: 100%;
    height: 100%;
    display: block
}

.home-bottom .threemainboxes .mostvoted figure figcaption:hover a:hover {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.home-bottom .threemainboxes .mostvoted .boxtitle {
    margin-top: 5px;
    margin-bottom: 30px;
    max-width: 320px;
    width: 100%;
    height: 16px;
    background: url(images/blocktitle.png) 50% 50% no-repeat;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    text-transform: uppercase
}

.blogpost.twocol .itemblog,
.blogpost.twocol .itemblog .itemboxwhite,
.blogpost.twocol .itemblog figure {
    max-width: 506px
}

.home-bottom .threemainboxes .mostvoted .whitebox {
    background: #fff;
    height: 79px
}

.home-bottom .threemainboxes .mostvoted .whitebox .title {
    width: 250px;
    margin: 0 auto 10px;
    background: url(images/menu_dot.png) bottom repeat-x;
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: center
}

.home-bottom .threemainboxes .mostvoted .whitebox .title a {
    color: #3a3a3a;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px
}

.home-bottom .threemainboxes .mostvoted .whitebox .title a:hover {
    -khtml-opacity: .6;
    opacity: .6;
    transition: all .3s ease-in-out
}

.home-bottom .threemainboxes .mostvoted .whitebox .category {
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase
}

.home-bottom .threemainboxes .mostvoted .whitebox .category a {
    color: #000
}

.home-bottom .threemainboxes .mostvoted .whitebox .category a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blogpost.twocol .itemblog {
    width: 49%;
    margin-right: 1%;
    margin-bottom: 20px;
    float: left
}

.blogpost.twocol .itemblog figure img {
    max-width: 506px;
    height: auto
}

.blogpost.threecol .itemblog {
    width: 32%;
    margin-right: 1%;
    margin-bottom: 20px;
    max-width: 330px;
    float: left
}

.blogpost.threecol .itemblog .itemboxwhite,
.blogpost.threecol .itemblog figure {
    max-width: 500px
}

.blogpost.threecol .itemblog figure img {
    max-width: 500px;
    height: auto
}

.blogpost.fullwidth .itemblog {
    width: 99%;
    float: none;
    margin-right: 0;
    max-width: 1012px
}

.blogpost.fullwidth .itemblog figure,
.blogpost.fullwidth .itemblog figure img {
    max-width: 1012px;
    max-height: 400px
}

.ale-team .socialbut {
    text-align: center
}

.ale-team .socialbut .fbbut,
.ale-team .socialbut .gbut,
.ale-team .socialbut .twibut {
    display: inline-block
}

.ale-team .socialbut .fbbut a,
.ale-team .socialbut .gbut a,
.ale-team .socialbut .twibut a {
    display: inline-block;
    width: 29px;
    height: 29px;
    text-indent: -9999px;
    margin-right: 4px
}

.blogpost .itemblog figure.galleryformat:hover figcaption,
.blogpost .itemblog figure.imageformat:hover figcaption {
    display: none
}

.ale-team .socialbut .fbbut a:hover,
.ale-team .socialbut .gbut a:hover,
.ale-team .socialbut .twibut a:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.blogpost .itemblog figure.galleryformat figcaption,
.blogpost .itemblog figure.imageformat figcaption {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -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;
    height: 100%;
    -khtml-opacity: 1;
    left: 0
}

.blogpost {
    padding-top: 2px;
    padding-left: 2px
}

.blogpost .itemblog {
    float: left;
    max-width: 320px;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 30px;
    min-width: 200px;
    background: #fff;
    box-shadow: 0 0 1px #bfbfbf
}

.blogpost .itemblog:hover {
    border: none;
    box-shadow: 1px 1px 3px #a5a5a5
}

.blogpost .itemblog figure.imageformat {
    max-width: 320px;
    min-width: 200px;
    width: 100%;
    height: 100%;
    position: relative
}

.blogpost .itemblog figure.imageformat figcaption {
    position: absolute;
    width: 100%;
    top: 0;
    opacity: 1;
    transition: all .4s ease-in-out
}

.blogpost .itemblog figure.imageformat figcaption span {
    color: #fff;
    line-height: 18px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 47%;
    left: 0
}

.blogpost .itemblog .videoembed {
    max-width: 320px;
    min-width: 200px;
    width: 100%;
    height: 100%
}

.blogpost .itemblog .videoembed embed,
.blogpost .itemblog .videoembed iframe {
    max-width: 320px;
    width: 100%
}

.blogpost .itemblog .thebottomqoute {
    background: url(images/menu_dot.png) bottom repeat-x
}

.blogpost .itemblog .blockqoutepost {
    background: url(images/quotes.png) -10px -10px no-repeat;
    padding-left: 60px;
    min-height: 60px
}

.blogpost .itemblog .blockqoutepost p {
    background: 0 0
}

.blogpost .itemblog figure.galleryformat {
    overflow: hidden;
    max-width: 320px;
    min-width: 200px;
    width: 100%;
    height: 100%;
    position: relative
}

.blogpost .itemblog figure.galleryformat figcaption {
    position: absolute;
    width: 100%;
    top: 0;
    opacity: 1;
    transition: all .4s ease-in-out
}

.blogpost .itemblog figure.galleryformat figcaption span {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 47%;
    left: 0
}

.blogpost .itemblog .gallerypost {
    max-width: 320px;
    min-width: 200px;
    width: 100%;
    height: 100%;
    position: relative
}

.blogpost .itemblog .gallerypost ul img {
    max-width: 320px;
    min-width: 200px;
    width: 100%;
    height: auto
}

.blogpost .itemblog .gallerypost:hover a.flex-next,
.blogpost .itemblog .gallerypost:hover a.flex-prev {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    top: 50%;
    -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;
    transition: all .4s ease-in-out
}

.blogpost .itemblog .gallerypost a.flex-next,
.blogpost .itemblog .gallerypost a.flex-prev {
    position: absolute;
    top: -65px;
    -khtml-opacity: 0;
    height: 65px;
    margin-top: -30px;
    width: 35px;
    display: block;
    text-indent: -9999px
}

.blogpost .itemblog .gallerypost a.flex-prev {
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    left: 0;
    -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;
    transition: all .4s ease-in-out;
    background: url(images/minileft.png) 50% 50% no-repeat rgba(255, 255, 255, .5)
}

.blogpost .itemblog .gallerypost a.flex-prev:hover {
    background: url(images/minileft.png) 50% 50% no-repeat rgba(255, 255, 255, .8)
}

.blogpost .itemblog .gallerypost a.flex-next {
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    right: 0;
    -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;
    transition: all .4s ease-in-out;
    background: url(images/miniright.png) 50% 50% no-repeat rgba(255, 255, 255, .5)
}

.blogpost .itemblog .itemboxwhite .bottomblogitem .readmoreblog a:hover,
.blogpost .itemblog .itemboxwhite .titleline .title h2 a:hover {
    -moz-opacity: .6;
    -webkit-opacity: .6;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out
}

.blogpost .itemblog .gallerypost a.flex-next:hover {
    background: url(images/miniright.png) 50% 50% no-repeat rgba(255, 255, 255, .8)
}

.blogpost .itemblog .itemboxwhite .bottomblogitem {
    margin: 0 20px 16px
}

.blogpost .itemblog .itemboxwhite .bottomblogitem .leftdatablog {
    float: left;
    color: #9a9a9a;
    font-size: 10px;
    line-height: 10px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase
}

.blogpost .itemblog .itemboxwhite .titleline .title .meta a,
.blogpost .itemblog .itemboxwhite .titleline .title h2 a {
    color: #000
}

.blogpost .itemblog .itemboxwhite .bottomblogitem .readmoreblog {
    float: right;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.blogpost .itemblog .itemboxwhite .bottomblogitem .readmoreblog a:hover {
    -khtml-opacity: .6;
    opacity: .6;
    transition: all 250ms ease-in-out
}

.blogpost .itemblog .itemboxwhite .theexcerpt {
    margin: 8px 10px 14px;
    background: url(images/menu_dot.png) top repeat-x;
    padding-top: 20px
}

.blogpost .itemblog .itemboxwhite .theexcerpt:hover {
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blogpost .itemblog .itemboxwhite .theexcerpt p {
    line-height: 22px;
    padding: 0 6px 20px 10px;
    margin-bottom: 0;
    background: url(images/menu_dot.png) bottom repeat-x
}

.blogpost .itemblog .itemboxwhite .titleline {
    margin-top: 10px;
    width: 100%
}

.blogpost .itemblog .itemboxwhite .titleline .title h2 {
    overflow: hidden;
    margin-top: 2px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 300;
    margin-right: 8px;
    color: #000;
    margin-bottom: 7px
}

.blogpost .itemblog .itemboxwhite .titleline .title h2 a:hover {
    -khtml-opacity: .6;
    opacity: .6;
    transition: all 250ms ease-in-out
}

.blogpost .itemblog .itemboxwhite .titleline .title .meta a:hover,
.blogpost .itemblog figure figcaption a:hover {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out
}

.blogpost .itemblog .itemboxwhite .titleline .title .meta {
    font-size: 9px;
    line-height: 14px;
    text-transform: uppercase
}

.blogpost .itemblog .itemboxwhite .titleline .title .meta a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    transition: all 250ms ease-in-out
}

.blogpost .itemblog .itemboxwhite .titleline .datebox {
    float: left;
    width: 70px;
    height: 40px;
    background: url(images/date.png) right repeat-y;
    text-align: center
}

.blogpost .itemblog .itemboxwhite .titleline .datebox span.day {
    font-size: 20px;
    line-height: 20px
}

.blogpost .itemblog .itemboxwhite .titleline .datebox span.month {
    font-size: 8px;
    line-height: 8px;
    color: #3a3a3a;
    text-transform: uppercase;
    letter-spacing: 1px
}

.blogpost .itemblog .itemboxwhite .titleline .title {
    margin-left: 85px
}

.blogpost .itemblog figure {
    max-width: 320px;
    min-width: 200px;
    width: 100%;
    height: 100%;
    position: relative
}

.blogpost .itemblog figure img {
    max-width: 320px;
    min-width: 200px;
    width: 100%;
    height: auto
}

.blogpost .itemblog figure figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
}

.blogpost .itemblog figure figcaption a {
    width: 100%;
    height: 100%;
    display: block
}

.blogpost .itemblog figure figcaption a span {
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
    display: block
}

.blogpost .itemblog figure figcaption a span div.black {
    background: rgba(0, 0, 0, .7);
    display: inline-block;
    padding: 7px;
    margin: 0 auto;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.blogpost .itemblog figure figcaption a:hover {
    transition: all 250ms ease-in-out
}

.blogpost .itemblog figure figcaption:hover,
section.singlepage .leftside .sidebar a:hover {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out
}

.blogpost .itemblog figure figcaption:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    transition: all 250ms ease-in-out
}

section.singlepage {
    width: 95%;
    margin: 0 auto;
    max-width: 1286px
}

section.singlepage .leftside {
    float: left;
    display: inline-block;
    vertical-align: top
}

section.singlepage .leftside .sidebar {
    width: 230px;
    margin-top: 24px;
    background: #fff
}

section.singlepage .leftside .sidebar a:hover {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    transition: all 250ms ease-in-out
}

section.singlepage .leftside .sidebar ul.sidebarul {
    margin: 10px 13px
}

section.singlepage .leftside .sidebar ul.sidebarul li.widget {
    margin-top: 30px
}

section.singlepage .leftside .sidebar ul.sidebarul li.widget p {
    padding: 0 15px;
    color: #333;
    line-height: 18px
}

section.singlepage .leftside .sidebar ul.sidebarul li.widget p.follow {
    text-align: center
}

section.singlepage .leftside .sidebar ul.sidebarul li.widget p.tweet {
    text-align: center;
    padding: 0 10px;
    font-size: 11px
}

section.singlepage .leftside .sidebar ul.sidebarul li.widget h2.widgettitle {
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 15px
}

section.singlepage .rightsidebar {
    float: right;
    width: 230px;
    display: inline-block;
    background: #fff;
    vertical-align: top
}

section.singlepage .centerside .inspirationblog .itemblog .notumbinspiration figcaption p,
section.singlepage .centerside .inspirationblog .itemblog .view-effect p {
    display: none
}

section.singlepage .rightsidebar .sidebar {
    width: 230px;
    margin-top: 0;
    background: #fff
}

section.singlepage .rightsidebar .sidebar a:hover {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

section.singlepage .rightsidebar .sidebar ul.sidebarul {
    margin: -10px 13px 10px
}

section.singlepage .rightsidebar .sidebar ul.sidebarul li.widget {
    margin-top: 30px
}

section.singlepage .rightsidebar .sidebar ul.sidebarul li.widget p {
    line-height: 15px;
    color: #161616
}

section.singlepage .rightsidebar .sidebar ul.sidebarul li.widget h2.widgettitle {
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 15px
}

section.singlepage .centerside .inspirationblog .itemblog .notumbinspiration figcaption h2,
section.singlepage .centerside .inspirationblog .itemblog .view-effect h2 {
    margin-bottom: 20px
}

section.singlepage .centerside .margincontentbox {
    margin-right: 20px
}

section.singlepage .rightside {
    overflow: hidden
}

section.singlepage .rightside .margincontentbox {
    margin-left: 20px
}

section.singlepage .rightside section.full {
    max-width: 1012px
}

section.singlepage .rightside section.full #disqus_thread {
    margin-top: 20px;
    background: #fff;
    padding: 15px
}

section.singlepage .rightside section.full section.facebook-comments {
    margin-top: 20px
}

section.singlepage .rightside section.full section.facebook-comments .fb-comments,
section.singlepage .rightside section.full section.facebook-comments .fb-comments span,
section.singlepage .rightside section.full section.facebook-comments .fb-comments span iframe {
    width: 100%!important
}

section.singlepage .rightside section.full section.commentform {
    width: 100%;
    max-width: 1012px;
    margin-top: 15px
}

section.singlepage .rightside section.full section.commentform section.comments {
    width: 49%;
    float: left;
    height: 325px;
    background: #fff
}

section.singlepage .rightside section.full section.commentform section.comments .scrollbox {
    width: 95%;
    margin: 10px auto 0;
    height: 298px;
    overflow: auto
}

section.singlepage .rightside section.full section.commentform section.comments .scrollbox ol.commentlist {
    line-height: 18px;
    padding-right: 5px;
    padding-left: 5px
}

section.singlepage .rightside section.full section.commentform section.comments .scrollbox ol.commentlist li.comment {
    margin-top: 27px
}

section.singlepage .rightside section.full section.commentform section.comments .scrollbox ol.commentlist li.comment p {
    margin-bottom: 0
}

section.singlepage .rightside section.full section.commentform section.comments .scrollbox ol.commentlist li.comment header.comment-author {
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 10px
}

section.singlepage .rightside section.full section.commentform section.comments .scrollbox ol.commentlist li.comment header.comment-author a {
    color: #909090;
    letter-spacing: 1px
}

section.singlepage .rightside section.full section.commentform section.comments .scrollbox ol.commentlist li.comment header.comment-author a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section.singlepage .rightside section.full section.commentform section.comments .scrollbox ol.commentlist li.comment header.comment-author time {
    color: #909090;
    letter-spacing: 1px;
    text-transform: uppercase
}

section.singlepage .rightside section.full section.commentform section.comments .scrollbox ol.commentlist li.comment header.comment-author cite.fn {
    font-style: normal;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1a1a1a
}

section.singlepage .rightside section.full section.commentform section.comments .scrollbox ol.commentlist li.comment header.comment-author cite.fn a {
    color: #1a1a1a
}

section.singlepage .rightside section.full section.commentform section.comments .scrollbox ol.commentlist li.comment header.comment-author cite.fn a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section.singlepage .rightside section.full section.commentform section.respond {
    width: 49%;
    float: right;
    height: 325px;
    background: #fff
}

section.singlepage .rightside section.full section.commentform section.respond h3 {
    width: 100%;
    height: 25px;
    padding-top: 10px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 11px;
    margin-bottom: 22px
}

section.singlepage .rightside section.full section.commentform section.respond .area2 {
    width: 95%;
    margin: 0 auto
}

section.singlepage .rightside section.full section.commentform section.respond .area2 .commenttextarea {
    width: 70%;
    float: left
}

section.singlepage .rightside section.full section.commentform section.respond .area2 .commenttextarea span {
    font-size: 10px;
    line-height: 10px;
    color: #b9b9b9;
    letter-spacing: 1px
}

section.singlepage .rightside section.full section.commentform section.respond .area2 .commenttextarea textarea {
    width: 94%;
    height: 70px;
    margin: 0;
    padding: 4px 5px 4px 10px;
    font-size: 11px;
    line-height: 14px;
    color: #787878;
    text-transform: uppercase;
    letter-spacing: 1px;
    resize: none
}

section.singlepage .rightside section.full section.commentform section.respond .area2 .commenttextarea ::-webkit-input-placeholder {
    font-size: 11px;
    padding-top: 3px;
    color: #787878
}

section.singlepage .rightside section.full section.commentform section.respond .area2 .buttoncomment {
    width: 28%;
    float: right
}

section.singlepage .rightside section.full section.commentform section.respond .area2 .buttoncomment input.submit {
    width: 95%;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 35px;
    padding: 0;
    margin: 0
}

section.singlepage .rightside section.full section.commentform section.respond .area2 .buttoncomment input.submit:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6
}

section.singlepage .rightside section.full section.commentform section.respond .area2 .buttoncomment input.reset {
    width: 95%;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 35px;
    padding: 0;
    margin: 9px 0 0
}

section.singlepage .rightside section.full section.commentform section.respond .area2 .buttoncomment input.reset:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6
}

section.singlepage .rightside section.full section.commentform section.respond .area1 {
    width: 95%;
    margin: 0 auto
}

section.singlepage .rightside section.full section.commentform section.respond .area1 p {
    width: 100%;
    text-align: center;
    font-size: 11px;
    line-height: 11px
}

section.singlepage .rightside section.full section.commentform section.respond .area1 p a {
    color: #000
}

section.singlepage .rightside section.full section.commentform section.respond .area1 p a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section.singlepage .rightside section.full section.commentform section.respond .area1 input {
    width: 95%;
    height: 37px;
    margin: 0 0 11px;
    padding: 0 5px 0 10px;
    font-size: 11px;
    line-height: 11px;
    color: #787878;
    text-transform: uppercase;
    letter-spacing: 1px
}

section.singlepage .rightside section.full section.commentform section.respond .area1 ::-webkit-input-placeholder {
    font-size: 11px;
    padding-top: 3px;
    color: #787878
}

section.singlepage .rightside section.full section.story {
    margin-top: 13px;
    max-width: 1012px;
    background: url(images/line.jpg) bottom repeat-x #fff;
    width: 100%
}

section.singlepage .rightside section.full section.story .boxcontent {
    line-height: 22px;
    padding: 21px 21px 0
}

section.singlepage .rightside section.full section.story .boxcontent h1,
section.singlepage .rightside section.full section.story .boxcontent h2,
section.singlepage .rightside section.full section.story .boxcontent h3,
section.singlepage .rightside section.full section.story .boxcontent h4 {
    line-height: 22px;
    text-transform: uppercase
}

section.singlepage .rightside section.full section.story .boxcontent p {
    line-height: 22px;
    margin-bottom: 26px
}

section.singlepage .rightside section.full section.story .boxcontent p a:hover {
    text-decoration: underline
}

section.singlepage .rightside .soclikesline {
    margin-top: 6px;
    padding-bottom: 10px;
    max-width: 1012px;
    background: url(images/line.jpg) bottom repeat-x
}

section.singlepage .rightside .soclikesline .lefticons a.next,
section.singlepage .rightside .soclikesline .lefticons a.prev {
    display: block;
    font-size: 14px;
    line-height: 14px;
    float: left;
    color: #fff;
    padding: 7px 10px;
    text-transform: uppercase;
    letter-spacing: 1px
}

section.singlepage .rightside .soclikesline .lefticons {
    float: left
}

section.singlepage .rightside .soclikesline .lefticons a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section.singlepage .rightside .soclikesline .lefticons a.next {
    margin-left: 4px
}

section.singlepage .rightside .soclikesline .righticons {
    float: right
}

section.singlepage .rightside .soclikesline .righticons .righticonstext {
    display: inline-block;
    vertical-align: middle;
    color: #161616;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    letter-spacing: 1px
}

section.singlepage .rightside .soclikesline .righticons .righticonsbuttons {
    display: inline-block;
    vertical-align: middle
}

section.singlepage .rightside .soclikesline .righticons .righticonsbuttons a {
    width: 29px;
    height: 29px;
    display: block;
    text-indent: -9999px;
    margin-right: 4px;
    float: left
}

section.singlepage .rightside .soclikesline .righticons .righticonsbuttons a.fbicon,
section.singlepage .rightside .soclikesline .righticons .righticonsbuttons a.fbicon:hover,
section.singlepage .rightside .soclikesline .righticons .righticonsbuttons a.gooplus,
section.singlepage .rightside .soclikesline .righticons .righticonsbuttons a.gooplus:hover,
section.singlepage .rightside .soclikesline .righticons .righticonsbuttons a.twiicon,
section.singlepage .rightside .soclikesline .righticons .righticonsbuttons a.twiicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section.singlepage .rightside .soclikesline .couintbox {
    display: inline-block;
    vertical-align: middle
}

section.singlepage .rightside .soclikesline .couintbox p.post-like {
    margin-left: 6px;
    width: 29px;
    height: 29px;
    display: block;
    margin-bottom: 0;
    position: relative
}

section.singlepage .rightside .soclikesline .couintbox p.post-like:hover span.count {
    display: none
}

section.singlepage .rightside .soclikesline .couintbox p.post-like .like {
    width: 29px;
    height: 29px;
    display: block;
    float: left
}

section.singlepage .rightside .soclikesline .couintbox p.post-like span.count {
    position: absolute;
    top: 7px;
    height: 22px;
    left: 0;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 14px
}

section.singlepage .rightside .soclikesline .soctext {
    display: inline-block;
    vertical-align: middle;
    color: #161616;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    letter-spacing: 1px
}

section.singlepage .rightside header.preview figure.tubmapost {
    max-width: 1000px;
    background: #f3f3f3;
    text-align: center;
    padding: 6px
}

section.singlepage .rightside header.preview figure.tubmapost img {
    width: auto;
    max-width: 100%;
    height: auto
}

section.singlepage .rightside header.preview .previewdivider {
    background: url(images/line.jpg) repeat-x;
    height: 2px;
    width: 100%;
    max-width: 1012px
}

section.singlepage .rightside header.preview .siglepostvide,
section.singlepage .rightside header.preview .siglepostvide embed,
section.singlepage .rightside header.preview .siglepostvide iframe {
    width: 100%;
    max-width: 1012px
}

section.singlepage .rightside header.preview .postslider {
    max-width: 1012px;
    background: #f3f3f3;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    height: auto
}

section.singlepage .rightside header.preview .postslider .flex-direction-nav a.flex-prev {
    text-indent: -9999px;
    position: absolute;
    left: 6px;
    top: 50%;
    margin-top: -62px;
    height: 125px;
    width: 75px;
    background: url(images/left_slide.png) 50% 50% no-repeat rgba(255, 255, 255, .8);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

section.singlepage .rightside header.preview .postslider .flex-direction-nav a.flex-prev:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section.singlepage .rightside header.preview .postslider .flex-direction-nav a.flex-prev:active {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

section.singlepage .rightside header.preview .postslider .flex-direction-nav a.flex-next {
    text-indent: -9999px;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -62px;
    height: 125px;
    width: 75px;
    background: url(images/right_slide.png) 50% 50% no-repeat rgba(255, 255, 255, .8);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

section.singlepage .rightside header.preview .postslider .flex-direction-nav a.flex-next:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section.singlepage .rightside header.preview .postslider .flex-direction-nav a.flex-next:active {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

section.singlepage .rightside header.preview .postslider .flex-viewport {
    margin: 0 6px
}

section.singlepage .rightside header.preview .postslider .flex-viewport ul.slides li {
    text-align: center
}

section.singlepage .rightside header.preview .postslider .flex-viewport ul.slides li img {
    width: auto;
    max-width: 100%;
    height: auto
}

section.singlepage .rightside header.preview .titleline {
    margin-bottom: 12px
}

section.singlepage .rightside header.preview .titleline .title {
    margin-left: 83px
}

section.singlepage .rightside header.preview .titleline .title a {
    color: #000
}

section.singlepage .rightside header.preview .titleline .title a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section.singlepage .rightside header.preview .titleline .title h2 {
    margin-top: 2px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    margin-bottom: 7px
}

section.singlepage .rightside header.preview .titleline .title .meta {
    font-size: 9px;
    line-height: 14px;
    text-transform: uppercase
}

section.singlepage .rightside header.preview .titleline .datebox {
    float: left;
    width: 70px;
    height: 40px;
    background: url(images/date.png) right repeat-y;
    text-align: center
}

section.singlepage .rightside header.preview .titleline .datebox span.day {
    font-size: 20px;
    line-height: 20px
}

section.singlepage .rightside header.preview .titleline .datebox span.month {
    font-size: 8px;
    line-height: 8px;
    color: #3a3a3a;
    text-transform: uppercase;
    letter-spacing: 1px
}

section.singlepage .rightside .postnavigation {
    margin-top: 20px;
    margin-bottom: 23px;
    background: #fff
}

section.singlepage .rightside .postnavigation .categoriesbox {
    width: 49%;
    float: left
}

section.singlepage .rightside .postnavigation .categoriesbox ul.categorieslist {
    margin-left: 25px
}

section.singlepage .rightside .postnavigation .categoriesbox ul.categorieslist li {
    display: inline-block;
    color: #000;
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 9px;
    margin-bottom: 9px
}

section.singlepage .rightside .postnavigation .categoriesbox ul.categorieslist li a {
    color: #000;
    display: block;
    -webkit-transition: all 650ms ease-in-out;
    -moz-transition: all 650ms ease-in-out;
    -ms-transition: all 650ms ease-in-out;
    -o-transition: all 650ms ease-in-out;
    transition: all 650ms ease-in-out;
    padding: 5px 5px 3px
}

section.singlepage .rightside .postnavigation .categoriesbox ul.categorieslist li a:hover {
    outline: 0;
    -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;
    color: #fff
}

section.singlepage .rightside .postnavigation .categoriesbox .title {
    margin: 25px 0 13px 25px;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 1px
}

section.singlepage .rightside .postnavigation .reachsinglbox {
    width: 49%;
    float: right;
    text-align: right
}

section.singlepage .rightside .postnavigation .reachsinglbox .title {
    margin: 25px 25px 13px 0;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 1px
}

section.singlepage .rightside .postnavigation .reachsinglbox .searchform {
    margin-right: 25px;
    margin-bottom: 15px;
    display: inline-block;
    max-width: 270px;
    padding-top: 18px;
    background: url(images/line.jpg) top repeat-x
}

section.singlepage .rightside .postnavigation .reachsinglbox .searchform input[type=text] {
    margin: 0;
    height: 25px;
    width: 160px;
    padding: 0 10px;
    color: #5e5e5e;
    line-height: 9px;
    font-size: 9px;
    text-transform: uppercase;
    vertical-align: middle
}

section.singlepage .rightside .postnavigation .reachsinglbox .searchform input[type=submit] {
    height: 27px;
    padding: 0;
    margin: 0 0 0 6px;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
    background: 0 0;
    color: #000
}

section.singlepage .rightside .postnavigation .reachsinglbox .searchform input[type=submit]:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section.singlepage .rightside .postnavigation .reachsinglbox .searchform ::-webkit-input-placeholder {
    font-size: 9px;
    padding-top: 3px;
    color: #5e5e5e
}

section.singlepage .leftmenubox {
    width: 230px;
    background: #fff;
    height: 100%
}

section.singlepage .leftmenubox header#leftheader {
    position: relative;
    padding-top: 45px
}

section.singlepage .leftmenubox header#leftheader .logo {
    width: 172px;
    margin: 0 auto
}

section.singlepage .leftmenubox header#leftheader h1.customlogo {
    position: absolute;
    width: 100%;
    top: 45px;
    left: 0;
    height: auto;
    text-align: center;
    max-height: 130px
}

section.singlepage .leftmenubox header#leftheader h1.customlogo img {
    max-width: 172px;
    max-height: 130px;
    width: auto;
    height: 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;
    transition: all .2s ease-in-out
}

section.singlepage .leftmenubox header#leftheader h1.customlogo img:hover,
section.singlepage .leftmenubox header#leftheader h1.image {
    -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
}

section.singlepage .leftmenubox header#leftheader h1.customlogo img:hover {
    margin-bottom: 5px;
    margin-top: -5px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    transition: all .2s ease-in-out
}

section.singlepage .leftmenubox header#leftheader h1.image {
    height: 115px;
    top: 45px;
    position: absolute;
    margin: 0 auto;
    display: block;
    transition: all .2s ease-in-out;
    text-indent: -9999px;
    text-align: center
}

section.singlepage .leftmenubox header#leftheader h1.image a {
    width: 172px;
    height: 115px;
    display: block;
    margin: 0 auto
}

section.singlepage .leftmenubox header#leftheader h1.image:hover {
    margin-bottom: 5px;
    margin-top: -5px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -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
}

section.singlepage .leftmenubox header#leftheader .social {
    width: 172px;
    margin: 30px auto
}

section.singlepage .leftmenubox header#leftheader .social .followtitle {
    text-transform: uppercase;
    color: #000;
    font-size: 9px;
    line-height: 9px;
    margin-bottom: 7px
}

section.singlepage .leftmenubox header#leftheader .social a {
    width: 29px;
    height: 29px;
    display: block;
    text-indent: -9999px;
    margin-right: 4px;
    float: left
}

section.singlepage .leftmenubox header#leftheader .social .socialslider {
    padding-top: 2px;
    height: 40px;
    width: 161px;
    overflow-y: hidden
}

section.singlepage .leftmenubox header#leftheader .social .socialslider .socialicons {
    width: 227px
}

section.singlepage .leftmenubox header#leftheader .social a.jspArrow {
    width: 8px;
    height: 5px;
    background: #848484;
    margin: 0
}

section.singlepage .leftmenubox header#leftheader .social a.pinticon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.pinticon:hover,
section.singlepage .leftmenubox header#leftheader .social a.youtubeicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.pinticon:hover {
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section.singlepage .leftmenubox header#leftheader .social a.youtubeicon {
    transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.fbicon,
section.singlepage .leftmenubox header#leftheader .social a.youtubeicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.youtubeicon:hover {
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section.singlepage .leftmenubox header#leftheader .social a.fbicon {
    transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.fbicon:hover,
section.singlepage .leftmenubox header#leftheader .social a.twiicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.fbicon:hover {
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section.singlepage .leftmenubox header#leftheader .social a.twiicon {
    transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.gogicon,
section.singlepage .leftmenubox header#leftheader .social a.twiicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.twiicon:hover {
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section.singlepage .leftmenubox header#leftheader .social a.gogicon {
    transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.gogicon:hover,
section.singlepage .leftmenubox header#leftheader .social a.vimicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.gogicon:hover {
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section.singlepage .leftmenubox header#leftheader .social a.vimicon {
    transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.flickricon,
section.singlepage .leftmenubox header#leftheader .social a.vimicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.vimicon:hover {
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section.singlepage .leftmenubox header#leftheader .social a.flickricon {
    transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.driicon,
section.singlepage .leftmenubox header#leftheader .social a.flickricon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.flickricon:hover {
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section.singlepage .leftmenubox header#leftheader .social a.driicon {
    transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.driicon:hover,
section.singlepage .leftmenubox header#leftheader .social a.instaicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.driicon:hover {
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section.singlepage .leftmenubox header#leftheader .social a.instaicon {
    transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.instaicon:hover,
section.singlepage .leftmenubox header#leftheader .social a.liinicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.instaicon:hover {
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section.singlepage .leftmenubox header#leftheader .social a.liinicon {
    transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.liinicon:hover,
section.singlepage .leftmenubox header#leftheader .social a.picaicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.liinicon:hover {
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section.singlepage .leftmenubox header#leftheader .social a.picaicon {
    transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.picaicon:hover,
section.singlepage .leftmenubox header#leftheader .social a.rssicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.picaicon:hover {
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section.singlepage .leftmenubox header#leftheader .social a.rssicon {
    transition: all 150ms ease-in-out
}

.galleysingle .sharegallery .righticonsbuttons a.fbicon,
section.singlepage .leftmenubox header#leftheader .social a.rssicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader .social a.rssicon:hover {
    transition: all 150ms ease-in-out;
    margin-top: -2px
}

section.singlepage .leftmenubox header#leftheader nav#mobilenav {
    display: none
}

section.singlepage .leftmenubox header#leftheader nav#leftnav {
    width: 230px;
    margin: 145px auto 0
}

section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu {
    width: 172px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    text-transform: uppercase;
    position: relative
}

section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul {
    display: none;
    width: 200px;
    background: #fff;
    position: absolute;
    top: 0;
    z-index: 99999;
    left: 100%
}

section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul li:first-child {
    padding-top: 5px
}

section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul li:last-child {
    padding-bottom: 5px;
    background: 0 0
}

section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul li {
    position: relative;
    width: auto;
    padding-left: 10px;
    font-size: 14px;
    line-height: 14px
}

section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu li:hover>ul {
    display: block
}

section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu a {
    color: #000
}

section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu a:hover {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu li.current-menu-item ul li a {
    color: #000;
    background: 0 0
}

section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu li {
    width: 100%;
    position: relative;
    background: url(images/menu_dot.png) bottom repeat-x
}

section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu li a {
    padding: 9px 0;
    width: 100%;
    background-position: 50% 50%;
    display: block
}

section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu li a:hover {
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out
}

section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu:after {
    content: "";
    clear: both;
    display: block
}

.rightblogpagination {
    display: inline-block;
    float: right;
    font-size: 16px;
    line-height: 16px;
    color: #1a1a1a
}

.rightblogpagination a {
    color: #1a1a1a
}

.rightblogpagination a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#archives .ale-archives .months .year-months a:hover,
#archives .postprevtop a:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

#archives {
    background: url(images/line.jpg) top repeat-x;
    margin-top: 33px;
    padding-top: 22px
}

#archives .ale-archives .year,
#archives .ale-archives h4.a {
    padding: 0;
    display: inline-block;
    color: #1a1a1a;
    font-size: 16px;
    line-height: 16px
}

#archives .postprevtop {
    float: right;
    margin-right: 4px;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1a1a1a
}

#archives .postprevtop a {
    color: #1a1a1a
}

#archives .postprevtop a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    transition: all .3s ease-in-out
}

#archives .ale-archives {
    margin-left: 3px;
    float: left
}

#archives .ale-archives h4.a {
    margin: 0 10px 0 0;
    text-transform: uppercase;
    letter-spacing: 1px
}

#archives .ale-archives .year {
    margin: 0 17px 0 0;
    min-width: 67px;
    text-align: center;
    position: relative
}

#archives .ale-archives .year .down,
#archives .ale-archives .year .up {
    position: absolute;
    top: 4px;
    width: 6px;
    height: 10px;
    display: block;
    text-indent: -9999px
}

#archives .ale-archives .year .up {
    right: 0
}

#archives .ale-archives .year .down {
    left: 0
}

#archives .ale-archives .months {
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    color: #a8a8a8;
    letter-spacing: 1px;
    display: inline-block
}

#archives .ale-archives .months .year-months {
    display: none
}

#archives .ale-archives .months .year-months span {
    margin-right: 6px
}

#archives .ale-archives .months .year-months a {
    margin-right: 6px;
    display: inline-block;
    color: #1a1a1a
}

#archives .ale-archives .months .year-months a:hover {
    color: #a8a8a8;
    transition: all .3s ease-in-out
}

.widget_search input[type=text] {
    width: 142px;
    display: inline-block;
    margin: 0;
    height: 25px;
    padding: 0 10px;
    color: #5e5e5e;
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase;
    vertical-align: middle
}

.widget_search input[type=submit] {
    height: 27px;
    padding: 0;
    color: #000;
    background: 0 0;
    margin: 0 0 0 6px;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle
}

.widget_search input[type=submit]:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.widget_search ::-webkit-input-placeholder {
    font-size: 9px;
    padding-top: 3px;
    color: #5e5e5e
}

.widget_tag_cloud .tagcloud {
    font-size: 13px!important;
    line-height: 13px!important;
    text-align: left
}

.widget_tag_cloud .tagcloud a {
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #fff!important;
    -moz-opacity: 1!important;
    -khtml-opacity: 1!important;
    -webkit-opacity: 1!important;
    opacity: 1!important;
    -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;
    transition: all .4s ease-in-out;
    font-size: 13px!important;
    line-height: 13px!important;
    margin-bottom: 6px;
    margin-right: 3px;
    font-style: italic!important;
    display: inline-block
}

.widget_tag_cloud .tagcloud a:hover {
    background: #333;
    color: #fff!important;
    -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
}

.aletheme-flickr ul.aletheme-flickr-widget li:nth-child(3n+3) {
    margin-right: 0
}

.aletheme-flickr ul.aletheme-flickr-widget li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block
}

.aletheme-flickr ul.aletheme-flickr-widget li img {
    max-width: 60px
}

.aletheme-flickr ul.aletheme-flickr-widget li:hover {
    width: 60px;
    height: 60px;
    display: block
}

.aletheme-flickr ul.aletheme-flickr-widget li:hover img {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.ale_about_widget .aletheme-about-widget {
    text-align: center
}

.ale_about_widget .aletheme-about-widget img {
    max-width: 204px;
    height: auto
}

.ale_about_widget .aletheme-about-widget .text {
    margin-top: 10px
}

.ale_about_widget .aletheme-about-widget .text p {
    line-height: 22px;
    color: #343434!important;
    text-align: center
}

.ale_blog_widget .aletheme-blog-widget {
    margin-top: 5px
}

.ale_blog_widget .aletheme-blog-widget li {
    margin-bottom: 20px
}

.ale_blog_widget .aletheme-blog-widget li .entry-thumb {
    overflow: hidden;
    margin-bottom: 10px
}

.ale_blog_widget .aletheme-blog-widget li .entry-thumb img {
    max-width: 204px;
    height: auto;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.ale_blog_widget .aletheme-blog-widget li .entry-thumb img:hover {
    -moz-opacity: .7!important;
    -khtml-opacity: .7!important;
    -webkit-opacity: .7!important;
    opacity: .7!important;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.ale_blog_widget .aletheme-blog-widget li .detail {
    text-align: center
}

.ale_blog_widget .aletheme-blog-widget li .detail h4.entry-title {
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px
}

.ale_blog_widget .aletheme-blog-widget li .detail h4.entry-title a {
    color: #000;
    font-style: normal!important
}

.ale_blog_widget .aletheme-blog-widget li .detail h4.entry-title a:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -moz-opacity: .7!important;
    -khtml-opacity: .7!important;
    -webkit-opacity: .7!important;
    opacity: .7!important;
    text-decoration: none
}

.ale_blog_widget .aletheme-blog-widget li .detail span.entry-meta {
    font-size: 11px;
    line-height: 11px;
    color: #777
}

.widget_archive ul ul,
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_product_categories ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul {
    margin-left: 15px;
    background: url(images/menu_dot.png) top repeat-x
}

.widget_archive ul ul li a,
.widget_categories ul ul li a,
.widget_meta ul ul li a,
.widget_nav_menu ul ul li a,
.widget_pages ul ul li a,
.widget_product_categories ul ul li a,
.widget_recent_comments ul ul li a,
.widget_recent_entries ul ul li a {
    font-size: 12px
}

.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_product_categories ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li {
    text-transform: uppercase;
    position: relative;
    background: url(images/menu_dot.png) bottom repeat-x;
    width: 100%
}

.widget_archive ul li a,
.widget_categories ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a,
.widget_pages ul li a,
.widget_product_categories ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a {
    padding: 6px 0 6px 5px;
    display: block;
    font-size: 14px;
    color: #000!important
}

.widget_recent_comments ul li {
    padding: 6px 0 6px 5px
}

.widget_text .textwidget {
    line-height: 22px;
    text-align: center
}

.widget_calendar {
    text-align: center;
    display: block;
    margin: 0 auto
}

.widget_calendar #wp-calendar {
    width: 100%
}

.widget_calendar #wp-calendar caption {
    text-align: center;
    font-weight: 600;
    color: #333;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 15px
}

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

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

.widget_calendar #wp-calendar tbody {
    color: #aaa
}

.widget_calendar #wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    padding: 5px
}

.widget_calendar #wp-calendar tbody td:hover {
    background: #fff
}

.widget_calendar #wp-calendar tbody .pad {
    background: 0 0
}

.widget_calendar #wp-calendar tfoot #next {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right
}

.widget_calendar #wp-calendar tfoot #prev {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 10px;
    text-align: left
}

.boxwithgalleries {
    width: 100%;
    max-width: 1038px
}

.boxwithgalleries .gallbox {
    float: left;
    max-width: 320px;
    width: 30%;
    height: auto;
    margin-right: 3%;
    margin-bottom: 30px;
    min-width: 200px;
    background: #fff
}

.boxwithgalleries .gallbox figure {
    width: 100%;
    height: 100%;
    position: relative
}

.boxwithgalleries .gallbox figure img {
    width: 100%;
    height: auto
}

.boxwithgalleries .gallbox figure figcaption {
    position: absolute;
    top: 80%;
    left: 0;
    width: 100%;
    height: 20%
}

.boxwithgalleries .gallbox figure figcaption:hover,
.boxwithgalleries .gallbox figure:hover figcaption {
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.boxwithgalleries .gallbox figure figcaption span.title {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    text-align: center;
    padding: 30px 20px 15px;
    display: none;
    text-transform: uppercase
}

.boxwithgalleries .gallbox figure figcaption span.plusimage {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    width: 60px;
    height: 85px;
    margin: 0 auto
}

.boxwithgalleries .gallbox figure figcaption span.category {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.boxwithgalleries .gallbox figure figcaption:hover {
    height: 100%;
    transition: all .3s ease-in-out
}

.boxwithgalleries .gallbox figure figcaption:hover span.plusimage,
.boxwithgalleries .gallbox figure figcaption:hover span.title {
    display: block;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1
}

.boxwithgalleries .gallbox figure figcaption a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    color: #fff
}

.boxwithgalleries .gallbox figure:hover figcaption {
    height: 100%;
    transition: all .3s ease-in-out
}

.boxwithgalleries .gallbox figure:hover figcaption span.plusimage,
.boxwithgalleries .gallbox figure:hover figcaption span.title {
    display: block;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1
}

.galleysingle {
    width: 95%;
    max-width: 1012px
}

.galleysingle .thetitlegallery {
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #000;
    font-weight: 300;
    padding-left: 5px;
    background: url(images/line.jpg) bottom repeat-x;
    padding-bottom: 10px;
    margin: 5px 0 10px
}

.galleysingle .thetitlegallery h2 {
    font-weight: 400;
    margin-bottom: 0;
    display: inline-block;
    margin-right: 100px
}

.galleysingle .thetitlegallery .goback {
    display: block;
    margin-right: 10px;
    float: right;
    font-size: 14px;
    line-height: 14px;
    color: #000;
    text-transform: uppercase;
    font-weight: 400
}

.galleysingle .thetitlegallery .goback:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.galleysingle .gallerydata {
    margin: 0 5px 30px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
    color: #656565;
    text-transform: uppercase
}

.galleysingle .sharegallery {
    background: url(images/line.jpg) top repeat-x;
    padding-top: 10px;
    text-align: right
}

.galleysingle .sharegallery .righticonstext {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    color: #161616;
    letter-spacing: 1px
}

.galleysingle .sharegallery .righticonsbuttons {
    display: inline-block;
    text-indent: -9999px;
    vertical-align: middle
}

.galleysingle .sharegallery .righticonsbuttons a {
    width: 29px;
    height: 29px;
    display: block;
    text-indent: -9999px;
    margin-right: 4px;
    float: left
}

.galleysingle .gallerybox,
.galleysingle .gallerybox .galleryslider {
    position: relative;
    width: 100%;
    height: auto
}

.galleysingle .sharegallery .righticonsbuttons a.fbicon {
    text-indent: -9999px;
    transition: all 150ms ease-in-out
}

.galleysingle .sharegallery .righticonsbuttons a.fbicon:hover,
.galleysingle .sharegallery .righticonsbuttons a.twiicon {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

.galleysingle .sharegallery .righticonsbuttons a.fbicon:hover {
    transition: all 150ms ease-in-out
}

.galleysingle .sharegallery .righticonsbuttons a.twiicon {
    text-indent: -9999px;
    transition: all 150ms ease-in-out
}

.galleysingle .sharegallery .righticonsbuttons a.gooplus,
.galleysingle .sharegallery .righticonsbuttons a.twiicon:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
}

.galleysingle .sharegallery .righticonsbuttons a.twiicon:hover {
    transition: all 150ms ease-in-out
}

.galleysingle .sharegallery .righticonsbuttons a.gooplus {
    text-indent: -9999px;
    transition: all 150ms ease-in-out
}

.galleysingle .sharegallery .righticonsbuttons a.gooplus:hover {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

.galleysingle .gallerycontent {
    margin: 20px 0;
    background: #fff;
    padding: 20px 25px 0
}

.galleysingle .gallerycontent p {
    line-height: 18px;
    color: #000;
    margin-bottom: 25px
}

.galleysingle .gallerybox .galleryslider {
    overflow: hidden
}

.galleysingle .gallerybox .galleryslider:hover .flex-direction-nav a.flex-next,
.galleysingle .gallerybox .galleryslider:hover .flex-direction-nav a.flex-prev {
    top: 50%;
    margin-top: -62px;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -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;
    transition: all .4s ease-in-out
}

.galleysingle .gallerybox .galleryslider .flex-direction-nav a.flex-prev {
    text-indent: -9999px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -125px;
    height: 125px;
    width: 75px;
    background: url(images/left_slide.png) 50% 50% no-repeat rgba(255, 255, 255, .8);
    -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;
    transition: all .4s ease-in-out;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
}

.galleysingle .gallerybox .galleryslider .flex-direction-nav a.flex-prev:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.galleysingle .gallerybox .galleryslider .flex-direction-nav a.flex-prev:active {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

.galleysingle .gallerybox .galleryslider .flex-direction-nav a.flex-next {
    text-indent: -9999px;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -125px;
    height: 125px;
    width: 75px;
    background: url(images/right_slide.png) 50% 50% no-repeat rgba(255, 255, 255, .8);
    -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;
    transition: all .4s ease-in-out;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
}

.galleysingle .gallerybox .carousel:hover .flex-prev,
.galleysingle .gallerybox .galleryslider .flex-direction-nav a.flex-next:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.galleysingle .gallerybox .galleryslider .flex-direction-nav a.flex-next:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    transition: all .3s ease-in-out
}

.galleysingle .gallerybox .galleryslider .flex-direction-nav a.flex-next:active {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

.galleysingle .gallerybox .galleryslider ul.slides li {
    position: relative;
    text-align: center
}

.galleysingle .gallerybox .galleryslider ul.slides li .textcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: rgba(255, 255, 255, .6)
}

.galleysingle .gallerybox .galleryslider ul.slides li img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 900px
}

.galleysingle .gallerybox .carousel {
    background: #000;
    position: relative;
    width: 100%
}

.galleysingle .gallerybox .carousel:hover .flex-prev {
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    transition: all .3s ease-in-out;
    background: url(images/minileft.png) 50% 50% no-repeat #fff
}

.galleysingle .gallerybox .carousel:hover .flex-next {
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    background: url(images/miniright.png) 50% 50% no-repeat #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.galleysingle .gallerybox .carousel .flex-viewport li img:hover,
.pressarchive .pressstyle .rightbox .titleline .title h2 a:hover {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out
}

.galleysingle .gallerybox .carousel .flex-prev {
    position: absolute;
    top: 0;
    text-indent: -9999px;
    left: 0;
    width: 40px;
    height: 130px;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    background: url(images/minileft.png) 50% 50% no-repeat rgba(255, 255, 255, .7)
}

.galleysingle .gallerybox .carousel .flex-next {
    position: absolute;
    text-indent: -9999px;
    top: 0;
    right: 0;
    width: 40px;
    height: 130px;
    background: url(images/miniright.png) 50% 50% no-repeat rgba(255, 255, 255, .7);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
}

.galleysingle .gallerybox .carousel .flex-viewport {
    padding: 10px 0;
    background: rgba(255, 255, 255, .6)
}

.galleysingle .gallerybox .carousel .flex-viewport li img:hover {
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    transition: all 250ms ease-in-out
}

.inspirationbox blockquote.inspiration {
    width: 35%;
    float: right;
    margin-right: 10px;
    margin-top: 0!important
}

.inspirationbox .topinspiration {
    width: 100%;
    max-width: 1012px
}

.inspirationbox .topinspiration #inspirationslider {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    max-width: 1012px;
    height: 380px
}

.inspirationbox .topinspiration #inspirationslider a.left,
.inspirationbox .topinspiration #inspirationslider a.right {
    top: -70px;
    -khtml-opacity: 0;
    height: 70px;
    margin-top: 0;
    width: 45px;
    display: block;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    position: absolute;
    text-indent: -9999px
}

.inspirationbox .topinspiration #inspirationslider a.left {
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    left: 0;
    transition: all .6s ease-in-out;
    background: url(images/minileft.png) 50% 50% no-repeat rgba(255, 255, 255, .5)
}

.inspirationbox .topinspiration #inspirationslider a.left:hover {
    background: url(images/minileft.png) 50% 50% no-repeat rgba(255, 255, 255, .8)
}

.inspirationbox .topinspiration #inspirationslider a.right {
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    right: 0;
    transition: all .6s ease-in-out;
    background: url(images/miniright.png) 50% 50% no-repeat rgba(255, 255, 255, .5)
}

.inspirationbox .topinspiration #inspirationslider a.right:hover {
    background: url(images/miniright.png) 50% 50% no-repeat rgba(255, 255, 255, .8)
}

.inspirationbox .topinspiration #inspirationslider:hover a.left,
.inspirationbox .topinspiration #inspirationslider:hover a.right {
    position: absolute;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    top: 50%;
    margin-top: -35px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.inspirationbox .topinspiration #inspirationslider .items {
    width: 20000em;
    position: absolute
}

.inspirationbox .topinspiration #inspirationslider .items div {
    float: left
}

.toppagination {
    display: inline-block;
    float: right
}

.toppagination .pagpages {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #8d8d8d;
    color: #8d8d8d
}

.toppagination .paglinks {
    float: left
}

.toppagination a {
    color: #000!important
}

.toppagination a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.inspirationblog .itemblog {
    width: 33%;
    margin: 0;
    max-width: 337px;
    background: 0 0;
    box-shadow: none;
    border: none
}

.inspirationblog .itemblog:hover {
    box-shadow: none
}

.inspirationblog .itemblog .notumbinspiration {
    margin-bottom: 2%;
    width: 98%;
    height: 98%;
    max-width: 330px;
    max-height: 212px;
    float: left;
    overflow: hidden;
    position: relative
}

.inspirationblog .itemblog .notumbinspiration img {
    width: 100%;
    height: auto;
    max-width: 330px;
    max-height: 212px
}

.inspirationblog .itemblog .notumbinspiration figcaption {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1
}

.inspirationblog .itemblog .notumbinspiration figcaption h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    border-bottom: 1px solid #f5f5f5;
    padding: 10px;
    margin: 20px 40px 0
}

.inspirationblog .itemblog .notumbinspiration figcaption p {
    line-height: 19px;
    font-style: italic;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}

.inspirationblog .itemblog .notumbinspiration figcaption a {
    width: auto;
    height: auto;
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #fff;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.inspirationblog .itemblog .notumbinspiration figcaption a:hover {
    background: #fff;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -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
}

.inspirationblog .itemblog .view {
    min-width: 200px;
    margin-bottom: 2%;
    width: 98%;
    height: 98%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default
}

.inspirationblog .itemblog .view .content,
.inspirationblog .itemblog .view .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

.inspirationblog .itemblog .view img {
    display: block;
    position: relative;
    width: 100%;
    height: auto
}

.inspirationblog .itemblog .view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    padding: 10px;
    margin: 20px 0 0
}

.inspirationblog .itemblog .view p {
    line-height: 19px;
    font-style: italic;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}

.inspirationblog .itemblog .view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #fff;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.inspirationblog .itemblog .view-effect img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.inspirationblog .itemblog .view-effect .mask,
.inspirationblog .itemblog .view-effect h2 {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    opacity: 0
}

.inspirationblog .itemblog .view-effect .mask {
    transition: all .5s linear
}

.inspirationblog .itemblog .view-effect h2 {
    border-bottom: 1px solid #f5f5f5;
    background: 0 0;
    margin: 20px 40px 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .5s linear
}

.inspirationblog .itemblog .view-effect a.info,
.inspirationblog .itemblog .view-effect p {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear
}

.inspirationblog .itemblog .view-effect:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    opacity: 0
}

.inspirationblog .itemblog .view-effect:hover .mask {
    opacity: 1
}

.inspirationblog .itemblog .view-effect:hover a.info,
.inspirationblog .itemblog .view-effect:hover h2,
.inspirationblog .itemblog .view-effect:hover p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.inspirationblog .itemblog .view-effect a.info:hover {
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -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
}

.videopagevide iframe {
    width: 100%!important;
    max-width: 1012px
}

figure.videobox {
    width: 100%;
    height: auto
}

figure.videobox iframe {
    width: 100%!important
}

.pagelayout section.story {
    background: #fff;
    padding: 20px
}

.pagelayout section.story h1,
.pagelayout section.story h2,
.pagelayout section.story h3,
.pagelayout section.story h4 {
    line-height: 22px;
    text-transform: uppercase
}

.pagelayout section.story p {
    line-height: 22px;
    margin-bottom: 26px
}

.pagelayout section.story p a {
    text-decoration: none
}

.pagelayout section.story p a:hover {
    text-decoration: underline
}

.aboutpage .videoaboutbox {
    margin-top: 20px
}

.aboutpage .videoaboutbox .videocode {
    display: none
}

.aboutpage .videoaboutbox .videotitle {
    width: 100%;
    height: 37px;
    cursor: pointer
}

.aboutpage .videoaboutbox .videotitle:hover .plus,
.aboutpage .videoaboutbox .videotitle:hover .text {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.aboutpage .videoaboutbox .videotitle .text {
    display: inline-block;
    float: left;
    margin-left: 18px;
    margin-top: 12px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase
}

.aboutpage .videoaboutbox .videotitle .plus {
    display: inline-block;
    float: right;
    font-size: 54px;
    line-height: 0;
    color: #fff;
    margin-right: 12px;
    margin-top: 12px;
    font-weight: 300
}

.aboutpage .videoaboutbox iframe {
    width: 100%!important
}

.aboutpage .contentaboutbox {
    width: 100%;
    margin-bottom: 20px
}

.aboutpage .contentaboutbox h1,
.aboutpage .contentaboutbox h2,
.aboutpage .contentaboutbox h3,
.aboutpage .contentaboutbox h4,
.aboutpage .contentaboutbox h5,
.aboutpage .contentaboutbox h6 {
    text-transform: uppercase
}

.aboutpage .contentaboutbox .leftboxabout {
    width: 49%;
    float: left;
    background: #fff
}

.aboutpage .contentaboutbox .rightboxabout {
    width: 49%;
    float: right;
    background: #fff
}

.aboutpage .contentaboutbox .rightboxabout .seconddata {
    margin-bottom: 20px
}

.aboutpage .contentaboutbox .aboutslider {
    position: relative;
    max-width: 460px;
    margin-bottom: 5px
}

.aboutpage .contentaboutbox .aboutslider ul,
.aboutpage .contentaboutbox .aboutslider ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.aboutpage .contentaboutbox .aboutslider .flex-prev {
    position: absolute;
    top: 50%;
    left: 0;
    text-indent: -9999px;
    height: 70px;
    margin-top: -35px;
    width: 45px;
    display: block;
    background: url(images/minileft.png) 50% 50% no-repeat rgba(255, 255, 255, .5)
}

.aboutpage .contentaboutbox .aboutslider .flex-prev:hover {
    background: url(images/minileft.png) 50% 50% no-repeat rgba(255, 255, 255, .8)
}

.aboutpage .contentaboutbox .aboutslider .flex-next {
    position: absolute;
    top: 50%;
    right: 0;
    text-indent: -9999px;
    height: 70px;
    margin-top: -35px;
    width: 45px;
    display: block;
    background: url(images/miniright.png) 50% 50% no-repeat rgba(255, 255, 255, .5)
}

.aboutpage .contentaboutbox .aboutslider .flex-next:hover {
    background: url(images/miniright.png) 50% 50% no-repeat rgba(255, 255, 255, .8)
}

.aboutpage .contentaboutbox .paddingbox {
    padding: 20px;
    line-height: 20px;
    color: #000
}

.aboutpage .contentaboutbox .paddingbox p {
    line-height: 20px;
    margin-bottom: 25px
}

.aboutpage .quotebox,
header.page-title {
    margin-bottom: 20px
}

.aboutpage .quotebox figure {
    width: 100%;
    height: auto;
    min-height: 200px;
    position: relative
}

.aboutpage .quotebox figure img {
    width: 100%;
    height: auto;
    min-height: 200px
}

.aboutpage .quotebox figure figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff
}

.aboutpage .quotebox figure figcaption:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.contactpage .rightcontactbox figure figcaption:hover,
header.page-title .goback:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.aboutpage .quotebox figure figcaption p {
    padding: 50px 80px 10px;
    font-size: 13px;
    line-height: 17px;
    text-align: center
}

header.page-title {
    margin-top: 20px;
    padding-bottom: 12px;
    padding-left: 10px;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #000;
    background: url(images/line.jpg) bottom repeat-x
}

header.page-title .toppagination {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px
}

header.page-title h2 {
    margin-bottom: 0;
    display: inline-block;
    margin-right: 100px
}

header.page-title .goback {
    display: block;
    margin-right: 10px;
    float: right;
    font-size: 14px;
    line-height: 14px;
    color: #000;
    text-transform: uppercase
}

header.page-title .goback:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    transition: all .3s ease-in-out
}

.contactpage .mapbox {
    margin-top: 15px
}

.contactpage .mapbox iframe {
    width: 100%!important
}

.contactpage .leftcontactbox {
    width: 49%;
    float: left;
    background: #fff
}

.contactpage .leftcontactbox .formbox .error,
.contactpage .leftcontactbox .formbox .success {
    line-height: 12px;
    text-align: center;
    display: block
}

.contactpage .leftcontactbox .formbox p.ta {
    text-align: center;
    margin-bottom: 16px
}

.contactpage .leftcontactbox .formbox .commcont {
    width: 90%;
    padding: 0 10px;
    margin: 0 auto 35px
}

.contactpage .leftcontactbox .formbox .commenttextarea {
    margin-left: -8px;
    width: 70%;
    float: left
}

.contactpage .leftcontactbox .formbox .commenttextarea span {
    font-size: 10px;
    line-height: 10px;
    color: #b9b9b9;
    letter-spacing: 1px
}

.contactpage .leftcontactbox .formbox .commenttextarea textarea {
    width: 94%;
    height: 70px;
    margin: 0;
    padding: 4px 5px 4px 10px;
    font-size: 12px;
    line-height: 14px;
    color: #787878;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    resize: none
}

.contactpage .leftcontactbox .formbox .commenttextarea ::-webkit-input-placeholder {
    font-size: 12px;
    padding-top: 3px;
    color: #787878;
    font-weight: 300
}

.contactpage .leftcontactbox .formbox .buttoncomment {
    margin-right: -10px;
    width: 28%;
    float: right
}

.contactpage .leftcontactbox .formbox .buttoncomment input.submit {
    width: 95%;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 35px;
    padding: 0;
    margin: 0
}

.contactpage .leftcontactbox .formbox .buttoncomment input.submit:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6
}

.contactpage .leftcontactbox .formbox .buttoncomment input.reset {
    width: 95%;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    height: 35px;
    padding: 0;
    margin: 9px 0 0
}

.contactpage .leftcontactbox .formbox .buttoncomment input.reset:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6
}

.contactpage .leftcontactbox .formbox input[type=text],
.contactpage .leftcontactbox .formbox input[type=email] {
    width: 90%;
    margin: 0 auto;
    height: 37px;
    padding: 0 5px 0 10px;
    color: #5e5e5e;
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    vertical-align: middle
}

.contactpage .leftcontactbox .formbox ::-webkit-input-placeholder {
    font-size: 12px;
    padding-top: 3px;
    color: #787878
}

.contactpage .leftcontactbox .formbox .contactformtitle {
    margin-top: 18px;
    margin-bottom: 20px;
    width: 100%;
    padding: 10px 0;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px
}

.contactpage .rightcontactbox {
    width: 49%;
    float: right
}

.contactpage .rightcontactbox figure {
    position: relative;
    width: 100%;
    height: 100%
}

.contactpage .rightcontactbox figure img {
    width: 100%;
    height: auto;
    min-height: 414px
}

.contactpage .rightcontactbox figure figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    line-height: 17px;
    font-size: 13px
}

.contactpage .rightcontactbox figure figcaption:hover {
    transition: all .3s ease-in-out
}

.pressarchive .pressstyle .image figure figcaption,
.pressarchive .pressstyle .image figure:hover figcaption {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.contactpage .rightcontactbox figure figcaption p {
    font-size: 13px;
    line-height: 17px;
    padding-left: 20px;
    padding-right: 20px
}

.contactpage .rightcontactbox figure figcaption h1 {
    color: #fff;
    margin: 40px 0 20px;
    letter-spacing: 1px;
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase
}

.pressarchive {
    margin-left: 2px
}

.pressarchive .pressstyle {
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left;
    background: #fff;
    height: auto;
    max-height: 200px;
    min-width: 410px;
    overflow: hidden;
    box-shadow: 0 0 1px #bfbfbf
}

.pressarchive .pressstyle:hover {
    border: none;
    box-shadow: 1px 1px 3px #a5a5a5
}

.pressarchive .pressstyle .image {
    float: left;
    max-width: 228px;
    max-height: 183px;
    width: 45%
}

.pressarchive .pressstyle .image figure {
    position: relative;
    width: 100%;
    height: 100%
}

.pressarchive .pressstyle .image figure:hover figcaption {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    transition: all .3s ease-in-out
}

.pressarchive .pressstyle .image figure:hover figcaption a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative
}

.pressarchive .pressstyle .image figure:hover figcaption a span {
    font-size: 16px;
    line-height: 16px
}

.pressarchive .pressstyle .image figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-in-out
}

.pressarchive .pressstyle .image figure figcaption span {
    position: absolute;
    font-size: 0;
    top: 45%;
    left: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.pressarchive .pressstyle .rightbox .titleline .title .meta a,
.pressarchive .pressstyle .rightbox .titleline .title h2 a {
    color: #000
}

.pressarchive .pressstyle .image img {
    width: 100%;
    height: auto;
    max-width: 250px
}

.pressarchive .pressstyle .rightbox {
    width: 54%;
    float: left
}

.pressarchive .pressstyle .rightbox .excerptpress {
    margin: 10px 10px 10px 20px;
    background: url(images/menu_dot.png) top repeat-x;
    line-height: 19px;
    padding-top: 15px
}

.pressarchive .pressstyle .rightbox .excerptpress:hover {
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pressarchive .pressstyle .rightbox .titleline {
    margin-top: 10px;
    width: 100%
}

.pressarchive .pressstyle .rightbox .titleline .title h2 {
    overflow: hidden;
    margin-top: 2px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    margin-right: 8px;
    color: #000;
    margin-bottom: 7px
}

.pressarchive .pressstyle .rightbox .titleline .title h2 a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    transition: all 250ms ease-in-out
}

.aletheme-mostcommented-widget li.mostcommentedpost figure figcaption:hover,
.pressarchive .pressstyle .rightbox .titleline .title .meta a:hover {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out
}

.pressarchive .pressstyle .rightbox .titleline .title .meta {
    font-size: 9px;
    line-height: 14px;
    text-transform: uppercase
}

.pressarchive .pressstyle .rightbox .titleline .title .meta a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    transition: all 250ms ease-in-out
}

.pressarchive .pressstyle .rightbox .titleline .datebox {
    float: left;
    width: 70px;
    height: 40px;
    background: url(images/date.png) right repeat-y;
    text-align: center
}

.pressarchive .pressstyle .rightbox .titleline .datebox span.day {
    font-size: 20px;
    line-height: 20px
}

.pressarchive .pressstyle .rightbox .titleline .datebox span.month {
    font-size: 8px;
    line-height: 8px;
    color: #3a3a3a;
    text-transform: uppercase;
    letter-spacing: 1px
}

.pressarchive .pressstyle .rightbox .titleline .title {
    margin-left: 85px
}

.aletheme-mostcommented-widget li.mostcommentedpost {
    width: 200px;
    height: 145px;
    margin-bottom: 16px
}

.aletheme-mostcommented-widget li.mostcommentedpost figure {
    width: 200px;
    height: 145px;
    display: block;
    position: relative
}

.aletheme-mostcommented-widget li.mostcommentedpost figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
}

.aletheme-mostcommented-widget li.mostcommentedpost figure figcaption:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    transition: all 250ms ease-in-out
}

.aletheme-mostcommented-widget li.mostcommentedpost figure figcaption a {
    color: #fff!important;
    font-style: normal!important;
    display: inline-block
}

.aletheme-mostcommented-widget li.mostcommentedpost figure figcaption a:hover {
    -moz-opacity: 1!important;
    -khtml-opacity: 1!important;
    -webkit-opacity: 1!important;
    opacity: 1!important;
    text-decoration: none!important
}

.aletheme-mostcommented-widget li.mostcommentedpost figure figcaption span.title {
    text-transform: uppercase;
    display: block;
    padding: 40px 10px 5px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 300
}

.aletheme-mostcommented-widget li.mostcommentedpost figure figcaption span.category {
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    display: block
}

.aletheme-mostcommented-widget li.mostcommentedpost figure figcaption div.commentnum {
    min-width: 84px;
    display: inline-block;
    margin-top: 35px;
    padding: 6px 12px;
    line-height: 12px;
    font-style: normal;
    text-transform: uppercase;
    background: rgba(0, 0, 0, .7);
    color: #fff
}

.aletheme-mostcommented-widget li.no-thumb {
    width: 200px;
    height: 145px;
    margin-bottom: 16px
}

.aletheme-mostcommented-widget li.no-thumb figure {
    width: 200px;
    height: 145px;
    display: block;
    position: relative
}

.aletheme-mostcommented-widget li.no-thumb figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.aletheme-mostcommented-widget li.no-thumb figure figcaption:hover {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

section.defaultwp nav#comment-nav-below a:hover,
section.error a:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.aletheme-mostcommented-widget li.no-thumb figure figcaption a {
    color: #fff!important;
    font-style: normal!important;
    display: inline-block
}

.aletheme-mostcommented-widget li.no-thumb figure figcaption a:hover {
    -moz-opacity: 1!important;
    -khtml-opacity: 1!important;
    -webkit-opacity: 1!important;
    opacity: 1!important;
    text-decoration: none!important
}

.aletheme-mostcommented-widget li.no-thumb figure figcaption span.title {
    text-transform: uppercase;
    display: block;
    padding: 40px 10px 5px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 300
}

.aletheme-mostcommented-widget li.no-thumb figure figcaption span.category {
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    display: block
}

.aletheme-mostcommented-widget li.no-thumb figure figcaption div.commentnum {
    min-width: 84px;
    display: inline-block;
    margin-top: 35px;
    padding: 6px 12px;
    font-style: normal;
    line-height: 12px;
    text-transform: uppercase;
    background: rgba(0, 0, 0, .7);
    color: #fff
}

section.error {
    padding: 20px;
    background: #fff
}

section.error p.er404 {
    text-align: center;
    font-size: 70px;
    line-height: 70px;
    margin-top: 50px;
    text-transform: uppercase;
    color: #c7c7c7;
    font-weight: 400
}

section.error p {
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 35px
}

section.error .buttons {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px
}

section.error a {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1px
}

section.error a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    transition: all .3s ease-in-out
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspHorizontalBar,
.jspPane,
.jspVerticalBar {
    position: absolute
}

.jspVerticalBar {
    top: 0;
    right: 0;
    width: 5px;
    height: 100%
}

.jspHorizontalBar {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px
}

.jspDrag,
.jspTrack,
.shopslider {
    position: relative
}

.jspHorizontalBar *,
.jspVerticalBar * {
    margin: 0;
    padding: 0
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspDrag {
    top: 0;
    left: 0;
    cursor: pointer
}

.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

.jspArrow.jspDisabled {
    cursor: default
}

.jspVerticalBar .jspArrow {
    height: 5px
}

.jspHorizontalBar .jspArrow {
    width: 5px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: 0
}

.jspCorner {
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    z-index: 1
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -o-transition-property: -o-transform, opacity;
    -webkit-transition-property: left, top, opacity;
    -moz-transition-property: left, top, opacity;
    -ms-transition-property: left, top, opacity;
    transition-property: left, top, opacity
}

.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.bypostauthor,
.gallery-caption,
.sticky,
.tags {
    margin: 0
}

.scrollcategory {
    width: 100%;
    height: 76px;
    margin-bottom: 15px;
    overflow: auto
}

.comments-closed {
    text-align: center;
    color: #646464
}

section.defaultwp nav#comment-nav-below {
    margin-top: 15px;
    text-align: center
}

section.defaultwp nav#comment-nav-below a:hover {
    color: #000;
    transition: all .3s ease-in-out
}

section.defaultwp #respond p.form-submit input#submit:hover,
section.defaultwp .respondbox #respond a:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

section.defaultwp nav#comment-nav-below h1.assistive-text {
    font-size: 14px;
    line-height: 14px
}

section.defaultwp .respondbox {
    width: 99%;
    margin: 0 auto 10px
}

section.defaultwp .respondbox h3#reply-title {
    text-transform: uppercase
}

section.defaultwp .respondbox #respond {
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 0 3px #bfbfbf;
    padding: 20px
}

section.defaultwp .respondbox #respond a:hover {
    color: #000;
    transition: all .3s ease-in-out
}

section.defaultwp #respond p.comment-notes {
    text-align: center;
    color: #717171
}

section.defaultwp #respond p.comment-form-comment {
    padding-top: 0!important;
    text-align: center
}

section.defaultwp #respond p.comment-form-author,
section.defaultwp #respond p.comment-form-email,
section.defaultwp #respond p.comment-form-url {
    width: 70%;
    padding-top: 0!important;
    margin: 0 auto 15px
}

section.defaultwp #respond p.comment-form-author label,
section.defaultwp #respond p.comment-form-email label,
section.defaultwp #respond p.comment-form-url label {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase
}

section.defaultwp #respond p.comment-form-author input,
section.defaultwp #respond p.comment-form-email input,
section.defaultwp #respond p.comment-form-url input {
    width: 100%;
    color: #5e5e5e;
    margin-top: 15px;
    height: 25px;
    resize: none;
    line-height: 9px;
    font-size: 9px;
    text-transform: uppercase
}

section.defaultwp #respond p.logged-in-as {
    text-align: center;
    color: #383838
}

section.defaultwp #respond p.form-submit {
    margin-top: 15px;
    text-align: center
}

section.defaultwp #respond p.form-submit input#submit {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 7px 10px
}

section.defaultwp #respond p.form-submit input#submit:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    transition: all .3s ease-in-out
}

section.defaultwp #respond p.form-allowed-tags {
    text-align: center;
    width: 70%;
    color: #717171;
    margin: 0 auto
}

section.defaultwp #respond p.form-allowed-tags code {
    display: inline-block;
    margin-top: 10px;
    padding: 15px;
    box-shadow: 0 0 2px #cdcdcd
}

section.defaultwp #respond p.comment-form-comment label {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase
}

section.defaultwp #respond p.comment-form-comment textarea {
    width: 70%;
    display: inline-block;
    margin-top: 15px;
    height: 100px;
    color: #5e5e5e;
    resize: none;
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase
}

.story-pages p,
section.defaultwp #comments li.comment #respond h3#reply-title,
section.defaultwp #comments li.comment #respond h3#reply-title small,
section.defaultwp #comments li.pingback #respond h3#reply-title,
section.defaultwp #comments li.pingback #respond h3#reply-title small,
section.defaultwp #comments li.trackback #respond h3#reply-title,
section.defaultwp #comments li.trackback #respond h3#reply-title small {
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase
}

section.defaultwp #comments {
    margin: 0 auto;
    width: 99%
}

section.defaultwp #comments li.comment,
section.defaultwp #comments li.pingback,
section.defaultwp #comments li.trackback {
    background: #fff;
    margin-top: 20px;
    box-shadow: 0 0 3px #bfbfbf;
    list-style: none;
    padding: 20px
}

section.defaultwp #comments li.comment #respond,
section.defaultwp #comments li.pingback #respond,
section.defaultwp #comments li.trackback #respond {
    margin-top: 20px;
    box-shadow: 0 0 3px #bfbfbf;
    padding: 20px
}

section.defaultwp #comments li.comment .comment-author,
section.defaultwp #comments li.pingback .comment-author,
section.defaultwp #comments li.trackback .comment-author {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    margin-bottom: 20px;
    width: 49%;
    text-align: left;
    color: #000
}

section.defaultwp #comments li.comment .comment-author cite.fn,
section.defaultwp #comments li.pingback .comment-author cite.fn,
section.defaultwp #comments li.trackback .comment-author cite.fn {
    display: inline-block;
    padding-left: 6px;
    font-style: normal!important
}

section.defaultwp #comments li.comment .comment-author cite.fn a,
section.defaultwp #comments li.pingback .comment-author cite.fn a,
section.defaultwp #comments li.trackback .comment-author cite.fn a {
    display: inline-block;
    vertical-align: top
}

section.defaultwp #comments li.comment .comment-author span.says,
section.defaultwp #comments li.pingback .comment-author span.says,
section.defaultwp #comments li.trackback .comment-author span.says {
    color: #878787
}

section.defaultwp #comments li.comment .comment-meta,
section.defaultwp #comments li.pingback .comment-meta,
section.defaultwp #comments li.trackback .comment-meta {
    text-align: right;
    width: 49%;
    display: inline-block;
    vertical-align: top
}

section.defaultwp #comments li.comment a:hover,
section.defaultwp #comments li.pingback a:hover,
section.defaultwp #comments li.trackback a:hover {
    color: #000;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.shopslider:hover .flex-direction-nav a.flex-next,
.shopslider:hover .flex-direction-nav a.flex-prev {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.shopslider {
    overflow: hidden;
    margin-bottom: 15px
}

.shopslider ul.slides {
    overflow: hidden
}

.shopslider ul.slides li img {
    width: 100%;
    height: auto
}

.shopslider:hover .flex-direction-nav a.flex-prev {
    margin-left: 0;
    transition: all .3s ease
}

.shopslider:hover .flex-direction-nav a.flex-next {
    margin-right: 0;
    transition: all .3s ease
}

.shopslider .flex-direction-nav a.flex-prev {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -62px;
    height: 125px;
    width: 75px;
    margin-left: -75px;
    background: url(images/left_slide.png) 50% 50% no-repeat rgba(255, 255, 255, .8);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

.shopslider .flex-direction-nav a.flex-next:hover,
.shopslider .flex-direction-nav a.flex-prev:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.shopslider .flex-direction-nav a.flex-prev:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    transition: all .3s ease-in-out
}

.shopslider .flex-direction-nav a.flex-prev:active {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

.shopslider .flex-direction-nav a.flex-next {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -62px;
    height: 125px;
    width: 75px;
    margin-right: -75px;
    background: url(images/right_slide.png) 50% 50% no-repeat rgba(255, 255, 255, .8);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

.shopslider .flex-direction-nav a.flex-next:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    transition: all .3s ease-in-out
}

.story-pages p a:hover,
nav.prev-next-links a:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.shopslider .flex-direction-nav a.flex-next:active {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5
}

.story-pages {
    text-align: center
}

.story-pages p {
    text-align: center;
    letter-spacing: 1px;
    color: #000
}

.story-pages p a:hover {
    color: #000;
    transition: all .3s ease-in-out
}

.story .gallery-columns-3 dl.gallery-item {
    width: 33%;
    float: left;
    text-align: center
}

.story .gallery-columns-2 dl.gallery-item {
    width: 49%;
    float: left;
    text-align: center
}

.story .gallery-columns-4 dl.gallery-item {
    width: 25%;
    float: left;
    text-align: center
}

.story .gallery-columns-5 dl.gallery-item {
    width: 20%;
    float: left;
    text-align: center
}

.story .gallery-columns-6 dl.gallery-item {
    width: 16%;
    float: left;
    text-align: center
}

.story .gallery-columns-10 dl.gallery-item,
.story .gallery-columns-7 dl.gallery-item,
.story .gallery-columns-8 dl.gallery-item,
.story .gallery-columns-9 dl.gallery-item {
    width: 14%;
    float: left;
    text-align: center
}

.story dl.gallery-item {
    margin: 0;
    box-shadow: none;
    padding: 0;
    color: #4a4a4a;
    text-align: center;
    display: block
}

.story dl.gallery-item dt {
    width: auto;
    float: none;
    display: block;
    margin: 0 auto;
    font-size: 13px;
    line-height: 13px;
    color: #000;
    text-transform: uppercase
}

.story dl.gallery-item dd {
    display: block;
    margin: 0 auto;
    line-height: 18px
}

.story .gallery-caption,
.story .gallery-item a {
    width: 100%
}

.story .gallery-item a {
    display: block
}

.story .gallery-caption a {
    display: inline
}

.story .gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto
}

.story .gallery .gallery-icon img {
    height: auto;
    max-width: 100%;
    padding: 5%
}

.story .gallery-columns-1 .gallery-icon img {
    padding: 3%
}

nav.prev-next-links {
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 14px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px
}

nav.prev-next-links a {
    color: #000
}

nav.prev-next-links a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    transition: all .3s ease-in-out
}

form.protected-post-form,
form.protected-post-form p {
    text-align: center;
    color: #787878
}

form.protected-post-form p label {
    display: block;
    text-align: center
}

form.protected-post-form p input[type=submit] {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 7px 10px
}

form.protected-post-form p input[type=submit]:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

form.protected-post-form p input[type=password] {
    width: 70%;
    display: block;
    margin: 15px auto;
    color: #5e5e5e;
    height: 25px;
    resize: none;
    line-height: 9px;
    font-size: 9px;
    text-transform: uppercase
}

.gallerygrid .homecustomcontent {
    background: #fff;
    padding: 20px;
    line-height: 19px
}

.gallerygrid .filtertitle {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    padding-top: 4px;
    vertical-align: top;
    margin-right: 10px
}

.gallerygrid #filters {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px
}

.gallerygrid #filters li.activefilter a {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    color: #fff
}

.gallerygrid #filters li {
    display: inline-block;
    color: #000;
    line-height: 9px;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 9px;
    margin-bottom: 9px
}

.gallerygrid #filters li a {
    color: #000;
    display: block;
    padding: 5px 5px 3px;
    -webkit-transition: all 650ms ease-in-out;
    -moz-transition: all 650ms ease-in-out;
    -ms-transition: all 650ms ease-in-out;
    -o-transition: all 650ms ease-in-out;
    transition: all 650ms ease-in-out
}

.gallerygrid #filters li a:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.gallerygrid .recentgaleriesitems .itemblog {
    width: 23%;
    margin-right: 1.6%;
    float: left;
    margin-bottom: 20px
}

.gallerygrid .recentgaleriesitems .element:nth-child(4n+4) {
    margin-right: 0
}

.gallerygrid .recentgaleriesitems .element {
    width: 24%;
    max-width: 310px;
    margin-bottom: 15px!important;
    margin-right: 1.33333%
}

.gallerygrid .recentgaleriesitems .element figure {
    width: 100%
}

.gallerygrid .recentgaleriesitems .element figure img {
    width: 100%;
    max-width: 310px;
    height: auto
}

.gallerygrid #galcontainer,
.gallerygrid #galcontainerhome {
    min-height: 20px
}

.gallerygrid #galcontainer .element,
.gallerygrid #galcontainerhome .element {
    float: left;
    display: inline-block;
    margin-bottom: 10px
}

.gallerygrid #galcontainer .element figure,
.gallerygrid #galcontainerhome .element figure {
    position: relative
}

.gallerygrid #galcontainer .element figure:hover .titlegalleryfilter .lefticon,
.gallerygrid #galcontainerhome .element figure:hover .titlegalleryfilter .lefticon {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-repeat: no-repeat
}

.gallerygrid #galcontainer .element figure figcaption,
.gallerygrid #galcontainerhome .element figure figcaption {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%
}

.gallerygrid #galcontainer .element figure figcaption a,
.gallerygrid #galcontainerhome .element figure figcaption a {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
}

.gallerygrid #galcontainer .element figure figcaption a span,
.gallerygrid #galcontainerhome .element figure figcaption a span {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    line-height: 14px;
    font-size: 1px;
    -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
}

.gallerygrid #galcontainer .element figure figcaption:hover a,
.gallerygrid #galcontainerhome .element figure figcaption:hover a {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.gallerygrid #galcontainer .element figure figcaption:hover a span,
.gallerygrid #galcontainerhome .element figure figcaption:hover a span {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    font-size: 16px;
    line-height: 14px;
    width: 100%;
    text-align: center;
    top: 30%;
    color: #fff;
    -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
}

.gallerygrid #galcontainer .element .titlegalleryfilter,
.gallerygrid #galcontainerhome .element .titlegalleryfilter {
    background: #fff;
    height: 40px;
    width: 100%
}

.gallerygrid #galcontainer .element .titlegalleryfilter .lefticon,
.gallerygrid #galcontainerhome .element .titlegalleryfilter .lefticon {
    width: 40px;
    height: 40px;
    float: left;
    background-position: 50% 50%
}

.gallerygrid #galcontainer .element .titlegalleryfilter .titleitem,
.gallerygrid #galcontainerhome .element .titlegalleryfilter .titleitem {
    margin-left: 46px;
    margin-top: 13px;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase
}

.gallerygrid #galcontainer .element .titlegalleryfilter .titleitem a,
.gallerygrid #galcontainerhome .element .titlegalleryfilter .titleitem a {
    color: #4a4a4a
}

.gallerythree #galcontainer .element {
    width: 33.22222%
}

.gallerythree #galcontainer .element figure {
    margin-right: 10px;
    max-width: 330px;
    height: auto
}

.gallerythree #galcontainer .element figure img {
    width: 100%;
    max-width: 330px;
    height: auto
}

.gallerytwo #galcontainer .element {
    width: 49.8%
}

.gallerytwo #galcontainer .element figure {
    margin-right: 10px;
    max-width: 500px;
    height: auto
}

.gallerytwo #galcontainer .element figure img {
    width: 100%;
    max-width: 500px;
    height: auto
}

.galleryfour #galcontainer .element {
    width: 24.8%
}

.galleryfour #galcontainer .element figure {
    margin-right: 10px;
    max-width: 245px;
    height: auto
}

.galleryfour #galcontainer .element figure img {
    width: 100%;
    max-width: 245px;
    height: auto
}

.nivoSlider {
    margin-top: 20px;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}

.nivoSlider:hover .nivo-directionNav a {
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
    top: 50%;
    margin-top: -62px
}

.nivoSlider:hover .nivo-caption {
    top: 70%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.nivoSlider:hover .nivo-caption .mainslidertitle {
    left: 20px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.nivoSlider:hover .nivo-caption .mainsliderdescription {
    top: 40px;
    -webkit-transition: all 1.1s ease-in-out;
    -moz-transition: all 1.1s ease-in-out;
    -ms-transition: all 1.1s ease-in-out;
    -o-transition: all 1.1s ease-in-out;
    transition: all 1.1s ease-in-out
}

.nivoSlider img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    height: auto;
    width: auto
}

.nivo-main-image {
    display: block!important;
    position: relative!important;
    width: 100%!important
}

.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
    background: #fff;
    opacity: 0
}

.nivo-box,
.nivo-slice {
    z-index: 5;
    position: absolute
}

.nivo-box,
.nivo-box img,
.nivo-slice {
    display: block
}

.nivo-slice {
    height: 100%;
    top: 0
}

.nivo-box {
    overflow: hidden
}

.nivo-caption {
    position: absolute;
    left: 0;
    top: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: rgba(255, 255, 255, .4);
    color: #000;
    line-height: 19px;
    width: 100%;
    z-index: 8;
    padding: 5px 10px;
    overflow: hidden;
    display: none;
    height: 30%
}

.nivo-caption .mainslidertitle {
    position: absolute;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    top: 20px;
    left: -100%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.nivo-caption .mainsliderdescription {
    position: absolute;
    left: 0;
    margin: 20px;
    line-height: 19px;
    top: 100%
}

.nivo-caption .mainsliderdescription .sliderlinkmore {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    margin-top: 10px;
    display: block!important;
    width: 110px;
    height: 20px;
    text-align: center;
    padding-top: 6px
}

.nivo-caption .mainsliderdescription .sliderlinkmore:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.nivo-directionNav a,
.ourteambox .itemteam figure:hover figcaption {
    -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
}

.nivo-caption p {
    padding: 5px;
    margin: 0
}

.nivo-caption a {
    display: inline!important
}

.nivo-html-caption {
    display: none
}

.nivo-directionNav a {
    position: absolute;
    top: 0;
    margin-top: -125px;
    text-indent: -9999px;
    z-index: 9;
    cursor: pointer;
    transition: all .5s ease-in-out
}

.nivo-prevNav {
    left: 0;
    height: 125px;
    width: 75px;
    background: url(images/left_slide.png) 50% 50% no-repeat rgba(255, 255, 255, .5)
}

.nivo-prevNav:hover {
    background: url(images/left_slide.png) 50% 50% no-repeat rgba(255, 255, 255, .8)
}

.nivo-nextNav {
    right: 0;
    height: 125px;
    width: 75px;
    background: url(images/right_slide.png) 50% 50% no-repeat rgba(255, 255, 255, .5)
}

.nivo-nextNav:hover {
    background: url(images/right_slide.png) 50% 50% no-repeat rgba(255, 255, 255, .8)
}

.nivo-controlNav {
    text-align: center;
    padding: 15px 0
}

.nivo-controlNav a {
    cursor: pointer
}

.ourteambox .itemteam {
    width: 33.3333%;
    float: left
}

.ourteambox .itemteam figure {
    width: 95%;
    background: #fff;
    text-align: center;
    box-shadow: 1px 1px 2px #d0d0d0;
    margin-bottom: 3px;
    overflow: hidden;
    position: relative
}

.ourteambox .itemteam figure:hover figcaption {
    transition: all .5s ease-in-out;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    left: 0
}

.ourteambox .itemteam figure img {
    width: 100%;
    height: auto;
    max-width: 335px
}

.ourteambox .itemteam figure figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    top: 0;
    left: -100%;
    -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
}

.aboutthree .abouttoggle a,
.threeboxescontact .boxcontwo .contactdetails a:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.ourteambox .itemteam figure figcaption .name {
    margin-top: 30%;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 7px
}

.ourteambox .itemteam figure figcaption .profession {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px
}

.ourteambox .itemteam figure figcaption .email,
.ourteambox .itemteam figure figcaption .socsites {
    color: #fff;
    line-height: 14px;
    margin-bottom: 3px
}

.ourteambox .itemteam figure figcaption .email a,
.ourteambox .itemteam figure figcaption .socsites a {
    color: #fff
}

.ourteambox .itemteam figure figcaption .email a:hover,
.ourteambox .itemteam figure figcaption .socsites a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6
}

.abouttwo .abouttworight .ourskill {
    padding: 20px 15px 26px
}

.abouttwo .abouttworight .ourskill .skillul {
    width: 100%;
    margin: 0;
    padding: 0
}

.abouttwo .abouttworight .ourskill .skillul li {
    list-style: none;
    margin-bottom: 15px
}

.abouttwo .abouttworight .ourskill .skillul li span.title {
    line-height: 15px;
    display: block;
    margin-bottom: 5px
}

.abouttwo .abouttwoleft .whiteaboutbox .paddingabouttwo p,
.contacttwostory {
    line-height: 19px
}

.abouttwo .abouttworight .ourskill .skillul li .skillline {
    width: 100%;
    height: 20px
}

.abouttwo .abouttworight .ourskill .skillul li .skillline .countline {
    height: 20px
}

.abouttwo .abouttwoleft {
    width: 66%;
    float: left
}

.abouttwo .abouttwoleft .whiteaboutbox {
    background: #fff;
    width: 97%
}

.abouttwo .abouttwoleft .whiteaboutbox .paddingabouttwo {
    line-height: 19px;
    padding: 20px
}

.abouttwo .abouttworight {
    background: #fff;
    width: 33%;
    float: left
}

.contacttwostory {
    color: #262626
}

.threeboxescontact {
    margin-bottom: 40px
}

.threeboxescontact .boxcontwo {
    width: 33%;
    float: left
}

.threeboxescontact .boxcontwo .title {
    width: 93%;
    background: url(images/line.jpg) bottom repeat-x;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase
}

.threeboxescontact .boxcontwo .adressbox {
    line-height: 19px;
    color: #686868;
    padding-left: 21px;
    background: url(images/icons/adressic.png) top left no-repeat;
    margin-left: 5px
}

.threeboxescontact .boxcontwo .phoneconsbox {
    font-size: 22px;
    line-height: 19px;
    color: #000;
    padding-left: 21px;
    background: url(images/icons/phoneic.png) top left no-repeat;
    margin-left: 5px
}

.threeboxescontact .boxcontwo .contactdetails {
    color: #686868;
    line-height: 19px;
    margin-left: 5px
}

.threeboxescontact .boxcontwo .contactdetails span.pmico {
    display: block;
    padding-left: 24px;
    background: url(images/icons/pmic.png) left 50% no-repeat;
    margin-bottom: 11px;
    min-height: 13px
}

.threeboxescontact .boxcontwo .contactdetails span.twiico {
    display: block;
    padding-left: 24px;
    background: url(images/icons/conttwiic.png) left 50% no-repeat;
    min-height: 11px
}

.threeboxescontact .boxcontwo .contactdetails a {
    color: #686868;
    text-decoration: underline
}

.threeboxescontact .boxcontwo .contactdetails a:hover {
    text-decoration: none;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    transition: all .3s ease-in-out
}

.aboutthreeteam .itemteam .teamphotobox .masktemphoto,
.aboutthreeteam .itemteam .teamphotobox .masktemphoto a:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.contactformtwo {
    margin-top: 30px;
    background: #fff;
    margin-bottom: 25px
}

.contactformtwo .formbox {
    margin: 20px
}

.contactformtwo .formbox label {
    font-size: 16px;
    line-height: 16px;
    color: #5d5d5d;
    display: block;
    margin-bottom: 10px;
    font-weight: 300;
    text-transform: uppercase
}

.contactformtwo .formbox .buttoncomment {
    width: 98%;
    margin-top: 10px;
    text-align: right
}

.contactformtwo .formbox .buttoncomment input.reset,
.contactformtwo .formbox .buttoncomment input.submit {
    width: 110px;
    font-size: 14px;
    color: #fff;
    height: 35px;
    padding: 0;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.contactformtwo .formbox .buttoncomment input.submit {
    margin: 0 10px 0 0
}

.contactformtwo .formbox .buttoncomment input.submit:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6
}

.contactformtwo .formbox .buttoncomment input.reset {
    font-weight: 400;
    margin: 9px 0 0
}

.contactformtwo .formbox .buttoncomment input.reset:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6
}

.contactformtwo .formbox textarea {
    width: 96%;
    height: 70px;
    margin: 0;
    padding: 4px 5px 4px 10px;
    font-size: 12px;
    line-height: 14px;
    color: #787878;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    resize: none
}

.contactformtwo .formbox ::-webkit-input-placeholder {
    font-size: 12px;
    padding-top: 3px;
    color: #787878;
    font-weight: 300
}

.contactformtwo .formbox .emailtwo,
.contactformtwo .formbox .nametwo,
.contactformtwo .formbox .phonetwo {
    float: left;
    margin-bottom: 30px;
    width: 33%
}

.contactformtwo .formbox .emailtwo input[type=text],
.contactformtwo .formbox .emailtwo input[type=email],
.contactformtwo .formbox .nametwo input[type=text],
.contactformtwo .formbox .nametwo input[type=email],
.contactformtwo .formbox .phonetwo input[type=text],
.contactformtwo .formbox .phonetwo input[type=email] {
    width: 90%;
    margin: 0 auto;
    height: 37px;
    padding: 0 5px 0 10px;
    color: #5e5e5e;
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    vertical-align: middle
}

.contactformtwo .formbox .emailtwo ::-webkit-input-placeholder,
.contactformtwo .formbox .nametwo ::-webkit-input-placeholder,
.contactformtwo .formbox .phonetwo ::-webkit-input-placeholder {
    font-size: 12px;
    padding-top: 3px;
    color: #787878
}

.aboutthreeteam .itemteam:nth-child(3) {
    margin-right: 0
}

.aboutthreeteam .itemteam {
    width: 32%;
    margin-right: 2%
}

.aboutthreeteam .itemteam .teamdesc {
    text-align: center
}

.aboutthreeteam .itemteam .teamdesc .title {
    font-weight: 300;
    font-size: 20px;
    color: #3a3a3a;
    text-transform: uppercase;
    margin-bottom: 10px
}

.aboutthreeteam .itemteam .teamdesc .prof {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 15px;
    text-transform: uppercase
}

.aboutthreeteam .itemteam .teamdesc .descteam {
    margin-left: 30px;
    margin-right: 30px
}

.aboutthreeteam .itemteam .teamphotobox {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden
}

.aboutthreeteam .itemteam .teamphotobox .masktemphoto {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease
}

.aboutthreeteam .itemteam .teamphotobox .masktemphoto a {
    position: relative;
    display: inline-block;
    top: 45%;
    width: 29px;
    height: 29px;
    margin-left: 4px;
    margin-right: 4px;
    text-indent: -9999px
}

.aboutthreeteam .itemteam .teamphotobox .masktemphoto a:hover {
    transition: all .3s ease
}

.aboutthree .abouttoggle .itemtoggle .titletog .iconplu,
.aboutthreeteam .itemteam .teamphotobox:hover .masktemphoto {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.aboutthreeteam .itemteam .teamphotobox .masktemphoto a.fbiconteam:hover {
    background: url(images/social/fb.png) 50% 50% no-repeat #333
}

.aboutthreeteam .itemteam .teamphotobox .masktemphoto a.twiiconteam:hover {
    background: url(images/social/twi.png) 50% 50% no-repeat #333
}

.aboutthreeteam .itemteam .teamphotobox .masktemphoto a.giconteam:hover {
    background: url(images/social/gog.png) 50% 50% no-repeat #333
}

.aboutthreeteam .itemteam .teamphotobox .masktemphoto a.piniconteam:hover {
    background: url(images/social/pin.png) 50% 50% no-repeat #333
}

.aboutthreeteam .itemteam .teamphotobox:hover .masktemphoto {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    transition: all .3s ease
}

.aboutthreeteam .itemteam .teamphotobox img {
    max-width: 100%;
    height: auto
}

.chart {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 150px;
    margin-top: 35px;
    margin-bottom: 35px;
    text-align: center
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0
}

.percent {
    display: inline-block;
    line-height: 150px;
    z-index: 2
}

.percent:after {
    content: '%';
    font-size: 37px;
    color: #3e454d
}

.pieboxes {
    padding-bottom: 25px;
    background: #fff
}

.pieboxes .pieitem {
    width: 25%;
    float: left;
    text-align: center
}

.pieboxes .pieitem .pietitle {
    font-size: 20px;
    font-weight: 300;
    color: #3a3a3a;
    text-transform: uppercase
}

.aboutthree .abouttoggle a {
    color: #fff;
    transition: all .3s ease-in-out
}

.aboutthree .abouttoggle a:hover {
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.aboutthree .abouttoggle .itemtoggle {
    margin-bottom: 15px
}

.aboutthree .abouttoggle .itemtoggle .titletog {
    height: 42px;
    background: rgba(0, 0, 0, .5);
    line-height: 42px;
    font-size: 20px;
    color: #fff;
    font-weight: 300
}

.aboutthree .abouttoggle .itemtoggle .titletog .iconplu {
    float: left;
    overflow: hidden;
    width: 27px;
    height: 27px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: inline-block;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 8px;
    line-height: 13px;
    color: #fff;
    text-align: center;
    font-size: 54px;
    cursor: pointer;
    transition: all .3s ease
}

.aboutthree .abouttoggle .itemtoggle .titletog .iconplu:hover {
    background: #333;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.ale-slider-slides a.flex-prev:hover,
.centeredpost .newtitle a:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.aboutthree .abouttoggle .itemtoggle .titlecontent {
    display: none;
    margin: 15px 20px 15px 50px
}

.aboutthree .abouttoggle .itemtoggle .titlecontent p {
    color: #fff;
    text-shadow: 0 0 1px #000;
    font-size: 13px
}

.aboutthree .theprevieabout {
    margin: 0 0 25px
}

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

.aboutthree h2.abouttheetitle {
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    color: #3a3a3a;
    margin-bottom: 20px
}

.aboutthree .aboutdescr {
    margin: 0 15px 20px;
    text-align: center
}

.aboutthree .aboutdescr p {
    text-align: center
}

.woocommerce #content div.product div.images div.thumbnails a:nth-child(4),
.woocommerce div.product div.images div.thumbnails a:nth-child(4),
.woocommerce-page #content div.product div.images div.thumbnails a:nth-child(4),
.woocommerce-page div.product div.images div.thumbnails a:nth-child(4) {
    margin-right: 0!important
}

.centeredpost .newtitle {
    text-align: center;
    font-size: 20px;
    margin: 30px 10px 15px
}

.centeredpost .newtitle h2 {
    font-weight: 300!important;
    font-size: 20px
}

.centeredpost .newtitle a {
    color: #3a3a3a
}

.centeredpost .newtitle a:hover {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    transition: all .3s ease-in-out
}

.centeredpost .newexcerpt {
    margin: 30px 20px 20px;
    padding-bottom: 5px;
    text-align: center;
    background: url(images/menu_dot.png) bottom repeat-x
}

.centeredpost .newexcerpt p {
    text-align: center
}

.centeredpost .newdate {
    text-align: center;
    color: #3a3a3a;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300
}

.centeredpost .newdate .datebox {
    display: inline-block;
    position: relative
}

.centeredpost .newdate .datebox:after,
.centeredpost .newdate .datebox:before {
    content: " ";
    position: absolute;
    top: 50%;
    height: 1px;
    background: url(images/menu_dot.png) top repeat-x;
    width: 40px;
    display: block
}

.centeredpost .newdate .datebox:before {
    left: -50px
}

.centeredpost .newdate .datebox:after {
    right: -50px
}

.ale-slider-slides a.flex-next,
.ale-slider-slides a.flex-prev {
    position: absolute;
    margin-top: -32px;
    height: 70px;
    width: 45px;
    text-indent: -9999px;
    top: 50%
}

.ale-slider-slides {
    margin-bottom: 20px
}

.ale-slider-slides .flexslider .descr .text,
.ale-slider-slides .flexslider .descr .text p,
.ale-slider-slides .flexslider .descr h3 {
    color: #fff!important
}

.ale-slider-slides a.flex-prev {
    left: 0;
    background: url(images/minileft.png) 50% 50% no-repeat rgba(255, 255, 255, .5)
}

.ale-slider-slides a.flex-prev:hover {
    background: url(images/minileft.png) 50% 50% no-repeat rgba(255, 255, 255, .8);
    transition: all .3s ease-in-out
}

.ale-slider-slides a.flex-next {
    right: 0;
    background: url(images/miniright.png) 50% 50% no-repeat rgba(255, 255, 255, .5)
}

.ale-slider-slides a.flex-next:hover {
    background: url(images/miniright.png) 50% 50% no-repeat rgba(255, 255, 255, .8);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.homeonebottomgal {
    width: 95%;
    margin: 0 auto;
    max-width: 1286px
}

.styleselectorbox {
    z-index: 999;
    position: fixed;
    top: 50%;
    right: 0;
    width: 227px;
    margin-right: -227px;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    margin-top: -190px;
    height: 385px
}

.styleselectorbox .leftselectorbox {
    width: 53px;
    margin-left: -53px;
    height: 111px;
    float: left;
    cursor: pointer;
    background: url(images/skin/skin.jpg) no-repeat
}

.styleselectorbox .leftselectorbox:hover {
    -moz-opacity: .95;
    -khtml-opacity: .95;
    -webkit-opacity: .95;
    opacity: .95;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.styleselectorbox .rightselectorbox {
    width: 227px;
    height: 385px;
    background: #fff;
    display: block;
    float: left
}

.styleselectorbox .rightselectorbox .boxesbox {
    margin: 14px
}

.styleselectorbox .rightselectorbox .boxesbox .st {
    width: 198px;
    height: 58px;
    margin-right: 12px;
    margin-bottom: 12px;
    float: left;
    background: url(images/skin/st.jpg) no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .divboxer {
    height: 7px;
    width: 100%;
    display: block;
    background: #e8e8e8;
    margin-bottom: 12px
}

.styleselectorbox .rightselectorbox .boxesbox .bo {
    width: 58px;
    height: 58px;
    display: block;
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
    position: relative;
    cursor: pointer
}

.styleselectorbox .rightselectorbox .boxesbox .bo .ckeck {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 50% 0 no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .bo .ckeck:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background: url(images/skin/check.png) 50% 30% no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .bo .active {
    background: url(images/skin/check.png) 50% 30% no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .p3,
.styleselectorbox .rightselectorbox .boxesbox .p6,
.styleselectorbox .rightselectorbox .boxesbox .s0,
.styleselectorbox .rightselectorbox .boxesbox .s3,
.styleselectorbox .rightselectorbox .boxesbox .s6,
.styleselectorbox .rightselectorbox .boxesbox .s9 {
    margin-right: 0
}

.styleselectorbox .rightselectorbox .boxesbox .s1 {
    background: url(images/skin/orange.jpg) no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .s2 {
    background: url(images/skin/red.jpg) no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .s3 {
    background: url(images/skin/black.jpg) no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .s4 {
    background: url(images/skin/blue.jpg) no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .s5 {
    background: url(images/skin/green.jpg) no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .s6 {
    background: url(images/skin/purple.jpg) no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .s7 {
    background: url(images/skin/asbestos.jpg) no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .s8 {
    background: url(images/skin/sea.jpg) no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .s9 {
    background: url(images/skin/nephritis.jpg) no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .p1 {
    background: url(images/skin/p1.jpg) no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .p2 {
    background: url(images/skin/p2.jpg) no-repeat
}

.styleselectorbox .rightselectorbox .boxesbox .p3 {
    background: url(images/skin/p3.jpg) no-repeat
}

@media (max-width:1294px) {
    .inspirationblog .itemblog .notumbinspiration figcaption p,
    .inspirationblog .itemblog .view-effect p {
        display: none
    }
    .inspirationblog .itemblog .notumbinspiration figcaption h2,
    .inspirationblog .itemblog .view-effect h2 {
        margin-bottom: 20px
    }
    .testimonialblog .itemblog .notumbtestimonial figcaption .textup,
    .testimonialblog .itemblog .view-first:hover .textup {
        font-size: 10px;
        line-height: 12px
    }
    .testimonialblog .itemblog .notumbtestimonial figcaption h2,
    .testimonialblog .itemblog .view-first:hover h2 {
        font-size: 14px;
        line-height: 14px
    }
    .home-bottom .aboutmainbox {
        margin: 0 auto 20px;
        width: 95%;
        height: 205px;
        float: none
    }
    .home-bottom .aboutmainbox .scrollbox {
        width: 95%;
        height: 100px;
        margin: 0 auto
    }
    .home-bottom .threemainboxes {
        width: 95%;
        min-width: 95%;
        margin: 0 auto;
        height: auto;
        float: none
    }
    .home-bottom .threemainboxes .recentwork {
        max-width: none;
        width: 30%;
        margin: 0 4.9999% 0 0
    }
    .home-bottom .threemainboxes .recentwork .whitebox {
        height: 100%
    }
    .home-bottom .threemainboxes .recentwork .whitebox .category {
        margin-bottom: 10px
    }
    .home-bottom .threemainboxes .recentwork .whitebox .title {
        width: 90%
    }
    .home-bottom .threemainboxes .recentwork figure img {
        width: 100%;
        height: auto
    }
    .home-bottom .threemainboxes .letsdiscus {
        max-width: none;
        width: 30%;
        margin: 0
    }
    .home-bottom .threemainboxes .letsdiscus .whitebox {
        height: 100%
    }
    .home-bottom .threemainboxes .letsdiscus .whitebox .category {
        margin-bottom: 10px
    }
    .home-bottom .threemainboxes .letsdiscus .whitebox .title {
        width: 90%
    }
    .home-bottom .threemainboxes .letsdiscus figure img {
        width: 100%;
        height: auto
    }
    .home-bottom .threemainboxes .mostvoted {
        max-width: none;
        width: 30%;
        margin: 0 0 0 4.9999%
    }
    .home-bottom .threemainboxes .mostvoted .whitebox {
        height: 100%
    }
    .home-bottom .threemainboxes .mostvoted .whitebox .category {
        margin-bottom: 10px
    }
    .home-bottom .threemainboxes .mostvoted .whitebox .title {
        width: 90%
    }
    .home-bottom .threemainboxes .mostvoted figure img {
        width: 100%;
        height: auto
    }
}

@media (max-width:1280px) {
    section#homepage .flexslider {
        max-width: 780px
    }
    section#homepage .flexslider ul.slides li {
        width: 100%;
        overflow: hidden
    }
    section#homepage .flexslider ul.slides li img {
        min-height: 530px;
        width: auto
    }
}

@media (max-width:1270px) {
    section#homepage .flexslider {
        max-width: 770px
    }
}

@media (max-width:1260px) {
    section#homepage .flexslider {
        max-width: 760px
    }
}

@media (max-width:1250px) {
    section#homepage .flexslider {
        max-width: 750px
    }
}

@media (max-width:1240px) {
    section#homepage .flexslider {
        max-width: 740px
    }
}

@media (max-width:1230px) {
    section#homepage .flexslider {
        max-width: 730px
    }
}

@media (max-width:1220px) {
    section#homepage .flexslider {
        max-width: 720px
    }
}

@media (max-width:1210px) {
    section#homepage .flexslider {
        max-width: 710px
    }
}

@media (max-width:1200px) {
    section#homepage .flexslider {
        max-width: 700px
    }
}

@media (max-width:1190px) {
    section#homepage .flexslider {
        max-width: 690px
    }
}

@media (max-width:1180px) {
    section#homepage .flexslider {
        max-width: 680px
    }
}

@media (max-width:1170px) {
    section#homepage .flexslider {
        max-width: 670px
    }
}

@media (max-width:1160px) {
    section#homepage .flexslider {
        max-width: 660px
    }
}

@media (max-width:1150px) {
    section#homepage .flexslider {
        max-width: 650px
    }
}

@media (max-width:1140px) {
    section#homepage .flexslider {
        max-width: 640px
    }
}

@media (max-width:1130px) {
    section#homepage .flexslider {
        max-width: 630px
    }
}

@media (max-width:1120px) {
    section#homepage .flexslider {
        margin-bottom: 60px
    }
    section#homepage .flexslider .rightbox {
        margin: 0 0 -60px;
        padding: 0;
        left: 0;
        top: auto;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 50px
    }
    section#homepage .flexslider .rightbox .rightothermenu {
        margin: 0;
        width: 100%
    }
    section#homepage .flexslider .rightbox .rightothermenu .boxinrightside {
        margin: 0;
        width: 30%;
        float: left
    }
    section#homepage .flexslider .rightbox .rightothermenu .boxinrightside:first-child {
        margin: 0 4.9999% 0 0
    }
    section#homepage .flexslider .rightbox .rightothermenu .boxinrightside:last-child {
        margin: 0 0 0 4.9999%
    }
    section#homepage .flexslider .rightbox .rightothermenu .boxinrightside .inforight .rightboxtitle {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 4px;
        margin-bottom: 4px
    }
    section#homepage .flexslider .rightbox .rightothermenu .boxinrightside .inforight {
        width: 100%;
        height: 50px
    }
    section#homepage .flexslider .rightbox .rightothermenu .boxinrightside figure {
        display: none
    }
    section#homepage .flexslider {
        margin-top: 140px
    }
    section#homepage .flexslider .leftbox {
        margin: -140px 0 0;
        padding: 0;
        top: 0;
        left: 0;
        right: 0;
        height: auto;
        width: 100%
    }
    section#homepage .flexslider .leftbox .leftmenubox {
        padding-top: 20px;
        width: 100%;
        background: rgba(255, 255, 255, .7);
        height: auto
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li.current-menu-item,
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li.current-menu-item a,
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li:hover {
        background: 0 0
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader {
        padding: 0
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader .logo {
        padding-bottom: 25px
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav {
        position: relative;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu {
        display: inline
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li {
        display: inline-block;
        width: auto;
        padding-left: 10px;
        background: 0 0;
        padding-right: 10px
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li a:hover {
        background: 0 0!important
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li ul {
        top: 100%;
        left: 0;
        max-width: 160px;
        text-align: left
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li ul li ul {
        left: 100%;
        top: 0
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li a {
        background: 0 0
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social {
        width: 165px;
        margin-top: 5px;
        margin-bottom: 10px
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social .followtitle {
        display: none
    }
    section#homepage .flexslider {
        max-width: 790px
    }
    section#homepage .flexslider ul.slides li img {
        width: auto;
        max-width: 100%;
        min-height: 0;
        height: auto
    }
}

@media (max-width:980px) {
    .pressarchive .pressstyle {
        width: 99%
    }
    section.singlepage .rightside .margincontentbox {
        margin-left: 0
    }
    section.singlepage .leftside,
    section.singlepage .rightside {
        float: none;
        width: 100%;
        margin: 0 auto
    }
    section.singlepage .rightsidebar {
        margin-top: 20px
    }
    section.singlepage .centerside {
        width: auto;
        margin: 0 248px 0 0
    }
    section.singlepage .leftmenubox {
        width: 100%;
        height: 145px
    }
    section.singlepage .leftmenubox header#leftheader {
        padding: 0;
        margin-bottom: 0
    }
    section.singlepage .leftmenubox header#leftheader .logo {
        float: left;
        height: 140px;
        width: 182px
    }
    section.singlepage .leftmenubox header#leftheader h1.image {
        top: 10px;
        left: 10px
    }
    section.singlepage .leftmenubox header#leftheader h1.customlogo {
        top: 10px;
        max-width: 180px;
        left: 10px
    }
    section.singlepage .leftmenubox header#leftheader nav#leftnav {
        float: right;
        width: auto;
        margin: 15px 0 0;
        display: inline-block
    }
    section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu {
        width: auto;
        display: block
    }
    section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu li {
        display: inline-block;
        float: left;
        width: auto;
        margin-right: 20px
    }
    section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu li a,
    section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu li a:hover,
    section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu li.current-menu-item a,
    section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu li.current-menu-item a:hover {
        background: 0 0
    }
    section.singlepage .leftmenubox header#leftheader .social {
        margin-bottom: 0;
        margin-top: 20px;
        float: right
    }
    section.singlepage .leftmenubox header#leftheader .social .followtitle {
        text-align: right;
        margin-right: 15px
    }
    section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul {
        top: 100%;
        left: 0
    }
    section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul li ul {
        top: 0;
        left: 100%
    }
    section.singlepage .leftside .sidebar {
        width: 100%
    }
    .aletheme-mostcommented-widget {
        text-align: center
    }
    .aletheme-mostcommented-widget ul li {
        display: inline-block;
        vertical-align: top;
        margin-left: 10px;
        margin-right: 10px
    }
    .aletheme-flickr ul.aletheme-flickr-widget {
        text-align: center;
        width: 100%
    }
    .aletheme-flickr ul.aletheme-flickr-widget li:nth-child(3n+3) {
        margin-right: 5px
    }
    .aletheme-flickr ul.aletheme-flickr-widget li {
        float: none;
        display: inline-block!important;
        margin-right: 5px;
        margin-left: 5px
    }
    .ale_blog_widget .aletheme-blog-widget,
    .widget_search,
    .widget_tag_cloud .tagcloud {
        text-align: center
    }
    .ale_blog_widget .aletheme-blog-widget li {
        max-width: 230px;
        display: inline-block;
        vertical-align: top
    }
    section.singlepage .rightside .postnavigation .categoriesbox {
        width: 98%;
        float: none;
        margin: 0 auto
    }
    section.singlepage .rightside .postnavigation .reachsinglbox {
        width: 98%;
        float: none;
        margin: 25px auto 0;
        clear: both;
        text-align: center
    }
    section.singlepage .rightside .postnavigation .reachsinglbox .searchform,
    section.singlepage .rightside .postnavigation .reachsinglbox .title {
        margin-right: 0
    }
    .galleysingle {
        margin: 0 auto
    }
    .galleysingle .gallerydata,
    .galleysingle .thetitlegallery,
    section.singlepage .rightside .postnavigation .categoriesbox {
        text-align: center
    }
    section.singlepage .rightside .postnavigation .categoriesbox ul.categorieslist {
        margin-left: 15px;
        width: 95%;
        float: none;
        margin-right: 15px
    }
    .galleysingle .gallerycontent,
    .galleysingle .gallerycontent p {
        font-size: 13px;
        line-height: 20px;
        text-align: center
    }
}

@media (max-width:960px) {
    .gallerygrid .recentgaleriesitems .itemblog {
        width: 31%;
        margin-right: 2%
    }
    .gallerygrid #galcontainer .element,
    .gallerygrid #galcontainerhome .element {
        width: 48%;
        margin-right: 2%;
        max-width: 460px
    }
    .gallerygrid #galcontainer .element figure img,
    .gallerygrid #galcontainerhome .element figure img {
        max-width: 460px
    }
}

@media (max-width:800px) {
    .pieboxes .pieitem {
        width: 100%;
        float: none
    }
    .nivoSlider:hover .nivo-caption {
        display: none!important
    }
    .gallerygrid #galcontainer .element .titlegalleryfilter .titleitem,
    .gallerygrid #galcontainer .element .titlegalleryfilter .titleitem h2 {
        font-size: 12px;
        line-height: 12px
    }
    .rightblogpagination {
        float: none;
        margin-top: 20px
    }
    #archives {
        text-align: center
    }
    .galleysingle .gallerybox .carousel {
        display: none
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#mobilenav {
        display: block;
        width: 70%;
        margin: 0 auto
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#mobilenav select {
        width: 100%;
        padding: 5px;
        margin-top: 5px;
        font-size: 14px;
        line-height: 14px;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 1px;
        background: 0 0;
        border: 1px solid #cbcbcb
    }
    section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav {
        display: none
    }
    section.singlepage .leftmenubox header#leftheader nav#mobilenav {
        display: block;
        width: 70%;
        margin: 0 auto
    }
    section.singlepage .leftmenubox header#leftheader nav#mobilenav select {
        width: 100%;
        padding: 5px;
        margin-top: 5px;
        font-size: 14px;
        line-height: 14px;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 1px;
        background: 0 0;
        border: 1px solid #cbcbcb
    }
    section.singlepage .leftmenubox header#leftheader nav#leftnav {
        display: none
    }
    section.singlepage .leftmenubox header#leftheader .logo {
        float: none;
        position: relative;
        margin: 0 auto
    }
    section.singlepage .leftmenubox {
        height: auto
    }
    section.singlepage .leftmenubox header#leftheader .social {
        float: none;
        margin: 15px auto
    }
    section.singlepage .leftmenubox header#leftheader .social .followtitle {
        text-align: center;
        margin-right: 11px
    }
    .aboutpage .quotebox figure figcaption p {
        padding: 10px;
        font-size: 12px;
        line-height: 14px
    }
    .boxwithgalleries .gallbox {
        width: 49%;
        height: auto
    }
    .contactpage .leftcontactbox,
    .contactpage .rightcontactbox,
    section.singlepage .rightside section.full section.commentform section.comments,
    section.singlepage .rightside section.full section.commentform section.respond {
        width: 100%;
        float: none
    }
    .boxwithgalleries {
        height: auto;
        display: inline-block;
        text-align: center;
        margin: 0 auto
    }
    #archives .ale-archives {
        float: none;
        text-align: center
    }
    #archives .postprevtop {
        float: none;
        text-align: center;
        margin-top: 20px
    }
}

@media (max-width:640px) {
    .gallerygrid #galcontainer .element figure figcaption,
    .nivoSlider:hover .nivo-caption,
    .testimonialblog .itemblog .notumbtestimonial figcaption .textup span,
    .testimonialblog .itemblog .view-first .textup span {
        display: none
    }
    .testimonialblog .itemblog .notumbtestimonial figcaption .textup,
    .testimonialblog .itemblog .view-first .textup {
        font-size: 12px
    }
    section.singlepage .rightsidebar,
    section.singlepage .rightsidebar .sidebar {
        width: 100%
    }
    section.singlepage .centerside .margincontentbox {
        margin-right: 0
    }
    section.singlepage .centerside {
        width: 100%;
        margin: 0 auto
    }
    .aletheme-tweets-widget {
        width: 240px;
        margin: 0 auto
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100%!important;
        float: none!important;
        margin-right: 0!important
    }
}

@media (max-width:480px) {
    .gallerygrid #galcontainer .element .titlegalleryfilter .lefticon,
    .pressarchive .pressstyle .image,
    section#homepage .flexslider .flex-direction-nav a.flex-next,
    section#homepage .flexslider .flex-direction-nav a.flex-prev,
    section#homepage .flexslider .rightbox,
    section#homepage .flexslider li figure figcaption .mainsliderdescription {
        display: none
    }
    .blogpost .itemblog {
        width: 99%;
        max-width: 475px
    }
    .blogpost .itemblog .videoembed,
    .blogpost .itemblog .videoembed iframe,
    .blogpost .itemblog figure,
    .blogpost .itemblog figure img {
        max-width: 475px
    }
    .gallerygrid #galcontainer .element,
    .gallerygrid #galcontainerhome .element {
        width: 100%;
        margin-right: 0;
        max-width: 480px
    }
    .gallerygrid #galcontainer .element figure img,
    .gallerygrid #galcontainerhome .element figure img {
        max-width: 480px
    }
    .abouttwo .abouttwoleft,
    .abouttwo .abouttworight {
        width: 100%;
        float: none;
        margin-bottom: 15px
    }
    .ourteambox .itemteam {
        max-width: 335px;
        width: 100%;
        float: none;
        margin: 0 auto 10px
    }
    .home-bottom .threemainboxes .letsdiscus .boxtitle,
    .home-bottom .threemainboxes .mostvoted .boxtitle,
    .home-bottom .threemainboxes .recentwork .boxtitle {
        max-width: 100%
    }
    .abouttwo .abouttwoleft .whiteaboutbox {
        width: 100%
    }
    .threeboxescontact .boxcontwo {
        width: 100%;
        float: none;
        margin-bottom: 35px
    }
    .gallerygrid .recentgaleriesitems .itemblog {
        width: 48%;
        margin-right: 2%
    }
    .gallerygrid #galcontainer .element .titlegalleryfilter .titleitem,
    .gallerygrid #galcontainerhome .element .titlegalleryfilter .titleitem {
        margin-left: 5px
    }
    section#homepage .flexslider {
        margin-bottom: 10px
    }
    .home-bottom .threemainboxes .letsdiscus,
    .home-bottom .threemainboxes .mostvoted,
    .home-bottom .threemainboxes .recentwork {
        width: 100%;
        margin: 0;
        float: none
    }
    .pressarchive .pressstyle .rightbox {
        width: 100%
    }
    .pressarchive .pressstyle {
        min-width: 320px
    }
    .home-bottom .othermenuhomemobile {
        display: block
    }
    .home-bottom .othermenuhomemobile .inforight {
        width: 95%;
        margin: 0 auto 15px;
        text-align: center;
        padding: 10px 0
    }
    .home-bottom .othermenuhomemobile .inforight .rightboxdesc {
        font-size: 12px;
        line-height: 12px;
        color: #fff;
        text-transform: uppercase
    }
    .home-bottom .othermenuhomemobile .inforight .rightboxtitle {
        text-transform: uppercase;
        font-size: 20px;
        line-height: 20px;
        color: #fff;
        margin-bottom: 5px;
        letter-spacing: 1px
    }
    .home-bottom .othermenuhomemobile .inforight .rightboxtitle a {
        color: #fff
    }
    .home-bottom .othermenuhomemobile .inforight .rightboxtitle a:hover {
        opacity: .5
    }
    .aboutpage .contentaboutbox .leftboxabout,
    .aboutpage .contentaboutbox .rightboxabout {
        width: 100%;
        float: none
    }
    .boxwithgalleries .gallbox {
        width: 100%;
        height: auto
    }
}

@media (max-width:380px) {
    .gallerygrid .recentgaleriesitems .itemblog {
        width: 100%;
        margin-right: 0
    }
}