devroom.io/content/css/_willbridge.scss

/*
Template Name: Willbridge HTML
Template URI: http://willbridge-html.cmsmasters.net/
Author: cmsmasters
Author URI: http://cmsmasters.net/
Description: The Willbridge Responsive HTML5 Site Template.
Version: 1.0
License:
License URI:
Tags: light, white, one-column, two-columns, left-sidebar, right-sidebar, custom-colors, post-formats, responsive, html5, css3
*/

html, body, #page {height:100%;}

body {
  background:url(../images/bgs/02.jpg) repeat-x 50% 0;
  text-align:left;
  margin:0;
  padding:0;
}

header,
footer,
article,
section,
nav,
figure,
address,
hgroup,
abbr,
figcaption,
aside {
  margin:0;
  padding:0;
  display:block;
}

abbr {border:none;}

address {font-style:normal;}

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

p {
  margin:0;
  padding:0 0 18px;
}

table {
  padding:0;
  margin:0;
  border-collapse:collapse;
}

td,
th,
tr {
  padding:0;
  margin:0;
}

ol,
ul,
li,
dl,
dt,
dd {
  padding:0;
  margin:0;
}

ol,
ul {margin:0 0 18px;}

ol {list-style-position:inside;}

ol li {line-height:24px;}

ul {list-style:inside url(../images/arrow_list.png);}

li {line-height:24px;}

img {
  padding:0;
  border:0;
}

a img {
  border:0;
  display:block;
}

.fullwidth {
  display:block;
  min-width:100%;
  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;
}

.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,
input,
textarea {
  padding:0;
  margin:0;
}

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;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

textarea {
  background:none;
  border:0;
  min-height:260px;
  overflow:hidden;
  outline:none;
  resize:none;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin:0 0 18px;
  padding:0;
}

.cl {clear:both;}

.ovh {overflow:hidden;}

.fl {float:left;}

.fr {float:right;}

#page {
  height:auto;
  min-height:100%;
  margin:0 auto;
  position:relative;
}

.container {padding-bottom:70px;}


/* ---------- Header ---------- */

#header {
  width:840px;
  margin:0 auto;
  position:relative;
}

.header_inner {
  height:117px;
  overflow:hidden;
  position:relative;
}

.custom_html {
  position:absolute;
  left:193px;
  top:48px;
}

.logo {
  display:inline-block;
  position:absolute;
  left:0;
  top:32px;
}

.responsibe_block,
.responsibe_block .social_list {display:none;}

.header_inner .social_list {
  position:absolute;
  top:50px;
  right:27px;
}

.social_list {margin:0;}

.social_list li {
  list-style:none;
  float:left;
  margin:0;
  padding-right:1px;
}

.social_list li a img {
  -webkit-transition:opacity .3s ease-out;
  -moz-transition:opacity .3s ease-out;
  -ms-transition:opacity .3s ease-out;
  -o-transition:opacity .3s ease-out;
  transition:opacity .3s ease-out;
}

.social_list li a:hover img {
  opacity:.6;
  filter:alpha(opacity=60);
}

/* ---------- Navigation ---------- */

#header .nav_wrap {
  height:66px;
  position:relative;
  top:-6px;
}

.touch_dev .nav_wrap_inner.navi_scrolled {
  background:none;
  position:relative;
  top:0;
  opacity:1;
  width:auto;
}

.touch_dev .navi_scrolled nav {width:auto;}

.nav_wrap_inner.navi_scrolled {
  background:url(../images/bg_sharp.png) repeat 0 0;
  position:fixed;
  left:0;
  top:-60px;
  width:100%;
  opacity:0;
  z-index:201;
}

.navi_scrolled nav {
  width:840px;
  margin:0 auto;
}

.navi_scrolled #navigation > li:first-child > a,
.navi_scrolled #navigation > li:last-child > a,
.navi_scrolled #navigation > li:first-child > a > span,
.navi_scrolled #navigation > li:last-child > a > span {
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
}

.navi_scrolled #navigation > li > a {margin-top:0;}

.navi_scrolled #navigation > li.current_page_item > a > span,
.navi_scrolled #navigation > li:hover > a > span,
.navi_scrolled #navigation > li > a:hover > span {padding-top:15px;}

.navi_scrolled #navigation > li > ul {top:60px;}

.navi_scrolled #navigation > li:last-child > a {border-right:1px solid #1d1d1d;}

.navi_scrolled #navigation > li:last-child > a > span {
  -webkit-box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset;
  -moz-box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset;
  box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset;
}

.navi_scrolled #navigation > li:first-child > a {border-left:1px solid #1d1d1d;}

.navi_scrolled #navigation > li > a {
  border-left:1px solid #1d1d1d;
  -webkit-box-shadow:-1px 0 0 rgba(255, 255, 255, .1);
  -moz-box-shadow:-1px 0 0 rgba(255, 255, 255, .1);
  box-shadow:-1px 0 0 rgba(255, 255, 255, .1);
}

#header nav {position:relative;}

#navigation,
#navigation ul {
  margin:0;
  padding:0;
  list-style:none;
}

#navigation:after {clear:both;}

#navigation {
  width:100%;
  display:table;
  z-index:202;
  zoom:1;
}

#navigation li {
  line-height:20px;
  padding-left:0;
  margin:0 0 0 30px;
  position:relative;
  z-index:203;
}

#navigation a {z-index:204;}

#navigation > li > a,
.touch_dev #navigation > li > a {
  border-left:1px solid #1d1d1d;
  display:block;
  padding-bottom:12px;
  margin-top:6px;
  -webkit-box-shadow:-1px 1px 0 rgba(0, 0, 0, .1) inset;
  -moz-box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset;
  box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset;
}

#navigation > li {
  display:block;
  width:20%;
  float:left;
  vertical-align:top;
  margin:0;
}

#navigation > li:first-child > a,
.touch_dev #navigation > li:first-child > a {
  border-left:none;
  border-radius:5px 0 0 5px;
  -moz-border-radius:5px 0 0 5px;
  -webkit-border-radius:5px 0 0 5px;
}

#navigation > li:last-child > a,
.touch_dev #navigation > li:last-child > a {
  border-radius:0 5px 5px 0;
  -moz-border-radius:0 5px 5px 0;
  -webkit-border-radius:0 5px 5px 0;
}

#navigation > li:first-child > a > span,
.touch_dev #navigation > li:first-child > a > span {
  border-radius:5px 0 0 0;
  -moz-border-radius:5px 0 0 0;
  -webkit-border-radius:5px 0 0 0;
}

#navigation > li:last-child > a > span,
.touch_dev #navigation > li:last-child > a > span {
  border-radius:0 5px 0 0;
  -moz-border-radius:0 5px 0 0;
  -webkit-border-radius:0 5px 0 0;
}

#navigation > li > a > span {
  background:#363636 url(../images/bg_sharp.png) repeat 0 0;
  border-bottom:2px solid;
  text-shadow:0 1px 0 rgba(0, 0, 0, .5);
  display:block;
  padding:15px 20px 11px;
  -webkit-box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset;
  -moz-box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset;
  box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset;
}

#navigation > li:last-child > a > span {
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

.touch_dev #navigation > li.current_page_item > a > span,
#navigation > li.current_page_item > a > span,
#navigation > li:hover > a > span,
#navigation > li > a:hover > span {
  background-color:#1e1e1e;
  padding-top:21px;
}

#navigation > li.current_page_item > a,
#navigation > li > a:hover,
#navigation > li:hover > a {
  background-color:#212121;
  margin-top:0;
}

#navigation ul {
  width:100%;
  padding:0;
  margin:20px 0 0 0;
  opacity:0;
  visibility:hidden;
  position:absolute;
  z-index:9998;
  -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;
}

#navigation > li > ul {
  background-image:url(../images/bg_sharp.png);
  background-repeat:repeat;
  background-position:0 0;
  padding-bottom:10px;
  top:66px;
  -webkit-box-shadow:0 -1px 0 rgba(255, 255, 255, 0.1) inset;
  -moz-box-shadow:0 -1px 0 rgba(255, 255, 255, 0.1) inset;
  box-shadow:0 -1px 0 rgba(255, 255, 255, 0.1) inset;
}

#navigation li:hover > ul {
  opacity:1;
  visibility:visible;
  margin:0;
}

#navigation ul ul {
  margin:0 0 0 20px;
  left:100%;
  top:-1px;
  z-index:9999;
}

#navigation ul li {
  display:block;
  padding:0;
  margin:0;
  float:none;
}

#navigation ul li:first-child > a {border-top:1px solid #1d1d1d;}

#navigation ul li a span {
  text-shadow:0 1px 0 rgba(0, 0, 0, .4);
  display:block;
}

#navigation ul li.drop > a span {
  background:url(../images/arrow_navi.png) no-repeat right -35px;
  padding-right:9px;
}

#navigation ul li.drop:hover > a > span,
#navigation ul li.drop > a:hover > span,
#navigation ul li.current_page_item.drop > a > span {background-position:right 5px;}

#navigation ul li a {
  border-bottom:1px solid #1d1d1d;
  font-size:13px;
  line-height:20px;
  display:block;
  float:none;
  padding:9px 8px 10px 20px;
}

#navigation > li > ul > li:last-child {border-bottom:1px solid rgba(255, 255, 255, .1);}

#navigation ul ul li a {margin-left:1px;}

/* ---------- Top ---------- */

#top {
  overflow:hidden;
  border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
}

#slider {
  background:url(../images/loader.gif) no-repeat scroll 50% 50%;
  list-style:none;
  padding:0;
  margin:0;
  overflow:hidden;
  position:relative;
}


/* ---------- Splash ---------- */

.splash {
  background:#ffffff;
}

.splash #header {z-index:999;}

.splash #top {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

.splash .responsiveSlider .cmsms_img {display:none !important;}

.splash a.cmsms_next_slide {right:0;}

.splash a.cmsms_prev_slide {right:32px;}

.splash #top ul.cmsms_slides_nav {right:65px;}

.splash .cmsms_nav_wrap_wrap {height:0;}

.splash .cmsms_nav_wrap {
  width:840px;
  position:relative;
  margin:0 auto;
}

.splash .responsiveSlider > li {
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:cover;
}

.splash #page {
  height:auto;
  padding-bottom:70px;
}

.splash .cmsms_slider_parent,
.splash #slider {
  padding-bottom:0;
  height:100%;
}

.splash .responsiveSlider .slideCaption.left,
.splash .responsiveSlider .slideCaption.right {
  width:840px !important;
  margin:0 auto;
  right:auto !important;
  position:relative;
}

.splash .responsiveSlider .slideCaption > .slideCaptionInner {width:30%  !important;}

.splash .responsiveSlider .slideCaption.right > .slideCaptionInner {
  right:0;
  display: table-cell;
    vertical-align: middle;
}

.splash .responsiveSlider .slideCaption.right .splashCaption {float:right;}

.splash .responsiveSlider .slideCaption.left .splashCaption {float:left;}

.splashCaption {width:40%;}

/* ---------- Top Sidebar ---------- */

#top_sidebar {
  margin:0 20px;
  position:relative;
}

#top_sidebar .widget,
#top_sidebar .one_first {padding-bottom:0;}


/* ---------- Middle ---------- */

#middle {
  background-color:#ffffff;
  width:840px;
  margin:27px auto 0;
  position:relative;
  border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
}

#middle:before {
    content:"";
    position:absolute;
    z-index:-2;
  height:800px;
  top:10px;
  left:0;
  right:0;
  -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .05);
  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .05);
  box-shadow:0 0 10px rgba(0, 0, 0, .05);
  -webkit-border-radius:10px / 100px 100px 275px 275px;
  -moz-border-radius:10px / 100px 100px 275px 275px;
  border-radius:10px / 100px 100px 275px 275px;
}

#middle_content {
  padding: 25px 0 55px 0;
  margin:0 auto;
  position:relative;
}

#slide_top {
  background: url(../images/top_slide.png) no-repeat 21px 24px;
    border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
    bottom: 10px;
    display: none;
    opacity: 0.5;
    position: fixed;
    right: 10px;
    z-index: 998;
    height:50px;
    width:50px;
  text-indent:-9999px;
  -webkit-transition:opacity .2s ease-in-out;
  -moz-transition:opacity .2s ease-in-out;
  -ms-transition:opacity .2s ease-in-out;
  -o-transition:opacity .2s ease-in-out;
  transition:opacity .2s ease-in-out;
}

#slide_top:hover {opacity:1;}

video {background-color:#000000;}

.cont_nav {
  width:840px;
  padding:11px 20px 0;
  margin:0 auto -19px;
}

.cont_nav a {text-decoration:underline;}

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

.cont_nav > a:first-child {padding-left:5px;}

.headline {
  // border-bottom:2px solid #bbbbbb;
  padding: 20px 18px 0 18px;
}

.headline h2 {margin:4px 0 6px;}

.headline table h2 {margin:0;}

.headline table h6 {margin:-5px 0 0;}

.headline img {margin:0 20px -10px 0;}

.headline table td {vertical-align:middle;}

.headline .one_half,
.headline .one_half.last,
.headline .one_third,
.headline .one_third.last,
.headline .two_third,
.headline .two_third.last,
.headline .one_fourth,
.headline .one_fourth.last,
.headline .three_fourth,
.headline .one_fourth.last {
  padding-bottom:0;
}

.headline .one_half+.one_half,
.headline .one_third+.two_third,
.headline .two_third+.one_third,
.headline .one_third+.one_third+.one_third,
.headline .one_fourth+.one_fourth+.one_half,
.headline .one_fourth+.one_half+.one_fourth,
.headline .one_half+.one_fourth+.one_fourth,
.headline .one_fourth+.three_fourth,
.headline .three_fourth+.one_fourth,
.headline .one_fourth+.one_fourth+.one_fourth+.one_fourth {

}

.one_first {
  width:100%;
  padding-bottom:20px;
}

.one_half {
  width:48%;
  float:left;
  padding-bottom:20px;
  padding-right:4%;
}

.one_half.last {
  width:48%;
  float:right;
  padding-right:0;
}

.one_third {
  width:30.6%;
  float:left;
  padding-bottom:20px;
  padding-right:4%;
}

.one_third.last {
  width:30.6%;
  float:right;
  padding-right:0;
}

.two_third {
  width:65.2%;
  float:left;
  padding-bottom:20px;
  padding-right:4%;
}

.two_third.last {
  width:65.2%;
  float:right;
  padding-right:0;
}

.one_fourth {
  width:22%;
  float:left;
  padding-bottom:20px;
  padding-right:4%;
}

.one_fourth.last {
  width:22%;
  float:right;
  padding-right:0;
}

.three_fourth {
  width:74%;
  float:left;
  padding-bottom:20px;
  padding-right:4%;
}

.three_fourth.last {
  width:74%;
  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 {
  background:url(../images/content_sep.png) repeat-y 69% 0;
  margin:0 20px;
  position:relative;
  overflow:hidden;
}

.content_wrap.nobg {background:none;}

.content_wrap.sidebar_left {background-position:31% 0;}

.content_wrap.sidebar_left #content {
  float:right;
  padding:25px 0 55px 2%;
}

.content_wrap.sidebar_left #sidebar {padding:55px 2% 55px 0;}

#content {
  width:67%;
  float:left;
  padding:25px 2% 55px 0;
  position:relative;
}

figure img {display:block;}

.sitemap li,
.cms_archive li {
  list-style:none;
  line-height:30px;
  padding-left:0;
}

.sitemap {margin-bottom:0;}

.sitemap ul,
.cms_archive ul {margin-bottom:0;}

.sitemap > li {
  border-bottom:1px solid #ebebeb;
  width:100%;
  padding-bottom:30px;
  margin-bottom:30px;
}

.sitemap > li:last-child {
  border:none;
  margin-bottom:0;
}

.sitemap > li > ul {
  overflow:hidden;
  position:relative;
  width:100%;
  margin-top:20px;
}

.sitemap > li > ul > li > ul {margin-top:15px;}

.sitemap > li > ul > li {
  float: left;
  width: 25%;
}

.sitemap > li > ul > li:nth-child(4n+1) {clear:both;}

.cms_category {
  list-style:none;
  margin-bottom:40px;
}

.cms_archive li {
  width:25%;
  float:left;
  padding-bottom:30px;
}

.cms_archive li:nth-child(4n+1) {clear:both;}

.about_social {
  background:url(../images/tog_divider.png) repeat-x 0 0;
  list-style:none;
  overflow:hidden;
}

.about_social li {
  float:left;
  padding:12px 3px 0 0;
}

/* ---------- Sidebar ---------- */

#sidebar {
  width:29%;
  padding:25px 0 55px 2%;
  float:right;
  position:relative;
}

#sidebar .widget {
  background:url(../images/divider.png) repeat-x 0 bottom;
  padding:10px 0 20px;
  overflow:hidden;
}

#sidebar .widgettitle {margin-bottom:25px;}

#sidebar > div:last-child .widget {background:none;}

#sidebar .widget_custom_flickr_entries,
#sidebar .widget_custom_advertisement_entries {padding-bottom:5px;}

#sidebar.fl {float:left;}

#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 {
  border-top:1px solid #ebebeb;
  padding:35px 0 10px;
  margin:0 20px;
  position:relative;
  overflow:hidden;
}

.middle_sidebar .widgettitle {margin-bottom:30px;}


/* ---------- Shortcodes ---------- */

.alignleft {
  float:left;
  margin:0 20px 18px 0;
}

.alignright {
  float:right;
  margin:0 0 18px 20px;
}

.aligncenter {
  text-align:center;
  margin:0 auto;
}

.wp-caption {
  background-color:#ffffff;
  border:1px solid #e3e3e3;
  padding:4px;
}

.wp-caption-text {
  text-align:center;
  padding:5px 0 0;
}

.divider {
  border-top:1px solid #ebebeb;
  margin:18px 0 36px;
  clear:both;
}

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

.table thead th:first-child {
  border-radius:5px 0 0 0;
  -moz-border-radius:5px 0 0 0;
  -webkit-border-radius:5px 0 0 0;
}

.table thead th:last-child {
  border-radius:0 5px 0 0;
  -moz-border-radius:0 5px 0 0;
  -webkit-border-radius:0 5px 0 0;
}

.table td {padding:15px 0 15px 20px;}

.table thead th {
  background:#4f4f4f;
  background:linear-gradient(#5d5d5d, #414141);
  background:-moz-linear-gradient(#5d5d5d, #414141);
  background:-webkit-gradient(linear, left top, left bottom, from(#5d5d5d), to(#414141));
  background:-o-linear-gradient(#5d5d5d, #414141);
  background: -ms-linear-gradient(top, #5d5d5d 0%,#414141 100%);
  color:#ffffff;
  text-align:left;
  padding:14px 0 15px 20px;
}

.table tfoot td {padding:10px 0 10px 20px;}

.table tbody tr:first-child td {background-image:none;}

.table td {
  background:#ffffff url(../images/resp_divider.png) repeat-x 0 0;
}

span.dropcap {
  float:left;
    font-size:48px;
  line-height:46px;
  font-weight:800;
  margin-top:3px;
  padding:0 22px 0 9px;
}

span.dropcap2 {
  color:#ffffff;
  font-size:32px;
  font-weight:800;
  line-height:52px;
    text-align:center;
    width:56px;
  height:56px;
    float:left;
  margin-right:12px;
  border-radius:28px;
  -moz-border-radius:28px;
  -webkit-border-radius:28px;
}

q,
blockquote {
  padding:0 0 20px 33px;
  margin:0;
  position:relative;
  vertical-align:baseline;
}

q:before,
blockquote:before {
  font-size:28px;
  content:'\201C';
  display:block;
    padding:0;
  position:absolute;
  left:0;
  top:5px;
}

q:after,
blockquote:after {clear:both;}

blockquote p,
q p {padding-bottom:0;}

code {
  border-radius: 3px;
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

.cmsms_plus {
  background:#555555;
  display:block;
  width:25px;
  height:25px;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-13px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -webkit-transition:background .2s ease-in-out;
  -moz-transition:background .2s ease-in-out;
  -ms-transition:background .2s ease-in-out;
  -o-transition:background .2s ease-in-out;
  transition:background .2s ease-in-out;
}

.cmsms_plus .vert_line,
.cmsms_plus .horiz_line {background-color:#ffffff;}

.cmsms_plus .vert_line {
  display:block;
  width:1px;
  height:7px;
  position:absolute;
  left:12px;
  top:9px;
  z-index:2;
}

.cmsms_plus .horiz_line {
  display:block;
  width:7px;
  height:1px;
  position:absolute;
  left:9px;
  top:12px;
}

.togg,
.accordion .acc,
.tour li {
  background:url(../images/tog_divider.png) repeat-x 0 100%;
  overflow:hidden;
  position:relative;
}

.tog,
.tour li a {
  font-style:italic;
  font-size:14px;
}

.togg .tog,
.accordion .tog,
.tour li a {
  line-height:20px;
  display:block;
  padding:13px 0 13px 40px;
  margin:0;
  position:relative;
}

.tog.current .cmsms_plus .vert_line {display:none;}

.togg .tab_content,
.accordion .tab_content {
  padding:13px 0 29px;
  display:none;
  overflow:hidden;
}

.related_posts ul {
  list-style:none;
  overflow:hidden;
}

.related_posts ul li {
  margin-right:10px;
  float:left;
}

.related_posts_content .alignleft {
  display:table-cell;
  margin-bottom:0;
}

.related_posts .one_half,
.related_posts .one_third {
  display:table;
  padding-bottom:12px;
}

.tab {
  margin-bottom:20px;
  overflow:hidden;
  position:relative;
}

.tabs {
  display:table;
  width:100%;
}

.tabs li {
  line-height:20px;
  padding-left:0;
  display:table-cell;
}

.tabs li {position:relative;}

.tabs > li a {
  border-top:1px solid #edeeef;
  border-right:1px solid #e1e1e1;
  font-size:14px;
  font-style:italic;
  display:block;
  padding:15px 20px;
  background:#edeeef;
  background:linear-gradient(#f6f7f7, #edeeef);
  background:-moz-linear-gradient(#f6f7f7, #edeeef);
  background:-webkit-gradient(linear, left top, left bottom, from(#f6f7f7), to(#edeeef));
  background:-o-linear-gradient(#f6f7f7, #edeeef);
  background: -ms-linear-gradient(top, #f6f7f7 0%,#edeeef 100%);
  -webkit-box-shadow:-1px 0 0 #ffffff inset;
  -moz-box-shadow:-1px 0 0 #ffffff inset;
  box-shadow:-1px 0 0 #ffffff inset;
}

.tabs > li:last-child a {
  border-right:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

.tabs > li a.current {
  color:#ffffff;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

.tabs > li a {
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none;
}

.tab_content {width:100%;}

.related_posts_content,
.tabs_tab,
.tabs {
  overflow:hidden;
  position:relative;
}

.related_posts_content {
  font-size:14px;
  font-style:italic;
  padding-top:22px;
}

.related_posts_content h6 {
  width:100%;
  display:table-cell;
  vertical-align:middle;
  margin:0;
}

.tabs_tab {
  background-color:#ffffff;
  display:none;
  padding:30px 0;
}

.google_map {margin-bottom:18px;}

.tour_content {
  overflow:hidden;
  position:relative;
  margin-bottom:20px;
}

.tour {
  background:url(../images/tog_divider.png) repeat-x 0 0;
  list-style:none;
  width:27%;
  float:left;
  margin:30px 0 0;
}

.tour_shadow {
    width:73%;
  height:100%;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0;
    z-index:2;
}

.tour_shadow:before {
    content:'';
    height:90%;
    overflow:hidden;
    position:absolute;
    left:0;
    top:15px;
    z-index:2;
  -webkit-box-shadow:0 0 7px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow:0 0 7px 1px rgba(0, 0, 0, .2);
  box-shadow:0 0 7px 1px rgba(0, 0, 0, .2);
}

.tour li {
  background:url(../images/tog_divider.png) repeat-x 0 100%;
  position:relative;
  padding:5px 0 4px;
}

.tour li a {
  padding-top:8px;
  padding-bottom:8px;
  display:block;
  position:relative;
}

.tour .cmsms_plus {margin-top:-14px;}

.tour li.current a .tour_title {
  opacity:1;
  filter:alpha(opacity=100);
}

.tour li a .tour_title {
  display:block;
  opacity:.5;
}

.tour_box {
  width:70%;
  float:right;
  display:none;
  overflow:hidden;
  padding:25px 0 30px 3%;
  position:relative;
}


/* ---------- Buttons ---------- */

.button,
.button_medium,
.button_large,
.comment-reply-link {
  border:1px solid rgba(0, 0, 0, .15);
  background-color:#ededed;
  display:inline-block;
  margin-bottom:5px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
  box-shadow:0 1px 0 rgba(0, 0, 0, .1);
}

.comment-reply-link {margin-bottom:2px;}

.button > span,
.button_medium > span,
.button_large > span,
.comment-reply-link > span {
  color:#565656;
  line-height:30px;
  text-transform:uppercase;
  text-shadow:0 1px 0 rgba(255, 255, 255, .9);
  display:block;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -webkit-box-shadow:0 0 1px rgba(255, 255, 255, .7) inset;
  -moz-box-shadow:0 0 1px rgba(255, 255, 255, .7) inset;
  box-shadow:0 0 1px rgba(255, 255, 255, .7) inset;
    -webkit-transition:box-shadow .2s ease-out, background .2s ease-out;
    -moz-transition:box-shadow .2s ease-out, background .2s ease-out;
    -ms-transition:box-shadow .2s ease-out, background .2s ease-out;
    -o-transition:box-shadow .2s ease-out, background .2s ease-out;
    transition:box-shadow .2s ease-out, background .2s ease-out;
}

.related_posts li a.button.current > span,
.p_sort a.current[name="p_name"] > span,
.p_sort a.current[name="p_date"] > span,
.p_filter_container:hover .p_cat_filter > span,
.button:hover > span,
.button_medium:hover > span,
.button_large:hover > span,
.comment-reply-link:hover > span {
  background:rgba(0, 0, 0, .1);
  -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .2) inset;
  -moz-box-shadow:0 0 5px rgba(0, 0, 0, .2) inset;
  box-shadow:0 0 5px rgba(0, 0, 0, .2) inset;
}

.button > span,
.comment-reply-link > span {
  background-image:url(../images/button.png);
  background-repeat:repeat-x;
  background-position:0 0;
  font-size:14px;
  font-weight:600;
  padding:4px 22px;
}

.comment-reply-link > span {
  line-height:20px;
  font-weight:normal;
  font-style:italic;
  text-transform:none;
  padding:0 12px;
}

.button_medium > span {
  background:url(../images/button_medium.png) repeat-x 0 0;
  font-size:22px;
  padding:9px 23px;
}

.button_large > span {
  background:url(../images/button_large.png) repeat-x 0 0;
  font-size:28px;
  padding:14px 25px;
}

.box {margin:0 0 20px;}

.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;}

.error_box {
  background:#f8d9cf;
  background:rgba(255, 132, 89, .25);
  border:1px solid #fac0ad;
  border:1px solid rgba(255, 132, 89, .4);
}

.warning_box {
  background:#f5e5b8;
  background:rgba(244, 177, 0, .25);
  border:1px solid #ffd35a;
  border:1px solid rgba(244, 177, 0, .4);
}

.success_box {
  background:#d9eecb;
  background:rgba(129, 211, 72, .25);
  border:1px solid #b3e68b;
  border:1px solid rgba(129, 211, 72, .4);
}

.notice_box {
  background:#cde0f1;
  background:rgba(90, 166, 234, .25);
  border:1px solid #b3d6f7;
  border:1px solid rgba(90, 166, 234, .4);
}

.download_box {
  background:#c5f1d1;
  background:rgba(67, 242, 112, .25);
  border:1px solid #9bd5a9;
  border:1px solid rgba(67, 242, 112, .4);
}

.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 {
  border:1px solid #ececec;
  border:1px solid rgba(0, 0, 0, .1);
  padding:20px;
}

.box.css_box p {padding:0;}

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

.error .search_line {
  width:30%;
  margin:105px auto 30px;
  overflow:hidden;
}

.error h1 {
  font-size:240px;
  line-height:1em;
  margin-bottom:10px;
}

.error h3 {
  font-size:24px;
  font-style:normal;
}


/* ---------- Widgets ---------- */

.widget_custom_colored_blocks_entries {
  padding:0;
  margin:0 -20px;
}

.widget_colored {
  border-left:1px solid #ebebeb;
  border-bottom:1px solid #ebebeb;
  display:table-cell;
}

.widget_colored:first-child {border-left:none;}

.widget_colored_inner {padding:26px 20px 20px;}

.widget_colored.four_box {width:25%;}

.widget_colored.three_box {width:33.3%;}

.widget_colored.two_box {width:50%;}

.widget_colored.one_box {width:100%;}

.widget_colored .widgettitle {
  border-bottom:2px solid;
  padding-bottom:8px;
  margin-bottom:35px;
}

.widget_custom_popular_portfolio_entries figure {margin-bottom:13px;}

.post_type_shortcode .cmsms_content_slider_parent > .responsiveContentSlider > li,
.widget_custom_popular_portfolio_entries .responsiveContentSlider > li,
.widget_custom_testimonials_entries .responsiveContentSlider > li {
  padding-left:2px;
  padding-right:2px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.cmsms_rounding,
.widget_custom_popular_portfolio_entries figure img {
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.widget_custom_popular_portfolio_entries .cmsms_nav_wrap_wrap {
  padding-top:21px;
  height:12px;
}

.widget_custom_popular_portfolio_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li a,
.widget_custom_testimonials_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li a {background-color:#817e75;}

.widget_custom_popular_portfolio_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li,
.widget_custom_testimonials_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li {
  display:inline-block;
  float:none;
  vertical-align:top;
}

.widget_custom_popular_portfolio_entries .cmsms_content_slider_parent ul.cmsms_slides_nav,
.widget_custom_testimonials_entries .cmsms_content_slider_parent ul.cmsms_slides_nav {
  text-align:center;
  height:10px;
  width:100%;
  display:block;
  position:absolute;
  bottom:3px;
  left:0;
  float:none;
}

.widget_custom_popular_portfolio_entries .cmsms_content_slider_parent,
.widget_custom_testimonials_entries .cmsms_content_slider_parent {text-align:center;}

.widget_custom_popular_portfolio_entries .responsiveContentSlider > li,
.widget_custom_testimonials_entries .responsiveContentSlider > li {padding-bottom:33px;}

.widget_custom_popular_portfolio_entries a.cmsms_content_prev_slide span,
.widget_custom_popular_portfolio_entries a.cmsms_content_next_slide span,
.widget_custom_testimonials_entries a.cmsms_content_prev_slide span,
.widget_custom_testimonials_entries a.cmsms_content_next_slide span,
.post_type_shortcode a.cmsms_content_next_slide span,
.post_type_shortcode a.cmsms_content_prev_slide span {
  background:url(../images/arrow_popular_widget.png) no-repeat 0 0;
  display:block;
  width:8px;
  height:12px;
}

.post_type_shortcode a.cmsms_content_next_slide span,
.widget_custom_testimonials_entries a.cmsms_content_next_slide span,
.widget_custom_popular_portfolio_entries a.cmsms_content_next_slide span {background-position:0 -22px;}

.widget_custom_testimonials_entries ul.cmsms_slides_nav,
.widget_custom_popular_portfolio_entries ul.cmsms_slides_nav {background:none;}

.post_type_shortcode,
.widget_custom_testimonials_entries_container {
  overflow:hidden;
  position:relative;
}

.post_type_shortcode .one_fourth,
.post_type_shortcode .one_third,
.post_type_shortcode .one_half {padding-bottom:0;}

.post_type_shortcode > h3 {padding:0 60px 15px 0;}

.post_type_shortcode a.cmsms_content_next_slide,
.post_type_shortcode a.cmsms_content_prev_slide {
  position:absolute;
  top:17px;
}

.post_type_shortcode a.cmsms_content_next_slide {right:12px;}

.post_type_shortcode a.cmsms_content_prev_slide {right:43px;}

.widget_custom_popular_portfolio_entries_container {position:relative;}

.widget_custom_testimonials_entries a.cmsms_content_next_slide,
.widget_custom_testimonials_entries a.cmsms_content_prev_slide,
.widget_custom_popular_portfolio_entries a.cmsms_content_next_slide,
.widget_custom_popular_portfolio_entries a.cmsms_content_prev_slide {
  position:absolute;
  right:0;
  bottom:2px;
  z-index:11;
}

.widget_custom_popular_portfolio_entries a.cmsms_content_next_slide,
.widget_custom_testimonials_entries a.cmsms_content_next_slide {right:10px;}

.widget_custom_popular_portfolio_entries a.cmsms_content_prev_slide,
.widget_custom_testimonials_entries a.cmsms_content_prev_slide {
  left:10px;
  right:auto;
}

.widget_custom_flickr_entries ul {overflow:hidden;}

.widget_custom_flickr_entries li {
  list-style:none;
  float:left;
  padding:0 8% 8% 0;
}

.widget_custom_flickr_entries li a img,
.preloader .image_container_img {
    -webkit-transition:opacity .3s ease-out;
    -moz-transition:opacity .3s ease-out;
    -ms-transition:opacity .3s ease-out;
    -o-transition:opacity .3s ease-out;
    transition:opacity .3s ease-out;
}

.widget_custom_flickr_entries:hover  a img {opacity:.6;}

.widget_custom_flickr_entries:hover a:hover img {opacity:1;}

.widget_custom_comments_entries .published {padding-top:3px;}

.published {
  color:#bfbfbf;
  font-style:italic;
}

.widget_custom_comments_entries ul {list-style:none;}

.widget_custom_comments_entries li {padding-bottom:18px;}

.widget_custom_comments_entries li:first-child {margin-top:-3px;}

.widget_links li:first-child,
.cmsms_details > li:first-child {
  background:none;
  padding-top:0;
}

.widget_links li,
.cmsms_details > li {
  background:url(../images/tog_divider.png) repeat-x 0 0;
  padding:9px 0 7px ;
  overflow:hidden;
}

.widget_custom_recent_entries li:first-child {
  background:none;
  padding-top:0;
}

.widget_custom_recent_entries li {
  background:url(../images/tog_divider.png) repeat-x 0 0;
  list-style:none;
  padding:17px 0 23px;
}

.widget_custom_recent_entries li .published {padding:7px 0 9px;}

.widget_custom_recent_entries li p {padding:0;}

.widget_custom_tweets_entries li {
  list-style:none;
}

.widget_custom_tweets_entries abbr {padding:18px 10px 17px 4px;}

.testimonials_text,
.jta-tweet-text {
  border:1px solid #e6e6e6;
  background-color:#ffffff;
  padding:12px 12px 27px 12px;
  position:relative;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

.testimonials_text:before,
.jta-tweet-text:before {
  border-right: 12px solid transparent;
  border-top: 12px solid #e6e6e6;
  bottom: -13px;
  content: "";
  height: 0;
  left: 12px;
  position: absolute;
  width: 0;
}

.testimonials_text:after,
.jta-tweet-text:after {
  border-right:12px solid transparent;
  border-top:12px solid #ffffff;
  bottom:-11px;
  content:"";
  height:0;
  left:13px;
  position:absolute;
  width:0;
}

.testimonials_name {
  display:block;
  padding-top:18px;
}

.testimonials_text p {padding-bottom:0;}

.widget_custom_contact_form_entries .loading {
  float:left;
  margin-top:10px;
}

.widget_custom_contact_form_entries .button {float:right;}

.widget_custom_contact_form_entries textarea {min-height:130px;}

.widget {padding-bottom:20px;}

.widget ul {margin-bottom:0;}

.widgetinfo {
  border:1px solid #a8a8a8;
  background:#f1f1f1;
  text-align:center;
  display:none;
  padding:5px 10px;
  margin:0 0 15px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

.loader {
  background:url(../images/loader.gif) center 0 no-repeat;
  height:5px;
  width:100%;
  display:block;
}

.search_line input[type="text"] {
  float:left;
  padding-right:32px;
}

.search_line input[type="submit"] {
  background:url(../images/icon_search.png) no-repeat 7px 10px;
  width:32px;
  height:32px;
  float:left;
  margin-left:-32px;
  cursor:pointer;
}


/* ---------- Blog ---------- */

.blog .post {
  border-bottom:1px solid #ebebeb;
  margin-bottom:30px;
}

.post {
  padding-bottom:25px;
  position:relative;
}

.post footer {
  position:relative;
}

.cmsms_format {
  background: url(../images/icon_format.png) no-repeat 0 1px;
  float:left;
  width:20px;
  height:20px;
  margin-right:68px;
}

.post footer .published {display:inline;}

.post .entry-content {
  padding:25px 10px 0 100px;
}

.post .more_button {
  display:inline-block;
  margin-top:5px;
}

.atricle_box {
  border:1px solid #dbdbdb;
  font-style:italic;
  font-size:12px;
  padding:11px 70px 9px 10px;
  position:relative;
}

.format-aside .cmsms_format {background-position:0 -39px;}

.format-audio .cmsms_format {background-position:0 -107px;}

.format-image .cmsms_format {background-position:0 -130px;}

.format-gallery .cmsms_format {background-position:2px -18px;}

.format-link .cmsms_format {background-position:2px -84px;}

.format-video .cmsms_format {background-position:0 -60px;}

.format-quote .cmsms_format {background-position:0 -154px;}

.blog .format-quote .entry-content p {padding-left:33px;}

.cmsms_comments {
  font-size:18px;
  font-style:normal;
  line-height:50px;
  color:#ffffff;
  text-align:center;
  display:block;
  width:40px;
  height:50px;
  position:absolute;
  top:-1px;
  right:20px;
  z-index:99;
}

.wp-pagenavi {overflow:hidden;}

.wp-pagenavi a,
.wp-pagenavi > span {
  border:1px solid;
  line-height:23px;
  text-align:center;
  float:left;
  margin-right:4px;
  width:23px;
  height:23px;
}

.wp-pagenavi > span.current,
.wp-pagenavi a:hover,
.cmsms_comments:hover {color:#ffffff;}

.wp-pagenavi a {
  border-color:#dadada;
  -webkit-transition:background-color 0.2s ease, border-color 0.2s ease;
  -moz-transition:background-color 0.2s ease, border-color 0.2s ease;
  -ms-transition:background-color 0.2s ease, border-color 0.2s ease;
  -o-transition:background-color 0.2s ease, border-color 0.2s ease;
  transition:background-color 0.2s ease, border-color 0.2s ease;
}


/* ---------- Open Post ---------- */

.project_navi,
.share_posts,
.about_author,
#commentform,
.related_posts {
  border-top:1px solid #ebebeb;
  overflow:hidden;
  padding:25px 0 0;
  margin:25px 0 0;
}

.related_posts {
  border-bottom:1px solid #ebebeb;
  padding-bottom:25px;
}

#comments {padding-top:25px;}

#middle_content #comments,
#middle_content  #commentform {width:67%;}

.project_navi a[rel="next"] {float:right;}

.about_author .alignleft,
.about_author p {
  margin-bottom:0;
  padding-bottom:0;
}

.cmsms_share {margin:20px 0 1px;}

.cmsms_social a {
  display:inline-block;
  padding:5px 10px 0 2px;
}

.cmsmsLike {
  background:url(../images/heart.png) no-repeat 4px 6px;
  text-decoration:none;
  display:block;
  height:22px;
  width:22px;
  float:left;
  margin:-1px 60px 3px 0;
  border-radius:11px;
  -moz-border-radius:11px;
  -webkit-border-radius:11px;
  -webkit-transition:background-color 0.2s ease;
  -moz-transition:background-color 0.2s ease;
  -ms-transition:background-color 0.2s ease;
  -o-transition:background-color 0.2s ease;
  transition:background-color 0.2s ease;
}

.cmsmsLike span {
  line-height:22px;
  padding-left:34px;
}

.cmsms_social {
  display:none;
  margin-top:25px;
  overflow:hidden;
}

.comment-body h6 {
  float:left;
  padding-left:3px;
  margin:0;
}

.comment-body .published {
  font-size:11px;
  padding:0 0 10px;
}

.comment-reply-link {
  float:right;
}

.comment-body .alignleft img {
  display:block;
  margin-bottom:10px;
}

.comment-body {
  border:1px solid #dbdbdb;
  padding:20px;
  margin:0 0 20px;
  overflow:hidden;
  position:relative;
}

.comment-content {overflow:hidden;}

.commentlist {
  padding-top:10px;
  margin-bottom:30px;
}

.commentlist li {list-style:none;}

.commentlist ul li {
  background:url(../images/comment_line.png) no-repeat 0 37px;
  padding-left:40px;
}

.commentlist ul {
  border-left:1px solid #dbdbdb;
  margin:0 0 0 20px;
}

.comment-body p {padding-bottom:0;}

#commentform label {
  line-height:32px;
  display:inline-block;
  padding-left:20px;
}


/* ---------- Portfolio ---------- */

.portfolio_container {
  margin-right:-4%;
  position:relative;
  overflow:visible !important;
}

.portfolio .preloader {padding-bottom:80%;}

.touch_dev .hover_effect {display:none;}

.portfolio_inner .hover_effect,
.portfolio_inner .hover_effect .entry-title a,
.portfolio_inner .hover_effect .post_category a:hover {color:#ffffff;}

.portfolio_inner .hover_effect .post_category,
.portfolio_inner .hover_effect .post_category a,
.portfolio_inner .hover_effect .entry-title a:hover {color:#000000;}

.portfolio .cmsms_content_slider_parent,
.portfolio .responsiveContentSlider {padding-bottom:80%;}

.portfolio_inner .hover_effect .post_category {
  width:100%;
  padding:0 20px;
  position:absolute;
  bottom:15px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.portfolio_inner .hover_effect .post_category,
.hover_effect_links,
.portfolio_inner .hover_effect .entry-content {text-align:center;}

.cmsms_link,
.cmsms_imagelink {
  display:inline-block;
  width:42px;
  height:42px;
  margin:0 3px;
}

.cmsms_link {background:url(../images/effect_link.png) no-repeat 0 0;}

.cmsms_imagelink {background:url(../images/effect_image.png) no-repeat 0 0;}

.format-video .cmsms_imagelink {background:url(../images/effect_video.png) no-repeat 0 0;}

.portfolio_inner {
  background-color:#ffffff;
  position:relative;
  overflow:hidden;
}

.portfolio_inner_box {border:1px solid #dadada;}

.portfolio_container .format-video .portfolio_inner  .cmsms_media {
  height:0;
  padding-bottom:80%;
}

.portfolio_inner .hover_effect .entry-title {margin:20px 10px;}

.portfolio_inner .hover_effect .hover_effect_links {
  position:absolute;
  top:50%;
  margin-top:-21px;
  width:100%;
}

.portfolio_inner .hover_effect .entry-title,
.portfolio_inner .hover_effect .cmsms_link,
.portfolio_inner .hover_effect .cmsms_imagelink,
.portfolio_inner .hover_effect .post_category {
   -webkit-transform:translateY(-100%);
   -moz-transform:translateY(-100%);
   -o-transform:translateY(-100%);
   -ms-transform: translateY(-100%);
   transform:translateY(-100%);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}

.portfolio_inner .preloader .image_rollover {display:none;}

.portfolio_inner .hover_effect {
  text-align:center;
  height:100%;
  width:100%;
  position:absolute;
  left:0;
  top:-100%;
  z-index:10;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

.portfolio_inner:hover .hover_effect {top:0;}

.portfolio_inner:hover .hover_effect .entry-title,
.portfolio_inner:hover .hover_effect .cmsms_link,
.portfolio_inner:hover .hover_effect .cmsms_imagelink,
.portfolio_inner:hover .hover_effect .post_category {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -o-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition-delay:0.2s;
  -moz-transition-delay:0.2s;
  -o-transition-delay:0.2s;
  -ms-transition-delay:0.2s;
  transition-delay:0.2s;
}

.portfolio_inner .entry-header {
  padding:0 20px;
  overflow:hidden;
  position:relative;
}

.format-slider .portfolio_inner .entry-header {padding-right:40px;}

.portfolio_inner .cmsms_content_prev_slide,
.portfolio_inner .cmsms_content_next_slide {
  background:url(../images/arrow_project.png) no-repeat 0 0;
  display:block;
  width:5px;
  height:9px;
  position:absolute;
  bottom:18px;
  z-index:3;
}

.portfolio_inner .cmsms_content_next_slide {right:12px;}

.portfolio_inner  .cmsms_content_prev_slide {
  background-position:0 -9px;
  right:35px;
}

.portfolio_container .portfolio .li-jp-full-screen,
.portfolio_container.four_blocks .portfolio .jp-duration,
.portfolio_container.four_blocks .portfolio .jp-current-time,
.portfolio_container.four_blocks .portfolio .jp-time-sep,
.portfolio_container .portfolio .jp-full-screen {display:none !important;}

.portfolio_container .portfolio div.jp-volume-bar {right:6px;}

.portfolio_container .portfolio ul.jp-toggles li {float:right;}

.cmsms_details_links {
  max-width:60%;
  float:right;
}

.opened-article .portfolio.format-video .cmsms_media,
.opened-article .portfolio.format-slider .cmsms_media,
.opened-article .portfolio.one_block .resize {padding-bottom:30px;}

.opened-article .portfolio .entry-content,
.opened-article .portfolio .cmsms_details {padding-top:20px;}

.opened-article .portfolio .one_third,
.opened-article .portfolio .two_third {padding-bottom:0;}

.opened-article .format-album.one_block .cmsms_media {padding-bottom:30px;}

.resize {overflow:hidden;}

.format-album .resize {margin-bottom:10px;}

.format-album .resize .cmsms_media_box {
  float:left;
  padding-right:4%;
  padding-bottom:20px;
}

.format-album.four_blocks .resize .cmsms_media_box {width:22%;}

.format-album.three_blocks .resize .cmsms_media_box {width:30.6%;}

.format-album.two_blocks .resize .cmsms_media_box {width:48%;}

.format-album.four_blocks .resize .cmsms_media_box+.cmsms_media_box+.cmsms_media_box+.cmsms_media_box,
.format-album.three_blocks .resize .cmsms_media_box+.cmsms_media_box+.cmsms_media_box,
.format-album.two_blocks .resize .cmsms_media_box+.cmsms_media_box {padding-right:0;}

.portfolio_container .portfolio_inner footer {
  border-top:1px solid #e5e5e5;
  background:#fbfbfb;
  padding:11px 20px 14px;
}

.portfolio_inner .entry-title {margin:16px 0 12px;}

.portfolio_inner .hover_effect .entry-title {margin-top:10%;}

.portfolio_inner .hover_effect .post_category {bottom:10%;}

.portfolio_container .portfolio {
  float:left;
  padding-right:4%;
  padding-bottom:30px;
}

.portfolio_container.four_blocks .portfolio .jp-duration,
.portfolio_container.four_blocks .portfolio .jp-current-time,
.portfolio_container.four_blocks .portfolio .jp-time-sep {display:none;}

.portfolio_container.four_blocks {margin-right:-3.9%;}

.portfolio_container.four_blocks .portfolio {width:21%;}

.portfolio_container.three_blocks .portfolio {width:29.3%;}

.portfolio_container.two_blocks .portfolio {width:46%;}

.pj_sort {
  border-bottom:1px solid #dadada;
  padding-top:66px;
  position:relative;
}

.pj_sort .divider {margin:0;}

.p_options_loader {
  background:url(../images/loader_white.gif) no-repeat 0 0;
  display:block;
  width:160px;
  height:20px;
  position:absolute;
  top:21px;
  right:20px;
}

.p_options_block {
  padding:0;
  display:none;
  position:absolute;
  right:20px;
  top:15px;
  z-index:29;
  opacity:1;
}

.p_sort_block {float:left;}

.p_sort_block p {margin-left:10px;}

.p_sort {
  float:right;
  position:relative;
}

.p_sort a[name="p_date"] {
  display:block;
  float:left;
}

.p_cat_filter span,
.p_sort a span {
  font-size:13px;
  line-height:25px;
  font-weight:normal;
}

.p_cat_filter > span {padding:4px 18px;}

.p_sort a[name="p_name"] span span,
.p_sort a[name="p_date"] span span {
  background:url(../images/arrow_sort.png) no-repeat right 12px;
  display:block;
  padding:0 27px 0 0;
}

.p_sort a.current.reversed[name="p_name"] span span,
.p_sort a.current.reversed[name="p_date"] span span {background-position:right 10px;}

.p_sort a[name="p_name"] > span,
.p_sort a[name="p_date"] > span {padding:4px 10px 4px 12px;}

.p_sort a[name="p_name"]:hover > span,
.p_sort a[name="p_date"]:hover > span,
.p_sort a.current[name="p_name"] > span,
.p_sort a.current[name="p_date"] > span {background-position:right -32px;}

.p_sort a.current.reversed[name="p_name"] span span,
.p_sort a.current.reversed[name="p_date"] span span {background-position:right -36px;}

.p_sort a[name="p_name"] {
  margin-right:8px;
  display:block;
  float:left;
}

.p_filter_container {
  position:relative;
  z-index:29;
}

div.p_filter {
  float:right;
  padding:0 8px 0 0;
}

a.p_cat_filter {
  display:block;
  position:relative;
  z-index:31;
}

.p_filter_container ul.p_filter {
  background-color:#ffffff;
  list-style:none;
  display:block;
  width:100%;
  padding:0;
  overflow:hidden;
  position:absolute;
  top:20px;
  left:0;
  z-index:30;
  opacity:0;
  -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
  border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
  -webkit-border-radius:0 0 4px 4px;
  -webkit-transition:opacity 0.5s ease;
  -moz-transition:opacity 0.5s ease;
  -ms-transition:opacity 0.5s ease;
  -o-transition:opacity 0.5s ease;
  transition:opacity 0.5s ease;
}

.p_filter_container:hover ul.p_filter {
  opacity:1;
  padding:10px 0 5px;
}

ul.p_filter li a {
  color:#333333;
  text-decoration:none;
  display:block;
  height:0;
  padding:0 15px;
  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;
  -ms-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;
  transition:height 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease;
}

.p_filter_container:hover ul.p_filter li a {
  padding:5px 15px;
  height:20px;
}

ul.p_filter li a:hover,
.p_filter_container:hover ul.p_filter li a {
  display:block;
}

ul.p_filter li:first-child {padding-top:10px;}

ul.p_filter li {
  background:none;
  position:relative;
  overflow:hidden;
  display:block;
  z-index:30;
}

.p_date,
#middle .portfolio_container .portfolio .jp-video .jp-restore-screen,
#middle .portfolio_container .portfolio .jp-video .jp-full-screen {display:none;}

a span.image_rollover {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  opacity:.7;
  -webkit-transition:background-color .4s ease-in-out;
  -moz-transition:background-color .4s ease-in-out;
  -ms-transition:background-color .4s ease-in-out;
  -o-transition:background-color .4s ease-in-out;
  transition:background-color .4s ease-in-out;
}

a span.image_rollover > span {
  background:url(../images/hover_content.png) 50% 50% no-repeat;
  display:block;
  width:42px;
  height:42px;
  position:absolute;
  top:50%;
  left:50%;
  margin:-21px 0 0 -21px;
  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;
}

.format-image span.image_rollover > span,
.opened-article span.image_rollover > span {background-image:url(../images/hover_image.png);}

.format-link a span.image_rollover > span {background-image:url(../images/hover_link.png);}

.format-video a span.image_rollover > span {background-image:url(../images/hover_video.png);}

a:hover span.image_rollover {background-color:#000000;}

a:hover span.image_rollover > span {
  opacity:1;
  filter:alpha(opacity=100);
  -webkit-transition-delay:.3s;
  -moz-transition-delay:.3s;
  -ms-transition-delay:.3s;
  -o-transition-delay:.3s;
  transition-delay:.3s;
}

/* ---------- Bottom ---------- */

#bottom {
  background:#212121 url(../images/bg_sharp.png) repeat 0 0;
  padding:33px 0 0;
  overflow:hidden;
  position:relative;
  opacity:.95;
  filter:alpha(opacity=95);
}

.bottom_inner {
  width:940px;
  padding-bottom:20px;
  margin:0 auto;
  overflow:hidden;
  position:relative;
}

#bottom .widgettitle {margin-bottom:30px;}

#bottom input,
#bottom textarea,
#bottom select,
#bottom .testimonials_text,
#bottom .jta-tweet-text {
  background-color:#4b4b4b;
  border-color:#222222;
}

#bottom input,
#bottom select,
#bottom textarea {
  box-shadow:0 2px 3px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.2) inset;
}

#bottom .testimonials_text:after,
#bottom .jta-tweet-text:after {
  border-right: 12px solid transparent;
  border-top: 12px solid #4b4b4b;
}

#bottom .testimonials_text:before,
#bottom .jta-tweet-text:before {
  border-right:12px solid transparent;
  border-top:12px solid #222222;
}


#bottom .cmsms-form-builder .check_parent input[type="radio"]+label {background:url(../images/radio_check.png) no-repeat 0 -226px;}

#bottom .cmsms-form-builder .check_parent input[type="radio"]:checked+label {background:url(../images/radio_check.png) no-repeat 0 -264px;}

#bottom .cmsms-form-builder .check_parent input[type="checkbox"]+label {background:url(../images/radio_check.png) no-repeat 0 -149px;}

#bottom .cmsms-form-builder .check_parent input[type="checkbox"]:checked+label {background:url(../images/radio_check.png) no-repeat 0 -187px;}


/* ---------- Footer ---------- */

#footer {
  background-color:#ffffff;
  // height:70px;
  margin-top:-70px;
  overflow:hidden;
  position:relative;
}

.footer_inner {
  width:940px;
  // height:20px;
  padding:25px 0;
  margin:0 auto;
  overflow:hidden;
  position:relative;
}

.footer_nav {margin-bottom:0;}

.footer_nav li {
  display:inline-block;
  padding:0 4px;
}

.footer_nav li a {
  text-decoration:none;
}

/* ---------- Form builder ---------- */

.cmsms-form-builder label {padding-bottom:8px;}

select {
  border:1px solid #e5e5e5;
  background-color:#f9f9f9;
  height:35px;
  line-height:20px;
  width:275px;
  padding:5px 10px;
  margin:0 0 3px;
}

select:focus {background-color:#ffffff;}

.widget select {width:100%;}

option {
  background-color:#ffffff;
  border:none;
  height:20px;
  padding:0;
  margin:0;
}

.cmsms-form-builder .form_info {padding-bottom:20px;}

.widget .cmsms-form-builder .form_info {padding-bottom:16px;}

.widget .cmsms-form-builder input[type="text"] {width:100%;}

.cmsms-form-builder span.db {
  color:#bfbfbf;
  font-size:12px;
  font-style:italic;
  display:block;
  padding-top:5px;
}

#commentform {padding-bottom:20px;}

.cmsms-form-builder input[type="text"]{width:50%;}

input[type="text"],
input[type="email"],
textarea {
  background-color:#fdfdfd;
  border:1px solid #e5e5e5;
  line-height:20px;
  height:35px;
  width:100%;
  padding:5px 10px;
}

textarea {padding:7px 10px;}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {background-color:#ffffff;}

#commentform input[type="text"] {
  width:50%;
  float:left;
}

#commentform textarea {
  width:90%;
  min-height:260px;
  resize:none;
}

#commentform p {
  overflow:hidden;
  clear:both;
}

#commentform input[type="text"]+label {
  line-height:42px;
  float:left;
  padding-left:20px;
}

.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 -73px;}

.cmsms-form-builder .check_parent input[type="radio"]:checked+label {background:url(../images/radio_check.png) no-repeat 0 -111px;}

.cmsms-form-builder .check_parent input[type="checkbox"]+label {background:url(../images/radio_check.png) no-repeat 0 1px;}

.cmsms-form-builder .check_parent input[type="checkbox"]:checked+label {background:url(../images/radio_check.png) no-repeat 0 -36px;}

.cmsms-form-builder .check_parent input[type="checkbox"]+label,
.cmsms-form-builder input[type="radio"]+label {
  line-height:20px;
  font-weight:normal;
  display:block;
  height:20px;
  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;
}

.loading {
  background:url(../images/loader.gif) no-repeat 0 0;
  height:5px;
  width:40px;
  float:right;
  opacity:0;
  position:relative;
  margin-top:11px;
}


/* ---------- 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;
}

.content_wrap {
  -webkit-transition:background-position .3s ease-in-out;
  -moz-transition:background-position .3s ease-in-out;
  -ms-transition:background-position .3s ease-in-out;
  -o-transition:background-position .3s ease-in-out;
  transition:background-position .3s ease-in-out;
}

.error h1 {
  -webkit-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;
  -ms-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;
  transition:font-size .3s ease-in-out, padding .3s ease-in-out;
}


/* ---------- Responsive Top Main Slider ---------- */

.cmsms_slider_parent,
#slider {
  width:100%;
  height:0;
  padding-bottom:41%;
  position:relative;
}

.cmsms_slider_parent #slider {background:none;}

.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;
}

.responsiveSlider .cmsms_img {
  min-width:100%;
  max-width:100%;
  display:block;
}

.cmsms_slider_parent>.responsiveSlider {
  width:100%;
  height:100%;
  opacity:1;
  filter:alpha(opacity=100);
}

.responsiveSlider,
.responsiveSlider>li {
  display:block;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  overflow:hidden;
  position:absolute;
}

.responsiveSlider {
  top:0;
  left:0;
}

ul.responsiveSlider {list-style:none;}

.responsiveSlider>li {
  top:0;
  left:100%;
  z-index:1;
}

.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.link a.cmsms_img_link,
.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;
}

.responsiveSlider>li.link a.cmsms_img_link {
  background:url(../images/link.png) 0 0 no-repeat;
  display:none;
}

.responsiveSlider>li.video a.cmsms_img_video {background:url(../images/video.png) 0 0 no-repeat;}

.responsiveSlider>li.link a.cmsms_img_link:hover,
.responsiveSlider>li.video a.cmsms_img_video:hover {
  opacity:1;
  filter:alpha(opacity=100);
}

.cmsms_slider_video {
  background:#000000;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:150;
  visibility:visible;
}

.cmsms_slider_video.hidden {visibility:hidden;}

.cmsms_slider_video iframe {
  width:100%;
  height:100%;
  position:absolute;
}

.responsiveSlider>li.left-img img {
  min-width:50%;
  max-width:50%;
  height:100%;
  max-height:100%;
  float:left;
}

.responsiveSlider>li.right-img img {
  min-width:50%;
  max-width:50%;
  max-height:100%;
  height:100%;
  float:right;
}

.responsiveSlider>li.right-img .slideCaption.left,
.responsiveSlider>li.left-img .slideCaption.right {
  margin:0;
  width:50%;
}

.responsiveSlider .slideCaption {
  display:table;
  width:30%;
  margin:0 50px 0 0;
  position:absolute;
  display:block\0/IE9;
}

.responsiveSlider .slideCaption.left,
.responsiveSlider .slideCaption.right {
  width:30%;
  margin:0 80px;
}

.responsiveSlider .slideCaption.top,
.responsiveSlider .slideCaption.bottom {
  display:block;
  width:auto;
  margin: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 {
  display:table-cell;
  width:100%;
  vertical-align:middle;
}

.responsiveSlider .slideCaption.top>.slideCaptionInner,
.responsiveSlider .slideCaption.bottom>.slideCaptionInner {
  display:block;
  vertical-align:baseline;
}

.responsiveSlider .slideCaption.right>.slideCaptionInner .slideCaptionInnerBlock,
.responsiveSlider .slideCaption.left>.slideCaptionInner .slideCaptionInnerBlock{
  display:table-cell\0/IE9;
  vertical-align:middle\0/IE9;
}

.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:7% 10%;
  position:relative;
}

.responsiveSlider .slideCaption.left .slideCaptionInnerBlock,
.responsiveSlider .slideCaption.right .slideCaptionInnerBlock {
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.responsiveSlider .slideCaption.top .slideCaptionInnerBlock {
  border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
}

.responsiveSlider .slideCaption.top .slideCaptionInnerBlock,
.responsiveSlider .slideCaption.bottom .slideCaptionInnerBlock {
  position:absolute;
  width:94%;
  padding:2% 3%;
}

.responsiveSlider .slideCaption.bottom .slideCaptionInnerBlock {bottom:0;}

.responsiveSlider .slideCaption.top .slideCaptionInnerBlock h1,
.responsiveSlider .slideCaption.bottom .slideCaptionInnerBlock h1 {margin-bottom:10px;}

.responsiveSlider .slideCaption.top .slideCaptionInnerBlock p,
.responsiveSlider .slideCaption.bottom .slideCaptionInnerBlock p {padding-bottom:10px;}

a.cmsms_prev_slide,
a.cmsms_next_slide {
  background:#363636 url(../images/bg_sharp.png) repeat 0 0;
  position:absolute;
  bottom:22px;
  z-index:11;
}

a.cmsms_prev_slide span,
a.cmsms_next_slide span {
  background:url(../images/arrow_slide.png) no-repeat 11px 12px;
  display:block;
  width:32px;
  height:36px;
}

a.cmsms_prev_slide {
  right:54px;
  border-radius:5px 0 0 5px;
  -moz-border-radius:5px 0 0 5px;
  -webkit-border-radius:5px 0 0 5px;
  box-shadow:-1px 0 0 rgba(0, 0, 0, .3) inset;
  -moz-box-shadow:-1px 0 0 rgba(0, 0, 0, .3) inset;
  -webkit-box-shadow:-1px 0 0 rgba(0, 0, 0, .3) inset;
}

a.cmsms_next_slide {
  right:22px;
  border-radius:0 5px 5px 0;
  -moz-border-radius:0 5px 5px 0;
  -webkit-border-radius:0 5px 5px 0;
  box-shadow:1px 0 0 rgba(255, 255, 255, .1) inset;
  -moz-box-shadow:1px 0 0 rgba(255, 255, 255, .1) inset;
  -webkit-box-shadow:1px 0 0 rgba(255, 255, 255, .1) inset;
}

a.cmsms_next_slide span {background-position:12px -21px;}

a.cmsms_prev_slide:hover,
a.cmsms_next_slide:hover {opacity:1;}

a.cmsms_close_video {
  background-color:#ffffff;
  background-image:url(../images/video_close.png);
  background-position:12px -49px;
  background-repeat:no-repeat;
  bottom:50px;
  right:15px;
  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;
  z-index:160;
  opacity:0;
  filter:alpha(opacity=0);
}

a.cmsms_close_video:hover {background-position:12px 11px;}

#top ul.cmsms_slides_nav {
  background:#363636 url(../images/bg_sharp.png) repeat 0 0;
  right:87px;
  bottom:22px;
}

ul.cmsms_slides_nav {
  list-style:none;
  position:absolute;
  right:20px;
  bottom:20px;
  padding:12px;
  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;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

ul.cmsms_slides_nav li {
  display:block;
  float:left;
  padding:0 0 0 8px;
}

ul.cmsms_slides_nav li:first-child {padding:0;}

ul.cmsms_slides_nav li a {
  background-color:#ffffff;
  display:block;
  text-indent:-9999px;
  width:12px;
  height:12px;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -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;
}

.cmsms_slider_timer {
  position:absolute;
  bottom:15px;
  left:15px;
  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;
}


/* ---------- Responsive Content Slider ---------- */

.cmsms_content_slider_parent {
  width:100%;
  height:0;
  padding-bottom:56.25%;
  position:relative;
}

.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;
}

.cmsms_content_slider_parent ul.cmsms_slides_nav {
  list-style:none;
  float:right;
  padding:0;
  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;
}

.cmsms_content_slider_parent ul.cmsms_slides_nav li {
  display:block;
  float:left;
  padding:0 0 0 8px;
}

.cmsms_content_slider_parent ul.cmsms_slides_nav li.active a,
.cmsms_content_slider_parent ul.cmsms_slides_nav li:hover a {background-color:#000000;}

 .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:#ffffff;
  display:block;
  text-indent:-9999px;
  width:10px;
  height:10px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius: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;
}

.cmsms_nav_wrap_wrap {
  text-align:center;
  width:100%;
  height:36px;
  position:absolute;
  bottom:0;
  z-index:3;
}


/* ---------------------------------- Media Queries ----------------------------------------------*/

/* ---------- Large Monitor (Note: Design for a width more than 1440px) ---------- */

@media only screen and (min-width: 1440px) {

  #header,
  #middle,
  .navi_scrolled nav,
  .cont_nav,
  .splash .cmsms_nav_wrap {width:840px;}

  .splash .responsiveSlider .slideCaption.left,
  .splash .responsiveSlider .slideCaption.right {width:840px !important;}

  .bottom_inner,
  .footer_inner {width:800px;}

  .widget_custom_advertising_entries ul li {padding:0 8% 8% 0;}

}

/* ---------- Medium Monitor (Note: Design for a width more than 1023px but less than 1440px) ---------- */

@media only screen and (min-width: 1124px) and (max-width: 1439px) {

  .widget_custom_flickr_entries li {padding:0 5% 5% 0;}

  .one_fourth .portfolio_inner .hover_effect .hover_effect_links {padding:0;}

  .one_fourth .portfolio_inner .hover_effect .entry-title {margin:10px 0;}

}


/* ---------- 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) {

  #header,
  #middle,
  .navi_scrolled nav,
  .cont_nav,
  .splash .cmsms_nav_wrap {width:90%;}

  .splash .responsiveSlider .slideCaption.left,
  .splash .responsiveSlider .slideCaption.right {width:90% !important;}

  .cont_nav  {padding:0;}

  .bottom_inner,
  .footer_inner {
    width:90%;
    padding-left:5%;
    padding-right:5%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
  }

  #navigation > li > a {min-width:115px;}

  .widget_custom_popular_entries li .ovh {overflow:visible;}

  #content .tabs li,
  #content .tabs{display:block;}

  #content .tabs li a {border-right:none;}

  #content .tour,
  #content .tour_box{
    width:100%;
    float:none;
  }

  #content .tour_shadow:before {display:none;}

  .portfolio_inner .entry-header,
  .portfolio_inner .hover_effect .post_category {padding:0 10px;}

}


/* ---------- 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) {

  .one_fourth,
  .one_fourth+.one_fourth+.one_fourth,
  .widget_colored.four_box:nth-child(odd),
  .portfolio_container.four_blocks .portfolio:nth-child(odd),
  .format-album.four_blocks .resize .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 .resize .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 {margin-right:0;}

  .widget_colored.four_box:nth-child(even)+.widget_colored.four_box {border-left:none;}

}

/* ---------- Small Monitor (Note: Design for a width less than 1024px) ---------- */

@media only screen and (max-width: 1023px) {

  #middle {
    width:90%;
    margin:27px 5% 0;
  }

  .error .search_line {width:40%;}

  .commentlist ul li {padding-left:19px;}

  .commentlist ul {margin:0;}

}

/* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */

@media only screen and (max-width: 767px) {

  #header,
  #middle,
  .cont_nav,
  .splash .cmsms_nav_wrap {width:90%;}

  .cont_nav {padding:0;}

  .bottom_inner,
  .footer_inner {
    width:90%;
    padding-left:5%;
    padding-right:5%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
  }

  .splash .responsiveSlider .slideCaption.left,
  .splash .responsiveSlider .slideCaption.right {width:90% !important;}

  .navi_scrolled nav {width:100%;}

  #content,
  .content_wrap.sidebar_left #content,
  #sidebar,
  .content_wrap.sidebar_left #sidebar {
    width:100%;
    float:none;
    padding:25px 0;
  }

  .content_wrap {
    background:none;
    top:auto;
    padding-bottom:0;
  }

  .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 .resize .cmsms_media_box,
  .format-album.three_blocks .resize .cmsms_media_box {
    width:100%;
    float:none;
    padding-right:0;
  }

  .responsiveSlider .slideCaption>.slideCaptionInner {padding:10px 0;}

  .responsiveSlider .slideCaption.top,
  .responsiveSlider .slideCaption.left,
  .responsiveSlider .slideCaption.right,
  .responsiveSlider .slideCaption.bottom {display:none;}

  .error .search_line {width:60%;}

  .tour,
  .tour_box{
    width:100%;
    float:none;
  }

  .tour_shadow:before {display:none;}

  .tabs li,
  .tabs{display:block;}

  .tabs li a {border-right:none;}

  .footer_inner, .footer_inner .fr {
    text-align:center;
    float:none;
  }

  .footer_html {display:inline-block;}

  .footer_inner {padding:18px 5% 52px 5%;}

  .post_type_shortcode .one_fourth,
  .post_type_shortcode .one_third,
  .post_type_shortcode .one_half {padding-bottom:20px;}

  .header_inner {
    height:auto;
    padding:27px 0 24px;
    text-align:center;
  }

  .logo {
    position:relative;
    margin:0 0 8px;
    top:auto;
    left:auto;
  }

  .custom_html {
    text-align:center;
    margin:0;
    position:relative;
    top:auto;
    left:auto;
  }

  .header_inner .social_list {
    text-align:center;
    display:inline-block;
    position:relative;
    top:auto;
    right:auto;
    margin:20px 0 0;
  }

}

/* ---------- Mobile (Note: Design for a width less than 541px) ---------- */

@media only screen and (max-width: 540px) {

  .nav_wrap_inner.navi_scrolled {
    background:none;
    z-index:9999;
  }

  #header .nav_wrap {height:auto;}

  .header_inner .social_list {display:none;}

  .responsibe_block,
  .responsibe_block .social_list {display:block;}

  .responsibe_block {
    background-color:#313131;
    padding-bottom:7px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  }

  .responsibe_block_inner .social_list li a img {
    opacity:.2;
    filter:alpha(opacity=20);
    -webkit-transition:opacity .3s ease-out;
    -moz-transition:opacity .3s ease-out;
    -ms-transition:opacity .3s ease-out;
    -o-transition:opacity .3s ease-out;
    transition:opacity .3s ease-out;
  }

  .responsibe_block_inner .social_list li a:hover img {
    opacity:.8;
    filter:alpha(opacity=80);
  }

  .responsibe_block_inner {
    background:#363636 url(../images/bg_sharp.png) repeat 0 0;
    border-bottom:2px solid;
    height:38px;
    padding:12px 13px 0;
    overflow:hidden;
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
  }

  .resp_navigation  {
    background:#000000 url(../images/resp_navi_bg.png) no-repeat 50% 50%;
    display:block;
    width:36px;
    height:27px;
    float:right;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  }

  #navigation {
    display:none;
    margin:0;
    overflow:hidden;
    position:relative;
  }

  #navigation > li {width:auto;}

  #navigation li a span {font-size:14px;}

  #navigation > li.current_page_item > a,
  #navigation > li > a:hover,
  #navigation > li:hover > a {
    background-color:#f9f9f9;
  }

  #navigation li {
    float:none;
    overflow:hidden;
  }

  #navigation li > a {
    background-image:url(../images/resp_divider.png);
    background-repeat:repeat-x;
    background-position:0 0;
    display:block;
    padding:10px 7px 10px 10px;
    margin:0;
  }

  #navigation > li:first-child > a {background-image:none;}

  #navigation > li > a {
    border-left:none;
    padding-left:30px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
  }

  #navigation > li > ul > li > a {padding-left:50px;}

  #navigation > li > ul > li > ul > li > a {padding-left:70px;}

  #navigation > li > ul > li:last-child,
  #navigation ul li a,
  #navigation ul li:first-child > a,
  #navigation > li > ul > li:last-child,
  .navi_scrolled #navigation > li > a,
  .navi_scrolled #navigation > li:first-child > a,
  .touch_dev .navi_scrolled #navigation > li > a,
  .touch_dev .navi_scrolled #navigation > li:first-child > a,
  .touch_dev #navigation > li > a {border:none;}

  #navigation > li:first-child > a,
  #navigation > li:last-child > a,
  #navigation > li:first-child > a > span,
  #navigation > li:last-child > a > span,
  .touch_dev #navigation > li:last-child > a > span,
  .touch_dev #navigation > li:last-child > a,
  .touch_dev #navigation > li:first-child > a > span,
  .touch_dev #navigation > li:first-child > a{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
  }

  .touch_dev #navigation > li > a {padding-bottom:10px;}

  .touch_dev #navigation > li > a {margin-top:0;}

  .touch_dev #navigation > li.current_page_item > a > span,
  #navigation > li.current_page_item > a > span,
  #navigation > li:hover > a > span,
  #navigation > li > a:hover > span {
    padding:0;
    background:none;
  }

  #navigation ul li a {width:auto;}

  #navigation ul li a span,
  .navi_scrolled #navigation > li > a {text-shadow:none;}

  #navigation ul ul li a {
    margin-left:0;
    padding-left:25px;
  }

  #navigation > li > a > span {
    border:none;
    background:none;
    text-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
  }

  #navigation ul li.drop > a span,
  #navigation ul li.drop:hover > a > span,
  #navigation ul li.drop > a:hover > span,
  #navigation ul li.current_page_item.drop > a > span {
    background:url(../images/arrow_navi.png) no-repeat right -75px;
  }

  #navigation ul,
  #navigation ul ul,
  #navigation > li > ul {
    background:none;
    width:auto;
    display:none;
    padding:0;
    margin:0;
    visibility:visible;
    position:relative;
    left:auto;
    top:auto;
    opacity:1;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none;
  }

  #navigation ul li,
  #navigation li > a > span {padding:0;}

  .navi_scrolled #navigation > li.current_page_item > a > span,
  .navi_scrolled #navigation > li:hover > a > span,
  .navi_scrolled #navigation > li > a:hover > span,
  .touch_dev .navi_scrolled #navigation > li.current_page_item > a > span,
  .touch_dev .navi_scrolled #navigation > li:hover > a > span,
  .touch_dev .navi_scrolled #navigation > li > a:hover > span {padding-top:0;}

  .navi_scrolled #navigation > li > ul {top:auto;}

  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;}

  .widget_colored.four_box,
  .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 .resize .cmsms_media_box:nth-child(odd),
  .format-album.four_blocks .resize .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;
  }

  .widget_colored.four_box {
    display:block;
    border-left:none;
  }

  #sidebar {border-top:2px solid #ebebeb;}

  #sidebar .widget {padding-bottom:0;}

  .cmsms_format {margin-right:6px;}

  .post .entry-content {padding-left:10px;}

  .post_type_shortcode.four_blocks,
  .post_type_shortcode.two_blocks,
  .portfolio_container.two_blocks .portfolio,
  .portfolio_container.four_blocks {margin-right:0;}

  .cmsms-form-builder .cmsms_input {width:100%;}

  .comment-body .published,
  .p_sort,
  .comment-reply-link,
  .comment-content h6 {float:none;}

  .comment-reply-link,
  #commentform textarea {margin-top:10px;}

  .comment-body .published,
  #commentform label {padding-left:0;}

  .comment-body .alignleft {margin-bottom:4px;}

  #commentform input[type="text"],
  #commentform textarea,
  .cmsms-form-builder input[type="text"] {width:100%;}

  .pj_sort {padding-top:117px;}

  div.p_filter {padding:10px 0 0;}

  .error h1 {font-size:140px;}

  .error .search_line {width:90%;}

}