|
Server IP : 185.61.154.36 / Your IP : 216.73.216.106 Web Server : Apache System : Linux host67.registrar-servers.com 4.18.0-553.54.1.lve.el8.x86_64 #1 SMP Wed Jun 4 13:01:13 UTC 2025 x86_64 User : gettoplisting ( 12043) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/gettoplisting/yedek/css/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
/*
Template Name: Expresso HTML
Template URI: http://expresso-html.cmsmasters.net/
Author: CMSMasters
Author URI: http://cmsmasters.net/
Description: The Expresso Responsive HTML5 Site Template.
Version: 1.0
License:
License URI:
Tags: dark, black, one-column, two-columns, left-sidebar, right-sidebar, custom-colors, post-formats, responsive, html5, css3
*/
html {height:100%;}
body {
background:url(../images/body_bg.png) repeat;
text-align:left;
height:100%;
min-height:100%;
margin:0;
padding:0;
}
header,
footer,
article,
section,
nav,
figure,
address,
hgroup,
abbr,
figcaption,
aside {
margin:0;
padding:0;
display:block;
}
figure {
background:rgba(20, 20, 20, 1);
padding:5px;
}
figure img {
display: block;
}
.blog figure, .post figure, .shortcode_slideshow_container figure {padding:0;}
abbr {border:none;}
address {font-style:normal;}
a {
outline:none;
cursor:pointer;
transition:color .2s ease-out;
-moz-transition:color .2s ease-out;
-webkit-transition:color .2s ease-out;
-o-transition:color .2s ease-out;
-ms-transition:color .2s ease-out;
transition:none !ie;
text-decoration: none;
}
a:hover {text-decoration:none;}
p {
margin: 0;
padding: 0 0 18px;
text-align: justify;
font-size: 14px;
}
table {
padding:0;
margin:0;
border-collapse:collapse;
}
td,
th,
tr {
padding: 0;
margin: 0;
font-size: 14px;
text-align: center;
}
ol,
ul,
li,
dl,
dt,
dd {
padding:0;
margin:0;
}
ol,
ul {margin:0 0 18px;}
ol, ul {list-style-position:inside;}
img {
padding: 10;
border-top-width: thick;
border-right-width: thick;
border-bottom-width: thick;
border-left-width: thick;
border-top-color: #2C2C2C;
border-right-color: #323232;
border-bottom-color: #2C2C2C;
border-left-color: #2B2B2B;
}
a img {
border:0;
display:block;
}
.fullwidth {
display:block;
min-width:100%;
max-width:100%;
height:100% \9;
}
.maxwidth {
display:block;
max-width:100%;
}
img.fullwidth {
image-rendering:optimizeQuality;
-ms-interpolation-mode:bicubic;
}
.preloader {
background:url(../images/loader.gif) 50% 50% no-repeat;
display:block;
width:100%;
height:0;
padding-bottom:56.25%;
position:relative;
}
.resizable_block {
width:100%;
height:0;
padding-bottom:56.25%;
position:relative;
overflow:hidden;
}
figure.preloader .fullwidth,
.blog.short .preloader .fullwidth,
.portfolio_container .preloader .fullwidth,
.resize .preloader .fullwidth,
.resizable_block .fullwidth {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
div {
text-align:left;
margin:0;
padding:0;
}
blockquote,
code,
input,
textarea {
padding:0;
margin:0;
}
input,
textarea,
select,
textarea {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
object,
video,
audio,
embed,
canvas {display:block;}
form {
border:none;
margin:0;
padding:0;
}
fieldset {
border:0;
margin:0;
padding:0;
}
label {
display:block;
margin:0;
padding:0;
}
input {
border:0;
background:none;
outline:none;
}
textarea {
background:none;
border:0;
overflow:hidden;
outline:none;
resize:none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin:0 0 18px;
padding:0;
}
.headline table h4 {
margin:0;
padding:0;
}
.headline table h6 {
font-size:14px;
color:#8c8c8c;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {text-decoration:none; font-style:inherit;}
.main_text {
font-size:28px;
line-height:36px;
text-align:center;
padding:20px 0;
margin:0;
}
.cl {clear:both;}
.ovh {overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
#page {
width:100%;
height:auto;
margin:0 auto;
position:relative;
overflow:hidden;
}
.colored_block {
position:absolute;
top:125px;
height:360px;
width:100%;
}
#slide_top {
-moz-transition: opacity 0.2s ease-in-out 0s, display 0.2s ease-in-out 0s;
background: url(../images/arrow_top.png) no-repeat scroll 50% 50% transparent;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
-o-border-radius: 25px 25px 25px 25px;
bottom: 10px;
display: none;
height: 50px;
opacity: 0.5;
position: fixed;
right: 10px;
width: 50px;
z-index: 999;
text-indent:-9999px;
}
#slide_top:hover {
opacity:1;
}
/* -------------------------------------------------------------------------------- Header */
#header {min-height:110px;}
.header {
width:1000px;
margin:0 auto;
position:relative;
}
.logo {
display:block;
width:184px;
height:85px;
position:absolute;
left: 39px;
top: 17px;
}
#header nav {
position:absolute;
top:0;
right:2%;
}
/* -------------------------------------------------------------------------------- Navigation */
#navigation li ul .current_page_item > a,
#navigation li ul li a:hover {
color:#00bee7;
background-color:#000;
}
#navigation,
#navigation ul {
margin:0;
padding:0;
list-style:none;
}
#navigation:after {clear:both;}
#navigation {
z-index:202;
zoom:1;
}
#navigation li {
float:left;
margin:0 0 0 1px;
position:relative;
z-index:203;
}
#navigation a {
text-decoration:none;
float:left;
z-index:204;
transition:none;
-moz-transition:none;
-webkit-transition:none;
-o-transition:none;
-ms-transition:none;
transition:none !ie;
}
#navigation > li > a {
background-position:0 50%;
background-repeat:no-repeat;
font-size:18px;
line-height:18px;
font-style:normal;
border-radius:0 0 75% 75% / 0 0 10px 10px;
-moz-border-radius:0 0 75% 75% / 0 0 7px 7px;
-webkit-border-radius:0 0 75% 75% / 0 0 7px 7px;
}
#navigation > li > a > span {
display:block;
min-width:75px;
min-height:75px;
padding:40px 15px 10px;
}
#navigation li > a span span {
font: italic 13px/20px "Crete Round", "Cambo", Georgia, Times, "Century Schoolbook L", serif;
color:#7a7a7a;
display:block;
}
#navigation li > a:hover span span {color:#22272b;}
#navigation li.current_page_item a span span,
#navigation li:hover a span span {color:#22272b;}
#navigation li:hover {z-index:10000;}
#navigation li.current_page_item a+#navigation li a {background-image:none;}
#navigation > li.current_page_item > a,
#navigation > li > a:hover {
background-image:none;
color:#ffffff;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.22);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.22);
}
#navigation li > a:hover {background-image:none;}
#navigation li:hover > a {color:#ffffff;}
#navigation li:first-child > a {background-image:none;}
#navigation ul {
margin:20px 0 0 0;
opacity:0;
visibility:hidden;
position:absolute;
left:0;
top:113px;
z-index:9999;
-webkit-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
-moz-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
-ms-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
-o-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
transition:opacity .2s ease-in-out, margin .2s ease-in-out;
transition:none !ie;
}
#navigation li:hover > ul {
opacity:1;
visibility:visible;
margin:0;
}
#navigation ul ul {
padding-left:1px;
margin:0 0 0 20px;
top:0;
left:199px;
}
#navigation ul li:first-child ul {top:0;}
#navigation ul li {
border:0;
display:block;
float:none;
margin:0;
border-bottom-width:1px;
border-image: url(../images/container_border_bg.png) 1 0 1 0 repeat;
-moz-border-image: url(../images/container_border_bg.png) 1 0 1 0 repeat;
-webkit-border-image: url(../images/container_border_bg.png) 1 0 1 0 repeat;
-o-border-image: url(../images/container_border_bg.png) 1 0 1 0 repeat;
border-bottom:1px solid #414141 \9;
}
#navigation ul li:last-child {border:0;}
#navigation ul li a {
color:#ffffff;
font-size:18px;
line-height:24px;
display:block;
width:175px;
min-height:20px;
float:none;
padding:10px 10px 10px 15px;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-o-border-radius:0;
}
#navigation ul ul li:first-child > a:before {border:none;}
/* -------------------------------------------------------------------------------- Container */
.container {
background:url(../images/wrapper_bg.png) repeat;
border: 1px solid #000;
border-left:none;
border-right: none;
-moz-border-image: url(../images/container_border_bg.png) 1 0 1 0 repeat;
-webkit-border-image: url(../images/container_border_bg.png) 1 0 1 0 repeat;
border-image: url(../images/container_border_bg.png) 1 0 1 0 repeat;
padding-bottom:20px;
}
/* -------------------------------------------------------------------------------- Top */
.wrapper_top {
width:1000px;
margin:27px auto 20px;
position:relative;
border-radius:0 0 50% 50%/25px;
-moz-border-radius:0 0 55% 50%/25px;
-webkit-border-radius:0 0 50% 50%/25px;
clear:both;
}
#top {
position:relative;
background:#242424;
border-radius: 0 0 50% 50% / 25px;
-moz-border-radius: 0 0 50% 50% / 25px;
-webkit-border-radius: 0 0 50% 50% / 25px;
z-index:2;
}
/* -------------------------------------------------------------------------------- Top Sidebar */
#top_sidebar {
background:rgba(31, 31, 31, 0.6);
padding:50px 30px 0;
overflow:hidden;
position:relative;
border: 0;
border-bottom: 2px solid #000;
-moz-border-image: url(../images/top_sidebar_border_bg.png) 0 0 2 0 repeat;
-webkit-border-image: url(../images/top_sidebar_border_bg.png) 0 0 2 0 repeat;
-o-border-image: url(../images/top_sidebar_border_bg.png) 0 0 2 0 repeat;
border-image: url(../images/top_sidebar_border_bg.png) 0 0 2 0 repeat;
border-radius: 50% 50% 0 0 / 24px 24px 24px 24px;
-moz-border-radius: 50% 50% 0 0 / 24px 24px 24px 24px;
-webkit-border-radius: 50% 50% 0 0 / 24px 24px 24px 24px;
-o-border-radius: 50% 50% 0 0 / 24px 24px 24px 24px;
border-bottom:1px solid #424242 \9;
border-bottom-width:1px \9;
}
.top_sidebar_divider {
border-bottom:1px solid #ececec;
background:rgba(0, 0, 0, .01);
padding-bottom:6px;
margin-bottom:-6px;
position:relative;
-pie-background:rgba(0, 0, 0, .01);
}
/* -------------------------------------------------------------------------------- Middle */
#middle {
background:rgba(31, 31, 31, 0.6);
width:1000px;
margin:0 auto;
position:relative;
overflow:hidden;
border-radius:50% / 24px;
-moz-border-radius:50% / 24px;
-o-border-radius:50% / 24px;
-webkit-border-radius:50% / 24px;
margin-bottom:25px;
}
.middle_inner {-o-border-radius:50% / 24px;}
.headline {margin-top:-10px;}
.headline h3 {
line-height:1em;
padding:0;
margin:0;
}
.headline h4 {padding-bottom:5px;}
.headline img {margin-right:15px; margin-bottom:15px;}
.headline .head_text_icon h4 {padding-bottom:20px;}
.headline span {
font-size:10px;
text-transform:uppercase;
}
.cont_nav {
width:940px;
margin:0 auto;
padding:45px 0 20px;
font: italic 14px/14px "Crete Round", "Cookie", Helvetica, "Nimbus Sans L", sans-serif;
color: #fff;
}
.one_first {
width:100%;
padding-bottom:20px;
}
.one_half {
width:49%;
float:left;
padding-right:2%;
padding-bottom:20px;
}
.one_half.last {
width:49%;
float:right;
padding-right:0;
}
.one_third {
width:32%;
float:left;
padding-right:2%;
padding-bottom:20px;
}
.one_third.last {
width:32%;
float:right;
padding-right:0;
}
.two_third {
width:66%;
float:left;
padding-right:2%;
padding-bottom:20px;
}
.two_third.last {
width:66%;
float:right;
padding-right:0;
}
.one_fourth {
width:23.5%;
float:left;
padding-right:2%;
padding-bottom:20px;
}
.one_fourth.last {
width:23.5%;
float:right;
padding-right:0;
}
.three_fourth {
width:74.5%;
float:left;
padding-right:2%;
padding-bottom:20px;
}
.three_fourth.last {
width:74.5%;
float:right;
padding-right:0;
}
.one_half+.one_half,
.one_third+.two_third,
.two_third+.one_third,
.one_third+.one_third+.one_third,
.one_fourth+.one_fourth+.one_half,
.one_fourth+.one_half+.one_fourth,
.one_half+.one_fourth+.one_fourth,
.one_fourth+.three_fourth,
.three_fourth+.one_fourth,
.one_fourth+.one_fourth+.one_fourth+.one_fourth {
float:right;
padding-right:0;
}
/* -------------------------------------------------------------------------------- Content */
.content_wrap {padding:0 30px;}
.content_wrap.left_sidebar {background-position:339px 0;}
.content_wrap.left_sidebar #content {
float:right;
padding-left:3.5%;
padding-right:0;
}
#content {
float: left;
padding: 50px 3.5% 40px 0;
position: relative;
width: 64.5%;
color:#8c8c8c;
}
#content.fr {float:right;}
.sitemap > li {
border-bottom: 1px solid #5f5f5f;
margin-bottom: 25px;
padding-bottom: 30px;
width: 100%;
}
.sitemap li {
line-height: 30px;
list-style: none outside none;
}
.sitemap > li > ul {
margin-top: 23px;
overflow: hidden;
position: relative;
width: 100%;
}
.sitemap ul {margin-bottom: 0;}
.sitemap > li > ul > li:nth-child(4n+1) {clear: both;}
.sitemap > li > ul > li {
float: left;
width: 25%;
}
.sitemap > li > ul > li > a {
font-size:"Crete Round", "Cambo", Georgia, Times, "Century Schoolbook L", serif;
font-size:20px;
font-style:normal;
}
.cms_archive li, .cms_category li {
line-height: 30px;
list-style: none outside none;
}
.cms_archive li {
float: left;
padding-bottom: 25px;
width: 25%;
}
.cms_archive li, .cms_archive li a {
font: 20px "Crete Round", "Cambo", Georgia, Times, "Century Schoolbook L", serif;
color:#fff;
}
/* -------------------------------------------------------------------------------- Middle Content */
#middle_content {
padding:50px 30px;
overflow:hidden;
position:relative;
}
.two_third > h3 {margin-bottom: 35px;}
.one_third > h3 {margin-bottom: 35px;}
/* -------------------------------------------------------------------------------- Sidebar */
#sidebar {
background:url(../images/sidebar_bg.png) repeat-y left top;
float: right;
overflow: hidden;
padding:50px 0 0;
position: relative;
width: 32%;
}
.sidebar_inner {
background:url(../images/sidebar_inner_bg.png) no-repeat left bottom;
padding:0px 0 80px 10%;
}
#sidebar.fl {
float:left;
padding-left:0;
background-position:right top;
}
#sidebar.fl .sidebar_inner {
padding-left:0;
padding-right:10%;
background-position:right bottom;
}
#sidebar .one_half,
#sidebar .one_half.last,
#sidebar .one_third,
#sidebar .one_third.last,
#sidebar .two_third,
#sidebar .two_third.last,
#sidebar .one_fourth,
#sidebar .one_fourth.last,
#sidebar .three_fourth,
#sidebar .one_fourth.last {
width:auto;
float:none;
padding-right:0;
}
#sidebar .one_half+.one_half,
#sidebar .one_third+.two_third,
#sidebar .two_third+.one_third,
#sidebar .one_third+.one_third+.one_third,
#sidebar .one_fourth+.one_fourth+.one_half,
#sidebar .one_fourth+.one_half+.one_fourth,
#sidebar .one_half+.one_fourth+.one_fourth,
#sidebar .one_fourth+.three_fourth,
#sidebar .three_fourth+.one_fourth,
#sidebar .one_fourth+.one_fourth+.one_fourth+.one_fourth {float:none;}
/* -------------------------------------------------------------------------------- Middle Sidebar */
.middle_sidebar {
clear:both;
background:rgba(31, 31, 31, 0.6);
padding:30px 30px;
overflow:hidden;
position:relative;
border: 0;
border-top: 2px solid #000;
-moz-border-image: url(../images/top_sidebar_border_bg.png) 2 0 0 0 repeat;
-webkit-border-image: url(../images/top_sidebar_border_bg.png) 2 0 0 0 repeat;
-o-border-image: url(../images/top_sidebar_border_bg.png) 2 0 0 0 repeat;
border-image: url(../images/top_sidebar_border_bg.png) 2 0 0 0 repeat;
border-radius: 0 0 50% 50% / 24px 24px 24px 24px;
-moz-border-radius: 0 0 50% 50% / 24px 24px 24px 24px;
-webkit-border-radius: 0 0 50% 50% / 24px 24px 24px 24px;
-o-border-radius: 0 0 50% 50% / 24px 24px 24px 24px;
border-top:1px solid #424242 \9;
border-top-width:1px \9;
}
.recent_comments li {
border-bottom:1px solid rgba(217, 217, 217, 0.1);
padding:20px 0 10px;
list-style:none;
}
.recent_comments li:first-child {padding-top:0;}
.recent_comments .last {border:0;}
.recent_comments li p {padding-bottom:10px;}
.latest_posts li:first-child {margin:0;}
.latest_posts li {
list-style:none;
margin-top:14px;
overflow:hidden;
}
.latest_posts li .published {
font-style:italic;
padding-bottom:5px;
}
.latest_posts .alignleft {margin-right: 30px;}
/* -------------------------------------------------------------------------------- Bottom */
.bottom_inner {
width:940px;
margin:0 auto;
overflow:hidden;
position:relative;
color:#b2b2b2;
line-height: 20px;
}
.bottom_inner p {
line-height:18px;
}
.bottom_inner a {font-size: 15px;}
.bottom_inner .cmsms_content_slider_parent {padding-bottom: 20px;}
.bottom_content_slider .cmsms_content_slider_parent ul.cmsms_slides_nav li.active a,
.bottom_content_slider .cmsms_content_slider_parent ul.cmsms_slides_nav li:hover a {background-color:rgba(0, 0, 0, 0.1);}
/* -------------------------------------------------------------------------------- Footer */
#footer {width:100%;}
.footer_inner {
width:940px;
padding:20px 0;
margin:0 auto;
}
#footer .social_list {margin:2px 0 0 20px;}
.social_list li {
list-style:none;
float:left;
margin:0 4px;
}
#footer p {padding:0;}
/* -------------------------------------------------------------------------------- Shortcodes */
.alignleft {
float:left;
margin:0 20px 15px 0;
}
.alignright {
float:right;
margin:0 0 15px 20px;
}
.aligncenter {margin:0 auto; text-align:center;}
.nopadding {padding:0;}
.divider {
border-top:1px solid rgba(255, 255, 255, 0.22);
padding-bottom:30px;
margin-top:18px;
}
.vertical_divider {
background-color:rgba(245, 245, 245, 0.10);
width:1px;
height:12px;
display:block;
margin:3px 6px 0;
}
.with_arrow {
background:url(../images/arrow.png) no-repeat 0 50%;
padding-left:13px;
}
.tooltip {
border:1px solid #fff;
border:1px solid rgba(255, 255, 255, .3);
background:#010101;
background:rgba(0, 0, 0, .7);
color:#fefefe;
font-size:12px;
display:none;
padding:3px 10px;
margin:0 0 20px;
z-index:999;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.divider a {
text-decoration:none;
text-transform:uppercase;
font-size:10px;
margin-top:-18px;
}
.wp-caption {
display:block;
background:#000;
}
.wp-caption-text {
color:#fff;
text-align:center;
padding-bottom:4px;
}
#middle .wp-caption img {
padding:4px;
box-shadow:none;
}
#middle .jp-video,
#bottom .jp-video {margin-bottom:15px;}
#middle .blog .post.format-video .jp-video {margin-bottom:0;}
#content .entry .post .jp-video {margin-bottom:0;}
#middle .jp-video img,
#bottom .jp-video img,
#middle .no_border,
#bottom .no_border,
#middle #top img,
#middle .twtr-widget img,
#bottom .twtr-widget img {
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}
.on_border {border:5px solid #141414;}
.caption img {display:block;}
.caption figcaption {
background-color:#ffffff;
text-align:center;
}
.table {
width:100%;
margin-bottom:18px;
}
.table thead th {
color:#ffffff;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1);
font:italic 20px/20px "Crete Round", "Cambo", Georgia, Times, "Century Schoolbook L", serif;
padding:15px 0 15px 20px;
text-align:left;
}
.table tbody td {
background-color: #262626;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
padding:15px 0 15px 20px;
}
.table tfoot td {
background:none;
padding:10px 0 10px 20px;
}
span.dropcap {
float:left;
font-family:"Crete Round", "Cambo", Georgia, Times, "Century Schoolbook L", serif;
font-size:32px;
color:#fff;
margin-right:10px;
line-height:36px;
padding:7px 16px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
width:22px;
height:36px;
text-align:center;
}
span.dropcap2 {
color:#fff;
float: left;
font-size: 48px;
line-height: 48px;
margin-top: 4px;
padding: 0 15px;
font-family:"Crete Round", "Cambo", Georgia, Times, "Century Schoolbook L", serif;
}
q, blockquote {
color:#f5f5f5;
float:left;
padding:0 0 0 32px;
margin:0;
position:relative;
vertical-align:baseline;
}
q:before, blockquote:before {
content:'\201C';
font-size:28px;
line-height:1em;
display:block;
padding:0;
position:absolute;
top:6px;
left:0;
}
q:after, blockquote:after {clear:both;}
code {
background:#262626;
padding:15px 20px;
position:relative;
border-top: 3px solid #00b9e5;
display:block;
}
code:after {clear:both;}
.cmsms_plus {
border-radius: 13px 13px 13px 13px;
-moz-border-radius: 13px 13px 13px 13px;
-webkit-border-radius: 13px 13px 13px 13px;
-o-border-radius: 13px 13px 13px 13px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
-o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
display: block;
left: 0;
margin-top: -15px;
position: absolute;
top: 50%;
}
.acc .cmsms_plus {margin-left:15px;}
.cmsms_plus_inner {
-moz-transition: background 0.2s ease-out 0s;
transition:none !ie;
background: url(../images/toggle.png) repeat-x scroll 0 0 transparent;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 13px 13px 13px 13px;
-moz-border-radius: 13px 13px 13px 13px;
-webkit-border-radius: 13px 13px 13px 13px;
-o-border-radius: 13px 13px 13px 13px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
display: block;
height: 26px;
width: 26px;
}
.tog:hover .cmsms_plus_inner, .tog.current .cmsms_plus_inner {background-position: 0 -26px;}
.cmsms_plus .vert_line, .cmsms_plus .horiz_line {
background-color: #fff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
-o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
}
.cmsms_plus .vert_line {
display: block;
height: 12px;
left: 13px;
position: absolute;
top: 8px;
width: 2px;
z-index: 2;
}
.cmsms_plus .horiz_line {
display: block;
height: 2px;
left: 8px;
position: absolute;
top: 13px;
width: 12px;
}
.togg {
overflow: hidden;
position: relative;
}
.tog {text-decoration: none;}
.togg .tog {
display: inline-block;
line-height: 36px;
margin: 0;
padding: 10px 0 10px 50px;
position: relative;
color:#fff;
font-size:20px;
}
.togg .tog.current .cmsms_plus .vert_line,
.acc .tog.current .cmsms_plus .vert_line {
display: none;
}
.togg .tab_content {padding:0 0 16px 50px;}
.accordion {
margin-bottom:18px;
overflow:hidden;
position:relative;
}
.acc .tog {
display: block;
line-height: 36px;
margin: 0;
padding: 10px 0 10px 60px;
position: relative;
color:#fff;
font-size:20px;
background:#414141;
border-top:1px solid #515151;
margin-bottom:1px;
}
.accordion .tab_content {
padding:15px 0;
overflow:hidden;
position:relative;
}
.tabs li a {
background:#3a3a3a;
font: 14px/14px "Droid Serif", Arial, Helvetica, "Nimbus Sans L", sans-serif;
color:#767676;
text-decoration: none;
border-top: 1px solid #434343;
border-bottom: 5px solid #353535;
text-align:center;
padding:12px 25px 10px 20px;
margin-right:3px;
margin-top: 4px;
display:block;
position:relative;
z-index:2;
}
.related_posts ul {padding-bottom:20px;}
.related_posts ul li a {margin-right:5px;}
.related_posts ul li a.current span {background-position: 0 -44px;}
.tabs li a.current {
border: 0;
border-top: 1px solid #515151;
text-decoration:none;
background-color:#414141;
padding: 17px 27px 15px;
color:#f8f8f8;
margin-top:0;
}
.related_posts ul li a:hover,
.tabs li a:hover {color:#f8f8f8;}
.related_posts ul,
.tabs {
list-style:none;
margin-bottom:-1px;
overflow:hidden;
}
.related_posts ul li,
.tabs li {
display:block;
float:left;
}
.tab {
margin-bottom:18px;
overflow:hidden;
position:relative;
}
.tab_content {
z-index:1;
position: relative;
}
.tabs_tab {
background-color:#414141;
border-top:1px solid #515151;
padding:30px;
overflow:hidden;
position:relative;
z-index:1;
}
.related_posts .one_half {display: table;}
.related_posts_content .one_half figure.alignleft {
display: table-cell;
margin-bottom: 0;
}
.related_posts_content .one_half p {
display: table-cell;
padding: 0;
vertical-align: middle;
width: 100%;
}
.related_posts_content {display:block;}
.related_posts {
border-top: 1px solid rgba(255, 255, 255, 0.22);
padding-top:20px;
margin-bottom:30px;
}
.latest_news li:first-child {margin:0;}
.latest_news li {
list-style:none;
margin-top:14px;
overflow:hidden;
}
.latest_news a {
font-size: 15px;
line-height: 27px;
}
.latest_news .alignleft {margin-right: 30px;}
.latest_news li p {padding-bottom:0; line-height:18px;}
.blog.short,
.portfolio_container.short {position:relative;}
.blog.short .post header .entry-title,
.portfolio_container.short .portfolio header .entry-title {
padding:0;
margin:14px 0 7px;
}
.portfolio_container.short {margin-right:0;}
.blog.short .post .post_category,
.portfolio_container.short .portfolio .post_category {text-decoration:none;}
.blog.short .post header,
.portfolio_container.short .portfolio header {margin:0;}
.blog.short .post footer,
.portfolio_container.short .portfolio footer {
border:none;
padding:0;
margin-bottom:7px;
}
.blog.short .post .published,
.portfolio_container.short .portfolio .published {
border:none;
background:none;
font-size:10px;
line-height:18px;
text-transform:uppercase;
text-shadow:none;
height:auto;
position:relative;
top:auto;
left:auto;
padding:0;
margin-bottom:2px;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.google_map {margin-bottom:18px;}
.tour_content {
overflow:hidden;
position:relative;
margin-bottom:18px;
}
.tour {
float: left;
margin: 0;
width: 28%;
}
.tour li {
-moz-transition: margin 0.2s ease-out 0s, padding 0.2s ease-out 0s;
transition:none !ie;
background-color: #3a3a3a;
border-top:1px solid #515151;
list-style: none outside none;
margin-bottom: 2px;
margin-left: 30px;
padding: 0;
position: relative;
}
.tour li a {
display: block;
padding: 10px 0 10px 25px;
position: relative;
text-decoration: none;
color:#9b9b9b;
}
.tour li.current {
margin-left:0;
background-color:#414141;
}
.tour li.current a {
padding-left:55px;
}
.tour li.current:before {
content:'';
position:absolute;
left:15px;
top:9px;
background:url(../images/tour_li_bg.png) no-repeat left top;
width:26px;
height:26px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
}
.tour_box {
width:72%;
float:right;
display:none;
overflow:hidden;
position:relative;
}
.tour_box_inner {
background:#414141;
border-top:1px solid #515151;
padding:20px;
overflow:hidden;
}
/* -------------------------------------------------------------------------------- Buttons */
.button,
.button_medium,
.button_large {
background-color: none;
background:rgba(0, 0, 0, 0.35);
color:#ffffff;
text-shadow:0px 1px 1px rgba(0, 0, 0, 0.12);
text-decoration:none;
display:inline-block;
padding:4px;
margin:0 0 5px;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-webkit-transition:background-position 0.3s ease-in-out;
-moz-transition:background-position 0.3s ease-in-out;
-o-transition:background-position 0.3s ease-in-out;
-ms-transition:background-position 0.3s ease-in-out;
transition:background-position 0.3s ease-in-out;
transition:none !ie;
font:italic 14px/14px "Crete Round", "Cookie", Helvetica, "Nimbus Sans L", sans-serif;
}
.button_medium {
font-size:16px;
line-height:18px;
}
.button_large {
font-size:20px;
line-height:20px;
}
.button span,
.button_medium span,
.button_large span {
display:block;
padding:9px 20px 9px 18px;
border-radius: 20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
background:url(../images/but_grad_bg.png) repeat-x left top;
white-space:nowrap;
}
.button_medium span {
background:url(../images/but_grad_medium_bg.png) repeat-x left -2px;
padding-top:8px;
padding-bottom:8px;
}
.button_large span {
background:url(../images/but_grad_large_bg.png) repeat-x left -2px;
padding-top:8px;
padding-bottom:8px;
}
.button:hover span {background-position: 0 -43px;}
.button_medium:hover span {background-position: 0 -48px;}
.button_large:hover span, .button_large.cur span {background-position: 0 -50px;}
.button:hover,
.button_medium:hover,
.button_large:hover {color:#ffffff;}
.box {
background:#1f1f1f;
margin:0 0 18px;
}
.box table {width:100%;}
.box table td p {padding:0 20px 0 0;}
.box table td {
text-align:left;
padding:25px 0;
}
.box table td:first-child {width:80px;}
.box.error_box table td:first-child {background:url(../images/error.png) center center no-repeat;}
.box.success_box table td:first-child {background:url(../images/success.png) center center no-repeat;}
.box.notice_box table td:first-child {background:url(../images/notice.png) center center no-repeat;}
.box.warning_box table td:first-child {background:url(../images/warning.png) center center no-repeat;}
.box.download_box table td:first-child {background:url(../images/download.png) center center no-repeat;}
.box.css_box {
color:#fff;
background:#da5f39;
padding:25px;
}
.box.css_box p {padding:0;}
/* -------------------------------------------------------------------------------- Widgets */
.widget_links {
padding-left:4px;
}
.widget_links li {
list-style:none;
overflow:hidden;
margin-bottom:10px;
}
.widgettitle {margin-bottom:25px; font-size: 26px; color: #f8f8f8;}
.widget {position:relative;}
.widget ul {margin-bottom:0;}
.widget_links li a {
font-size:14px;
line-height:20px;
display:block;
margin-left:20px;
}
.widget_links li:before {
content:'';
background:#f8f8f8;
border-radius:50%;
width:8px;
height:8px;
float:left;
margin-top:6px;
}
.widget_custom_advertising_entries ul li {
float: left;
list-style: none outside none;
padding: 0 8% 8% 0;
}
.widget_custom_advertising_entries img {border:1px solid #3b3b3b;}
.widget_custom_flickr_entries .flickr_badge_image a {display:block;}
.widget_custom_flickr_entries ul li {
float: left;
list-style: none outside none;
padding: 0 5% 5% 0;
}
.widget_custom_flickr_entries .flickr_badge_image {
margin:0 7px 7px 0;
float:left;
}
#sidebar .widget_custom_flickr_entries .wrap {
padding-bottom:15px;
overflow:hidden;
}
.widget_custom_testimonials_entries .wrap {
border:1px solid #ececec;
position:relative;
padding:20px;
margin-bottom:10px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.widget_custom_testimonials_entries .wrap:before {
border-top:17px solid #ececec;
border-right:17px solid transparent;
content:'';
display:block;
position:absolute;
bottom:-17px;
right:54px;
}
.widget_custom_testimonials_entries .wrap:after {
border-top:15px solid #ffffff;
border-right:15px solid transparent;
content:'';
display:block;
position:absolute;
bottom:-15px;
right:55px;
}
.widget_custom_testimonials_entries .wrap p {padding:0;}
.widget_custom_testimonials_entries .test_site,
.widget_custom_testimonials_entries .test_name {
font-size:10px;
text-transform:uppercase;
display:block;
}
.widget_custom_comments_entries ul li:first-child,
.widget_custom_popular_entries ul li:first-child {margin-top:0;}
.widget_custom_comments_entries ul li,
.widget_custom_popular_entries ul li {
list-style:none;
margin-top:30px;
overflow:hidden;
}
.widget_custom_comments_entries ul li .published,
.widget_custom_popular_entries ul li .published,
.widget_custom_tweets_entries ul li .published {
display:block;
font-style:italic;
font-size:13px;
}
.widget_custom_tweets_entries ul li .published {
padding:10px 0 0 8px;
}
.jta-tweet-text {
background-color:#323232;
position:relative;
padding:20px 15px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.jta-tweet-text a {
font-size:13px;
}
.jta-tweet-text:before{
content:'';
border-top:11px solid #323232;
border-right:11px solid transparent;
position:absolute;
left:18px;
bottom: -10px;
}
.widget_custom_tweets_entries ul li {
list-style:none;
margin-bottom:20px;
}
.widget_custom_tweets_entries ul li .tweet_content p,
.widget_custom_comments_entries ul li p,
.widget_custom_popular_entries ul li p {padding-bottom:0;}
.cmsms-form-builder .loading {margin-right:5%;}
#bottom .widget_custom_contact_form_entries .cmsms-form-builder input[type="text"],
#bottom .widget_custom_contact_form_entries .cmsms-form-builder textarea {
border:0;
border-top:1px solid #292929;
border-left:1px solid #2c2c2c;
background-color:#323232;
margin-bottom:6px;
}
.widget_custom_contact_form_entries .loading {float:left;}
.widget_custom_contact_form_entries .cmsms-form-builder textarea {
min-height:60px;
resize:none;
}
.widget_custom_contact_form_entries .cmsms-form-builder .form_info {padding-bottom:3px;}
.widget_custom_contact_form_entries .cmsms-form-builder .button {
position:relative;
font-size:14px;
color:#fff;
margin-right:10px;
}
.widget_custom_contact_form_entries .cmsms-form-builder .form_info label {
font-family:"Droid Serif", Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-size:14px;
font-style: italic;
padding:0 0 6px 5px;
}
.widgetinfo {
background:#323232;
text-align:center;
display:none;
padding:10px;
margin:0 0 15px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.loading {
background:url(../images/loader.gif) no-repeat 0 0;
width:32px;
height:32px;
position:relative;
margin-top:20px;
float:right;
opacity:0;
filter:alpha(opacity=0);
}
.widget_custom_portfolio_entries .project_title {margin:15px 0;}
.widget_custom_portfolio_entries li {display:none;}
.search_line p {padding:0;}
.search_line input[type="text"] {
width:90%;
float:left;
}
.error .search_line input[type="submit"] {
border:none;
background-color:none;
background: url(../images/search.png) no-repeat scroll 50% 50% transparent;
cursor: pointer;
float: left;
height: 40px;
margin:0 0 0 -45px;
width: 45px;
padding:0;
position:relative;
}
.error {
text-align:center;
padding-bottom:70px;
}
.error h1 {
font-size:24.6em;
line-height:1em;
padding:0px 0 30px;
}
.error h3 {padding-bottom:30px;}
.error .search_line {
margin: 10px auto 30px;
overflow: hidden;
width: 35%;
}
.widget_custom_portfolio_entries .cmsms_content_slider_parent .cmsms_slides_nav {
max-width: 100%;
border: none;
background: none;
padding: 0;
top: auto;
bottom: 20px;
box-shadow: none;
position: relative;
}
.widget_custom_portfolio_entries .cmsms_content_slider_parent .cmsms_slides_nav li {padding-left:9px;}
#bottom .bottom_inner .widget_custom_portfolio_entries_slides {position:relative;}
.widget_custom_portfolio_entries .cmsms_content_slider_parent .cmsms_slides_nav:before,
.widget_custom_portfolio_entries .cmsms_content_slider_parent .cmsms_slides_nav:after {content: none;}
.widget_custom_portfolio_entries .cmsms_content_slider_parent .cmsms_slides_nav li a {
background:url(../images/bot_slide_nav_bg.png) no-repeat left top;
height:16px;
width: 16px;
border: 0;
}
.widget_custom_portfolio_entries .cmsms_content_slider_parent .cmsms_slides_nav li a:hover,
.widget_custom_portfolio_entries .cmsms_content_slider_parent .cmsms_slides_nav li.active a {
background: none;
background: url(../images/bot_slide_nav_bg.png) no-repeat left -26px;
background-position:0 -26px;
}
.widget_custom_portfolio_entries_container figure {margin-bottom: 15px;}
.widget_portfolio_link {
display: block;
padding-bottom: 8px;
}
/* -------------------------------------------------------------------------------- Blog */
.post.format-aside .published,
.post.format-link .published,
.post.format-quote .published,
.post.format-gallery .published,
.post.format-video .published,
.post.format-audio .published {top:-13px;}
header .post_img+.post_img_bot .published {top:-13px;}
.blog .post {margin-bottom:30px;}
.blog.short .post,
.portfolio_container.short .portfolio {margin-bottom:10px;}
.post header {margin-bottom:0;}
.post header .entry-title {padding-bottom:10px;}
figure a {display:block;}
.post footer {overflow:hidden;}
.post_img .border_img,
.post_img .border_img_slide {
border-bottom:none;
display:block;
padding:5px 5px 0 5px;
border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
}
.border_img a {display:block;}
.post_info {padding:0 60px 0 165px;}
.post_img .border_img .border_img_inner,
.post_img .border_img_slide .border_img_inner {padding-bottom:0;}
.blog .format-aside .entry-content {color:#ffffff;}
.blog .entry-meta, .post footer {
background:rgba(0, 0, 0, 0.3);
overflow:hidden;
padding-top:16px;
margin-bottom:30px;
}
.portfolio_inner .entry-meta {background:none;}
.post abbr.published {
background:url(../images/blog_published_bg.png) repeat-x;
font-family: "Droid Serif", Arial, Helvetica, "Nimbus Sans L", sans-serif;
color:#ffffff;
font-size:16px;
line-height:18px;
padding:16px 15px 15px;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.12);
float:left;
margin:-16px 10px 0 0;
}
a.comments_number {
color:#fff;
font-size:14px;
line-height:14px;
text-decoration:none;
float:right;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
padding:4px 10px 7px;
position:relative;
margin:-6px 10px 0 0;
}
a.comments_number:hover {
color:#000000;
background-color:#fff;
}
a.comments_number:before {
-moz-transform: rotate(-144deg);
-webkit-transform: rotate(-144deg);
-o-transform: rotate(-144deg);
border-bottom: 10px solid #00B9E5;
border-left: 7px solid transparent;
bottom: -7px;
content: "";
left: 3px;
position: absolute;
border:none \9;
}
a.comments_number:hover:before {
border-bottom: 10px solid #fff;
border-left: 7px solid transparent;
border:none \9;
}
.format-quote blockquote {
float:none;
padding-bottom:18px;
}
header .post_img+.post_img_bot,
header iframe+.post_img_bot,
.jp-video+.post_img_bot,
.jp-audio+.post_img_bot {
padding-top:0;
border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
}
header iframe {
display:block;
position:relative;
z-index:8;
}
.post_img_bot {
border:1px solid #ececec;
background-color:#f8f8f8;
position:relative;
padding:5px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.post_img_bot_inner {
background-color:#fcfcfc;
padding:9px 0;
overflow:hidden;
}
.format-gallery .shortcode_slideshow .cmsms_slides_nav,
.entry .shortcode_slideshow_container .cmsms_slides_nav {
max-width:100%;
overflow: hidden;
padding: 0;
position: absolute;
right: 10px;
text-align: right;
bottom:0;
}
.format-gallery .shortcode_slideshow .cmsms_slides_nav li,
.entry .shortcode_slideshow_container .cmsms_slides_nav li {
display:inline-block;
float:none;
}
.format-gallery .shortcode_slideshow .cmsms_slides_nav li a,
.entry .shortcode_slideshow_container .cmsms_slides_nav li a {text-indent:9999px;}
.img_wrapper {position:relative;}
.img_wrapper img {opacity:1;}
.tags {
width:70%;
float:left;
margin:7px 0 0;
}
.tags li {
list-style:none;
float:left;
padding:0 15px 0 5px;
}
.tags li a {
background:url(../images/icon_tag.png) no-repeat 0 3px;
text-decoration:none;
padding-left:15px;
}
.tags li a:hover {background-position:0 -29px;}
.format-quote .post_img,
.format-link .post_img,
.format-aside .post_img {
border:1px solid #ececec;
border-bottom:none;
background-color:#f8f8f8;
position:relative;
padding:5px 5px 0 5px;
border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
}
.format-quote .aside,
.format-link .aside,
.format-aside .aside {
background-color:#ffffff;
overflow:hidden;
padding:13px 13px 23px;
}
.aside h3,
.aside h4 {margin:0;}
.format-link .aside h3 {
background:url(../images/icon_link.png) no-repeat 0 50%;
padding-left:30px;
}
.format-quote blockquote:before {color:#e5e5e5;}
.format-quote .post_img .aside blockquote,
.format-aside .post_img .aside h5 {line-height:30px;}
.project_navi {
border-top: 1px solid rgba(255, 255, 255, 0.22);
padding:30px 0;
}
.project_navi .next {float:right;}
.wp-pagenavi {
padding:10px 0;
overflow:hidden;
}
.wp-pagenavi span.current {
border:1px solid #d2d2d2;
background-color:#e5e5e5;
padding:3px 7px;
margin:0 2px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.wp-pagenavi a {
border:1px solid #ececec;
border:1px solid rgba(0, 0, 0, 0.1);
background:url(../images/button.png) repeat-x 0 0;
color:#ffffff;
text-decoration:none;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1);
padding:3px 7px;
margin:0 2px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow:0 2px 0 rgba(0, 0, 0, .05);
-moz-box-shadow:0 2px 0 rgba(0, 0, 0, .05);
box-shadow:0 2px 0 rgba(0, 0, 0, .05);
}
.wp-pagenavi a:hover {
background-image:none;
color:#ffffff;
}
.cmsmsLike {
border:1px solid #7d7d7d;
background:rgba(204, 204, 204, 0.5) url(../images/heart.png) no-repeat 5px 7px;
text-decoration:none;
display:block;
height:24px;
width:24px;
float:left;
margin:-3px 60px 0 0;
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
-webkit-transition:background-color 0.5s ease, border-color 0.5s ease;
-moz-transition:background-color 0.5s ease, border-color 0.5s ease;
-o-transition:background-color 0.5s ease, border-color 0.5s ease;
-ms-transition:background-color 0.5s ease, border-color 0.5s ease;
transition:background-color 0.5s ease, border-color 0.5s ease;
transition:none !ie;
}
.cmsmsLike span {
line-height:24px;
margin-left:34px;
color:#f5f5f5;
}
.cmsms_social {
display:none;
margin-top:18px;
overflow:hidden;
}
.cmsms_share {margin:18px 0 0;}
.cmsms_social a {
display:inline-block;
padding:5px 10px 0 2px;
}
.share_posts {
border-top: 1px solid rgba(255, 255, 255, 0.22);
padding:30px 0;
}
.about_author {
border-top: 1px solid rgba(255, 255, 255, 0.22);
padding:30px 0;
}
.about_author h6 {margin-bottom:10px;}
.about_author p {padding-bottom:0;}
#comments {
border-top: 1px solid rgba(255, 255, 255, 0.22);
padding-top:30px;
margin-bottom:30px;
}
.commentlist li {list-style:none;}
.commentlist ul {
padding-left:45px;
margin-bottom:0;
}
.commentlist li .border_img.alignleft {margin-right:10px;}
.com_box {
border:1px solid #ececec;
background:#ffffff;
padding:14px 20px;
margin-bottom:20px;
position:relative;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.comment-body {
margin-bottom:25px;
background:rgba(19, 19, 19, 0.3);
overflow:hidden;
}
.comment-content {
background:#131313;
margin-bottom:15px;
padding:20px 20px 0;
position:relative;
}
.comment-content:before {
border-right: 14px solid transparent;
border-top: 15px solid #131313;
bottom: -15px;
content: "";
left: 100px;
position: absolute;
}
.comment-authorinfo {padding:0 20px;}
#comments .comment-body .published {
background:none;
padding:0;
margin:0;
font:italic 13px/18px "Crete Round", Arial, Helvetica, "Nimbus Sans L", sans-serif;
color:#848484;
float:none;
}
.comment-body .cmsms-edit {
margin:10px 15px 0 0;
}
.com_box:before, .com_box:after {
content:'';
position:absolute;
}
.com_box:after {
border-top:10px solid #ffffff;
border-left:10px solid transparent;
left:-10px;
top:20px;
}
.com_box:before {
border-top:12px solid #ececec;
border-left:12px solid transparent;
left:-12px;
top:19px;
}
.com_info {padding-bottom:8px;}
.com_box p {padding-bottom:16px;}
/* -------------------------------------------------------------------------------- Portfolio */
.portfolio_inner {
background:#1f1f1f;
padding:0 20px 20px;
}
.one_block .portfolio_inner,
.one_block .portfolio_inner .entry-content,
.one_block .portfolio_inner .entry-meta,
.one_block .portfolio_inner .entry-meta .post_category {text-align:center;}
.portfolio_inner figure {margin:0 -20px;}
.portfolio_container {
margin-right:-1.8%;
position:relative;
}
.portfolio_container.one_block {margin-right:0;}
.portfolio_container .portfolio figure {padding:0px;}
.project .resize {clear:both;}
.project .resize .cmsms_media_box,
.portfolio_container .portfolio {float:left;}
.project.one_block .resize .cmsms_media_box {float:none;}
.project.four_blocks .resize .cmsms_media_box,
.project.three_blocks .resize .cmsms_media_box,
.project.two_blocks .resize .cmsms_media_box,
.portfolio_container.four_blocks .portfolio,
.portfolio_container.three_blocks .portfolio,
.portfolio_container.two_blocks .portfolio {
padding-right:2%;
padding-bottom:20px;
}
.project .resize .cmsms_media_box .image_border {padding:4px;}
.project.four_blocks .resize .cmsms_media_box {width:23.5%;}
.project.three_blocks .resize .cmsms_media_box {width:32%;}
.project.two_blocks .resize .cmsms_media_box {width:49%;}
.portfolio_container.four_blocks .portfolio {width:23%;}
.portfolio_container.three_blocks .portfolio {width:31.3%;}
.portfolio_container.two_blocks .portfolio {width:48%;}
.project.four_blocks header,
.project.three_blocks header,
.project.two_blocks header {margin-bottom:0;}
.portfolio_container.one_block .portfolio {
width:100%;
margin-bottom:30px;
}
.portfolio_container.one_block .portfolio,
.project.four_blocks .resize .cmsms_media_box+.cmsms_media_box+.cmsms_media_box+.cmsms_media_box,
.project.three_blocks .resize .cmsms_media_box+.cmsms_media_box+.cmsms_media_box,
.project.two_blocks .resize .cmsms_media_box+.cmsms_media_box,
.project.one_block .resize .cmsms_media_box {padding-right:0;}
.portfolio_container.four_blocks .portfolio .entry-title {margin:12px 0 8px;}
.portfolio_container.three_blocks .portfolio .entry-title,
.portfolio_container.two_blocks .portfolio .entry-title {margin:17px 0 8px;}
.portfolio_container.one_block .portfolio .entry-title {margin:21px 0 6px;}
.portfolio_container .portfolio .post_category {margin-bottom:14px;}
.portfolio_container.short .portfolio .post_category {margin-bottom:0;}
.portfolio_container.one_block .portfolio figure.fullwidth {
max-width:63%;
min-width:63%;
}
.portfolio_container.one_block .portfolio .port_text {
max-width:33%;
min-width:33%;
float:left;
padding-left:2%;
}
.pj_sort {
height:40px;
padding:15px 20px;
position:relative;
border-bottom: 2px solid #000;
-moz-border-image: url(../images/top_sidebar_border_bg.png) 0 0 2 0 repeat;
-webkit-border-image: url(../images/top_sidebar_border_bg.png) 0 0 2 0 repeat;
-o-border-image: url(../images/top_sidebar_border_bg.png) 0 0 2 0 repeat;
border-image: url(../images/top_sidebar_border_bg.png) 0 0 2 0 repeat;
border-bottom:1px solid #424242 \9;
border-bottom-width:1px \9;
}
.p_options_loader {
background:url(../images/loader_white.gif) no-repeat 0 0;
display:block;
width:160px;
height:20px;
position:absolute;
top:20px;
right:20px;
}
.p_options_block {
padding:0;
display:none;
position:absolute;
right:0;
top:15px;
z-index:29;
opacity:1;
filter:alpha(opacity=100);
}
.p_sort_block {float:left;}
.p_sort_block p {margin-left:10px;}
.p_options_block a:hover {text-decoration:none;}
.p_sort {
float:right;
padding:0 20px 0 0;
position:relative;
}
.p_sort a[name="p_date"] {
display:block;
float:left;
}
.p_sort a[name="p_name"] span span,
.p_sort a[name="p_date"] span span{
background:url(../images/sort_arrow.png) no-repeat right 4px;
padding:0 20px 0 0;
}
.p_sort a.current,
.p_sort a.current.reversed {color:#ffffff;}
.p_sort a.current.reversed[name="p_name"] span span,
.p_sort a.current.reversed[name="p_date"] span span {background-position:right -15px;}
.p_sort a.current.reversed[name="p_name"],
.p_sort a.current.reversed[name="p_date"],
.p_sort a.current[name="p_name"],
.p_sort a.current[name="p_date"] {background-image:none;}
.p_sort a[name="p_name"] {
margin-right:10px;
display:block;
float:left;
}
div.p_filter,
.p_filter_container {
position:relative;
z-index:29;
}
div.p_filter {
float:right;
padding:0 10px 0 0;
}
a.p_cat_filter {
display:block;
position:relative;
z-index:31;
}
a.p_cat_filter span span {
background:url(../images/sort_arrow.png) no-repeat right 3px;
display:block;
width:100px;
padding:0 25px 0 0;
}
.p_filter_container:hover span span {background-position:right -15px;}
.p_filter_container ul.p_filter {
list-style:none;
display:block;
width:165px;
overflow:hidden;
position:absolute;
top:34px;
left:5px;
z-index:30;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:opacity 0.5s ease;
-moz-transition:opacity 0.5s ease;
-o-transition:opacity 0.5s ease;
-ms-transition:opacity 0.5s ease;
transition:opacity 0.5s ease;
transition:none !ie;
}
.p_filter_container:hover ul.p_filter {
opacity:1;
filter:alpha(opacity=100);
}
ul.p_filter li a {
border:1px solid #282828;
background:url(../images/but_grad_bg.png) repeat-x left -1px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-o-border-radius:20px;
-ms-border-radius:20px;
border-radius:20px;
-webkit-box-shadow:0 1px 1px #000;
-moz-box-shadow:0 1px 1px #000;
-o-box-shadow:0 1px 1px #000;
-ms-box-shadow:0 1px 1px #000;
box-shadow:0 1px 1px #000;
background-color:#474747;
color:#ffffff;
text-decoration:none;
display:block;
width:145px;
line-height:21px;
padding:0 0 0 16px;
z-index:30;
-webkit-transition:height 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease;
-moz-transition:height 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease;
-o-transition:height 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease;
-ms-transition:height 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease;
transition:height 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease;
transition:none !ie;
}
ul.p_filter li a:hover {background-color:#00B9E5;}
.p_filter_container:hover ul.p_filter li a {
height:20px;
padding-top:4px;
padding-bottom:4px;
}
ul.p_filter li.current a, ul.p_filter li a:hover {
display:block;
height:20px;
}
ul.p_filter li:first-child {padding-top:6px;}
ul.p_filter li {
position:relative;
overflow:hidden;
display:block;
z-index:30;
padding-bottom:2px;
}
.p_date {display:none;}
.project header {margin-bottom:20px;}
.project footer {overflow:hidden;}
.project .project_meta {
border-top:1px solid #ececec;
background-color:#fcfcfc;
padding:10px 0 10px 20px;
margin:20px 0;
overflow:hidden;
position:relative;
}
.project .project_meta .post_info {
width:60%;
padding:0;
}
.project .project_meta .published {
background:url(../images/icon_calendar.png) no-repeat 0 3px;
font-size:10px;
text-transform:uppercase;
float:left;
padding:0 35px 0 25px;
margin-top:1px;
}
.preloader img {
opacity:0;
filter:alpha(opacity=0);
}
/* -------------------------------------------------------------------------------- Form builder */
.cmsms-form-builder label {padding-bottom:11px;}
.cmsms-form-builder .form_info {padding-bottom:20px;}
.cmsms-form-builder span.db {font-size:11px;}
#commentform {padding-top:20px;}
.post #commentform {border-top:1px solid rgba(255, 255, 255, 0.22);}
input[type="text"],
textarea,
.cmsms-form-builder select,
.search_line input {
height:20px;
line-height:28px;
width:50%;
padding:1px 8px;
margin:0 0 3px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}
textarea {
padding:10px 8px 8px;
width:95%;
}
input[type="text"]:focus,
#bottom .cmsms-form-builder input[type="text"]:focus {padding:0px 7px;}
#bottom .cmsms-form-builder textarea:focus {padding:9px 7px 7px;}
textarea:focus {padding:9px 7px 7px;}
#bottom .cmsms-form-builder input[type="text"],
#bottom .cmsms-form-builder textarea {width:95%;}
#commentform input[type="text"] {
width:60%;
float:left;
}
#commentform input[type="text"],
#commentform textarea,
.cmsms_input input[type="text"],
.cmsms_textarea textarea,
.cmsms-form-builder select,
.error .search_line input {
margin:1px;
background:#1f1f1f;
border-top:1px solid #191919;
border-right:1px solid #2b2b2b;
border-bottom:1px solid #383838;
border-left:1px solid #1b1b1b;
}
#commentform input[type="text"]:focus,
#commentform textarea:focus,
.cmsms_input input[type="text"]:focus,
.cmsms_textarea textarea:focus,
.error .search_line input:focus {
border-width:2px;
border-color:#00bee7;
}
.cmsms-form-builder select {
height:40px;
color: #8C8C8C;
}
#commentform textarea {width:95%;}
#commentform p {
overflow:hidden;
clear:both;
}
#commentform label {
display:inline-block;
line-height:32px;
padding-left:16px;
padding-top:5px;
float:none;
}
#commentform textarea,
.cmsms-form-builder textarea {
min-height:200px;
resize:vertical;
}
.cmsms-form-builder .check_parent {
padding:6px 0;
position:relative;
overflow:hidden;
}
.cmsms-form-builder .check_parent label {padding:0;}
.cmsms-form-builder .check_parent input[type="checkbox"],
.cmsms-form-builder .check_parent input[type="radio"] {
float:left;
position:absolute;
top:0;
left:0;
opacity:0;
}
.cmsms-form-builder .check_parent input[type="radio"]+label {background:url(../images/radio_check.png) no-repeat 0 -27px;}
.cmsms-form-builder .check_parent input[type="radio"]:checked+label {background:url(../images/radio_check.png) no-repeat 0 0;}
.cmsms-form-builder .check_parent input[type="checkbox"]+label {background:url(../images/radio_check.png) no-repeat 0 -81px;}
.cmsms-form-builder .check_parent input[type="checkbox"]:checked+label {background:url(../images/radio_check.png) no-repeat 0 -54px;}
.cmsms-form-builder .check_parent input[type="checkbox"]+label,
.cmsms-form-builder input[type="radio"]+label {
line-height:17px;
font-weight:normal;
display:block;
height:17px;
float:left;
padding:0 0 0 25px;
margin:0;
overflow:hidden;
position:relative;
cursor:pointer;
z-index:1;
}
.cmsms-form-builder .cmsms_checkbox .db,
.cmsms-form-builder .cmsms_radio .db,
.cmsms-form-builder .cmsms_checkboxes .db {
display:block;
padding-bottom:15px;
}
/* -------------------------------------------------------------------------------- Accordion Slider */
.accordionSlider {
list-style:none;
width:980px;
height:400px;
padding:0;
margin:0;
position:relative;
overflow:hidden;
}
.accordion_content_slider {background:url(../images/loader.gif) 50% 50% no-repeat;}
.accordionSlider li {
display:block;
width:980px;
height:400px;
padding:0;
margin:0;
position:relative;
overflow:hidden;
z-index:200;
}
.accordionSlider li span.overlay {
display:block;
width:20px;
height:400px;
position:absolute;
top:0;
right:0;
z-index:200;
}
.accordionSlider.vertical li span.overlay {
width:980px;
height:20px;
left:0;
}
.accordionSlider li .slide-description-short {
background:#010101;
color:#fefefe;
padding:20px 20px 10px;
position:absolute;
bottom:0;
left:0;
opacity:.8;
filter:alpha(opacity=80);
}
.slide-description-short h1 {color:#ffffff;}
.accordionSlider.vertical li .slide-description-short {padding:10px 10px 0;}
.accordionSlider li .slide-description {
background:#010101;
color:#fefefe;
padding:20px;
position:absolute;
bottom:0;
left:0;
opacity:.8;
filter:alpha(opacity=80);
}
.accordionSlider li .slide-description p {padding:0;}
.accordionSlider li .slide-description .fr {margin-left:30px;}
#slider.accordionSlider.sliderActive img {display:block;}
#slider.accordionSlider a img {border:0;}
/* -------------------------------------------------------------------------------- Form Error */
.inputContainer {
position:relative;
float:left;
}
.formError {
display:block;
position:absolute;
top:300px;
left:300px;
cursor:pointer;
z-index:5000;
}
.ajaxSubmit {
border:1px solid #999999;
background:#55ea55;
display:none;
padding:20px;
}
.formError .formErrorContent {
border:1px solid #333333;
background:#000000;
color:#ffffff;
font-family:Tahoma;
font-size:11px;
width:150px;
padding:4px 10px;
position:relative;
z-index:5001;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.greenPopup .formErrorContent {background:#33be40;}
.blackPopup .formErrorContent {
background:#393939;
color:#ffffff;
}
.formError .formErrorArrow {
width:15px;
margin:-2px 0 0 13px;
position:relative;
z-index:5006;
}
.formError .formErrorArrowBottom {
margin:0 0 0 12px;
top:2px;
}
.formError .formErrorArrow div {
border-left:1px solid #333333;
border-right:1px solid #333333;
background:#000000;
font-size:0;
line-height:0;
display:block;
height:1px;
margin:0 auto;
}
.greenPopup .formErrorArrow div {background:#33be40;}
.blackPopup .formErrorArrow div {
background:#393939;
color:#ffffff;
}
.formError .formErrorArrow .line10 {
border:0;
width:15px;
}
.formError .formErrorArrow .line9 {
border:0;
width:13px;
}
.formError .formErrorArrow .line8 {width:11px;}
.formError .formErrorArrow .line7 {width:9px;}
.formError .formErrorArrow .line6 {width:7px;}
.formError .formErrorArrow .line5 {width:5px;}
.formError .formErrorArrow .line4 {width:3px;}
.formError .formErrorArrow .line3 {
border-bottom:0;
border-left:1px solid #333333;
border-right:1px solid #333333;
width:1px;
}
.formError .formErrorArrow .line2 {
border:0;
background:#333333;
width:1px;
}
.formError .formErrorArrow .line1 {
border:0;
background:#333333;
width:0;
}
.one_half,
.one_half.last,
.one_third,
.one_third.last,
.two_third,
.two_third.last,
.one_fourth,
.one_fourth.last,
.three_fourth,
.three_fourth.last,
.resizable_block,
.preloader,
.fullwidth,
.cmsms_slider_parent {
transition:width .3s ease-in-out;
-moz-transition:width .3s ease-in-out;
-webkit-transition:width .3s ease-in-out;
-o-transition:width .3s ease-in-out;
-ms-transition:width .3s ease-in-out;
transition:none !ie;
}
#middle.portfolio_page {
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
}
.resizable_block,
.preloader,
.fullwidth,
.colored_block,
.cmsms_slider_parent {
transition:height .3s ease-in-out;
-moz-transition:height .3s ease-in-out;
-webkit-transition:height .3s ease-in-out;
-o-transition:height .3s ease-in-out;
-ms-transition:height .3s ease-in-out;
transition:none !ie;
}
.content_wrap {
transition:background-position .3s ease-in-out;
-moz-transition:background-position .3s ease-in-out;
-webkit-transition:background-position .3s ease-in-out;
-o-transition:background-position .3s ease-in-out;
-ms-transition:background-position .3s ease-in-out;
transition:none !ie;
}
.preloader {
transition:padding-bottom .3s ease-in-out;
-moz-transition:padding-bottom .3s ease-in-out;
-webkit-transition:padding-bottom .3s ease-in-out;
-o-transition:padding-bottom .3s ease-in-out;
-ms-transition:padding-bottom .3s ease-in-out;
transition:none !ie;
}
.error h1 {
transition:font-size .3s ease-in-out, padding .3s ease-in-out;
-moz-transition:font-size .3s ease-in-out, padding .3s ease-in-out;
-webkit-transition:font-size .3s ease-in-out, padding .3s ease-in-out;
-o-transition:font-size .3s ease-in-out, padding .3s ease-in-out;
-ms-transition:font-size .3s ease-in-out, padding .3s ease-in-out;
transition:none !ie;
}
/* -------------------------------------------------------------------------------- Responsive Slider */
#slider.responsiveSlider {
background:url(../images/loader.gif) no-repeat 50% 50%;
list-style:none;
padding:0;
margin:0;
overflow:hidden;
position:relative;
}
.cmsms_slider_parent #slider.responsiveSlider {background:none;}
.cmsms_slides_nav {
position:relative;
margin:0 0 0 10px;
text-align: center;
padding-top: 22px;
z-index: 2;
}
.responsiveSlider img {
display:block;
min-width:100%;
max-width:100%;
}
.cmsms_slider_parent,
#slider.responsiveSlider {
position:relative;
overflow:hidden;
border-radius:0px 0px 0 0;
-moz-border-radius:0px 0px 0 0;
-webkit-border-radius:0px 0px 0 0;
}
#slider.responsiveSlider {padding:0 0 40%;}
.responsiveSlider {
text-align:left;
display:block;
list-style:none;
padding:0;
margin:0;
position:relative;
overflow:hidden;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:opacity .5s ease-in-out;
-moz-transition:opacity .5s ease-in-out;
-ms-transition:opacity .5s ease-in-out;
-o-transition:opacity .5s ease-in-out;
transition:opacity .5s ease-in-out;
transition:none !ie;
}
.cmsms_slider_parent>.responsiveSlider {
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=100);
}
.responsiveSlider,
.responsiveSlider>li {
display:block;
width:100%;
padding:0;
margin:0;
overflow:hidden;
position:absolute;
}
.responsiveSlider {
top:0;
left:0;
}
.responsiveSlider>li {
top:0;
left:100%;
z-index:1;
}
.responsiveSlider>li.left-img img {
min-width:50%;
max-width:50%;
float:left;
}
.responsiveSlider>li.right-img img {
min-width:50%;
max-width:50%;
float:right;
}
.responsiveSlider .slideCaption {
display:table;
position:absolute;
top:0;
right:0;
}
.responsiveSlider .slideCaption.left,
.responsiveSlider .slideCaption.right {
width:30%;
margin:0 50px;
}
.responsiveSlider .slideCaption.top,
.responsiveSlider .slideCaption.bottom {
display:block;
width:auto;
margin:0;
}
.responsiveSlider .slideCaption.left .slideCaptionInnerBlock,
.responsiveSlider .slideCaption.right .slideCaptionInnerBlock {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.responsiveSlider .slideCaption.top .slideCaptionInnerBlock {
border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
}
.responsiveSlider .slideCaption.bottom .slideCaptionInnerBlock {
border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
}
.responsiveSlider .slideCaption {
top:auto;
bottom:0;
}
.responsiveSlider>li.left-img .slideCaption.top,
.responsiveSlider>li.right-img .slideCaption.top,
.responsiveSlider>li.left-img .slideCaption.bottom,
.responsiveSlider>li.right-img .slideCaption.bottom {
display:table;
width:43%;
padding:2%;
margin:0;
display:block\0/IE9;
}
.responsiveSlider .slideCaption>.slideCaptionInner {
width:100%;
display:table-cell;
vertical-align:middle;
}
.responsiveSlider .slideCaption.top>.slideCaptionInner,
.responsiveSlider .slideCaption.bottom>.slideCaptionInner {
display:block;
vertical-align:baseline;
}
.responsiveSlider>li.left-img .slideCaption.top>.slideCaptionInner,
.responsiveSlider>li.right-img .slideCaption.top>.slideCaptionInner,
.responsiveSlider>li.left-img .slideCaption.bottom>.slideCaptionInner,
.responsiveSlider>li.right-img .slideCaption.bottom>.slideCaptionInner {
display:table-cell;
padding:4%;
vertical-align:middle;
}
.slideCaptionInnerBlock {
padding:4%;
color:#ffffff;
font-family:"Crete Round", "Cambo", Georgia, Times, "Century Schoolbook L", serif;
text-shadow:1px 1px 1px #999999;
text-shadow:1px 1px 1px rgba(0, 0, 0, .2);
position:relative;
}
.slideCaptionInnerBlock h6 {
font-style:normal;
margin-bottom:0;
}
.slideCaptionInnerBlock h2 {
font-style:italic;
margin-bottom:30px;
}
.slideCaptionInnerBlock p {padding-bottom:0;}
.responsiveSlider>li div.cmsms_img_pattern {
background-position:0 0;
background-repeat:repeat;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.responsiveSlider>li.video>a.cmsms_img_video {
background:url(../images/video.png) 0 0 no-repeat;
display:block;
width:100px;
height:100px;
margin:-50px 0 0 -50px;
position:absolute;
top:50%;
left:50%;
cursor:pointer;
opacity:0.33;
filter:alpha(opacity=33);
-webkit-transition:opacity .5s ease-in-out;
-moz-transition:opacity .5s ease-in-out;
-ms-transition:opacity .5s ease-in-out;
-o-transition:opacity .5s ease-in-out;
transition:opacity .5s ease-in-out;
transition:none !ie;
}
.responsiveSlider>li.video>a.cmsms_img_video:hover {
opacity:1;
filter:alpha(opacity=100);
}
.cmsms_slider_parent .cmsms_slider_video {
background:#000000;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:150;
}
.cmsms_slider_parent a.cmsms_prev_slide,
.cmsms_slider_parent a.cmsms_next_slide {
display:block;
width:70px;
height:100px;
margin-top:-80px;
position:absolute;
top:50%;
z-index:11;
}
.cmsms_slider_parent a.cmsms_prev_slide {
margin-left:10px;
left:10px;
}
.cmsms_slider_parent a.cmsms_next_slide {
margin-right:10px;
right:10px;
}
.cmsms_slider_parent a.cmsms_prev_slide span,
.cmsms_slider_parent a.cmsms_next_slide span,
.cmsms_slider_parent a.cmsms_close_video {
background-color:#ececec;
width:41px;
height:41px;
display:block;
overflow:hidden;
position:absolute;
border-radius:20.5px;
-moz-border-radius:20.5px;
-webkit-border-radius:20.5px;
-webkit-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
-moz-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
-ms-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
-o-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
transition:none !ie;
}
.cmsms_slider_parent a.cmsms_prev_slide span,
.cmsms_slider_parent a.cmsms_next_slide span {
background-repeat:no-repeat;
top:30px;
}
.cmsms_slider_parent a.cmsms_prev_slide span {
background-image:url(../images/prev_sl.png);
background-position:14px 11px;
left:5px;
}
.cmsms_slider_parent a.cmsms_next_slide span {
background-image:url(../images/next_sl.png);
background-position:-24px 11px;
right:5px;
}
.cmsms_slider_parent a.cmsms_prev_slide:hover span {background-position:-25px 11px;}
.cmsms_slider_parent a.cmsms_next_slide:hover span {background-position:15px 11px;}
.cmsms_slider_parent a.cmsms_close_video {
background-image:url(../images/video_close.png);
background-position:12px -49px;
background-repeat:no-repeat;
bottom:-150px;
right:15px;
z-index:200;
}
.cmsms_slider_parent a.cmsms_close_video:hover {background-position:12px 11px;}
.cmsms_slider_parent ul.cmsms_slides_nav {
list-style:none;
padding:20px 0 10px 0;
height:21px;
margin:0;
z-index:10;
-webkit-transition:opacity .3s ease-in-out;
-moz-transition:opacity .3s ease-in-out;
-ms-transition:opacity .3s ease-in-out;
-o-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out;
transition:none !ie;
}
.cmsms_slider_parent ul.cmsms_slides_nav li {
display:inline-block;
padding:0 0 0 11px;
}
.cmsms_slider_parent ul.cmsms_slides_nav li:first-child {padding:0;}
.cmsms_slider_parent ul.cmsms_slides_nav li a {
background-color:#ececec;
display:block;
text-indent:-9999px;
width:9px;
height:9px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-webkit-transition:background-color .3s ease-in-out;
-moz-transition:background-color .3s ease-in-out;
-ms-transition:background-color .3s ease-in-out;
-o-transition:background-color .3s ease-in-out;
transition:background-color .3s ease-in-out;
transition:none !ie;
}
.cmsms_slider_parent .cmsms_slider_timer {
position:absolute;
top:20px;
right:20px;
z-index:10;
-webkit-transition:opacity .3s ease-in-out;
-moz-transition:opacity .3s ease-in-out;
-ms-transition:opacity .3s ease-in-out;
-o-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out;
transition:none !ie;
}
/* -------------------------------------------------------------------------------- Responsive Content Slider */
.cmsms_content_slider_parent {
width:100%;
height:0;
padding-bottom:56.25%;
position:relative;
overflow:hidden;
}
.responsiveContentSlider {
background:url(../images/loader.gif) 50% 50% no-repeat;
text-align:left;
display:block;
list-style:none;
width:100%;
height:0;
padding:0 0 56.25%;
margin:0;
position:relative;
overflow:hidden;
}
.cmsms_content_slider_parent>.responsiveContentSlider,
.responsiveContentSlider>li {
display:block;
width:100%;
height:100%;
padding:0;
margin:0;
overflow:hidden;
position:absolute;
}
.responsiveContentSlider {
top:0;
left:0;
}
.responsiveContentSlider>li {
top:0;
left:100%;
z-index:1;
}
a.cmsms_content_prev_slide,
a.cmsms_content_next_slide {
background-image:url(../images/widget_nav.png);
background-repeat:no-repeat;
display:block;
width:21px;
height:20px;
position:absolute;
top:10px;
z-index:11;
}
a.cmsms_content_prev_slide {
background-position:0 -30px;
right:23px;
}
a.cmsms_content_next_slide {
background-position:0 0;
right:0;
}
a.cmsms_content_prev_slide:hover {background-position:0 -60px;}
a.cmsms_content_next_slide:hover {background-position:0 -90px;}
.cmsms_content_slider_parent ul.cmsms_slides_nav {
list-style:none;
padding:10px;
margin:0;
z-index:10;
-webkit-transition:opacity .3s ease-in-out;
-moz-transition:opacity .3s ease-in-out;
-ms-transition:opacity .3s ease-in-out;
-o-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out;
transition:none !ie;
}
.cmsms_content_slider_parent ul.cmsms_slides_nav li {
display:block;
float:left;
padding:0 0 0 4px;
}
.cmsms_content_slider_parent ul.cmsms_slides_nav li:first-child {padding:0;}
.cmsms_content_slider_parent ul.cmsms_slides_nav li a {
background-color:#ececec;
display:block;
text-indent:-9999px;
width:7px;
height:7px;
border-radius:3.5px;
-moz-border-radius:3.5px;
-webkit-border-radius:3.5px;
-webkit-transition:background-color .3s ease-in-out;
-moz-transition:background-color .3s ease-in-out;
-ms-transition:background-color .3s ease-in-out;
-o-transition:background-color .3s ease-in-out;
transition:background-color .3s ease-in-out;
transition:none !ie;
}
/* ---------- Large Monitor (Note: Design for a width more than 1440px) ---------- */
@media only screen and (min-width: 1440px) {
#middle,
.wrapper_top,
.header {width:1240px;}
#top_sidebar {
padding:50px 40px 0;
}
#middle_content {
padding:50px 40px;
}
.content_wrap {
padding:0 40px;
}
.cont_nav,
.bottom_inner,
.footer_inner,
.wrap_top {width:1160px;}
.wrap_top #slider #banner .button_medium,
.wrap_top #slider #banner .button {visibility:hidden;}
.wrap_top #slider #banner {
font-family: "Crete Round", "Cambo", Georgia, Times, "Century Schoolbook L", serif;
font-size:18px;
line-height:24px;
}
#navigation > li > a > span {min-width:95px;}
}
/* ---------- Medium Monitor (Note: Design for a width more than 1151px but less than 1440px) ---------- */
@media only screen and (min-width: 1152px) and (max-width: 1439px) {
}
/* ---------- Tablet Portrait (Note: Design for a width more than 767px but less than 1024px) ---------- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.wrap_top #slider #banner {
font-family: "Crete Round", "Cambo", Georgia, Times, "Century Schoolbook L", serif;
font-size:16px;
line-height:22px;
}
.wrap_top #slider #banner .button_medium,
.wrap_top #slider #banner .button {visibility:hidden;}
input[type="text"],
textarea {width:93%;}
#header nav {right:3%;}
#bottom .cmsms-form-builder input[type="text"],
#bottom .cmsms-form-builder textarea {width:87%;}
.logo {left:5%;}
#navigation > li.current_page_item > a,
#navigation > li:hover > a {
padding:30px 15px 10;
font-size:14px;
}
#navigation > li > a {font-size:14px;}
#navigation > li > a > span {padding:40px 9px 10px;}
#navigation > li > a span {font-size:12px;}
.comment-body .ovh {overflow:visible;}
.commentlist .published {
float:left;
margin-left:0;
}
}
/* ---------- Small Tablet (Note: Design for a width more than 540px but less than 768px) ---------- */
@media only screen and (min-width: 541px) and (max-width: 767px) {
.wrap_top #slider #banner .button_large,
.wrap_top #slider #banner .button {visibility:hidden;}
.wrap_top #slider #banner {
font-family: "Crete Round", "Cambo", Georgia, Times, "Century Schoolbook L", serif;
font-size:13px;
line-height:18px;
}
.one_fourth,
.one_fourth+.one_fourth+.one_fourth,
.portfolio_container.four_blocks .portfolio:nth-child(odd),
.format-album.four_blocks .cmsms_media .cmsms_media_box:nth-child(odd),
.post_type_shortcode.four_blocks article:nth-child(odd),
.cms_archive li:nth-child(odd),
.sitemap > li > ul > li:nth-child(odd) {
width:48%;
float:left;
padding-right:4%;
}
.one_fourth.last,
.one_fourth+.one_fourth,
.one_fourth+.one_fourth+.one_fourth+.one_fourth,
.portfolio_container.four_blocks .portfolio:nth-child(even),
.format-album.four_blocks .cmsms_media .cmsms_media_box:nth-child(even),
.post_type_shortcode.four_blocks article:nth-child(even),
.cms_archive li:nth-child(even),
.sitemap > li > ul > li:nth-child(even) {
width:48%;
float:right;
padding-right:0;
}
.portfolio_container.four_blocks,
.post_type_shortcode.four_blocks {margin-right:0;}
}
/* ---------- Mobile (Note: Design for a width more than 400 less than 541px) ---------- */
@media only screen and (min-width: 400px) and (max-width: 540px) {
.wrap_top #slider #banner .button_medium,
.wrap_top #slider #banner .button_large {visibility:hidden;}
.wrap_top #slider #banner {
font-family: "Crete Round", "Cambo", Georgia, Times, "Century Schoolbook L", serif;
font-size:10px;
line-height:14px;
}
#bottom .cmsms-form-builder input[type="text"],
#bottom .cmsms-form-builder textarea {width:95%;}
#page,
#footer {min-width:240px;}
#header nav {
text-align:left;
margin:30px 0;
position:relative;
top:auto;
right:auto;
}
.error .search_line {width:60%;}
.commentlist ul {padding-left:15px;}
.portfolio_container.four_blocks {margin-right:0;}
#footer {height:60px;}
.container {padding-bottom:130px;}
}
/* ---------- Medium Monitor (Note: Design for a width less than 1440px) ---------- */
@media only screen and (max-width: 1439px) {
.header,
#middle,
.wrapper_top {width:1000px;}
.cont_nav,
.footer_inner,
.bottom_inner,
.wrap_top {width:940px;}
.tabs li a.current {margin-top:1px;}
#navigation > li {
display:inline-block;
float:none;
}
#navigation > li > a {font-size:14px;}
#navigation > li > a > span {min-width:60px}
#navigation > li > a span span {font-size:12px;}
.tabs li {height:48px;}
.tour li.current span {top:6px;}
}
/* ---------- Small Monitor (Note: Design for a width less than 1152px) ---------- */
@media only screen and (max-width: 1151px) {
.tabs li a.current {margin-top:1px;}
}
/* ---------- Small Monitor (Note: Design for a width less than 1024px) ---------- */
@media only screen and (max-width: 1023px) {
#middle,
.header,
.wrapper_top {
width:90%;
margin:0 5%;
}
#middle {margin-bottom:25px;}
.cont_nav, .footer_inner, .bottom_inner, .wrap_top {
width:80%;
margin:0 auto;
}
.wrapper_top {
margin-top:25px;
margin-bottom:25px;
}
a.cmsms_prev_slide,
a.cmsms_next_slide {
width:20px;
height:40px;
margin-top:-20px;
opacity:.2;
}
a.cmsms_prev_slide {
background-position:0 -190px;
left:-40px;
}
a.cmsms_next_slide {
background-position:0 -150px;
right:-40px;
}
#middle_content .share_posts,
#middle_content .related_posts,
#middle_content #comments,
#middle_content #commentform,
#middle_content .about_author {width:100%;}
.portfolio_inner .button {margin-left:-10px;}
.tabs li a.current {margin-top:1px;}
}
/* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */
@media only screen and (max-width: 767px) {
.search_line input[type="text"] {width:85%;}
.error h1 {font-size:17.2em;}
.comment-body .cmsms-edit {float:none;}
.tabs li a.current {margin-top:1px;}
.cmsms_slider_timer {display:none;}
#top ul.cmsms_slides_nav {
padding:5px 0;
transition:padding .3s ease-in-out;
-moz-transition:padding .3s ease-in-out;
-webkit-transition:padding .5s ease-in-out;
-o-transition:padding .3s ease-in-out;
-ms-transition:padding .3s ease-in-out;
}
#top .cmsms_slider_parent {
transition:height .3s ease-in-out;
-moz-transition:height .3s ease-in-out;
-webkit-transition:height .5s ease-in-out;
-o-transition:height .3s ease-in-out;
-ms-transition:height .3s ease-in-out;}
.content_wrap {background:none;}
.sidebar_inner {padding-left:0;}
.footer_inner span {
display:block;
clear:both;
}
.footer_inner .fl,
.footer_inner .social_list {
display:inline-block;
float:none;
}
#footer p {padding-bottom:20px;}
#content,
#sidebar {
width:100%;
float:none;
padding:20px 0;
}
#sidebar,
.sidebar_inner {background:none;}
.portfolio_container.three_blocks,
.portfolio_container.one_blocks {margin-right:0;}
.one_half,
.one_half.last,
.one_third,
.one_third.last,
.two_third,
.two_third.last,
.three_fourth,
.three_fourth.last,
.three_fourth+.one_fourth,
.one_fourth+.one_half+.one_fourth,
.portfolio_container.three_blocks .portfolio,
.format-album.two_blocks .cmsms_media .cmsms_media_box,
.format-album.three_blocks .cmsms_media .cmsms_media_box {
width:100%;
float:none;
padding-right:0;
}
.header {text-align:center;}
#header.header_small .header {padding-bottom:10px;}
#navigation a {text-align:left;}
#navigation > li > a {
text-align:center;
font-size:14px;
border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
-o-border-radius: 0 0 0 0;
}
#navigation > li > a > span {
padding:15px 6px 10px;
min-height:40px;
}
#navigation > li > ul {top:65px;}
.logo {
display:block;
margin:20px auto 0;
position:relative;
left:auto;
top:auto;
}
#header nav {
position:relative;
top:auto;
right:auto;
margin-top:6px;
margin-bottom:6px;
}
.widget_custom_flickr_entries li,
.adv_widget_image {padding:0 4% 4% 0;}
.widget_custom_flickr_entries li:last-child {padding-right:0;}
.tabs li a {padding:10px 15px;}
.tour_box,
.tour {
width:100%;
float:none;
}
.social_list_title,
#footer .social_list,
#footer .fr {float:none;}
#footer .social_list {margin-left:0;}
.footer_inner,
.footer_inner .fr {text-align:center;}
.slideCaptionInnerBlock h2 {margin-bottom:0;}
.slideCaptionInnerBlock p {font-size:11px;}
}
/* ---------- Mobile (Note: Design for a width less than 541px) ---------- */
@media only screen and (max-width: 540px) {
.header {
width:100%;
margin:0;
}
.comment-body .cmsms-edit {float:none;}
.error .search_line {width:60%;}
.error h1 {font-size:11.6em;}
div.jp-video div.jp-current-time,
div.jp-audio div.jp-current-time,
div.jp-video div.jp-time-sep,
div.jp-audio div.jp-time-sep,
div.jp-video div.jp-duration,
div.jp-audio div.jp-duration {display:none;}
.one_fourth,
.one_fourth.last,
.one_fourth+.one_fourth,
.one_fourth+.one_fourth+.one_fourth,
.one_fourth+.one_fourth+.one_fourth+.one_fourth,
.portfolio_container.two_blocks .portfolio,
.portfolio_container.four_blocks .portfolio:nth-child(odd),
.portfolio_container.four_blocks .portfolio:nth-child(even),
.format-album.four_blocks .cmsms_media .cmsms_media_box:nth-child(odd),
.format-album.four_blocks .cmsms_media .cmsms_media_box:nth-child(even),
.post_type_shortcode.four_blocks article:nth-child(odd),
.post_type_shortcode.four_blocks article:nth-child(even),
.cms_archive li:nth-child(odd),
.cms_archive li:nth-child(even),
.sitemap > li > ul > li:nth-child(odd),
.sitemap > li > ul > li:nth-child(even) {
width:100%;
float:none;
padding-right:0;
}
input[type="text"],
textarea,
#commentform input[type="text"],
#commentform textarea{width:95%;}
.search_line input[type="text"] {width:85%;}
#bottom .cmsms-form-builder input[type="text"],
#bottom .cmsms-form-builder textarea {width:95%;}
.post_type_shortcode.four_blocks,
.post_type_shortcode.two_blocks,
.portfolio_container.two_blocks .portfolio {margin-right:0;}
.comment-body .ovh {overflow:visible;}
.commentlist .published {
float:left;
margin-left:0;
}
.commentlist ul {padding-left:10px;}
.pj_sort {padding-top:110px;}
.p_options_block {
right:auto;
left:10px;
}
.p_sort {
float:none;
overflow:hidden;
margin-bottom:10px;
}
div.p_filter {float:left;}
.tabs li {
height:auto;
float:none;
margin-right:0;
}
.tabs li a.current {
margin:0 0 2px;
padding-bottom:10px;
}
.tabs li a {
margin:0 0 2px 20px;
padding:10px 15px;
transition:margin .2s ease-out;
-moz-transition:margin .2s ease-out;
-webkit-transition:margin .2s ease-out;
-o-transition:margin .2s ease-out;
-ms-transition:margin .2s ease-out;
}
.resp_navigation {
background-color: none;
background:rgba(0, 0, 0, 0.35);
text-decoration:none;
display:inline-block;
padding:4px;
margin:25px auto 10px;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}
.resp_navigation > span {
display:block;
border-radius: 20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
background-image:url(../images/but_grad_bg.png);
background-repeat:repeat-x;
background-position:0 0;
}
.resp_navigation > span > span {
background:url(../images/resp_navi.png) no-repeat center center;
display:block;
width:55px;
height:33px;
}
.resp_navigation:hover > span,
.resp_navigation.active > span {background-position:0 -43px;}
#navigation {
background:rgba(0, 0, 0, .5);
display:none;
width:100%;
height:auto;
padding:5px 0;
margin:0 0 30px;
overflow:hidden;
position:relative;
}
#navigation li {
display:block;
width:auto;
float:none;
overflow:hidden;
}
#navigation > li {margin:0 10px;}
#navigation > li:first-child {border:0;}
#navigation li ul .current_page_item > a,
#navigation li ul li a:hover {color:#ffffff;}
#navigation li > a {
background-color:#3a3a3a;
text-align:left;
display:block;
height:24px;
min-height:0;
float:none;
padding:8px 12px 0px 10px;
margin:3px 0;
}
#navigation ul li a {
padding:8px 12px 0px 10px;
margin-left:30px;
-webkit-transition:background-color 0.3s ease-in-out;
-moz-transition:background-color 0.3s ease-in-out;
-o-transition:background-color 0.3s ease-in-out;
-ms-transition:background-color 0.3s ease-in-out;
transition:background-color 0.3s ease-in-out;
}
#navigation ul ul li a {margin-left:60px;}
#navigation li > a > span {
background:url(../images/arrow_navi.png) no-repeat right 5px;
display:block;
padding:0;
}
#navigation > li > a > span {min-height:0;}
#navigation ul li a {width:auto;}
#navigation ul li {
border-bottom-width:0px;
border-image:none;
-moz-border-image:none;
-webkit-border-image:none;
-o-border-image:none;
border-bottom:none \9;
}
#navigation > li > ul {top:auto;}
#navigation ul,
#navigation ul ul {
display:none;
padding:0;
margin:0;
visibility:visible;
position:relative;
left:auto;
top:auto;
opacity:1;
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
}
#navigation li a span span {display:none;}
.slideCaptionInnerBlock p {display:none;}
}
/* ---------- Mobile (Note: Design for a width less than 401) ---------- */
@media only screen and (max-width: 400px) {
.error h1 {font-size:10.1em;}
.wrap_top #slider #banner {
font-family: "Crete Round", "Cambo", Georgia, Times, "Century Schoolbook L", serif;
font-size:8px;
line-height:12px;
}
#bottom .cmsms-form-builder input[type="text"],
#bottom .cmsms-form-builder textarea {width:95%;}
.comment-body .name,
.comment-body .button {float:none;}
.portfolio_container.four_blocks {margin-right:0;}
.related_posts ul li {float:none;}
.related_posts ul li a {
display:block;
margin:0 0 0 20px;
-webkit-transition:margin .2s ease-in-out;
-moz-transition:margin .2s ease-in-out;
-ms-transition:margin .2s ease-in-out;
-o-transition:margin .2s ease-in-out;
transition:margin .2s ease-in-out;
}
.related_posts ul li a.current {margin-left:0;}
.wrap_top #slider #banner .button_medium, .wrap_top #slider #banner .button_large {visibility:hidden;}
}
.html5-video-controls {padding-bottom:20px;}