.nobreak {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-o-column-break-inside: avoid;
-ms-column-break-inside: avoid;
display: table;
}
/* Reset styles
*******************************/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio[controls],
canvas,
video {
display: inline-block;
}
html {
overflow-y: scroll;
/* 1 */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/* 2 */
-webkit-text-size-adjust: 100%;
/* 3 */
-ms-text-size-adjust: 100%;
}
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
ul,
li,
ol,
a,
em,
img,
strong,
fieldset,
form,
label,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
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;
}
img {
vertical-align: middle;
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;
}
html,
body,
textarea,
input {
-webkit-text-size-adjust: none;
}
body {
text-align: left;
font-family: sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 1.2;
}
/* Form Elements
*******************************/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
font-size: 13px;
font-weight: 700;
background: transparent;
text-transform: uppercase;
border: 0;
}
input[type=text],
input[type=email],
input[type=url],
input[type=search],
input[type=password],
textarea {
border: 1px solid white;
height: 16px;
font-size: 12px;
padding: 5px;
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-ms-transition: all 100ms linear;
-o-transition: all 100ms linear;
transition: all 100ms linear;
}
textarea {
resize: vertical;
}
.fl {
float: left !important;
}
.fr {
float: right !important;
}
.l {
text-align: left;
}
.c {
text-align: center;
}
.j {
text-align: justify;
}
.r {
text-align: right;
}
/* Clearfix
*******************************/
.cf:before,
.cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
.clear {
clear: both;
}
/* Links
*******************************/
a {
text-decoration: none;
cursor: pointer;
-webkit-transition: color 100ms linear;
-moz-transition: color 100ms linear;
-ms-transition: color 100ms linear;
-o-transition: color 100ms linear;
transition: color 100ms linear;
}
/* Headers
*******************************/
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 1em;
text-transform: uppercase;
}
h1 {
font-size: 28px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
}
/* Text elements
*******************************/
p {
margin: 0 0 1em 0;
text-align: left;
line-height: 1.5;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
img {
border: 0;
}
.small {
font-size: 10px;
}
hr {
display: block;
height: 0px;
line-height: 0px;
border: 0;
border-top: 1px solid;
border-bottom: 1px solid;
margin: 16px 0;
float: none;
clear: both;
padding: 0;
}
/* Wordpress Typo
*******************************/
.story,
.defaultwp,
.contentaboutbox {
line-height: 1.5;
}
.story ul,
.defaultwp ul,
.contentaboutbox ul {
list-style: square;
}
.story ul li,
.defaultwp ul li,
.contentaboutbox ul li {
list-style: square;
}
.story ol,
.defaultwp ol,
.contentaboutbox ol {
list-style: decimal;
}
.story ol li,
.defaultwp ol li,
.contentaboutbox ol li {
list-style: decimal;
}
.story ul,
.defaultwp ul,
.contentaboutbox ul,
.story ol,
.defaultwp ol,
.contentaboutbox ol {
margin: 0 0 1em 1.5em;
line-height: 1.5;
}
.story ul ul,
.defaultwp ul ul,
.contentaboutbox ul ul,
.story ol ul,
.defaultwp ol ul,
.contentaboutbox ol ul,
.story ul ol,
.defaultwp ul ol,
.contentaboutbox ul ol,
.story ol ol,
.defaultwp ol ol,
.contentaboutbox ol ol {
margin-bottom: 0;
}
.story ol ol,
.defaultwp ol ol,
.contentaboutbox ol ol {
list-style: upper-alpha;
}
.story ol ol ol,
.defaultwp ol ol ol,
.contentaboutbox ol ol ol {
list-style: lower-roman;
}
.story ol ol ol ol,
.defaultwp ol ol ol ol,
.contentaboutbox ol ol ol ol {
list-style: lower-alpha;
}
.story h1,
.defaultwp h1,
.contentaboutbox h1,
.story h2,
.defaultwp h2,
.contentaboutbox h2,
.story h3,
.defaultwp h3,
.contentaboutbox h3,
.story h4,
.defaultwp h4,
.contentaboutbox h4,
.story h5,
.defaultwp h5,
.contentaboutbox h5,
.story h6,
.defaultwp h6,
.contentaboutbox h6 {
text-transform: none;
margin-bottom: .5em;
}
.story a:link,
.defaultwp a:link,
.contentaboutbox a:link,
.story a:visited,
.defaultwp a:visited,
.contentaboutbox a:visited,
.story a:hover,
.defaultwp a:hover,
.contentaboutbox a:hover,
.story a:active,
.defaultwp a:active,
.contentaboutbox a:active {
text-decoration: none;
}
.story table,
.defaultwp table,
.contentaboutbox table {
width: auto;
border-collapse: collapse;
margin-bottom: 18px;
}
.story table td,
.defaultwp table td,
.contentaboutbox table td,
.story table th,
.defaultwp table th,
.contentaboutbox table th {
padding: 6px 10px;
text-align: center;
border: 1px solid #ccc;
}
.story table th,
.defaultwp table th,
.contentaboutbox table th {
font-weight: bold;
}
.story pre,
.defaultwp pre,
.contentaboutbox pre,
.story code,
.defaultwp code,
.contentaboutbox code {
background: #ffffff;
padding: 20px;
box-shadow: 1px 1px 2px #d0d0d0;
color: #4a4a4a;
display: block;
margin: 10px 15px 10px 0px;
}
.story address,
.defaultwp address,
.contentaboutbox address {
display: inline-block;
padding: 20px;
background: #eaeaea;
line-height: 20px;
margin-bottom: 15px;
}
.story blockquote,
.defaultwp blockquote,
.contentaboutbox blockquote {
font-style: italic;
margin: 1em 3em;
}
.story blockquote p:before,
.defaultwp blockquote p:before,
.contentaboutbox blockquote p:before {
content: '"';
}
.story blockquote p:after,
.defaultwp blockquote p:after,
.contentaboutbox blockquote p:after {
content: '"';
}
.story .wp-caption,
.defaultwp .wp-caption,
.contentaboutbox .wp-caption {
box-shadow: 1px 1px 2px #bebebe;
max-width: 100%;
width: auto;
}
.story .wp-caption p.wp-caption-text,
.defaultwp .wp-caption p.wp-caption-text,
.contentaboutbox .wp-caption p.wp-caption-text {
background: #ffffff;
text-align: center;
color: #a1a1a1!important;
margin: 0!important;
}
.story dl,
.defaultwp dl,
.contentaboutbox dl {
background: #ffffff;
padding: 20px;
box-shadow: 1px 1px 2px #d0d0d0;
color: #4a4a4a;
display: block;
margin: 10px 20px 10px 0px;
}
.story dl dt,
.defaultwp dl dt,
.contentaboutbox dl dt {
width: 150px;
float: left;
font-size: 13px;
line-height: 13px;
color: #000000;
text-transform: uppercase;
}
.story dl dd,
.defaultwp dl dd,
.contentaboutbox dl dd {
margin-left: 160px;
margin-bottom: 10px;
line-height: 18px;
}
.story img.size-auto,
.defaultwp img.size-auto,
.contentaboutbox img.size-auto,
.story img.size-full,
.defaultwp img.size-full,
.contentaboutbox img.size-full,
.story img.size-large,
.defaultwp img.size-large,
.contentaboutbox img.size-large,
.story img.size-medium,
.defaultwp img.size-medium,
.contentaboutbox img.size-medium,
.story .attachment img,
.defaultwp .attachment img,
.contentaboutbox .attachment img {
max-width: 100%;
/* When images are too wide for containing element, force them to fit. */
height: auto;
/* Override height to match resized width for correct aspect ratio. */
}
.story .alignleft,
.defaultwp .alignleft,
.contentaboutbox .alignleft,
.story img.alignleft,
.defaultwp img.alignleft,
.contentaboutbox img.alignleft {
display: inline;
float: left;
margin-right: 1em;
}
.story .alignright,
.defaultwp .alignright,
.contentaboutbox .alignright,
.story img.alignright,
.defaultwp img.alignright,
.contentaboutbox img.alignright {
display: inline;
float: right;
margin-left: 1em;
}
.story .aligncenter,
.defaultwp .aligncenter,
.contentaboutbox .aligncenter,
.story img.aligncenter,
.defaultwp img.aligncenter,
.contentaboutbox img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.story img.alignleft,
.defaultwp img.alignleft,
.contentaboutbox img.alignleft,
.story img.alignright,
.defaultwp img.alignright,
.contentaboutbox img.alignright,
.story img.aligncenter,
.defaultwp img.aligncenter,
.contentaboutbox img.aligncenter {
margin-bottom: 1em;
}
.story .wp-caption,
.defaultwp .wp-caption,
.contentaboutbox .wp-caption {
line-height: 1.5;
margin-bottom: 1em;
text-align: center;
}
.story .wp-caption p.wp-caption-text,
.defaultwp .wp-caption p.wp-caption-text,
.contentaboutbox .wp-caption p.wp-caption-text {
color: #888;
font-size: 11px;
margin: 0;
padding: 5px;
}
.story .wp-smiley,
.defaultwp .wp-smiley,
.contentaboutbox .wp-smiley {
margin: 0;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
position: relative;
}
.flexslider ul,
.flexslider ol {
margin: 0;
padding: 0;
list-style: none;
}
.flexslider ul li,
.flexslider ol li {
margin: 0;
padding: 0;
list-style: none;
}
.flexslider .slides > li {
position: relative;
display: none;
-webkit-backface-visibility: hidden;
text-align: center;
}
.flexslider .slides img {
max-width: 100%;
display: block;
margin: 0 auto;
height: auto;
width: auto;
}
.flexslider .descr {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
background: rgba(100, 100, 100, 0.5);
color: #fff;
text-align: left;
}
.flexslider .descr h3 {
text-align: left;
}
.flexslider .descr .text p:last-child {
margin-bottom: 0;
}
.flex-container {
position: relative;
}
/* Clearfix for the .slides element */
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
.nobreak {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-o-column-break-inside: avoid;
-ms-column-break-inside: avoid;
display: table;
}
/* Body
*******************************/
body #content-main {
overflow: hidden;
}
body .topline {
height: 5px;
background-color: #ffffff;
}
body #pageloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #f9f9f9 url(images/load.gif) 50% 50% no-repeat;
z-index: 9999;
}
/* Styles
*******************************/
h1 {
line-height: 18px;
text-transform: uppercase;
margin-bottom: 15px;
}
h2 {
line-height: 16px;
text-transform: uppercase;
margin-bottom: 15px;
}
h3 {
line-height: 14px;
text-transform: uppercase;
margin-bottom: 13px;
}
h4 {
line-height: 13px;
text-transform: uppercase;
margin-bottom: 10px;
}
h5 {
line-height: 12px;
text-transform: uppercase;
margin-bottom: 10px;
}
h6 {
line-height: 11px;
text-transform: uppercase;
margin-bottom: 10px;
}
blockquote {
padding: 10px 10px 10px 85px;
font-style: italic!important;
background: #f8f6f6 url(images/quotes.png) top left no-repeat;
box-shadow: 1px 1px 2px #d0d0d0;
margin-top: 15px!important;
min-height: 50px;
margin-bottom: 25px!important;
}
blockquote p {
margin-bottom: 0!important;
font-style: italic!important;
}
input[type="text"],
input[type="email"],
input[type="url"] {
padding: 0;
margin: 0;
height: 25px;
padding: 0px 10px 0px 10px;
color: #5e5e5e;
font-size: 9px;
line-height: 9px;
text-transform: uppercase;
vertical-align: middle;
}
input[type="submit"],
input[type="button"] {
display: inline-block;
color: #ffffff;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
font-weight: 400;
padding: 7px 10px 7px 10px;
}
input[type="submit"]:hover,
input[type="button"]:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.homecustomcontent {
margin-left: 20px;
background: #ffffff;
padding: 20px;
}
/* Testimonials
*******************************/
.testimonialblog .itemblog {
width: 33%!important;
margin: 0!important;
max-width: 337px!important;
background: none!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, 0.6);
margin: 20px 0 0 0;
}
.testimonialblog .itemblog .notumbtestimonial figcaption .textup {
line-height: 19px;
font-style: italic;
color: #ffffff;
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 .mask,
.testimonialblog .itemblog .view .content {
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, 0.8);
margin: 20px 0 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: #ffffff;
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
letter-spacing: 1px;
}
.testimonialblog .itemblog .view-first img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.testimonialblog .itemblog .view-first .mask {
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s 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);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.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 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.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 {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.testimonialblog .itemblog .view-first:hover .mask {
opacity: 1;
}
.testimonialblog .itemblog .view-first:hover h2,
.testimonialblog .itemblog .view-first:hover .textup,
.testimonialblog .itemblog .view-first:hover a.info {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.testimonialblog .itemblog .view-first:hover .textup {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.testimonialblog .itemblog .view-first:hover a.info {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.testimonialblog .itemblog .view-first a.info:hover {
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
-webkit-opacity: 0.9;
opacity: 0.9;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
/* Footer
*******************************/
footer#footer-main {
margin: 0 auto;
margin-top: 40px;
width: 95%;
margin-bottom: 25px;
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: #000000;
}
footer#footer-main a:hover {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
footer#footer-main p.copy {
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 0px;
display: inline-block;
float: left;
}
footer#footer-main .topbutton {
display: inline-block;
float: right;
margin-bottom: 0px;
}
/* Homepage
*******************************/
.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: 0px;
}
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, 0.6);
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside figure figcaption a:hover {
background: rgba(255, 255, 255, 0.6) url(images/plus.png) 50% 50% no-repeat;
-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: #ffffff;
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: #ffffff;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside .inforight .rightboxtitle a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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: #ffffff;
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;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.customlogo img:hover {
margin-bottom: 5px;
margin-top: -5px;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms 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 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms 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: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social {
width: 172px;
margin: 0 auto;
margin-top: 30px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social .followtitle {
text-transform: uppercase;
color: #000000;
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: 0 auto;
margin-top: 190px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu {
width: 172px;
margin: 0 auto;
font-size: 16px;
line-height: 16px;
color: #000000;
text-transform: uppercase;
position: relative;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul {
display: none;
width: 200px;
background: #ffffff;
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: none;
}
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: #000000;
}
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: #000000;
background: none;
}
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 0px 9px 0px;
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: rgba(255, 255, 255, 0.8) url(images/left_slide.png) 50% 50% no-repeat;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.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 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section#homepage .flexslider .flex-direction-nav a.flex-prev:active {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
}
section#homepage .flexslider .flex-direction-nav a.flex-next {
position: absolute;
right: 0;
top: 50%;
margin-top: -62px;
height: 125px;
width: 75px;
background: rgba(255, 255, 255, 0.8) url(images/right_slide.png) 50% 50% no-repeat;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.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 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section#homepage .flexslider .flex-direction-nav a.flex-next:active {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
}
section#homepage .flexslider ul.slides {
overflow: hidden;
}
section#homepage .flexslider li figure {
position: relative;
background: #ffffff;
width: 100%;
height: 100%;
}
section#homepage .flexslider li figure img {
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
-webkit-opacity: 0.4;
opacity: 0.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, 0.4);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms 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: #ffffff;
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 {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section#homepage .flexslider li.flex-active-slide figure:hover figcaption {
top: 70%;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-ms-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}
section#homepage .flexslider li.flex-active-slide figure:hover figcaption .mainslidertitle {
left: 20px;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}
section#homepage .flexslider li.flex-active-slide figure:hover figcaption .mainsliderdescription {
top: 40px;
-webkit-transition: all 1100ms ease-in-out;
-moz-transition: all 1100ms ease-in-out;
-ms-transition: all 1100ms ease-in-out;
-o-transition: all 1100ms ease-in-out;
transition: all 1100ms ease-in-out;
}
section#homepage .flexslider li.flex-active-slide figure img {
-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 img {
max-width: 790px;
max-height: 530px;
width: 100%;
height: auto;
}
.home-bottom {
max-width: 1283px;
width: 100%;
margin: 0 auto;
margin-top: 24px;
}
.home-bottom .othermenuhomemobile {
display: none;
}
.home-bottom .aboutmainbox {
width: 230px;
height: 350px;
float: left;
background: #ffffff;
}
.home-bottom .aboutmainbox .title {
padding: 35px 15px 25px 15px;
font-size: 21px;
line-height: 21px;
color: #161616;
text-align: center;
text-transform: uppercase;
}
.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%;
height: 350px;
}
.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;
-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 .recentwork figure figcaption:hover a {
width: 100%;
height: 100%;
display: block;
}
.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;
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: #000000;
text-transform: uppercase;
}
.home-bottom .threemainboxes .recentwork .whitebox {
background: #ffffff;
height: 79px;
}
.home-bottom .threemainboxes .recentwork .whitebox .title {
width: 250px;
margin: 0 auto;
background: url(images/menu_dot.png) bottom repeat-x;
padding-top: 15px;
padding-bottom: 10px;
margin-bottom: 10px;
text-align: center;
}
.home-bottom .threemainboxes .recentwork .whitebox .title a {
color: #3a3a3a;
font-size: 20px;
line-height: 20px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
}
.home-bottom .threemainboxes .recentwork .whitebox .title a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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: #000000;
}
.home-bottom .threemainboxes .recentwork .whitebox .category a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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;
-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 .letsdiscus figure figcaption:hover a {
width: 100%;
height: 100%;
display: block;
}
.home-bottom .threemainboxes .letsdiscus 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 .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: #000000;
text-transform: uppercase;
}
.home-bottom .threemainboxes .letsdiscus .whitebox {
background: #ffffff;
height: 79px;
}
.home-bottom .threemainboxes .letsdiscus .whitebox .title {
width: 250px;
margin: 0 auto;
background: url(images/menu_dot.png) bottom repeat-x;
padding-top: 15px;
padding-bottom: 10px;
margin-bottom: 10px;
text-align: center;
}
.home-bottom .threemainboxes .letsdiscus .whitebox .title a {
color: #3a3a3a;
font-size: 20px;
line-height: 20px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
}
.home-bottom .threemainboxes .letsdiscus .whitebox .title a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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: #000000;
}
.home-bottom .threemainboxes .letsdiscus .whitebox .category a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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;
-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 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: #000000;
text-transform: uppercase;
}
.home-bottom .threemainboxes .mostvoted .whitebox {
background: #ffffff;
height: 79px;
}
.home-bottom .threemainboxes .mostvoted .whitebox .title {
width: 250px;
margin: 0 auto;
background: url(images/menu_dot.png) bottom repeat-x;
padding-top: 15px;
padding-bottom: 10px;
margin-bottom: 10px;
text-align: center;
}
.home-bottom .threemainboxes .mostvoted .whitebox .title a {
color: #3a3a3a;
font-size: 20px;
line-height: 20px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
}
.home-bottom .threemainboxes .mostvoted .whitebox .title a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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: #000000;
}
.home-bottom .threemainboxes .mostvoted .whitebox .category a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
/* Blog
*******************************/
.blogpost.twocol .itemblog {
width: 49%;
margin-right: 1%;
margin-bottom: 20px;
max-width: 506px;
float: left;
}
.blogpost.twocol .itemblog figure {
max-width: 506px;
}
.blogpost.twocol .itemblog figure img {
max-width: 506px;
height: auto;
}
.blogpost.twocol .itemblog .itemboxwhite {
max-width: 506px;
}
.blogpost.threecol .itemblog {
width: 32%;
margin-right: 1%;
margin-bottom: 20px;
max-width: 330px;
float: left;
}
.blogpost.threecol .itemblog figure {
max-width: 500px;
}
.blogpost.threecol .itemblog figure img {
max-width: 500px;
height: auto;
}
.blogpost.threecol .itemblog .itemboxwhite {
max-width: 500px;
}
.blogpost.fullwidth .itemblog {
width: 99%;
margin-right: 1%;
float: none;
margin-right: 0;
max-width: 1012px;
}
.blogpost.fullwidth .itemblog figure {
max-width: 1012px;
max-height: 400px;
}
.blogpost.fullwidth .itemblog figure img {
max-width: 1012px;
max-height: 400px;
}
.ale-team .socialbut {
text-align: center;
}
.ale-team .socialbut .fbbut,
.ale-team .socialbut .twibut,
.ale-team .socialbut .gbut {
display: inline-block;
}
.ale-team .socialbut .fbbut a,
.ale-team .socialbut .twibut a,
.ale-team .socialbut .gbut a {
display: inline-block;
width: 29px;
height: 29px;
text-indent: -9999px;
margin-right: 4px;
}
.ale-team .socialbut .fbbut a:hover,
.ale-team .socialbut .twibut a:hover,
.ale-team .socialbut .gbut a:hover {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.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: #ffffff;
box-shadow: 0px 0px 1px #bfbfbf;
/*Image Format*/
/*Video type*/
/*Blockquote type*/
/*Gallery type*/
/*Standart type*/
}
.blogpost .itemblog:hover {
border: none;
box-shadow: 1px 1px 3px #a5a5a5;
}
.blogpost .itemblog figure.imageformat {
max-width: 320px;
min-width: 200px;
height: auto;
width: 100%;
height: 100%;
position: relative;
}
.blogpost .itemblog figure.imageformat:hover figcaption {
display: none;
}
.blogpost .itemblog figure.imageformat figcaption {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.blogpost .itemblog figure.imageformat figcaption span {
color: #ffffff;
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;
height: auto;
width: 100%;
height: 100%;
}
.blogpost .itemblog .videoembed iframe {
max-width: 320px;
width: 100%;
}
.blogpost .itemblog .videoembed embed {
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: none;
}
.blogpost .itemblog figure.galleryformat {
overflow: hidden;
max-width: 320px;
min-width: 200px;
height: auto;
width: 100%;
height: 100%;
position: relative;
}
.blogpost .itemblog figure.galleryformat:hover figcaption {
display: none;
}
.blogpost .itemblog figure.galleryformat figcaption {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.blogpost .itemblog figure.galleryformat figcaption span {
color: #ffffff;
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;
height: auto;
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-prev,
.blogpost .itemblog .gallerypost:hover a.flex-next {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
top: 50%;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.blogpost .itemblog .gallerypost a.flex-prev {
position: absolute;
top: -65px;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
left: 0;
text-indent: -9999px;
height: 65px;
margin-top: -30px;
width: 35px;
display: block;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
background: rgba(255, 255, 255, 0.5) url(images/minileft.png) 50% 50% no-repeat;
}
.blogpost .itemblog .gallerypost a.flex-prev:hover {
background: rgba(255, 255, 255, 0.8) url(images/minileft.png) 50% 50% no-repeat;
}
.blogpost .itemblog .gallerypost a.flex-next {
position: absolute;
top: -65px;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
right: 0;
text-indent: -9999px;
height: 65px;
margin-top: -30px;
width: 35px;
display: block;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
background: rgba(255, 255, 255, 0.5) url(images/miniright.png) 50% 50% no-repeat;
}
.blogpost .itemblog .gallerypost a.flex-next:hover {
background: rgba(255, 255, 255, 0.8) url(images/miniright.png) 50% 50% no-repeat;
}
.blogpost .itemblog .itemboxwhite .bottomblogitem {
margin: 0px 20px 16px 20px;
}
.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 .bottomblogitem .readmoreblog {
float: right;
font-size: 10px;
line-height: 10px;
letter-spacing: 1px;
text-transform: uppercase;
}
.blogpost .itemblog .itemboxwhite .bottomblogitem .readmoreblog a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.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;
}
.blogpost .itemblog .itemboxwhite .theexcerpt {
margin: 8px 10px 14px 10px;
background: url(images/menu_dot.png) top repeat-x;
padding-top: 20px;
}
.blogpost .itemblog .itemboxwhite .theexcerpt:hover {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.blogpost .itemblog .itemboxwhite .theexcerpt p {
line-height: 22px;
padding: 0px 6px 20px 10px;
margin-bottom: 0px;
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: #000000;
margin-bottom: 7px;
}
.blogpost .itemblog .itemboxwhite .titleline .title h2 a {
color: #000000;
}
.blogpost .itemblog .itemboxwhite .titleline .title h2 a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.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;
}
.blogpost .itemblog .itemboxwhite .titleline .title .meta {
font-size: 9px;
line-height: 14px;
text-transform: uppercase;
}
.blogpost .itemblog .itemboxwhite .titleline .title .meta a {
color: #000000;
}
.blogpost .itemblog .itemboxwhite .titleline .title .meta a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.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;
}
.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;
height: auto;
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, 0.7);
display: inline-block;
padding: 7px;
margin: 0 auto;
color: #ffffff;
font-size: 10px;
line-height: 10px;
letter-spacing: 1px;
text-transform: uppercase;
}
.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;
transition: all 250ms ease-in-out;
}
.blogpost .itemblog 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;
}
/* Single Page
*******************************/
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: #ffffff;
}
section.singlepage .leftside .sidebar a:hover {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.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 .leftside .sidebar ul.sidebarul {
margin: 10px 13px 10px 13px;
}
section.singlepage .leftside .sidebar ul.sidebarul li.widget {
margin-top: 30px;
}
section.singlepage .leftside .sidebar ul.sidebarul li.widget p {
line-height: 15px;
color: #161616;
}
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: 0px 10px 0px 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: #000000;
margin-bottom: 15px;
}
section.singlepage .rightsidebar {
float: right;
width: 230px;
display: inline-block;
background: #ffffff;
vertical-align: top;
}
section.singlepage .rightsidebar .sidebar {
width: 230px;
margin-top: 0px;
background: #ffffff;
}
section.singlepage .rightsidebar .sidebar a:hover {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.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 13px;
}
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: #000000;
margin-bottom: 15px;
}
section.singlepage .centerside .margincontentbox {
margin-right: 20px;
}
section.singlepage .centerside .inspirationblog .itemblog .view-effect p {
display: none;
}
section.singlepage .centerside .inspirationblog .itemblog .view-effect h2 {
margin-bottom: 20px;
}
section.singlepage .centerside .inspirationblog .itemblog .notumbinspiration figcaption p {
display: none;
}
section.singlepage .centerside .inspirationblog .itemblog .notumbinspiration figcaption h2 {
margin-bottom: 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: #ffffff;
padding: 15px;
}
section.singlepage .rightside section.full section.facebook-comments {
margin-top: 20px;
}
section.singlepage .rightside section.full section.facebook-comments .fb-comments {
width: 100%!important;
}
section.singlepage .rightside section.full section.facebook-comments .fb-comments span {
width: 100%!important;
}
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: #ffffff;
}
section.singlepage .rightside section.full section.commentform section.comments .scrollbox {
width: 95%;
margin: 0 auto;
margin-top: 10px;
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: 0px;
}
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: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section.singlepage .rightside section.full section.commentform section.respond {
width: 49%;
float: right;
height: 325px;
background: #ffffff;
}
section.singlepage .rightside section.full section.commentform section.respond h3 {
width: 100%;
height: 25px;
padding-top: 10px;
color: #ffffff;
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;
padding-top: 0;
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: #ffffff;
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: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
}
section.singlepage .rightside section.full section.commentform section.respond .area2 .buttoncomment input.reset {
width: 95%;
font-size: 14px;
line-height: 14px;
color: #ffffff;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
height: 35px;
padding: 0;
margin: 0;
margin-top: 9px;
}
section.singlepage .rightside section.full section.commentform section.respond .area2 .buttoncomment input.reset:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.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: #000000;
}
section.singlepage .rightside section.full section.commentform section.respond .area1 p a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section.singlepage .rightside section.full section.commentform section.respond .area1 input {
width: 95%;
height: 37px;
padding: 0;
margin: 0;
padding: 0px 5px 0px 10px;
margin-bottom: 11px;
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: #ffffff url(images/line.jpg) bottom repeat-x;
width: 100%;
}
section.singlepage .rightside section.full section.story .boxcontent {
line-height: 22px;
padding: 21px 21px 0px 21px;
}
section.singlepage .rightside section.full section.story .boxcontent h1 {
line-height: 22px;
text-transform: uppercase;
}
section.singlepage .rightside section.full section.story .boxcontent h2 {
line-height: 22px;
text-transform: uppercase;
}
section.singlepage .rightside section.full section.story .boxcontent h3 {
line-height: 22px;
text-transform: uppercase;
}
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 {
text-decoration: none;
}
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 {
float: left;
}
section.singlepage .rightside .soclikesline .lefticons a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section.singlepage .rightside .soclikesline .lefticons a.prev {
display: block;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
float: left;
color: #ffffff;
padding: 7px 10px 7px 10px;
letter-spacing: 1px;
}
section.singlepage .rightside .soclikesline .lefticons a.next {
display: block;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
float: left;
color: #ffffff;
margin-left: 4px;
padding: 7px 10px 7px 10px;
letter-spacing: 1px;
}
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.gooplus {
-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 .righticons .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;
}
section.singlepage .rightside .soclikesline .righticons .righticonsbuttons 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.singlepage .rightside .soclikesline .righticons .righticonsbuttons 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;
}
section.singlepage .rightside .soclikesline .righticons .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;
transition: all 150ms ease-in-out;
}
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: #ffffff;
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 {
width: 100%;
max-width: 1012px;
}
section.singlepage .rightside header.preview .siglepostvide iframe {
width: 100%;
max-width: 1012px;
}
section.singlepage .rightside header.preview .siglepostvide embed {
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: rgba(255, 255, 255, 0.8) url(images/left_slide.png) 50% 50% no-repeat;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.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 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section.singlepage .rightside header.preview .postslider .flex-direction-nav a.flex-prev:active {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.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: rgba(255, 255, 255, 0.8) url(images/right_slide.png) 50% 50% no-repeat;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.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 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section.singlepage .rightside header.preview .postslider .flex-direction-nav a.flex-next:active {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
}
section.singlepage .rightside header.preview .postslider .flex-viewport {
margin: 0px 6px 0px 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: #000000;
}
section.singlepage .rightside header.preview .titleline .title a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section.singlepage .rightside header.preview .titleline .title h2 {
margin-top: 2px;
font-size: 18px;
line-height: 18px;
font-weight: 300;
color: #000000;
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: #ffffff;
}
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: #000000;
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: #000000;
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 5px;
}
section.singlepage .rightside .postnavigation .categoriesbox ul.categorieslist li a:hover {
outline: none;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
color: #ffffff;
}
section.singlepage .rightside .postnavigation .categoriesbox .title {
margin: 25px 0px 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 0px;
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"] {
padding: 0;
margin: 0;
height: 25px;
width: 160px;
padding: 0px 10px 0px 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;
font-size: 16px;
line-height: 16px;
vertical-align: middle;
background: none;
color: #000000;
margin-left: 6px;
}
section.singlepage .rightside .postnavigation .reachsinglbox .searchform input[type="submit"]:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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: #ffffff;
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 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
section.singlepage .leftmenubox header#leftheader h1.customlogo img:hover {
margin-bottom: 5px;
margin-top: -5px;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
section.singlepage .leftmenubox header#leftheader h1.image {
height: 115px;
top: 45px;
position: absolute;
margin: 0 auto;
display: block;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms 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: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
section.singlepage .leftmenubox header#leftheader .social {
width: 172px;
margin: 0 auto;
margin-bottom: 30px;
margin-top: 30px;
}
section.singlepage .leftmenubox header#leftheader .social .followtitle {
text-transform: uppercase;
color: #000000;
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 {
-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.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;
transition: all 150ms ease-in-out;
}
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;
transition: all 150ms ease-in-out;
margin-top: -2px;
}
section.singlepage .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.singlepage .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.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;
transition: all 150ms ease-in-out;
}
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;
transition: all 150ms ease-in-out;
margin-top: -2px;
}
section.singlepage .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.singlepage .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.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;
transition: all 150ms ease-in-out;
}
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;
transition: all 150ms ease-in-out;
margin-top: -2px;
}
section.singlepage .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.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;
transition: all 150ms ease-in-out;
margin-top: -2px;
}
section.singlepage .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.singlepage .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.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;
transition: all 150ms ease-in-out;
}
section.singlepage .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.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;
transition: all 150ms ease-in-out;
}
section.singlepage .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.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;
transition: all 150ms ease-in-out;
}
section.singlepage .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.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;
transition: all 150ms ease-in-out;
}
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;
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: 0 auto;
margin-top: 145px;
}
section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu {
width: 172px;
margin: 0 auto;
font-size: 16px;
line-height: 16px;
color: #000000;
text-transform: uppercase;
position: relative;
}
section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul {
display: none;
width: 200px;
background: #ffffff;
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: none;
}
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: #000000;
}
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: #000000;
background: none;
}
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 0px 9px 0px;
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;
}
/* bottom archive and navigation
*******************************/
.rightblogpagination {
display: inline-block;
float: right;
font-size: 16px;
line-height: 16px;
color: #1a1a1a;
}
.rightblogpagination a {
color: #1a1a1a;
}
.rightblogpagination a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#archives {
background: url(images/line.jpg) top repeat-x;
margin-top: 33px;
padding-top: 22px;
}
#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: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#archives .ale-archives {
margin-left: 3px;
float: left;
}
#archives .ale-archives h4.a {
margin: 0;
padding: 0;
display: inline-block;
margin-right: 10px;
font-size: 16px;
line-height: 16px;
color: #1a1a1a;
text-transform: uppercase;
letter-spacing: 1px;
}
#archives .ale-archives .year {
margin: 0;
padding: 0;
display: inline-block;
margin-right: 17px;
min-width: 67px;
text-align: center;
color: #1a1a1a;
font-size: 16px;
line-height: 16px;
position: relative;
}
#archives .ale-archives .year .up {
position: absolute;
right: 0;
top: 4px;
text-indent: -9999px;
width: 6px;
height: 10px;
display: block;
}
#archives .ale-archives .year .down {
position: absolute;
left: 0;
top: 4px;
text-indent: -9999px;
width: 6px;
height: 10px;
display: block;
}
#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;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
/* Widgets
*******************************/
.widget_search input[type="text"] {
width: 142px;
display: inline-block;
padding: 0;
margin: 0;
height: 25px;
padding: 0px 10px 0px 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: #000000;
background: none;
margin: 0;
font-size: 16px;
line-height: 16px;
vertical-align: middle;
margin-left: 6px;
}
.widget_search input[type="submit"]:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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: #ffffff!important;
-moz-opacity: 1 !important;
-khtml-opacity: 1 !important;
-webkit-opacity: 1 !important;
opacity: 1 !important;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms 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: #333333;
color: #ffffff!important;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms 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 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms 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 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.ale_blog_widget .aletheme-blog-widget li .entry-thumb img:hover {
-moz-opacity: 0.7 !important;
-khtml-opacity: 0.7 !important;
-webkit-opacity: 0.7 !important;
opacity: 0.7 !important;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms 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: #000000;
font-style: normal!important;
}
.ale_blog_widget .aletheme-blog-widget li .detail h4.entry-title a:hover {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-moz-opacity: 0.7 !important;
-khtml-opacity: 0.7 !important;
-webkit-opacity: 0.7 !important;
opacity: 0.7 !important;
text-decoration: none;
}
.ale_blog_widget .aletheme-blog-widget li .detail span.entry-meta {
font-size: 11px;
line-height: 11px;
color: #777777;
}
.widget_nav_menu ul ul,
.widget_categories ul ul,
.widget_archive ul ul,
.widget_meta ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_product_categories ul ul {
margin-left: 15px;
background: url(images/menu_dot.png) top repeat-x;
}
.widget_nav_menu ul ul li a,
.widget_categories ul ul li a,
.widget_archive ul ul li a,
.widget_meta ul ul li a,
.widget_pages ul ul li a,
.widget_recent_comments ul ul li a,
.widget_recent_entries ul ul li a,
.widget_product_categories ul ul li a {
font-size: 12px;
}
.widget_nav_menu ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_product_categories ul li {
text-transform: uppercase;
position: relative;
background: url(images/menu_dot.png) bottom repeat-x;
width: 100%;
}
.widget_nav_menu ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_meta ul li a,
.widget_pages ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a,
.widget_product_categories ul li a {
padding: 6px 0px 6px 5px;
display: block;
font-size: 14px;
color: #000000!important;
}
.widget_recent_comments ul li {
padding: 6px 0px 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: none;
}
.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;
}
/* Galleries
*******************************/
.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: #ffffff;
}
.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 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 20px;
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 {
top: 0;
height: 100%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.boxwithgalleries .gallbox figure figcaption:hover span.title {
display: block;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
.boxwithgalleries .gallbox figure figcaption:hover span.plusimage {
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: #ffffff;
}
.boxwithgalleries .gallbox figure:hover figcaption {
top: 0;
height: 100%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.boxwithgalleries .gallbox figure:hover figcaption span.title {
display: block;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
.boxwithgalleries .gallbox figure:hover figcaption span.plusimage {
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: #000000;
font-weight: 300;
padding-left: 5px;
background: url(images/line.jpg) bottom repeat-x;
padding-bottom: 10px;
margin: 5px 0px 10px 0px;
}
.galleysingle .thetitlegallery h2 {
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: #000000;
text-transform: uppercase;
}
.galleysingle .thetitlegallery .goback:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.galleysingle .gallerydata {
margin: 0px 5px 30px 5px;
font-size: 13px;
line-height: 13px;
font-weight: 300;
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 .sharegallery .righticonsbuttons a.fbicon {
text-indent: -9999px;
-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 .sharegallery .righticonsbuttons 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;
}
.galleysingle .sharegallery .righticonsbuttons a.twiicon {
text-indent: -9999px;
-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 .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;
transition: all 150ms ease-in-out;
}
.galleysingle .sharegallery .righticonsbuttons a.gooplus {
text-indent: -9999px;
-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 .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 0px 20px 0px;
background: #ffffff;
padding: 20px 25px 0px 25px;
}
.galleysingle .gallerycontent p {
line-height: 18px;
color: #000000;
margin-bottom: 25px;
}
.galleysingle .gallerybox {
position: relative;
width: 100%;
height: auto;
}
.galleysingle .gallerybox .galleryslider {
position: relative;
width: 100%;
overflow: hidden;
height: auto;
}
.galleysingle .gallerybox .galleryslider:hover .flex-direction-nav a.flex-prev,
.galleysingle .gallerybox .galleryslider:hover .flex-direction-nav a.flex-next {
top: 50%;
margin-top: -62px;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.galleysingle .gallerybox .galleryslider .flex-direction-nav a.flex-prev {
text-indent: -9999px;
position: absolute;
left: 0px;
top: 0;
margin-top: -125px;
height: 125px;
width: 75px;
background: rgba(255, 255, 255, 0.8) url(images/left_slide.png) 50% 50% no-repeat;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms 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 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.galleysingle .gallerybox .galleryslider .flex-direction-nav a.flex-prev:active {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
}
.galleysingle .gallerybox .galleryslider .flex-direction-nav a.flex-next {
text-indent: -9999px;
position: absolute;
right: 0px;
top: 0;
margin-top: -125px;
height: 125px;
width: 75px;
background: rgba(255, 255, 255, 0.8) url(images/right_slide.png) 50% 50% no-repeat;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
}
.galleysingle .gallerybox .galleryslider .flex-direction-nav a.flex-next:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.galleysingle .gallerybox .galleryslider .flex-direction-nav a.flex-next:active {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.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, 0.6);
}
.galleysingle .gallerybox .galleryslider ul.slides li img {
width: auto;
max-width: 100%;
height: auto;
max-height: 900px;
}
.galleysingle .gallerybox .carousel {
background: #000000;
position: relative;
width: 100%;
}
.galleysingle .gallerybox .carousel:hover .flex-prev {
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
background: #ffffff url(images/minileft.png) 50% 50% no-repeat;
}
.galleysingle .gallerybox .carousel:hover .flex-next {
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
background: #ffffff url(images/miniright.png) 50% 50% no-repeat;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.galleysingle .gallerybox .carousel .flex-prev {
position: absolute;
top: 0;
text-indent: -9999px;
left: 0px;
width: 40px;
height: 130px;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
background: rgba(255, 255, 255, 0.7) url(images/minileft.png) 50% 50% no-repeat;
}
.galleysingle .gallerybox .carousel .flex-next {
position: absolute;
text-indent: -9999px;
top: 0;
right: 0px;
width: 40px;
height: 130px;
background: rgba(255, 255, 255, 0.7) url(images/miniright.png) 50% 50% no-repeat;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
}
.galleysingle .gallerybox .carousel .flex-viewport {
padding: 10px 0px 10px 0px;
background: rgba(255, 255, 255, 0.6);
}
.galleysingle .gallerybox .carousel .flex-viewport li img {
cursor: pointer;
}
.galleysingle .gallerybox .carousel .flex-viewport li img:hover {
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-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;
}
/* Inspiration
*******************************/
.inspirationbox blockquote.inspiration {
width: 35%;
float: right;
margin-right: 10px;
margin-top: 0px!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 {
position: absolute;
top: -70px;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
left: 0;
text-indent: -9999px;
height: 70px;
margin-top: 0;
width: 45px;
display: block;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
background: rgba(255, 255, 255, 0.5) url(images/minileft.png) 50% 50% no-repeat;
}
.inspirationbox .topinspiration #inspirationslider a.left:hover {
background: rgba(255, 255, 255, 0.8) url(images/minileft.png) 50% 50% no-repeat;
}
.inspirationbox .topinspiration #inspirationslider a.right {
position: absolute;
top: -70px;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
right: 0;
text-indent: -9999px;
height: 70px;
margin-top: 0;
width: 45px;
display: block;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
background: rgba(255, 255, 255, 0.5) url(images/miniright.png) 50% 50% no-repeat;
}
.inspirationbox .topinspiration #inspirationslider a.right:hover {
background: rgba(255, 255, 255, 0.8) url(images/miniright.png) 50% 50% no-repeat;
}
.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 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms 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: #000000!important;
}
.toppagination a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.inspirationblog .itemblog {
width: 33%;
margin: 0;
max-width: 337px;
background: none;
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: #ffffff;
text-align: center;
font-size: 14px;
line-height: 16px;
border-bottom: 1px solid #f5f5f5;
padding: 10px;
margin: 20px 40px 0px 40px;
}
.inspirationblog .itemblog .notumbinspiration figcaption p {
line-height: 19px;
font-style: italic;
color: #ffffff;
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: #ffffff;
font-size: 14px;
line-height: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.inspirationblog .itemblog .notumbinspiration figcaption a:hover {
background: #ffffff;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms 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 .mask,
.inspirationblog .itemblog .view .content {
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: #ffffff;
text-align: center;
position: relative;
font-size: 14px;
line-height: 16px;
padding: 10px;
margin: 20px 0 0 0;
}
.inspirationblog .itemblog .view p {
line-height: 19px;
font-style: italic;
position: relative;
color: #ffffff;
padding: 10px 20px 20px;
text-align: center;
}
.inspirationblog .itemblog .view a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #ffffff;
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 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.inspirationblog .itemblog .view-effect .mask {
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
opacity: 0;
}
.inspirationblog .itemblog .view-effect h2 {
border-bottom: 1px solid #f5f5f5;
background: transparent;
margin: 20px 40px 0px 40px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
opacity: 0;
}
.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 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.inspirationblog .itemblog .view-effect a.info {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.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 h2,
.inspirationblog .itemblog .view-effect:hover p,
.inspirationblog .itemblog .view-effect:hover a.info {
-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: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
/* Video
*******************************/
.videopagevide iframe {
width: 100%!important;
max-width: 1012px;
}
figure.videobox {
width: 100%;
height: auto;
}
figure.videobox iframe {
width: 100%!important;
}
.pagelayout section.story {
background: #ffffff;
padding: 20px;
}
.pagelayout section.story h1 {
line-height: 22px;
text-transform: uppercase;
}
.pagelayout section.story h2 {
line-height: 22px;
text-transform: uppercase;
}
.pagelayout section.story h3 {
line-height: 22px;
text-transform: uppercase;
}
.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;
}
/* About
*******************************/
.aboutpage .videoaboutbox {
margin-top: 20px;
}
.aboutpage .videoaboutbox .videocode {
display: none;
}
.aboutpage .videoaboutbox .videotitle {
width: 100%;
height: 37px;
cursor: pointer;
}
.aboutpage .videoaboutbox .videotitle:hover .text,
.aboutpage .videoaboutbox .videotitle:hover .plus {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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: #ffffff;
text-transform: uppercase;
}
.aboutpage .videoaboutbox .videotitle .plus {
display: inline-block;
float: right;
font-size: 54px;
line-height: 0px;
color: #ffffff;
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: #ffffff;
}
.aboutpage .contentaboutbox .rightboxabout {
width: 49%;
float: right;
background: #ffffff;
}
.aboutpage .contentaboutbox .rightboxabout .seconddata {
margin-bottom: 20px;
}
.aboutpage .contentaboutbox .aboutslider {
position: relative;
max-width: 460px;
margin-bottom: 5px;
}
.aboutpage .contentaboutbox .aboutslider ul {
margin: 0;
padding: 0;
list-style: none;
}
.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: rgba(255, 255, 255, 0.5) url(images/minileft.png) 50% 50% no-repeat;
}
.aboutpage .contentaboutbox .aboutslider .flex-prev:hover {
background: rgba(255, 255, 255, 0.8) url(images/minileft.png) 50% 50% no-repeat;
}
.aboutpage .contentaboutbox .aboutslider .flex-next {
position: absolute;
top: 50%;
right: 0;
text-indent: -9999px;
height: 70px;
margin-top: -35px;
width: 45px;
display: block;
background: rgba(255, 255, 255, 0.5) url(images/miniright.png) 50% 50% no-repeat;
}
.aboutpage .contentaboutbox .aboutslider .flex-next:hover {
background: rgba(255, 255, 255, 0.8) url(images/miniright.png) 50% 50% no-repeat;
}
.aboutpage .contentaboutbox .paddingbox {
padding: 20px;
line-height: 20px;
color: #000000;
}
.aboutpage .contentaboutbox .paddingbox p {
line-height: 20px;
margin-bottom: 25px;
}
.aboutpage .quotebox {
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: #ffffff;
}
.aboutpage .quotebox figure figcaption:hover {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.aboutpage .quotebox figure figcaption p {
padding: 50px 80px 10px 80px;
font-size: 13px;
line-height: 17px;
text-align: center;
}
/* Contact page
*******************************/
header.page-title {
margin-top: 20px;
padding-bottom: 12px;
padding-left: 10px;
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
color: #000000;
margin-bottom: 20px;
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: #000000;
text-transform: uppercase;
}
header.page-title .goback:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.contactpage .mapbox {
margin-top: 15px;
}
.contactpage .mapbox iframe {
width: 100%!important;
}
.contactpage .leftcontactbox {
width: 49%;
float: left;
background: #ffffff;
}
.contactpage .leftcontactbox .formbox .success,
.contactpage .leftcontactbox .formbox .error {
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: 0px 10px 0px 10px;
margin: 0 auto;
margin-bottom: 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;
padding-top: 0;
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: #ffffff;
letter-spacing: 1px;
text-transform: uppercase;
height: 35px;
padding: 0;
margin: 0;
}
.contactpage .leftcontactbox .formbox .buttoncomment input.submit:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
}
.contactpage .leftcontactbox .formbox .buttoncomment input.reset {
width: 95%;
font-size: 14px;
line-height: 14px;
color: #ffffff;
letter-spacing: 1px;
font-weight: normal;
text-transform: uppercase;
height: 35px;
padding: 0;
margin: 0;
margin-top: 9px;
}
.contactpage .leftcontactbox .formbox .buttoncomment input.reset:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
}
.contactpage .leftcontactbox .formbox input[type="text"],
.contactpage .leftcontactbox .formbox input[type="email"] {
width: 90%;
margin: 0 auto;
height: 37px;
padding: 0px 5px 0px 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 0px 10px 0px;
font-size: 18px;
line-height: 18px;
color: #ffffff;
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: #ffffff;
line-height: 17px;
font-size: 13px;
}
.contactpage .rightcontactbox figure figcaption:hover {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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: #ffffff;
margin: 0;
margin-top: 40px;
margin-bottom: 20px;
letter-spacing: 1px;
text-align: center;
font-size: 15px;
line-height: 15px;
text-transform: uppercase;
}
/* Press Style
*******************************/
.pressarchive {
margin-left: 2px;
}
.pressarchive .pressstyle {
width: 49%;
margin-right: 1%;
margin-bottom: 1%;
float: left;
background: #ffffff;
height: auto;
max-height: 200px;
min-width: 410px;
overflow: hidden;
box-shadow: 0px 0px 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;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.pressarchive .pressstyle .image figure figcaption span {
position: absolute;
font-size: 0px;
top: 45%;
left: 0;
width: 100%;
text-align: center;
text-transform: uppercase;
color: #ffffff;
}
.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: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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: #000000;
margin-bottom: 7px;
}
.pressarchive .pressstyle .rightbox .titleline .title h2 a {
color: #000000;
}
.pressarchive .pressstyle .rightbox .titleline .title h2 a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.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;
}
.pressarchive .pressstyle .rightbox .titleline .title .meta {
font-size: 9px;
line-height: 14px;
text-transform: uppercase;
}
.pressarchive .pressstyle .rightbox .titleline .title .meta a {
color: #000000;
}
.pressarchive .pressstyle .rightbox .titleline .title .meta a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.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;
}
.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;
}
/*Most Commented Widget*/
.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;
-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;
}
.aletheme-mostcommented-widget li.mostcommentedpost figure figcaption a {
color: #ffffff!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 10px;
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 6px 12px;
line-height: 12px;
font-style: normal;
text-transform: uppercase;
background: rgba(0, 0, 0, 0.7);
color: #ffffff;
}
.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;
}
.aletheme-mostcommented-widget li.no-thumb figure figcaption a {
color: #ffffff!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 10px;
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 6px 12px;
font-style: normal;
line-height: 12px;
text-transform: uppercase;
background: rgba(0, 0, 0, 0.7);
color: #ffffff;
}
section.error {
padding: 20px;
background: #ffffff;
}
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: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer {
overflow: hidden;
position: relative;
}
.jspPane {
position: absolute;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 5px;
height: 100%;
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
}
.jspVerticalBar *,
.jspHorizontalBar * {
margin: 0;
padding: 0;
}
.jspCap {
display: none;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspTrack {
position: relative;
}
.jspDrag {
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
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: none;
}
.jspCorner {
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
margin: 0 -3px 0 0;
}
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.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 {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.isotope .isotope-item {
-webkit-transition-property: left, top, opacity;
-moz-transition-property: left, top, opacity;
-ms-transition-property: left, top, opacity;
transition-property: left, top, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.sticky {
margin: 0;
}
.gallery-caption {
margin: 0;
}
.bypostauthor {
margin: 0;
}
.tags {
margin: 0;
}
.scrollcategory {
width: 100%;
height: 76px;
margin-bottom: 15px;
overflow: auto;
}
.comments-closed {
text-align: center;
color: #646464;
}
/*Default WordPress Comments*/
section.defaultwp nav#comment-nav-below {
margin-top: 15px;
text-align: center;
}
section.defaultwp nav#comment-nav-below a:hover {
color: #000000;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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;
margin-bottom: 10px;
}
section.defaultwp .respondbox h3#reply-title {
text-transform: uppercase;
}
section.defaultwp .respondbox #respond {
margin-top: 20px;
background: #ffffff;
box-shadow: 0px 0px 3px #bfbfbf;
padding: 20px;
}
section.defaultwp .respondbox #respond a:hover {
color: #000000;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section.defaultwp #respond p.comment-notes {
text-align: center;
color: #717171;
}
section.defaultwp #respond p.comment-form-comment {
padding-top: 0px!important;
}
section.defaultwp #respond p.comment-form-author,
section.defaultwp #respond p.comment-form-url,
section.defaultwp #respond p.comment-form-email {
width: 70%;
padding-top: 0!important;
margin: 0 auto;
margin-bottom: 15px;
}
section.defaultwp #respond p.comment-form-author label,
section.defaultwp #respond p.comment-form-url label,
section.defaultwp #respond p.comment-form-email 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-url input,
section.defaultwp #respond p.comment-form-email 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: #ffffff;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
font-weight: 400;
padding: 7px 10px 7px 10px;
}
section.defaultwp #respond p.form-submit input#submit:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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: 0px 0px 2px #cdcdcd;
}
section.defaultwp #respond p.comment-form-comment {
text-align: center;
}
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;
}
section.defaultwp #comments {
margin: 0 auto;
width: 99%;
}
section.defaultwp #comments li.comment,
section.defaultwp #comments li.pingback,
section.defaultwp #comments li.trackback {
background: #ffffff;
margin-top: 20px;
box-shadow: 0px 0px 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: 0px 0px 3px #bfbfbf;
padding: 20px;
}
section.defaultwp #comments li.comment #respond h3#reply-title,
section.defaultwp #comments li.pingback #respond h3#reply-title,
section.defaultwp #comments li.trackback #respond h3#reply-title {
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
}
section.defaultwp #comments li.comment #respond h3#reply-title small,
section.defaultwp #comments li.pingback #respond h3#reply-title small,
section.defaultwp #comments li.trackback #respond h3#reply-title small {
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
}
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: #000000;
}
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: #000000;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.shopslider {
overflow: hidden;
margin-bottom: 15px;
position: relative;
}
.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;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.shopslider:hover .flex-direction-nav a.flex-next {
margin-right: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.shopslider .flex-direction-nav a.flex-prev {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
position: absolute;
left: 0;
top: 50%;
margin-top: -62px;
height: 125px;
width: 75px;
margin-left: -75px;
background: rgba(255, 255, 255, 0.8) url(images/left_slide.png) 50% 50% no-repeat;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
}
.shopslider .flex-direction-nav a.flex-prev:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.shopslider .flex-direction-nav a.flex-prev:active {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
}
.shopslider .flex-direction-nav a.flex-next {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
position: absolute;
right: 0;
top: 50%;
margin-top: -62px;
height: 125px;
width: 75px;
margin-right: -75px;
background: rgba(255, 255, 255, 0.8) url(images/right_slide.png) 50% 50% no-repeat;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
}
.shopslider .flex-direction-nav a.flex-next:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.shopslider .flex-direction-nav a.flex-next:active {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
}
/*WordPress style*/
.story-pages {
text-align: center;
}
.story-pages p {
text-align: center;
font-size: 14px;
line-height: 14px;
letter-spacing: 1px;
text-transform: uppercase;
color: #000000;
}
.story-pages p a:hover {
color: #000000;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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-7 dl.gallery-item {
width: 14%;
float: left;
text-align: center;
}
.story .gallery-columns-8 dl.gallery-item,
.story .gallery-columns-9 dl.gallery-item,
.story .gallery-columns-10 dl.gallery-item {
width: 14%;
float: left;
text-align: center;
}
.story dl.gallery-item {
margin: 0;
box-shadow: none;
padding: 0px;
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: #000000;
text-transform: uppercase;
}
.story dl.gallery-item dd {
display: block;
margin: 0 auto;
line-height: 18px;
}
.story .gallery-item a,
.story .gallery-caption {
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: #000000;
text-transform: uppercase;
letter-spacing: 1px;
}
nav.prev-next-links a {
color: #000000;
}
nav.prev-next-links a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
form.protected-post-form {
text-align: center;
color: #787878;
}
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: #ffffff;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
font-weight: 400;
padding: 7px 10px 7px 10px;
}
form.protected-post-form p input[type="submit"]:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
form.protected-post-form p input[type="password"] {
width: 70%;
display: block;
margin: 0 auto;
color: #5e5e5e;
margin-top: 15px;
margin-bottom: 15px;
height: 25px;
resize: none;
line-height: 9px;
font-size: 9px;
text-transform: uppercase;
}
/*
* Gallery Column
* ====================
*/
.gallerygrid .homecustomcontent {
background: #ffffff;
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: #ffffff;
}
.gallerygrid #filters li {
display: inline-block;
color: #000000;
line-height: 9px;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
margin-right: 9px;
margin-bottom: 9px;
}
.gallerygrid #filters li a {
color: #000000;
display: block;
padding: 5px 5px 3px 5px;
-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: #ffffff;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms 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 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms 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: #ffffff;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.gallerygrid #galcontainer .element .titlegalleryfilter,
.gallerygrid #galcontainerhome .element .titlegalleryfilter {
background: #ffffff;
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 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.nivoSlider:hover .nivo-caption .mainslidertitle {
left: 20px;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}
.nivoSlider:hover .nivo-caption .mainsliderdescription {
top: 40px;
-webkit-transition: all 1100ms ease-in-out;
-moz-transition: all 1100ms ease-in-out;
-ms-transition: all 1100ms ease-in-out;
-o-transition: all 1100ms ease-in-out;
transition: all 1100ms ease-in-out;
}
.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
max-width: none;
height: auto;
width: auto;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
background: white;
opacity: 0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
overflow: hidden;
}
.nivo-box img {
display: block;
}
/* Caption styles */
.nivo-caption {
position: absolute;
left: 0;
top: 100%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
background: rgba(255, 255, 255, 0.4);
color: #000000;
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 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}
.nivo-caption .mainsliderdescription {
position: absolute;
left: 0;
margin: 20px;
line-height: 19px;
top: 100%;
}
.nivo-caption .mainsliderdescription .sliderlinkmore {
color: #ffffff;
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: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline !important;
}
.nivo-html-caption {
display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position: absolute;
top: 0;
margin-top: -125px;
text-indent: -9999px;
z-index: 9;
cursor: pointer;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.nivo-prevNav {
left: 0px;
height: 125px;
width: 75px;
background: rgba(255, 255, 255, 0.5) url(images/left_slide.png) 50% 50% no-repeat;
}
.nivo-prevNav:hover {
background: rgba(255, 255, 255, 0.8) url(images/left_slide.png) 50% 50% no-repeat;
}
.nivo-nextNav {
right: 0px;
height: 125px;
width: 75px;
background: rgba(255, 255, 255, 0.5) url(images/right_slide.png) 50% 50% no-repeat;
}
.nivo-nextNav:hover {
background: rgba(255, 255, 255, 0.8) url(images/right_slide.png) 50% 50% no-repeat;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align: center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
.ourteambox .itemteam {
width: 33.3333%;
float: left;
}
.ourteambox .itemteam figure {
width: 95%;
background: #ffffff;
text-align: center;
box-shadow: 1px 1px 2px #d0d0d0;
margin-bottom: 3px;
overflow: hidden;
position: relative;
}
.ourteambox .itemteam figure:hover figcaption {
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms 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 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.ourteambox .itemteam figure figcaption .name {
margin-top: 30%;
color: #ffffff;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
margin-bottom: 7px;
}
.ourteambox .itemteam figure figcaption .profession {
color: #ffffff;
font-size: 14px;
line-height: 14px;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 20px;
}
.ourteambox .itemteam figure figcaption .socsites,
.ourteambox .itemteam figure figcaption .email {
color: #ffffff;
line-height: 14px;
margin-bottom: 3px;
}
.ourteambox .itemteam figure figcaption .socsites a,
.ourteambox .itemteam figure figcaption .email a {
color: #ffffff;
}
.ourteambox .itemteam figure figcaption .socsites a:hover,
.ourteambox .itemteam figure figcaption .email a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
}
.abouttwo .abouttworight {
background: #ffffff;
}
.abouttwo .abouttworight .ourskill {
padding: 20px 15px 26px 15px;
}
.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 .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: #ffffff;
width: 97%;
}
.abouttwo .abouttwoleft .whiteaboutbox .paddingabouttwo {
line-height: 19px;
padding: 20px;
}
.abouttwo .abouttwoleft .whiteaboutbox .paddingabouttwo p {
line-height: 19px;
}
.abouttwo .abouttworight {
width: 33%;
float: left;
}
.contacttwostory {
line-height: 19px;
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: #000000;
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: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.contactformtwo {
margin-top: 30px;
background: #ffffff;
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.submit {
width: 110px;
font-size: 14px;
line-height: 14px;
color: #ffffff;
letter-spacing: 1px;
text-transform: uppercase;
height: 35px;
padding: 0;
margin: 0;
margin-right: 10px;
}
.contactformtwo .formbox .buttoncomment input.submit:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
}
.contactformtwo .formbox .buttoncomment input.reset {
width: 110px;
font-size: 14px;
line-height: 14px;
color: #ffffff;
letter-spacing: 1px;
text-transform: uppercase;
height: 35px;
font-weight: normal;
padding: 0;
margin: 0;
margin-top: 9px;
}
.contactformtwo .formbox .buttoncomment input.reset:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
}
.contactformtwo .formbox textarea {
width: 96%;
height: 70px;
padding-top: 0;
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 .nametwo,
.contactformtwo .formbox .emailtwo,
.contactformtwo .formbox .phonetwo {
float: left;
margin-bottom: 30px;
width: 33%;
}
.contactformtwo .formbox .nametwo input[type="text"],
.contactformtwo .formbox .emailtwo input[type="text"],
.contactformtwo .formbox .phonetwo input[type="text"],
.contactformtwo .formbox .nametwo input[type="email"],
.contactformtwo .formbox .emailtwo input[type="email"],
.contactformtwo .formbox .phonetwo input[type="email"] {
width: 90%;
margin: 0 auto;
height: 37px;
padding: 0px 5px 0px 10px;
color: #5e5e5e;
font-size: 12px;
line-height: 12px;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
vertical-align: middle;
}
.contactformtwo .formbox .nametwo ::-webkit-input-placeholder,
.contactformtwo .formbox .emailtwo ::-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;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms 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 {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.aboutthreeteam .itemteam .teamphotobox .masktemphoto a.fbiconteam:hover {
background: #333333 url(images/social/fb.png) 50% 50% no-repeat;
}
.aboutthreeteam .itemteam .teamphotobox .masktemphoto a.twiiconteam:hover {
background: #333333 url(images/social/twi.png) 50% 50% no-repeat;
}
.aboutthreeteam .itemteam .teamphotobox .masktemphoto a.giconteam:hover {
background: #333333 url(images/social/gog.png) 50% 50% no-repeat;
}
.aboutthreeteam .itemteam .teamphotobox .masktemphoto a.piniconteam:hover {
background: #333333 url(images/social/pin.png) 50% 50% no-repeat;
}
.aboutthreeteam .itemteam .teamphotobox:hover .masktemphoto {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms 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: #ffffff;
}
.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: #ffffff;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.aboutthree .abouttoggle a:hover {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.aboutthree .abouttoggle .itemtoggle {
margin-bottom: 15px;
}
.aboutthree .abouttoggle .itemtoggle .titletog {
height: 42px;
background: rgba(0, 0, 0, 0.5);
line-height: 42px;
font-size: 20px;
color: #ffffff;
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: #ffffff;
text-align: center;
font-size: 54px;
cursor: pointer;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.aboutthree .abouttoggle .itemtoggle .titletog .iconplu:hover {
background: #333333;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.aboutthree .abouttoggle .itemtoggle .titlecontent {
display: none;
margin-left: 50px;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 15px;
}
.aboutthree .abouttoggle .itemtoggle .titlecontent p {
color: #ffffff;
text-shadow: 0px 0px 1px #000;
font-size: 13px;
}
.aboutthree .theprevieabout {
margin: 0px 0px 25px 0px;
}
.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: 0px 15px 20px 15px;
text-align: center;
}
.aboutthree .aboutdescr p {
text-align: center;
}
.woocommerce div.product div.images div.thumbnails a:nth-child(4),
.woocommerce-page div.product div.images div.thumbnails a:nth-child(4),
.woocommerce #content div.product div.images div.thumbnails a:nth-child(4),
.woocommerce-page #content div.product div.images div.thumbnails a:nth-child(4) {
margin-right: 0!important;
}
.centeredpost .newtitle {
text-align: center;
margin-left: 10px;
margin-right: 10px;
margin-top: 30px;
margin-bottom: 15px;
font-size: 20px;
}
.centeredpost .newtitle h2 {
font-weight: 300!important;
font-size: 20px;
}
.centeredpost .newtitle a {
color: #3a3a3a;
}
.centeredpost .newtitle a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.centeredpost .newexcerpt {
margin: 30px 20px 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:before {
content: " ";
position: absolute;
top: 50%;
left: -50px;
height: 1px;
display: block;
background: url(images/menu_dot.png) top repeat-x;
width: 40px;
}
.centeredpost .newdate .datebox:after {
content: " ";
position: absolute;
top: 50%;
right: -50px;
height: 1px;
display: block;
background: url(images/menu_dot.png) top repeat-x;
width: 40px;
}
.ale-slider-slides {
margin-bottom: 20px;
}
.ale-slider-slides .flexslider .descr h3 {
color: #ffffff!important;
}
.ale-slider-slides .flexslider .descr .text {
color: #ffffff!important;
}
.ale-slider-slides .flexslider .descr .text p {
color: #ffffff!important;
}
.ale-slider-slides a.flex-prev {
position: absolute;
left: 0;
top: 50%;
margin-top: -32px;
height: 70px;
width: 45px;
text-indent: -9999px;
background: rgba(255, 255, 255, 0.5) url(images/minileft.png) 50% 50% no-repeat;
}
.ale-slider-slides a.flex-prev:hover {
background: rgba(255, 255, 255, 0.8) url(images/minileft.png) 50% 50% no-repeat;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.ale-slider-slides a.flex-next {
position: absolute;
right: 0;
top: 50%;
margin-top: -32px;
height: 70px;
width: 45px;
text-indent: -9999px;
background: rgba(255, 255, 255, 0.5) url(images/miniright.png) 50% 50% no-repeat;
}
.ale-slider-slides a.flex-next:hover {
background: rgba(255, 255, 255, 0.8) url(images/miniright.png) 50% 50% no-repeat;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.homeonebottomgal {
width: 95%;
margin: 0 auto;
max-width: 1286px;
}
/* New Home pages v.2.4 */
section#new-home-one {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
section#new-home-one .new-home-1-slider {
max-width: 1050px;
width: 100%;
position: relative;
float: right;
}
section#new-home-one .new-home-1-slider .leftbox {
position: absolute;
z-index: 99;
top: 0;
left: 0;
margin-left: -230px;
height: 100%;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox {
width: 230px;
background: #ffffff;
height: 100%;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader {
position: relative;
padding-top: 45px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader h1.customlogo {
width: 100%;
height: auto;
text-align: center;
max-height: 130px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader h1.customlogo img {
max-width: 172px;
max-height: 130px;
width: auto;
height: auto;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader h1.customlogo img:hover {
margin-bottom: 5px;
margin-top: -5px;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader h1.image {
width: 172px;
margin: 0 auto;
display: block;
height: 115px;
text-indent: -9999px;
text-align: center;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader h1.image a {
width: 100%;
height: 100%;
display: block;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader h1.image:hover {
margin-bottom: 5px;
margin-top: -5px;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader .social {
width: 172px;
margin: 0 auto;
margin-top: 30px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader .social .followtitle {
text-transform: uppercase;
color: #000000;
font-size: 9px;
line-height: 9px;
margin-bottom: 7px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader .social a {
width: 29px;
height: 29px;
display: block;
text-indent: -9999px;
margin-right: 4px;
float: left;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader .social .socialslider {
padding-top: 2px;
height: 40px;
width: 161px;
overflow-y: hidden;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader .social .socialslider .socialicons {
width: 227px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader .social a.jspArrow {
width: 8px;
height: 5px;
background: #848484;
margin: 0;
}
section#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#mobilenav {
display: none;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#leftnav {
position: absolute;
top: 0;
left: 0;
width: 230px;
margin: 0 auto;
margin-top: 190px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu {
width: 172px;
margin: 0 auto;
font-size: 16px;
line-height: 16px;
color: #000000;
text-transform: uppercase;
position: relative;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul {
display: none;
width: 200px;
background: #ffffff;
position: absolute;
top: 0;
z-index: 9999;
left: 100%;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul li:first-child {
padding-top: 5px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul li:last-child {
padding-bottom: 5px;
background: none;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul li {
position: relative;
width: auto;
padding-left: 10px;
font-size: 14px;
line-height: 14px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li:hover > ul {
display: block;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu a {
color: #000000;
}
section#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li.current-menu-item ul li a {
color: #000000;
background: none;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li {
width: 100%;
position: relative;
background: url(images/menu_dot.png) bottom repeat-x;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li a {
padding: 9px 0px 9px 0px;
width: 100%;
background-position: 50% 50%;
display: block;
}
section#new-home-one .new-home-1-slider .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#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu:after {
content: "";
clear: both;
display: block;
}
section#new-home-one .new-home-1-slider ul.slides li {
display: none;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
position: relative;
}
section#new-home-one .new-home-1-slider ul.slides li figure {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
section#new-home-one .new-home-1-slider ul.slides li figure figcaption {
position: absolute;
bottom: 30px;
right: 0;
width: 70%;
padding: 20px;
text-align: right;
background: rgba(255, 255, 255, 0.7);
}
section#new-home-one .new-home-1-slider ul.slides li figure figcaption .mainslidertitle {
text-transform: uppercase;
margin-bottom: 10px;
}
section#new-home-one .new-home-1-slider ul.slides li figure figcaption .mainsliderdescription {
line-height: 18px;
}
section#new-home-one .new-home-1-slider ul.slides li figure figcaption .sliderlinkmore {
margin-top: 15px;
}
section#new-home-one .new-home-1-slider ul.slides li figure figcaption .sliderlinkmore a {
color: #FFF;
letter-spacing: 0.02em;
padding: 5px 10px 5px 10px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section#new-home-one .new-home-1-slider ul.slides li figure figcaption .sliderlinkmore a:hover {
background: #333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section#new-home-one .new-home-1-slider ul.slides li.flex-active-slide {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section#new-home-one .new-home-1-slider .flex-direction-nav {
position: absolute;
right: 0;
top: 50%;
width: 29px;
height: 59px;
margin-top: -29px;
}
section#new-home-one .new-home-1-slider .flex-direction-nav a.flex-prev {
width: 29px;
height: 29px;
display: block;
background-image: url(images/new-slide.png);
background-position: 0 -29px;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section#new-home-one .new-home-1-slider .flex-direction-nav a.flex-prev:hover {
background-color: #333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section#new-home-one .new-home-1-slider .flex-direction-nav a.flex-next {
width: 29px;
height: 29px;
display: block;
background-image: url(images/new-slide.png);
background-position: 0 0;
background-repeat: no-repeat;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section#new-home-one .new-home-1-slider .flex-direction-nav a.flex-next:hover {
background-color: #333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section#new-home-one .new-home-1-slider img {
max-width: 1050px;
max-height: 555px;
width: 100%;
height: auto;
}
aside.left-sidebar {
width: 230px;
vertical-align: top;
display: inline-block;
float: left;
background: #ffffff;
}
aside.left-sidebar a:hover {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.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;
}
aside.left-sidebar ul.sidebarul {
margin: 10px 13px 10px 13px;
}
aside.left-sidebar ul.sidebarul li.widget {
margin-top: 30px;
}
aside.left-sidebar ul.sidebarul li.widget p {
line-height: 15px;
color: #161616;
}
aside.left-sidebar ul.sidebarul li.widget p.follow {
text-align: center;
}
aside.left-sidebar ul.sidebarul li.widget p.tweet {
text-align: center;
padding: 0px 10px 0px 10px;
font-size: 11px;
}
aside.left-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: #000000;
margin-bottom: 15px;
}
section#new-home-1-content {
width: 100%;
max-width: 1280px;
margin: 0 auto;
margin-top: 20px;
}
section#new-home-1-content section.home-one-content {
overflow: hidden;
}
section#new-home-1-content section.home-one-content .center-section {
margin: 0 20px 0 20px;
}
section#new-home-1-content section.home-one-content .center-section section.story {
text-align: center;
margin-bottom: 40px;
color: #7f7f7f;
font-size: 12px;
line-height: 18px;
}
section#new-home-1-content section.home-one-content .center-section section.story p {
color: #7f7f7f;
font-size: 12px;
line-height: 18px;
text-align: center;
}
section#new-home-1-content section.home-one-content .center-section section.story p:last-child {
margin-bottom: 0;
}
section#new-home-1-content section.home-one-content .center-section section.story .sub-title {
color: #151618;
font-size: 22px;
line-height: 36px;
font-weight: 300;
margin-top: 30px;
text-transform: uppercase;
}
section#new-home-1-content section.home-one-content .center-section section.story .home-title {
text-transform: uppercase;
color: #151618;
font-size: 22px;
line-height: 41px;
margin-bottom: 15px;
font-weight: 700;
}
section#new-home-1-content section.home-one-content .center-section .three-boxes {
margin-bottom: 20px;
}
section#new-home-1-content section.home-one-content .center-section .three-boxes .col-item-3 {
background: #fff;
width: 32%;
float: left;
margin-right: 1.99%;
}
section#new-home-1-content section.home-one-content .center-section .three-boxes .col-item-3:nth-child(3) {
margin-right: 0;
}
section#new-home-1-content section.home-one-content .center-section .three-boxes .col-item-3 .box-contener {
padding: 40px;
}
section#new-home-1-content section.home-one-content .center-section .three-boxes .col-item-3 .box-contener .icon-line {
width: 100%;
height: 39px;
background: url(images/hr-title.png) center center no-repeat;
position: relative;
margin-bottom: 40px;
display: block;
}
section#new-home-1-content section.home-one-content .center-section .three-boxes .col-item-3 .box-contener .icon-line .icon-1,
section#new-home-1-content section.home-one-content .center-section .three-boxes .col-item-3 .box-contener .icon-line .icon-2,
section#new-home-1-content section.home-one-content .center-section .three-boxes .col-item-3 .box-contener .icon-line .icon-3 {
width: 46px;
height: 39px;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -19px;
margin-left: -23px;
}
section#new-home-1-content section.home-one-content .center-section .three-boxes .col-item-3 .box-contener .title-box {
color: #151618;
font-size: 14px;
width: 100%;
text-align: center;
text-transform: uppercase;
margin-bottom: 18px;
font-weight: 700;
}
section#new-home-1-content section.home-one-content .center-section .three-boxes .col-item-3 .box-contener .descr-box {
color: #7f7f7f;
font-size: 12px;
line-height: 18px;
text-align: center;
width: 100%;
}
section#new-home-1-content section.home-one-content .center-section .bottom-about-descr {
margin-bottom: 20px;
background: #FFF;
}
section#new-home-1-content section.home-one-content .center-section .bottom-about-descr .photo-about {
float: left;
display: inline-block;
vertical-align: top;
width: 390px;
}
section#new-home-1-content section.home-one-content .center-section .bottom-about-descr .bottom-content-about {
overflow: hidden;
}
section#new-home-1-content section.home-one-content .center-section .bottom-about-descr .bottom-content-about .about-box-conteiner {
padding: 55px 65px 40px 65px;
}
section#new-home-1-content section.home-one-content .center-section .bottom-about-descr .bottom-content-about .about-box-conteiner .box-title {
color: #000000;
font-size: 21px;
text-transform: uppercase;
margin-bottom: 18px;
}
section#new-home-1-content section.home-one-content .center-section .bottom-about-descr .bottom-content-about .about-box-conteiner .box-desc {
color: #7f7f7f;
font-size: 12px;
line-height: 18px;
}
section#new-home-1-content section.home-one-content .center-section .bottom-about-descr .bottom-content-about .about-box-conteiner .box-desc p {
color: #7f7f7f;
font-size: 12px;
line-height: 18px;
}
section#new-home-1-content section.home-one-content .center-section .bottom-about-descr .bottom-content-about .about-box-conteiner .read-more-but {
margin-top: 15px;
}
section#new-home-1-content section.home-one-content .center-section .bottom-about-descr .bottom-content-about .about-box-conteiner .read-more-but a {
font-size: 14px;
text-transform: uppercase;
display: block;
color: #FFF;
width: 110px;
height: 20px;
padding-top: 6px;
text-align: center;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section#new-home-1-content section.home-one-content .center-section .bottom-about-descr .bottom-content-about .about-box-conteiner .read-more-but a:hover {
background-color: #333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
section#new-home-two {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
section#new-home-two .leftbox {
z-index: 999;
display: inline-block;
vertical-align: top;
float: left;
}
section#new-home-two .leftbox .leftmenubox {
width: 230px;
background: #ffffff;
min-height: 555px;
}
section#new-home-two .leftbox .leftmenubox header#leftheader {
position: relative;
padding-top: 45px;
}
section#new-home-two .leftbox .leftmenubox header#leftheader h1.customlogo {
width: 100%;
height: auto;
text-align: center;
max-height: 130px;
}
section#new-home-two .leftbox .leftmenubox header#leftheader h1.customlogo img {
max-width: 172px;
max-height: 130px;
width: auto;
height: auto;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
section#new-home-two .leftbox .leftmenubox header#leftheader h1.customlogo img:hover {
margin-bottom: 5px;
margin-top: -5px;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
section#new-home-two .leftbox .leftmenubox header#leftheader h1.image {
width: 172px;
margin: 0 auto;
display: block;
height: 115px;
text-indent: -9999px;
text-align: center;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
section#new-home-two .leftbox .leftmenubox header#leftheader h1.image a {
width: 100%;
height: 100%;
display: block;
}
section#new-home-two .leftbox .leftmenubox header#leftheader h1.image:hover {
margin-bottom: 5px;
margin-top: -5px;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
section#new-home-two .leftbox .leftmenubox header#leftheader .social {
width: 172px;
margin: 0 auto;
margin-top: 30px;
}
section#new-home-two .leftbox .leftmenubox header#leftheader .social .followtitle {
text-transform: uppercase;
color: #000000;
font-size: 9px;
line-height: 9px;
margin-bottom: 7px;
}
section#new-home-two .leftbox .leftmenubox header#leftheader .social a {
width: 29px;
height: 29px;
display: block;
text-indent: -9999px;
margin-right: 4px;
float: left;
}
section#new-home-two .leftbox .leftmenubox header#leftheader .social .socialslider {
padding-top: 2px;
height: 40px;
width: 161px;
overflow-y: hidden;
}
section#new-home-two .leftbox .leftmenubox header#leftheader .social .socialslider .socialicons {
width: 227px;
}
section#new-home-two .leftbox .leftmenubox header#leftheader .social a.jspArrow {
width: 8px;
height: 5px;
background: #848484;
margin: 0;
}
section#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .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#new-home-two .leftbox .leftmenubox header#leftheader nav#mobilenav {
display: none;
}
section#new-home-two .leftbox .leftmenubox header#leftheader nav#leftnav {
position: absolute;
top: 0;
left: 0;
width: 230px;
margin: 0 auto;
margin-top: 190px;
}
section#new-home-two .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu {
width: 172px;
margin: 0 auto;
font-size: 16px;
line-height: 16px;
color: #000000;
text-transform: uppercase;
position: relative;
}
section#new-home-two .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul {
display: none;
width: 200px;
background: #ffffff;
position: absolute;
top: 0;
z-index: 9999;
left: 100%;
}
section#new-home-two .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul li:first-child {
padding-top: 5px;
}
section#new-home-two .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul li:last-child {
padding-bottom: 5px;
background: none;
}
section#new-home-two .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu ul li {
position: relative;
width: auto;
padding-left: 10px;
font-size: 14px;
line-height: 14px;
}
section#new-home-two .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li:hover > ul {
display: block;
}
section#new-home-two .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu a {
color: #000000;
}
section#new-home-two .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#new-home-two .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li.current-menu-item ul li a {
color: #000000;
background: none;
}
section#new-home-two .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li {
width: 100%;
position: relative;
background: url(images/menu_dot.png) bottom repeat-x;
}
section#new-home-two .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li a {
padding: 9px 0px 9px 0px;
width: 100%;
background-position: 50% 50%;
display: block;
}
section#new-home-two .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#new-home-two .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu:after {
content: "";
clear: both;
display: block;
}
section#new-home-two .new-home-2-top {
overflow: hidden;
margin-bottom: 15px;
}
section#new-home-two .new-home-2-top .three-boxes-cont {
float: right;
}
section#new-home-two .new-home-2-top .three-boxes-cont .item-col-3 {
display: inline-block;
float: left;
width: 33.333339%;
}
section#new-home-two .new-home-2-top .three-boxes-cont .item-col-3 img {
max-width: 100%;
height: auto;
}
section#new-home-two .new-home-2-top .three-boxes-cont .item-col-3 figure {
position: relative;
overflow: hidden;
}
section#new-home-two .new-home-2-top .three-boxes-cont .item-col-3 figure .link-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
section#new-home-two .new-home-2-top .three-boxes-cont .item-col-3 figure .link-box a {
width: 100%;
height: 100%;
display: block;
background: url(images/go.png) center center no-repeat;
}
section#new-home-two .new-home-2-top .three-boxes-cont .item-col-3 figure:hover .link-box {
display: block;
}
section#new-home-two .new-home-2-top .three-boxes-cont .item-col-3 figure figcaption.mask-text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
section#new-home-two .new-home-2-top .three-boxes-cont .item-col-3 figure figcaption.mask-text .mask-title {
width: 100%;
text-align: center;
color: #FFF;
font-size: 30px;
font-weight: 700;
margin-bottom: 6px;
text-transform: uppercase;
}
section#new-home-two .new-home-2-top .three-boxes-cont .item-col-3 figure figcaption.mask-text .mask-desc {
width: 100%;
text-align: center;
color: #FFF;
margin-bottom: 40px;
font-size: 11px;
}
.map-about-box {
background-color: #FFF;
background-image: url(images/map-bg.png);
background-position: center center;
background-repeat: no-repeat;
width: 100%;
min-height: 466px;
margin-bottom: 35px;
}
.map-about-box .conteiner-map {
padding: 60px 100px 60px 100px;
}
.map-about-box .conteiner-map .one-half-box {
width: 49.9%;
float: left;
}
.map-about-box .conteiner-map .one-half-box .three-counts {
margin-bottom: 70px;
}
.map-about-box .conteiner-map .one-half-box .three-counts .one-third-box {
width: 33.3%;
float: left;
}
.map-about-box .conteiner-map .one-half-box .three-counts .one-third-box .count {
font-weight: 300;
font-size: 81px;
text-align: center;
line-height: 28px;
margin-top: 30px;
display: inline-block;
}
.map-about-box .conteiner-map .one-half-box .three-counts .one-third-box .count span {
text-align: center;
display: block;
}
.map-about-box .conteiner-map .one-half-box .three-counts .one-third-box .count .count-title {
font-size: 12px;
color: #7f7f7f;
}
.map-about-box .conteiner-map .one-half-box .about-title {
font-size: 21px;
color: #000000;
text-transform: uppercase;
margin-bottom: 15px;
}
.map-about-box .conteiner-map .one-half-box .about-desc {
color: #7f7f7f;
font-size: 12px;
line-height: 18px;
margin-bottom: 15px;
margin-right: 40px;
}
.map-about-box .conteiner-map .one-half-box .about-link {
padding-top: 10px;
}
.map-about-box .conteiner-map .one-half-box .about-link a {
font-size: 14px;
text-transform: uppercase;
display: block;
color: #FFF;
width: 110px;
height: 20px;
padding-top: 6px;
text-align: center;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.map-about-box .conteiner-map .one-half-box .about-link a:hover {
background: #333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.video-embed-box {
width: 100%;
max-width: 534px;
height: 343px;
position: relative;
}
.video-embed-box .open-video {
position: absolute;
top: 30%;
left: 50%;
margin-left: -33px;
}
.video-embed-box .open-video a {
width: 65px;
height: 65px;
display: block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-image: url(images/play.png);
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.video-embed-box .open-video a:hover {
background-color: #333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.video-embed-box .video-text {
position: absolute;
width: 100%;
text-align: center;
bottom: 0;
margin-bottom: 80px;
color: #fff;
font-size: 11px;
}
.video-embed-box .video-text span.title-video {
font-size: 30px;
text-transform: uppercase;
font-weight: 300;
line-height: 40px;
}
.video-embed-box .video-text span.title-video span {
font-weight: 400;
}
.collections-box .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;
}
.collections-box .col-conteiner {
padding-top: 15px;
}
.collections-box .col-conteiner .item-box {
display: inline-block;
float: left;
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.collections-box .col-conteiner .item-box img {
max-width: 100%;
height: auto;
}
.collections-box .col-conteiner .item-box:nth-child(1) {
width: 28.1%;
margin-right: 1.5%;
}
.collections-box .col-conteiner .item-box:nth-child(1) .info-box {
right: 0;
bottom: 0;
margin-bottom: 45px;
left: 35px;
}
.collections-box .col-conteiner .item-box:nth-child(2) {
width: 70.39%;
}
.collections-box .col-conteiner .item-box:nth-child(2) .info-box {
right: 0;
bottom: 0;
width: 35%;
max-width: 255px;
}
.collections-box .col-conteiner .item-box:nth-child(3) {
width: 34.35%;
margin-right: 1.5%;
}
.collections-box .col-conteiner .item-box:nth-child(3) .info-box {
right: 20%;
left: 20%;
top: 30%;
bottom: 30%;
text-align: center;
}
.collections-box .col-conteiner .item-box:nth-child(4) {
width: 34.35%;
}
.collections-box .col-conteiner .item-box:nth-child(4) .info-box {
right: 20%;
left: 20%;
top: 30%;
bottom: 30%;
text-align: center;
}
.collections-box .col-conteiner .item-box .info-box {
background: #fff;
padding: 45px;
position: absolute;
overflow: hidden;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.collections-box .col-conteiner .item-box .info-box .title-info {
color: #000000;
font-size: 16px;
text-transform: uppercase;
}
.collections-box .col-conteiner .item-box .info-box .loc-info {
color: #000000;
font-size: 14px;
text-transform: uppercase;
font-weight: 300;
}
.collections-box .col-conteiner .item-box .info-box .desc-info {
margin-top: 20px;
color: #7f7f7f;
font-size: 12px;
line-height: 18px;
}
.collections-box .col-conteiner .item-box .mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.collections-box .col-conteiner .item-box .mask a {
display: block;
width: 100%;
height: 100%;
background-image: url(images/go.png);
background-position: center center;
background-repeat: no-repeat;
}
.collections-box .col-conteiner .item-box:hover .mask {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.collections-box .col-conteiner .item-box:hover .info-box {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-home-3-slider {
width: 100%;
height: auto;
position: relative;
}
.new-home-3-slider ul.slides li {
display: none;
width: 100%;
height: auto;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
z-index: -1;
position: relative;
}
.new-home-3-slider ul.slides li .home-3-sliderdata {
position: absolute;
right: 0;
top: 0;
}
.new-home-3-slider ul.slides {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.home-3-syncbox {
position: relative;
min-height: 210px;
padding: 190px 100px 50px 160px;
}
.home-3-syncbox ul.slides li {
min-height: 220px;
}
.home-3-syncbox .flex-control-nav {
position: absolute;
top: 0;
right: 0;
margin-top: 260px;
margin-right: 10px;
}
.home-3-syncbox .flex-control-nav li a {
font-size: 0px;
display: block;
width: 7px;
height: 7px;
background-color: #b7a393;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-bottom: 18px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-3-syncbox .flex-control-nav li a:hover {
background-color: #FFF;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-3-syncbox .flex-control-nav li a.flex-active {
background-color: #FFF;
}
.home-3-syncbox .home-3-sliderdata {
width: 70%;
max-width: 470px;
}
.home-3-syncbox .home-3-sliderdata a {
color: #151618;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-3-syncbox .home-3-sliderdata a:hover {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-3-syncbox .home-3-sliderdata .sliderhtml {
color: #151618;
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 30px;
}
.home-3-syncbox .home-3-sliderdata .slidertitle {
color: #151618;
font-weight: 700;
font-size: 32px;
text-transform: uppercase;
line-height: 38px;
margin-bottom: 20px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-3-syncbox .home-3-sliderdata .slidertitle:hover {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-3-syncbox .home-3-sliderdata .sliderdesc {
font-size: 12px;
line-height: 18px;
color: #000000;
}
.inspirations-box-home3 {
margin-top: 10px;
width: 100%;
height: 575px;
}
.inspirations-box-home3 .ins-slider-conteiner {
width: 640px;
margin: 0 auto;
margin-top: 115px;
background: #ffffff url(images/ins_bg.png) right bottom no-repeat;
min-height: 345px;
position: relative;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider {
min-height: 345px;
position: absolute;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider ul.slides li {
position: relative;
width: 740px;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider ul.slides li .ins-title {
padding: 70px 70px 20px 70px;
color: #000000;
font-size: 23px;
text-transform: uppercase;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider ul.slides li .ins-desc {
padding: 0px 0px 20px 70px;
color: #7f7f7f;
font-size: 13px;
line-height: 18px;
width: 40%;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider ul.slides li .ins-desc p {
color: #7f7f7f;
font-size: 13px;
line-height: 18px;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider ul.slides li .map-icon {
position: absolute;
right: 0;
top: 55%;
margin-top: -100px;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider ul.slides li .read-more {
padding: 0px 0px 40px 70px;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider ul.slides li .read-more a {
font-size: 14px;
text-transform: uppercase;
display: block;
color: #FFF;
width: 110px;
height: 20px;
padding-top: 6px;
text-align: center;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider ul.slides li .read-more a:hover {
background: #333333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider .flex-direction-nav {
position: absolute;
top: 50%;
left: 0;
width: 29px;
height: 59px;
margin-top: -29px;
margin-left: -29px;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider .flex-direction-nav a.flex-prev {
width: 29px;
height: 29px;
display: block;
background-image: url(images/new-slide.png);
background-position: 0 -29px;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider .flex-direction-nav a.flex-prev:hover {
background-color: #333333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider .flex-direction-nav a.flex-next {
width: 29px;
height: 29px;
display: block;
background-image: url(images/new-slide.png);
background-position: 0 0;
background-repeat: no-repeat;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider .flex-direction-nav a.flex-next:hover {
background-color: #333333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.subscribe-plugin-box {
background: #FFF;
padding: 70px;
margin-top: 30px;
text-align: center;
}
.subscribe-plugin-box .form-desc {
display: inline-block;
vertical-align: middle;
color: #000000;
font-size: 16px;
text-transform: uppercase;
text-align: right;
padding-right: 30px;
}
.subscribe-plugin-box .form-conteiner {
display: inline-block;
vertical-align: middle;
}
.subscribe-plugin-box .form-conteiner .mc4wp-alert {
clear: both;
text-align: left;
padding-top: 8px;
color: #0e5f0b;
}
.subscribe-plugin-box .form-conteiner input[type="submit"] {
height: 61px;
color: #ffffff;
font-size: 16px;
text-transform: uppercase;
width: 150px;
display: inline-block;
float: left;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.subscribe-plugin-box .form-conteiner input[type="submit"]:hover {
background: #333333;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.subscribe-plugin-box .form-conteiner input[type="text"],
.subscribe-plugin-box .form-conteiner input[type="email"] {
display: inline-block;
float: left;
background: #f9f9f9;
border-left: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
border-bottom: transparent;
border-right: transparent;
height: 60px;
line-height: 60px;
min-width: 450px;
font-size: 14px;
color: #c6c3b1;
text-transform: none;
}
.subscribe-plugin-box .form-conteiner input[type="text"]:focus,
.subscribe-plugin-box .form-conteiner input[type="email"]:focus {
border-bottom: transparent;
border-right: transparent;
box-shadow: 0px 0px 0px;
}
.subscribe-plugin-box .form-conteiner input[type="text"]::-webkit-input-placeholder,
.subscribe-plugin-box .form-conteiner input[type="email"]::-webkit-input-placeholder {
text-transform: none;
color: #c6c3b1;
font-size: 12px;
line-height: 60px;
}
.subscribe-plugin-box .form-conteiner input[type="text"]:-moz-placeholder,
.subscribe-plugin-box .form-conteiner input[type="email"]:-moz-placeholder {
text-transform: none;
color: #c6c3b1;
font-size: 12px;
line-height: 60px;
}
.partners-home3 {
margin-top: 45px;
}
.partners-home3 .partners-items-h3 {
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
}
.partners-home3 .partners-items-h3 a {
display: inline-block;
vertical-align: middle;
margin-left: 35px;
margin-bottom: 20px;
margin-right: 35px;
}
.partners-home3 .partners-items-h3 a img {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
-webkit-opacity: 0.4;
opacity: 0.4;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.partners-home3 .partners-items-h3 a:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none ;
/* IE6-9 */
zoom: 1;
-webkit-filter: grayscale(0%);
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-4-top-posts .mobile-posts-list {
display: none;
}
.home-4-top-posts .mobile-posts-list .mobile-post .post-data-text {
position: relative;
background: #FFFFFF;
padding: 80px 40px 59px 40px;
border: 6px solid transparent;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-4-top-posts .mobile-posts-list .mobile-post .post-data-text .title-post {
color: #000000;
text-transform: uppercase;
font-size: 16px;
}
.home-4-top-posts .mobile-posts-list .mobile-post .post-data-text a {
color: #000000;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-4-top-posts .mobile-posts-list .mobile-post .post-data-text a:hover {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
}
.home-4-top-posts .mobile-posts-list .mobile-post .post-data-text .category-post {
font-size: 14px;
color: #000000;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 20px;
}
.home-4-top-posts .mobile-posts-list .mobile-post .post-data-text .desc-post {
font-size: 12px;
color: #7f7f7f;
line-height: 18px;
}
.home-4-top-posts .mobile-posts-list .mobile-post .image-box::before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 13px 13px 13px 0;
border-color: transparent #ffffff transparent transparent;
line-height: 0px;
_border-color: #000000 #ffffff #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
position: absolute;
top: 50%;
margin-top: -13px;
right: 0;
left: auto;
}
.home-4-top-posts .mobile-posts-list .mobile-post:hover .image-box .mask {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-4-top-posts .mobile-posts-list .mobile-post:hover .post-data-text {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-4-top-posts .mobile-posts-list .mobile-post .post-data-twobox {
overflow: hidden;
}
.home-4-top-posts .mobile-posts-list .mobile-post .post-data-twobox .post-data-text {
height: 127px;
}
.home-4-top-posts .mobile-posts-list .mobile-post .image-box {
vertical-align: top;
display: inline-block;
float: left;
position: relative;
}
.home-4-top-posts .mobile-posts-list .mobile-post .image-box .mask {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-4-top-posts .mobile-posts-list .mobile-post .image-box .mask a {
width: 100%;
height: 100%;
display: block;
background-image: url(images/go.png);
background-position: center center;
background-repeat: no-repeat;
}
.home-4-top-posts .posts-boxes {
margin-left: 18px;
}
.home-4-top-posts .posts-boxes .post-newhome-top {
float: left;
width: 25%;
min-width: 258px;
margin: 0;
}
.home-4-top-posts .posts-boxes .post-newhome-top.post-two {
width: 50%;
min-width: 516px;
}
.home-4-top-posts .posts-boxes .post-newhome-top.post-two .image-box::before {
top: 50%;
margin: 0;
left: 0;
right: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 13px 0 13px 13px;
border-color: transparent transparent transparent #ffffff;
line-height: 0px;
_border-color: #000000 #000000 #000000 #ffffff;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
content: '';
margin-top: -13px;
}
.home-4-top-posts .posts-boxes .post-newhome-top.post-two .post-data-twobox {
float: left;
vertical-align: top;
display: inline-block;
width: 50%;
}
.home-4-top-posts .posts-boxes .post-newhome-top.post-two .image-box {
overflow: hidden;
}
.home-4-top-posts .posts-boxes .post-newhome-top.post-four {
min-width: 258px;
}
.home-4-top-posts .posts-boxes .post-newhome-top.post-four .image-box::before {
width: 0;
height: 0;
border-style: solid;
border-width: 13px 13px 0 13px;
border-color: #ffffff transparent transparent transparent;
line-height: 0px;
_border-color: #ffffff #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
position: absolute;
top: 0;
right: auto;
left: 50%;
margin-left: -13px;
}
.home-4-top-posts .posts-boxes .post-newhome-top.post-three {
width: 50%;
min-width: 516px;
}
.home-4-top-posts .posts-boxes .post-newhome-top.post-three .image-box {
vertical-align: top;
float: left;
display: inline-block;
}
.home-4-top-posts .posts-boxes .post-newhome-top.post-three .post-data-text {
overflow: hidden;
}
.home-4-top-posts .posts-boxes .post-newhome-top.post-three .image-box::before {
width: 0;
height: 0;
border-style: solid;
border-width: 13px 13px 13px 0;
border-color: transparent #ffffff transparent transparent;
line-height: 0px;
_border-color: #000000 #ffffff #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
position: absolute;
top: 50%;
margin-top: -13px;
right: 0;
left: auto;
}
.home-4-top-posts .posts-boxes .post-newhome-top:hover .image-box .mask {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-4-top-posts .posts-boxes .post-newhome-top:hover .post-data-text {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-4-top-posts .posts-boxes .post-newhome-top .image-box {
overflow: hidden;
position: relative;
}
.home-4-top-posts .posts-boxes .post-newhome-top .image-box .mask {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-4-top-posts .posts-boxes .post-newhome-top .image-box .mask a {
width: 100%;
height: 100%;
display: block;
background-image: url(images/go.png);
background-position: center center;
background-repeat: no-repeat;
}
.home-4-top-posts .posts-boxes .post-newhome-top .image-box::before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent #ffffff transparent;
line-height: 0px;
_border-color: #000000 #000000 #ffffff #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
position: absolute;
bottom: 0;
left: 50%;
margin-left: -13px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-4-top-posts .posts-boxes .post-newhome-top .post-data-text {
position: relative;
background: #FFFFFF;
padding: 80px 40px 59px 40px;
border: 6px solid transparent;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-4-top-posts .posts-boxes .post-newhome-top .post-data-text .title-post {
color: #000000;
text-transform: uppercase;
font-size: 16px;
}
.home-4-top-posts .posts-boxes .post-newhome-top .post-data-text a {
color: #000000;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-4-top-posts .posts-boxes .post-newhome-top .post-data-text a:hover {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
}
.home-4-top-posts .posts-boxes .post-newhome-top .post-data-text .category-post {
font-size: 14px;
color: #000000;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 20px;
}
.home-4-top-posts .posts-boxes .post-newhome-top .post-data-text .desc-post {
font-size: 12px;
color: #7f7f7f;
line-height: 18px;
}
.our-team-box {
margin-top: 10px;
}
.our-team-box .list-team {
text-align: center;
padding-top: 30px;
padding-bottom: 10px;
}
.our-team-box .list-team .item-member {
display: inline-block;
vertical-align: top;
width: 19%;
}
.our-team-box .list-team .item-member:hover .photo-box img {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.our-team-box .list-team .item-member .photo-box img {
max-width: 100%;
height: auto;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 6px solid transparent;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.our-team-box .list-team .item-member .photo-box {
margin-bottom: 30px;
padding: 0 10px 0 10px;
}
.our-team-box .list-team .item-member .name-box {
color: #000000;
text-transform: uppercase;
font-size: 16px;
}
.our-team-box .list-team .item-member .type-box {
font-size: 9px;
color: #7f7f7f;
text-transform: uppercase;
padding-top: 4px;
}
.adventures-box {
margin-top: 15px;
}
.adventures-box .map-adv-conteiner {
margin-top: 30px;
}
.adventures-box .map-adv-conteiner .half-box {
width: 49.9%;
float: left;
}
.adventures-box .map-adv-conteiner .half-box .info-adv {
background-color: #FFFFFF;
width: 100%;
height: 605px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.adventures-box .map-adv-conteiner .half-box .info-adv .info-title {
color: #000000;
font-size: 21px;
text-transform: uppercase;
padding: 90px 90px 35px 90px;
}
.adventures-box .map-adv-conteiner .half-box .info-adv .info-desc {
padding: 0 90px 35px 90px;
color: #000000;
line-height: 24px;
font-size: 13px;
}
.adventures-box .map-adv-conteiner .half-box .info-adv .info-link {
padding: 0 0 20px 90px;
}
.adventures-box .map-adv-conteiner .half-box .info-adv .info-link a {
font-size: 14px;
text-transform: uppercase;
display: block;
color: #FFF;
width: 110px;
height: 20px;
padding-top: 6px;
text-align: center;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.adventures-box .map-adv-conteiner .half-box .info-adv .info-link a:hover {
background: #333333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-5-top-data .right_article {
float: right;
vertical-align: top;
display: inline-block;
width: 243px;
}
.home-5-top-data .right_article .box-image {
position: relative;
}
.home-5-top-data .right_article .box-image::before {
position: absolute;
content: '';
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 12px 12px;
line-height: 0px;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.home-5-top-data .right_article .box-info {
height: 193px;
}
.home-5-top-data .right_article .box-info .box-title {
margin: 40px 20px 14px 40px;
color: #ffffff;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
}
.home-5-top-data .right_article .box-info .box-desc {
color: #FFFFFF;
line-height: 18px;
font-size: 12px;
margin: 0 20px 20px 40px;
}
.home-5-top-data .right_article .box-info .box-link {
margin-left: 40px;
}
.home-5-top-data .right_article .box-info .box-link a {
font-size: 14px;
text-transform: uppercase;
display: block;
color: #FFF;
width: 110px;
height: 20px;
padding-top: 6px;
text-align: center;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
background-color: #000000;
}
.home-5-top-data .right_article .box-info .box-link a:hover {
background-color: #333333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-5-top-data .center_h5_slider {
overflow: hidden;
margin-left: 18px;
}
.home-5-top-data .center_h5_slider .slider-home5 {
float: right;
position: relative;
}
.home-5-top-data .center_h5_slider .slider-home5 ul.slides li {
display: none;
}
.home-5-top-data .center_h5_slider .slider-home5 ul.slides li img {
max-width: 100%;
height: auto;
}
.home-5-top-data .center_h5_slider .slider-home5 ul.slides li figure {
position: relative;
}
.home-5-top-data .center_h5_slider .slider-home5 ul.slides li figure figcaption {
position: absolute;
bottom: 70px;
width: 100%;
text-align: center;
}
.home-5-top-data .center_h5_slider .slider-home5 ul.slides li figure figcaption .slider-desc-box {
visibility: hidden;
}
.home-5-top-data .center_h5_slider .slider-home5 ul.slides li figure figcaption .desc-box {
font-size: 12px;
color: #ffffff;
line-height: 18px;
margin: 0 auto;
margin-top: 20px;
width: 70%;
}
.home-5-top-data .center_h5_slider .slider-home5 ul.slides li figure figcaption .title-box {
margin: 0 auto;
width: 70%;
text-transform: uppercase;
color: #ffffff;
font-size: 34px;
font-weight: 300;
}
.home-5-top-data .center_h5_slider .slider-home5 ul.slides li figure figcaption .title-box a {
color: #FFFFFF;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-5-top-data .center_h5_slider .slider-home5 ul.slides li figure figcaption .title-box a:hover {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
}
.home-5-top-data .center_h5_slider .slider-home5 .flex-direction-nav {
position: absolute;
bottom: 0;
left: 50%;
width: 60px;
margin-left: -29px;
height: 29px;
}
.home-5-top-data .center_h5_slider .slider-home5 .flex-direction-nav li {
float: left;
width: 30px;
}
.home-5-top-data .center_h5_slider .slider-home5 .flex-direction-nav a.flex-prev {
width: 29px;
height: 29px;
display: block;
background-image: url(images/new-slide.png);
background-position: 0 -29px;
background-repeat: no-repeat;
border-right: 1px solid rgba(0, 0, 0, 0.05);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-5-top-data .center_h5_slider .slider-home5 .flex-direction-nav a.flex-prev:hover {
background-color: #333333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-5-top-data .center_h5_slider .slider-home5 .flex-direction-nav a.flex-next {
width: 29px;
height: 29px;
display: block;
background-image: url(images/new-slide.png);
background-position: 0 0;
background-repeat: no-repeat;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.home-5-top-data .center_h5_slider .slider-home5 .flex-direction-nav a.flex-next:hover {
background-color: #333333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.inspire-list {
background-color: #FFFFFF;
width: 100%;
background-position: top center;
background-repeat: no-repeat;
}
.inspire-list .section-left {
width: 20%;
float: left;
margin: 130px 0 130px 130px;
}
.inspire-list .section-right {
width: 20%;
float: right;
margin: 130px 130px 130px 0;
}
.inspire-list .block-insp {
margin-bottom: 110px;
}
.inspire-list .block-insp:nth-child(2) {
margin-bottom: 0;
}
.inspire-list .block-insp .title-box {
font-size: 24px;
color: #000000;
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 300;
}
.inspire-list .block-insp .desc-box {
color: #7f7f7f;
font-size: 12px;
line-height: 18px;
}
.bottom-popimages {
width: 100%;
margin-bottom: 90px;
}
.bottom-popimages .popup-gallery a {
width: 25%;
float: left;
}
.bottom-popimages .popup-gallery a img {
max-width: 100%;
height: auto;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.bottom-popimages .popup-gallery a:hover img {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.bottom-timeline {
height: 435px;
width: 100%;
margin-bottom: 30px;
background: url(images/menu_dot.png) center center repeat-x;
}
.bottom-timeline .blog-items-conteiner {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.bottom-timeline .blog-items-conteiner .line-post {
height: 216px;
float: left;
width: 230px;
margin-right: 65px;
position: relative;
}
.bottom-timeline .blog-items-conteiner .line-post .point {
width: 13px;
height: 13px;
display: block;
background: #FFFFFF;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: absolute;
bottom: 0;
right: 0;
margin-bottom: -7px;
margin-right: -6px;
}
.bottom-timeline .blog-items-conteiner .line-post .point .but {
width: 7px;
height: 7px;
display: block;
margin: 3px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.bottom-timeline .blog-items-conteiner .line-post .white-box-post {
background: #FFFFFF;
position: relative;
}
.bottom-timeline .blog-items-conteiner .line-post .white-box-post:after {
position: absolute;
bottom: 0;
right: 0;
margin-bottom: -23px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 23px 23px 0;
border-color: transparent #ffffff transparent transparent;
line-height: 0px;
_border-color: #000000 #ffffff #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.bottom-timeline .blog-items-conteiner .line-post .white-box-post a {
color: #000000;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.bottom-timeline .blog-items-conteiner .line-post .white-box-post a:hover {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.bottom-timeline .blog-items-conteiner .line-post .white-box-post .title-box {
margin: 25px 20px 0 20px;
color: #000000;
font-size: 16px;
text-transform: uppercase;
}
.bottom-timeline .blog-items-conteiner .line-post .white-box-post .cat-box {
color: #000000;
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
margin: 0 20px 20px 20px;
}
.bottom-timeline .blog-items-conteiner .line-post .white-box-post .desc-box {
margin: 0 20px 0 20px;
color: #7f7f7f;
font-size: 12px;
line-height: 18px;
padding-bottom: 35px;
}
.bottom-timeline .blog-items-conteiner .line-post .time-box {
margin-top: 20px;
float: right;
margin-right: 30px;
font-size: 9px;
text-transform: uppercase;
color: #bbbbbb;
}
.bottom-timeline .blog-items-conteiner .line-post:nth-child(even) {
margin-top: 216px;
margin-left: -170px;
}
.bottom-timeline .blog-items-conteiner .line-post:nth-child(even) .white-box-post {
margin-top: 50px;
}
.bottom-timeline .blog-items-conteiner .line-post:nth-child(even) .white-box-post:after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 23px 23px;
border-color: transparent transparent #ffffff transparent;
line-height: 0px;
_border-color: #000000 #000000 #ffffff #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
bottom: auto;
top: 0;
margin-bottom: 0;
margin-top: -23px;
}
.bottom-timeline .blog-items-conteiner .line-post:nth-child(even) .point {
bottom: auto;
top: 0;
margin-bottom: 0;
margin-top: -6px;
}
.bottom-timeline .blog-items-conteiner .line-post:nth-child(even) .time-box {
bottom: auto;
top: 0;
position: absolute;
right: 0;
}
.bottom-timeline .blog-items-conteiner .line-post:last-child {
margin-right: 0;
}
.slideUp {
animation-name: slideUp;
-webkit-animation-name: slideUp;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideUp {
0% {
transform: translateY(100%);
}
50% {
transform: translateY(-8%);
}
65% {
transform: translateY(4%);
}
80% {
transform: translateY(-4%);
}
95% {
transform: translateY(2%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
}
50% {
-webkit-transform: translateY(-8%);
}
65% {
-webkit-transform: translateY(4%);
}
80% {
-webkit-transform: translateY(-4%);
}
95% {
-webkit-transform: translateY(2%);
}
100% {
-webkit-transform: translateY(0%);
}
}
/* Custom Widgets */
.testimonials-slider-widget {
padding-top: 10px;
position: relative;
}
.testimonials-slider-widget ul.slides li {
display: none;
text-align: center;
}
.testimonials-slider-widget ul.slides li .photo {
margin-bottom: 25px;
}
.testimonials-slider-widget ul.slides li .photo img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.testimonials-slider-widget ul.slides li .author {
font-size: 16px;
margin-bottom: 13px;
color: #000000;
}
.testimonials-slider-widget ul.slides li .short-description {
text-align: center;
font-size: 12px;
line-height: 18px;
padding: 0 15px 0 15px;
color: #7f7f7f;
}
.testimonials-slider-widget ul.slides li .short-description p {
text-align: center;
font-size: 12px;
line-height: 18px!important;
color: #7f7f7f!important;
}
.testimonials-slider-widget .flex-direction-nav a.flex-prev {
position: absolute;
top: 45px;
left: 15px;
width: 10px;
height: 19px;
background: url(images/testimonial-slider.png) 0 0;
display: block;
}
.testimonials-slider-widget .flex-direction-nav a.flex-next {
position: absolute;
top: 45px;
right: 15px;
width: 10px;
height: 19px;
background: url(images/testimonial-slider.png) 10px 0;
display: block;
}
.widget_tp_widget_recent_tweets:before,
.widget_tp_widget_recent_tweets:after {
content: '';
display: block;
clear: both;
float: none;
}
.widget_tp_widget_recent_tweets .tp_recent_tweets ul li {
padding: 0;
float: none;
background: transparent url(images/twit.png) top center no-repeat;
padding-top: 45px;
text-align: center;
margin-bottom: 30px;
}
.widget_tp_widget_recent_tweets .tp_recent_tweets ul li:last-child {
margin-bottom: 0;
}
.widget_tp_widget_recent_tweets .tp_recent_tweets ul li .twitter_time {
color: #c9c9c9;
}
.widget_tp_widget_recent_tweets .tp_recent_tweets ul li span {
color: #7f7f7f;
font-size: 11px;
line-height: 14px;
}
.widget_tp_widget_recent_tweets .tp_recent_tweets ul li span a {
color: #7f7f7f;
}
.aletheme-facebook-widget {
background: #425dab;
padding: 30px 10px 25px 10px;
text-align: center;
}
.aletheme-facebook-widget span.fb-title {
display: block;
width: 100%;
text-align: center;
font-size: 16px;
color: #a2b2df;
line-height: 10px;
}
.aletheme-facebook-widget span.fb-name {
width: 100%;
height: 28px;
background: url(images/fb.png) center center no-repeat;
margin-bottom: 27px;
display: block;
}
.aletheme-facebook-widget .button {
padding: 8px 10px 8px 10px;
margin-left: 15px;
margin-right: 15px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
/**
* Simple fade transition,
*/
.mfp-fade.mfp-bg {
opacity: 0.001;
/* Chrome opacity transition bug */
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.margin-top-25 {
margin-top: 25px;
}
.about-5 .about-content-box {
font-size: 12px;
line-height: 18px;
}
.about-5 .about-content-box p {
font-size: 12px;
line-height: 18px;
}
.about-5 .three-top-boxes {
margin-top: 50px;
margin-bottom: 70px;
}
.about-5 .three-top-boxes .item-col-3 {
width: 31%;
float: left;
margin-right: 3%;
}
.about-5 .three-top-boxes .item-col-3:last-child {
margin-right: 0;
}
.about-5 .three-top-boxes .item-col-3 .icon-box {
width: 90px;
float: left;
display: inline-block;
vertical-align: top;
}
.about-5 .three-top-boxes .item-col-3 .icon-box .icon-image {
width: 70px;
height: 70px;
display: block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
overflow: hidden;
text-align: center;
}
.about-5 .three-top-boxes .item-col-3 .icon-box .icon-image span {
display: inline-block;
vertical-align: middle;
height: 100%;
}
.about-5 .three-top-boxes .item-col-3 .icon-box .icon-image img {
vertical-align: middle;
max-width: 70px;
max-height: 70px;
}
.about-5 .three-top-boxes .item-col-3 .content-box {
overflow: hidden;
}
.about-5 .three-top-boxes .item-col-3 .content-box a {
color: #000000;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.about-5 .three-top-boxes .item-col-3 .content-box a:hover {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
}
.about-5 .three-top-boxes .item-col-3 .content-box .title {
font-weight: 300;
color: #000000;
text-transform: uppercase;
font-size: 18px;
margin-bottom: 12px;
}
.about-5 .three-top-boxes .item-col-3 .content-box .description {
line-height: 18px;
margin-right: 20px;
}
.about-5 .menagement-box .items-list {
padding-top: 20px;
margin-bottom: 70px;
}
.about-5 .menagement-box .member-item {
width: 24%;
margin-right: 1.3%;
float: left;
}
.about-5 .menagement-box .member-item:last-child {
margin-right: 0;
}
.about-5 .menagement-box .member-item .image-member {
margin-bottom: 25px;
}
.about-5 .menagement-box .member-item .image-member img {
max-width: 100%;
height: auto;
max-height: 305px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.about-5 .menagement-box .member-item .member-name {
color: #000000;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.about-5 .menagement-box .member-item .work-member {
font-weight: 300;
font-size: 16px;
color: #414141;
margin-bottom: 15px;
}
.about-5 .menagement-box .member-item .desc-member {
line-height: 18px;
margin-bottom: 30px;
}
.about-5 .menagement-box .member-item .social-member a.new-social {
display: block;
float: left;
margin-right: 15px;
width: 14px;
height: 14px;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.about-5 .menagement-box .member-item .social-member a.new-social.twitter-icon {
background: url(images/social/new-twitter.png) center center no-repeat;
}
.about-5 .menagement-box .member-item .social-member a.new-social.facebook-icon {
background: url(images/social/new-facebook.png) center center no-repeat;
}
.about-5 .menagement-box .member-item .social-member a.new-social.pinterest-icon {
background: url(images/social/new-pinterest.png) center center no-repeat;
}
.about-5 .menagement-box .member-item .social-member a.new-social:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.about-5 .organization-box .org-items-list {
padding-top: 50px;
}
.about-5 .organization-box .org-items-list .item-post-org {
width: 31%;
margin-right: 3%;
float: left;
margin-bottom: 60px;
}
.about-5 .organization-box .org-items-list .item-post-org form.about-form {
margin-top: 37px;
}
.about-5 .organization-box .org-items-list .item-post-org form.about-form .tamar {
margin-bottom: 15px;
}
.about-5 .organization-box .org-items-list .item-post-org form.about-form textarea {
background: #f6f6f6;
width: 100%;
height: 55px;
border: 1px solid #e7e7e7;
box-sizing: border-box;
text-transform: none;
color: #b3b3b3;
font-size: 12px;
font-family: Arial;
font-weight: normal;
padding-left: 10px;
}
.about-5 .organization-box .org-items-list .item-post-org form.about-form textarea:focus,
.about-5 .organization-box .org-items-list .item-post-org form.about-form textarea:active {
box-shadow: 0px 0px 0px;
border: 1px solid #afafaf;
}
.about-5 .organization-box .org-items-list .item-post-org form.about-form input.submit {
width: 125px;
font-size: 14px;
line-height: 14px;
color: #ffffff;
letter-spacing: 1px;
text-transform: uppercase;
height: 35px;
padding: 0;
margin: 0;
}
.about-5 .organization-box .org-items-list .item-post-org form.about-form input[type='email'],
.about-5 .organization-box .org-items-list .item-post-org form.about-form input[type='text'] {
background: #f6f6f6;
width: 100%;
height: 40px;
border: 1px solid #e7e7e7;
box-sizing: border-box;
text-transform: none;
color: #b3b3b3;
font-size: 12px;
line-height: 40px;
font-family: Arial;
font-weight: normal;
}
.about-5 .organization-box .org-items-list .item-post-org form.about-form input[type='email']:focus,
.about-5 .organization-box .org-items-list .item-post-org form.about-form input[type='text']:focus,
.about-5 .organization-box .org-items-list .item-post-org form.about-form input[type='email']:active,
.about-5 .organization-box .org-items-list .item-post-org form.about-form input[type='text']:active {
box-shadow: 0px 0px 0px;
border: 1px solid #afafaf;
}
.about-5 .organization-box .org-items-list .item-post-org form.about-form input::-webkit-input-placeholder,
.about-5 .organization-box .org-items-list .item-post-org form.about-form textarea::-webkit-input-placeholder {
color: #b3b3b3;
font-weight: normal;
}
.about-5 .organization-box .org-items-list .item-post-org form.about-form input:-moz-placeholder,
.about-5 .organization-box .org-items-list .item-post-org form.about-form textarea:-moz-placeholder {
color: #b3b3b3;
font-weight: normal;
}
.about-5 .organization-box .org-items-list .item-post-org form.about-form input::-moz-placeholder,
.about-5 .organization-box .org-items-list .item-post-org form.about-form textarea::-moz-placeholder {
color: #b3b3b3;
font-weight: normal;
}
.about-5 .organization-box .org-items-list .item-post-org form.about-form input:-ms-input-placeholder,
.about-5 .organization-box .org-items-list .item-post-org form.about-form textarea:-ms-input-placeholder {
color: #b3b3b3;
font-weight: normal;
}
.about-5 .organization-box .org-items-list .item-post-org .title {
font-size: 18px;
font-weight: 300;
color: #000000;
text-transform: uppercase;
margin-bottom: 15px;
}
.about-5 .organization-box .org-items-list .item-post-org .desc {
line-height: 20px;
margin-bottom: 15px;
}
.about-5 .organization-box .org-items-list .item-post-org a:hover {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
}
.about-5 .organization-box .org-items-list .item-post-org:nth-child(3),
.about-5 .organization-box .org-items-list .item-post-org:nth-child(5) {
margin-right: 0;
}
.about-5 .organization-box .org-items-list .item-post-org:nth-child(4) {
width: 65%;
}
.about-5 .organization-box .org-items-list .item-post-org:nth-child(4) .desc {
margin-right: 25px;
}
.about-6 .partners-home3 .partners-description {
text-align: center;
padding-top: 20px;
margin-bottom: 60px;
line-height: 18px;
}
.about-6 .partners-home3 .partners-items-h3 a {
margin-left: 30px;
}
.about-6 .subtitle {
margin: 0 auto;
text-align: center;
margin-bottom: 35px;
margin-top: 60px;
color: #000000;
font-size: 26px;
font-weight: 300;
text-transform: uppercase;
}
.about-6 .about-content-box {
text-aling: center;
padding: 0 55px 0 55px;
}
.about-6 .about-content-box p {
text-align: center;
}
.about-6 .three-top-boxes {
margin-left: 35px;
margin-right: 35px;
}
.about-6 .three-top-boxes .item-col-3 .content-box .description {
margin-right: 0;
}
.about-6 .three-top-boxes .item-col-3 .icon-box {
width: 80px;
}
.about-6 .three-top-boxes .item-col-3 .icon-box .icon-image {
width: 60px;
height: 60px;
-webkit-border-radius: 40%;
-moz-border-radius: 40%;
border-radius: 40%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.about-6 .three-top-boxes .item-col-3 .icon-box .icon-image img {
max-height: 60px;
}
.about-6 .about-map-image {
text-align: center;
margin-bottom: 60px;
}
.about-6 .about-map-image img {
max-width: 100%;
height: auto;
}
.about-6 .two-places-box {
margin-bottom: 70px;
}
.about-6 .two-places-box .half-box {
width: 49.9%;
float: left;
}
.about-6 .two-places-box .half-box .place-item {
width: 98%;
max-width: 460px;
margin: 0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
background: #FFFFFF;
margin-bottom: 3px;
}
.about-6 .two-places-box .half-box .place-item img {
max-width: 100%;
height: auto;
}
.about-6 .two-places-box .half-box .place-item .title {
margin: 20px 20px 10px 20px;
color: #000000;
text-transform: uppercase;
font-size: 16px;
}
.about-6 .two-places-box .half-box .place-item .desc {
margin: 0px 20px 10px 20px;
padding-top: 10px;
line-height: 18px;
}
.about-6 .two-places-box .half-box .place-item .toggle-box {
margin: 0 20px 20px 20px;
padding-top: 10px;
}
.about-6 .two-places-box .half-box .place-item .toggle-box .toggle-title {
margin-bottom: 15px;
}
.about-6 .two-places-box .half-box .place-item .toggle-box .toggle-head {
font-size: 13px;
cursor: pointer;
line-height: 18px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.about-6 .two-places-box .half-box .place-item .toggle-box .toggle-head:hover {
color: #333333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.about-6 .two-places-box .half-box .place-item .toggle-box .toggle-head:hover .go-but {
border: 2px solid #333333;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.about-6 .two-places-box .half-box .place-item .toggle-box .toggle-head .go-but {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
float: left;
margin-right: 10px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 12px;
height: 12px;
display: block;
background: #ffffff url(images/new-toggle.png) center center no-repeat;
}
.about-6 .two-places-box .half-box .place-item .toggle-box .toggle-body {
margin: 7px 0 0 30px;
display: none;
line-height: 18px;
}
.about-page-style4 {
position: relative;
overflow: hidden;
}
.about-page-style4 .services-items {
margin-top: 70px;
}
.about-page-style4 .services-items .serv-item {
width: 27.9%;
margin-left: 2.5%;
margin-right: 2.5%;
float: left;
margin-bottom: 80px;
}
.about-page-style4 .services-items .serv-item .icon-box {
width: 55px;
float: left;
display: inline-block;
vertical-align: top;
}
.about-page-style4 .services-items .serv-item .text-box {
overflow: hidden;
}
.about-page-style4 .services-items .serv-item .text-box .title {
color: #000000;
font-size: 16px;
margin-bottom: 12px;
}
.about-page-style4 .services-items .serv-item .text-box .desc {
line-height: 22px;
}
.about-page-style4 .partners-home3 {
padding-bottom: 25px;
background: url(images/line.jpg) bottom repeat-x;
}
.about-page-style4 .partners-home3 .partners-description {
text-align: center;
padding-top: 20px;
margin-bottom: 60px;
line-height: 18px;
}
.about-page-style4 .partners-home3 .partners-items-h3 a {
margin-left: 30px;
}
.about-page-style4 .about-4-toggles {
padding-bottom: 70px;
margin-top: 70px;
background: url(images/line.jpg) bottom repeat-x;
}
.about-page-style4 .about-4-toggles .toggle-subtitle {
margin-bottom: 65px;
text-align: center;
font-weight: 300;
color: #000000;
font-size: 26px;
text-transform: uppercase;
}
.about-page-style4 .about-4-toggles .toggle-sec .half-box {
width: 49.9%;
float: left;
}
.about-page-style4 .about-4-toggles .toggle-sec .half-box .text-conteiner {
width: 92%;
margin: 0 auto;
line-height: 24px;
}
.about-page-style4 .about-4-toggles .toggle-sec .half-box .text-conteiner p {
line-height: 24px;
}
.about-page-style4 .about-4-toggles .toggle-sec .half-box .toggles-conteiner {
width: 92%;
margin: 0 auto;
}
.about-page-style4 .about-4-toggles .toggle-sec .half-box .toggles-conteiner img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
max-width: 100%;
height: auto;
}
.about-page-style4 .about-4-toggles .toggle-sec .half-box .toggles-conteiner .toggles-list {
margin-top: 20px;
}
.about-page-style4 .about-4-toggles .toggle-sec .half-box .toggles-conteiner .toggles-list .toggle-title {
border-bottom: 1px solid #ebeae4;
padding-bottom: 15px;
margin-bottom: 15px;
}
.about-page-style4 .about-4-toggles .toggle-sec .half-box .toggles-conteiner .toggles-list .toggle-title:last-child {
border-bottom: 0;
}
.about-page-style4 .about-4-toggles .toggle-sec .half-box .toggles-conteiner .toggles-list .toggle-title:first-child .toggle-body {
display: block;
}
.about-page-style4 .about-4-toggles .toggle-sec .half-box .toggles-conteiner .toggles-list .toggle-title .toggle-head {
cursor: pointer;
font-size: 14px;
color: #000000;
font-weight: bold;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.about-page-style4 .about-4-toggles .toggle-sec .half-box .toggles-conteiner .toggles-list .toggle-title .toggle-head:hover {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.about-page-style4 .about-4-toggles .toggle-sec .half-box .toggles-conteiner .toggles-list .toggle-title .toggle-head .toggle-with-nav {
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
-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;
color: #FFFFFF;
margin-right: 10px;
float: left;
}
.about-page-style4 .about-4-toggles .toggle-sec .half-box .toggles-conteiner .toggles-list .toggle-title .toggle-body {
padding-top: 15px;
margin-left: 30px;
display: none;
line-height: 24px;
}
.about-page-style4 .vidoe-section-about {
margin-top: 55px;
}
.about-page-style4 .vidoe-section-about .half-box {
width: 48%;
padding-bottom: 50px;
}
.about-page-style4 .vidoe-section-about .half-box .presentation-box.white-color .subtitle,
.about-page-style4 .vidoe-section-about .half-box .presentation-box.white-color .pre-title,
.about-page-style4 .vidoe-section-about .half-box .presentation-box.white-color .text-conteiner {
color: #FFFFFF;
}
.about-page-style4 .vidoe-section-about .half-box .presentation-box.white-color .divider-line {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.about-page-style4 .vidoe-section-about .half-box .presentation-box .subtitle {
font-size: 23px;
font-weight: 300;
}
.about-page-style4 .vidoe-section-about .half-box .presentation-box .pre-title {
font-size: 28px;
text-transform: uppercase;
margin-bottom: 35px;
}
.about-page-style4 .vidoe-section-about .half-box .presentation-box .divider-line {
height: 1px;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
margin-bottom: 35px;
}
.about-page-style4 .vidoe-section-about .half-box .presentation-box .text-conteiner {
padding-bottom: 40px;
line-height: 24px;
}
.about-page-style4 .vidoe-section-about .half-box .presentation-box .text-conteiner .column1 {
width: 45.9%;
margin-right: 8%;
float: left;
}
.about-page-style4 .vidoe-section-about .half-box .presentation-box .text-conteiner .column2 {
width: 45.9%;
float: left;
}
.about-page-style4 .vidoe-section-about .half-box .video-embed-box {
width: 100%;
max-width: 470px;
float: right;
height: 323px;
}
.about-page-style4 .vidoe-section-about .half-box.left {
float: left;
}
.about-page-style4 .vidoe-section-about .half-box.right {
float: right;
}
.bg-about-4 {
position: absolute;
left: 0;
top: 0;
margin-top: 80px;
width: 100%;
background-image: url(images/about4-bg.png);
background-position: center center;
background-repeat: no-repeat;
z-index: -1;
}
.collections-box .galleriestitle,
section#homepage .flexslider li figure figcaption {
color: #000000;
}
.contact-style-3 .contact3-map {
margin-top: 50px;
margin-bottom: 20px;
}
.contact-style-3 .contact3-map .ale_map_canvas {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
}
.contact-style-3 .contact3-map .ale_map_canvas:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.45)), color-stop(100%, rgba(0, 0, 0, 0)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
/* IE6-8 */
height: 5px;
display: block;
width: 100%;
}
.contact-style-3 .left-70 {
width: 69.9%;
float: left;
}
.contact-style-3 .left-70 .story {
margin-right: 25px;
line-height: 24px;
}
.contact-style-3 .left-70 .story p {
line-height: 24px;
}
.contact-style-3 .left-70 .contact-data {
margin-top: 45px;
margin-bottom: 45px;
}
.contact-style-3 .left-70 .contact-data .item-col-3 {
width: 33%;
float: left;
}
.contact-style-3 .left-70 .contact-data .item-col-3 .icon-box {
width: 30px;
float: left;
display: inline-block;
vertical-align: middle;
height: 16px;
}
.contact-style-3 .left-70 .contact-data .item-col-3 .icon-box.icon-one {
background: url(images/icons/phoneic.png) top left no-repeat;
}
.contact-style-3 .left-70 .contact-data .item-col-3 .icon-box.icon-two {
background: url(images/icons/adressic.png) top left no-repeat;
}
.contact-style-3 .left-70 .contact-data .item-col-3 .icon-box.icon-three {
background: url(images/icons/pmic.png) top left no-repeat;
}
.contact-style-3 .left-70 .contact-data .item-col-3 .data-box {
overflow: hidden;
font-weight: 300;
color: #7f7f7f;
font-size: 14px;
text-transform: uppercase;
line-height: 18px;
}
.contact-style-3 .left-70 .contact-data .item-col-3 .data-box span {
text-transform: none;
color: #333333;
font-weight: 400;
}
.contact-style-3 .left-70 .contact-data .item-col-3 .data-box span.bold {
font-weight: 700;
font-size: 16px;
}
.contact-style-3 .right-30 {
width: 29.9%;
float: right;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.contact-style-3 .right-30 .contact-form {
margin: 20px;
}
.contact-style-3 .right-30 .contact-form .title {
text-transform: uppercase;
font-size: 18px;
margin-bottom: 20px;
color: #FFFFFF;
}
.contact-style-3 .right-30 .contact-form p.success {
color: #FFFFFF;
font-size: 12px;
}
.contact-style-3 .right-30 .contact-form p.ta {
margin-bottom: 13px;
}
.contact-style-3 .right-30 .contact-form p.ta.buttonbox {
margin-bottom: 0;
}
.contact-style-3 .right-30 .contact-form p.ta input[type="text"],
.contact-style-3 .right-30 .contact-form p.ta input[type="email"] {
width: 100%;
height: 38px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 0;
box-shadow: 0 0 0;
color: #707070;
text-transform: none;
font-size: 12px;
line-height: 38px;
box-sizing: border-box;
}
.contact-style-3 .right-30 .contact-form p.ta textarea {
width: 100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 0;
box-shadow: 0 0 0;
color: #707070;
text-transform: none;
font-size: 12px;
font-family: Arial;
padding: 10px;
box-sizing: border-box;
height: 80px;
}
.contact-style-3 .right-30 .contact-form p.ta input.submit-black {
min-width: 80px;
background: #333333;
height: 32px;
line-height: 32px;
color: #FFFFFF;
font-size: 14px;
padding: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.contact-style-4 .top-text .story {
background: url(images/line.jpg) bottom repeat-x;
padding-bottom: 20px;
margin-bottom: 40px;
}
.contact-style-4 .top-text .contact-data {
margin-bottom: 50px;
}
.contact-style-4 .top-text .contact-data .item-col-4 {
width: 25%;
float: left;
}
.contact-style-4 .top-text .contact-data .item-col-4.first {
width: 25%;
}
.contact-style-4 .top-text .contact-data .item-col-4.second {
width: 35%;
}
.contact-style-4 .top-text .contact-data .item-col-4.third,
.contact-style-4 .top-text .contact-data .item-col-4.fourth {
width: 20%;
}
.contact-style-4 .top-text .contact-data .item-col-4 .data-box {
font-weight: 300;
color: #7f7f7f;
font-size: 14px;
text-transform: uppercase;
line-height: 18px;
}
.contact-style-4 .top-text .contact-data .item-col-4 .data-box span {
text-transform: none;
color: #333333;
font-weight: 400;
font-size: 16px;
}
.contact-style-4 .top-text .contact-data .item-col-4 .data-box span.bold {
font-weight: 700;
font-size: 18px;
}
.contact-style-4 .top-text .contact-data .item-col-4 .data-box .social a {
width: 29px;
height: 29px;
display: block;
margin-right: 4px;
float: left;
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.contact-style-4 .top-text .contact-data .item-col-4 .data-box .social a:hover {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.contact-style-4 .top-text .contact-data .item-col-4 .data-box .social a.twiicon {
background-image: url(images/social/twi.png);
}
.contact-style-4 .top-text .contact-data .item-col-4 .data-box .social a.instaicon {
background-image: url(images/social/insta.png);
}
.contact-style-4 .top-text .contact-data .item-col-4 .data-box .social a.fbicon {
background-image: url(images/social/fb.png);
}
.contact-style-4 .top-text .contact-data .item-col-4 .data-box .social a.pinticon {
background-image: url(images/social/pin.png);
}
.contact-style-4 .top-text .map-and-form .left-60 {
width: 59.9%;
float: left;
}
.contact-style-4 .top-text .map-and-form .left-60 .contact3-map .ale_map_canvas {
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
position: relative;
}
.contact-style-4 .top-text .map-and-form .left-60 .contact3-map .ale_map_canvas:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
/* IE6-8 */
height: 5px;
display: block;
width: 100%;
}
.contact-style-4 .top-text .map-and-form .right-40 {
width: 39.9%;
float: left;
background-image: url(images/form-mask.png);
background-position: top right;
background-repeat: no-repeat;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 0;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.contact-style-4 .top-text .map-and-form .right-40 .contact-form {
margin: 30px;
min-height: 300px;
}
.contact-style-4 .top-text .map-and-form .right-40 .contact-form .title {
color: #FFFFFF;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 40px;
}
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.success {
color: #FFFFFF;
}
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta {
margin-bottom: 15px;
}
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta textarea {
font-size: 12px;
font-family: Arial;
text-transform: none;
border: 0;
padding: 10px;
height: 105px;
width: 100%;
box-shadow: 0 0 0;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta textarea:active,
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta textarea:focus {
border: 0;
box-shadow: 0 0 0;
}
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta input[type="text"],
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta input[type="email"] {
height: 38px;
line-height: 38px;
font-size: 12px;
font-family: Arial;
text-transform: none;
border: 0;
width: 48%;
box-shadow: 0 0 0;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta input[type="text"]:nth-child(1),
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta input[type="email"]:nth-child(1) {
float: left;
}
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta input[type="text"]:nth-child(2),
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta input[type="email"]:nth-child(2) {
float: right;
}
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta input[type="text"]:active,
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta input[type="email"]:active,
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta input[type="text"]:focus,
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta input[type="email"]:focus {
border: 0;
box-shadow: 0 0 0;
}
.contact-style-4 .top-text .map-and-form .right-40 .contact-form p.ta input.submit-black {
min-width: 80px;
background: #333333;
height: 32px;
line-height: 32px;
color: #FFFFFF;
font-size: 14px;
padding: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.contact5-map .ale_map_canvas {
position: relative;
}
.contact5-map .ale_map_canvas:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
/* IE6-8 */
height: 5px;
display: block;
width: 100%;
}
.contact-style-5 .top-text .collections-box {
padding-top: 20px;
}
.contact-style-5 .top-text .contact5-image {
margin-bottom: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.contact-style-5 .top-text .contact5-image img {
max-width: 100%;
height: auto;
}
.contact-style-5 .top-text .contact-form {
padding-top: 10px;
margin-bottom: 25px;
}
.contact-style-5 .top-text .contact-form p.ta {
margin-bottom: 30px;
}
.contact-style-5 .top-text .contact-form p.ta textarea {
width: 100%;
box-sizing: border-box;
margin-right: 3%;
padding: 10px;
text-transform: none;
font-size: 12px;
font-family: Arial;
border: 1px solid #e7e7e7;
background: #f6f6f6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
height: 150px;
}
.contact-style-5 .top-text .contact-form p.ta textarea:active,
.contact-style-5 .top-text .contact-form p.ta textarea:focus {
box-shadow: 0 0 0;
}
.contact-style-5 .top-text .contact-form p.ta input[type="text"],
.contact-style-5 .top-text .contact-form p.ta input[type="email"] {
width: 31.3%;
float: left;
box-sizing: border-box;
margin-right: 3%;
height: 48px;
line-height: 48px;
text-transform: none;
font-size: 12px;
font-family: Arial;
border: 1px solid #e7e7e7;
background: #f6f6f6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.contact-style-5 .top-text .contact-form p.ta input[type="text"]:active,
.contact-style-5 .top-text .contact-form p.ta input[type="email"]:active,
.contact-style-5 .top-text .contact-form p.ta input[type="text"]:focus,
.contact-style-5 .top-text .contact-form p.ta input[type="email"]:focus {
box-shadow: 0 0 0;
}
.contact-style-5 .top-text .contact-form p.ta input.phone {
margin-right: 0;
}
.contact-style-5 .top-text .contact-form p.ta input.submit-black {
min-width: 80px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
height: 32px;
line-height: 32px;
color: #FFFFFF;
font-size: 14px;
padding: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.contact-style-5 .top-text .contact-form p.ta input.submit-black:hover {
background: #333333;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.contact-style-5 .top-text .contact-form p.commcont {
margin-bottom: 20px;
}
.contact-style-5 .top-text .story {
line-height: 24px;
text-align: center;
margin: 0 30px 45px 30px;
}
.contact-style-5 .top-text .story p {
line-height: 24px;
text-align: center;
}
.contact-style-5 .contact-data {
margin-left: 70px;
margin-right: 10px;
margin-bottom: 35px;
}
.contact-style-5 .contact-data .item-col-3 {
width: 33%;
float: left;
}
.contact-style-5 .contact-data .item-col-3 .data-box {
overflow: hidden;
font-weight: 300;
color: #7f7f7f;
font-size: 14px;
text-transform: uppercase;
line-height: 18px;
}
.contact-style-5 .contact-data .item-col-3 .data-box span {
text-transform: none;
color: #333333;
font-weight: 400;
font-size: 15px;
}
.contact-style-5 .contact-data .item-col-3.first .icon {
background: url(images/icons/phoneic.png) left top no-repeat;
}
.contact-style-5 .contact-data .item-col-3.second .icon {
background: url(images/icons/adressic.png) left top no-repeat;
}
.contact-style-5 .contact-data .item-col-3.third .icon {
background: url(images/icons/pmic.png) left top no-repeat;
}
.contact-style-5 .contact-data .item-col-3 .icon {
width: 25px;
height: 20px;
float: left;
display: inline-block;
vertical-align: top;
}
.contact-style-6 {
padding-bottom: 60px;
}
.contact-style-6 .top-image-contact6 {
height: 265px;
background-position: center center;
}
.contact-style-6 .conteiner-box {
margin-right: 35px;
margin-left: 35px;
background: #FFFFFF;
-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);
}
.contact-style-6 .conteiner-box .left-50 {
width: 49.9%;
float: left;
}
.contact-style-6 .conteiner-box .right-50 {
width: 49.9%;
float: right;
}
.contact-style-6 .conteiner-box .right-50 .contact-form {
margin: 40px;
margin-bottom: 55px;
}
.contact-style-6 .conteiner-box .right-50 .contact-form .title {
margin-bottom: 30px;
color: #ffffff;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
}
.contact-style-6 .conteiner-box .right-50 .contact-form p.success {
color: #FFFFFF;
}
.contact-style-6 .conteiner-box .right-50 .contact-form p.ta {
margin-bottom: 20px;
}
.contact-style-6 .conteiner-box .right-50 .contact-form p.ta textarea {
width: 100%;
box-sizing: border-box;
height: 100%;
padding: 10px;
border: 0;
box-shadow: 0 0 0;
font-size: 12px;
font-family: Arial;
background: #f6f6f6;
text-transform: none;
color: #707070;
}
.contact-style-6 .conteiner-box .right-50 .contact-form p.ta textarea:active,
.contact-style-6 .conteiner-box .right-50 .contact-form p.ta textarea:focus {
box-shadow: 0 0 0;
border: 0;
}
.contact-style-6 .conteiner-box .right-50 .contact-form p.ta input.submit-black {
min-width: 80px;
background: #333333;
height: 32px;
line-height: 32px;
color: #FFFFFF;
font-size: 14px;
padding: 0;
}
.contact-style-6 .conteiner-box .right-50 .contact-form p.ta input[type="text"],
.contact-style-6 .conteiner-box .right-50 .contact-form p.ta input[type="email"] {
width: 48%;
height: 38px;
line-height: 38px;
text-transform: none;
background: #f6f6f6;
box-sizing: border-box;
font-size: 12px;
font-family: Arial;
border: 0;
box-shadow: 0 0 0;
}
.contact-style-6 .conteiner-box .right-50 .contact-form p.ta input[type="text"]:active,
.contact-style-6 .conteiner-box .right-50 .contact-form p.ta input[type="email"]:active,
.contact-style-6 .conteiner-box .right-50 .contact-form p.ta input[type="text"]:focus,
.contact-style-6 .conteiner-box .right-50 .contact-form p.ta input[type="email"]:focus {
box-shadow: 0 0 0;
border: 0;
}
.contact-style-6 .conteiner-box .right-50 .contact-form p.ta input[type="text"] {
float: left;
}
.contact-style-6 .conteiner-box .right-50 .contact-form p.ta input[type="email"] {
float: right;
}
.contact-style-6 .conteiner-box section.story {
margin: 40px 45px 40px 45px;
line-height: 24px;
}
.contact-style-6 .conteiner-box section.story p {
line-height: 24px;
}
.contact-style-6 .conteiner-box .contact-data {
margin: 0 45px 20px 45px;
line-height: 36px;
}
.contact-style-6 .conteiner-box .contact-data .data-box span {
color: #000000;
font-size: 14px;
}
.new-blog-1 .blog-list {
width: 100%;
}
.new-blog-1 .blog-list .blog-post {
margin: 0;
padding: 0;
}
.new-blog-1 .blog-list .blog-post:nth-child(even) {
background-color: #FFFFFF;
color: #707070;
}
.new-blog-1 .blog-list .blog-post:nth-child(even) a {
color: #707070;
}
.new-blog-1 .blog-list .blog-post:nth-child(odd) {
background-color: #707070;
color: #FFFFFF;
}
.new-blog-1 .blog-list .blog-post:nth-child(odd) a {
color: #FFFFFF;
}
.new-blog-1 .blog-list .blog-post .part-left {
width: 45%;
float: left;
}
.new-blog-1 .blog-list .blog-post .part-left figure {
position: relative;
overflow: hidden;
}
.new-blog-1 .blog-list .blog-post .part-left figure figcaption {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-blog-1 .blog-list .blog-post .part-left figure figcaption a {
width: 100%;
height: 100%;
display: block;
background-image: url(images/go.png);
background-position: center center;
background-repeat: no-repeat;
}
.new-blog-1 .blog-list .blog-post .part-left figure:hover figcaption {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-blog-1 .blog-list .blog-post .part-left img {
max-width: 100%;
height: auto;
}
.new-blog-1 .blog-list .blog-post .part-right {
width: 55%;
float: left;
}
.new-blog-1 .blog-list .blog-post .part-right.part-full {
width: 100%;
float: none;
}
.new-blog-1 .blog-list .blog-post .part-right .the-excerpt {
font-size: 12px;
line-height: 18px;
}
.new-blog-1 .blog-list .blog-post .part-right .the-excerpt p {
line-height: 18px;
}
.new-blog-1 .blog-list .blog-post .part-right .post-conteiner {
margin: 23px;
}
.new-blog-1 .blog-list .blog-post .part-right .post-conteiner h2 {
font-size: 18px;
font-weight: 300;
text-transform: uppercase;
line-height: 18px;
margin-bottom: 18px;
}
.new-blog-1 .blog-list .blog-post .part-right .post-conteiner h2 a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-blog-2 .blog-list {
width: 100%;
}
.new-blog-2 .blog-list .blog-post {
width: 50%;
float: left;
background-color: #FFFFFF;
}
.new-blog-2 .blog-list .blog-post .post-data,
.new-blog-2 .blog-list .blog-post .image-box {
width: 50%;
}
.new-blog-2 .blog-list .blog-post .part-full {
width: 100%;
min-height: 277px;
}
.new-blog-2 .blog-list .blog-post .post-data-text {
position: relative;
background: #FFFFFF;
padding: 80px 40px 59px 40px;
border: 6px solid transparent;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-blog-2 .blog-list .blog-post .post-data-text a {
color: #000000;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-blog-2 .blog-list .blog-post .post-data-text a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-blog-2 .blog-list .blog-post .post-data-text .title-post {
color: #000000;
text-transform: uppercase;
font-size: 16px;
}
.new-blog-2 .blog-list .blog-post .post-data-text .category-post {
font-size: 14px;
color: #000000;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 20px;
}
.new-blog-2 .blog-list .blog-post .post-data-text .desc-post {
font-size: 12px;
line-height: 18px;
}
.new-blog-2 .blog-list .blog-post:hover .post-data-text {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-blog-2 .blog-list .blog-post:hover .image-box figure figcaption {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-blog-2 .blog-list .blog-post:hover .image-box::before {
display: none;
}
.new-blog-2 .blog-list .blog-post .image-box.no-triangle:before {
display: none;
}
.new-blog-2 .blog-list .blog-post .image-box figure {
position: relative;
}
.new-blog-2 .blog-list .blog-post .image-box figure figcaption {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-blog-2 .blog-list .blog-post .image-box figure figcaption a {
width: 100%;
height: 100%;
display: block;
background-image: url(images/go.png);
background-position: center center;
background-repeat: no-repeat;
}
.new-blog-2 .blog-list .blog-post:nth-child(1) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(2) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(5) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(6) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(9) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(10) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(13) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(14) .post-data {
float: right;
}
.new-blog-2 .blog-list .blog-post:nth-child(1) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(2) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(5) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(6) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(9) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(10) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(13) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(14) .image-box {
float: left;
position: relative;
}
.new-blog-2 .blog-list .blog-post:nth-child(1) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(2) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(5) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(6) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(9) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(10) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(13) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(14) .image-box::before {
z-index: 9;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 13px 13px 13px 0;
border-color: transparent #ffffff transparent transparent;
line-height: 0px;
_border-color: #000000 #ffffff #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
position: absolute;
top: 50%;
margin-top: -13px;
right: 0;
left: auto;
}
.new-blog-2 .blog-list .blog-post:nth-child(3) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(4) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(7) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(8) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(11) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(12) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(15) .post-data,
.new-blog-2 .blog-list .blog-post:nth-child(16) .post-data {
float: left;
}
.new-blog-2 .blog-list .blog-post:nth-child(3) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(4) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(7) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(8) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(11) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(12) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(15) .image-box,
.new-blog-2 .blog-list .blog-post:nth-child(16) .image-box {
float: right;
position: relative;
}
.new-blog-2 .blog-list .blog-post:nth-child(3) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(4) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(7) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(8) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(11) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(12) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(15) .image-box::before,
.new-blog-2 .blog-list .blog-post:nth-child(16) .image-box::before {
z-index: 9;
position: absolute;
top: 50%;
margin: 0;
left: 0;
right: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 13px 0 13px 13px;
border-color: transparent transparent transparent #ffffff;
line-height: 0px;
_border-color: #000000 #000000 #000000 #ffffff;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
content: '';
margin-top: -13px;
}
.new-blog-2 .blog-list .blog-post img {
max-width: 100%;
height: auto;
}
.new-blog-3 .blog-list .blog-post {
width: 23%;
float: left;
margin-right: 2.6%;
margin-bottom: 25px;
background: #ffffff;
box-shadow: 0px 0px 1px #bfbfbf;
max-width: 237px;
}
.new-blog-3 .blog-list .blog-post:hover {
box-shadow: 1px 1px 3px #a5a5a5;
}
.new-blog-3 .blog-list .blog-post .post-data {
padding: 20px;
}
.new-blog-3 .blog-list .blog-post .post-data .desc-post {
margin-bottom: 20px;
line-height: 18px;
}
.new-blog-3 .blog-list .blog-post .post-data .post-meta {
font-size: 11px;
color: #a6a6a6;
}
.new-blog-3 .blog-list .blog-post .post-data .post-meta .date-box {
padding-right: 15px;
}
.new-blog-3 .blog-list .blog-post .post-data .post-meta .comm-box {
background: url(images/comments.png) left 50% no-repeat;
padding-left: 20px;
}
.new-blog-3 .blog-list .blog-post .post-data .title-post {
font-size: 21px;
margin-bottom: 10px;
}
.new-blog-3 .blog-list .blog-post .post-data .title-post a {
color: #000000;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-blog-3 .blog-list .blog-post .post-data .title-post a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-blog-3 .blog-list .blog-post .image-box {
position: relative;
}
.new-blog-3 .blog-list .blog-post .image-box:before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
margin-left: -4px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 4.5px 5px 4.5px;
border-color: transparent transparent #ffffff transparent;
line-height: 0px;
_border-color: #000000 #000000 #ffffff #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
z-index: 99;
}
.new-blog-3 .blog-list .blog-post .image-box img {
max-width: 100%;
height: auto;
}
.new-blog-3 .blog-list .blog-post.big-post {
width: 48.5%;
max-width: 500px;
}
.new-blog-3 .blog-list .blog-post:nth-child(3n) {
margin-right: 0;
}
.new-gallery-1 .item-col-3 {
display: inline-block;
float: left;
width: 33.333339%;
}
.new-gallery-1 .item-col-3 img {
max-width: 100%;
height: auto;
}
.new-gallery-1 .item-col-3 figure {
position: relative;
overflow: hidden;
}
.new-gallery-1 .item-col-3 figure .link-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
.new-gallery-1 .item-col-3 figure .link-box a {
width: 100%;
height: 100%;
display: block;
background: url(images/go.png) center center no-repeat;
}
.new-gallery-1 .item-col-3 figure:hover .link-box {
display: block;
}
.new-gallery-1 .item-col-3 figure figcaption.mask-text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.new-gallery-1 .item-col-3 figure figcaption.mask-text .mask-title {
width: 100%;
text-align: center;
color: #FFF;
font-size: 30px;
font-weight: 700;
margin-bottom: 6px;
text-transform: uppercase;
}
.new-gallery-1 .item-col-3 figure figcaption.mask-text .mask-desc {
width: 100%;
text-align: center;
color: #FFF;
margin-bottom: 40px;
font-size: 11px;
}
.new-gallery-2 .item-col-3 {
width: 32%;
margin-bottom: 20px;
margin-right: 2%;
float: left;
}
.new-gallery-2 .item-col-3 figure {
position: relative;
}
.new-gallery-2 .item-col-3 figure .likes-box {
position: absolute;
top: 0;
right: 0;
z-index: 3;
padding: 15px 10px 15px 10px;
-moz-border-radius-topleft: 0px 0px 0px 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 0px 0px 0px 3px 3px 3px 3px;
border-radius: 0px 0px 0px 3px 3px 3px 3px;
}
.new-gallery-2 .item-col-3 figure .likes-box .couintbox {
background: url(images/heart-empty.png) left center no-repeat;
padding-left: 22px;
color: #FFFFFF;
font-size: 13px;
line-height: 20px;
}
.new-gallery-2 .item-col-3 figure .link-box {
z-index: 2;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-gallery-2 .item-col-3 figure .link-box a {
display: block;
width: 100%;
height: 100%;
}
.new-gallery-2 .item-col-3 figure .link-box figcaption.mask-text {
position: absolute;
bottom: 0;
margin-bottom: 15px;
left: 0;
width: 100%;
text-align: center;
color: #FFFFFF;
}
.new-gallery-2 .item-col-3 figure .link-box figcaption.mask-text .mask-title {
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
}
.new-gallery-2 .item-col-3 figure:hover .link-box {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-gallery-2 .item-col-3:nth-child(3n) {
margin-right: 0;
}
.new-gallery-2 .item-col-3 img {
max-width: 100%;
height: auto;
}
.new-gallery-3 .item-col {
float: left;
margin-bottom: 20px;
}
.new-gallery-3 .item-col figure {
position: relative;
}
.new-gallery-3 .item-col figure:hover .link-box {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-gallery-3 .item-col figure:hover figcaption {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-gallery-3 .item-col figure .link-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-gallery-3 .item-col figure .link-box a {
width: 100%;
height: 100%;
display: block;
background-image: url(images/go.png);
background-repeat: no-repeat;
background-position: center center;
}
.new-gallery-3 .item-col figure figcaption {
position: absolute;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-gallery-3 .item-col figure figcaption a {
color: #000000;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-gallery-3 .item-col figure figcaption a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.new-gallery-3 .item-col figure img {
max-width: 100%;
height: auto;
}
.new-gallery-3 .item-col.big-item {
width: 100%;
margin-right: 0;
}
.new-gallery-3 .item-col.big-item figcaption.mask-text {
bottom: 0;
right: 0;
padding: 55px;
background: #FFFFFF;
}
.new-gallery-3 .item-col.big-item figcaption.mask-text .mask-desc {
width: 230px;
line-height: 18px;
}
.new-gallery-3 .item-col.big-item figcaption.mask-text .mask-desc p {
line-height: 18px;
}
.new-gallery-3 .item-col.big-item figcaption.mask-text .mask-title {
font-size: 16px;
color: #000000;
text-transform: uppercase;
font-weight: 700;
}
.new-gallery-3 .item-col.big-item figcaption.mask-text .mask-cat {
margin-bottom: 15px;
font-size: 14px;
text-transform: uppercase;
color: #000000;
font-weight: 300;
}
.new-gallery-3 .item-col.small-item {
width: 49%;
margin-right: 2%;
}
.new-gallery-3 .item-col.small-item figcaption.mask-text {
top: 25%;
left: 25%;
right: 25%;
bottom: 25%;
background: #FFFFFF;
padding: 55px;
box-sizing: border-box;
text-align: center;
}
.new-gallery-3 .item-col.small-item figcaption.mask-text .mask-title {
font-size: 16px;
color: #000000;
text-transform: uppercase;
font-weight: 700;
}
.new-gallery-3 .item-col.small-item figcaption.mask-text .mask-cat {
margin-bottom: 15px;
font-size: 14px;
text-transform: uppercase;
color: #000000;
font-weight: 300;
}
.new-gallery-3 .item-col:nth-child(3n) {
margin-right: 0;
}
/*styleselectorbox*/
.styleselectorbox {
z-index: 999;
position: fixed;
top: 50%;
right: 0;
width: 227px;
margin-right: -227px;
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms 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: 0.95;
-khtml-opacity: 0.95;
-webkit-opacity: 0.95;
opacity: 0.95;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.styleselectorbox .rightselectorbox {
width: 227px;
height: 385px;
background: #ffffff;
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: transparent 50% 0% no-repeat;
}
.styleselectorbox .rightselectorbox .boxesbox .bo .ckeck:hover {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms 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 .s0,
.styleselectorbox .rightselectorbox .boxesbox .s3,
.styleselectorbox .rightselectorbox .boxesbox .s6,
.styleselectorbox .rightselectorbox .boxesbox .s9,
.styleselectorbox .rightselectorbox .boxesbox .p3,
.styleselectorbox .rightselectorbox .boxesbox .p6 {
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) {
.new-blog-2 .blog-list .blog-post .post-data-text {
padding: 15px;
border: none!important;
}
.new-blog-2 .blog-list .blog-post .post-data-text:hover {
border: none!important;
}
.home-4-top-posts .posts-boxes {
display: none;
}
.new-blog-1 .blog-list .blog-post .part-left,
.new-blog-1 .blog-list .blog-post .part-right {
width: 100%;
float: none;
}
.home-4-top-posts .mobile-posts-list {
display: block;
}
.home-4-top-posts .mobile-posts-list .mobile-post {
width: 100%;
background-color: #FFFFFF;
margin-top: 10px;
}
section#new-home-one .new-home-1-slider {
margin: 0 auto;
float: none;
}
section#new-home-one .new-home-1-slider .leftbox {
margin-left: 0;
}
.testimonialblog .itemblog .notumbtestimonial figcaption .textup {
font-size: 10px;
line-height: 12px;
}
.testimonialblog .itemblog .view-first:hover .textup {
font-size: 10px;
line-height: 12px;
}
.testimonialblog .itemblog .notumbtestimonial figcaption h2 {
font-size: 14px;
line-height: 14px;
}
.testimonialblog .itemblog .view-first:hover h2 {
font-size: 14px;
line-height: 14px;
}
.inspirationblog .itemblog .view-effect p {
display: none;
}
.inspirationblog .itemblog .view-effect h2 {
margin-bottom: 20px;
}
.inspirationblog .itemblog .notumbinspiration figcaption p {
display: none;
}
.inspirationblog .itemblog .notumbinspiration figcaption h2 {
margin-bottom: 20px;
}
.home-bottom .aboutmainbox {
margin: 0 auto;
width: 95%;
height: 205px;
float: none;
margin-bottom: 20px;
}
.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;
margin-right: 4.9999%;
}
.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;
margin-left: 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;
}
}
/*
================================
= Start Responsive Home Slider =
================================
*/
@media (max-width: 1280px) {
.home-5-top-data .center_h5_slider .slider-home5 {
float: none;
}
.home-5-top-data .center_h5_slider .slider-home5 ul.slides li img {
width: 100%;
}
.home-5-top-data .right_article .box-info {
min-height: 150px;
height: auto;
}
.home-5-top-data .right_article {
float: none;
width: 100%;
height: auto;
margin-left: 18px;
}
.home-5-top-data .right_article .box-image {
display: none;
}
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;
}
.about-page-style4 .vidoe-section-about .half-box.right {
background: #D0D0D0;
}
.about-page-style4 .vidoe-section-about .half-box.right,
.about-page-style4 .vidoe-section-about .half-box.left {
float: none;
width: 100%;
}
.about-page-style4 .vidoe-section-about .half-box.right .presentation-box,
.about-page-style4 .vidoe-section-about .half-box.left .presentation-box {
padding: 30px;
text-align: center;
}
.about-page-style4 .vidoe-section-about .half-box .video-embed-box {
float: none;
margin: 0 auto;
}
}
@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;
}
.bottom-timeline {
height: auto;
background: none;
}
.bottom-timeline .blog-items-conteiner .line-post {
width: 32%;
float: left;
margin: 0;
margin-right: 2%;
margin-bottom: 2%;
}
.bottom-timeline .blog-items-conteiner .line-post:nth-child(3),
.bottom-timeline .blog-items-conteiner .line-post:nth-child(6) {
margin-right: 0!important;
}
.bottom-timeline .blog-items-conteiner .line-post:nth-child(even) {
margin: 0;
margin-right: 2%;
margin-bottom: 2%;
}
.bottom-timeline .blog-items-conteiner .line-post .white-box-post:after {
display: none;
}
.bottom-timeline .blog-items-conteiner .line-post .point {
display: none;
}
.bottom-timeline .blog-items-conteiner .line-post:nth-child(even) .time-box {
position: inherit;
top: auto;
right: auto;
}
.bottom-timeline .blog-items-conteiner .line-post:nth-child(even) .white-box-post {
margin-top: 0;
}
}
@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;
padding: 0;
left: 0;
top: auto;
right: 0;
bottom: 0;
width: 100%;
margin-bottom: -60px;
height: 50px;
}
section#homepage .flexslider .rightbox .rightothermenu {
margin: 0;
width: 100%;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside {
margin: 0;
width: 30%;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside:first-child {
margin: 0;
margin-right: 4.9999%;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside:last-child {
margin: 0;
margin-left: 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 {
float: left;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside figure {
display: none;
}
section#homepage .flexslider {
margin-top: 140px;
}
section#homepage .flexslider .leftbox {
margin: 0;
padding: 0;
top: 0;
left: 0;
right: 0;
height: auto;
margin-top: -140px;
width: 100%;
}
section#homepage .flexslider .leftbox .leftmenubox {
padding-top: 20px;
width: 100%;
background: rgba(255, 255, 255, 0.7);
height: auto;
}
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.current-menu-item {
background: none;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li.current-menu-item a {
background: none;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li {
display: inline-block;
width: auto;
padding-left: 10px;
background: none;
padding-right: 10px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li:hover {
background: none;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li a {
background: none;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader nav#leftnav ul.leftmenu li a:hover {
background: none!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: none;
}
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;
}
}
/*
================================
= End Responsive Home Slider =
================================
*/
@media (max-width: 980px) {
section#new-home-1-content section.home-one-content .center-section .three-boxes .col-item-3 {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
section#new-home-1-content section.home-one-content .center-section .bottom-about-descr .photo-about {
float: none;
width: 100%;
text-align: center;
}
section#new-home-1-content section.home-one-content .center-section .bottom-about-descr .photo-about img {
width: 100%;
height: auto;
}
section#new-home-one .new-home-1-slider {
margin-top: 125px;
}
section#new-home-one .new-home-1-slider .leftbox {
margin-top: -125px;
height: 125px;
width: 100%;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox {
width: 100%;
height: 125px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader {
padding-top: 5px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader .logo {
width: 172px;
float: left;
margin-left: 10px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#leftnav {
display: none;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#mobilenav {
display: block;
float: right;
width: 50%;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#mobilenav select {
width: 100%;
padding: 5px;
margin-top: 5px;
margin-right: 12px;
float: right;
font-size: 14px;
line-height: 14px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
border: none;
background: none;
border: 1px solid #cbcbcb;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader .social {
float: right;
margin: 0;
margin-top: 14px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader .social .followtitle {
text-align: right;
padding-right: 12px;
}
.pressarchive .pressstyle {
width: 99%;
}
section.singlepage .rightside .margincontentbox {
margin-left: 0;
}
section.singlepage .leftside {
float: none;
width: 100%;
margin: 0 auto;
}
section.singlepage .rightside {
float: none;
margin: 0;
width: 100%;
margin: 0 auto;
}
section.singlepage .rightsidebar {
margin-top: 20px;
}
section.singlepage .centerside {
width: auto;
margin: 0;
margin-right: 248px;
}
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: 0;
margin-top: 15px;
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 {
background: none;
}
section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu li a:hover {
background: none;
}
section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu li.current-menu-item a {
background: none;
}
section.singlepage .leftmenubox header#leftheader nav#leftnav ul.leftmenu li.current-menu-item a:hover {
background: none;
}
section.singlepage .leftmenubox header#leftheader .social {
margin-bottom: 0px;
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 {
text-align: center;
}
.widget_search {
text-align: center;
}
.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: 0 auto;
clear: both;
text-align: center;
margin-top: 25px;
}
section.singlepage .rightside .postnavigation .reachsinglbox .title {
margin-right: 0;
}
section.singlepage .rightside .postnavigation .reachsinglbox .searchform {
margin-right: 0;
}
.galleysingle {
margin: 0 auto;
}
.galleysingle .thetitlegallery,
.galleysingle .gallerydata,
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 {
font-size: 13px;
line-height: 20px;
text-align: center;
}
.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: 900px) {
.subscribe-plugin-box .form-desc {
text-align: center;
margin-bottom: 20px;
}
.inspire-list .block-insp {
margin-bottom: 30px;
}
.home-3-syncbox {
padding: 100px 60px 60px 60px;
}
.inspire-list {
background-image: none!important;
}
.inspire-list .section-left {
width: 40%;
margin: 70px 0 70px 70px;
}
.inspire-list .section-right {
width: 40%;
margin: 70px 70px 70px 0;
}
}
@media (max-width: 800px) {
.new-blog-2 .blog-list .blog-post {
width: 100%;
float: none;
}
.new-blog-2 .blog-list .blog-post img {
width: 100%;
height: auto;
}
.contact-style-4 .top-text .contact-data .item-col-4.first,
.contact-style-4 .top-text .contact-data .item-col-4.second,
.contact-style-4 .top-text .contact-data .item-col-4.third,
.contact-style-4 .top-text .contact-data .item-col-4.fourth,
.contact-style-4 .top-text .map-and-form .left-60,
.contact-style-4 .top-text .map-and-form .right-40 {
width: 100%;
float: none;
margin-bottom: 10px;
}
.about-page-style4 .vidoe-section-about .half-box .presentation-box .text-conteiner .column1,
.about-page-style4 .vidoe-section-about .half-box .presentation-box .text-conteiner .column2,
.about-page-style4 .about-4-toggles .toggle-sec .half-box {
width: 100%;
float: none;
margin: 0;
margin-bottom: 20px;
}
.about-page-style4 .services-items .serv-item {
width: 48%;
margin-left: 1%;
margin-right: 1%;
}
.about-page-style4 .vidoe-section-about .half-box.right .presentation-box,
.about-page-style4 .vidoe-section-about .half-box.left .presentation-box {
padding-bottom: 0;
}
.home-5-top-data .right_article,
.home-5-top-data .center_h5_slider {
margin-left: 0;
}
.inspire-list .section-left {
width: 30%;
}
.inspire-list .section-right {
width: 30%;
}
.bottom-timeline .blog-items-conteiner .line-post {
width: 49%;
margin-right: 2%!important;
}
.bottom-timeline .blog-items-conteiner .line-post:nth-child(3) {
margin-right: 2%!important;
}
.bottom-timeline .blog-items-conteiner .line-post:nth-child(2),
.bottom-timeline .blog-items-conteiner .line-post:nth-child(4),
.bottom-timeline .blog-items-conteiner .line-post:nth-child(2) {
margin-right: 0!important;
}
.adventures-box .map-adv-conteiner .half-box {
width: 100%;
float: none;
}
.our-team-box .list-team .item-member {
width: 33%;
}
.map-about-box .conteiner-map .one-half-box {
width: 100%;
float: none;
margin-bottom: 30px;
}
.map-about-box {
background-position: top center;
}
.collections-box .col-conteiner .item-box {
width: 50%!important;
float: none!important;
margin: 0 auto!important;
margin-bottom: 30px!important;
display: block!important;
}
.collections-box .col-conteiner .item-box:nth-child(2) .info-box .desc-info {
display: none;
}
.info-box img,
.collections-box .col-conteiner .item-box:nth-child(2) img {
min-height: 150px;
}
.collections-box .col-conteiner .item-box:nth-child(1) .info-box,
.collections-box .col-conteiner .item-box:nth-child(2) .info-box,
.collections-box .col-conteiner .item-box:nth-child(3) .info-box,
.collections-box .col-conteiner .item-box:nth-child(4) .info-box {
top: 5%;
bottom: 5%;
left: 10%;
right: 10%;
width: auto;
}
.collections-box .col-conteiner .item-box:nth-child(1) .info-box .desc-info,
.collections-box .col-conteiner .item-box:nth-child(2) .info-box .desc-info,
.collections-box .col-conteiner .item-box:nth-child(3) .info-box .desc-info,
.collections-box .col-conteiner .item-box:nth-child(4) .info-box .desc-info {
display: none;
}
section#new-home-two .leftbox {
height: 125px;
float: none;
width: 100%;
display: block;
}
section#new-home-two .leftbox .leftmenubox header#leftheader nav#leftnav {
display: none;
}
section#new-home-two .leftbox .leftmenubox header#leftheader nav#mobilenav {
display: block;
float: right;
width: 50%;
}
section#new-home-two .leftbox .leftmenubox header#leftheader nav#mobilenav select {
width: 100%;
padding: 5px;
margin-top: 5px;
margin-right: 12px;
float: right;
font-size: 14px;
line-height: 14px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
border: none;
background: none;
border: 1px solid #cbcbcb;
}
section#new-home-two .leftbox .leftmenubox header#leftheader .social {
float: right;
margin: 0;
margin-top: 14px;
}
section#new-home-two .leftbox .leftmenubox header#leftheader .social .followtitle {
text-align: right;
padding-right: 12px;
}
section#new-home-two .leftbox .leftmenubox header#leftheader {
padding-top: 5px;
}
section#new-home-two .leftbox .leftmenubox header#leftheader .logo {
width: 172px;
float: left;
margin-left: 10px;
}
section#new-home-two .leftbox .leftmenubox {
width: 100%;
height: 125px;
min-height: 0;
}
.pieboxes .pieitem {
width: 100%;
float: none;
}
.nivoSlider:hover .nivo-caption {
display: none!important;
}
.gallerygrid #galcontainer .element .titlegalleryfilter .titleitem {
font-size: 12px;
line-height: 12px;
}
.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;
border: none;
background: none;
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;
border: none;
background: none;
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: 0 auto;
margin-bottom: 15px;
margin-top: 15px;
}
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;
}
.boxwithgalleries {
height: auto;
display: inline-block;
text-align: center;
margin: 0 auto;
}
.contactpage .leftcontactbox {
width: 100%;
float: none;
}
.contactpage .rightcontactbox {
width: 100%;
float: none;
}
#archives .ale-archives {
float: none;
text-align: center;
}
#archives .postprevtop {
float: none;
text-align: center;
margin-top: 20px;
}
section.singlepage .rightside section.full section.commentform section.comments {
width: 100%;
float: none;
}
section.singlepage .rightside section.full section.commentform section.respond {
width: 100%;
float: none;
}
.subscribe-plugin-box .form-conteiner input[type="text"],
.subscribe-plugin-box .form-conteiner input[type="email"] {
min-width: 250px;
}
.new-gallery-1 .item-col-3 figure figcaption.mask-text .mask-title {
font-size: 16px;
}
}
@media (max-width: 640px) {
.new-gallery-3 .item-col.big-item figcaption.mask-text {
padding: 10px;
}
.new-gallery-3 .item-col.small-item figcaption.mask-text {
padding: 10px;
top: 15;
left: 15px;
right: 15px;
bottom: 15px;
}
.new-gallery-2 .item-col-3 {
width: 49%;
margin-bottom: 10px;
}
.new-gallery-2 .item-col-3:nth-child(3n) {
margin-right: 2%;
}
.new-gallery-2 .item-col-3:nth-child(2n) {
margin-right: 0;
}
.new-blog-3 .blog-list .blog-post.big-post {
width: 100%;
float: none;
margin: 0 auto;
margin-bottom: 25px;
}
.new-blog-3 .blog-list .blog-post {
width: 100%;
float: none;
margin: 0 auto;
margin-bottom: 25px;
}
.new-blog-3 .blog-list .blog-post:nth-child(3n) {
margin-right: auto;
}
.contact-style-6 .conteiner-box .left-50,
.contact-style-6 .conteiner-box .right-50 {
width: 100%;
float: none;
}
.contact-style-3 .left-70,
.contact-style-3 .right-30 {
width: 100%;
margin-bottom: 15px;
float: none;
}
.contact-style-5 .contact-data {
width: 100%;
margin: 0;
margin-bottom: 35px;
}
.contact-style-5 .contact-data .item-col-3 {
width: 100%;
float: none;
margin-bottom: 20px;
}
.contact-style-3 .left-70 .contact-data .item-col-3 {
width: 100%;
margin-bottom: 15px;
float: none;
}
.inspire-list .section-left {
width: 90%;
margin: 20px;
float: none;
}
.about-5 .three-top-boxes .item-col-3 {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.inspire-list .section-right {
width: 90%;
margin: 20px;
float: none;
}
.about-5 .menagement-box .member-item {
width: 49%;
margin-bottom: 20px;
}
.about-5 .menagement-box .member-item:nth-child(2),
.about-5 .menagement-box .member-item:nth-child(4) {
margin-right: 0;
}
.about-5 .organization-box .org-items-list .item-post-org {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.about-5 .organization-box .org-items-list .item-post-org:nth-child(4) {
width: 100%;
margin-right: 0;
}
.bottom-popimages .popup-gallery a {
width: 50%;
}
.bottom-timeline .blog-items-conteiner .line-post {
width: 100%;
margin: 0!important;
}
.bottom-timeline .blog-items-conteiner .line-post:nth-child(2),
.bottom-timeline .blog-items-conteiner .line-post:nth-child(3),
.bottom-timeline .blog-items-conteiner .line-post:nth-child(4),
.bottom-timeline .blog-items-conteiner .line-post:nth-child(6) {
margin-right: 0!important;
}
.home-4-top-posts .mobile-posts-list .mobile-post {
background-color: transparent;
}
.home-4-top-posts .mobile-posts-list .mobile-post .image-box {
width: 70%;
margin: 0 auto;
float: none;
display: block;
}
.home-4-top-posts .mobile-posts-list .mobile-post .image-box img {
width: 100%;
height: auto;
}
.home-4-top-posts .mobile-posts-list .mobile-post .post-data-twobox {
width: 70%;
margin: 0 auto;
float: none;
display: block;
background-color: #FFFFFF;
}
.inspirations-box-home3 .ins-slider-conteiner {
width: 400px;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider ul.slides li .map-icon {
display: none;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider ul.slides li .ins-title {
font-size: 18px;
}
.subscribe-plugin-box .form-conteiner input[type="text"],
.subscribe-plugin-box .form-conteiner input[type="email"] {
min-width: 150px;
}
section#new-home-1-content aside.left-sidebar {
float: none;
width: 100%;
display: block;
}
section#new-home-1-content section.home-one-content {
width: 100%;
overflow: auto;
float: right;
}
.tp_recent_tweets {
float: none;
}
section#new-home-one .new-home-1-slider ul.slides li figure figcaption {
display: none;
}
.nivoSlider:hover .nivo-caption {
display: none;
}
.gallerygrid #galcontainer .element figure figcaption {
display: none;
}
.testimonialblog .itemblog .notumbtestimonial figcaption .textup span {
display: none;
}
.testimonialblog .itemblog .notumbtestimonial figcaption .textup {
font-size: 12px;
}
.testimonialblog .itemblog .view-first .textup {
font-size: 12px;
}
.testimonialblog .itemblog .view-first .textup span {
display: none;
}
section.singlepage .rightsidebar {
width: 100%;
}
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;
}
.home-5-top-data .center_h5_slider .slider-home5 ul.slides li figure figcaption .title-box {
font-size: 18px;
}
.about-6 .two-places-box .half-box {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
}
@media (max-width: 480px) {
.new-gallery-2 .item-col-3 {
width: 100%;
float: none;
max-width: 320px;
margin: 0 auto;
margin-bottom: 15px;
}
.new-gallery-2 .item-col-3:nth-child(2n),
.new-gallery-2 .item-col-3:nth-child(3n) {
margin: 0 auto;
margin-bottom: 15px;
}
.new-gallery-1 .item-col-3 {
width: 100%;
float: none;
}
.new-gallery-1 .item-col-3 img {
width: 100%;
height: auto;
}
.about-page-style4 .services-items .serv-item {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.adventures-box .map-adv-conteiner .half-box .info-adv .info-title {
padding: 30px 30px 20px 30px;
}
.adventures-box .map-adv-conteiner .half-box .info-adv .info-desc {
padding: 0 30px 20px 30px;
}
.adventures-box .map-adv-conteiner .half-box .info-adv .info-link {
padding: 0 30px 10px 30px;
}
.our-team-box .list-team .item-member {
width: 100%;
margin-bottom: 20px;
}
.inspirations-box-home3 .ins-slider-conteiner {
width: 100%;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider ul.slides li .ins-desc {
width: 70%;
}
.inspirations-box-home3 .ins-slider-conteiner {
min-height: 400px;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider ul.slides li {
width: 100%;
}
.inspirations-box-home3 .ins-slider-conteiner .ins-home3-slider .flex-direction-nav {
margin-left: 0;
}
.collections-box .col-conteiner .item-box {
width: 75%!important;
}
section#new-home-two .new-home-2-top .three-boxes-cont .item-col-3 {
width: 70%;
float: none;
margin: 0 auto;
display: block;
}
section#new-home-two .new-home-2-top .three-boxes-cont {
float: none;
}
.map-about-box .conteiner-map .one-half-box .three-counts .one-third-box {
width: 100%;
margin-bottom: 15px;
text-align: center;
}
.map-about-box .conteiner-map {
padding: 30px 10px 30px 10px;
}
.map-about-box .conteiner-map .one-half-box .about-title,
.map-about-box .conteiner-map .one-half-box .about-desc {
text-align: center;
}
.map-about-box .conteiner-map .one-half-box .about-link a {
margin: 0 auto;
}
section#new-home-one .new-home-1-slider {
margin-top: 270px;
}
section#new-home-one .new-home-1-slider .leftbox {
margin-top: -270px;
height: 270px;
}
section#new-home-two .leftbox {
height: 270px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox,
section#new-home-two .leftbox .leftmenubox {
height: 270px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader .logo,
section#new-home-two .leftbox .leftmenubox header#leftheader .logo {
width: auto;
margin: 0;
float: none;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#mobilenav,
section#new-home-two .leftbox .leftmenubox header#leftheader nav#mobilenav {
width: 80%;
margin: 0 auto;
text-align: center;
margin-top: 20px;
float: none;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader nav#mobilenav select,
section#new-home-two .leftbox .leftmenubox header#leftheader nav#mobilenav select {
margin-right: 0;
float: none;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader .social,
section#new-home-two .leftbox .leftmenubox header#leftheader .social {
float: none;
margin: 0 auto;
padding-top: 15px;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader .social .followtitle,
section#new-home-two .leftbox .leftmenubox header#leftheader .social .followtitle {
text-align: center;
padding: 0;
}
section#new-home-one .new-home-1-slider .leftbox .leftmenubox header#leftheader .social .socialslider,
section#new-home-two .leftbox .leftmenubox header#leftheader .social .socialslider {
margin-left: 7px;
}
.blogpost .itemblog {
width: 99%;
max-width: 475px;
}
.blogpost .itemblog figure {
max-width: 475px;
}
.blogpost .itemblog figure img {
max-width: 475px;
}
.blogpost .itemblog .videoembed {
max-width: 475px;
}
.blogpost .itemblog .videoembed iframe {
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 {
width: 100%;
float: none;
margin-bottom: 15px;
}
.abouttwo .abouttworight {
width: 100%;
float: none;
margin-bottom: 15px;
}
.ourteambox .itemteam {
max-width: 335px;
width: 100%;
float: none;
margin: 0 auto;
margin-bottom: 10px;
}
.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 .lefticon {
display: none;
}
.gallerygrid #galcontainer .element .titlegalleryfilter .titleitem,
.gallerygrid #galcontainerhome .element .titlegalleryfilter .titleitem {
margin-left: 5px;
}
section#homepage .flexslider {
margin-bottom: 10px;
}
section#homepage .flexslider li figure figcaption .mainsliderdescription {
display: none;
}
.pressarchive .pressstyle .image {
display: none;
}
.pressarchive .pressstyle .rightbox {
width: 100%;
}
.pressarchive .pressstyle {
min-width: 320px;
}
section#homepage .flexslider .flex-direction-nav a.flex-prev {
display: none;
}
section#homepage .flexslider .flex-direction-nav a.flex-next {
display: none;
}
section#homepage .flexslider .rightbox {
display: none;
}
.home-bottom .threemainboxes .recentwork {
width: 100%;
float: none;
margin: 0;
}
.home-bottom .threemainboxes .recentwork .boxtitle {
max-width: 100%;
}
.home-bottom .threemainboxes .letsdiscus {
width: 100%;
float: none;
margin: 0;
}
.home-bottom .threemainboxes .letsdiscus .boxtitle {
max-width: 100%;
}
.home-bottom .threemainboxes .mostvoted {
width: 100%;
float: none;
margin: 0;
}
.home-bottom .threemainboxes .mostvoted .boxtitle {
max-width: 100%;
}
.home-bottom .othermenuhomemobile {
display: block;
}
.home-bottom .othermenuhomemobile .inforight {
width: 95%;
margin: 0 auto;
text-align: center;
padding: 10px 0px 10px 0px;
margin-bottom: 15px;
}
.home-bottom .othermenuhomemobile .inforight .rightboxdesc {
font-size: 12px;
line-height: 12px;
color: #ffffff;
text-transform: uppercase;
}
.home-bottom .othermenuhomemobile .inforight .rightboxtitle {
text-transform: uppercase;
font-size: 20px;
line-height: 20px;
color: #ffffff;
margin-bottom: 5px;
letter-spacing: 1px;
}
.home-bottom .othermenuhomemobile .inforight .rightboxtitle a {
color: #ffffff;
}
.home-bottom .othermenuhomemobile .inforight .rightboxtitle a:hover {
opacity: 0.5;
}
.aboutpage .contentaboutbox .leftboxabout {
width: 100%;
float: none;
}
.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%;
}
}