/*
Theme Name: Codeus
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/codeus/
Author URI: http://codex-themes.com/codeus/
Version: 3.2.1
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

/* RESET CSS */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  outline: none;
}

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

body {
  line-height: 1;
}

blockquote,
q {
  quotes: none;
  font-style: italic;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  vertical-align: top;
  max-width: 100%;
  width: auto;
  height: auto;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* IE6 */
* html .clearfix {
  height: 1%;
}

/* IE7 */
*:first-child+html .clearfix {
  min-height: 1%;
}

.clear {
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
}

/* ELEMENTS */

body {
  background-position: 50% 50%;
  background-repeat: repeat;
  background-attachment: fixed;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#content .inner>p,
.block.content .inner>p {
  margin-bottom: 20px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:hover:after,
a:hover:before {
  text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
table thead th {
  text-transform: uppercase;
}

h1 {
  margin-bottom: 0.689655em;
}

h2,
body.home-constructor h3.widget-title {
  margin-bottom: 0.555556em;
}

#content>.inner>h2 {
  margin-bottom: 1.111112em;
}

h3 {
  margin-bottom: 0.766667em;
}

h4 {
  margin-bottom: 0.583333em;
}

h5 {
  margin-bottom: 0.666667em;
}

h6 {
  margin-bottom: 0.631579em;
}

sup,
sub {
  font-size: 70%;
}

table {
  border: 8px solid transparent;
}

thead tr td,
thead tr th {
  font-size: 24px;
  padding: 13px 25px 19px 25px;
}

th,
td {
  padding: 15px 25px;
}

table.nostyle {
  border: 0 none;
}

table.nostyle thead tr td,
table.nostyle thead tr th {
  font-size: inherit;
  padding: 0;
}

table.nostyle th,
table.nostyle td {
  padding: 0;
}

table.nostyle thead tr {
  background-color: transparent !important;
}

table.nostyle tr:nth-child(even) {
  background-color: transparent !important;
}

ol.styled {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.styled {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nocomments {
  display: none;
}

input[type="submit"],
button,
a.button {
  display: inline-block;
  position: relative;
  margin-top: 30px;
  border: 0 none;
  padding: 18px 20px 17px 60px;
  text-transform: uppercase;
  cursor: pointer;
}

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

input[type="submit"] {
  padding: 14px 25px;
}

button:before,
a.button:before {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  font-family: 'Codeus';
  font-weight: normal;
  font-size: 16px;
  content: '\e603';
  text-indent: 6px;
  border: 1px solid transparent;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

blockquote p:after {
  font-family: 'Codeus';
  font-weight: normal;
  font-size: 25px;
  top: 10px;
  position: relative;
  content: '\00a0 \e600';
  font-style: normal;
  vertical-align: bottom;
}

blockquote p:before {
  font-family: 'Codeus';
  font-weight: normal;
  font-size: 25px;
  top: 16px;
  left: 25px;
  transform: rotateZ(180deg);
  position: absolute;
  content: '\00a0 \e600';
  font-style: normal;
  vertical-align: bottom;
}

.icon {
  position: absolute;
  left: 0;
  width: 28px;
  line-height: 28px;
  font-size: 21px;
  font-family: 'Codeus-Icons';
  font-weight: normal;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  text-align: center;
  border: 1px solid transparent;
}

@-moz-document url-prefix() {}

.noscript+.loading {
  position: relative;
  margin: 0 auto;
  height: 80px;
}

.noscript+.loading:before {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  left: 50%;
  margin-left: -35px;
  top: 50%;
  margin-top: -35px;
  background: url('images/preloader.gif') no-repeat 50% 50%;
  background-color: #ffffff;
  border-radius: 35px;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
}

input[type="text"],
input[type="password"],
textarea,
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="month"],
input[type="week"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 7px;
  margin: 3px;
  border: 0 none;
  font-size: 88.2%;
  font-family: inherit;
  border: 1px solid transparent;
}

.pagination {
  text-align: center;
  margin-right: -17px;
  padding: 20px 0 30px;
}

.page-links-title {
  display: inline-block;
  line-height: 50px;
  text-transform: uppercase;
  margin-right: 15px;
  vertical-align: top;
}

.pagination>a,
.pagination>span {
  display: inline-block;
  width: 49px;
  margin-right: 17px;
  height: 49px;
  line-height: 49px;
  border: 1px solid transparent;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
}

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

.pagination a.prev,
.pagination a.next {
  position: relative;
  text-indent: 50px;
  overflow: hidden;
  vertical-align: bottom;
}

.pagination a.prev:before,
.pagination a.next:before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'Codeus';
  font-weight: normal;
  width: 49px;
  line-height: 49px;
  line-height: 49px;
  font-size: 30px;
  text-align: center;
  text-indent: 0;
  background: transparent;
}

.pagination a.prev:before {
  content: '\e606';
  text-indent: -8px;
}

.pagination a.next:before {
  content: '\e607';
}

.socials-sharing {
  margin-top: 30px;
}

.socials ul {
  margin: 0 -15px -15px 0;
  font-size: 0;
}

.socials li {
  display: inline-block;
  margin: 0 15px 15px 0 !important;
  padding: 0 !important;
}

.socials li a {
  display: inline-block;
  position: relative;
  width: 35px;
  height: 35px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
}

.socials li a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  text-align: center;
  text-indent: 0;
  font-family: 'Codeus-Socials';
  font-weight: normal;
  font-size: 18px;
  color: #ffffff;
}

.socials li a:hover:after {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  opacity: 0.8;
}

.socials li.twitter a:after {
  content: '\e603';
  background-color: #55acee;
}

.socials li.twitter a:hover:after {
  background-color: #55acee;
}

.socials li.facebook a:after {
  content: '\e601';
  background-color: #3B5998;
}

.socials li.facebook a:hover:after {
  background-color: #3B5998;
}

.socials li.linkedin a:after {
  content: '\e604';
  background-color: #0079ba;
}

.socials li.linkedin a:hover:after {
  background-color: #0079ba;
}

.socials li.googleplus a:after {
  content: '\e602';
  background-color: #4285f4;
}

.socials li.googleplus a:hover:after {
  background-color: #4285f4;
}

.socials li.stumbleupon a:after {
  content: '\e606';
  background-color: #ff8226;
}

.socials li.stumbleupon a:hover:after {
  background-color: #ff8226;
}

.socials li.rss a:after {
  content: '\e608';
  background-color: #ff8c00;
}

.socials li.rss a:hover:after {
  background-color: #ff8c00;
}

.tags {
  margin: 30px 0;
}

.button_group.group1>.clear {
  display: none;
}



/* LAYOUT */

#page {
  width: 100%;
  min-height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
  box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 10;
}

#page.fullwidth {
  padding: 0;
}

#page.boxed {
  width: 1260px;
  margin: 0 auto;
}

/* Geekblog記事下とSNSシェアのプラグイン間を空ける */
.va-social-buzz {
  margin-top: 40px;
}

/* プラグイン文字色を白に適用 */
.vasb_share_button a {
  color: #fff !important;
}

/* プロフィール欄の目次を削除 */
.ts-fab-tab #toc_container.toc_white {
  display: none;
}

.va-social-buzz a {
  text-decoration: none !important;
}

@media only screen and (max-width:1259px) {
  #page.boxed {
    width: auto;
  }
}

.central-wrapper {
  width: 1200px;
  margin: 0 auto;
}

#page.boxed #header.header-fixed .central-wrapper {
  width: 1200px;
}

@media only screen and (max-width:1259px) {
  #page.boxed {
    width: auto;
  }
}

/* HEADER */


/* !!!!!!!!!!!!!!!!!!!! */
.page-title-block {
  text-align: center;
  background-color: #4fa4c8;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
}

.page-title-block-content {
  padding: 23px 0 26px 0;
}

.page-title-block .page-title-block-header h1 {
  margin: 0;
  text-transform: none;
  font-size: 40px;
  line-height: 1.2;
  color: #ffffff;
}

@media only screen and (max-width:550px) {
  .page-title-block .page-title-block-header h1 {
    font-size: 40px;
  }
}

.page-title-block .page-excerpt {
  margin: 11px 0 0 0;
  font-size: 112%;
  display: none;
}

/*.header-fixed-wrapper {
  position: relative;
  z-index: 10;
  background: #ffffff;
}*/
#header {
  position: relative;
  border-top: 0 none;
  z-index: 10;
}

#header .central-wrapper {
  padding-bottom: 20px;
}

#header.header-fixed {
  background: rgba(255, 255, 255, 0.95);
}

#header.header-fixed:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 100%;
  bottom: 0;
  width: 120%;
  height: 7px;
  left: -10%;
  right: -10%;
  background: -webkit-radial-gradient(50% -3%, ellipse cover, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0) 50%);
  background: radial-gradient(ellipse at 50% -3%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0) 50%);
}

#header.header-fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

#header h1 {
  margin: 0;
}

#header .logo {
  float: left;
  padding: 20px 0 0 20px;
  max-width: 50%;
  line-height: 0;
}

#header .logo img.header-fixed-logo {
  display: none;
}

#header .logo a {
  font-size: 16px;
}

@media only screen and (max-width:1199px) {
  #header .logo img {
    display: none !important;
  }

  #header .logo img.header-fixed-logo {
    display: inline !important;
  }
}

#header .logo-position-right .logo {
  float: right;
  padding: 20px 20px 0 0;
}

#header.header-fixed .logo {
  padding-top: 13px;
}

#header #site-navigation {
  float: right;
}

#header .logo-position-right #site-navigation {
  float: left;
}

#header #site-navigation .menu-toggle {
  display: none;
}

#header #site-navigation ul.main_menu {
  list-style: none;
  padding: 0;
  margin-top: 22px;
  padding: 0;
}

#header #site-navigation ul.main_menu li {
  display: inline-block;
  padding: 20px 0 0;
  position: relative;
  z-index: 20;
  vertical-align: top;
}

#header.header-fixed #site-navigation>ul.main_menu>li {
  padding-top: 17px;
}

@media only screen and (max-width:799px) {
  #header.header-fixed #site-navigation>ul.main_menu>li {
    padding-top: 0px;
  }
}

#header #site-navigation ul.main_menu li a {
  display: block;
  font-weight: bold;
  padding: 0 15px;
  text-transform: uppercase;
  white-space: nowrap;
}

#header.header-fixed #site-navigation>ul.main_menu>li>a {
  line-height: 42px;
}

#header #site-navigation ul.main_menu li a:hover {
  text-decoration: none;
}

#header #site-navigation ul.main_menu ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 280px;
  box-shadow: 0 0 3px 0 #aaa;
  -moz-box-shadow: 0 0 3px 0 #aaa;
  -webkit-box-shadow: 0 0 3px 0 #aaa;
  padding: 0;
}

#header #site-navigation ul.main_menu ul.horizontalFlip {
  left: auto;
  right: 0;
}

#header #site-navigation ul.main_menu li:hover>ul,
#header #site-navigation ul.main_menu li.hover>ul {
  display: block;
  animation: menuLevel2Show 0.3s ease-out forwards;
  -webkit-animation: menuLevel2Show 0.3s ease-out forwards;
}

@-webkit-keyframes menuLevel2Show {
  0% {
    opacity: 0;
    margin-top: 30px;
  }

  10% {
    opacity: 0;
    margin-top: 30px;
  }

  100% {
    opacity: 1;
    margin-top: 0px;
  }
}

@keyframes menuLevel2Show {
  0% {
    opacity: 0;
    margin-top: 30px;
  }

  10% {
    opacity: 0;
    margin-top: 30px;
  }

  100% {
    opacity: 1;
    margin-top: 0px;
  }
}

#header #site-navigation ul.main_menu li li {
  display: block;
  padding: 0;
}

#header #site-navigation ul.main_menu li li a {
  padding: 7px 25px;
  position: relative;
  white-space: normal;
}

#header #site-navigation ul.main_menu li li.menu-parent-item>a:before {
  position: absolute;
  right: 15px;
  font-family: 'Codeus';
  font-size: 11px;
  content: '\e60f';
}

#header #site-navigation ul.main_menu ul ul,
#header #site-navigation ul.main_menu ul ul ul {
  left: 100%;
  top: 0;
}

#header #site-navigation ul.main_menu ul li:hover>ul,
#header #site-navigation ul.main_menu ul li.hover>ul {
  display: block;
  animation: menuLevel3Show 0.3s ease-out forwards;
  -webkit-animation: menuLevel3Show 0.3s ease-out forwards;
}

@-webkit-keyframes menuLevel3Show {
  0% {
    opacity: 0;
    margin-left: 30px;
    margin-top: 0;
  }

  10% {
    opacity: 0;
    margin-left: 30px;
    margin-top: 0;
  }

  100% {
    opacity: 1;
    margin-left: 0px;
    margin-top: 0;
  }
}

@keyframes menuLevel3Show {
  0% {
    opacity: 0;
    margin-left: 30px;
    margin-top: 0;
  }

  10% {
    opacity: 0;
    margin-left: 30px;
    margin-top: 0;
  }

  100% {
    opacity: 1;
    margin-left: 0px;
    margin-top: 0;
  }
}

#header #site-navigation ul.main_menu ul ul.horizontalFlip {
  left: auto;
  right: 100%;
}

#header #site-navigation ul.main_menu ul li:hover>ul.horizontalFlip,
#header #site-navigation ul.main_menu ul li.hover>ul.horizontalFlip {
  display: block;
  animation: menuLevel3FlipShow 0.3s ease-out forwards;
  -webkit-animation: menuLevel3FlipShow 0.3s ease-out forwards;
}

@-webkit-keyframes menuLevel3FlipShow {
  0% {
    opacity: 0;
    margin-right: 30px;
    margin-top: 0;
  }

  10% {
    opacity: 0;
    margin-right: 30px;
    margin-top: 0;
  }

  100% {
    opacity: 1;
    margin-right: 0px;
    margin-top: 0;
  }
}

@keyframes menuLevel3FlipShow {
  0% {
    opacity: 0;
    margin-right: 30px;
    margin-top: 0;
  }

  10% {
    opacity: 0;
    margin-right: 30px;
    margin-top: 0;
  }

  100% {
    opacity: 1;
    margin-right: 0px;
    margin-top: 0;
  }
}

/* BLOCKS & CONTENT */

.content-wrap {
  position: relative;
  z-index: 8;
}

/* CONTENT */

#main {
  padding: 70px 0 0;
}

#main .central-wrapper {
  padding-bottom: 60px;
}

.panel {
  padding-right: 350px;
  s
}

body.home-constructor .panel {
  padding-right: 380px;
}

body.home-constructor .content-right .panel {
  padding-right: 0;
  padding-left: 380px;
}

.center {
  float: left;
  position: relative;
  padding: 0 0 0 15px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content-right .panel {
  padding-right: 0;
  padding-left: 350px;
}

.content-right .center {
  padding: 0 15px 0 0;
  margin-right: 0;
  float: right;
}

.fullwidth {
  padding: 0 15px;
  clear: both;
}

/* SIDEBAR */

.sidebar {
  float: right;
  width: 270px;
  padding: 0 15px 0 65px;
  margin-right: -350px;
}

.content-right .sidebar {
  float: left;
  width: 270px;
  padding: 0 65px 0 15px;
  margin-left: -350px;
  margin-right: 0;
}

body.home-constructor .sidebar {
  width: 330px;
  padding: 0 15px 0 35px;
  margin-right: -380px;
}

body.home-constructor .content-right .sidebar {
  width: 330px;
  padding: 0 35px 0 15px;
  margin-left: -380px;
  margin-right: 0;
}

.sidebar .widget+.widget {
  margin-top: 35px;
  /*border-top: 1px solid transparent;*/
  padding-top: 35px;
}

section#diagram-4,
section#diagram-5,
section#diagram-6 {
  display: none;
}

.sidebar .widget.picturebox+.widget,
.sidebar .widget.widget_submenu+.widget,
.sidebar .widget.widget_nav_menu+.widget,
.sidebar .widget.widget_categories+.widget,
.sidebar .widget.widget_meta+.widget,
.sidebar .widget.widget_search+.widget,
.sidebar .widget.Custom_Flickr+.widget,
.sidebar .widget.project_info+.widget,
.sidebar .widget.widget_testimonials+.widget {
  border-top: 0 solid;
  margin-top: 25px;
}

/* FOOTER */

#footer #contacts {
  padding: 60px 0;
}

#footer .socials-icons .text {
  padding-bottom: 35px;
}

#footer .socials-icons li a {
  width: 60px;
  height: 60px;
}

/* !!!!!!!!!!!!!!!!!!!! */
#footer .socials-icons li a:after {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  font-size: 32px;
  color: white !important;
  ;
}

#footer .socials-icons li a:hover:after {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

/*@-moz-document url-prefix() {
  #footer .socials-icons li a:after {
    padding-left: 2px;
    width: 58px;
  }
}*/
#bottom-line {
  padding: 35px 0;
}

#bottom-line ul.footer-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

#bottom-line .footer-nav li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  padding-left: 1.2em;
}

#bottom-line .footer-nav li a {
  display: block;
  white-space: nowrap;
}

#bottom-line .footer-nav li:before {
  position: absolute;
  font-family: 'Codeus';
  font-weight: normal;
  content: '\e60f';
  font-size: 64.7%;
  left: 0.5em;
}

/* BLOCKS */

.block {
  z-index: 9;
}

/* SLIDESHOW */

.slideshow {
  position: relative;
  /*  max-height: 470px;*/
  overflow: hidden;
}

.slideshow.noscript,
.slideshow.noscript+.loading {
  height: 470px;
  display: block !important;
}

.slideshow.noscript+.loading {
  margin-top: -470px;
  z-index: 10;
}

.slideshow .nivo-controlNav {
  padding: 0 0 16px;
  height: 17px;
  margin-top: -33px;
  position: relative;
  z-index: 20;
}

.slideshow .nivo-controlNav a {
  display: inline-block;
  background: url('images/slideshow-buttons.png') no-repeat 0 0;
  height: 17px;
  width: 17px;
  margin: 0 4px 0 0 !important;
  text-indent: -100px;
  overflow: hidden;
}

.slideshow .nivo-controlNav a.active {
  background-position: -17px 0;
}

.slideshow .nivo-controlNav a.active {
  background-position: -17px 0;
}

.slideshow .nivo-caption {
  padding: 0;
  overflow: visible;
  opacity: 1;
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.slideshow .caption-left,
.slideshow .caption-right {
  position: absolute;
  bottom: 50px;
  max-width: 50%;
}

.slideshow .caption-left {
  left: 20px;
}

.slideshow .caption-right {
  right: 20px;
}

@media only screen and (max-width:1439px) {
  .slideshow .nivo-caption {
    width: auto;
  }

  .slideshow .caption-left {
    left: 155px;
  }

  .slideshow .caption-right {
    right: 155px;
  }
}

@media only screen and (max-width:799px) {
  .slideshow .caption-left {
    left: 80px;
  }

  .slideshow .caption-right {
    right: 80px;
  }
}

.slideshow .caption-left .title,
.slideshow .caption-left .description {
  float: left;
  text-align: left;
}

.slideshow .caption-right .title,
.slideshow .caption-right .description {
  float: right;
  text-align: right;
}

.slideshow .nivo-caption .title {
  color: #ffffff;
  background-color: #3b526f;
  background-color: rgba(59, 82, 111, 0.6);
  padding: 10px 15px;
}

.slideshow .nivo-caption .description {
  color: #ffffff;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 0 10px;
}

/* QUICKFINDER */

.quickfinder {
  padding: 50px 0;
}

h2+.quickfinder {
  padding-top: 30px;
}

.quickfinder ul {
  text-align: justify;
  margin-bottom: -60px;
  font-size: 1px;
  line-height: 0;
}

.quickfinder ul:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 0;
  font-size: 0;
  overflow: hidden;
}

.quickfinder ul li {
  display: inline-block;
  text-align: center;
  width: 255px;
  vertical-align: top;
  margin-bottom: 60px;
}

.quickfinder ul li {
  width: 255px;
  padding: 0 10px;
}

.quickfinder ul li a {
  text-decoration: none;
}

.quickfinder ul li span {
  display: block;
}

.quickfinder ul li .image {
  position: relative;
  width: 170px;
  height: 170px;
  line-height: 170px;
  border-radius: 85px;
  -moz-border-radius: 85px;
  -webkit-border-radius: 85px;
  font-weight: normal;
  text-align: center;
  font-family: 'Codeus-Icons';
  margin: 0 auto 25px;
  font-size: 85px;
  overflow: hidden;
}

body.lazy-enabled .quickfinder ul li .image {
  transform: scale(0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
}

.quickfinder ul li .image.thumb {
  background: transparent;
}

.quickfinder ul li .image.thumb span {
  margin: 0;
  height: 170px;
  width: 170px;
  position: relative;
}

.quickfinder ul li .image.thumb img {
  position: relative;
  border-radius: 85px;
  -moz-border-radius: 85px;
  -webkit-border-radius: 85px;
}

.quickfinder ul li .image.thumb .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  opacity: 0;
  background-color: rgb(58, 83, 112);
}

.quickfinder ul li:hover .image.thumb .overlay {
  opacity: 0.8;
}

body.lazy-enabled .quickfinder ul li .caption {
  opacity: 0;
}

.quickfinder ul li .image span {
  width: 168px;
  height: 168px;
  line-height: 168px;
  margin: 1px auto 0;
  border-radius: 85px;
  -moz-border-radius: 85px;
  -webkit-border-radius: 85px;
  text-align: center;
  font-family: 'Codeus-Icons';
  font-size: 85px;
  overflow: hidden;
  cursor: pointer;
  font-weight: normal;
}

.quickfinder ul li .title {
  text-transform: uppercase;
  margin-bottom: 15px;
}

.quickfinder.block {
  background-position: 50% 0;
  background-repeat: repeat;
  padding-bottom: 0;
}

.quickfinder.block .central-wrapper {
  padding-bottom: 45px;
}

/* PORTFOLIO */

.portfolio {
  padding: 20px 0;
}

.portfolio .galleriffic,
.portfolio .rubrics {
  position: relative;
  overflow: hidden;
}

.portfolio .galleriffic ul.thumbs,
.portfolio .rubrics ul.thumbs {
  text-align: justify;
  margin-bottom: -30px;
  font-size: 1px;
  line-height: 0;
}

.portfolio .galleriffic ul.thumbs:after,
.portfolio .rubrics ul.thumbs:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 0;
  font-size: 0px;
  overflow: hidden;
}

.portfolio .galleriffic ul.thumbs li,
.portfolio .rubrics ul.thumbs li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin-bottom: 47px;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}

.portfolio.small .rubrics ul.thumbs li {
  margin-bottom: 43px;
}

.portfolio.small ul li {
  width: 267px;
}

.portfolio.medium ul li {
  width: 371px;
}

.center .portfolio.medium ul li {
  width: 292px;
}

.portfolio.big ul li {
  width: 565px;
}

.portfolio ul.thumbs li {
  max-width: 100%;
}

.portfolio ul.thumbs li a {
  text-decoration: none;
  padding-bottom: 0;
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.portfolio ul.thumbs li a span {
  display: block;
}

.portfolio ul.thumbs li .image {
  position: relative;
}

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

  .portfolio.small .galleriffic ul.thumbs,
  .portfolio.small .rubrics ul.thumbs {
    text-align: center;
  }
}

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

  .portfolio.medium .galleriffic ul.thumbs,
  .portfolio.medium .rubrics ul.thumbs {
    text-align: center;
  }
}

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

  .portfolio.big .galleriffic ul.thumbs,
  .portfolio.big .rubrics ul.thumbs {
    text-align: center;
  }
}

.portfolio ul.thumbs li .image .overlay {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(58, 83, 112, 0.8);
  display: none;
}

.portfolio ul.thumbs li .overlay .p-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: -50px 0 0 -50px;
  font-family: 'Codeus';
  font-weight: normal;
  font-size: 52px;
  border: 1px solid transparent;
  border-radius: 50px;
  color: transparent;
}

.portfolio ul.thumbs li.inner-link .overlay .p-icon:before,
.portfolio ul.thumbs li.self-link .overlay .p-icon:before {
  content: '\e60b';
}

.portfolio ul.thumbs li.outer-link .overlay .p-icon:before {
  content: '\e60c';
}

.portfolio ul.thumbs li.full-image .overlay .p-icon:before {
  content: '\e60d';
}

.portfolio ul.thumbs li.youtube .overlay .p-icon:before,
.portfolio ul.thumbs li.vimeo .overlay .p-icon:before,
.portfolio ul.thumbs li.self_video .overlay .p-icon:before {
  content: '\e60e';
}

.portfolio ul.thumbs li .caption {
  width: 100%;
}

.portfolio ul.thumbs li .title {
  position: relative;
  text-transform: uppercase;
  padding: 0 70px 0 25px;
  height: 60px;
  line-height: 60px;
  text-align: left;
  white-space: nowrap;
}

.portfolio.small ul.thumbs li .title {
  height: 45px;
  margin: -45px 0 0 0;
  background: none;
  line-height: 45px;
}

.portfolio ul.thumbs li .small-title {
  text-transform: uppercase;
  text-align: left;
  line-height: 1.2;
  margin: 20px 0 0 0;
}

.portfolio ul.thumbs li .title .title-inner {
  position: relative;
  height: 60px;
  overflow: hidden;
  z-index: 2;
}

.portfolio ul.thumbs li .title .title-inner-content {
  position: relative;
  z-index: 2;
}

.portfolio ul.thumbs li .title .title-hover-color {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 0;
  z-index: 1;
  font-size: 0;
  line-height: 1;
}

.portfolio ul.thumbs li .share-block-toggle {
  font-family: 'Codeus-Socials';
  font-weight: normal;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 10.9%;
  font-size: 20px;
  z-index: 2;
}

.portfolio.medium ul.thumbs li .share-block-toggle {
  width: 16.6%;
}

.portfolio.small ul.thumbs li .share-block-toggle {
  width: 45px;
}

.portfolio ul.thumbs li .share-block {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 60px;
  line-height: 60px;
  z-index: 2;
}

.portfolio.small ul.thumbs li .share-block {
  height: 45px;
  line-height: 45px;
}

.portfolio ul.thumbs li .share-block a {
  font-family: 'Codeus-Socials';
  font-weight: normal;
  width: 16.6666%;
  height: 100%;
  float: left;
  font-size: 24px;
}

.portfolio ul.thumbs li .description {
  padding: 20px 0 0;
  min-height: 20px;
  text-align: left;
}

.portfolio.small ul.thumbs li .description {
  padding-top: 11px;
}

.portfolio ul.thumbs li .info {
  font-size: 88.2%;
  line-height: 1.471;
  text-align: left;
  padding: 0 0 0 0;
}

.portfolio ul.thumbs li .info span {
  margin: 0 8px 0 6px;
}

.portfolio ul.thumbs li .info a {
  display: inline;
  font-size: 88.2%;
  line-height: 1.471;
  cursor: pointer;
}

.portfolio ul.thumbs li .info a:hover {
  text-decoration: underline;
}

.portfolio ul.filter {
  margin-bottom: 45px;
  text-align: center;
}

.portfolio ul.filter li {
  display: inline-block;
  width: auto;
  padding-right: 15px;
  padding-left: 15px;
  line-height: 30px;
  min-height: 30px;
}

.center .portfolio.medium ul.filter li {
  width: auto;
}

.portfolio ul.filter li a {
  display: block;
}

.portfolio ul.filter li.iconed a {
  position: relative;
  padding-left: 34px;
  background-position: 0 0;
  background-repeat: no-repeat;
  line-height: 30px;
  min-height: 30px;
}

.portfolio ul.filter li.active a {
  text-decoration: underline;
}

.portfolio ul.filter li .icon {
  background: none;
}

.portfolio ul.filter li a:hover .icon,
.portfolio ul.filter li.active a .icon {
  background: none;
}

.portfolio ul.thumbs-temp {
  display: none;
}

.portfolio.list ul.thumbs li {
  display: block;
  text-align: left;
  width: 100%;
  margin-bottom: 75px;
  background: transparent;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}

.portfolio.list ul.thumbs li .left-block {
  float: left;
}

.portfolio.list ul.thumbs li .right-block {
  display: block;
  text-align: left;
  margin-left: 400px;
}

@media only screen and (max-width: 999px) {
  .portfolio.list ul.thumbs li .left-block {
    width: 45%;
  }

  .portfolio.list ul.thumbs li .right-block {
    margin-left: 50%;
  }
}

@media only screen and (max-width: 599px) {
  .portfolio.list ul.thumbs li .left-block {
    float: none;
    width: auto;
  }

  .portfolio.list ul.thumbs li .right-block {
    margin-left: 0;
  }
}

.portfolio.list ul.thumbs li .description {
  padding-top: 0;
}

.portfolio.list ul.thumbs li .share-block-toggle {
  width: 16.666%;
}

.block.portfolio {
  padding: 50px 0 60px;
  background-position: 50% 0;
  background-repeat: repeat;
}

.block.portfolio h2 {
  margin-bottom: 20px;
  text-align: center;
}

.block.portfolio .set-description {
  text-align: center;
  margin-bottom: 40px;
}

.block.portfolio .carousel-wrapper {
  position: relative;
  margin-right: 135px;
  margin-left: 135px;
}

.block.portfolio .carousel {
  margin: 0 auto;
  max-width: 1170px;
}

.block.portfolio ul.thumbs {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.block.portfolio ul.thumbs li {
  display: inline-block;
  padding: 0;
  width: 370px;
  margin-right: 15px;
  margin-left: 15px;
  vertical-align: top;
  position: absolute;
  left: 100%;
  max-width: 100%;
  overflow: hidden;
}

.block.portfolio ul.thumbs li a {
  text-decoration: none;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.block.portfolio ul.thumbs li a span {
  display: block;
}

.block.portfolio ul.thumbs li .image {
  position: relative;
}

.block.portfolio ul.thumbs li .overlay {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(58, 83, 112, 0.8);
  display: none;
}

.block.portfolio ul.thumbs li .overlay .p-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: -50px 0 0 -50px;
  font-family: 'Codeus';
  font-weight: normal;
  font-size: 52px;
  border: 1px solid transparent;
  border-radius: 50px;
  color: transparent;
}

.block.portfolio ul.thumbs li.inner-link .overlay .p-icon:before,
.block.portfolio ul.thumbs li.self-link .overlay .p-icon:before {
  content: '\e60b';
}

.block.portfolio ul.thumbs li.outer-link .overlay .p-icon:before {
  content: '\e60c';
}

.block.portfolio ul.thumbs li.full-image .overlay .p-icon:before {
  content: '\e60d';
}

.block.portfolio ul.thumbs li.youtube .overlay .p-icon:before,
.block.portfolio ul.thumbs li.vimeo .overlay .p-icon:before,
.block.portfolio ul.thumbs li.self_video .overlay .p-icon:before {
  content: '\e60e';
}

.block.portfolio ul.thumbs li .caption {
  width: 100%;
}

.block.portfolio ul.thumbs li .title {
  position: relative;
  text-transform: uppercase;
  padding: 0 70px 0 25px;
  height: 60px;
  line-height: 60px;
  text-align: left;
  white-space: nowrap;
}

.block.portfolio ul.thumbs li .small-title {
  display: none;
}

.block.portfolio ul.thumbs li .title .title-inner {
  position: relative;
  height: 60px;
  overflow: hidden;
  z-index: 2;
}

.block.portfolio ul.thumbs li .title .title-inner-content {
  position: relative;
  z-index: 2;
}

.block.portfolio ul.thumbs li .title .title-hover-color {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 0;
  z-index: 1;
  font-size: 0;
  line-height: 1;
}

.block.portfolio ul.thumbs li .share-block-toggle {
  font-family: 'Codeus-Socials';
  font-weight: normal;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 16.6666%;
  font-size: 20px;
  z-index: 2;
}

.block.portfolio ul.thumbs li .share-block {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 60px;
  line-height: 60px;
  z-index: 2;
}

.block.portfolio ul.thumbs li .share-block a {
  font-family: 'Codeus-Socials';
  font-weight: normal;
  width: 16.6666%;
  height: 100%;
  float: left;
  font-size: 24px;
}

.block.portfolio ul.thumbs li .description {
  font-size: 17px;
  padding: 20px 10px 0;
  min-height: 40px;
  text-align: center;
}

/* NEWS */

.block.news {
  padding: 55px 0 0;
  overflow: hidden;
}

.block.news .central-wrapper {
  padding-bottom: 70px;
}

.news_list {
  margin-right: -50px;
}

.news_list .news_item {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0 50px 40px 105px;
  width: 49%;
}

#menu-item-223 a {
  text-transform: lowercase;
}

@media only screen and (max-width:1199px) {
  .panel .news_list .news_item {
    width: 100%;
  }
}

@media only screen and (max-width:799px) {
  .block.news .fullwidth .news_list .news_item {
    width: 100%;
  }

  /*.recruitment .one_fourth{
    float: left;
    width: 31%!important;
  }*/
}

.news_list .news_item .left-col {
  float: left;
  margin-left: -110px;
  width: 105px;
}

.news_list .news_item a.image {
  float: left;
  margin-right: 9px;
  width: 72px;
  height: 72px;
  padding: 11px;
  border-radius: 46px;
  -moz-border-radius: 46px;
  -webkit-border-radius: 46px;
  margin-bottom: 13px;
}

.news_list .news_item a.image img,
.news_list .news_item a.image .empty {
  width: 72px;
  height: 72px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
}

.news_list .news_item a.image .empty {
  display: block;
  background: url('images/dummy.png') no-repeat 50% 50%;
}

.news_list .news_item .date {
  float: left;
  width: 94px;
  text-align: center;
  font-size: 88.2%;
  line-height: 1.2;
}

.news_list .news_item .news-content {
  float: left;
  width: 100%;
}

.news_list .news_item .news-content .title {
  margin: 23px 0 4px 2px;
}

.news_list .news_item .news-content .title a {
  text-decoration: underline;
}

.news_list .news_item .news-content .title a:hover {
  text-decoration: none;
}

.news_list .news-content .text {
  font-size: 85%;
}

.news_list .all-news {
  clear: both;
  padding: 0 0 0 87px;
}

.news_list .all-news a {
  position: relative;
  text-decoration: underline;
  display: inline-block;
}

.news_list .all-news a:hover {
  text-decoration: none;
}

.news_list .all-news a:before {
  display: inline-block;
  font-family: 'Codeus';
  font-size: 12px;
  font-weight: normal;
  content: '\e60f';
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=1);
  position: relative;
  margin: 0 5px 0 0;
}

.newslist {
  position: relative;
}

.newslist:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 11px;
  left: 147px;
  margin-left: 12px;
}

.newslist:after {
  content: '';
  position: absolute;
  bottom: -17px;
  width: 26px;
  height: 26px;
  left: 147px;
  margin-left: 4px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.newslist>li {
  position: relative;
  margin: 27px 0 0 0;
}

.newslist>li:first-child {
  margin: 0;
}

.newslist>li .news-info {
  float: left;
}

.newslist>li .datetime {
  text-align: center;
  float: left;
  width: 100px;
}

.newslist>li .datetime .day {
  display: block;
  font-size: 26px;
  color: #3b3e4f;
  line-height: 1.2;
}

.newslist>li .datetime .time {
  display: block;
  line-height: 1.2;
  font-size: 23px !important;
  color: #75889C;
}

.newslist>li .thumbnail {
  position: relative;
  font-size: 0;
  line-height: 1;
  float: left;
}

.newslist>li .thumbnail img {
  width: 72px;
  height: 72px;
  border: 11px solid transparent;
  border-radius: 45px;
  -moz-border-radius: 45px;
  -webkit-border-radius: 45px;
  background: #ffffff;
  display: inline-block;
  margin-left: 18px;
}

.newslist>li .thumbnail .empty {
  display: inline-block;
  width: 72px;
  height: 72px;
  position: relative;
  border-radius: 45px;
  -moz-border-radius: 45px;
  -webkit-border-radius: 45px;
  border: 11px solid transparent;
  margin-left: 18px;
}

.newslist>li .thumbnail .empty:after {
  content: '\e616';
  position: absolute;
  left: 0;
  font-family: 'Codeus';
  width: 72px;
  height: 72px;
  font-size: 32px;
  line-height: 72px;
  text-align: center;
  text-indent: 0;
  top: 0;
  text-align: center;
}

.newslist>li .text {
  padding: 37px 35px 37px 41px;
  position: relative;
  margin: 0 0 0 234px;
}

.newslist>li .text:after {
  right: 100%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 18px;
  border-style: solid;
  top: 34px;
}

.newslist+.pagination {
  margin-top: 20px;
}

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

  .panel .newslist:before,
  .panel .newslist:after {
    display: none;
  }

  .panel .newslist>li .news-info {
    float: none;
  }

  .panel .newslist>li .news-info:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  .panel .newslist>li .thumbnail {
    float: right;
  }

  .panel .newslist>li .text {
    margin: 15px 0 0 0;
  }

  .panel .newslist>li .text:after {
    right: auto;
    top: -36px;
    left: 34px;
  }
}

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

  #page .newslist:before,
  #page .newslist:after {
    display: block;
  }

  #page .newslist>li .news-info {
    float: left;
  }

  #page .newslist>li .news-info:after {
    content: "";
    display: none;
    height: 0;
    clear: none;
  }

  #page .newslist>li .thumbnail {
    float: left;
  }

  #page .newslist>li .text {
    margin: 0 0 0 223px;
  }

  #page .newslist>li .text:after {
    left: auto;
    top: auto;
    right: 100%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 18px;
    border-style: solid;
    top: 34px;
  }
}

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

  #page .newslist:before,
  #page .newslist:after {
    display: none;
  }

  #page .newslist>li .news-info {
    float: none;
  }

  #page .newslist>li .news-info:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #page .newslist>li .thumbnail {
    float: right;
  }

  #page .newslist>li .text {
    margin: 15px 0 0 0;
  }

  #page .newslist>li .text:after {
    right: auto;
    top: -36px;
    left: 34px;
  }
}

/* CONTENT */

.block.content {
  padding: 70px 0 0;
}

.block.content .central-wrapper {
  padding-bottom: 60px;
}

/* GALLERY */

.gallery {
  position: relative;
  margin: 0 auto;
}

.top-el {
  padding-bottom: 40px;
}

.bottom-el {
  padding-top: 40px;
}

.gallery li {
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

.gallery .thumbs_wrapper {
  margin: 0 32px;
  position: relative;
}

.gallery ul.thumbs {
  text-align: center;
  margin-right: -6px;
}

.gallery.full ul.thumbs {
  margin-right: -15px;
}

.gallery ul.thumbs li {
  padding: 6px 0 0;
  padding-top: 24px;
}

.gallery ul.thumbs li img {
  opacity: 0.5;
}

.gallery.full ul.thumbs li {}

.gallery ul.thumbs li:hover img,
.gallery ul.thumbs li.selected img {
  opacity: 1;
}

.gallery ul.thumbs li a {
  display: block;
  position: relative;
  padding: 9px;
}

.gallery ul.thumbs li.selected a {
  margin: 0;
  border: 9px solid transparent;
  padding: 0;
}

.gallery ul.thumbs li.selected a:before {
  content: ' ';
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  border-width: 20px;
  border-color: transparent;
  border-style: solid;
  position: absolute;
  top: -49px;
  left: 50%;
  margin-left: -20px;
}

/* !!!!!!!!!!!!!!!!!!!! */
.gallery ul.thumbs li.selected a:after {
  content: ' ';
  font-size: 0;
  line-height: 0;
  width: 11px;
  height: 7px;
  position: absolute;
  top: -17px;
  left: 50%;
  margin-left: -5px;
  background: url('images/gallery_thumb_marker.png') left top no-repeat;
}

.gallery .navigation .prev,
.gallery .navigation .next {
  position: absolute;
  bottom: 0;
  width: 30px;
  overflow: hidden;
  text-indent: 30px;
  top: 15px;
}

.gallery .navigation .prev:hover,
.gallery .navigation .next:hover {
  text-decoration: none;
}

.gallery .navigation .prev.disable,
.gallery .navigation .next.disable {
  display: none;
}

.gallery .container .navigation .prev,
.gallery .container .navigation .next {
  top: 0;
}

.gallery .navigation .prev {
  left: -32px;
}

.gallery .navigation .next {
  right: -32px;
}

.gallery .navigation .prev:before,
.gallery .navigation .next:before {
  position: absolute;
  left: 0;
  font-family: 'Codeus';
  font-size: 18px;
  width: 28px;
  height: 28px;
  line-height: 29px;
  text-align: center;
  text-indent: 0;
  top: 50%;
  margin-top: -10px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 1px solid transparent;
}

.gallery .navigation .prev:before {
  content: '\e602';
  text-indent: 2px;
}

.gallery .navigation .next:before {
  content: '\e603';
  text-indent: 7px;
}

.gallery .navigation.preview-navigation .prev,
.gallery .navigation.preview-navigation .next {
  position: absolute;
  bottom: 0;
  width: 69px;
  overflow: hidden;
  text-indent: 69px;
  display: none;
}

.gallery .preview-navigation .prev {
  left: 27px;
}

.gallery .preview-navigation .next {
  right: 27px;
}

.gallery .navigation.preview-navigation .prev:before,
.gallery .navigation.preview-navigation .next:before {
  position: absolute;
  left: 0;
  font-family: 'Codeus';
  font-size: 39px;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  text-indent: 0;
  top: 50%;
  margin-top: -26px;
  border-radius: 33px;
  -moz-border-radius: 33px;
  -webkit-border-radius: 33px;
  color: transparent;
  border: 1px solid transparent;
}

.gallery .navigation.preview-navigation .prev:before {
  content: '\e604';
  text-indent: -10px;
}

.gallery .navigation.preview-navigation .next:before {
  content: '\e605';
}

.gallery ul.preview {
  white-space: nowrap;
}

.gallery ul.preview li {
  text-align: center;
}

.gallery .container {
  margin-bottom: 10px;
}

.gallery .slide-info {
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 19px 15px 17px 15px;
  background-color: #ffffff;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
}

.slideinfo .fancybox-title {
  text-align: center;
  padding: 10px 0;
  background-color: #ffffff;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
  width: 100%;
  line-height: 26px;
}

.gallery .slide-info .slide-caption,
.slideinfo .fancybox-title .slide-caption {
  text-transform: uppercase;
  display: block;
}

.gallery .slide-info .lide-description,
.slideinfo .fancybox-title .lide-description {
  display: block;
}

.gallery .preview li {
  position: relative;
}

.gallery .preview li a {
  display: block;
  position: relative;
}

.gallery .preview li a span.overlay {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(58, 83, 112, 0.8);
}

.gallery .preview li a span.overlay .p-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: -50px 0 0 -50px;
  font-family: 'Codeus';
  font-weight: normal;
  font-size: 52px;
  border: 1px solid transparent;
  border-radius: 50px;
  color: transparent;
}

.gallery .preview li a span.overlay .p-icon:before {
  content: '\e60d';
}

.gallery.full .preview .slide-info,
.gallery.small .preview .slide-info {
  text-align: left;
}

.gallery.shortcode {
  margin-bottom: 20px;
}

.gallery.small.shortcode {
  width: 613px;
}

.gallery.small.shortcode.right {
  margin-right: 41px;
  float: left;
}

.gallery.small.shortcode.left {
  margin-left: 41px;
  float: right;
}

.gallery-three-columns {
  padding: 20px 0;
}

.gallery-three-columns ul {
  text-align: center;
  font-size: 0;
  line-height: 1;
  margin: 0 -10px 0 0;
}

.gallery-three-columns ul li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin: 0 10px 10px 0;
}

.gallery-three-columns ul li a {
  display: block;
  position: relative;
  overflow: hidden;
}

.gallery-three-columns ul li a span.overlay {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(58, 83, 112, 0.8);
  display: none;
}

.gallery-three-columns ul li a span.overlay .p-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: -50px 0 0 -50px;
  font-family: 'Codeus';
  font-weight: normal;
  font-size: 52px;
  border: 1px solid transparent;
  border-radius: 50px;
  color: transparent;
}

.gallery-three-columns ul li a span.overlay .p-icon:before {
  content: '\e60d';
}

.gallery-four-columns {
  padding: 20px 0;
}

.gallery-four-columns ul {
  text-align: center;
  font-size: 0;
  line-height: 1;
  margin: 0 -10px 0 0;
}

.gallery-four-columns ul li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin: 0 10px 10px 0;
}

.gallery-four-columns ul li a {
  display: block;
  position: relative;
  overflow: hidden;
}

.gallery-four-columns ul li a span.overlay {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(58, 83, 112, 0.8);
  display: none;
}

.gallery-four-columns ul li a span.overlay .p-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: -50px 0 0 -50px;
  font-family: 'Codeus';
  font-weight: normal;
  font-size: 52px;
  border: 1px solid transparent;
  border-radius: 50px;
  color: transparent;
}

.gallery-four-columns ul li a span.overlay .p-icon:before {
  content: '\e60d';
}

/* SHORTCODES */

.divider {
  padding: 10px 0 0;
  margin: 0 0 35px;
  border-bottom: 3px solid transparent;
  clear: both;
}

.divider.linebreak {
  padding: 0;
  margin: 0;
  border: 0 none;
  clear: none;
}

.divider.dashed {
  border-bottom: 1px dashed transparent;
}

.divider.double {
  border-bottom: 3px double transparent;
}

.one_half,
.one_third,
.one_fourth {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.one_half:before,
.one_half:after,
.one_third:before,
.one_third:after,
.one_fourth:before,
.one_fourth:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.one_half {
  padding-right: 25px;
}

.one_half.last {
  padding-left: 25px;
  padding-right: 0;
}

.one_third {
  padding-right: 33px;
}

.one_third+.one_third {
  padding: 0 17px;
}

.one_third.last {
  padding: 0 0 0 33px;
}

.one_half {
  width: 50%;
}

.one_third {
  width: 33.33333%
}

.one_fourth {
  margin-right: 10px;
  margin-bottom: 13px;
}

.one_fourth+.one_fourth {
  padding: 0 25px 0 13px;
}

.one_fourth+.one_fourth+.one_fourth {
  padding: 0 13px 0 25px;
}

.one_fourth+.one_fourth.last,
.one_fourth+.one_fourth+.one_fourth+.one_fourth {
  padding: 0 0 0 37px;
}

/* !!!!!!!!!!!!!!!!!!!! */
.text_box {
  clear: both;
  border: 1px solid transparent;
  /*  -moz-background-clip: border;
  -webkit-background-clip: border;
  background-clip: border-box;*/
}

.text_box>.title,
.text_box>.text {
  padding: 30px 40px;
}

.text_box>.title {
  background-color: transparent;
  margin-bottom: 0;
}

/* WRAP-BOX STYLES */
.wrap-box {
  display: inline-block;
  position: relative;
  width: 100%;
}

.wrap-box-content {
  position: relative;
  max-width: 100%;
}

.wrap-box.left {
  float: left;
  margin: 0 25px 25px 0;
}

.wrap-box.right {
  float: right;
  margin: 0 0 25px 25px;
}

.wrap-box.middle {
  display: inline-block;
}

.wrap-box .wrap-box-inner {
  display: inline-block;
  max-width: 100%;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.image.wrap-box .wrap-box-inner {
  display: block;
}

.wrap-box.style-1 .wrap-box-inner {
  border: 1px solid transparent;
}

.wrap-box.style-2 .wrap-box-inner {
  border: 9px solid transparent;
  padding: 18px;
  background-color: #ffffff;
}

.wrap-box.style-3 .wrap-box-inner {
  border: 13px solid transparent;
  background-color: #ffffff;
}

.wrap-box.style-4 .wrap-box-inner:before,
.wrap-box.style-4 .wrap-box-inner:after {
  content: "";
  position: absolute;
  z-index: -2;
  bottom: 17px;
  left: 15px;
  width: 40%;
  height: 20%;
  max-width: 300px;
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.45);
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.45);
  -webkit-transform: rotate(-2.5deg);
  -moz-transform: rotate(-2.5deg);
  -ms-transform: rotate(-2.5deg);
  -o-transform: rotate(-2.5deg);
  transform: rotate(-2.5deg);
}

.wrap-box.style-4 .wrap-box-inner:after {
  right: 15px;
  left: auto;
  -webkit-transform: rotate(2.5deg);
  -moz-transform: rotate(2.5deg);
  -ms-transform: rotate(2.5deg);
  -o-transform: rotate(2.5deg);
  transform: rotate(2.5deg);
}

.wrap-box.style-5 .wrap-box-inner {
  background-color: #ffffff;
}

.wrap-box.style-5 .shadow-wrap {
  width: 100%;
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.wrap-box.image.style-5 .shadow-wrap {
  height: auto;
}

.wrap-box.style-5 .shadow-wrap:before,
.wrap-box.style-5 .shadow-wrap:after {
  content: "";
  position: absolute;
  z-index: -2;
  top: 22px;
  left: 2px;
  width: 40%;
  height: 20%;
  max-width: 300px;
  -webkit-box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}

.wrap-box.style-5 .shadow-wrap:after {
  right: 2px;
  left: auto;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

.wrap-box.style-5 .wrap-box-inner:before,
.wrap-box.style-5 .wrap-box-inner:after {
  content: "";
  position: absolute;
  z-index: -2;
  bottom: 17px;
  left: 15px;
  width: 40%;
  height: 20%;
  max-width: 300px;
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.45);
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.45);
  -webkit-transform: rotate(-2.5deg);
  -moz-transform: rotate(-2.5deg);
  -ms-transform: rotate(-2.5deg);
  -o-transform: rotate(-2.5deg);
  transform: rotate(-2.5deg);
}

.wrap-box.style-5 .wrap-box-inner:after {
  right: 15px;
  left: auto;
  -webkit-transform: rotate(2.5deg);
  -moz-transform: rotate(2.5deg);
  -ms-transform: rotate(2.5deg);
  -o-transform: rotate(2.5deg);
  transform: rotate(2.5deg);
}

.wrap-box.style-6 .wrap-box-inner {
  border: 1px solid transparent;
  padding: 19px;
  background-color: #ffffff;
}

.wrap-box .wrap-box-element {
  vertical-align: top;
  /* width: 100%; */
  height: 100%;
}

.wrap-box.image .wrap-box-element {
  height: auto;
}

.tabs,
.accordion {
  clear: both;
  margin: 20px 0;
}

.accordion {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid transparent;
}

.accordion>h5 {
  padding: 0 40px 0;
  margin: 0 0 15px;
  position: relative;
}

.accordion>h5:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  font-family: 'Codeus';
  content: '\e609';
  font-size: 15px;
  border-radius: 15px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border: 1px solid transparent;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  text-align: center;
}

.ui-accordion .ui-accordion-header {
  min-height: 30px;
}

.accordion>h5.ui-accordion-header-active:before {
  content: '\e60a';
}

.accordion>div {
  padding: 0 0 20px 0;
}

.tabs {
  padding: 8px;
}

.tabs>ul.tabs-nav {
  padding: 0 14px;
}

.tabs>ul.tabs-nav li {
  padding: 0 4px;
  float: left;
}

.tabs>ul.tabs-nav li a {
  float: left;
  padding: 10px 15px;
}

.tabs>ul.tabs-nav li.ui-tabs-active a {
  background-color: #ffffff;
}

.tabs .tab_wrapper {
  background-color: #ffffff;
  padding: 45px 40px;
}

.dropcap {
  height: 15px;
}

.dropcap span {
  display: block;
  float: left;
  margin: 0 8px 0 0;
  line-height: 50px;
  background: transparent;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  text-align: center;
  border: 1px solid transparent;
}

.list ul {
  list-style: none;
  padding-left: 1.5em;
}

.list ul li {
  position: relative;
}

.list ul li+li {
  margin-top: 0.7em;
}

.list ul li:before {
  float: left;
  font-family: 'Codeus';
  font-weight: normal;
  font-size: 64.7%;
  margin-left: -1.7em;
}

.list.arrow ul li:before {
  content: '\e60f';
}

.list.check ul li:before {
  content: '\e610';
  font-size: 88.2%;
}

.list.circle ul li:before {
  content: '\e611';
}

.list.minus ul li:before {
  content: '\e612';
  font-size: 88.2%;
}

.iconed-title,
.iconed-text {
  padding-left: 60px;
  margin-left: -5px;
  min-height: 30px;
  position: relative;
  padding-top: 13px;
}

.iconed-text {
  min-height: 39px;
}

.iconed-title>.icon,
.iconed-text>.icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  left: -4px;
  top: 0;
  border-radius: 26px;
  -moz-border-radius: 26px;
  -webkit-border-radius: 26px;
}

.iconed-title>.icon {
  top: 50%;
  margin-top: -19px;
}

.iconed-title>.icon.active,
.iconed-text>.icon.active {
  color: #ffffff;
}

.simple-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  line-height: 50px;
  background: transparent;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  text-align: center;
  border: 1px solid transparent;
  font-size: 21px;
  font-family: 'Codeus-Icons';
  font-weight: normal;
}

.alert-box {
  padding-bottom: 1px;
  margin: 20px 0;
}

.alert-box>div {
  padding: 30px 280px 35px 35px;
}

.alert-box.iconed>div {
  padding-left: 180px;
}

.alert-box .alert-button {
  float: right;
  margin: 20px -240px 20px 40px;
  max-width: 200px;
}

.alert-box .button {
  margin-top: 0;
}

.alert-box .text {
  float: left;
  width: 100%;
}

.alert-box .alert-icon {
  float: left;
  margin: 0 40px 0 -145px;
  width: 103px;
  height: 103px;
  line-height: 103px;
  vertical-align: top;
  font-size: 55px;
  font-family: 'Codeus-Icons';
  border-radius: 52px;
  -moz-border-radius: 52px;
  -webkit-border-radius: 52px;
  text-align: center;
  border: 1px solid transparent;
  font-weight: normal;
}

@media only screen and (max-width:799px) {
  .alert-box>div {
    padding: 30px 35px 35px;
  }

  .alert-box.iconed>div {
    padding-left: 35px;
  }

  .alert-box .alert-button {
    float: none;
    margin: 30px 0 0;
    text-align: center;
  }

  .alert-box .text {
    float: none;
    width: auto;
  }

  .alert-box .alert-icon {
    float: none;
    margin: 0 auto 30px;
  }
}

/* WIDGETS */
h3.widget-title {
  margin-bottom: 0.766667em;
}

/* Testimonials */
.testimonials {
  margin-left: -10px;
  padding-left: 10px;
}

.testimonial_item {
  padding-bottom: 20px;
  padding-left: 10px;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.testimonial_item table {
  width: 100%;
  margin-bottom: 15px;
  border-spacing: 0;
}

.testimonial_item table.nostyle td {
  vertical-align: bottom;
  padding-right: 12px;
  font-size: 88.2%;
  line-height: 1.471;
}

.testimonial_item td.image {
  width: 1%;
}

.testimonial_item td.image div {
  height: 128px;
  width: 128px;
  padding: 11px;
  border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
  margin-left: -10px;
}

.testimonial_item td.image img {
  height: 128px;
  width: 128px;
  border-radius: 64px;
  -moz-border-radius: 64px;
  -webkit-border-radius: 64px;
}

.testimonials .button {
  margin-top: 0;
}

.testimonials .caroufredsel_wrapper {
  width: auto !important;
}

.testimonials .testimonials-list {
  width: 100% !important;
  white-space: nowrap;
  overflow: hidden;
}

/* Project Info */
/* Contact Info */
.widget.project_info-item,
.widget.contact_info {
  padding-bottom: 20px;
}

.project_info-item+.project_info-item,
.contact_info-item+.contacts-info-item {
  border-top: 1px solid transparent;
  padding-top: 20px;
  margin-top: 20px;
}

.project_info-item.iconed .title,
.contact_info-item.iconed .title {
  padding-left: 37px;
  position: relative;
  min-height: 30px;
  margin-bottom: 5px;
}

.project_info-item.iconed .value,
.contact_info-item.iconed .value {
  font-size: 88.2%;
}

.project_info-item .title .icon,
.contact_info-item .title .icon {
  background: transparent;
  font-size: 24px;
}

.widget.project_info .button {
  margin-top: 15px;
}

/* Text */
.widget.widget_text .textwidget,
.widget.widget_black_studio_tinymce .textwidget1 {
  font-size: 88.2%;
  line-height: 1.471;
}

/* Picturebox */
.widget.picturebox img {
  max-width: 100%;
}

.widget.picturebox .description {
  padding: 25px 30px;
  font-size: 88.2%;
  line-height: 1.471;
}

/* Categories */
.widget.widget_categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget.widget_meta ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget.widget_categories ul li,
.widget.widget_meta ul li {
  border-bottom: 1px solid transparent;
}

.widget.widget_categories ul li a,
.widget.widget_meta ul li a {
  padding: 12px 20px 12px 35px;
  text-transform: uppercase;
  display: block;
  position: relative;
  line-height: 1.471;
}

.widget.widget_categories ul li a:before,
.widget.widget_meta ul li a:before {
  position: absolute;
  left: 17px;
  top: 8px;
  font-family: 'Codeus';
  font-weight: normal;
  text-align: left;
  font-size: 11px;
  line-height: 29px;
  width: 29px;
  content: '\e60f';
}

/* Popular Posts */
/* Recent Posts */
.widget.widget_recent_entries ul {
  background-color: transparent;
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget.widget_rss ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget.Custom_Recent_Posts ul li,
.widget.Custom_Popular_Posts ul li,
.widget.widget_recent_entries ul li,
.widget.widget_rss ul li {
  padding: 0;
  font-size: 88.2%;
  line-height: 1.471;
}

.widget.Custom_Recent_Posts ul li+li,
.widget.Custom_Popular_Posts ul li+li,
.widget.widget_recent_entries ul li+li,
.widget.widget_rss ul li+li {
  padding-top: 34px;
}

.widget.widget_recent_entries li a,
.widget.widget_recent_entries li span,
.widget.widget_rss li a.rsswidget,
.widget.widget_rss li span.rss-date {
  display: block;
}

.widget.widget_rss li span.rss-date {
  padding-bottom: 10px;
}

.widget.Custom_Recent_Posts .image,
.widget.Custom_Popular_Posts .image {
  float: left;
  margin-right: 9px;
  width: 72px;
  height: 72px;
  padding: 11px;
  border-radius: 46px;
  -moz-border-radius: 46px;
  -webkit-border-radius: 46px;
}

.widget.Custom_Recent_Posts .image img,
.widget.Custom_Popular_Posts .image img {
  width: 72px;
  height: 72px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
}

.widget.Custom_Recent_Posts .image.dummy a,
.widget.Custom_Popular_Posts .image.dummy a {
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  background: url('images/dummy.png') no-repeat 50% 50%;
}

/* Recent comments */
.widget.widget_recent_comments ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget.widget_recent_comments ul li {
  padding: 0 0 0 35px;
  font-size: 88.2%;
  line-height: 1.471;
}

.widget.widget_recent_comments ul li+li {
  padding-top: 28px;
}

.widget.widget_recent_comments ul li:before {
  font-family: 'Codeus';
  content: '\e613';
  font-size: 20px;
  line-height: 1;
  margin-left: -35px;
  position: relative;
  top: 2px;
  float: left;
}

/* Custom Flickr */
.widget.Custom_Flickr .flickr {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-right: -4px;
}

.widget.Custom_Flickr .flickr-item {
  float: left;
  margin: 0 4px 4px 0;
  width: 87px;
}

.widget.Custom_Flickr img {
  width: 87px;
}

/* Tags */
.widget_tag_cloud .tagcloud {
  line-height: 34px;
}

.widget_tag_cloud a {
  margin-right: 20px;
}

/* Submenu */
/* Custom Menu */
.widget.widget_nav_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget.widget_submenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget.widget_nav_menu li,
.widget.widget_submenu li {
  background: transparent;
  /*border-bottom: 1px solid transparent;*/
}

.widget.widget_nav_menu li a,
.widget.widget_submenu li a {
  display: block;
  padding: 12px 20px 12px 45px;
  text-transform: uppercase;
  position: relative;
}

.widget.widget_nav_menu li a:hover,
.widget.widget_submenu li a:hover {
  text-decoration: none;
}

.widget.widget_nav_menu li.menu-item a:before,
.widget.widget_submenu li.menu-item a:before {
  position: absolute;
  left: 3px;
  top: 9px;
  font-family: 'Codeus';
  font-weight: normal;
  text-align: center;
  text-indent: 0;
  font-size: 11px;
  line-height: 29px;
  width: 29px;
  border: none;
  content: '\e60f';
  text-indent: 7px;
}

.widget.widget_nav_menu li.menu-parent-item a:before,
.widget.widget_submenu li.menu-parent-item a:before {
  position: absolute;
  left: 3px;
  top: 9px;
  font-family: 'Codeus';
  font-weight: normal;
  text-align: center;
  text-indent: 0;
  font-size: 17px;
  height: 29px;
  line-height: 30px;
  width: 29px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15x;
  border: 1px solid transparent;
  content: '\e603';
  text-indent: 7px;
}

.widget.widget_nav_menu li.current-menu-ancestor a:before,
.widget.widget_submenu li.current-menu-ancestor a:before {
  content: '\e608';
  line-height: 33px;
  text-indent: 2px;
}

.widget.widget_nav_menu li ul,
.widget.widget_submenu li ul {
  display: none;
}

.widget.widget_nav_menu li.current-menu-item ul,
.widget.widget_nav_menu li.current-menu-ancestor ul,
.widget.widget_submenu li.current-menu-item ul,
.widget.widget_submenu li.current-menu-ancestor ul {
  display: block;
  border-top: 1px solid transparent;
}

.widget.widget_nav_menu li li.current-menu-ancestor ul,
.widget.widget_nav_menu li.current-menu-ancestor li ul,
.widget.widget_submenu li li.current-menu-ancestor ul,
.widget.widget_submenu li.current-menu-ancestor li ul {
  border: 0 none;
}

.widget.widget_nav_menu li li,
.widget.widget_submenu li li {
  border: 0 none;
  padding: 0 0 0 45px;
}

.widget.widget_nav_menu li li a,
.widget.widget_submenu li li a {
  padding-left: 20px;
}

.widget.widget_nav_menu li.current-menu-ancestor li a:hover,
.widget.widget_submenu li.current-menu-ancestor li a:hover {
  text-decoration: none;
}

.widget.widget_nav_menu li.current-menu-ancestor li a:before,
.widget.widget_submenu li.current-menu-ancestor li a:before,
.widget.widget_nav_menu li.current-menu-item li a:before,
.widget.widget_submenu li.current-menu-item li a:before {
  position: absolute;
  left: 0;
  font-family: 'Codeus';
  font-weight: normal;
  text-align: left;
  font-size: 11px;
  line-height: 29px;
  width: 29px;
  border: 0 none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  content: '\e60f';
  text-indent: 0;
}

/* !!!!!!!!!!!!!!!!!!!! */
.widget.widget_nav_menu li.current-menu-item li a,
.widget.widget_nav_menu li.current-menu-ancestor li a,
.widget.widget_submenu li.current-menu-item li a,
.widget.widget_submenu li.current-menu-ancestor li a {
  color: #3b3e4f;
  background-image: none;
  font-weight: normal;
}

.widget.widget_nav_menu li li.current-menu-item a,
.widget.widget_nav_menu li li.current-menu-ancestor a,
.widget.widget_submenu li li.current-menu-item a,
.widget.widget_submenu li li.current-menu-ancestor a {
  color: #48afdb;
}

.widget.widget_nav_menu li li li,
.widget.widget_submenu li li li {
  padding-left: 12px;
}

/* Search */
/* !!!!!!!!!!!!!!!!!!!! */
.widget.widget_search form {
  padding: 35px;
  text-align: center;
}

.widget.widget_search form input[type="text"] {
  width: 100%;
  background-color: #fffff;
  height: 38px;
  margin: 0;
}

.widget.widget_search #searchform #searchsubmit {
  margin-top: 20px;
  float: none;
}

.widget.widget_search form label {
  display: none;
}

/* Team */
.team-item {
  text-align: center;
}

.team-item .team-image {
  width: 128px;
  height: 128px;
  margin: 20px auto 10px;
  padding: 11px;
  border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
}

.team-item .team-image img {
  width: 128px;
  height: 128px;
  border-radius: 64px;
  -moz-border-radius: 64px;
  -webkit-border-radius: 64px;
}

.team-item .team-name {
  margin-bottom: 14px;
}

.team-item .team-phone,
.team-item .team-email {
  position: relative;
  display: inline-block;
  padding-left: 37px;
}

.team-item .team-phone {
  font-size: 124%;
  line-height: 1.471;
}

.team-item .team-email {
  font-size: 88.2%;
  line-height: 1.471;
}

/* Calendar */
.widget.widget_calendar table {
  border: 0 none;
}

.widget.widget_calendar table thead tr td,
.widget.widget_calendar table thead tr th {
  font-size: inherit;
  padding: 0;
}

.widget.widget_calendar table th,
.widget.widget_calendar table td {
  padding: 0;
}

.widget.widget_calendar table thead tr {
  background-color: transparent !important;
}

.widget.widget_calendar table tr:nth-child(even) {
  background-color: transparent !important;
}

.widget.widget_calendar table {
  width: 100%;
}

.widget.widget_calendar td {
  text-align: center;
  width: 14.3%;
}

.widget.widget_calendar th,
.widget.widget_calendar caption {
  font-weight: normal;
  font-size: 141.2%;
  line-height: 1.4em;
}

.widget.widget_calendar caption {
  margin-bottom: 10px;
}

.widget.widget_calendar td {
  height: 30px;
}

.widget.widget_calendar td a {
  width: 28px;
  padding-right: 9px;
  text-align: right;
  display: inline-block;
  line-height: 28px width: 37px;
}

/* !!!!!!!!!!!!!!!!!!!! */
.widget.widget_calendar td#prev a,
.widget.widget_calendar td#next a {
  background-color: transparent;
  width: auto;
  padding-right: 0;
  text-align: center;
  display: inline;
  line-height: 28px;
}

.widget.widget_calendar td#prev {
  text-align: left;
}

.widget.widget_calendar td#next {
  text-align: right;
}

/* Archives */
/* !!!!!!!!!!!!!!!!!!!! */
.widget.widget_archive ul {
  background-color: transparent;
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget.widget_archive ul li {
  color: #48afdb;
  padding: 10px 20px 10px 17px;
  position: relative;
}

.widget.widget_archive ul li a:before {
  position: absolute;
  left: 0;
  top: 8px;
  font-family: 'Codeus';
  font-weight: normal;
  text-align: left;
  font-size: 11px;
  line-height: 29px;
  width: 29px;
  color: #3b3e4f;
  content: '\e60f';
}




/* BLOG */

.blog_list li {
  padding-left: 80px;
}

.blog_list li+li {
  margin-top: 60px;
}

.blog_list li .comment-info {
  float: left;
  width: 85px;
  padding: 0 5px;
  margin-left: -100px;
  text-transform: uppercase;
  /*  font-weight: bold;*/
  text-align: center;
}

.blog_list li .date-day {
  display: block;
  margin: 0 auto;
  line-height: 62px;
  -webkit-border-radius: 31px;
  -moz-border-radius: 31px;
  border-radius: 31px;
  width: 62px;
  height: 62px;
  text-align: center;
  overflow: hidden;
  font-weight: 400;
  text-decoration: none;
}

.blog_list li .date-day span {
  display: block;
  margin: 1px auto 0;
  line-height: 60px;
  -webkit-border-radius: 31px;
  -moz-border-radius: 31px;
  border-radius: 31px;
  width: 60px;
  height: 60px;
  text-align: center;
  overflow: hidden;
}

.blog_list li .date-month {
  padding-top: 5px;
}

.blog_list li .comment-count {
  margin-right: 18px;
}

.blog_list li .comment-count b {
  font-size: 141%;
  font-weight: normal;
}

.blog_list li .post-info {
  float: left;
  width: 550px;
}

.blog_list li .post-info {
  float: left;
  width: 100%;
  border-bottom: 1px solid transparent;
  padding-bottom: 18px;
}

.blog_list li .post-info h3 {
  margin-bottom: 18px;
}

.post-image {
  padding-top: 9px;
  margin-bottom: 20px;
  text-align: center;
}

.blog_list li .post-info-bottom {
  padding-top: 29px;
  font-size: 88.2%;
}

.blog_list li .post-info-bottom .more-link b {
  font-size: 0;
  line-height: 1;
}

.blog_list li .post-info-bottom .more-link b:before {
  display: inline-block;
  font-family: 'Codeus';
  font-size: 12px;
  font-weight: bold;
  content: '\e607';
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=1);
  position: relative;
  margin: 0 7px 0 0;

}

.blog_list li .post-info-bottom .categories {
  float: left;
}

.categories .sep {
  margin: 0 10px;
}

.blog_list li .post-info-bottom .comments-count {
  float: right;
}

.post-tags-block {
  padding: 0 0 10px 0;
  border-bottom: 1px solid transparent;
  margin-bottom: 23px;
  margin-top: 52px;
}

.post-tags {
  float: right;
  font-size: 15px;
  padding: 18px 0 0 0;
}

.post-tags-block .socials-sharing {
  float: left;
  margin: 0;
}

.post-tags-block .sep {
  margin: 0 10px;
}

/* AUTHOR */

.post-author-block {
  padding: 30px 35px 31px 35px;
  margin: 53px 0 0 0;
}

.post-author-avatar {
  float: left;
}

.post-author-avatar img {
  border: 10px solid #ffffff;
  border-radius: 51px;
  -moz-border-radius: 51px;
  -webkit-border-radius: 51px;
}

.post-author-info {
  margin: 0 0 0 115px;
}

.post-author-info .name {
  margin: 0 0 3px 0;
}

.post-author-info .date-info {
  font-size: 88.2%;
  line-height: 1.471;
  margin: 0 0 14px 0;
}

.post-related-posts {
  margin: 0 -20px 0 0;
  padding: 0 0 51px 0;
}

.post-related-posts-line {
  border-bottom: 1px solid transparent;
}

.post-comments-margin {
  margin: 49px 0 0 0;
}

.post-related-posts h3 {
  margin-bottom: 0;
}

.related-element {
  display: inline-block;
  width: 260px;
  margin: 0 18px 0 0;
  vertical-align: top;
  padding-top: 34px;
}

.related-element img {
  float: left;
  border: 10px solid transparent;
  border-radius: 51px;
  -moz-border-radius: 51px;
  -webkit-border-radius: 51px;
}

.related-element .related-element-info {
  margin: 0 0 0 103px;
}

.related-element.without-image>a {
  float: left;
  width: 82px;
  height: 82px;
  border-radius: 41px;
  -moz-border-radius: 41px;
  -webkit-border-radius: 41px;
  background: url('images/dummy.png') no-repeat 50% 50%;
}

.related-element .related-element-info a {
  font-size: 88.2%;
  line-height: 1.471;
}

.related-element .related-element-info .date {
  font-size: 88.2%;
  line-height: 1.471;
}

.post-posts-links {
  margin-bottom: 52px;
}

.post-posts-links a {
  text-transform: uppercase;
  position: relative;
}

.post-posts-links .left {
  float: left;
}

.post-posts-links .left a {
  margin-left: 40px;
}

.post-posts-links .left a:before {
  content: '\e602';
  padding-right: 3px;
  position: absolute;
  left: -40px;
  top: -7px;
  font-family: 'Codeus';
  width: 27px;
  height: 30px;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  text-indent: 4px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 1px solid transparent;
}

.post-posts-links .right {
  float: right;
}

.post-posts-links .right a {
  margin-right: 40px;
}

.post-posts-links .right a:before {
  content: '\e603';
  padding-left: 3px;
  position: absolute;
  right: -40px;
  top: -7px;
  font-family: 'Codeus';
  width: 27px;
  height: 30px;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  text-indent: 4px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 1px solid transparent;
}

/* SEARCH */

#searchform {
  margin-bottom: 40px;
}

#searchform #s {
  width: 100%;
}

#searchform #searchsubmit {
  float: right;
}

/* COMMENTS */

#commentform,
#reply-title {
  padding-top: 55px;
}

#reply-title+#commentform {
  padding: 0;
}

ol.commentlist li.comment {
  padding: 20px 0 27px;
  border-top: 1px solid transparent;
}

ol.commentlist {
  border-bottom: 1px solid transparent;
}

ol.commentlist>li.comment:first-child {
  border: none;
}

ol.commentlist .left {
  float: left;
}

ol.commentlist .left img {
  border-radius: 35px;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
}

ol.commentlist .comment-content {
  margin: 0 0 0 70px;
}

ol.commentlist .comment-content .text {
  padding-top: 11px;
}

ol.commentlist .comment-content .comment-author {
  float: left;
}

ol.commentlist .comment-content .comment-date {
  text-align: right;
  font-size: 88.2%;
  line-height: 1.471;
}

ol.commentlist .comment-content a.comment-reply-link,
ol.commentlist .comment-content a.comment-edit-link {
  margin-left: 16px;
}

/* !!!!!!!!!!!!!!!!!!!! */
ol.commentlist .comment-content a.comment-reply-link:before,
ol.commentlist .comment-content a.comment-edit-link:before {
  display: inline-block;
  font-family: 'Codeus';
  font-size: 12px;
  font-weight: bold;
  content: '\e605';
  color: #48afdb;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=1);
  position: relative;
  margin: 0 7px 0 0;

}

ol.commentlist ul.children {
  list-style: none;
  padding: 0;
  margin: 0;
}

ol.commentlist ul.children {
  padding-top: 27px;
}

ol.commentlist ul.children li {
  border-top: 1px solid transparent;
  padding-left: 67px;
}

ol.commentlist ul.children li:last-child {
  padding-bottom: 0;
}

/* !!!!!!!!!!!!!!!!!!!! */
.comment-form input[type="text"],
.comment-form textarea {
  background: #ffffff;
  border: 1px solid #d6dde3;
  border-top: 0;
  margin: 0;
}

.comment-form input[type="text"] {
  width: 270px;
  float: left;
}

.comment-form textarea {
  border: 1px solid #d6dde3;
  margin-top: 36px;
  width: 100%;
  max-width: 100%;
}

.comment-form p.first input[type="text"] {
  border-top: 1px solid #d6dde3;
}

.comment-form label {
  line-height: 1.2;
  position: relative;
}

.comment-form input[type="text"]+label {
  display: block;
  margin: 0 0 0 288px;
  padding-top: 7px;
  padding-left: 35px;
}

.comment-form label:before {
  position: absolute;
  left: 0;
  font-family: 'Codeus-Icons';
  font-size: 20px;
  line-height: 14px;
  color: #d6dde3;
}

.comment-form label[for="author"]:before {
  content: '\e632';
}

.comment-form label[for="email"]:before {
  content: '\e601';
}

.comment-form label[for="url"]:before {
  content: '\e640';
}

.comment-form label b {
  font-weight: normal;
  color: #75889c;
}

@media only screen and (max-width:362px) {
  .comment-form input[type="text"] {
    border: 1px solid #d6dde3;
  }
}

/* CONTACT */
/* !!!!!!!!!!!!!!!!!!!! */

.block.map iframe {
  vertical-align: top;
}

.contact-form {
  margin-top: 60px;
}

.contact-form input[type="text"] {
  width: 270px;
  height: 35px;
  border: 1px solid #d6dde3;
  background-color: #ffffff;
  margin: 0;
}

.contact-form p+p input[type="text"] {
  width: 270px;
  height: 35px;
  border-top: 0 none;
}

.contact-form textarea {
  border: 1px solid #d6dde3;
  background-color: #ffffff;
  margin: 35px 0 0;
  width: 270px;
}

.contact-form .reset {
  float: right;
  padding-left: 1.0em;
  margin-top: 30px;
}

.contact-form .reset:before {
  float: left;
  font-family: 'Codeus';
  font-size: 64.7%;
  font-weight: normal;
  margin-left: -1.3em;
  content: "\e60f";
}

.contact-form label {
  margin-left: 15px;
  padding-left: 35px;
  font-weight: normal;
  position: relative;
}

.contact-form label:before {
  position: absolute;
  left: 0;
  font-family: 'Codeus-Icons';
  font-size: 20px;
  margin-top: 3px;
}

.contact-form label[for="name"]:before {
  content: '\e632';
}

.contact-form label[for="email"]:before {
  content: '\e601';
}

.contact-form label[for="site"]:before {
  content: '\e640';
}

/* RESPONSIVE */

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

  body {
    min-width: 300px;
  }

  /* LAYOUT */
  .central-wrapper,
  #page.boxed #header.header-fixed .central-wrapper {
    width: 1000px;
  }

  #header #site-navigation li a {
    padding: 0 10px;
  }

  /* QUICKFINDER */
  .block.quickfinder ul li {
    width: 220px;
  }

  .quickfinder ul li {
    width: 220px;
  }

}

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

  /* LAYOUT */
  .central-wrapper {
    width: 800px;
  }

  #header .central-wrapper {
    width: 100%;
  }

  .slideshow.noscript,
  .slideshow.noscript+.loading {
    height: 300px;
  }

  .slideshow.noscript+.loading {
    margin-top: -300px;
  }

  /* QUICKFINDER */
  .block.quickfinder ul li,
  .quickfinder ul li {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 49%;
  }

  .block.quickfinder ul li .title,
  .block.quickfinder ul li .description,
  .quickfinder ul li .title,
  .quickfinder ul li .description {
    max-width: 255px;
    margin-left: auto;
    margin-right: auto;
  }

  .gallery {
    position: relative;
    margin: 0 auto;
    max-width: 100%;
  }

  .gallery.full {
    margin: 0;
  }

}

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

  /* LAYOUT */
  .central-wrapper {
    width: 100%;
  }

  .slideshow.noscript,
  .slideshow.noscript+.loading {
    height: 200px;
  }

  .slideshow.noscript+.loading {
    margin-top: -200px;
  }

  .quickfinder ul li .image {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
  }

  .quickfinder ul li .caption {
    opacity: 1;
  }

  .block.quickfinder ul li .title,
  .block.quickfinder ul li .description {
    max-width: none;
  }

  .quickfinder ul li .title,
  .quickfinder ul li .description {
    max-width: none;
  }

  body.lazy-enabled .quickfinder ul li .image {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
  }

  body.lazy-enabled .quickfinder ul li .caption {
    opacity: 1;
  }

  /* CONTENT */
  .panel,
  body.home-constructor .panel {
    padding: 0;
  }

  .center {
    float: none;
    padding: 0 15px;
    background: none;
    width: auto;
    right: autp;
  }

  .content-right .panel,
  body.home-constructor .content-right .panel {
    padding: 0;
  }

  .content-right .center,
  body.home-constructor .content-right .center {
    float: none;
    padding: 0 15px;
    background: none;
    margin-right: 0;
    right: auto;
    left: auto;
  }

  .fullwidth {
    padding: 0 15px;
    clear: both;
  }

  /* SIDEBAR */
  .sidebar,
  body.home-constructor .sidebar {
    float: none;
    width: auto;
    padding: 0 20px;
    background: none;
    margin-right: 0;
    margin-top: 40px;
  }

  .content-right .sidebar,
  body.home-constructor .content-right .sidebar {
    float: none;
    width: auto;
    padding: 0 20px;
    background: none;
    margin-left: 0;
    margin-right: 0;
  }

  .sidebar {
    margin-top: 60px;
  }

  /* SHORTCODES */
  .one_half {
    float: none;
    width: auto;
    margin-bottom: 15px;
    padding-right: 0;
  }

  .one_half.last {
    position: relative;
    left: auto;
    margin-bottom: 0;
    padding-left: 0;
  }

  .one_third {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 15px;
    padding-right: 0;
  }

  .one_third+.one_third {
    padding-left: 0;
    padding-right: 0;
  }

  .one_third.last {
    margin-right: 0;
    float: none;
    width: auto;
    margin-bottom: 0;
    padding-left: 0;
  }

  .one_fourth {
    padding-right: 0;
    float: none;
    width: auto;
    margin-bottom: 15px;
  }

  .one_fourth+.one_fourth,
  .one_fourth+.one_fourth+.one_fourth {
    padding-left: 0;
    padding-right: 0;
  }

  .one_fourth.last,
  .one_fourth+.one_fourth.last {
    padding-left: 0;
  }

  #bottom-line {
    text-align: center;
  }

  .gallery .slide-info {
    display: none;
  }
}

@media only screen and (max-width:480px) {
  .block.portfolio ul.thumbs li .title {
    background: transparent !important;
    height: 45px;
    margin: -45px 0 0;
    line-height: 45px;
  }

  .block.portfolio ul.thumbs li .small-title {
    display: block;
  }

  .block.portfolio ul.thumbs li .title .title-inner {
    display: none;
  }

  .block.portfolio ul.thumbs li .title .title-hover-color {
    display: none;
  }

  .block.portfolio ul.thumbs li .share-block-toggle {
    width: 45px;
    font-size: 20px;
    line-height: 45px;
  }

  .block.portfolio ul.thumbs li .description {
    padding: 11px 0 0 0;
    text-align: left;
  }
}

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

  .block.quickfinder ul li .image,
  .block.quickfinder ul li .image span,
  .block.quickfinder ul li .image img {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    line-height: 120px;
    font-size: 60px;
  }

  .quickfinder ul li .image,
  .quickfinder ul li .image span,
  .quickfinder ul li .image img {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    line-height: 120px;
    font-size: 60px;
  }
}

.image.wrap-box .fancy {
  display: block;
  position: relative;
}

.image.wrap-box .fancy .overlay {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(58, 83, 112, 0.8);
  display: none;
}

.image.wrap-box .fancy .overlay:before {
  content: '\e60d';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: -50px 0 0 -50px;
  font-family: 'Codeus';
  font-weight: normal;
  font-size: 52px;
  border: 1px solid transparent;
  border-radius: 50px;
  color: transparent;
  text-align: center;
}

.image.wrap-box {
  margin-bottom: 20px;
}

.gallery-three-columns .image.wrap-box {
  margin-bottom: 0;
}

.gallery-four-columns .image.wrap-box {
  margin-bottom: 0;
}

.image.wrap-box.right {
  margin-left: 25px;
  margin-right: 0;
  float: right;
}

.image.wrap-box.left {
  margin-right: 25px;
  margin-left: 0;
  float: left;
}

.image.wrap-box.below {
  display: inline-block;
  float: none;
}

.twitter-box .jtwt_tweet:before {
  font-family: 'Codeus-Socials';
  content: '\e603';
  font-size: 26px;
  line-height: 1;
  margin-left: -35px;
  position: relative;
  top: 2px;
  float: left;
}

.twitter-box .jtwt_tweet {
  padding: 0 0 0 35px;
  font-size: 82.3%;
  line-height: 1.471;
}

.twitter-box .jtwt_tweet+.jtwt_tweet {
  padding-top: 28px;
}

/* !!!!!!!!!!!!!!!!!!!! */
.team-element-email a {
  font-size: 15px;
  display: inline-block;
  padding-left: 30px;
  position: relative;
}

.team-element-email a:before {
  position: relative;
  margin-left: -30px;
  content: '\e601';
  font-family: 'Codeus-Icons';
  display: inline-block;
  width: 30px;
  text-align: left;
  font-size: 140%;
  vertical-align: middle;
}

.team-element-email a:hover {
  text-decoration: none;
}

.team-element-position {
  font-size: 88.2%;
  line-height: 1.471;
}

.team-element-name {
  margin: 0 0 5px 0;
}

.team-element-image {
  width: 128px;
  height: 128px;
  margin: 35px auto 10px;
  padding: 11px;
  border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
}

.team-element-image img {
  width: 128px;
  height: 128px;
  border-radius: 64px;
  -moz-border-radius: 64px;
  -webkit-border-radius: 64px;
}

.team-element {
  display: inline-block;
  width: 228px;
  height: 308px;
  border: 1px solid transparent;
  text-align: center;
  text-align-last: center;
  margin: 0 0 28px 0;
  margin-right: 20px;
}

.team-list {
  position: relative;
  text-align: center;
  text-align-last: center;
  margin-right: -20px;
}

.team-list:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 0;
  overflow: hidden;
}

.team-list-wrapper h2 {
  margin-bottom: 20px;
}

.wp-caption {}

.wp-caption-text {}

.sticky {}

.gallery-caption {}

.bypostauthor {}

/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 15px;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 15px;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}








.lazy-enabled .lazy-loading {
  visibility: hidden;
}

div.clients {
  padding: 30px 0;
}

.clients ul.list {
  text-align: center;
  /*  margin-bottom: -60px;*/
  font-size: 0px;
  line-height: 1;
}

.clients ul.list {
  margin: 0 -10px 0 0;
}

.center .clients ul.list {
  margin: 0 -10px 0 0;
}

.clients ul.list li {
  text-align: center;
  vertical-align: top;
  margin: 0 10px 10px 0;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}

.clients ul.list li a {
  text-decoration: none;
  display: block;
  position: relative;
  width: 270px;
  height: 200px;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
}

.clients ul.list li a:hover {
  background-color: transparent;
}

#center.fullwidth .clients ul.list li a {
  width: 285px;
}

.clients ul.list li a:hover {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.clients ul.list li a span {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg#greyscale);
  /* Firefox 4+ */
  /*filter: gray; /* IE 6-9 */
}

.clients ul.list li a:hover span {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}

.block.clients {
  padding: 50px 0 40px;
  background-position: 50% 0;
  background-repeat: repeat;
}

.block.clients h2 {
  margin-bottom: 20px;
  text-align: center;
}

@media (max-width:400px) {
  .block.clients h2 {
    font-size: 25px;
    margin-bottom: 20px;
    text-align: center;
  }
}

.block.clients .set-description {
  text-align: center;
  margin-bottom: 40px;
}

.block.clients .carousel-wrapper {
  position: relative;
  margin-right: 135px;
  margin-left: 135px;
}

.block.clients .carousel {
  margin: 0 auto;
  max-width: 1170px;
}

.block.clients ul.list {
  text-align: center;
}

.block.clients ul.list li {
  display: inline-block;
  padding: 0;
  margin-right: 15px;
  margin-left: 15px;
  vertical-align: top;
  background: transparent;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=1);
}

.block.clients ul.list li a {
  text-decoration: none;
  display: block;
  position: relative;
  width: 200px;
  height: 150px;
}

.block.clients ul.list li a {
  background-color: transparent;
}

.block.clients ul.list li a span {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  //  filter: url(grayscale.svg#greyscale); /* Firefox 4+ */
  filter: gray;
  /* IE 6-9 */
}

.block.clients ul.list li a:hover span {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}

.clients ul.filter {
  padding-bottom: 28px;
  text-align: center;
}

.clients ul.filter li {
  display: inline-block;
  width: auto;
  padding-right: 15px;
  padding-left: 15px;
  line-height: 30px;
  min-height: 30px;
}

.center .clients.medium ul.filter li {
  width: auto;
}

.clients ul.filter li a {
  display: block;
}

.clients ul.filter li.iconed a {
  padding-left: 34px;
  background-position: 0 0;
  background-repeat: no-repeat;
  line-height: 30px;
  min-height: 30px;
  position: relative;
}

.clients ul.filter li.active a {
  text-decoration: underline;
}

.clients ul.filter li .icon {
  background: none;
}

.clients ul.filter li a:hover .icon,
.clients ul.filter li.active a .icon {
  background: none;
}









.slideshow .nivo-directionNav a,
html * .ls-container .ls-nav-prev,
html * .ls-container .ls-nav-next,
.block.clients .prev,
.block.clients .next,
.block.portfolio .prev,
.block.portfolio .next {
  position: absolute;
  top: 0;
  overflow: hidden;
  font-size: 0;
  width: 70px;
  height: 100%;
  text-indent: 70px;
  background: none;
  text-decoration: none;
}

.block.portfolio .prev,
.block.portfolio .next {
  height: 270px;
}

html * .ls-container .ls-nav-prev,
html * .ls-container .ls-nav-next {
  height: 70px;
  top: 50%;
  margin-top: -35px;
}

html * .ls-container .ls-nav-prev,
html * .ls-container .ls-nav-next {
  display: block;
  z-index: 10;
}

.slideshow .nivo-directionNav a.nivo-nextNav:before,
.slideshow .nivo-directionNav a.nivo-prevNav:before,
html * .ls-container .ls-nav-prev:before,
html * .ls-container .ls-nav-next:before,
.block.clients .prev:before,
.block.clients .next:before,
.block.portfolio .prev:before,
.block.portfolio .next:before {
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  font-family: 'Codeus';
  font-weight: normal;
  text-align: left;
  text-indent: 0;
  font-size: 39px;
  line-height: 68px;
  width: 68px;
  margin-top: -35px;
  border-radius: 35px;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35x;
  text-align: center;
  border: 1px solid transparent;
}

.slideshow .nivo-directionNav a.nivo-nextNav:before,
.slideshow .nivo-directionNav a.nivo-prevNav:before,
html * .slideshow .ls-container .ls-nav-prev:before,
html * .slideshow .ls-container .ls-nav-next:before {
  border-color: transparent;
  color: transparent;
}

.slideshow .nivo-directionNav a.nivo-prevNav:before,
html * .ls-container .ls-nav-prev:before,
.block.clients .prev:before,
.block.portfolio .prev:before {
  content: '\e604';
  text-indent: -10px;
}

.slideshow .nivo-directionNav a.nivo-nextNav:before,
html * .ls-container .ls-nav-next:before,
.block.clients .next:before,
.block.portfolio .next:before {
  content: '\e605';
}

html * .ls-container .ls-nav-prev {
  left: 0;
}

html * .ls-container .ls-nav-next {
  right: 0;
}

.slideshow .nivo-directionNav a.nivo-prevNav,
html * .slideshow .ls-container .ls-nav-prev {
  left: 50px;
}

.slideshow .nivo-directionNav a.nivo-nextNav,
html * .slideshow .ls-container .ls-nav-next {
  right: 50px;
}

.block.clients .prev {
  left: -85px;
}

.block.clients .next {
  right: -85px;
}

.block.portfolio .prev {
  left: -85px;
}

.block.portfolio .next {
  right: -85px;
}

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

  .block.clients .carousel-wrapper,
  .block.portfolio .carousel-wrapper {
    margin-right: 60px;
    margin-left: 60px;
  }

  .slideshow .nivo-directionNav a,
  html * .slideshow .ls-nav-prev,
  html * .slideshow .ls-nav-next,
  .block.clients .prev,
  .block.clients .next,
  .block.portfolio .prev,
  .block.portfolio .next {
    position: absolute;
    top: 0;
    overflow: hidden;
    font-size: 0;
    width: 30px;
    height: 100%;
    text-indent: 30px;
    background: none;
    text-decoration: none;
  }

  .block.portfolio .prev,
  .block.portfolio .next {
    height: 270px;
  }

  html * .slideshow .ls-nav-prev,
  html * .slideshow .ls-nav-next {
    height: 30px;
    top: 50%;
    margin-top: -15px;
  }

  .slideshow .nivo-directionNav a.nivo-nextNav:before,
  .slideshow .nivo-directionNav a.nivo-prevNav:before,
  html * .slideshow .ls-nav-prev:before,
  html * .slideshow .ls-nav-next:before,
  .block.clients .prev:before,
  .block.clients .next:before,
  .block.portfolio .prev:before,
  .block.portfolio .next:before {
    position: absolute;
    left: 0;
    top: 50%;
    font-family: 'Codeus';
    font-weight: normal;
    text-align: left;
    text-indent: 0;
    font-size: 16px;
    line-height: 28px;
    width: 28px;
    margin-top: -15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15x;
    text-align: center;
  }

  .slideshow .nivo-directionNav a.nivo-nextNav:before,
  .slideshow .nivo-directionNav a.nivo-prevNav:before,
  html * .slideshow .ls-nav-prev:before,
  html * .slideshow .ls-nav-next:before {
    border-color: transparent;
    color: transparent;
  }

  .slideshow .nivo-directionNav a.nivo-prevNav:before,
  html * .slideshow .ls-nav-prev:before,
  .block.clients .prev:before,
  .block.portfolio .prev:before {
    content: '\e602';
  }

  .slideshow .nivo-directionNav a.nivo-nextNav:before,
  html * .slideshow .ls-nav-next:before,
  .block.clients .next:before,
  .block.portfolio .next:before {
    content: '\e603';
    text-indent: 6px;
  }

  .slideshow .nivo-directionNav a.nivo-prevNav,
  html * .slideshow .ls-nav-prev {
    left: 15px;
  }

  .slideshow .nivo-directionNav a.nivo-nextNav,
  html * .slideshow .ls-nav-next {
    right: 15px;
  }

  .block.clients .prev {
    left: -45px;
  }

  .block.clients .next {
    right: -45px;
  }

  .block.portfolio .prev {
    left: -45px;
  }

  .block.portfolio .next {
    right: -45px;
  }
}




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

  #header #site-navigation .menu-toggle {
    display: block;
  }

  #header #site-navigation {
    position: absolute;
    padding: 0;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    -moz-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    z-index: 100;
    width: 100%;
    max-width: 280px;
  }

  #header #site-navigation .menu-toggle {
    border: none;
    float: right;
    width: 64px;
    height: 40px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
  }

  #header #site-navigation .menu-toggle:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #75889c;
    top: 6px;
    left: 0;
    box-shadow:
      0 9px 0 #75889c,
      0 18px 0 #75889c,
      0 27px 0 #75889c;
  }

  #header #site-navigation ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  #header #site-navigation li {
    position: relative;
    display: block;
    z-index: 100;
  }

  #header #site-navigation li a,
  #header #site-navigation .dl-menu li.menu-item-cart>a {
    display: block;
    padding: 0 15px;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 7px 25px;
    position: relative;
    outline: none;
    text-decoration: none;
  }

  #header #site-navigation li a:hover {
    text-decoration: none;
  }

  .no-touch #header #site-navigation li a:hover {}

  #header #site-navigation li.dl-back>a {
    text-align: right;
  }

  #header #site-navigation li.dl-back>a:before {
    position: absolute;
    left: 5px;
    font-family: 'Codeus';
    font-size: 11px;
    content: '\e602';
  }

  #header #site-navigation li.menu-parent-item>a:before,
  #header #site-navigation li.dl-parent a:before {
    position: absolute;
    right: 15px;
    font-family: 'Codeus';
    font-size: 11px;
    content: '\e60f';
  }

  #header #site-navigation .dl-menu {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 100;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 0 0 3px 0 #aaa;
    -moz-box-shadow: 0 0 3px 0 #aaa;
    -webkit-box-shadow: 0 0 3px 0 #aaa;
  }

  #header #site-navigation .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
  }

  #header #site-navigation .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  /* Hide the inner submenus */
  #header #site-navigation li .dl-submenu {
    display: none;
  }

  /*
  When a submenu is openend, we will hide all li siblings.
  For that we give a class to the parent menu called "dl-subview".
  We also hide the submenu link.
  The opened submenu will get the class "dl-subviewopen".
  All this is done for any sub-level being entered.
  */
  #header #site-navigation .dl-menu.dl-subview li,
  #header #site-navigation .dl-menu.dl-subview li.dl-subviewopen>a,
  #header #site-navigation .dl-menu.dl-subview li.dl-subview>a {
    display: none;
  }

  #header #site-navigation .dl-menu.dl-subview li.dl-subview,
  #header #site-navigation .dl-menu.dl-subview li.dl-subview .dl-submenu,
  #header #site-navigation .dl-menu.dl-subview li.dl-subviewopen,
  #header #site-navigation .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
  #header #site-navigation .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
    display: block;
  }

  /* Dynamically added submenu outside of the menu context */
  #header #site-navigation>.dl-submenu {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 100;
    width: 100%;
    margin: 0;
  }

  #header #site-navigation .dl-submenu,
  #header #site-navigation .dl-submenu li,
  #header #site-navigation .dl-submenu li a {
    background-image: url(../images/x.gif);
  }

  /* Animation classes for moving out and in */

  #header #site-navigation .dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    -moz-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
  }

  @-webkit-keyframes MenuAnimOut1 {
    50% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
      -webkit-transform: translateZ(-372.5px) rotateY(15deg);
      opacity: .5;
    }

    100% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }
  }

  @-moz-keyframes MenuAnimOut1 {
    50% {
      -moz-transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
      -moz-transform: translateZ(-372.5px) rotateY(15deg);
      opacity: .5;
    }

    100% {
      -moz-transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }
  }

  @keyframes MenuAnimOut1 {
    50% {
      transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
      transform: translateZ(-372.5px) rotateY(15deg);
      opacity: .5;
    }

    100% {
      transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }
  }

  #header #site-navigation .dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    -moz-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
  }

  @-webkit-keyframes MenuAnimIn1 {
    0% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }

    20% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
      opacity: 0.5;
    }

    100% {
      -webkit-transform: translateZ(0px) rotateY(0deg);
      opacity: 1;
    }
  }

  @-moz-keyframes MenuAnimIn1 {
    0% {
      -moz-transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }

    20% {
      -moz-transform: translateZ(-250px) rotateY(30deg);
      opacity: 0.5;
    }

    100% {
      -moz-transform: translateZ(0px) rotateY(0deg);
      opacity: 1;
    }
  }

  @keyframes MenuAnimIn1 {
    0% {
      transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }

    20% {
      transform: translateZ(-250px) rotateY(30deg);
      opacity: 0.5;
    }

    100% {
      transform: translateZ(0px) rotateY(0deg);
      opacity: 1;
    }
  }

  #header #site-navigation.dl-menuwrapper>.dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    -moz-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
  }

  @-webkit-keyframes SubMenuAnimIn1 {
    0% {
      -webkit-transform: translateX(50%);
      opacity: 0;
    }

    100% {
      -webkit-transform: translateX(0px);
      opacity: 1;
    }
  }

  @-moz-keyframes SubMenuAnimIn1 {
    0% {
      -moz-transform: translateX(50%);
      opacity: 0;
    }

    100% {
      -moz-transform: translateX(0px);
      opacity: 1;
    }
  }

  @keyframes SubMenuAnimIn1 {
    0% {
      transform: translateX(50%);
      opacity: 0;
    }

    100% {
      transform: translateX(0px);
      opacity: 1;
    }
  }

  #header #site-navigation.dl-menuwrapper>.dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    -moz-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
  }

  @-webkit-keyframes SubMenuAnimOut1 {
    0% {
      -webkit-transform: translateX(0%);
      opacity: 1;
    }

    100% {
      -webkit-transform: translateX(50%);
      opacity: 0;
    }
  }

  @-moz-keyframes SubMenuAnimOut1 {
    0% {
      -moz-transform: translateX(0%);
      opacity: 1;
    }

    100% {
      -moz-transform: translateX(50%);
      opacity: 0;
    }
  }

  @keyframes SubMenuAnimOut1 {
    0% {
      transform: translateX(0%);
      opacity: 1;
    }

    100% {
      transform: translateX(50%);
      opacity: 0;
    }
  }


}

/* !!!!!!!!!!!!!!!!!!!! */
.skill-element {
  margin: 0 0 15px 0;
}

.skill-header {
  margin: 0 0 5px 0;
}

.skill-title {
  font-size: 88.2%;
  line-height: 1.471;
  float: left;
}

.skill-amount {
  float: right;
}

.skill-line {
  font-size: 0;
  line-height: 1;
  height: 15px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

.skill-line div {
  display: inline-block;
  font-size: 0;
  line-height: 1;
  height: 15px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

.diagram-summary {
  font-size: 88.2%;
  line-height: 1.471;
  margin: 0 0 0.766667em 0;
}

.diagram-summary-text {
  margin: 0 0 0.766667em 0;
}

.diagram-circle {
  text-align: center;
}

.diagram-circle {
  position: relative;
}

.diagram-circle .box-wrapper {
  max-width: 550px;
  position: relative;
  text-align: left;
}

.tab_wrapper .diagram-circle .box-wrapper {
  margin: 0 auto;
}

.diagram-circle .box {
  position: relative;

}

.diagram-circle .skills {
  display: none;
}

/* !!!!!!!!!!!!!!!!!!!! */
.diagram-circle .text {
  font-size: 88.2%;
  line-height: 1.471;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.diagram-circle .text div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

}

.diagram-circle .text div span {
  display: block;
  text-align: center;
  padding: 0 0 0 5px;
  margin: 0;
}

.diagram-item {
  padding: 0 0 20px;
}

.widget .diagram-circle .text div,
.widget .diagram-circle .text div span.title {
  font-size: inherit;
}

.diagram-legend {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  text-align: left;
}

.diagram-legend .legend-element {
  margin: 0 0 26px 0;
}

.diagram-legend .legend-element .color {
  display: block;
  float: left;
}

.diagram-legend .legend-element .title {
  display: block;
  line-height: 1;
  margin: 0 0 0 46px;
}

/* WPML */

#footer_sidebar {
  float: left;
}

#footer_sidebar .widget-title {
  display: none;
}

#footer_sidebar #lang_sel {
  height: auto;
  vertical-align: top;
}

#footer_sidebar #icl_lang_sel_widget {
  margin-right: 10px;
}

#bottom-line #lang_sel ul ul {
  top: auto;
  bottom: 100%;
  height: auto;
  width: auto;
  border: 0 none;
  background: transparent;
}

#bottom-line #lang_sel li {
  width: auto;
  float: none;
  display: block;
}

#bottom-line #lang_sel a.lang_sel_sel,
#bottom-line #lang_sel ul ul a {
  width: 70px;
  font-size: 0;
  border: 0 none;
  background: transparent;
  text-align: center;
  padding: 0;
}

#bottom-line #lang_sel ul ul {
  padding-bottom: 15px !important;
}

#bottom-line #lang_sel ul ul a {
  line-height: 40px;
}

#bottom-line #lang_sel a.lang_sel_sel {
  line-height: inherit;
}

#bottom-line #lang_sel img.iclflag {
  width: auto !important;
  height: auto !important;
  vertical-align: middle;
  margin: 0;
}

#bottom-line #lang_sel ul ul a:hover {
  background: transparent;
}

#header #site-navigation .dl-menu li.menu-item-language {
  width: auto;
}

#header #site-navigation .main_menu li.menu-item-language {
  width: 50px;
}

#header #site-navigation li.menu-item-language a {
  text-align: center;
  padding: 0;
}

@media only screen and (max-width:799px) {
  #header #site-navigation li.menu-item-language a {
    text-align: left;
    padding: 7px 25px;
  }
}

#header #site-navigation li.menu-item-language a img {
  vertical-align: middle;
  margin: 0;
  width: auto !important;
  height: auto !important;
}

#header #site-navigation ul ul.submenu-languages {
  width: 70px;
  margin-left: -10px;
}

#header #site-navigation ul.submenu-languages.dl-submenu {
  width: 280px;
}

#header #site-navigation ul ul.submenu-languages li a {
  line-height: 40px;
}

#header #site-navigation ul ul.submenu-languages li {
  width: auto;
}

/* Pricing table */

.pricing-table {
  font-size: 0;
  line-height: 1;
  margin: 0 0 0 1px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.pricing-table .pricing-column {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 100px;
  text-align: center;
  vertical-align: top;
  position: relative;
  z-index: 1;
}

.pricing-table .pricing-column.highlighted {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  z-index: 2;
}

/* Pricing table title row */

.pricing-table .pricing-column .pricing-title-wrapper {
  position: relative;
}

.pricing-table .pricing-column .pricing-title {
  font-size: 30px;
  line-height: 1.2;
  padding: 22px 0 18px 0;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
}

.pricing-table .pricing-column.highlighted .pricing-title {
  padding: 29px 0 16px 0;
}

.pricing-table .pricing-column.highlighted .pricing-title-wrapper:before {
  box-sizing: border-box;
  border-style: solid;
  border-color: transparent;
  border-width: 62px;
  content: "";
  display: block;
  position: absolute;
  width: 0;
  right: 0;
  top: 0;
  border-right-width: 0;
}

.pricing-table.style-1 .pricing-column.highlighted .pricing-title-wrapper:before {
  border-top-color: #98e794;
}

.pricing-table.style-2 .pricing-column.highlighted .pricing-title-wrapper:before {
  border-top-color: #f7b54d;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-title-wrapper:before {
  border-top-color: #7c4e6e;
}

.pricing-table .pricing-column.highlighted .pricing-title-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  right: 8px;
  top: 8px;
  font-family: 'Codeus-Woocommerce';
  font-weight: normal;
  font-size: 18px;
  content: '\e602';
}

.pricing-table.style-1 .pricing-column.highlighted .pricing-title-wrapper:after {
  color: #ffffff;
}

.pricing-table.style-2 .pricing-column.highlighted .pricing-title-wrapper:after {
  color: #fbf792;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-title-wrapper:after {
  color: #ffb7b7;
}

.pricing-table .pricing-column .pricing-title span.subtitle {
  display: block;
  font-size: 17px;
  text-transform: none;
}

/* Pricing table title row */

.pricing-table.style-1 .pricing-column .pricing-title-wrapper {
  color: #48afdb;
  background: #ffffff;
}

.pricing-table.style-1 .pricing-column.highlighted .pricing-title-wrapper {
  color: #ffffff;
  background: #58cdcc;
}

.pricing-table.style-1 .pricing-column .pricing-title span.subtitle {
  color: #3b3e4f;
}

.pricing-table.style-2 .pricing-column .pricing-title-wrapper {
  color: #b73b62;
  background: #ffffff;
}

.pricing-table.style-2 .pricing-column.highlighted .pricing-title-wrapper {
  color: #ffffff;
  background: url(images/pricing_table_style_2_back.png) center top no-repeat;
}

.pricing-table.style-2 .pricing-column .pricing-title span.subtitle {
  color: #feb7b7;
}

.pricing-table.style-3 .pricing-column .pricing-title-wrapper {
  color: #ba5c7a;
  background: #dce2e6;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-title-wrapper {
  color: #ffffff;
  background: url(images/pricing_table_style_3_back.jpg) center top no-repeat;
}

.pricing-table.style-3 .pricing-column .pricing-title span.subtitle {
  color: #feb7b7;
}

/* Pricing table price row */

.pricing-table .pricing-column .pricing-price {
  font-size: 72px;
  line-height: 1.2;
  padding: 22px 0 26px;
}

.pricing-table .pricing-column .pricing-price span.time {
  display: block;
  font-size: 17px;
  color: #75889c;
}

.pricing-table.style-1 .pricing-column .pricing-price {
  color: #a9aa5c;
  background: #f0f4f7;
}

.pricing-table.style-2 .pricing-column .pricing-price {
  color: #e0426d;
  background: #fff8ed;
}

.pricing-table.style-3 .pricing-column .pricing-price {
  color: #6a5380;
  background: #edf1f2;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-price {
  background: #ffffff;
}

/* Pricing table row */

.pricing-table .pricing-column .pricing-row {
  font-size: 17px;
  line-height: 1.2;
  color: #3b3e4f;
  padding: 11px 0 11px;
}

.pricing-table.style-1 .pricing-column .pricing-row {
  background: #ffffff;
}

.pricing-table.style-1 .pricing-column .pricing-row:nth-child(even) {
  background: #f7f9fb;
}

.pricing-table.style-2 .pricing-column .pricing-row {
  background: #ffffff;
}

.pricing-table.style-3 .pricing-column .pricing-row {
  background: #dce2e6;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-row {
  background: #edf1f2;
}

.pricing-table .pricing-column .pricing-row.strike {
  color: #9eabb6;
  text-decoration: line-through;
}

/* Pricing table footer row */

.pricing-table .pricing-column .pricing-footer {
  font-size: 17px;
  line-height: 1.2;
  color: #3b3e4f;
  padding: 31px 0 30px 0;
}

.pricing-table .pricing-column.highlighted .pricing-footer {
  padding: 43px 0 44px 0;
}

.pricing-table.style-1 .pricing-column .pricing-footer {
  background: #ffffff;
}

.pricing-table.style-2 .pricing-column .pricing-footer {
  background: #ffffff;
}

.pricing-table.style-3 .pricing-column .pricing-footer {
  background: #dce2e6;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-footer {
  background: #edf1f2;
}

.pricing-table .pricing-column .pricing-footer a {
  margin: 0;
}

.pricing-table.button-icon-cart .pricing-column .pricing-footer a:before {
  font-family: 'Codeus-Woocommerce';
  font-weight: normal;
  font-size: 25px;
  line-height: 10px;
  content: '\e605';
  font-style: normal;
  vertical-align: bottom;
  margin-right: 10px;
  border: none;
  width: auto;
  height: auto;
  text-indent: 0;
  margin-top: -6px;
}

.pricing-table.button-icon-none .pricing-column .pricing-footer a {
  padding-left: 20px;
}

.pricing-table.button-icon-none .pricing-column .pricing-footer a:before {
  content: '';
  display: none;
}

.pricing-table.style-1 .pricing-column .pricing-footer a {
  background: #48afdb;
}

.pricing-table.style-1 .pricing-column.highlighted .pricing-footer a {
  background: #54bebd;
}

.pricing-table.style-2 .pricing-column .pricing-footer a {
  background: #efa57f;
}

.pricing-table.style-2 .pricing-column.highlighted .pricing-footer a {
  background: #b73b62;
}

.pricing-table.style-3 .pricing-column .pricing-footer a {
  background: #564566;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-footer a {
  background: #7c4e6e;
}

/* Pricing table shadow */

.pricing-table .pricing-column {}

.pricing-table.style-1 .pricing-column .pricing-title,
.pricing-table.style-1 .pricing-column .pricing-price,
.pricing-table.style-1 .pricing-column .pricing-row,
.pricing-table.style-1 .pricing-column .pricing-footer {
  border: 1px solid #d6dde3;
  margin: -1px 0 0 -1px;
}

.pricing-table .pricing-column .pricing-title {
  margin-top: 0;
}

.pricing-table.style-2 .pricing-column .pricing-title,
.pricing-table.style-2 .pricing-column .pricing-price,
.pricing-table.style-2 .pricing-column .pricing-row,
.pricing-table.style-2 .pricing-column .pricing-footer {
  border: 1px solid #b299a5;
  margin: -1px 0 0 -1px;
}

.pricing-table.style-3 .pricing-column .pricing-title,
.pricing-table.style-3 .pricing-column .pricing-price,
.pricing-table.style-3 .pricing-column .pricing-row,
.pricing-table.style-3 .pricing-column .pricing-footer {
  border: 1px solid #ffffff;
  margin: -1px 0 0 -1px;
}

/*内編集*/
/*.wpcf7-form input{width: 300px !important;}*/
@media only screen and (min-width:768px) {
  .wpcf7-form input {
    width: 700px !important;
  }
}


/*.wpcf7-form textarea{width: 300px !important;}*/
@media only screen and (min-width:768px) {
  .wpcf7-form textarea {
    width: 700px !important;
  }
}

.wpcf7-form .wpcf7-submit {
  width: 80px !important;
}


/*-----------------------------------------------------------------------------------*/
/*  お客様の声
/*-----------------------------------------------------------------------------------*/
/* 一覧 */
.opinion_list {
  padding: 0;
  list-style: none;
}

.opinion_list li:not(:last-child) {
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px dotted #d6dde3;
}

.opinion_list li .post-image {
  float: left;
  width: 28%;
  height: 120px;
  margin: 0 2% 0 0;
  padding: 0;
}

.opinion_list li .post-image img {
  max-width: 100%;
  max-height: 100%;
}

.opinion_list li .post-content {
  float: left;
  width: 70%;
}

.opinion_list li h3 {
  font-size: 26px;
  font-weight: bold;
}

.opinion_list li p {}

.opinion_list li .readmore {
  margin-top: 30px;
  text-align: right;
}

.opinion_list li .socials-sharing {
  margin-top: -30px;
}

/* for SP */
@media only screen and (max-width: 767px) {
  .opinion_list li h3 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.2;
  }

  .opinion_list li p {
    font-size: 14px;
    line-height: 1.2;
  }

  .opinion_list li .readmore {
    margin-top: 10px;
  }

  .opinion_list li .socials-sharing {
    margin-top: 15px;
    margin-left: -80px;
  }

  .recruitment .button_group .one_fourth {
    /*width: 100%;*/
    text-align: center;
    float: left;
  }
}

/* 詳細 */
.op_meta {
  margin-bottom: 40px;
}

.op_meta .meta_logo {
  float: right;
  width: 40%;
  height: 150px;
  text-align: center;
}

.op_meta .meta_logo img {
  width: auto !important;
  max-width: 100%;
  max-height: 100%;
}

.op_meta .meta_data {
  float: left;
  width: 58%;
  margin-right: 2%;
  font-size: 14px;
  line-height: 1.6;
}

.op_meta .meta_data .data_term,
.op_meta .meta_data .data_desc {
  font-weight: normal;
  margin-bottom: 5px;
}

.op_meta .meta_data .data_term {
  position: relative;
  clear: both;
  float: left;
  width: 5.5em;
  margin-right: 1em;
}

.op_meta .meta_data .data_term:after {
  content: ":";
  position: absolute;
  right: 0;
}

.op_meta .meta_data .data_desc {
  padding-left: 6.5em;
}

#opinion .category-opinion h2,
#opinion .category-opinion h3,
#opinion .category-opinion h4,
#opinion .category-opinion h5,
#opinion .category-opinion h6 {
  text-transform: none;
}

#opinion .category-opinion {
  font-size: 16px;
  line-height: 1.6;
}

#opinion .category-opinion h2 {
  color: #3498DB;
  font-size: 24px;
}

#opinion .category-opinion h3 {
  position: relative;
  margin: 50px 0 15px;
  padding-left: 55px;
  font-size: 20px;
}

#opinion .category-opinion h3:before {
  content: "";
  position: absolute;
  top: .8em;
  left: 0;
  display: block;
  background-color: #3b3e4f;
  width: 50px;
  height: 1px;
}

#opinion .category-opinion h4 {
  margin: 30px 0 10px 1em;
  font-size: 18px;
}

#opinion .category-opinion h5 {
  margin: 30px 0 5px;
  font-size: 16px;
}

#opinion .category-opinion p,
#opinion .category-opinion ul,
#opinion .category-opinion ol {
  margin: 0 0 0 1em;
}

#opinion .category-opinion p {
  text-indent: 1em;
}

#opinion .category-opinion em {
  color: #f00;
  font-weight: bold;
}

#opinion .category-opinion a {
  font-weight: normal;
}

#opinion .op_table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px;
  border: none;
  background-color: #efefef;
  width: 80%;
  margin: 30px auto;
}

#opinion .op_table tr {
  background-color: transparent !important;
}

#opinion .op_table th,
#opinion .op_table td {
  padding: 0 5px;
}

#opinion .op_table th {
  width: 80px;
  text-align: left;
  border-right: 1px dotted #666;
}

#opinion .op_table td {
  padding-left: 20px;
}

#opinion .category-opinion .op_images {
  list-style: none;
  width: 100%;
  margin: 15px 0;
  padding: 0;
  font-size: 0;
  text-align: center;
}

#opinion .category-opinion .op_images li {
  display: inline-block;
}

#opinion .category-opinion .op_images-col2 li {
  width: 49%;
}

#opinion .category-opinion .op_images-col2 li+li {
  margin-left: 2%;
}

#opinion .category-opinion .op_images-col3 li {
  width: 32%;
}

#opinion .category-opinion .op_images-col3 li+li {
  margin-left: 2%;
}

#opinion .category-opinion .op_images-col4 li {
  width: 22%;
}

#opinion .category-opinion .op_images-col4 li+li {
  margin-left: 4%;
}

#opinion .category-opinion .indent_list {
  list-style: none;
  margin-bottom: 1em;
  padding: 0;
}

#opinion .category-opinion .indent_list li {
  text-indent: -1.5em;
  padding-left: 1.5em;
  line-height: 1.6;
}

#opinion .category-opinion .indent_list li::first-letter {
  padding-right: .5em;
}

#opinion .category-opinion .wp_social_bookmarking_light {
  margin-top: 60px !important;
}

/* for SP */
@media only screen and (max-width: 767px) {

  .op_meta .meta_logo,
  .op_meta .meta_data {
    float: none;
    width: 100%;
  }

  #opinion .op_table {
    display: block;
    width: 100%;
  }

  #opinion .op_table th,
  #opinion .op_table td {
    display: block;
    width: auto;
    padding-left: 5px;
  }

  #opinion .op_table th {
    border-bottom: 1px dotted #666;
    border-right: none;
  }

  #opinion .op_table td {
    padding-top: 5px;
  }
}

/*-----------------------------------------------------------------------------------*/
/*  汎用クラス
/*-----------------------------------------------------------------------------------*/
.tfnone {
  text-transform: none !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.t_del {
  text-decoration: line-through;
}

.t_italic {
  font-style: italic;
}

.t_normal {
  font-weight: normal;
}

.t_bold {
  font-weight: bold;
}

.t_xx_small {
  font-size: 60%;
}

.t_x_small {
  font-size: 75%;
}

.t_small {
  font-size: 88.88%;
}

.t_large {
  font-size: 120%;
}

.t_x_large {
  font-size: 150%;
}

.t_xx_large {
  font-size: 200%;
}

.l_indent {
  text-indent: 1em;
}

.l_left {
  text-align: left;
}

.l_right {
  text-align: right;
}

.l_center {
  text-align: center;
}

.l_vt {
  vertical-align: top;
}

.l_vm {
  vertical-align: middle;
}

.l_vb {
  vertical-align: bottom;
}

.l_fl_l {
  float: left;
}

.l_fl_r {
  float: right;
}

.fl_box {
  *zoom: 1;
}

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

.fl_box:after {
  clear: both;
}

.fl_box .box_item {
  float: left;
}

.fl_box .box_item_rv {
  float: right;
}

.cf {
  *zoom: 1;
}

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

.cf:after {
  clear: both;
}

.l_clear,
.l_clear:after {
  clear: both;
}

.l_clear_l,
.l_clear_l:after {
  clear: left;
}

.l_clear_r,
.l_clear_r:after {
  clear: right;
}

.movie_wp {
  position: relative;
  margin-bottom: 5em;
  padding-top: 69px;
  padding-bottom: 50%;
  overflow: hidden;
}

.movie_wp iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* 2017/02/03 AudioCodesページ */
#audiocodes h3 {
  text-transform: none;
}

.audiocodes_list {
  list-style: none;
}

.audiocodes_about img {
  float: left;
  margin: 0 15px 20px 0;
}

.audiocodes_list .list_item {
  padding: 15px 20px;
  border: 4px solid #48afdb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 10px 0;
}

.audiocodes_list .products {
  font-size: 0;
  text-align: center;
}

.audiocodes_list .products_term,
.audiocodes_list .products_desc {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.audiocodes_list .products_term {
  width: 100%;
  margin-bottom: 15px;
  color: #48afdb;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
}

.audiocodes_list .products_term span {
  font-size: 16px;
}

.audiocodes_list .products_desc {
  text-align: center;
  margin: 10px 20px;
}

#audiocodes .btn {
  text-align: center;
}

@media only screen and (max-width:799px) {
  .audiocodes_about img {
    float: none;
    display: block;
    margin: 0 auto 15px;
  }

  /*.recruitment .one_fourth{
    float: left;
  }*/
}

/* 2017-02-06 #2161 */
#gmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

#gmap iframe,
#gmap object,
#gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 2017-02-16 ページトップへ戻るボタン */
#btn-pagetop {
  position: fixed;
  bottom: -76px;
  right: 15px;
  z-index: 5000;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-color: rgba(59, 62, 79, 0.75);
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

@media print,
screen and (min-width: 960px) {
  #btn-pagetop {
    width: 60px;
    height: 60px;
  }
}

#btn-pagetop::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0 10px 10px;
}

@media print,
screen and (min-width: 960px) {
  #btn-pagetop::after {
    border-width: 0 15px 15px;
  }
}

#btn-pagetop:hover {
  opacity: .75;
}


/* 2017-12-04  Asterisk table*/
.Asterisk {
  width: 100%;
  box-sizing: border-box;
}

.Asterisk_body {
  width: 100%;
  display: table;
  text-align: center;
}

.Asterisk_row {
  display: table-row;
}

.cell_1 {
  display: table-cell;
  width: 40%;
  background-color: #c5d896;
  border: 3px solid #fff;
  padding: 7px 19px;
  font-weight: bold;
}

.cell_1 p {
  text-align: left;
  word-break: break-all;
}

.cell_2 {
  display: table-cell;
  width: 60%;
  background-color: #d6e4b1;
  border: 3px solid #fff;
  padding: 7px 19px;
}

.cell_2 p {
  text-align: left;
  word-break: break-all;
}

.cell_3 {
  display: table-cell;
  width: 40%;
  background-color: #fff;
  border: 3px solid #fff;
  padding: 3px 19px;
  font-weight: bold;
}

.cell_3 p {
  text-align: left;
  word-break: break-all;
}

.cell_4 {
  width: 60%;
  display: table-cell;
  background-color: #fff;
  border: 3px solid #fff;
  padding: 3px 19px;
}

.cell_4 p {
  text-align: left;
  word-break: break-all;
}

/* 2017-12-05  CentOS7 table*/
.CentOS7_Heading {
  margin-top: 48px;
  font-weight: bold;
  font-size: 24px;
}

.CentOS7 {
  width: 100%;
  box-sizing: border-box;
}

.CentOS7_body {
  width: 100%;
  display: table;
  text-align: center;
}

.CentOS7_row {
  display: table-row;
}

.CentOS7_title {
  white-space: nowrap;
  text-align: left;
  margin: 0 0 7px 4px;
  font-size: 20px;
  font-weight: bold;
}

.CentOS7_title2 {
  white-space: nowrap;
  text-align: left;
  margin: 0 0 7px 4px;
  font-size: 20px;
  font-weight: bold;
}

.cell_5 {
  display: table-cell;
  width: 40%;
  background-color: #c5d896;
  border: 3px solid #fff;
  padding: 7px 19px;
  font-weight: bold;
}

.cell_5 p {
  text-align: left;
  word-break: break-all;
}

.cell_5_2 {
  width: 100%;
  background-color: #c5d896;
  border: 3px solid #fff;
  padding: 7px 19px;
  font-weight: bold;
}

.cell_5_2 p {
  text-align: left;
  word-break: break-all;
}

.cell_6 {
  display: table-cell;
  width: 60%;
  background-color: #d6e4b1;
  border: 3px solid #fff;
  padding: 7px 19px;
}

.cell_6 p {
  text-align: left;
  word-break: break-all;
}

.cell_7 {
  display: table-cell;
  width: 40%;
  background-color: #fff;
  border: 3px solid #fff;
  padding: 3px 19px;
  font-weight: bold;
}

.cell_7 p {
  text-align: left;
  word-break: break-all;
}

.cell_8 {
  display: table-cell;
  width: 60% background-color: #fff;
  border: 3px solid #fff;
  padding: 3px 19px;
}

.cell_8 p {
  text-align: left;
  word-break: break-all;
}

.cell_9 {
  display: table-cell;
  width: 40%;
  background-color: #8bbfd4;
  border: 3px solid #fff;
  padding: 7px 19px;
  font-weight: bold;
}

.cell_9 p {
  text-align: left;
  word-break: break-all;
}

.cell_10 {
  display: table-cell;
  width: 60%;
  background-color: #acd3e4;
  border: 3px solid #fff;
  padding: 7px 19px;
}

.cell_10 p {
  text-align: left;
  word-break: break-all;
}

.cell_11 {
  width: 100%;
  background-color: #c5d896;
  border: 3px solid #fff;
  padding: 7px 19px;
}

.cell_5 p {
  text-align: left;
  word-break: break-all;
}

.form-format {
  font-size: 14px;
  color: #808080;
}


div.blueTable {
  border: 1px solid #0C2E45;
  background-color: #FFFFFF;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  margin-top: 14px;
}

.CentOS7.blueTable .CenOS7Cell,
.CentOS7.blueTable .CentOS7Head {
  border: 1px solid #AAAAAA;
  padding: 3px 4px;
}

.CentOS7.blueTable .CentOS7Body .CenOS7Cell {
  font-size: 13px;
}

.CentOS7.blueTable .CentOS7Row:nth-child(even) {
  background: #EDF9FF;
}

.CentOS7.blueTable .CentOS7Heading {
  background: #A5CFF5;
}

.CentOS7.blueTable .CentOS7Heading .CentOS7Head {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}

/*.blueTable .tableFootStyle {
  font-size: 14px;
}
.blueTable .tableFootStyle .links {
   text-align: right;
}
.blueTable .tableFootStyle .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.blueTable.outerTableFooter {
  border-top: none;
}
.blueTable.outerTableFooter .tableFootStyle {
  padding: 3px 5px;
}*/
/* CentOS7.com */
.CentOS7 {
  display: table;
}

.CentOS7Row {
  display: table-row;
}

.CentOS7Heading {
  display: table-header-group;
}

.CenOS7Cell,
.CentOS7Head {
  display: table-cell;
}

.CentOS7Heading {
  display: table-header-group;
}

.CentOS7Foot {
  display: table-footer-group;
}

.CentOS7Body {
  display: table-row-group;
}


div.blueTable {
  border: 1px solid #0C2E45;
  background-color: #FFFFFF;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}

.divTable.blueTable .divTableCell,
.divTable.blueTable .divTableHead {
  border: 1px solid #AAAAAA;
  padding: 3px 4px;
}

.divTable.blueTable .divTableBody .divTableCell {
  font-size: 13px;
}

.divTable.blueTable .divTableRow:nth-child(even) {
  background: #EDF9FF;
}

.divTable.blueTable .divTableHeading {
  background: #A5CFF5;
}

.divTable.blueTable .divTableHeading .divTableHead {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}

/* DivTable.com */
.divTable {
  display: table;
}

.divTableRow {
  display: table-row;
}

.divTableHeading {
  display: table-header-group;
}

.divTableCell,
.divTableHead {
  display: table-cell;
}

.divTableHeading {
  display: table-header-group;
}

.divTableFoot {
  display: table-footer-group;
}

.divTableBody {
  display: table-row-group;
}

.no-cat-post {
  padding-bottom: 25px;
}


@media (min-width: 1200px) {
  .br-sp {
    display: none;
  }
}

@media screen and (min-width: 799px) and (max-width: 1199px) {
  .br-pc {
    display: none;
  }

  .one_third {
    width: 50%;
  }

  .page-id-8599 .central-wrapper #content {
    margin-right: -33px;
  }

  .text_box>.title,
  .text_box>.text {
    padding: 25px 35px;
  }

  .text_box>.title {
    font-size: 20px;
  }

  .text_box h6 {
    font-size: 18px;
  }

  .text_box>.text {
    font-size: 16px;
  }
}

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

  .br-pc,
  .br-sp {
    display: none;
  }
}




.cs-breadcrumbs {
  margin-bottom: 40px;
}

.cs-breadcrumbs a {
  color: #28a8e4;
}

.cs-wrapper {
  padding-bottom: 0px !important;
}

.current-category-post .cs-inner-container {
  margin-bottom: 0px;
}

.cs-sns .socials {
  margin-bottom: 50px;
}

.cs-sns {
  display: inline-block;
  width: 100%;
}

.upper-category {
  float: right;
  background: #ffbf31;
  padding: 5px 12px;
  border: 1px solid #ffbf31;
  margin-top: -25px;
}

.upper-category a {
  color: #fff;
}

.upper-category:hover {
  border: 1px solid #ffbf31;
  background: #fff;
}

.upper-category:hover a {
  text-decoration: none;
  color: #ffbf31;
}

.cs-title {
  font-size: 25px;
  padding-bottom: 48px;
}

.cs-img-header {
  margin: 0 0 48px;
  border: 1px solid #d8d8d8;
  text-align: center;
  padding: 64px 0;
}

.cs-img-header img {
  width: 30%;
}

.cs-blue-txt {
  color: #196fc4;
}

.cs-title {
  margin-bottom: 48px;
  font-size: 25px;
  display: block;
  padding-bottom: 0px;
  padding-left: 50px;
}

.cs-table table {
  width: 100%;
  border: 1px solid #000;
}

.cs-table tr {
  font-size: 24px;
}

.cs-table tr td {
  padding: 25px;
}

.cs-table tr td:first-child {
  background-color: #196fc4;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid #7f8289;
}

.cs-table tr td:nth-child(2n) {
  color: #000;
  border-bottom: 1px solid #000;
  padding-left: 70px;
}

.cs-ads {
  text-align: center;
  margin: 45px 0;
}

.cs-ads img {
  transition: 0.3s;
}

.cs-ads img:hover {
  transform: scale(1.2);
}

.cs-ads br,
.cs-section-content br {
  display: none;
}

.cs-ads img {
  width: 100%;
  max-width: 800px;
}

.cs-section h2 {
  background-color: #5fd8c5;
  color: #fff;
  padding: 20px 40px;
  font-size: 25px;
  margin-bottom: 0;
}

.cs-section-content p,
.cs-section-content span {
  font-size: 23px;
  line-height: 2em;
}

.cs-section-content {
  padding: 45px 40px 45px;
  font-size: 23px;
  line-height: 2em;
}

.cs-section-content .cs-txt-bold {
  font-weight: 550;
}

.cs-padding-top {
  margin-top: 70px;
  display: block;
}

.cs-border-bottom {
  border-bottom: 1px dashed #000;
}

.cs-img {
  display: flex;
  margin-top: 60px;
  padding: 0 0 0 50px;
  margin-bottom: 30px;
  width: 100%;
}

.cs-img a {
  width: 27%;
  margin-right: 10%;
}

.cs-dropdown-area {
  display: flex;
  margin-top: 50px;
}

.cs-dropdown-area button {
  background: transparent;
  color: #196fc4;
  border: 2px solid #196fc4;
  border-radius: 5px;
  font-weight: 550;
}

.cs-button {
  font-size: 21px;
}

.cs-dropdown {
  width: 21%;
  border: 2px solid #0583b8;
  border-radius: 5px;
  padding: 20px 50px;
  text-align: center;
  position: relative;
  margin-right: 1%;
  cursor: pointer;
  color: #0583b8;
}

.cs-dropdown:hover {
  border: 2px solid #fff;
  background-color: #0583b8;
  color: #fff;
}

.cs-dropdown img {
  position: absolute;
  left: 25px;
  top: 20px;
  width: 20px;
  height: 20px;
}

.cs-dropdown-area .cs-dropdown:nth-child(4n) {
  margin-right: 0px;
}

.cs-tag-date {
  border-top: 1px solid;
}

.cs-tag-list {
  display: flex;
  float: right;
  margin-top: 0px;
}

.cs-tag-list li {
  list-style: none;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 550;
}

.cs-tag-list .tags-links span {
  padding: 0 15px;
}

.cs-tag-list li:after {
  content: "|";
  padding: 0 20px;
}

.cs-tag-list li:last-child:after {
  padding: 0px;
  content: "";
}

.cs-tag-list li:hover a {
  text-decoration: none;
}

.wp_rp_wrap {
  display: none;
}

.detail_similar_item_visual {
  width: 100%;
  height: 175px;
  background: 50% 50% no-repeat #fff;
  background-size: cover;
}

.detail_similar_item_tag {
  font-size: 12px !important;
  font-size: 1.2rem;
  min-height: 2.4em;
  margin-top: 2em;
  color: #5f5f5f;
  font-weight: bold;
  line-height: 1.4;
}

.detail_similar_item_lines {
  margin-top: 1em;
  color: #084885;
  font-weight: bold;
  line-height: 1.9;
  font-size: 14px;
}

.detail_similar_contents .cs-inner-container,
.detail_similar_contents .slick-list {
  width: 100%;
}

.detail_similar_item {
  width: calc(100% / 3);
  margin-top: 30px;
  padding: 0 30px;
  display: inline-block;
  vertical-align: top;
}

.detail_similar_item:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

li.detail_similar_item a {
  text-decoration: none;
  color: inherit;
}

.detail_similar_contents {
  padding-left: 0;
  margin-top: 50px;
}

.slick-slider .slick-list {
  width: 100% !important;
}

.current-category-post {
  margin-top: 120px;
}

.detail_similar_ttl {
  font-size: 26px !important;
  font-size: 2.6rem;
  color: #196fc4;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
}

.detail_similar_contents .slick-arrow {
  transition-property: opacity;
  transition-duration: .2s;
  width: 20px;
  height: 20px;
  content: '';
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxNC41NTRsNi45NC02Ljk0TDEgMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiM3YTdhN2EiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) 50% 50% no-repeat;
  background-size: contain;
  position: absolute;
  top: 40%;
  font-size: 0;
  z-index: 999;
}

.detail_similar_contents .slick-prev {
  left: -3%;
  transform: rotate(180deg);
}

.detail_similar_contents .slick-next {
  right: -3%;
  transform: rotate(0deg);
}

.slick-prev:hover,
.slick-prev:focus {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxNC41NTRsNi45NC02Ljk0TDEgMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiM3YTdhN2EiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) 50% 50% no-repeat !important;
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
}

.slick-next:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxNC41NTRsNi45NC02Ljk0TDEgMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiM3YTdhN2EiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) 50% 50% no-repeat !important;
  transform: rotate(0deg);
  width: 20px;
  height: 20px;
}

.cs-container:hover a {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .cs-dropdown-area {
    display: block !important;
    margin-top: 25px !important;
    padding: 0 15px;
  }

  .cs-dropdown {
    width: auto !important;
    margin-right: 0px !important;
    margin-bottom: 15px !important;
  }

  .cs-section-content {
    padding: 15px 15px 35px !important;
  }

  .cs-section h2 {
    text-align: center !important;
  }

  .cs-section-content p,
  .cs-section-content span,
  .cs-section-content li {
    font-size: 16px !important;
    line-height: 2.3em !important;
  }

  .cs-img {
    display: block !important;
    padding: 0px !important;
    width: 100% !important;
  }

  .cs-img a {
    width: 100% !important;
    margin-right: 0% !important;
    display: block !important;
    margin-bottom: 10px !important;
  }

  .cs-img img {
    width: 100% !important;
  }

  .cs-img br {
    display: none !important;
  }

  .cs-ads {
    margin: 25px 0 !important;
  }

  .cs-table tr td:first-child {
    width: 100px !important;
  }

  .cs-table tr td {
    padding: 15px !important;
  }

  .cs-table tr td:nth-child(2n) {
    padding-left: 15px !important;
  }

  .cs-padding-top {
    margin-top: 30px !important;
  }

  .cs-tag-list li {
    text-align: right !important;
    padding-right: 15px;
  }

  .cs-tag-list {
    display: block !important;
    float: none;
  }

  .cs-tag-list li:after {
    content: "" !important;
    padding: 0 !important;
  }

  .cs-title {
    padding-left: 15px !important;
    margin-bottom: 30px !important;
    line-height: 1.5em !important;
    font-size: 18px !important;
  }

  .cs-img-header {
    margin: 30px 0 !important;
  }

  .cs-table tr {
    font-size: 21px !important;
  }

  .cs-ads img:hover {
    transform: inherit !important;
  }

  .current-category-post {
    margin-top: 50px;
  }

  .detail_similar_contents .slick-next {
    right: 1%;
  }

  .detail_similar_contents .slick-prev {
    left: 1%;
  }

  .slick-next:before {
    content: none !important;
  }

  .detail_similar_contents {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 1320px) {
  .cs-button {
    font-size: 13px !important;
    font-weight: 550 !important;
  }

  .cs-dropdown {
    padding: 20px 40px !important;
  }

  .page-title-block .page-title-block-header h1 {
    font-size: 34px !important;
    padding: 0 15px !important;
  }

  .cs-dropdown img {
    left: 15px !important;
  }
}

.inner .recruitment .button_group a {
  width: 100%;
}

@media (max-width: 1200px) {
  .inner .recruitment .button_group .one_fourth {
    width: 31%;
  }
}

@media only screen and (max-width: 1050px) {
  .cs-wrapper {
    width: 100% !important
  }
}

@media (max-width: 999px) {
  .inner .recruitment .button_group .one_fourth {
    width: 47%;
    float: left;
  }
}

@media (max-width: 767px) {
  .inner .recruitment .button_group .one_fourth {
    width: 46%;
  }
}

@media (max-width: 600px) {
  .inner .recruitment .button_group .one_fourth {
    width: 100%;
  }
}


/*list of case study page*/
.cs-newpage {
  background-color: #fff;
}

.cs-newpage .site-main {
  width: 1200px;
  margin: 0 auto;

}

ul.cs-links {
  display: flex;
  list-style: none;
  padding-bottom: 10px;
  padding-left: 0px;
}

ul.cs-links a {
  color: #28a8e4;
  font-weight: bold;
}

ul.cs-links a:hover {
  text-decoration: none;
}

.cs-label-orange {
  display: flex;
  float: left;
}

.cs-label-orange label a {
  margin-right: 20px;
  line-height: 19px;
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  background-color: #ffbf31;
  border: 1px solid #ffbf31;
  margin-top: 30px;
  padding: 10px 20px;
  cursor: pointer;
  text-decoration: none;
}

.cs-label-orange label a.current {
  border: 1px solid #ffbf31;
  background: transparent;
  color: #ffbf31;
}

.cs-label-orange label:hover a {
  border: 1px solid #ffbf31;
  background: transparent;
  color: #ffbf31;
}

.cs-below-links-container p {
  float: right;
  padding: 45px 15px 45px;
  font-size: 19px;
}

.cs-container {
  width: 100%;
  display: table;
}

.cs-article-categories {
  background-color: #5ed3c5;
  color: #fff;
  padding: 14px 14px 14px 35px;
  font-size: 24px;
  border: 1px solid #d8d8d8;
  border-left: none;
  border-right: none;
}

.cs-article-categories a {
  color: #fff;
}

.cs-article-categories span {
  line-height: 1.5em;
}

.cs-article-categories:hover a {
  color: #fff;
}

.cs-inner-container {
  width: 32%;
  float: left;
  margin-right: 1.5%;
  margin-bottom: 80px;
  position: relative;
}

.cs-inner-container:nth-child(3n) {
  margin-right: 0;
}

.cs-details {
  background-color: #fff;
  color: #000;
  padding: 10px 15px 20px;
  border: 1px solid #d8d8d8;
  border-top: none;
}

.cs-details .cs-semi-title {
  font-weight: bold;
  font-size: 15px;
}

.cs-details p {
  padding: 5px 0px 0;
  font-size: 15px;
  line-height: 30px;
  text-align: justify;
}

.cs-blue-text {
  color: #28a8e4;
}

.cs-article-tags div {
  background-color: #2c3344;
  border: 1px solid #2c3344;
  border-radius: 3px;
  font-size: 14px;
  margin-right: 5px;
  padding: 0px 12px;
  width: fit-content;
  float: left;
  margin-bottom: 5px;
  color: #fff;
}

.cs-article-tags a {
  color: #fff;
}

.cs-category-wrapper {
  position: absolute;
  top: 0;
  right: 0;
}

.cs-category-wrapper:hover a {
  color:
}

.cs-category {
  position: relative;
  top: 0;
  right: 0;
  width: 150px;
  padding: 5px 10px 5px 10px;
  font-size: 20px;
  color: #FFF;
  text-align: center;
  background-image: url(/wp-content/uploads/2020/09/bg.png);
}

.cs-category:hover {
  position: relative;
  top: 0;
  right: 0;
  width: 150px;
  padding: 5px 10px 5px 10px;
  font-size: 20px;
  text-align: center;
  color: #ffbf31;
  background-image: url(/wp-content/uploads/2020/09/bg-hover2-1.png);
  text-decoration: none;
}

.cs-category:hover a {
  color: #ffbf31;
  text-decoration: none;
}

.cs-img-container-wrapper {
  overflow: hidden;
  position: relative;
  border: 1px solid #d8d8d8;
  border-bottom: none;
}

.cs-img-container {
  background-image: url(https://geekfeed.geekdev.tokyo/wp-content/uploads/2016/07/logo_mini-maid-service.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.cs-img-container img {
  width: 100%;
  height: auto;
}

.cs-article-tags {
  display: table;
  width: 100%;
}

.cs-article-tags br {
  display: none;
}

.cs-article-tags div:hover {
  background-color: #fff;
  border: 1px solid #2c3344;
  color: #2c3344;
}

.cs-article-tags div:hover a {
  color: #2c3344;
}

.cs-category a {
  font-size: 12pt;
  color: #fff;
}

.cs-right-text {
  float: right;
  margin: -30px 0 30px;
  vertical-align: middle;
}

.cs-details h2 {
  font-size: 20px;
  line-height: 1.6em;
  text-transform: capitalize;
}

.tab-content .tab-panel {
  display: none;
}

.tab-panel.current {
  display: block;
}

.cs-title-overlap {
  position: absolute;
  left: 0;
  bottom: 10%;
  width: 100%;
  text-align: center;
  background: rgb(0, 0, 0, .5);
  color: #fff;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
}

.cs-title-overlap span {
  padding: 0 15px;
  display: block;
}

.cs-list-of-cause .cs-links li {
  padding-right: 5px;
}

.tab-panel a {
  display: contents;
  text-decoration: none;
}

.cs-header-part {
  margin-bottom: 50px;
}

.tab-panel a:nth-child(3n) .cs-inner-container {
  margin-right: 0px;
}

.cs-img-container-wrapper:hover .cs-img-container,
.cs-img-container-wrapper:focus .cs-img-container {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.cs-img-container-wrapper:hover .cs-img-container:before,
.cs-img-container-wrapper:focus .cs-img-container:before {
  display: block;
}

.cs-img-container-wrapper:hover a,
.cs-img-container-wrapper:focus a {
  display: block;
}

.post-container {
  display: flex;
}

.detail_similar_item .cs-inner-container:hover a {
  color: inherit;
}

.tablepress {
  border-top: 2px solid #ddd;
}

.iss-container {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
}

.iss-container p {
  line-height: 1.8rem;
}

.iss-container a {
  color: #48afdb;
}

.iss-pbold {
  text-align: center;
  padding: 15px 0 30px;
}

.iss-img2 {
  padding: 40px 0;
}

.pc-ads {
  display: block;
}

.sp-ads {
  display: none;
}

@media (max-width: 1230px) {
  .cs-header-part {
    padding: 0 15px;
  }

  ul.cs-links {
    padding-left: 15px;
  }

  .cs-header-part {
    padding: 0 15px;
  }

  .tab-content {
    padding: 0 15px;
  }

  .cs-inner-container {
    width: 30%;
  }
}

@media (max-width: 1230px) {
  .cs-newpage .site-main {
    width: 100%;
  }
}

@media (max-width: 999px) {
  .cs-inner-container {
    width: 47%;
    float: left;
    margin-right: 2.5%;
    margin-bottom: 80px;
  }

  .cs-newpage .site-main {
    width: 100%;
  }

  .tab-panel a:nth-child(3n) .cs-inner-container {
    margin-right: 2.5%;
  }
}

@media (max-width: 767px) {
  .cs-inner-container {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    margin-right: 0px;
  }

  ul.cs-links {
    padding: 0 15px;
  }

  .cs-right-text {
    float: none;
    margin: 52px 5px;
  }

  .post-container {
    display: block;
  }

  .cs-breadcrumbs {
    padding-left: 15px;
  }

  /*.recruitment .one_fourth{
        float: left;
        width: 100%!important;
      }*/
  .wpcf7 {
    margin: 0 !important;
  }

  .portfolio.services .rubrics ul.thumbs li {
    width: 100% !important;
  }

  #main {
    padding: 20px 0 0;
  }

  .CentOS7_row,
  .CentOS7,
  .CentOS7_body {
    display: block;
  }

  .cell_11 {
    padding: 0px;
  }

  .cell_11 p {
    padding: 15px;
  }

  .CentOS7_title {
    white-space: inherit;
  }

  .default-page table,
  .comment-content table {
    table-layout: inherit;
    width: 100% !important;
  }
}

@media (max-width: 576px) {
  .cs-newpage {
    max-width: 756px;
    width: 100%;
    object-fit: contain;
  }

  .cs-inner-container {
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
  }

  .cs-label-orange {
    display: block;
    width: 100%;
  }

  .cs-label-orange label {
    width: 100%;
    max-width: 50%;
    float: left;
  }

  .cs-label-orange label a {
    margin-right: 10px;
    display: block;
  }

  .cs-label-orange label:nth-child(2n) a {
    margin-right: 0px;
  }

  *,
  :after,
  :before {
    box-sizing: border-box;
  }

  .table table {
    border: 0;
  }
}

.table tbody tr th,
.table tbody tr td {
  display: table;
  width: 100%;
  border-left: 8px solid #f0f4f7;
  border-right: 8px solid #f0f4f7;
  padding: 15px;
  border-collapse: separate;
}

.table tbody tr td {
  word-break: break-all;
}

.inner td.column-1 {
  white-space: nowrap;
}
}

@media (max-width: 414px) {
  .cs-category {
    right: 0px;
    width: 140px;
  }

  .cs-label-orange label a {
    margin-right: 5px;
  }

  .one_third img,
  .one_half img {
    width: 100% !important;
  }

  .rec_box .one_half img {
    width: 100% !important;
  }

  #main .central-wrapper {
    padding-bottom: 20px;
  }

  .audiocodes_list {
    padding: 0;
  }
}

@media (max-width: 320px) {
  .cs-label-orange {
    width: 100%;
    display: table !important;
    box-sizing: border-box;
  }

  .cs-label-orange>label {
    width: 31.33%;
    float: left;
    height: 80px;
    margin: 0 1% !important;
    vertical-align: middle;
    position: relative;
    padding: 20px 10px;
    box-sizing: border-box;
  }

  .cs-label-orange>br {
    float: left;
    display: none;
  }

  .detail_similar_ttl {
    font-size: 20px !important;
  }

  .detail_similar_contents {
    padding-left: 0;
  }

  .cs-label-orange label {
    max-width: 100%;
    float: none;
  }

  .cs-label-orange label a {
    margin-right: 0px;
    margin-top: 0px;
  }

  .central-wrapper .inner .recruitment .rec_box img {
    width: 100% !important;
  }

  #seminar .title-content span {
    font-size: 18px;
  }
}

.pc-ads {
  display: block !important;
}

.sp-ads {
  display: none !important;
}

@media (max-width: 767px) {
  .pc-ads {
    display: none !important;
  }

  .sp-ads {
    display: block !important;
  }
}


.push-rightbar {
  position: relative
}

.push-rightbar-holder {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 15px;
  width: 190px
}

@media (min-width: 1200px) {
  .push-rightbar {
    padding-right: 190px
  }

  .push-rightbar-holder {
    display: block
  }
}

@media (min-width: 1366px) {
  .push-rightbar {
    padding-right: 330px
  }

  .push-rightbar-holder {
    width: 330px
  }
}

.push-rightbar-holder .rightbar-unit {
  display: block;
  width: 160px;
  min-height: 600px
}

@media (max-width: 1199px) {
  .push-rightbar-holder .rightbar-unit {
    display: none
  }
}

@media (min-width: 1366px) {
  .push-rightbar-holder .rightbar-unit {
    width: 300px
  }
}

/* **************************** */

.page-id-16713 .welfare-content-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 50px;
  justify-content: space-evenly;
}

.page-id-16713 .cerulean-border {
  border: 4.5px solid #2bcbc7;
  border-radius: 30px;
  padding: 30px;
  width: 306px;

}

.page-id-16713 .cerulean {
  color: #2bcbc7;
}

.page-id-16713 .text-707070 {
  color: #707070;
  font-size: 17px;
}

.page-id-16713 .text-center {
  text-align: center;
}

.page-id-16713 .item-header {
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 3px;
  margin-bottom: 50px;
}

.page-id-16713 .welfare-image {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: 100px;
  margin-bottom: 50px;

}

.page-id-16713 .welfare-content-container p.welfare-text {
  margin: 30px 0;
  line-height: 1.4;
}

.page-id-16713 .diamond-bullet {
  font-size: 16px;
}

.welfare-content-container.part-2 .cerulean-border {
  height: fit-content;
}

.cerulean-border p:last-child {
  margin-bottom: 0;
}

.recruitment-form {
  display: flex;
  justify-content: center;
  margin: 60px 0;
}

.welfare-button-wrapper {
  text-align: center;
}

.welfare-button {
  background: #3299db;
  border-radius: 100px;
  margin-top: 0;
  line-height: normal;
  padding: 12px 68px 12px 48px;
  transition: all 0.3s ease;
}

.welfare-button::before {
  content: '\e603';
  left: unset;
  right: 33px;
  border: none;
}

@media screen and (max-width: 768px) {
  .page-id-16713 .welfare-content-container {
    flex-direction: column;
    align-items: center;
  }

  .page-id-16713 .cerulean-border {
    margin-bottom: 30px;
  }

  .welfare-content-container.part-2 {
    padding-top: 0;
  }

  .cerulean-border.last {
    margin-bottom: 0;
  }

  .recruitment-form {
    margin: 30px 0;
  }
}

@media screen and (max-width: 450px) {
  .page-id-16713 .cerulean-border {
    width: 100%;
  }

  .remove-mobile {
    display: none;
  }
}