@import url(https://fonts.googleapis.com/css?family=Bree+Serif);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700,100);

/*
Theme Name: Kinder
Author: themerex
Author URI: http://themerex.net/
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/

/* TABLE OF CONTENTS:

1. Reset tags
2. Default tag's settings
3. Form fields settings
4. styles and Screen readers
5. Theme grid
6. Page layouts
7. Section's decorations
   7.1 Header
   7.2 Main Slider
   7.3 Page top: page title and breadcrumbs
   7.4 Main content wrapper
   7.5 Post Formats
   7.6 Post Layouts
   7.7 Paginations
8. Single page parts
   8.1 Attachment and Portfolio post navigation
   8.2 Reviews block
   8.3 Post author
   8.4 Comments
   8.5 Page 404
9. Sidebars
10. Footer areas
11. Utils
12. Registration and Login popups
13. Third part plugins
14. Predefined classes for users
15. Shortcodes

-------------------------------------------------------------- */



/* 1. Reset tags
-------------------*/
@charset 'utf-8';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,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,address,section,video,audio {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

html,body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

/* 2. Default tag's settings
-----------------------------*/

body {
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
    color: #888;
}

pre,code,tt {
    font-family: 'Courier New',monospace;
}

header,nav,section,article,aside,footer {
    display: block;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
    color: #222;
}

h1,h2,h3,h4,h5,h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
    color: #222;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

h1,
.h1 {
    font-size: 48px;
    line-height: 100px;
    padding: 0 0 30px 0;
    font-weight: 100
}

h2,
.h2 {
    font-size: 36px;
    line-height: 43px;
    padding: 0 0 40px 0;
    font-weight: 100
}

h3,
.h3 {
    font-size: 23px;
    line-height: 28px;
    padding: 0 0 35px 0;
    font-weight: 100
}

h4,
.h4 {
    font-size: 17px;
    line-height: 20px;
    padding: 0 0 30px 0;
    font-weight: 300
}

h5,
.h5 {
    font-size: 13px;
    line-height: 16px;
    padding: 0 0 30px 0;
    font-weight: 300
}

h6,
.h6 {
    font-size: 12px;
    line-height: 15px;
    padding: 0 0 30px 0;
    font-weight: 300
}

big {
    font-size: 120%;
}

small {
    font-size: 80%;
}

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

b,strong {
    font-weight: 400;
}

em,i {
    font-style: italic;
}

code {
    display: block;
    padding: 10px;
    font-family: 'Courier New',monospace;
}

.widget_area li h1,
.widget_area li .h1,
.widget_area li h2,
.widget_area li .h2,
.widget_area li h3,
.widget_area li .h3,
.widget_area li h4,
.widget_area li .h4,
.widget_area li h5,
.widget_area li .h5,
.widget_area li h6,
.widget_area li .h6 {
    padding-bottom: 6px
}

.footerStyleDark h1 a,
.footerStyleDark h2 a,
.footerStyleDark h3 a,
.footerStyleDark h4 a,
.footerStyleDark h5 a,
.footerStyleDark h6 a,
.footerStyleDark .h1 a,
.footerStyleDark .h2 a,
.footerStyleDark .h3 a,
.footerStyleDark .h4 a,
.footerStyleDark .h5 a,
.footerStyleDark .h6 a {
    color: #e1e1e1
}

:focus {
    outline: 0
}

pre.code {
    border-left-width: 3px;
    border-left-style: solid;
    font-size: 12px;
    padding: 10px 20px;
    background: #fcfcfc;
    margin: 0
}

/* Links */
a img {
    border: 0
}

a {
    color: #888;
    text-decoration: none;
    outline: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}

.theme_accent_bg a:hover {
    color: #fff
}

/* Tables */

table p {
    padding-bottom: 0 !important
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

table td,table th {
    border: 1px solid #ddd;
    padding: 4px
}

.content table {
    margin-bottom: 30px
}

body[class*="woocommerce-"] table th,body[class*="woocommerce-"] table td,table.calendar th,table.calendar td,#pageNavSlider table td,#pageNavSlider table th {
    border-width: 0
}

/* Images */

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

figure {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Audio and Video */
iframe,video {
    max-width: 100%;
    min-height: 100px;
    vertical-align: top
}

video.sc_video_bg,video.videoBackground {
    max-width: none
}

.videoBackgroundFullscreen video {
    max-width: none
}

/* Media Elements player hook */
.me-cannotplay {
    overflow: hidden
}

.me-plugin {
    position: absolute;
    height: 0;
    width: 0
}

/* social icons */
a[class^="socialico-"] {
  font-size: 0px !important;
  display: inline-block;
  position: relative;
  padding-right: 30px;
  line-height: 30px;
  vertical-align: top;
  margin-right: 5px;
}

a[class^="socialico-"]:before {
  display: inline-block;
  text-indent: 0;
  overflow: hidden;
  font-family: 'socialicoregular';
  font-size: 25px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 1px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

a[class^="socialico-"]:hover:before {
  -webkit-transition: all 0.1s ease-in-out 0s;
  -moz-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  -ms-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
}

/* rt-icon */
h1 > [class*="rt-icon-"],
h2 > [class*="rt-icon-"],
h3 > [class*="rt-icon-"],
h4 > [class*="rt-icon-"],
h5 > [class*="rt-icon-"],
h6 > [class*="rt-icon-"],
p > [class*="rt-icon-"] {
  font-size: 1.2em;
  position: relative;
  top: .1em;
  line-height: 0;
  padding-right: 0.1em;
}

a > [class*="rt-icon-"],
.theme_button > [class*="rt-icon-"] {
  font-size: 1.4em;
  line-height: 0;
  position: relative;
  top: 3px;
  padding-right: 4px;
}

.tab-content .widgetTop a > [class*="rt-icon-"],
.tab-content .widgetTop .theme_button > [class*="rt-icon-"] {
  top: 2px;
  padding-right: 0;
}

.theme_button > [class*="glyphicon"],
.theme_button > [class*="fa-"] {
  padding-right: 7px;
}

.theme_button > [class*="rt-icon-"],
.theme_button > [class*="glyphicon"],
.theme_button > [class*="fa-"] {
  margin-left: -13px;
}

/* 4. Form fields settings
-------------------------------------------------------------- */
input[type="text"],input[type="password"] {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

textarea {
    padding: 15px;
    resize: vertical;
    box-sizing: border-box
}

textarea.textAreaSize {
    max-height: 500px !important
}

input[type="text"],input[type="password"],textarea {
    font-family: inherit;
    font-size: 14px;
    outline: 0;
    color: #888;
    background-color: #fafafa;
    border: 1px solid #ddd;
    margin: 0
}

input[type="submit"],input[type="button"],
.squareButton {
    height: 30px;
    list-style: none;
    display: inline-block;
    vertical-align: bottom;
    position: relative
}

input[type="submit"],input[type="button"],
.squareButton>a,
.squareButton>span {
    height: 28px;
    line-height: 28px;
    display: block;
    border: 1px solid #ddd;
    padding: 0 9px;
    color: #777;
    position: relative;
    font-size: 14px;
    font-weight: 300;
    background-color: #fff;
    overflow: hidden
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"]:active,
input[type="button"]:active,
.squareButton:hover,
.squareButton:active,
.nav_pages_parts a:hover span,
.nav_comments a:hover {
    top: -1px
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"]:active,
input[type="button"]:active,
.squareButton:hover>a,
.squareButton:active>a,
.nav_pages_parts a:hover span,
.nav_comments a:hover {
    -webkit-box-shadow: 0 2px 2px -1px #ddd;
    -moz-box-shadow: 0 2px 2px -1px #ddd;
    box-shadow: 0 2px 2px -1px #ddd
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: #bebebe
}

button:focus {
    outline: 0;
    border: 0
}

button::-moz-focus-inner {
    border: 0
}

label {
    color: #222;
    display: block;
    height: 20px;
    line-height: 14px
}

label.required:before {
    color: #da6f5b;
    content: '*';
    display: block;
    float: left;
    margin: 0 3px 0 0
}

/* 4. styles and Screen readers
-------------------------------------------------------------- */
/*margin*/
.margin_top_mini {margin-top: 20px !important; }
.margin_top_small {margin-top: 30px !important; }
.margin_top_big {margin-top: 50px !important; }
.margin_top_200 {margin-top: 200px !important; }

.margin_bottom_mini {margin-bottom: 20px !important; }
.margin_bottom_small {margin-bottom: 30px !important; }
.margin_bottom_big {margin-bottom: 50px !important; }
.margin_bottom_200 {margin-bottom: 200px !important; }

.margin_left_mini {margin-left: 20px !important; }
.margin_left_small {margin-left: 30px !important; }
.margin_left_big {margin-left: 50px !important; }

.margin_right_mini {margin-right: 20px !important; }
.margin_right_small {margin-right: 30px !important; }
.margin_right_big {margin-right: 50px !important; }

.margin_center {margin: 0 auto;}

.no_margin_lr {margin-left: 0; margin-right: 0;}

.marginBottom {margin-bottom: 3.5em}

.withMargin {
    margin-bottom: 50px
}

/*padding*/
.no_col_padding [class*="col-"] {padding-left: 0; padding-right: 0;}
.no_col_padding_fc [class*="col-"]:first-child {padding-left: 0; padding-right: 0;}
.no_col_padding_fcl [class*="col-"]:first-child {padding-left: 0;}
.no_col_padding_lc [class*="col-"]:last-child {padding-left: 0; padding-right: 0;}
.no_col_padding_lcr [class*="col-"]:last-child {padding-right: 0;}
.no_col_padding_left [class*="col-"] {padding-left: 0;}

.no_padding_lr {padding-left: 0; padding-right: 0;}
.no_padding_bottom {padding-bottom: 0;}
.no_padding_left_first_child [class*="col-"]:first-child {padding-left: 0;}
.no_padding_right_last_child [class*="col-"]:last-child {padding-right: 0;}
.no_padding_left {padding-left: 0;}
.no_padding_right {padding-right: 0;}

/*align*/
.alignleft {
    display: inline;
    float: left;
    margin: 0 30px 15px 0
}

.alignright {
    display: inline;
    float: right;
    margin: 0 0 15px 30px
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
    text-align: center
}

.big_text {
    font-size: 18px;
    line-height: 27px
}

.content dl {
    margin-bottom: 30px
}

.hrShadow {
    position: relative;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}

.thumb_center+.hrShadow {clear: both;}

[class*="col-"]+.hrShadow {position: initial;}

.hrShadow.withMargin {
    padding-bottom: 30px
}

/* 5. Theme grid
-------------------------------------------------------------- */
section > .container {
  padding-top: 40px;
  padding-bottom: 40px;
}

section.with_padding_top > .container-fluid {
  padding-top: 40px;
}

.no_container_padding > .container {
  padding-top: 0;
  padding-bottom: 0;
}

.no_container_bp .container {padding-bottom: 0;}

.light_section + .light_section > .container {
  padding-top: 5px;
}

.light_section + .light_section:last-child > .container {padding-bottom: 40px;}

.light_section + .light_section > .container {
  padding-bottom: 5px;
}


.light_section + .light_section[class*="with_"] > .container {
  padding-top: 70px;
}

.row + .row {
  margin-top: 20px;
}

section > .container > .row > [class*="col-"],
footer > .container > .row > [class*="col-"] {
  margin-top: 10px;
  margin-bottom: 10px;
}

.table_section .row {
  display: table;
  width: 100%;
}

.table_section [class*="col-"] {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

@media screen and (max-width: 767px) {
  .table_section .row,
  .table_section [class*="col-"] {
    display: block;
    width: auto;
  }

  [class*="col-xs"] + [class*="col-xs"] {
    margin-top: 0;
  }
}
.action_section > .container {
  padding-top: 40px;
  padding-bottom: 40px;
}

#breadcrumbs > .container {
  padding-top: 20px;
  padding-bottom: 20px;
}

#pagination > .container {
  padding-top: 30px;
  padding-bottom: 30px;
}

#footer > .container {
  padding-top: 50px;
  padding-bottom: 30px;
}

#copyright > .container {
  padding-top: 30px;
  padding-bottom: 30px;
}

.with_sidemenu.sidemenu_left .widgetTabs .mainWrap .container {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .container {
    max-width: 500px;
  }
}

.mainWrap:after {
    content: '';
    clear: both;
    display: block;
    height: 0
}


.container-fluid, [class*="affix"] .container-fluid [class*="col-"] {  padding-right: 0; padding-left: 0;}

.container-fluid .row{margin-right: 0; margin-left: 0;}


.columnsWrap {
    overflow: hidden
}

.columnsWrap:after {
    height: 0;
    display: block;
    content: '';
    clear: both
}

.copyWrap,body:not(.video_bg) .mainWrap {
    overflow: hidden;
    background-color: #fff
}


.clr {
    clear: both
}

.clr:after {
    display: block;
    height: 0;
    clear: both;
    content: ''
}

/* Color Section */

.color_section{
    color: #ffffff;
    background-color: #f4c119;
}

.color_section > .container {padding-top: 0; padding-bottom: 0;}

.color_section .section_header:after {
  background-color: #ffffff;
}

.color_section .section_header:before {
  background-color: rgba(255, 255, 255, 0.3);
}

.cs_style_1 {background-color: #adc400;}
.cs_style_1 .sc_testimonials_style_2 .sc_slider, 
.cs_style_1 .sc_testimonials_style_2 .flex-direction-nav li{background-color: transparent;}

.cs_style_2 .sc_testimonials_style_2 .sc_slider, 
.cs_style_2 .sc_testimonials_style_2 .flex-direction-nav li{background-color: transparent;}

.cs_style_3 {background-color: transparent;}

.textured_style_1 {background-image: url(../img/testimonials/texture_2.png);}

/* 6. Page layouts
-------------------------------------------------------------- */
/* boxed layout*/
body.boxed {
  position: static;
  width: auto;
  height: auto;
}

.theme_skin_kinder:not(.video_bg_page) #box_wrapper {background-color: #fff;}

.boxed .container {
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.style_3_page.boxed .container {padding-left: 40px; padding-right: 40px;}

.boxed .usermenu_area .container {
  padding-left: 0;
  padding-right: 0;
}

.boxed #box_wrapper.container {
  padding: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.boxed .menu_right .usermenu_area {padding-left: 50px; padding-right: 50px;}

.boxed #header_wrapper {padding-left: 50px; padding-right: 50px;}


/* Content and Sidebar */


/* 7. Section's decorations
---------------------------------------------------------------*/

/* 7.1 Header
-------------------------------------------------------------- */
#header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

#header .navbar-brand {
  padding: 10px 0;
  font-size: 32px;
  color: #343434;
  height: auto;
}

#header .navbar-brand [class*="icon"] {
  background-color: #4D91BA;
  font-size: 30px;
  color: #ffffff;
  border-radius: 100%;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  position: relative;
  left: -4px;
  padding: 0;
  top: auto;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

#header .navbar-brand:hover [class*="icon"] {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

#header .navbar-brand span {
  color: #4D91BA;
  text-transform: uppercase;
}

header [class*="col-"] {padding-left: 0; padding-right: 0;}

.top_panel_below #header {background-color: #fff;}

ul#mainmenu {
    position: relative
}

ul#mainmenu .custom_view_item {
    position: static !important
}

ul#mainmenu [class^="icon-"]:before,ul#mainmenu [class*=" icon-"]:before {
    margin-left: 0;
    margin-right: .5em
}

/* menu panel */
ul#mainmenu ul.menu-panel {
    display: none;
    z-index: 9999;
    position: absolute;
    top: 95px;
    left: 0;
    overflow: hidden;
    width: auto;
    border: 0
}

.topMenuStyleFon ul#mainmenu .menu-panel {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-box-shadow: 0 6px 2px -1px #f0f0f0;
    -moz-box-shadow: 0 6px 2px -1px #f0f0f0;
    box-shadow: 0 6px 2px -1px #f0f0f0
}

.topMenuStyleLine ul#mainmenu .menu-panel ul {
    background: none !important
}

ul#mainmenu ul.menu-panel>li {
    margin: 0;
    padding: 0
}

ul#mainmenu ul.menu-panel>li>ul li.menu-item-has-children:before {
    display: none
}

header.fixedTopMenu .topWrap .menuTopWrap.topMenuStyleLine>ul#mainmenu>li>.menu-panel {
    top: 60px
}

.topWrap .topMenuStyleFon>ul#mainmenu>li>.menu-panel {
    top: 67px;
    z-index: 1002
}

header.fixedTopMenu .topWrap .menuTopWrap.topMenuStyleFon>ul#mainmenu>li>.menu-panel {
    top: 47px
}

header.fixedTopMenu .container-fluid:last-child {margin-top:100px;}

ul#mainmenu .menu-panel ul {
    position: static !important;
    display: block !important;
    opacity: 1 !important;
    margin: 0;
    padding: 0;
    border: 0;
    width: auto
}

ul#mainmenu .menu-panel>li>ul {
    padding: 0 0 6px
}

ul#mainmenu .menu-panel>li>ul>li>a {
    display: block;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
    background: none !important
}

.responsive_menu #header.affix {position: initial;}

.responsive_menu .topMenuStyleLine ul#mainmenu .menu-panel>li>ul>li>a {
    padding-left: 20px !important
}

ul#mainmenu .menu-panel .item_placeholder .thumb_wrap {
    margin-bottom: 20px
}

ul#mainmenu .menu-panel .item_placeholder .thumb_wrap img {
    vertical-align: top
}

ul#mainmenu .menu-panel .item_placeholder .item_title {
    text-transform: none;
    margin: 0 0 6px 0;
    padding: 0
}

ul#mainmenu .menu-panel .item_placeholder .item_title a {
    text-decoration: none
}

ul#mainmenu .menu-panel .item_placeholder .item_info {
    text-transform: none;
    font-style: italic;
    overflow: hidden
}

ul#mainmenu .menu-panel .item_placeholder .item_info>* {
    float: left;
    font-size: 12px
}

.topMenuStyleFon ul#mainmenu .menu-panel .item_placeholder .item_title,
.topMenuStyleFon ul#mainmenu .menu-panel .item_placeholder .item_info>*>span,
.topMenuStyleFon ul#mainmenu .menu-panel .item_placeholder .item_info>*>em {
    color: #888
}

.topMenuStyleLine ul#mainmenu .menu-panel .item_placeholder .item_title,
.topMenuStyleLine ul#mainmenu .menu-panel .item_placeholder .item_info>*>span,
.topMenuStyleLine ul#mainmenu .menu-panel .item_placeholder .item_info>*>em {
    color: #fff
}

ul#mainmenu .menu-panel .item_placeholder .item_info .item_pubdate {
    position: relative;
    margin-right: 8px
}

ul#mainmenu .menu-panel ul.columns,
.topMenuStyleFon ul#mainmenu .menu-panel ul {
    overflow: hidden;
    border: none !important;
    box-shadow: none !important
}

ul#mainmenu .menu-panel ul.columns {
    padding-top: 10px
}

ul#mainmenu .menu-panel ul.columns li {
    background: 0
}

ul#mainmenu .menu-panel ul.columns>li {
    float: left;
    margin: 0;
    padding: 0;
    max-width: 200px
}

ul#mainmenu .menu-panel ul.columns>li+li {
    border-left: 1px solid #fff
}

.topMenuStyleFon ul#mainmenu .menu-panel ul.columns>li+li {
    border-color: #ddd
}

.topMenuStyleLine ul#mainmenu .menu-panel ul.columns>li+li {
    border-color: rgba(255,255,255,0.3)
}

ul#mainmenu .menu-panel ul.columns>li>a {
    padding: 0 20px 10px
}

.topMenuStyleLine ul#mainmenu .menu-panel ul.columns>li>a {
    color: #fff
}

.topMenuStyleLine ul#mainmenu .menu-panel ul.columns>li>a:hover {
    color: #fff !important;
    cursor: default
}

.topMenuStyleLine ul#mainmenu .menu-panel ul.columns>li>a:hover .menu_item_description {
    color: rgba(255,255,255,0.7) !important
}

.responsive_menu ul#mainmenu .menu-panel ul.columns>li {
    border: 0;
    margin: 6px 20px 0 0;
    width: auto
}

ul#mainmenu .menu-panel ul.columns>li ul li {
    margin: 0 1px
}

ul#mainmenu .menu-panel ul.columns>li ul li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0
}

.topMenuStyleFon ul#mainmenu .menu-panel ul.columns>li ul {
    max-width: 200px
}

.topMenuStyleFon ul#mainmenu .menu-panel ul.columns>li ul li a {
    padding: 8px 20px
}

.topMenuStyleLine ul#mainmenu .menu-panel ul.columns>li ul li a {
    padding: 5px 20px
}

.responsive_menu .topMenuStyleLine ul#mainmenu .menu-panel ul.columns>li ul li a {
    padding-left: 20px !important
}

.topMenuStyleLine ul#mainmenu .menu-panel ul.columns>li ul li a:hover {
    background-color: #fff
}

ul#mainmenu .menu-panel ul.columns>li a .menu_icon {
    margin-right: 10px;
    width: 12px;
    display: inline-block;
    text-align: center;
    opacity: .8
}

.menu_icon_padding {
    padding-left: 22px
}

.topMenuStyleLine ul#mainmenu>li ul li a .menu_icon {
    color: #fff
}

.topMenuStyleFon ul#mainmenu>li ul li a .menu_icon {
    color: #888
}

.topMenuStyleLine ul#mainmenu>li ul li a:hover .menu_icon,
.topMenuStyleFon ul#mainmenu>li ul li a:hover .menu_icon {
    color: inherit
}

ul#mainmenu .menu-panel ul.columns>li a .menu_icon:before {
    width: auto;
    margin: 0
}

ul#mainmenu .menu-panel>li>ul.thumb_title {
    margin-right: -25px;
    overflow: hidden;
    width: auto;
    border: 0;
    padding-top: 10px
}

ul#mainmenu .menu-panel ul.thumb_title>li {
    float: left;
    overflow: hidden;
    margin-right: 25px;
    margin-bottom: 10px
}

ul#mainmenu .menu-panel ul.thumb_title>li:nth-child(2n+3) {
    clear: both
}

.topMenuStyleFon ul#mainmenu .menu-panel ul.thumb_title>li {
    width: 460px
}

.topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title>li {
    width: 460px
}

.topMenuStyleFon ul#mainmenu .menu-panel ul.thumb_title>li>a {
    padding: 10px 15px 18px 25px
}

.topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title>li>a {
    padding: 0 15px 18px 25px;
    color: #fff
}

.topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title>li>a:hover {
    color: #fff !important
}

ul#mainmenu .menu-panel ul.thumb_title>li>ul {
    float: right;
    width: 195px;
    border: 0;
    margin-top: -10px
}

.responsive_menu .topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title>li {
    width: auto;
    max-width: 350px
}

.responsive_menu ul#mainmenu .menu-panel ul.thumb_title>li>ul {
    float: none;
    margin-top: 0
}

ul#mainmenu .menu-panel ul.thumb_title>li>ul li {
    margin: 0
}

.topMenuStyleFon ul#mainmenu .menu-panel ul.thumb_title>li>ul li+li {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid #e8e8e8
}

.topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title>li ul li a {
    padding: 5px 10px 5px 20px
}

.responsive_menu .topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title>li ul li a {
    padding-left: 20px !important
}

.topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title>li ul li a:hover {
    background-color: #fff
}

ul#mainmenu .menu-panel.thumb_title>li>ul>li>ul li a {
    padding: 0
}

.topMenuStyleLine ul#mainmenu .menu-panel.thumb_title>li>ul>li>ul li a:before {
    content: '\f111';
    font-family: "FontAwesome";
    font-size: 4px;
    line-height: 24px;
    display: block;
    position: absolute;
    left: 10px
}

ul#mainmenu .menu-panel.thumb_title>li>ul>li .item_placeholder {
    float: left;
    width: 215px;
    margin-right: 15px
}

.topMenuStyleFon ul#mainmenu .menu-panel ul.thumb_title>li .item_placeholder {
    margin-left: 25px
}

.topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title>li .item_placeholder {
    margin-left: 25px
}

.responsive_menu .topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title>li .item_placeholder {
    margin-left: 20px;
    margin-top: 10px;
    float: none
}

ul#mainmenu .menu-panel.thumb_title .item_placeholder .item_info .item_comments {
    float: right;
    margin-right: 1px
}

ul#mainmenu .menu-panel.thumb_title .item_placeholder .item_info .item_comments span {
    vertical-align: middle
}

ul#mainmenu .menu-panel.thumb_title .item_placeholder .thumb_wrap {
    margin-bottom: 8px
}

ul#mainmenu .menu-panel.thumb {
    padding: 15px 15px 20px;
    width: 412px
}

ul#mainmenu .menu-panel.thumb ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0
}

ul#mainmenu .menu-panel ul.thumb>li {
    float: left;
    width: 75px;
    margin: 0 1px 1px 0
}

ul#mainmenu .menu-panel ul.thumb>li a {
    padding: 0;
    height: 75px;
    background: #ddd
}

ul#mainmenu .menu-panel.thumb .item_placeholder .item_info .item_pubdate:after {
    border-right: 1px solid #888;
    margin-left: 10px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    content: ""
}

.topMenuStyleFon ul#mainmenu .menu-panel.thumb .item_placeholder .item_info .item_pubdate:after {
    border-color: #888
}

.topMenuStyleLine ul#mainmenu .menu-panel.thumb .item_placeholder .item_info .item_pubdate:after {
    border-color: #fff
}

ul#mainmenu .menu-panel.thumb .item_placeholder .item_title a {
    font-size: 17px;
    line-height: 24px;
    padding: 0;
    margin: 0
}

.topMenuStyleLine ul#mainmenu .menu-panel.thumb .item_placeholder .item_title a {
    color: #fff;
    padding: 0 !important;
    border: none !important
}

.topMenuStyleLine ul#mainmenu .menu-panel.thumb .item_placeholder .item_title a:hover {
    color: #fff !important;
    background: none !important
}

.responsive_menu .menuTopWrap ul#mainmenu>li>ul.menu-panel.thumb li {
    border: none !important;
    max-width: 380px
}

.responsive_menu .menuTopWrap ul#mainmenu>li>ul.menu-panel.thumb>li>a {
    padding: 0 !important;
    border: none !important
}

.responsive_menu .menuTopWrap ul#mainmenu>li>ul.menu-panel.thumb>li>ul li a {
    padding: 0 !important;
    border: none !important
}

.menu_item_description {
    display: block !important;
    line-height: 12px !important;
    font-size: 10px;
    font-weight: 300;
    text-transform: none;
    margin-top: 4px;
    color: rgba(255,255,255,0.7)
}

a:hover .menu_item_description {
    color: inherit
}

.menuTopWrap ul#mainmenu>li>a>.menu_item_description {
    margin-top: -6px
}

.menuTopWrap ul#mainmenu>li>a>.menu_item_description {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.menuTopWrap ul#mainmenu>li:hover>a>.menu_item_description {
    margin-top: 10px
}

.topMenuStyleFon.menuTopWrap ul#mainmenu>li:hover>a>.menu_item_description,
.fixedTopMenu .topMenuStyleLine.menuTopWrap ul#mainmenu>li:hover>a>.menu_item_description {
    opacity: 0
}

.responsive_menu .menu_item_description {
    display: none !important
}

.topWrap {
    top: -100px;
    background-position: center center
}


.topWrapFixed {
    top: -100px;
    display: none
}

header.fixedTopMenu .topWrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2000;
    width: 100%;
    -webkit-box-shadow: 0 0 10px 1px #777;
    -moz-box-shadow: 0 0 10px 1px #777;
    box-shadow: 0 0 10px 1px #777
}

.topWrap .logo .logo_fixed {
    display: none
}

header.fixedTopMenu .topWrap .logo .logo_main {
    display: none
}

header.fixedTopMenu .topWrap .logo .logo_fixed {
    display: inline-block
}

header.fixedTopMenu .topWrap .logo {
    padding: 15px 0
}

header.fixedTopMenu .topWrap .logo img {
    height: 70px
}

header.fixedTopMenu .topWrap .logo .logo_slogan {
    display: none
}

header.fixedTopMenu .topWrap .menuTopWrap>ul>li {
    padding: 10px 0
}

header.fixedTopMenu .topWrap .menuTopWrap.topMenuStyleLine>ul>li>ul {
    top: 60px
}

header.fixedTopMenu .topWrap .menuTopWrap.topMenuStyleFon>ul>li>ul {
    top: 47px
}

header.fixedTopMenu .topWrap .search {
    margin: 15px 0 15px 10px
}

header.fixedTopMenu .topWrap .openRightMenu {
    margin: 15px 0 15px 10px
}

header.fixedTopMenu .topWrap .usermenu_area {
    height: 0;
    overflow: hidden
}

.sidemenu_left header.fixedTopMenu .topWrap {
    padding: 0 0 0 50px
}

.sidemenu_left.openMenuFix header.fixedTopMenu .topWrap {
    padding-left: 250px
}

.admin-bar header.fixedTopMenu .topWrap {
    margin-top: 32px
}

header.topSearchShow .menuTopWrap {
    display: none !important
}

.topWrap:after {
    content: "";
    display: block;
    clear: both
}

/* logo */

.topWrap .logo {
    float: left;
    font-size: 29px;
    font-weight: 100;
    /*height: 30px;*/
    line-height: 30px;
    padding: 35px 0 0 0;
    color: #fff
}

.logo a {
    display: block;
    color: #fff;
    text-decoration: none
}

.logo img {
    display: inline-block;
    height: 80px;
    border: 0;
    vertical-align: top;
    margin-top: -30px;
   
    
}

.logo .logo_text {
    display: inline-block;
    vertical-align: top;
    line-height: 21px;
   
}

.logo .logo_slogan {
    display: block;
    vertical-align: top;
    line-height: 14px;
    font-size: 10px
}

.logo a:hover {
    color: #fff
}

.topWrap .logo.logo_left {
    text-align: left
}

.topWrap .logo.logo_center {
    text-align: center
}

.topWrap .logo.logo_right {
    text-align: right
}

header.menu_left .topWrap .logo,header.menu_center .topWrap .logo {
    float: none;
    padding-bottom: 0
}

.responsive_menu header.menu_left .topWrap .logo,
.responsive_menu header.menu_center .topWrap .logo {
    float: left
}

header.menu_left .topWrap .logo a,header.menu_center .topWrap .logo a {
    display: inline-block
}

header.menu_right .logo_slogan {
    display: none
}

.logo .logo_slogan {
    color: rgba(255,255,255,0.7)
}


/* main menu search */
.topWrap .search {
    float: right;
    margin: 33px 0 32px 10px;
    height: 30px;
    width: 0;
    padding: 0 28px 0 0;
    border: 1px solid rgba(255,255,255,0.4);
    position: relative;
    -webkit-transition: width .3s ease-out;
    -moz-transition: width .3s ease-out;
    -ms-transition: width .3s ease-out;
    -o-transition: width .3s ease-out;
    transition: width .3s ease-out
}

.topWrap .search:before {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 28px;
    height: 28px;
    content: '\f002';
    font-family: "FontAwesome";
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    line-height: 26px;
    text-align: center
}

.topWrap .search.searchOpen:before {
    content: '\f00d'
}

.topWrap .search:hover {
    cursor: pointer
}

.topWrap .search:not(.searchOpen):hover:before {
    background-color: #fff
}

.topWrap .search.searchOpen {
    width: 220px
}

.topWrap .search.searchOpen .searchForm {
    display: block
}

.topWrap .search .searchForm {
    display: none;
    height: 28px;
    width: 220px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.topWrap .search .searchForm .searchField {
    height: 28px;
    width: 180px;
    line-height: 28px;
    background: 0;
    border: 0;
    margin: 0;
    padding: 0 9px;
    color: #fff;
    position: absolute;
    left: 28px;
    top: 0;
    color: rgba(255,255,255,0.5);
    font-weight: 300
}

.topWrap .search .searchForm .searchField:focus {
    color: #fff
}

.topWrap .search .searchForm .searchField::-webkit-input-placeholder {
    color: rgba(255,255,255,0.5)
}

.topWrap .search .searchForm .searchSubmit {
    width: 28px;
    height: 28px;
    border: 0;
    background: 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0
}

.topWrap .search .searchForm .searchSubmit .icoSearch {
    display: block;
    width: 28px;
    height: 28px;
    color: #fff;
    text-align: center;
    position: relative
}

.topWrap .search .searchForm .searchSubmit .icoSearch:before {
    font-family: "FontAwesome";
    content: '\f002';
    font-size: 16px;
    color: rgba(255,255,255,0.5);
    line-height: 28px;
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    z-index: 4
}

.topWrap .search .ajaxSearchResults {
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    width: 260px;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 10000;
    -webkit-box-shadow: 0 2px 2px -1px #ddd;
    -moz-box-shadow: 0 2px 2px -1px #ddd;
    box-shadow: 0 2px 2px -1px #ddd
}

.topWrap .search .ajaxSearchResults:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #FFF;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    position: absolute;
    top: -5px;
    left: 50px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.topWrap .search .ajaxSearchResults>.post_item {
    display: block;
    padding: 10px 10px;
    position: relative;
    z-index: 3;
    overflow: hidden
}

.topWrap .search .ajaxSearchResults>.post_item+.post_item {
    border-top: 1px solid #ddd
}

.topWrap .search .ajaxSearchResults>.post_item .post_thumb {
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 10px 10px 0
}

.topWrap .search .ajaxSearchResults>.post_item .post_thumb img {
    width: 100%
}

.topWrap .search .ajaxSearchResults>.post_item .post_title {
    display: block;
    position: relative;
    padding: 0 0 6px 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300
}

.topWrap .search .ajaxSearchResults>.post_item .post_info .post_comments,
.topWrap .search .ajaxSearchResults>.post_item .post_info .post_author,
.topWrap .search .ajaxSearchResults>.post_item .post_info .post_date {
    font-size: 11px;
    line-height: 16px;
    font-style: italic;
    display: block;
    float: left;
    padding: 0 10px 0 0
}

.topWrap .search .ajaxSearchResults>.post_item .post_info .post_comments {
    padding-right: 0
}

.topWrap .search .ajaxSearchResults>.post_item .post_info .post_date a {
    color: #222
}

.topWrap .search .ajaxSearchResults>.post_item .post_info .post_comments a {
    display: block
}

.topWrap .search .ajaxSearchResults>.post_item .post_comments_icon {
    display: inline-block
}

.topWrap .search .ajaxSearchResults>.post_item .post_info .post_comments_icon:before {
    width: 12px;
    font-size: 12px;
    height: 12px;
    line-height: 14px;
    display: block;
    float: left;
    font-family: "fontello";
    content: '\e830';
    font-style: normal;
    margin: 0 5px 0 0
}

.topWrap .search .ajaxSearchResults>.post_item .post_more {
    display: block;
    text-align: center
}

.topWrap .search .ajaxSearchResults>.post_item.no_thumb .post_title {
    padding-left: 20px;
    position: relative
}

.topWrap .search .ajaxSearchResults>.post_item.no_thumb .post_title:before {
    font-family: "fontello";
    content: '\e834';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 10px
}

.topWrap .search .ajaxSearchResults>.post_item.no_thumb .post_info {
    padding-left: 20px
}

.topWrap .search .ajaxSearchResults>.post_item.no_thumb .post_info .post_comments,
.topWrap .search .ajaxSearchResults>.post_item.no_thumb .post_info .post_author,
.topWrap .search .ajaxSearchResults>.post_item.no_thumb .post_info .post_date {
    font-size: 12px
}

.topWrap .search .ajaxSearchResults>.post_item.no_thumb .post_info .post_comments a.ico:before {
    font-size: 14px;
    margin: 0 10px 0 0
}

/* usermenu area */
.topWrap .usermenu_area {
    height: auto
}

.topWrap .usermenu_area {
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    font-weight: 300
}

.topWrap .usermenu_area .menuUsItem:after,
.topWrap .usermenu_area:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

.topWrap .usermenu_area a {
    color: rgba(255,255,255,0.7)
}

.topWrap .usermenu_area a:hover {
    color: #fff;
    text-decoration: underline
}

.topWrap .usermenu_area .menuItemRight {
    float: right
}

.topWrap .usermenu_area .menuItemLeft {
    float: left;
    height: 35px;
    line-height: 35px
}

.topWrap .usermenu_area ul.usermenu_list {
    padding: 0;
    margin: 0;
    display: none
}

.topWrap .usermenu_area ul.usermenu_list:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

.topWrap .usermenu_area ul.usermenu_list>li {
    list-style: none;
    position: relative;
    height: 35px;
    line-height: 35px;
    float: left
}

.topWrap .usermenu_area ul.usermenu_list>li a:before,
.topWrap .usermenu_area ul.usermenu_list>li a:after {
    font-family: "FontAwesome"
}

.topWrap .usermenu_area ul.usermenu_list>li>a {
    height: 35px;
    line-height: 35px;
    display: block
}

.topWrap .usermenu_area ul.usermenu_list>li.sfHover>a {
    color: #fff;
    text-decoration: underline
}

.topWrap .usermenu_area ul.usermenu_list>li+li {
    margin: 0 0 0 10px
}

.topWrap .usermenu_area ul.usermenu_list li ul {
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 35px;
    width: 125px;
    z-index: 1020
}

.topWrap .usermenu_area ul.usermenu_list li ul:before {
    width: 6px;
    height: 6px;
    background: #fff;
    content: '';
    display: block;
    position: absolute;
    top: -4px;
    right: 7px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd #fff #fff #ddd;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.topWrap .usermenu_area ul.usermenu_list>li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul {
    right: auto;
    left: 0
}

.topWrap .usermenu_area ul.usermenu_list>li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul:before {
    left: 7px;
    right: auto
}

.topWrap .usermenu_area ul.usermenu_list li ul li {
    position: relative
}

.topWrap .usermenu_area ul.usermenu_list li ul li ul {
    right: auto;
    top: 0;
    left: 128px !important
}

.topWrap .usermenu_area ul.usermenu_list li ul li ul:before {
    top: 7px !important;
    left: -4px !important;
    border-color: #fff #fff #ddd #ddd
}

.topWrap .usermenu_area ul.usermenu_list li ul li ul.submenu_left {
    right: auto;
    top: 0;
    left: -150px !important
}

.topWrap .usermenu_area ul.usermenu_list li ul li ul.submenu_left:before {
    top: 7px !important;
    left: auto !important;
    right: -4px !important;
    border-color: #ddd #ddd #fff #fff
}

.topWrap .usermenu_area ul.usermenu_list li ul li {
    list-style: none;
    padding: 0;
    color: #888
}

.topWrap .usermenu_area ul.usermenu_list li ul li a {
    color: #888;
    display: block;
    padding: 0 0 0 20px;
    height: auto;
    line-height: 25px;
    min-height: 25px;
    position: relative
}

.topWrap .usermenu_area ul.usermenu_list li ul li a.fa:before,
.topWrap .usermenu_area ul.usermenu_list>li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul li>a:before {
    display: block;
    padding: 0;
    text-decoration: none;
    position: absolute;
    left: 0;
    line-height: 25px;
    height: 25px;
    width: auto;
    padding: 0;
    margin: 0
}

.topWrap .usermenu_area ul.usermenu_list>li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul li>a:before {
    content: '\e897';
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_currency>a {
    padding: 0 15px;
    background: rgba(255,255,255,0.5);
    text-decoration: none;
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_currency.sfHover>a,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_currency>a:hover {
    background-color: #fff;
    position: relative;
    z-index: 1050;
    height: 36px
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_currency ul {
    width: 80px
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_currency ul li a b {
    display: inline-block;
    padding: 0 7px 0 0
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart>a:before,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_language>a:before,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_controlPanel>a:before,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_sound>a:before,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_login>a:before {
    display: inline-block;
    height: 35px;
    width: 15px;
    text-align: center;
    line-height: 35px;
    padding: 0 5px 0 0
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_sound>a,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_sound>a:hover {
    text-decoration: none !important
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_language ul li a img {
    height: 10px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 10px 0 0
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart>a:before {
    content: '\f07a'
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_language>a:before {
    content: '\e884'
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_controlPanel>a:before {
    content: '\e885'
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_login>a:before {
    content: '\f090'
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart>a:after,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_language>a:after {
    content: '\f107';
    display: inline-block;
    height: 35px;
    width: 15px;
    text-align: left;
    line-height: 35px;
    padding: 0 0 0 5px
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart.sfHover>a:after,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_language.sfHover>a:after {
    content: '\f106'
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart {
    width: 300px
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart aside:last-child {
    padding-bottom: 0;
    margin-bottom: 10px
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart .widgettitle {
    font-size: 18px;
    padding-bottom: 20px
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart ul {
    display: block;
    position: static;
    border: 0;
    width: 100%;
    padding: 0
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart ul:before {
    display: none
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li {
    margin-bottom: 10px
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a {
    color: #222
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a:hover,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:hover,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:after,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:hover:after {
    text-decoration: none !important;
    font-size: 14px !important
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a {
    padding: 4px 10px;
    display: inline-block;
    float: none;
    margin-right: 10px;
    width: auto;
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:after {
    font-family: "WooCommerce" !important;
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.total {
    padding-bottom: 10px;
}

.topWrap .usermenu_area ul.usermenu_list li.usermenu_sound .fa-close:before {font-size: 8px;}

.openResponsiveMenu {
    display: none;
    margin: 0;
    height: 35px;
    line-height: 35px;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,0.2);
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    clear: both
}

.openResponsiveMenu:hover {
    color: #fff
}

.responsive_menu .openResponsiveMenu {
    display: block
}

#header_wrapper {height: 130px !important;}

.responsive_menu #header_wrapper { height: auto !important;}

.responsive_menu ul#mainmenu li.menu-item-has-children a {
    margin-right: 0 !important
}

.menuTopWrap>ul#mainmenu {
    display: none
}

.topWrap .topMenuStyleFon {
    float: right
}

.topWrap .topMenuStyleFon>ul {
    margin: 0;
    padding: 0
}

.topWrap .topMenuStyleFon>ul:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

.topWrap .topMenuStyleFon>ul>li {
    display: block;
    float: left;
    position: relative;
    padding: 30px 0
}

.topWrap .topMenuStyleFon>ul>li>a {
    display: block;
    padding: 0 18px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: transparent;
    height: 38px;
    line-height: 38px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    z-index: 1000;
    position: relative;
    -webkit-transition: color,background .3s ease-out;
    -moz-transition: color,background .3s ease-out;
    -ms-transition: color,background .3s ease-out;
    -o-transition: color,background .3s ease-out;
    transition: color,background .3s ease-out
}

.topWrap .topMenuStyleFon>ul>li>a:hover {
    background: #fff;
    -webkit-transition: color,background .3s ease-out;
    -moz-transition: color,background .3s ease-out;
    -ms-transition: color,background .3s ease-out;
    -o-transition: color,background .3s ease-out;
    transition: color,background .3s ease-out
}

.topWrap .topMenuStyleFon>ul>li.sfHover>a {
    background-color: #fff;
    z-index: 1003;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.topWrap .topMenuStyleFon>ul>li.sfHover>a,
.topWrap .topMenuStyleFon>ul>li.sfHover>a:hover {
    border-style: solid;
    border-color: #ddd;
    border-width: 1px 1px 0 1px;
    background: #fff;
    margin: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.topWrap .topMenuStyleFon>ul>li ul {
    width: 200px;
    display: none;
    position: absolute;
    left: 0;
    top: 67px;
    background: #FFF;
    padding: 15px 7px 5px 7px;
    margin: 0;
    border: 1px solid #ddd;
    z-index: 1002
}

.topWrap .topMenuStyleFon>ul>li>ul {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.topWrap .topMenuStyleFon>ul>li:not(.custom_view_item) ul li.menu-item-has-children>a:after {
    font-size: 9px;
    font-family: "fontello";
    content: '\e834';
    height: 30px;
    width: 10px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 10px;
    text-align: right;
    color: #222
}

.topWrap .topMenuStyleFon>ul>li ul a {
    position: relative
}

.topWrap .topMenuStyleFon>ul>li ul li {
    list-style: none;
    display: block;
    position: relative
}

.topWrap .topMenuStyleFon>ul>li ul li a {
    display: block;
    padding: 3px 9px;
    line-height: 20px;
    margin: 0 0 11px 0;
    color: #222
}

.topWrap .topMenuStyleFon>ul>li ul li a .menu_item_description {
    color: rgba(34,34,34,0.7)
}

.topWrap .topMenuStyleFon>ul>li ul li ul {
    top: -16px;
    left: 210px
}

.menu_right .topWrap .topMenuStyleFon ul.submenu_left {
    left: -225px !important
}

.topWrap .topMenuStyleLine {
    float: right
}

.topWrap .topMenuStyleLine>ul {
    margin: 0;
    padding: 0
}

.topWrap .topMenuStyleLine>ul:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

.topWrap .topMenuStyleLine>ul>li {
    display: block;
    float: left;
    position: relative;
    padding: 30px 0 25px;
}

.topWrap .topMenuStyleLine>ul>li:after {
    content: '';
    display: block;
    height: 1px;
    background: #fff;
    width: 0;
    -webkit-transition: width .3s ease-out;
    -moz-transition: width .3s ease-out;
    -ms-transition: width .3s ease-out;
    -o-transition: width .3s ease-out;
    transition: width .3s ease-out
}

.topWrap .topMenuStyleLine>ul>li:hover:after {
    width: 100%
}

.topWrap .topMenuStyleLine>ul>li>a {
    display: block;
    padding: 0 20px;
    height: 39px;
    line-height: 39px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    z-index: 88;
    position: relative;
    font-size: 12px;
    font-weight: 300
}

.topWrap .topMenuStyleLine>ul>li>a:hover,
.topWrap .topMenuStyleLine>ul>li>a:focus {background-color: initial;}

.topWrap .topMenuStyleLine>ul>li ul {
    width: 200px;
    display: none;
    position: absolute;
    left: 0;
    top: 95px;
    padding: 0 0 10px 0;
    margin: 0;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    z-index: 2999;
    font-weight: 300;
    font-size: 12px
}

.topWrap .topMenuStyleLine>ul>li:not(.custom_view_item) ul li.menu-item-has-children>a:after {
    font-size: 8px;
    font-family: "fontello";
    content: '\e834';
    height: 30px;
    width: 10px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 15px;
    text-align: right
}

.topWrap .topMenuStyleLine>ul>li ul a {
    position: relative
}

.topWrap .topMenuStyleLine>ul>li ul li {
    list-style: none;
    display: block;
    position: relative
}

.topWrap .topMenuStyleLine>ul>li ul li a {
    display: block;
    padding: 6px 20px;
    line-height: 20px;
    margin: 0;
    text-transform: none;
    color: #fff;
    font-size: 12px
}

.topWrap .topMenuStyleLine>ul>li ul li a:hover {
    background: #fff
}

.topWrap .topMenuStyleLine>ul>li ul li ul {
    top: 0;
    left: 202px;
    padding-top: 1px
}

.menu_right .topWrap .topMenuStyleLine ul.submenu_left {
    left: -204px !important
}

header.menu_left .topWrap .topMenuStyleLine,header.menu_left .topWrap .topMenuStyleFon {
    float: left
}

header.menu_left .topWrap .topMenuStyleLine>ul>li {
    margin-right: 20px
}

header.menu_left .topWrap .topMenuStyleLine>ul>li>a {
    padding-left: 0
}

header.menu_center .topWrap .topMenuStyleLine,header.menu_center .topWrap .topMenuStyleFon {
    float: none;
    text-align: center
}

header.menu_center .topWrap .topMenuStyleLine ul#mainmenu,header.menu_center .topWrap .topMenuStyleFon ul#mainmenu {
    text-align: left;
    display: inline-block;
    margin-right: -70px;
    vertical-align: top
}

.responsive_menu header.menu_center .topWrap .topMenuStyleLine ul#mainmenu,
.responsive_menu header.menu_center .topWrap .topMenuStyleFon ul#mainmenu {
    display: block;
    margin-right: 0
}

.top_panel_over .topWrap {
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: 40px
}

.top_panel_over .fixedTopMenu .topWrap {
    margin-top: 0
}


.top_panel_over .topWrapFixed {
    display: none !important
}

body:not(.boxed) .sidemenu_left #box_wrapper {
    margin-left: 50px;
}

.swpRightPos,
.sidemenu_left .main_content {
    -webkit-transition: margin 1.2s ease-out;
    -moz-transition: margin 1.2s ease-out;
    -ms-transition: margin 1.2s ease-out;
    -o-transition: margin 1.2s ease-out;
    transition: margin 1.2s ease-out
}

.openMenuFixRight .swpRightPos,
.sidemenu_left.openMenuFix .main_content {
    -webkit-transition: margin .4s .25s ease-out;
    -moz-transition: margin .4s .25s ease-out;
    -ms-transition: margin .4s .25s ease-out;
    -o-transition: margin .4s .25s ease-out;
    transition: margin .4s .25s ease-out;
}

.openRightMenu {
    float: right;
    margin: 33px 0 37px 10px;
    height: 28px;
    width: 28px;
    border: 1px solid rgba(255,255,255,0.4);
    text-align: center
}

.openRightMenu:before {
    height: 28px;
    line-height: 29px;
    color: rgba(255,255,255,0.4)
}

.openRightMenu:hover {
    background-color: #fff
}

.swpLeftPos {
    left: 0;
    width: 50px
}


/* Side menu */
.sidemenu_wrap {
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 2001;
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 0 50%;
    perspective-origin: 0 50%
}

.admin-bar .sidemenu_wrap,
.admin-bar .swpRightPos {
    padding-top: 32px
}

.openMenuFix .sidemenu_wrap {
    width: 260px;
    /*width: 311px;*/
}

.with_sidemenu .sidemenu_wrap .sc_scroll_wrapper {width: 240px;}
.with_sidemenu .sidemenu_wrap .mCSB_scrollTools {left: 235px;}

.sidemenu_wrap .logo {
    display: block;
    text-align: center;
    padding: 50px 0
}

.sidemenu_wrap .logo a {
    display: block
}

.sidemenu_wrap .logo img {
    height: 25px;
    margin-bottom: 10px
}

.sidemenu_wrap .logo .logo_text {
    font-size: 25px;
    color: #fff
}

.sidemenu_wrap .logo .logo_slogan {
    color: #fff
}

.sidemenu_wrap .sc_scroll,
.sidemenu_wrap .sc_scroll_wrapper {
    overflow: visible
}

.sidemenu_wrap .usermenu_area {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    font-weight: 300;
    background-color: rgba(0,0,0,0.02)
}

.sidemenu_wrap .usermenu_area:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

.sidemenu_wrap .usermenu_area a {
    color: rgba(255,255,255,0.7)
}

.sidemenu_wrap .usermenu_area a:hover {
    color: #fff;
    text-decoration: underline
}

.sidemenu_wrap .usermenu_area ul.usermenu_list {
    padding: 0;
    margin: 0
}

.sidemenu_wrap .usermenu_area ul.usermenu_list:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

.sidemenu_wrap .usermenu_area ul.usermenu_list>li {
    list-style: none;
    position: relative;
    height: 35px;
    line-height: 35px;
    float: left
}

.sidemenu_wrap .usermenu_area ul.usermenu_list>li a:before,
.sidemenu_wrap .usermenu_area ul.usermenu_list>li a:after {
    font-family: "FontAwesome";
    text-decoration: none
}

.sidemenu_wrap .usermenu_area ul.usermenu_list>li>a {
    height: 35px;
    line-height: 35px;
    display: block
}

.sidemenu_wrap .usermenu_area ul.usermenu_list>li.sfHover>a {
    color: #fff;
    text-decoration: underline
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li ul {
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0;
    padding: 10px;
    position: absolute;
    left: -7px;
    top: 35px;
    width: 120px;
    z-index: 1020
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li ul:before {
    width: 6px;
    height: 6px;
    background: #fff;
    content: '';
    display: block;
    position: absolute;
    top: -4px;
    left: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd #fff #fff #ddd;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.with_sidemenu.sidemenu_left .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_sound ul:before {left: 55px;}

.sidemenu_wrap .usermenu_area ul.usermenu_list li ul.product_list_widget:before{
    display: none;
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li ul li {
    list-style: none;
    padding: 0;
    color: #888
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li ul li a {
    color: #888;
    display: block;
    padding: 0 5px;
    height: auto;
    line-height: 25px;
    min-height: 25px
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li ul li a.icon:before {
    display: inline-block;
    padding: 0 10px 0 0
}

.sidemenu_wrap .usermenu_area ul.usermenu_list>li {
    margin: 0 0 0 30px
}

.sidemenu_wrap .usermenu_area ul.usermenu_list>li+li {
    margin: 0 0 0 10px
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_currency>a {
    padding: 0 15px;
    background: rgba(255,255,255,0.5);
    text-decoration: none
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_currency.sfHover>a,
.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_currency>a:hover {
    background-color: #fff;
    position: relative;
    z-index: 1050;
    height: 36px
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_currency ul {
    width: 80px;
    left: 0
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_currency ul li a b {
    display: inline-block;
    padding: 0 7px 0 0
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart>a:before,
.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_language>a:before,
.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_controlPanel>a:before,
.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_login>a:before {
    display: inline-block;
    height: 35px;
    width: 15px;
    text-align: center;
    line-height: 35px;
    padding: 0 5px 0 0
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_language ul li a img {
    height: 10px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 10px 0 0
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart>a:before {
    content: '\f07a';
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_language>a:before {
    content: '\e884'
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_controlPanel>a:before {
    content: '\e885'
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_login>a:before {
    content: '\f090';
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li ul {width: 125px;}
.with_sidemenu.sidemenu_left .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_sound ul {left: -55px;}

.sidemenu_wrap .usermenu_area ul.usermenu_list li ul li {position: relative;}

.sidemenu_wrap .usermenu_area ul.usermenu_list>li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_login) ul li>a:before {
    position: absolute;
    left: 4px;
    top: 8px;
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_sound .fa-close:before {font-size: 8px;}

.sidemenu_wrap .usermenu_area ul.usermenu_list li ul li a {padding: 0 5px 0 20px;}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart>a:after,
.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_language>a:after {
    content: '\f107';
    display: inline-block;
    height: 35px;
    width: 15px;
    text-align: left;
    line-height: 35px;
    padding: 0 0 0 5px
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart.sfHover>a:after,
.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_language.sfHover>a:after {
    content: '\f106';
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart {
    width: 210px;
    /*left: -40px;*/
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart>ul:before {
    left: 43px
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart aside:last-child {
    padding-bottom: 0;
    margin-bottom: 10px
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart .widgettitle {
    font-size: 18px;
    padding-bottom: 20px
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart ul {
    display: block;
    position: static;
    border: 0;
    width: 100%;
    padding: 0
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li {
    margin-bottom: 10px
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a {
    color: #222
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a img {
    width: 50px
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a,
.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a:hover,
.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a,
.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:hover,
.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:after,
.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:hover:after {
    text-decoration: none !important;
    font-size: 14px !important
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a {
    padding: 2px 6px;
    display: inline-block;
    float: none;
    margin-right: 6px;
    width: auto
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:after {
    font-family: "WooCommerce" !important
}

.sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.total {
    padding-bottom: 10px
}

.sidemenu_wrap .sidemenu_area {
    border-top: 1px solid rgba(255,255,255,0.1)
}

.sidemenu_wrap .sidemenu_area>ul>li {
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

.sidemenu_wrap .sidemenu_area>ul {
    margin: 0;
    padding: 0
}

.sidemenu_wrap .sidemenu_area ul li {
    list-style: none
}

.sidemenu_wrap .sidemenu_area li.dropMenu:hover {
    cursor: pointer
}

.sidemenu_wrap .sidemenu_area li.dropMenu:before {
    content: '\e82a';
    font-family: "fontello";
    width: 40px;
    display: block;
    float: right;
    padding: 7px 0 0 0;
    text-align: center;
    color: #fff
}

.sidemenu_wrap .sidemenu_area li.dropMenu.dropOpen:before {
    content: '\e82d';
}

.sidemenu_wrap .sidemenu_area li.dropMenu a {
    margin: 0 40px 0 0
}

.sidemenu_wrap .sidemenu_area>ul>li>a {
    text-transform: uppercase;
    display: block;
    color: #fff;
    padding: 10px 15px 10px 30px;
    font-weight: 300;
    font-size: 12px
}

.sidemenu_wrap .sidemenu_area ul li>a.sf-with-ul {
    margin: 0 40px 0 0 0
}

.sidemenu_wrap .sidemenu_area ul li ul {
    background: rgba(0,0,0,0.07);
    padding: 0;
    margin: 0;
    display: none
}

.sidemenu_wrap .sidemenu_area ul li ul,
.sidemenu_wrap .sidemenu_area ul li ul li+li {
    border-top: 1px solid rgba(255,255,255,0.1)
}

.sidemenu_wrap .sidemenu_area ul li ul li a {
    color: #fff;
    font-weight: 300;
    display: block;
    padding: 6px 15px 6px 42px;
    font-size: 13px
}

.sidemenu_wrap .sidemenu_area ul li ul li ul li a {
    padding: 6px 15px 6px 54px;
    font-size: 12px
}

.sidemenu_overflow {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1000;
    display: none;
    opacity: .2;
    filter: alpha(opacity=20);
    -ms-filter: "alpha(opacity=20)"
}

.sidemenu_button_icon {background-image: url(../img/menu/logo_mini-white.png);}

.sidemenu_wrap .sidemenu_button {
    width: 50px;
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
    /*background-image: url(images/logo-icon.png);*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 25px;
    -webkit-background-size: 25px;
    -o-background-size: 25px;
    -moz-background-size: 25px
}

.sidemenu_wrap .sidemenu_close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 35px;
    /*right: 0;*/
    left: 210px;
    cursor: pointer;
    color: #fff
}

.menuTranform {
    width: 250px;
    margin: 0 0 0 -300px;
    position: relative;
    z-index: 201;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.openMenuFix .menuTranform {
    width: inherit;
    margin: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

/*.openMenuFix*/ .menuTranform:before {
    content: '';
    height: 100%;
    position: absolute;
    width: 238px;
}

/* Search */
.menuSearch {
    position: relative;
    border: 1px solid rgba(255,255,255,0.4);
    margin: 40px 30px;
    height: 30px
}

.menuSearch .searchField {
    height: 30px;
    line-height: 30px;
    width: 80%;
    background: 0;
    border: 0;
    margin: 0;
    padding: 0 0 0 10px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    color: rgba(255,255,255,0.5);
    font-weight: 300
}

.menuSearch .searchField::-webkit-input-placeholder {
    color: rgba(255,255,255,0.5)
}

.menuSearch .searchField:focus {
    color: #fff
}

.menuSearch .searchSubmit {
    width: 30px;
    height: 30px;
    border: 0;
    background: 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.menuSearch .searchSubmit:before {
    font-family: "FontAwesome";
    content: '\f002';
    font-size: 16px;
    color: rgba(255,255,255,0.5);
    line-height: 30px;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    z-index: 4;
    right: 0;
    top: 0
}

/* 7.2 Main Slider */

.grab-cursor {cursor: url(../img/slider/grab.png) 8 8,move;}
.grabbing-cursor{cursor:url(../img/slider/grabbing.png) 8 8,move;}

.royalSlider {width: 100%; max-height: 500px;}
.slider_engine_swiper .swiper-slider-container {width: 100%; max-height: 500px;}
.rsContent {position: relative;}

/* top panel over slider */
.top_panel_over .sliderHomeBullets {
    position: absolute;
    z-index: -1;
    width: 100%
}
.top_panel_above #header_wrapper {height: auto !important;}
.top_panel_above .fullScreenSlider header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

.top_panel_above.admin-bar .fullScreenSlider header {
    top: 32px
}

.sidemenu_left.openMenuFix .fullScreenSlider header .topWrap {
    padding: 0 0 0 250px
}

.sliderHomeBullets .rsBullets {
    height: 2.1em;
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.fullScreenSlider .sliderHomeBullets .rsBullets {
    position: relative;
    width: 100%;
    text-align: center;
    bottom: 50px;
}

.sliderHomeBullets .rsBullets .rsBullet {
    width: 2.1em;
    height: 1.5em;
    padding: .8em 0 0 0;
    display: inline-block;
    cursor: pointer
}

.sliderHomeBullets .rsBullets .rsBullet span {
    content: '';
    width: .8em;
    height: .8em;
    display: block;
    margin: 0 auto;
    text-align: center;
    background-color: #888;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #888
}

.sliderHomeBullets .rsBullets .rsBullet.rsNavSelected {
    cursor: default
}

.sliderHomeBullets .rsBullets .rsBullet.rsNavSelected span {
    background-color: transparent
}


/* slider button */
.sliderHomeBullets .order {
    position: absolute;
    z-index: 5
}

.sliderHomeBullets .order a {
    display: block;
    border: 1px solid #888;
    background-color: rgba(136,136,136,0.1);
    color: #888;
    font-size: 1.64em;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: .8em 1.2em
}

.sliderHomeBullets .order a:before {
    content: '\e657';
    font-family: "rt-icons";
    display: inline-block;
    padding: 0 10px 0 0;
}

.sliderHomeBullets {
    overflow: hidden;
    position: relative
}

.sliderHomeBullets:not(.slider_engine_revo) {
    display: none;
    z-index: 2;
}

.sliderHomeBullets .slideContent {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover
}

.sliderHomeBullets .container {
    position: relative;
    height: 100%;
}

/* slider text block */
.sliderHomeBullets .textBlock {
    font-size: 3.2em;
    width: auto;
    line-height: 120%;
    position: absolute;
    z-index: 5
}

.sliderHomeBullets .textBlock .title {
    font-weight: 700;
    font-size: 1.05em
}

.sliderHomeBullets .textBlock p {
    font-weight: 100;
    padding: 0;
    margin: 0
}


.staticSlider .slider_engine_swiper [class*="slide-"],
.fullScreenSlider .slider_engine_swiper [class*="slide-"]{
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

/* slider backgroud */
.staticSlider .slide-4,
.fullScreenSlider .slide-4 {
    background-image: url(../img/slider/1.jpg);
}

.staticSlider .slide-5,
.fullScreenSlider .slide-5 {
    background-image: url(../img/slider/2.jpg);
}

.staticSlider .slide-6,
.fullScreenSlider .slide-6 {
    background-image: url(../img/slider/3.jpg);
}

.staticSlider .slide-7,
.fullScreenSlider .slide-7 {
    background-image: url(../img/slider/4.jpg);
}

.staticSlider .slide-8,
.fullScreenSlider .slide-8 {
    background-image: url(../img/slider/5.jpg);
}

.staticSlider .slide-9,
.fullScreenSlider .slide-9 {
    background-image: url(../img/slider/6.jpg);
}

.fullScreenSlider {
    position: relative
}

.fullScreenSlider .sliderHomeBullets .rsBullets .rsBullet span {
    background: #fff;
    border-color: #fff
}

.fullScreenSlider .sliderHomeBullets .rsBullets .rsBullet.rsNavSelected span {
    background-color: transparent
}

.fullScreenSlider .sliderHomeBullets .textBlock {
    color: #fff
}

.fullScreenSlider .sliderHomeBullets .order a {
    border: 1px solid #fff;
    color: #fff;
    background-color: rgba(255,255,255,0.2)
}

.fullScreenSlider .sliderHomeBullets .order a:hover {
    background-color: rgba(255,255,255,0.5);
    color: rgba(0,0,0,0.5)
}

.fullScreenSlider .sliderHomeBullets .fonBlock {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

.fullScreenSlider .sliderHomeBullets .slideContent {
    height: 100%
}

.sliderHomeBullets.slider_alias_2 .slide-1 .fonBlock {
    background-image: url(../img/slider/fullscreen-slide-4.jpg)
}

.sliderHomeBullets.slider_alias_2 .slide-1 .image,
.sliderHomeBullets.slider_alias_3 .slide-1 .image {
    width: 15.14em;
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 5;
    margin: -17em 0 0 0
}

.sliderHomeBullets.slider_alias_2 .slide-1 .textBlock,
.sliderHomeBullets.slider_alias_3 .slide-1 .textBlock {
    text-align: right;
    top: 35%;
    right: 10%;
    z-index: 5
}

.sliderHomeBullets.slider_alias_2 .slide-1 .textBlock p,
.sliderHomeBullets.slider_alias_3 .slide-1 .textBlock p {
    background-image: url(../img/slider/fullscreen-slide-4-2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 0 1.2em 0 0;
    background-size: 1em 2em;
    -webkit-background-size: 1em 2em;
    -o-background-size: 1em 2em;
    -moz-background-size: 1em 2em
}

.sliderHomeBullets.slider_alias_2 .slide-1 .order,
.sliderHomeBullets.slider_alias_3 .slide-1 .order {
    top: 60%;
    right: 10%;
    left: auto
}

.sliderHomeBullets.slider_alias_2 .slide-2 .fonBlock {
    background-image: url(../img/slider/fullscreen-slide-5.jpg)
}

.sliderHomeBullets.slider_alias_2 .slide-2 .textBlock,
.sliderHomeBullets.slider_alias_3 .slide-2 .textBlock {
    top: 45%
}

.sliderHomeBullets.slider_alias_2 .slide-2 .image,
.sliderHomeBullets.slider_alias_3 .slide-2 .image {
    width: 52.14em;
    right: 0;
    left: auto;
    top: 30%
}

.sliderHomeBullets.slider_alias_2 .slide-3 .fonBlock {
    background-image: url(../img/slider/fullscreen-slide-6.jpg)
}

.sliderHomeBullets.slider_alias_2 .slide-3 .textBlock,
.sliderHomeBullets.slider_alias_3 .slide-3 .textBlock {
    width: 100%;
    text-align: center;
    top: 40%;
    left: 0
}

.sliderHomeBullets.slider_alias_2 .slide-3 .order,
.sliderHomeBullets.slider_alias_3 .slide-3 .order {
    left: 50%;
    top: 58%;
    margin-left: -8em
}

.sliderHomeBullets.slider_alias_2 .slide-3 .order a:before,
.sliderHomeBullets.slider_alias_3 .slide-3 .order a:before {
    content: '\e63b'
}

.videoBackground.overlay:after,
.fullScreenSlider .sliderHomeBullets.slider_alias_2 .slideContent:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.3);
    z-index: 3
}

.videoBackground.overlay:after {
    background-image: url(../img/bg/texture_7.png)
}

.fullScreenSlider .sliderHomeBullets.slider_alias_2 .slideContent:before {
    background-image: url(../img/bg/texture_6.png)
}


/* slider animation */
.fullScreenSlider .sliderHomeBullets .sliderBGanima.rsTopLeft .fonBlock {
    animation: rsTopLeft 50s infinite;
    -webkit-animation: rsTopLeft 50s infinite
}

@keyframes rsTopLeft {
    0,100% {
        -webkit-transform: translate(0,0) scale(1.2,1.2);
        -moz-transform: translate(0,0) scale(1.2,1.2);
        -o-transform: translate(0,0) scale(1.2,1.2);
        -ms-transform: translate(0,0) scale(1.2,1.2);
        transform: translate(0,0) scale(1.2,1.2)
    }

    50% {
        -webkit-transform: translate(150px,50px) scale(1.4,1.4);
        -moz-transform: translate(150px,50px) scale(1.4,1.4);
        -o-transform: translate(150px,50px) scale(1.4,1.4);
        -ms-transform: translate(150px,50px) scale(1.4,1.4);
        transform: translate(150px,50px) scale(1.4,1.4)
    }
}

@-webkit-keyframes rsTopLeft {
    0,100% {
        -webkit-transform: translate(0,0) scale(1.2,1.2);
        -moz-transform: translate(0,0) scale(1.2,1.2);
        -o-transform: translate(0,0) scale(1.2,1.2);
        -ms-transform: translate(0,0) scale(1.2,1.2);
        transform: translate(0,0) scale(1.2,1.2)
    }

    50% {
        -webkit-transform: translate(150px,50px) scale(1.4,1.4);
        -moz-transform: translate(150px,50px) scale(1.4,1.4);
        -o-transform: translate(150px,50px) scale(1.4,1.4);
        -ms-transform: translate(150px,50px) scale(1.4,1.4);
        transform: translate(150px,50px) scale(1.4,1.4)
    }
}

.fullScreenSlider .sliderHomeBullets .sliderBGanima.rsTopRight .fonBlock {
    animation: rsTopRight 60s infinite;
    -webkit-animation: rsTopRight 60s infinite
}

@keyframes rsTopRight {
    0,100% {
        -webkit-transform: translate(0,0) scale(1.2,1.2);
        -moz-transform: translate(0,0) scale(1.2,1.2);
        -o-transform: translate(0,0) scale(1.2,1.2);
        -ms-transform: translate(0,0) scale(1.2,1.2);
        transform: translate(0,0) scale(1.2,1.2)
    }

    50% {
        -webkit-transform: translate(-100px,100px) scale(1.4,1.4);
        -moz-transform: translate(-100px,100px) scale(1.4,1.4);
        -o-transform: translate(-100px,100px) scale(1.4,1.4);
        -ms-transform: translate(-100px,100px) scale(1.4,1.4);
        transform: translate(-100px,100px) scale(1.4,1.4)
    }
}

@-webkit-keyframes rsTopRight {
    0,100% {
        -webkit-transform: translate(0,0) scale(1.2,1.2);
        -moz-transform: translate(0,0) scale(1.2,1.2);
        -o-transform: translate(0,0) scale(1.2,1.2);
        -ms-transform: translate(0,0) scale(1.2,1.2);
        transform: translate(0,0) scale(1.2,1.2)
    }

    50% {
        -webkit-transform: translate(-100px,100px) scale(1.4,1.4);
        -moz-transform: translate(-100px,100px) scale(1.4,1.4);
        -o-transform: translate(-100px,100px) scale(1.4,1.4);
        -ms-transform: translate(-100px,100px) scale(1.4,1.4);
        transform: translate(-100px,100px) scale(1.4,1.4)
    }
}

.fullScreenSlider .sliderHomeBullets .sliderBGanima.rsBottomLeft .fonBlock {
    animation: rsBottomLeft 50s infinite;
    -webkit-animation: rsBottomLeft 50s infinite
}

@keyframes rsBottomLeft {
    0,100% {
        -webkit-transform: translate(0,0) scale(1.2,1.2);
        -moz-transform: translate(0,0) scale(1.2,1.2);
        -o-transform: translate(0,0) scale(1.2,1.2);
        -ms-transform: translate(0,0) scale(1.2,1.2);
        transform: translate(0,0) scale(1.2,1.2)
    }

    50% {
        -webkit-transform: translate(200px,-100px) scale(1.4,1.4);
        -moz-transform: translate(200px,-100px) scale(1.4,1.4);
        -o-transform: translate(200px,-100px) scale(1.4,1.4);
        -ms-transform: translate(200px,-100px) scale(1.4,1.4);
        transform: translate(200px,-100px) scale(1.4,1.4)
    }
}

@-webkit-keyframes rsBottomLeft {
    0,100% {
        -webkit-transform: translate(0,0) scale(1.2,1.2);
        -moz-transform: translate(0,0) scale(1.2,1.2);
        -o-transform: translate(0,0) scale(1.2,1.2);
        -ms-transform: translate(0,0) scale(1.2,1.2);
        transform: translate(0,0) scale(1.2,1.2)
    }

    50% {
        -webkit-transform: translate(200px,-100px) scale(1.4,1.4);
        -moz-transform: translate(200px,-100px) scale(1.4,1.4);
        -o-transform: translate(200px,-100px) scale(1.4,1.4);
        -ms-transform: translate(200px,-100px) scale(1.4,1.4);
        transform: translate(200px,-100px) scale(1.4,1.4)
    }
}

.fullScreenSlider .sliderHomeBullets .sliderBGanima.rsBottomRight .fonBlock {
    animation: rsBottomRight 80s infinite;
    -webkit-animation: rsBottomRight 80s infinite
}

@keyframes rsBottomRight {
    0,100% {
        -webkit-transform: translate(0,0) scale(1.2,1.2);
        -moz-transform: translate(0,0) scale(1.2,1.2);
        -o-transform: translate(0,0) scale(1.2,1.2);
        -ms-transform: translate(0,0) scale(1.2,1.2);
        transform: translate(0,0) scale(1.2,1.2)
    }

    50% {
        -webkit-transform: translate(-200px,-100px) scale(1.4,1.4);
        -moz-transform: translate(-200px,-100px) scale(1.4,1.4);
        -o-transform: translate(-200px,-100px) scale(1.4,1.4);
        -ms-transform: translate(-200px,-100px) scale(1.4,1.4);
        transform: translate(-200px,-100px) scale(1.4,1.4)
    }
}

@-webkit-keyframes rsBottomRight {
    0,100% {
        -webkit-transform: translate(0,0) scale(1.2,1.2);
        -moz-transform: translate(0,0) scale(1.2,1.2);
        -o-transform: translate(0,0) scale(1.2,1.2);
        -ms-transform: translate(0,0) scale(1.2,1.2);
        transform: translate(0,0) scale(1.2,1.2)
    }

    50% {
        -webkit-transform: translate(-200px,-100px) scale(1.4,1.4);
        -moz-transform: translate(-200px,-100px) scale(1.4,1.4);
        -o-transform: translate(-200px,-100px) scale(1.4,1.4);
        -ms-transform: translate(-200px,-100px) scale(1.4,1.4);
        transform: translate(-200px,-100px) scale(1.4,1.4)
    }
}

/*
flexslider
*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.slider .sliderPost h1.alignCenter {
    padding: 0 0 50px 0;
    text-align: center
}

.slider .gridBlock {
    text-align: left
}

.slider .gridBlock+.gridBlock {
    padding: 0
}

.slider .gridBlock:before {
    content: "";
    display: block;
    clear: both
}

.slider .gridBlock h2 {
    padding: 0 0 20px 0;
    clear: none;
    margin: 0 0 0 78px
}

.slider .gridBlock h2,
.slider .gridBlock p {
    margin: 0 0 0 78px;
    text-align: left
}

.slider .gridBlock .icon {
    display: block;
    float: left;
    width: 58px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    -moz-background-size: 100%
}

.slider .gridBlock .icon.iconRetina {
    height: 58px;
    background-image: url(images/lens_icon_retina.png)
}

.slider .gridBlock .icon.iconTablet {
    height: 89px;
    background-image: url(images/hand_icon_retina.png)
}

.slides {
    position: relative
}

.noTabletBord .slides .rsBullets,
.slides .rsBullets {
    position: absolute;
    left: 0;
    bottom: 35px;
    text-align: center;
    height: 20px;
    width: 100%;
    z-index: 789;
    overflow: hidden
}

.noTabletBord .slides .rsBullets .rsBullet,
.slides .rsBullets .rsBullet {
    height: 10px;
    width: 10px;
    display: inline-block;
    background: #fff;
    margin: 2px 5px 0 5px;
    vertical-align: top;
    cursor: pointer
}

.noTabletBord .slides .rsBullets .rsNavSelected,
.slides .rsBullets .rsNavSelected {
    height: 12px;
    width: 12px;
    background-color: transparent;
    border: 1px solid #fff;
    margin: 0 3px 0 3px
}

/* swiper container */
.swiper-container_13 .swiper-slide {width: 120px; height: 120px;}


/* 7.3 Page top: page title and breadcrumbs
-------------------------------------------------------------- */
/*section header*/
.section_header {
  margin-top: 4px;
  margin-bottom: 42px;
  font-size: 36px;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
}

.section_header.page-title {
  font-size: 48px;
}

.section_header:before {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  width: 170px;
  background-color: #e5e5e5;
  bottom: -20px;
}

.section_header:after {
  content: '';
  width: 30px;
  height: 3px;
  background-color: #4D91BA;
  position: absolute;
  left: 70px;
  bottom: -21px;
}

.text-center .section_header:before,
.text-center.section_header:before {
  left: 50%;
  margin-left: -85px;
}

.text-center .section_header:after,
.text-center.section_header:after {
  margin-left: -15px;
  left: 50%;
}

.section_header + p {
  font-size: 16px;
  line-height: 1.5em;
  max-width: 60%;
  margin: 40px auto 24px;
  position: relative;
}

.section_header.text-center + p {
  max-width: 60%;
  margin-bottom: 14px;
}

.section_header + blockquote {
  font-size: 16px;
  max-width: 60%;
  margin: 50px auto 44px;
  border: none;
  background-color: transparent;
  padding: 0 40px;
}

.section_header + blockquote:before,
.section_header + blockquote:after {
  font-style: normal;
  font-family: 'fontello';
  content: '\e808';
  position: absolute;
  left: 0;
  top: -10px;
  font-size: 30px;
  color: #4D91BA;
}

.section_header + blockquote:after {
  content: '\e809';
  left: auto;
  right: 0;
}

@media (max-width: 767px) {
  .section_header {
    font-size: 30px;
    margin-top: 0;
  }

  .section_header + blockquote,
.section_header + p {
    max-width: 100% !important;
  }
}

/* 7.4 Main content wrapper
-------------------------------------------------------------- */
/* Post info block */
.infoPost {
    padding: 8px 0 50px 0;
    height: auto;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    font-style: italic;
    position: relative
}

.infoPost a {
    color: #222
}

.infoPost .infoTags a {
    color: #888
}

.infoPost .separator {
    padding: 5px;
    font-style: normal
}

.infoPost .frontend_editor_buttons {
    float: left;
    width: 180px;
    display: block;
    text-align: left;
    margin: -7px 30px 0 0
}

/* Post center block */
.postCenter h1,
.postCenter h2,
.postCenter h3,
.postCenter h4,
.postCenter.items h4,
.postCenter h5,
.postCenter h6 {
    text-align: center;
    margin: 0 auto;
    display: block
}

.postCenter .audio_container {
    margin-left: auto;
    margin-right: auto
}

.postCenter .thumb,
.postCenter .sc_section[class*="columns"] {
    margin: 0 auto 50px;
    float: none
}

.postCenter.items .thumb {
    margin-left: auto;
    margin-right: auto
}

.postCenter img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.postCenter.items .thumb img {
    text-align: center;
    margin: 0 auto;
    padding: 0 0 20px 0;
    clear: both;
    display: block
}

.postCenter article {
    padding: 0 0 10px 0
}

.postCenter .noTabletBord,
.postCenter .sc_border {
    margin: 0 auto 50px auto
}

.postCenter .sc_section .sc_border {
    margin: 0 auto
}

.postCenter .noTabletBord img {
    margin: 20px 0 0 0;
    padding: 0
}

.portfolio .postCenter .thumb {
    margin: 0 auto 50px auto
}

.portfolio .postCenter .folioInfoBlock h2 {
    text-align: center
}

.sidebar+.content .postCenter .sc_video_player {
    margin: 0 auto 30px auto
}

.sidebar+.content .postCenter .noTabletBord,
.sidebar+.content .postCenter .sc_border {
    float: none
}

/* Post left block */
.postLeft.items img {
    margin: 0 20px 20px 0
}

.portfolio .postLeft .thumb {
    float: left;
    margin: 0 50px 50px 0
}

.portfolio .postLeft .thumb img {
    margin: 0
}

/* Post right block */
.postRight.items img {
    margin: 0 0 20px 20px
}

.postRight .thumb {
    float: right;
    margin: 0 0 0 50px
}

.postRight .postSharing ul {
    float: left;
    /*margin: 0 50px 0 0*/
}

.postRight .infoPost {
    text-align: left
}

.portfolio .postRight .thumb {
    float: right;
    margin: 0 0 50px 50px
}

.portfolio .postRight .thumb img {
    margin: 0
}


/* 7.5 Post Format
-------------------------------------------------------------- */
blockquote {
    margin: 0;
    padding: 0;
    font-style: italic;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    border-left: 0;
}

blockquote p:before {
    content: '" '
}

blockquote cite,
.sc_quote_title:before {
    content: '— '
}

blockquote cite {
    display: block;
    margin-top: 20px
}

/* 7.6 Post Layouts
-------------------------------------------------------------- */
.fullscreen .post,
.fullscreen .post .article,
.fullscreen .post article {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.article {
    margin: 0 0 30px 0
}

.single .content .itemscope {
    position: relative
}

.post {
    /*margin: 50px 0*/
}

.post.shortCode {
    margin: 0;
    padding: 50px 0 0 0
}

.post:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}

.post .thumb img {
    width: 100%
}

[class*="col-"].thumb_center {
    margin: 0 auto 50px;
    float: none;
}

.post+.post {
    margin: 0 0 50px 0;
    padding: 0
}

.post.no_margin {
    margin-bottom: 0
}

.post article:not([class*="col-"]) {
    padding: 0
}

.post article:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}



.post p {
    padding: 0 0 30px 0;
    margin: 0
}

.post ol,
.post ul {
    margin: 0 0 30px 20px;
    padding: 0
}

.post li ol,
.post li ul {
    margin-bottom: 0
}

.post ol li,
.post ul li,
.widgetWrap ul li,
.widgetWrap ol li {
    line-height: 28px
}


.post .bqLeft {
    margin: 0 50px 0 0
}

.post .bqRight {
    float: right;
    margin: 0 0 0 50px
}

.postLink {
    padding: 0 0 20px 0
}

.postLink a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

.postStatus {
    color: #fff;
    padding: 30px 50px 0;
    margin: 0 0 40px 0
}

.postAside {
    color: #fff;
    padding: 30px 50px 0;
    margin: 0 0 40px 0;
    background: #888
}

.sc_quote_title {
    font-size: 18px
}

.postChat {
    padding: 0 0 20px 0
}



.post .postSharing {
    padding: 0 0 50px 0;
    clear: both
}

.post .postSharing li {
    margin-bottom: 10px
}

.post .tagsWrap .infoPost {
    float: left;
    margin: 0;
    max-width: 50%;
    text-align: left
}

.post .tagsWrap .postSharing {
    float: right
}

body:not(.single):not(.page) .with_sidebar .post .infoPost {
    padding: 8px 0 50px 0;
    text-align: left
}

body:not(.single):not(.page) .with_sidebar .post .postSharing {
    float: right;
    margin-left: 10px
}

.postSharing {
    height: 30px;
    text-align: right;
    position: relative;
    z-index: 1
}

.postSharing>ul {
    margin: 0;
    padding: 0;
    display: inline-block
}

/* Post  item page */
.itemPage:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}

.itemPage .thumb {
    margin: 0 0 50px 0
}

.itemPage .thumb img {
    display: block
}

.itemPage h1 {
    text-align: left;
    padding: 0 0 50px 0
}

.itemPage .itemInfo {
    padding: 0 0 50px 0
}

.itemPageFullWrapper .itemInfo {
    padding: 0 0 30px 0
}

.itemPage .itemInfo:after,
.itemPageFullWrapper .itemInfo:after {
    height: 0;
    display: block;
    content: '';
    clear: both
}

.itemPage .itemInfo .infoPost,
.itemPageFullWrapper .itemInfo .infoPost {
    float: left;
    padding: 0;
    line-height: 30px
}

.itemPage .itemInfo .postSharing,
.itemPageFullWrapper .itemInfo .postSharing {
    float: right;
    padding: 0 0 0 50px
}

.itemPageFull {
    position: relative;
    overflow: hidden
}

.itemPageFull:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}

.itemPageFull .imgNav img{margin-top: -10%;}

.itemPageFull .thumb {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    -moz-background-size: 100% auto
}

.itemPageFull .thumb img {
    display: block;
    width: 100%
}

.itemPageFull .itemDescriptionWrap {
    position: absolute;
    width: 100%;
    max-height: 40%;
    bottom: 0;
    left: 0;
    padding: 30px 0 0 0;
    color: #222;
    background: #fff;
    background: rgba(255,255,255,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)"
}

.itemPageFull .itemDescriptionWrap h1 {
    text-align: center;
    padding: 0 110px 30px 110px
}

.itemPageFull .itemDescriptionWrap .main {
    position: relative
}

.itemPageFull .itemDescriptionWrap .toggleDescription {
    display: none
}

.itemPageFull .itemDescriptionWrap .toggleButton {
    display: none !important;
    width: 48px;
    height: 48px;
    border: 1px solid #dddcdc;
    position: absolute;
    top: 7px;
    color: #fff;
    background: #d0d0d0;
    background: rgba(208,208,208,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd0d0d0,endColorstr=#4cd0d0d0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd0d0d0, endColorstr=#4cd0d0d0)"
}

.itemPageFull .itemDescriptionWrap .toggleButton:hover {
    background-color: #fff;
    color: #888;
    border: 1px solid #ddd
}

.itemPageFull .itemDescriptionWrap .toggleButton:before {
    font-family: "fontello";
    display: block;
    height: 48px;
    width: 48px;
    text-align: center;
    line-height: 48px;
    font-size: 25px
}

.itemPageFull .itemDescriptionWrap .toggleButton {
    right: 0
}

.itemPageFull .itemDescriptionWrap .toggleButton:before {
    content: '\e861'
}

.itemPageFull .itemDescriptionWrap:hover .toggleButton:before,
.itemPageFull .itemDescriptionWrap.descriptionShow .toggleButton:before {
    content: '\e856'
}

.itemPageFull .itemInfo {
    padding: 0 0 50px 0
}

.itemPageFull .itemInfo:after {
    height: 0;
    display: block;
    content: '';
    clear: both
}

.itemPageFull .itemInfo .infoPost {
    float: left;
    padding: 0;
    line-height: 30px
}

.itemPageFull .itemInfo .postSharing {
    float: right;
    padding: 0 0 0 50px
}

/* Post image navigation */
.imgNav {
    position: relative
}

.imgNav img {
    position: relative;
    z-index:
}

.imgNav .itemPrev,
.imgNav .itemNext {
    display: block;
    position: absolute;
    width: 50%;
    height: 50px;
    font-size: 13px;
    color: #3a3a3a;
    margin: -75px 0 0 0;
    overflow: hidden;
    padding: 50px 0
}

.imgNav .itemPrev span.itInf {
    display: block;
    height: 50px;
    width: auto;
    float: left;
    background: rgba(255,255,255,0.8);
    padding: 0 25px 0 90px;
    margin: 0 0 0 -315px;
    overflow: hidden;
    /*max-width: 160px*/
}

.imgNav .itemNext span.itInf {
    display: block;
    height: 50px;
    width: auto;
    float: right;
    background: rgba(255,255,255,0.8);
    padding: 0 90px 0 40px;
    margin: 0 -315px 0 0;
    overflow: hidden;
    /*max-width: 160px*/
}

.imgNav .itemPrev .titleItem,
.imgNav .itemNext .titleItem {
    display: block;
    font-size: 16px;
    padding: 4px 0 0 0
}

.imgNav .itemPrev:before,
.imgNav .itemNext:before {
    width: 48px;
    height: 48px;
    border: 1px solid #ddd;
    display: block;
    background: rgba(255,255,255,0.8);
    position: absolute;
    top: 50px;
    font-family: "fontello";
    color: #888;
    font-size: 25px;
    text-align: center;
    line-height: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)"
}

.imgNav:hover .itemPrev:before,
.imgNav:hover .itemNext:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)"
}

.imgNav .itemPrev:before {
    content: '\e811';
    left: 50px
}

.imgNav .itemNext:before {
    content: '\e812';
    right: 50px
}

.imgNav .itemPrev {
    top: 50%;
    left: 0
}

.imgNav .itemNext {
    top: 50%;
    right: 0
}

.imgNav .itemPrev.hover span.itInf,
.imgNav .itemPrev:hover span.itInf {
    margin: 0 0 0 -25px
}

.imgNav .itemNext.hover span.itInf,
.imgNav .itemNext:hover span.itInf {
    margin: 0 -25px 0 0
}

.imgNav .itemPrev.hover:before,
.imgNav .itemPrev:hover:before {
    left: 0;
    opacity: 0
}

.imgNav .itemNext.hover:before,
.imgNav .itemNext:hover:before {
    right: 0;
    opacity: 0
}

.imgNav .itemPrev span.itInf,
.imgNav .itemNext span.itInf {
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out
}

.imgNav .itemPrev:before,
.imgNav .itemNext:before {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.imgNav .itemPrev span.itInf,
.imgNav .itemNext span.itInf {
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s
}

/* Shadow */
.inlineShadow,
.hrShadow:before {
    content: "";
    position: absolute;
    margin: 0 50px;
    display: block;
    bottom: 3px;
    height: 40px;
    left: 10px;
    right: 10px;
    z-index: -2;
}

.inlineShadow {
    content: "";
    position: absolute;
    height: 10px;
    display: block;
    bottom: 0;
    padding: 0;
    margin: 0;
    left: 10px;
    right: 10px;
    z-index: -2;
    border-bottom: 1px solid #ebebeb;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-border-radius: 100% / 100%;
    -moz-border-radius: 100% / 100%;
    border-radius: 100% / 100%
}

.inlineShadow:before {
    content: '';
    height: 20px;
    background: #fff;
    position: absolute;
    left: -5px;
    right: -5px;
    bottom: -3px;
    border-bottom: 1px solid #ebebeb
}

/* -- Masonry and Portfolio -- */
.fullscreen .isotopeFiltr,
.sc_gap .isotopeFiltr {
    text-align: center
}

.isotopeFiltr .squareButton,
.isotopeFiltr .squareButton+.squareButton {
    margin-bottom: 4px
}

.masonryWrap .isotopeFiltr ul {
    margin: 0 0 -10px 0;
    padding: 50px 0 50px 0;
}

[class*="portfolio_mansory_"] .masonryWrap .isotopeFiltr ul {padding-top: 0;}

.masonryWrap .pageFiltr ul a,
.masonryWrap .isotopeFiltr ul a {
    text-transform: uppercase
}

.masonry {
    padding: 0 0 50px 0;
    margin: 0 -50px 0 0
}

[class*="portfolio_classic_"] .masonry,
[class*="portfolio_classic_"] .masonry article:last-child .masonryMore ul,
[class*="portfolio_mansory_"] .masonry {padding: 0;}

.masonry:after {
    clear: both;
    content: '';
    height: 0;
    display: block
}

.masonry .isotopePadding {
    margin: 0 50px 0 0;
    position: relative;
    background: #fff
}

.portfolio_masonry_columns_sb .masonry .isotopePadding,
.portfolio_classic_columns_sb .masonry .isotopePadding {margin-right: 20px;}

.masonry article {
    float: left;
    padding: 0;
    /*margin: 50px 0 0 0;*/
    margin:0; 
    background-color: #fff;
    opacity: 0
}

.portfolio_masonry_columns_sb article,
.portfolio_classic_columns_sb article{max-width: 400px !important;}

.masonry article .thumb {
    width: 100%
}

.masonry article .thumb img {
    width: 100%;
    display: block
}

/*.portfolio_columns_sb .masonry article .thumb img {width: initial;}*/

.masonry article h4 {
    padding: 30px 0 20px 0
}

.masonry article .sc_quote_title {
    font-size: 18px;
    padding: 0 0 20px 0
}

.masonry article p {
    padding: 0 0 20px 0;
    margin: 0
}

.masonry article .status {
    padding: 15px 10px;
    margin: 0 0 30px 0;
    color: #fff
}

.masonry article .masonryInfo {
    padding: 0 0 20px 0;
    font-size: 12px;
    line-height: 12px;
    text-align: left;
    font-style: italic
}

.masonry article .masonryInfo:before {
    height: 20px;
    border-top: 1px solid #ddd;
    width: 50px;
    display: block;
    content: ''
}

.masonry article .masonryInfo .separator {
    padding: 5px;
    font-style: normal
}

.masonry article .masonryInfo span.infoTags a {
    color: #888
}

.masonry article .masonryInfo a {
    color: #222
}

.masonry article .masonryMore ul {
    padding: 0 0 50px 0;
    margin: 0
}

.masonry article .moreWrapMasonry:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
    padding: 0 0 50px 0
}

.masonry article .moreWrapMasonry .masonryMore {
    float: right
}

.masonry article .moreWrapMasonry .infoPost {
    padding: 7px 0 0 0;
    float: left
}

.masonry .slides {
    position: relative
}

.masonry .slides .rsBullets {
    position: absolute;
    left: 0;
    bottom: 35px;
    text-align: center;
    height: 20px;
    width: 100%;
    z-index: 789;
    overflow: hidden
}

.masonry .slides .rsBullets .rsBullet {
    height: 10px;
    width: 10px;
    display: inline-block;
    background: #fff;
    margin: 2px 5px 0 5px;
    vertical-align: top;
    cursor: pointer
}

.masonry .slides .rsBullets .rsNavSelected {
    height: 12px;
    width: 12px;
    background-color: transparent;
    border: 1px solid #fff;
    margin: 0 3px 0 3px
}

.masonryLoad {
    padding: 0 0 50px 0;
    text-align: center
}

.masonryLoad:after {
    display: block;
    content: '';
    clear: both;
    height: 0
}

.hoverIncrease {
    position: relative
}

.hoverIncrease img {
    position: relative;
    z-index: 5;
    display: block
}

.hoverIncrease .hoverShadow {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 101%;
    height: 100%;
    z-index: 6;
    display: block;
    -webkit-box-shadow: 0 0 200px -1px #fff inset;
    -moz-box-shadow: 0 0 200px -1px #fff inset;
    box-shadow: 0 0 200px -1px #fff inset;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)"
}

.hoverIncrease .hoverIcon {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    line-height: 5px;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    background: #fff;
    z-index: 7;
    text-align: center;
    color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)"
}

.hoverIncrease .hoverIcon:before {
    content: '\f002';
    font-family: "FontAwesome";
    display: block;
}

.hoverIncrease:hover .hoverIcon {
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    margin: -25px 0 0 -25px;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}

.hoverIncrease:hover .hoverShadow {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)"
}


.portfolioWrap {
    padding: 50px 0 0 0;
}

[class*="portfolio_grid_"] .portfolioWrap {
    padding: 0;
}

[class*="portfolio_classic_"] .portfolioWrap {
    padding: 0;
}


.portfolioWrap .pageFiltr ul,
.portfolioWrap .isotopeFiltr ul {
    margin: 0 0 -10px 0;
    padding: 0 0 50px 0;
}

.portfolioWrap .pageFiltr ul a,
.portfolioWrap .isotopeFiltr ul a {
    text-transform: uppercase
}

.portfolio {
    /*margin: 0 0 30px 0;*/
    padding: 0 0 20px 0;
    min-height: 287px;
    overflow: visible !important
}

.hrShadow .portfolio {margin: 0 0 30px 0;}

.portfolio:after {
    content: '';
    clear: both;
    height: 0;
    display: block
}

.isotope .isotopeElement.isotopeElementShow,
.masonry .isotopeElement.isotopeElementShow,
.portfolio .isotopeElement.isotopeElementShow {
    opacity: 1
}

.portfolio .isotopeElement {
    position: relative;
    float: left;
    opacity: 0;
    padding: 0
}

.portfolio .isotopeElement .thumb {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.portfolio .isotopeElement .thumb img {
    width: 100%
}

.portfolio .isotopeElement .folioShowBlock {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6;
    overflow: hidden
}

.portfolio .isotopeElement .hoverDirShow .folioShowBlock {
    display: none
}

.portfolio .isotopeElement .hoverShiftShow .folioShowBlock {
    display: none
}

.portfolio .isotopeElement .folioShowBlock:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6
}

.portfolio .isotopeElement:not(.hover_Shift) {
    overflow: hidden
}

.portfolio .isotopeElement .hoverDirShow .folioShowBlock:before,
.portfolio .isotopeElement .hoverShiftShow .folioShowBlock:before {
    opacity: .77;
    filter: alpha(opacity=77);
    -ms-filter: "alpha(opacity=77)"
}

.portfolio .isotopeElement .folioShowBlock .folioContentAfter {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 7;
    color: #fff
}

.portfolio .isotopeElement .folioShowBlock .folioContentAfter h4 {
    color: #fff;
    margin: 30px 30px 0 30px;
    padding: 0 0 20px 0;
    vertical-align: middle
}

.portfolio .isotopeElement .folioShowBlock .folioContentAfter h4 a {
    color: #fff
}

.portfolio .isotopeElement .folioShowBlock .folioContentAfter h4 a:hover {
    color: #e0e0e0
}

.portfolio .isotopeElement .folioShowBlock .folioContentAfter p {
    margin: auto 30px;
    padding: 0 0 20px 0;
    vertical-align: middle;
    font-size: 13px;
    color: #e0e0e0
}

.portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo {
    margin: auto 30px;
    padding: 0 0 15px 0;
    vertical-align: middle;
    font-style: italic;
    font-size: 12px
}

.portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo:before {
    content: '';
    border-top: 1px solid #e0e0e0;
    display: block;
    height: 15px;
    width: 50px
}

.portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo a {
    color: #e0e0e0
}

.portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo a:hover {
    color: #fff
}

.portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo .separator {
    padding: 5px;
    font-style: normal;
    color: #e0e0e0
}

.portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryMore {
    margin: auto 30px;
    padding: 0;
    vertical-align: middle
}

.portfolio .hoverDirShow {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.portfolio .isotopeElement.hover_Shift:hover {
    z-index: 10
}

.portfolio .isotopeElement .hoverShiftShow {
    position: relative;
    width: 100%;
    height: 100%
}

.portfolio .isotopeElement .hoverShiftShow .folioShowBlock {
    left: 0;
    top: 0;
    display: block;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)"
}

.portfolio .isotopeElement:hover .hoverShiftShow .folioShowBlock {
    left: 20px;
    top: 20px;
    z-index: 5;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)"
}

.portfolio .isotopeElement .hoverShiftShow .folioShowBlock {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.bookShowWrap {
    overflow: hidden
}

.style_portfolio4 {overflow: hidden;}

.folio4col .bookShowWrap .hoverBookShow {
    perspective: 400px;
    -webkit-perspective: 400px
}

.folio3col .bookShowWrap .hoverBookShow {
    perspective: 500px;
    -webkit-perspective: 500px
}

.folio2col .bookShowWrap .hoverBookShow {
    perspective: 800px;
    -webkit-perspective: 800px
}

.bookShowWrap .hoverBookShow {
    width: 100%;
    height: 100%;
    transition: transform .5s ease;
    transition: -webkit-transform .5s ease
}

.bookShowWrap .hoverBookShow * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.bookShowWrap .hoverBookShow .thumb {
    perspective-origin: 100px 20px;
    transform-origin: left center;
    transform-style: preserve3d;
    transition: transform .5s ease;
    -webkit-perspective-origin: 100px 20px;
    -webkit-transform-origin: left center;
    -webkit-transform-style: preserve3d;
    -webkit-transition: -webkit-transform .5s ease
}

.bookShowWrap .hoverBookShow:hover .thumb {
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg)
}

.bookShowWrap .hoverBookShow .folioShowBlock {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    perspective-origin: 100px 20px;
    transform-origin: right center;
    transform-style: preserve3d;
    transform: rotateY(-111deg);
    transition: all .5s ease;
    -webkit-perspective-origin: 100px 20px;
    -webkit-transform-origin: right center;
    -webkit-transform-style: preserve3d;
    -webkit-transform: rotateY(-110deg)
}

.bookShowWrap .hoverBookShow:hover .folioShowBlock {
    transform: rotateY(0);
    -webkit-transform: rotateY(0)
}

.portfolio.folio1col article {
    margin: 0 0 50px 0;
    overflow: visible !important
}

[class*="portfolio_classic_"] .portfolio.folio1col article:last-child {
    margin-bottom: 0 ;
}

.portfolio.folio1col article .shadow_wrapper {
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    z-index: 1
}

.portfolio.folio1col article .shadow_wrapper:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

.portfolio.folio1col article .thumb {
    width: 714px;
    height: auto;
    position: relative
}

.portfolio.folio1col article .thumb img {
    width: 100%
}

.portfolio.folio1col .folioInfoBlock {
    margin: 0 0 50px 0
}

.portfolio.folio1col .folioInfoBlock h2 {
    padding: 0 0 30px 0
}

.portfolio.folio1col .folioInfoBlock .moreWrapPortfolio .portfolioMore {
    float: right
}

.portfolio .masonryMore ul,
.portfolio .portfolioMore ul {
    margin: 0;
    padding: 0
}

.portfolio.folio1col .folioInfoBlock .moreWrapPortfolio .infoPost {
    float: left;
    padding: 5px 0 0 0;
    max-width: 250px;
    line-height: 20px;
    text-align: left
}

.portfolio.folio1col .postCenter .folioInfoBlock .moreWrapPortfolio .infoPost {
    max-width: 50%
}

.portfolio.folio2col .isotopeElement {
    width: 575px;
    height: 323px
}

.portfolio.folio3col .isotopeElement {
    width: 383px;
    height: 245px
}

.portfolio.folio4col .isotopeElement {
    width: 287px;
    height: 287px
}

.portfolio.folioAutoCol .isotopeElement {
    height: 300px
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

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

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

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform,opacity;
    transition-property: transform,opacity
}

/* Related posts */
.relatedPostWrap h2 {
    /*text-align: center*/
}

.relatedPostWrap:after {
    height: 0;
    display: block;
    content: '';
    clear: both
}

.relatedPostWrap:not(.sc_blogger) article {
    padding: 0 0 50px 0
}

.relatedPostWrap article .reviewBlock {
    margin: 0 0 10px 0;
    height: 16px
}

.relatedPostWrap article .reviewBlock .ratingItem {
    float: left
}

.relatedPostWrap article .thumb,
.relatedPostWrap article .sc_slider,
.relatedPostWrap article .sc_video_player {
    width: 100%;
    margin: 0 0 20px 0
}

.relatedPostWrap article .thumb img {
    width: 37%;
    display: block
}

.relatedPostWrap article h4 {
    padding: 0 0 20px 0
}

.relatedPostWrap article h4+.reviews_summary {
    padding: 0 0 10px 0;
    margin-top: -10px
}

.relatedPostWrap article p {
    padding: 0 0 20px 0
}

.relatedPostWrap article .relatedInfo {
    padding: 0 0 20px 0;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    font-style: italic
}

.relatedPostWrap article .relatedInfo:before {
    height: 20px;
    border-top: 1px solid #ddd;
    width: 50px;
    display: block;
    content: ''
}

.relatedPostWrap article .relatedInfo .separator {
    padding: 5px;
    font-style: normal
}

.relatedPostWrap article .relatedInfo span.infoTags a {
    color: #888
}

.relatedPostWrap article .relatedInfo a {
    color: #222
}

.relatedPostWrap article .relatedMore ul {
    padding: 0;
    margin: 0
}

/* top Tabs*/
.topTabsWrap {
    border-bottom: 1px solid #ddd;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 21%,#f2f2f2 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(21%,#fff),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#fff 21%,#f2f2f2 100%);
    background: -o-linear-gradient(top,#fff 21%,#f2f2f2 100%);
    background: -ms-linear-gradient(top,#fff 21%,#f2f2f2 100%);
    background: linear-gradient(to bottom,#fff 21%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f2f2f2',GradientType=0)
}

.topTabsWrap.color_section .container {  padding-top: 16px; padding-bottom: 16px;}

.topTabsWrap:after {
    height: 0;
    display: block;
    content: '';
    clear: both
}


.topTabsWrap .speedBar {
    padding: 4px 0 0;
    float: right;
    font-size: 12px;
    font-style: italic
}

.topTabsWrap .speedBar a {
    display: inline-block;
    color: #888;
    text-decoration: none
}

.topTabsWrap .pageTitle {
    float: left;
    padding: 0;
    font-weight: 300;
    color: #888;
}

/* widget tabs page */
.widgetTabs {
    overflow: hidden
}

.widgetTabs .tabsButton li a {
    font-weight: 400
}

.widgetTabs .titleHide {
    display: none
}

.widgetTabs .tabsButton li a {
    font-weight: 400
}

.widgetTabs .titleHide {
    display: none
}

.widgetTabs .widgetTop {
    font-size: 18px;
    line-height: 24px;
    font-weight: 100;
    color: #222;
    /*padding: 50px 0;*/
    overflow: hidden;
    display: none
}

.widgetTabs .widgetTop ul:not(.tabs),
.tab-content .widgetTop ul:not(.tabs) {
    margin: 0;
    padding: 0;
    width: 50%;
    float: left
}

.widgetTabs .widgetTop ul:not(.tabs)>li,
.tab-content .widgetTop ul:not(.tabs)>li,
.tab-content .widgetTop ul:not(.tabs)>li a {
    list-style: none;
    display: block;
    padding: 0 50px 0 0;
    min-height: 36px;
    font-size: 30px;
    line-height: 36px;
    font-weight: 100;
    color: #222
}

.tab-content .widgetTop ul:not(.tabs)>li abbr[title] {border:none; cursor: pointer;}

.widgetTabs .widgetTop ul:not(.tabs)>li+li,
.tab-content .widgetTop ul:not(.tabs)>li+li {
    padding: 36px 50px 0 0
}

.widgetTabs .widgetTop ul:not(.tabs)>li:before,
.tab-content .widgetTop ul:not(.tabs)>li:before {
    display: block;
    float: left;
    height: 36px;
    width: 30px;
    font-size: 18px;
    line-height: inherit;
    font-family: "fontello";
    content: '\e834'
}

.widgetTabs .widgetTop ul:not(.tabs)>li.dropMenu>ul {
    display: none
}

.widgetTabs .widgetTop ul:not(.tabs)>li.dropMenu {
    cursor: pointer
}

.widgetTabs .widgetTop ul:not(.tabs)>li.dropMenu:before {
    display: block;
    float: left;
    height: 36px;
    width: 30px;
    line-height: inherit;
    content: '+';
    font-size: 25px;
    text-align: left;
    margin: 0;
    font-weight: 100px
}

.widgetTabs .widgetTop ul:not(.tabs)>li.dropMenu.dropOpen:before {
    content: '-'
}

.widgetTabs .widgetTop ul:not(.tabs)>li>a {
    color: #222;
    line-height: inherit
}

.widgetTabs .widgetTop ul:not(.tabs)>li>a span,
.tab-content .widgetTop ul:not(.tabs)>li>a span {
    color: #888;
}

.widgetTabs .widgetTop ul:not(.tabs)>li ul {
    margin: 0;
    width: auto;
    float: none;
    display: none;
    overflow: hidden
}

.widgetTabs .widgetTop>ul:not(.tabs)>li>ul {
    padding: 0 0 0 30px
}

.widgetTabs .widgetTop ul:not(.tabs)>li ul li {
    list-style: none;
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    min-height: 18px;
    color: #888;
    margin: 18px 0 0 0;
    padding: 0
}

.widgetTabs .widgetTop ul:not(.tabs)>li ul li:before {
    display: block;
    float: left;
    height: 18px;
    width: 18px;
    font-size: 13px;
    line-height: inherit;
    font-family: "fontello";
    content: '\e834'
}

.widgetTabs .widgetTop ul:not(.tabs)>li ul li>a {
    font-size: inherit;
    color: #888;
}

.widgetTabs .widgetTop ul:not(.tabs)>li div {
    font-size: 24px;
    line-height: 36px
}

.widgetTabs .widgetTop.widget_rss ul:not(.tabs)>li,
.widgetTabs .widgetTop.widget_rss ul:not(.tabs)>li div {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #646464
}

.widgetTabs .widgetTop.widget_rss ul:not(.tabs)>li div {
    margin: 6px 0 0 30px
}

.widgetTabs .widgetTop.widget_rss ul:not(.tabs)>li+li {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ddd
}

.widgetTabs .widgetTop .search-form {
    text-align: center
}

.widgetTabs .widgetTop .search-form .search-field {
    width: 50%;
    margin-right: 10px;
    height: 50px;
    line-height: 50px;
    font-size: 32px;
    font-weight: 300;
    vertical-align: top
}

.widgetTabs .widgetTop .search-form .search-button {
    height: 50px;
    line-height: 50px;
    width: 50px;
    text-align: center;
    vertical-align: top
}

.widgetTabs .widgetTop .search-form .search-button>a {
    height: 48px;
    line-height: 48px;
    width: 48px;
    text-align: center;
    padding: 0;
    margin: 0
}

.widgetTabs .widgetTop .search-form .search-button>a:before {
    padding: 0 0 0 8px;
    margin: 0;
    line-height: inherit;
    width: auto;
    color: #bbb;
    font-weight: 300
}

.widgetTabs .widgetTop .tagcloud a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 6px 15px;
    border: 1px solid #ddd;
    margin: 0 3px 8px 0;
    font-size: 18px !important;
    font-weight: 300
}

.widgetTabs .widgetTop .tagcloud a:hover,
.widgetTabs .widgetTop .tagcloud a:active {
    color: #fff
}

.widgetTabs .widgetTop .calendar,
.tab-content .widgetTop .calendar {
    font-size: 36px;
    font-weight: 100;
    padding: 0 0 50px 0;
}

.widgetTabs .widgetTop .calendar th,
.widgetTabs .widgetTop .calendar td,
.tab-content .widgetTop .calendar th,
.tab-content .widgetTop .calendar td {
    height: 100px;
}

.widgetTabs .widgetTop .calendar tbody td a,
.tab-content .widgetTop .calendar tbody td a {
    width: 50px;
}

.widgetTabs .widgetTop .calendar tbody tr+tr td,
.tab-content .widgetTop .calendar tbody tr+tr td {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ddd;
}

.tab-content .widgetTop.widget_archive a {
    display: initial !important;
    padding: 0 !important;
}

.widgetTabs .widgetTop .post_item .post_title,
.tab-content .widgetTop .post_item .post_title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 100;
    padding: 0 0 20px 0;
    position: relative;
    color: #ddd;
}

.widgetTabs .widgetTop .post_item.with_thumb .post_title,
.tab-content .widgetTop .post_item.with_thumb .post_title {
    margin-top: -6px;
}

.widgetTabs .widgetTop .post_item:not(.with_thumb) .post_title,
.tab-content .widgetTop .post_item:not(.with_thumb) .post_title {
    padding-left: 30px;
}

.widgetTabs .widgetTop .post_item:not(.with_thumb) .post_title:before,
.tab-content .widgetTop .post_item:not(.with_thumb) .post_title:before {
    font-family: "fontello";
    content: '\e834';
    width: 30px;
    height: 72px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
}

.widgetTabs .widgetTop .post_item+.post_item,
.tab-content .widgetTop .post_item+.post_item {
    border-top: 1px solid #ddd;
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
}

.widgetTabs .widgetTop .post_item .post_info,
.tab-content .widgetTop .post_item .post_info {
    font-size: 12px;
    font-weight: 400;
}

.widgetTabs .widgetTop .post_item:not(.with_thumb) .post_info,
.tab-content .widgetTop .post_item:not(.with_thumb) .post_info {
    padding-left: 30px;
}

.widgetTabs .widgetTop .post_thumb,
.tab-content .widgetTop .post_thumb {
    float: left;
    margin: 0 20px 20px 0;
}

.widgetTabs .widgetTop .summaryRating,
.tab-content .widgetTop .summaryRating {
    margin: -10px 0 10px 0;
}

.widgetTabs .widgetTop .instagram-pics,
.tab-content .widgetTop .instagram-pics {
    overflow: hidden;
}

.widgetTabs .widgetTop .instagram-pics li,
.tab-content .widgetTop .instagram-pics li {
    width: 240px;
    height: 160px;
    float: left;
    margin: 0 1px 1px 0
}

.widgetTabs .widgetTop .instagram-pics img,
.widgetTabs .widgetTop .instagram-pics img {
    width: 100%
}

/* Error */
form .error_fields_class,
form input.error_fields_class:focus,
form textarea.error_fields_class:focus {
    border: 1px solid #da6f5b;
}

/* 7.7 Paginations
-------------------------------------------------------------- */
.pagination {
    padding: 0 0 50px 0;
}

[class*="portfolio_grid_"] .pagination {
    padding: 0;
    margin-bottom: 0;
}

[class*="portfolio_classic_"] .pagination {
    padding: 0;
    margin-bottom: 0;
}


.pagination:after {
    display: block;
    content: "";
    clear: both
}

.pagination>ul {
    margin: 0;
    padding: 0
}

.pagination>ul>li {
    float: left;
    list-style: none
}

.pagination>ul>li>a {
    border: 1px solid #ddd;
    display: block
}

.pagination>ul>li>a:active {
    color: #fff;
    margin: -1px 0 0 0
}

.pagination>ul>li>a .icon {
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 9px;
    display: inline-block;
    vertical-align: middle
}

.pagination>ul>li>a .icon:before {
    margin: 0
}

.pagination>ul>li>a:hover {
    margin: -1px 0 0 0;
    -webkit-box-shadow: 0 2px 2px -1px #ddd;
    -moz-box-shadow: 0 2px 2px -1px #ddd;
    box-shadow: 0 2px 2px -1px #ddd
}

.pagination .squareButton {
    margin: 0 8px 8px 0
}

.pagination .pageLibrary>li {
    height: 30px;
    line-height: 30px
}

.pagination .pageLibrary>li>a {
    height: 28px
}

.pagination .pageLibrary>li.leftPage .icon {
    margin-right: 2px
}

.pagination .pageLibrary>li.rightPage .icon {
    margin-left: 4px
}

.pagination .pageLibrary>li.libPage {
    height: 30px;
    line-height: 30px;
    padding: 0 18px 8px 10px;
    position: relative
}

.pagination .pageLibrary>li.libPage .navInput {
    border: 1px solid #ddd;
    height: 28px;
    line-height: 28px;
    min-width: 17px;
    padding: 0 9px;
    margin: 0 9px;
    text-align: center;
    background: #eee;
    background: -moz-linear-gradient(top,#eee 0,#fff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#eee 0,#fff 100%);
    background: -o-linear-gradient(top,#eee 0,#fff 100%);
    background: -ms-linear-gradient(top,#eee 0,#fff 100%);
    background: linear-gradient(to bottom,#eee 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0)
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock {
    position: absolute;
    z-index: 1000;
    border: 1px solid #ddd;
    background: #fff;
    bottom: 50px;
    left: -68px;
    padding: 15px 15px 0 15px;
    display: none;
    width: 340px;
    direction: ltr
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock.navPadding {
    padding: 75px 0 0 0
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock>* {
    float: left
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #FFF;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: absolute;
    bottom: -9px;
    left: 143px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 3px 3px 2px 2px #f0f0f0;
    -moz-box-shadow: 3px 3px 2px 2px #f0f0f0;
    box-shadow: 3px 3px 2px 2px #f0f0f0
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock .flex-direction-nav {
    position: absolute;
    top: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock .flex-direction-nav li {
    list-style: none;
    margin: 0;
    padding: 0
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock .flex-direction-nav li a {
    width: 37px;
    height: 37px;
    display: block;
    position: absolute;
    z-index: 10;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 18px
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock .flex-direction-nav li a:before {
    line-height: 37px;
    color: #888
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock .flex-direction-nav .flex-prev {
    left: 15px
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock .flex-direction-nav .flex-next {
    right: 15px
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock .sc_slider {
    width: 340px;
    height: 225px;
    overflow: hidden
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock .pageNumber {
    margin: 0
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock .pageNumber table {
    font-size: 36px;
    font-weight: 100
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock .pageNumber table td {
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    width: 68px;
    height: 55px
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock .pageNumber table td a {
    display: inline-block;
    text-align: center
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock .pageNumber table td a.active,
.pagination .pageLibrary>li.libPage>.pageFocusBlock .pageNumber table td a:hover {
    font-weight: 600
}

.pagination .pageLibrary>li.libPage>.pageFocusBlock .pageNumber table td a.active {
    color: #222;
    cursor: default
}

/* Blog pagination */
#viewmore.squareButton {
    margin: 0 auto;
    padding: 0 0 50px 0;
    display: block;
    width: 120px;
    overflow: hidden
}

#viewmore.pagination_infinite {
    visibility: hidden;
    padding: 0;
    height: 0;
    position: relative
}

#viewmore_link {
    display: block;
    text-align: center;
    text-transform: uppercase;
    height: 36px;
    line-height: 36px
}

#viewmore_link span {
    display: inline-block
}

#viewmore_link .viewmore_loading {
    display: none;
    margin-right: 10px
}

#viewmore_link .viewmore_loading:before {
    font-size: 16px
}

#viewmore_link.loading .viewmore_loading {
    display: inline-block
}

#viewmore_link.loading .viewmore_text_1 {
    display: none
}

#viewmore_link .viewmore_text_2 {
    display: none
}

#viewmore_link.loading .viewmore_text_2 {
    display: inline-block
}

.content article.viewmore {
    animation: zoomin .5s
}

/* 8.2 Reviews block
-------------------------------------------------------------- */
.post .reviewBlock,
.itemPageFullWrapper .reviewBlock {
    float: right;
    width: 100%;
    clear: right;
    margin: 0 0 50px 50px;
    position: relative;
    z-index: 1
}

.post .reviewBlock.sc_tabs_style_2 {margin: 0;}

.reviewBlock {
    margin: 0 0 50px 0
}

.reviewBlock .popularFiltr {
    margin: 0 !important
}

.reviewBlock .popularFiltr ul {
    margin: 0 0 10px 0;
    text-transform: uppercase
}

.sc_tabs.reviewBlock .ratingStars {
    display: none
}

.reviewBlock .ratingStars .ratBody {
    padding: 15px 0
}

.reviewBlock .ratingStars .ratBody+.ratBody {
    border-top: 1px solid #ddd
}

.reviewBlock .ratingStars .ratBody:after {
    clear: both;
    display: block;
    height: 0;
    content: ''
}

.reviewBlock .ratingStars .ratBody .name {
    font-weight: 400
}

.reviewBlock .ratingStars .accept {
    text-align: center;
    padding: 10px 0 30px 0
}

.ratingItem {
    position: relative;
    height: 16px;
    width: 80px
}

.reviewBlock .ratingItem {
    float: right;
    margin: 2px 15px 0 0;
}

.reviewBlock .ratingItem.ratingEdit {
    cursor: pointer
}

.reviewBlock .ratingItem .ratBubble {
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    height: 25px;
    width: 50px;
    position: absolute;
    top: -40px;
    left: 200%;
    line-height: 25px;
    font-size: 12px;
    z-index: 3;
    margin: 0 0 0 -26px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)"
}

.reviewBlock .ratingItem:hover .ratBubble {left: 50%;}

.reviewBlock .ratingItem .ratBubble:after {
    height: 10px;
    width: 10px;
    background: #fff;
    content: '';
    display: block;
    margin: -5px 0 0 20px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.reviewBlock .ratingItem:hover .ratBubble {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)"
}

.reviewBlock .infoTotal {
    background: #eee;
    padding: 10px
}

.reviewBlock .infoTotal p {
    padding: 0
}

.reviewBlock .infoTotal .infoRat {
    font-size: 12px;
    font-style: italic;
    border-bottom: 1px solid #ddd;
    padding: 0 0 20px 0;
    margin: 0 0 10px 0
}

.reviewBlock .infoTotal .totalWrap:after {
    clear: both;
    height: 0;
    display: block;
    content: ''
}

.reviewBlock .infoTotal .totalWrap .totalRating {
    width: 50%;
    /*height: 16px;*/
    line-height: 16px;
    padding: 5px 0;
    text-align: center;
    border-right: 1px solid #ddd
}

.reviewBlock .infoTotal .totalWrap .totalStar {
    width: 50%;
    /*height: 16px;*/
    float: right;
    padding: 5px 0
}


/* rating */
.ratingItem span {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 16px;
    vertical-align: top
}

.ratingItem span:before {
    font-family: "FontAwesome";
    width: 16px;
    height: 16px;
    display: block;
    line-height: 16px;
    text-align: center
}

.ratingItem .starDefault {
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    white-space: nowrap;
}

.ratingItem .starDefault span:before {
    content: '\f006'
}

.ratingItem .starHover {
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap
}

.ratingItem .starHover span:before {
    content: '\f005';
}

[data-mark*="0"] .starHover {width: 0%;}
[data-mark*="1"] .starHover {width: 10%;}
[data-mark*="2"] .starHover {width: 20%;}
[data-mark*="3"] .starHover {width: 35%;}
[data-mark*="4"] .starHover {width: 45%;}
[data-mark*="5"] .starHover {width: 59%;}
[data-mark*="6"] .starHover {width: 70%;}
[data-mark*="7"] .starHover {width: 83%;}
[data-mark*="8"] .starHover {width: 95%;}
[data-mark*="9"] .starHover {width: 107%;}
[data-mark*="10"] .starHover {width: 120%;}


.summaryRating {
    overflow: hidden;
    margin: 2px 0 6px
}

/* 8.3 Post author
------------------ */
.author {
    margin: 0 0 50px 0
}

.author:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}

.author .avatar {
    width: 50px;
    height: 50px;
    float: left
}

.author .avatar img {
    width: 100%
}

.author .authorInfo {
    margin: 0 0 0 80px
}

.author .socPage {
    height: 32px;
    margin: 0 0 50px 78px
}

.author .socPage ul {
    margin: 0;
    padding: 0
}

/* 8.4 Comments
-------------- */
.formValid {
    /*padding: 0 0 20px 0*/
}

.comments {
    margin: 0 0 50px 0
}

.comments .commBody {
    margin: 0;
    padding: 0
}

.comments .commBody li.commItem {
    list-style: none
}

.comments .commBody li.commItem+li.commItem {
    border-top: 1px solid #ddd;
    padding: 50px 0 0 0
}

.comments .commBody li.commItem ul.children {
    margin: 0;
    padding: 50px 0 0 50px;
    border-top: 1px solid #ddd
}

.comments .commBody li.commItem:after {
    content: '';
    clear: both;
    height: 0;
    display: block
}

.comments .commBody li.commItem .replyWrap {
    float: right;
    margin: 0 0 20px 0
}

.comments .commBody li.commItem .replyWrap .posted {
    float: left;
    height: 30px;
    line-height: 30px;
    font-weight: 300;
    font-size: 12px;
    font-style: italic;
    padding: 0 20px 0 0
}

.comments .commBody li.commItem .replyWrap .posted a {
    color: #222
}

.comments .commBody li.commItem h4 {
    height: 50px;
    line-height: 50px;
    padding: 0 0 20px 20px;
    float: left
}

.comments .commBody li.commItem h4 a {
    color: #222
}

.comments .commBody li.commItem .avatar {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 0 20px 0
}

.comments .commBody li.commItem .avatar img {
    width: 100%
}

.comments .commBody li.commItem .authorInfo {
    clear: both;
    padding: 0 0 20px 0
}

.comments .commBody li.commItem .authorInfo p {line-height: 20px;}

.comments .commBody li.commItem .comment_date {
    color: #222
}

.form-submit {
    display: none
}

.form-submit {
    text-align: right;
    margin-top: 20px
}

.form-submit input[type="submit"],
.form-submit input[type="button"] {
    width: auto;
    display: inline-block;
    padding: 0 10px
}

.comments .comment_not_approved {
    padding: 0 0 10px 0;
    font-style: italic;
    font-weight: 400
}

.commentsForm #reply-title {
    display: none
}

.commentsForm .columnsWrap,
.comment-respond .columnsWrap,
.sc_contact_form .columnsWrap {
    padding: 0 0 30px 0
}

.commentsForm .message,
.comment-respond .message,
.sc_contact_form .message {
    clear: both;
    padding: 0 0 5px 0
}

.commentsForm input,
.comment-respond input,
.sc_contact_form input {
    width: 100%
}

.commentsForm textarea,
.comment-respond textarea,
.sc_contact_form textarea {
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
    resize: none;
    height: 55px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.commentsForm .enterBlock,
.comment-respond .enterBlock,
.sc_contact_form .sc_contact_form_button {
    text-align: right;
    padding: 20px 0 30px 0
}

.commentsForm .enterBlock .squareButton,
.comment-respond .enterBlock .squareButton,
.sc_contact_form .sc_contact_form_button .squareButton {
    float: right
}

/* 8.5 Page 404 
------------------------*/
.page404 {
    text-align: center;
    /*padding-bottom: 50px*/
}

.page404 .titleError {
    font-size: 150px;
    height: 150px;
    line-height: 150px;
    font-weight: 100;
    color: #222;
}

.page404 p {
    font-weight: 300
}

.pageUnderConstruction {
    text-align: center
}

.pageUnderConstruction p {
    font-weight: 300;
    padding: 0 0 65px 0
}

/* 9. Sidebars
-------------------------------------------------------------- */

.sideBarRight .content {
    float: left
}

.sideBarRight .sidebar {
    float: right
}

.fullwide .with_sidebar .content,
.fullscreen .with_sidebar .content {
    width: auto;
    max-width: 100%
}

.fullwide .sideBarRight .content,
.fullscreen .sideBarRight .content {
    margin-right: 300px
}

.fullwide .sideBarRight .sidebar,
.fullscreen .sideBarRight .sidebar {
    margin-left: -250px
}

.fullwide .sideBarLeft .content,
.fullscreen .sideBarLeft .content {
    margin-left: 300px
}

.fullwide .sideBarLeft .sidebar,
.fullscreen .sideBarLeft .sidebar {
    margin-right: -250px
}

.sidebar+.content .postLeft .thumb {
    float: left;
    padding: 0 30px 0 0
}

.sidebar+.content .postLeft.audio .thumb {
    float: left;
    padding: 80px 30px 0 0
}

.sidebar+.content .postLeft .audioWrap {
    width: 100%
}

.sidebar+.content .postLeft .sc_video_player {
    float: left;
    margin: 0 30px 30px 0
}

.sidebar+.content .postRight .thumb {
    float: right;
    padding: 0 0 0 50px
}

.sidebar+.content .postRight.audio .thumb {
    float: right;
    padding: 80px 0 0 30px
}

.sidebar+.content .postRight .audioWrap {
    width: 100%
}

.sidebar+.content .postRight .sc_video_player {
    float: right;
    margin: 0 0 30px 30px
}

.sidebar+.content .post .audioWrap {
    width: 550px
}

.with_sidebar .style_excerpt .postSharing {
    float: right
}

.with_sidebar .style_excerpt .infoPost {
    float: left;
    text-align: left
}

.sidebar .widgetWrap {
    /*margin: 0 0 30px 0;*/
    padding-bottom: 30px;
}

.sidebar .widgetWrap:last-child{
    padding-bottom: 0;
}

.sidebar .title {
    font-size: 18px;
    color: #272727;
    font-weight: 300;
    padding: 0 0 30px 0
}

.sidebar aside+aside .title {margin-top:30px; }

.sidebar .hrShadow:before {
    margin: 0 10px;
    height: 5px;
    bottom: 4px;
    -webkit-border-radius: 100% / 100%;
    -moz-border-radius: 100% / 100%;
    border-radius: 100% / 100%
}

.mainWrap.with_sidebar ul.sc_list_style_arrows {padding-left: 0;}

/* Common rules */
.widget_area select {
    border: 1px solid #ddd;
    color: #888;
    font-weight: 300;
    height: 30px;
    line-height: 30px;
    padding: 4px;
    width: 100%;
}

.widget_area article:after {
    content: '';
    height: 0;
    clear: both;
    display: block;
}

.widget_area article .post_thumb {
    width: 75px;
    margin: 0 10px 10px 0;
    float: left;
}

.widget_area article .post_thumb img {
    width: 100%;
}

.widget_area article .post_title {
    display: block;
    position: relative;
    padding: 0 0 6px 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
}

.widget_area article .post_info {
    margin-bottom: 10px;
    overflow: hidden;
}

.widget_area article .post_info .post_comments,
.widget_area article .post_info .post_author,
.widget_area article .post_info .post_date {
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
    display: block;
    float: left;
    padding: 0 10px 0 0;
}

.widget_area article .post_info .post_date a {
    color: #222;
}

.widget_area article .post_info .post_comments a {
    display: block;
}

.widget_area article .post_info .post_comments_icon {
    display: inline-block;
}

.widget_area article .post_info .post_comments_icon:before {
    width: 12px;
    font-size: 12px;
    height: 12px;
    line-height: 14px;
    display: block;
    float: left;
    font-family: "fontello";
    content: '\e830';
    font-style: normal;
    margin: 0 5px 0 0;
}

.widget_area article.no_thumb {
    margin: 0 0 0 20px;
    padding: 0;
    position: relative
}

.widget_area article.no_thumb+article.no_thumb {
    padding: 10px 0 0 0
}

.widget_area article.no_thumb .post_title:before {
    font-family: "fontello";
    content: '\e834';
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20px;
    top: 0;
    font-size: 10px
}

.widget_area article.no_thumb .post_info .post_comments,
.widget_area article.no_thumb .post_info .post_author,
.widget_area article.no_thumb .post_info .post_date {
    font-size: 12px
}

.widget_area article.no_thumb .post_info .post_comments a.ico:before {
    font-size: 14px;
    margin: 0 10px 0 0
}

/* widgetWrap */
.widget_area .widgetWrap ul {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.widget_area .widgetWrap ul li {
    list-style: none;
    display: block;
    padding: 0 0 15px 20px;
    min-height: 20px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
    position: relative;
}
.widget_area.sidebar_main.sidebar .widgetWrap ul:not(.tabs)> li:before {
    display: block;
    position: absolute;
    left: 2px;
    top: 0;
    height: 20px;
    width: 20px;
    font-size: 10px;
    line-height: 20px;
    font-family: "fontello";
    content: '\e834';
}

.widget_area.sidebar_main.sidebar .widgetWrap ul>li.dropMenu {
    cursor: pointer
}

.widget_area.sidebar_main.sidebar .widgetWrap ul>li.dropMenu:before {
    content: '+';
    font-size: 14px;
    left: 0
}

.widget_area.sidebar_main.sidebar .widgetWrap ul>li.dropMenu.dropOpen:before {
    content: '-';
    font-size: 16px
}

.widget_area .widgetWrap ul li a {
    color: #222
}

.widget_area .widgetWrap ul>li a span,
.widget_area .widgetWrap ul>li span {
    color: #888
}

.widget_area .widgetWrap ul>li ul {
    padding: 0;
    margin: 0;
    display: none
}

.widget_area .widgetWrap ul>li ul li {
    list-style: none;
    display: block;
    margin: 10px 0 0 0;
    padding: 0 0 0 18px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 300;
    min-height: 13px;
    position: relative;
}

.widget_area .widgetWrap ul>li ul li:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 13px;
    width: 18px;
    font-size: 8px;
    line-height: 13px;
    font-family: "fontello";
    content: '\e834';
}

/* widget tag cloud */
.widget_area .tagcloud a {
    display: inline-block;
    /*height: 28px;*/
    line-height: 28px;
    padding: 0 15px;
    border: 1px solid #ddd;
    margin: 0 2px 5px 0;
    font-size: 13px !important;
    font-weight: 400
}

.widget_area .tagcloud a:hover,
.widget_area .tagcloud a:active {
    color: #fff !important
}

/* widget search */
.widget_area .searchform label {
    display: none
}

.widget_area .search-form .search-field {
    max-width: 200px
}

.widget_area .search-form .search-field,
.widget_area .search-form .search-button {
    display: inline-block;
    vertical-align: top
}

.widget_area .search-form .search-button {
    margin-left: 4px
}

.widget_area .search-form .search-button a {
    /*width: 20px;*/
    height: 34px;
    line-height: 34px;
    text-align: center
}

.widget_area .search-form .search-button a:before {
    float: none;
    padding: 0;
    line-height: 34px;
    font-size: 16px
}
/* widget tabs */
.widget_area .tabs_area ul.tabs {
    padding: 0 0 20px 0;
    margin: -5px 0 0 0
}

.widget_area .tabs_area ul.tabs:after {
    clear: both;
    height: 0;
    display: block;
    content: ''
}

.widget_area .tabs_area ul.tabs>li {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    text-align: left
}

.widget_area .tabs_area ul.tabs>li>a {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    padding: 0
}

.widget_area .tabs_area ul.tabs>li:before {
    display: none
}

.widget_area .tabs_area .tab_content {
    display: none
}

/* widget flickr and instagram*/
.flickr_images {
    overflow: hidden;
}
.instagram-pics {
    overflow: hidden;
}

.widgetTabs .widgetTop.widget_flickr .flickr_images,
.widgetTabs .widgetTop.widget_instagram .instagram-pics,
.tab-content .widgetTop.widget_flickr .flickr_images {
    overflow: hidden;
}

.widgetTabs .widgetTop.widget_flickr .flickr_badge_image,
.widgetTabs .widgetTop.widget_flickr .flickr_images>a,
.widgetTabs .widgetTop.widget_instagram .instagram_badge_image,
.widgetTabs .widgetTop.widget_instagram .instagram-pics>a,
.tab-content .widgetTop.widget_flickr .flickr_badge_image,
.tab-content .widgetTop.widget_flickr .flickr_images>a {
    width: 240px;
    height: 160px;
    float: left;
    margin: 0 1px 1px 0;
}

.widgetTabs .widgetTop.widget_flickr img,
.widgetTabs .widgetTop.widget_instagram img,
.tab-content .widgetTop.widget_flickr img {
    width: 100%;
}

.widget_area .widget_flickr .flickr_badge_image,
.widget_area .widget_flickr .flickr_images>a,
.widget_area .widget_instagram .instagram_badge_image,
.widget_area .widget_instagram .instagram-pics>a {
    display: block;
    margin: 0 5px 5px 0;
    width: 75px;
    float: left;
    position: relative
}

.widget_area .widget_flickr .flickr_badge_image a:before,
.widget_area .widget_flickr .flickr_images>a:before,
.widget_area .widget_instagram .instagram_badge_image a:before,
.widget_area .widget_instagram .instagram-pics>a:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -webkit-box-shadow: 0 0 50px -1px #000 inset;
    -moz-box-shadow: 0 0 50px -1px #000 inset;
    box-shadow: 0 0 50px -1px #000 inset
}

.widget_area .widget_flickr .flickr_badge_image a:hover:before,
.widget_area .widget_flickr .flickr_images>a:hover:before,
.widget_area .widget_instagram .instagram_badge_image a:hover:before,
.widget_area .widget_instagram .instagram-pics>a:hover:before {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)"
}

.widget_area .widget_flickr .flickr_badge_image a img,
.widget_area .widget_flickr .flickr_images>a img,
.widget_area .widget_instagram .instagram_badge_image a img,
.widget_area .widget_instagram .instagram-pics>a img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 6
}

.widget_area .null-instagram-feed .clear>a {
    display: none;
    margin: 6px 0 0 0;
    font-size: 13px;
    font-style: italic
}

.widget_area .instagram-pics li {
    display: block;
    margin: 0 5px 5px 0;
    width: 75px;
    float: left;
    position: relative;
    padding: 0 !important
}

.widget_area .instagram-pics li:before {
    display: none !important
}

.widget_area .instagram-pics li a:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -webkit-box-shadow: 0 0 50px -1px #000 inset;
    -moz-box-shadow: 0 0 50px -1px #000 inset;
    box-shadow: 0 0 50px -1px #000 inset
}

.widget_area .instagram-pics li a:hover:before {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)"
}

.widget_area .instagram-pics li a img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 6
}

/* widget social*/
.widgetTabs .widgetTop.widget_socials ul {
    float: none;
    width: 100%;
    overflow: hidden;
}

.widgetTabs .widgetTop.widget_socials ul li,
.widgetTabs .widgetTop.widget_socials ul li+li {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 10px 0 0;
    padding: 0;
}

.widgetTabs .widgetTop.widget_socials ul li:before {
    display: none;
}

a.social_facebook > span {
    background-image: url(../img/social/facebook.png);
}

a.social_pinterest > span {
    background-image: url(../img/social/pinterest.png);
}

a.social_twitter > span {
    background-image: url(../img/social/twitter.png);
}

a.social_gplus > span {
    background-image: url(../img/social/gplus.png);
}

a.social_rss > span {
    background-image: url(../img/social/rss.png);
}

.social_dribbble > span {
    background-image: url(../img/social/dribbble.png);
}

.widget_socials .socPage {
    height: 32px;
    text-align: left
}

.widget_socials .socPage ul li:before {
    display: none
}

.author .socPage ul,
.widget_socials .socPage ul:after,
.copyWrap .socPage ul:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

.widget_socials .socPage ul,
.copyWrap .socPage ul {
    margin: 0 0 20px 0;
    padding: 0;
    text-align: left;
    height: 32px
}

.author .socPage ul li,
.copyWrap .socPage ul li,
.widget_socials .socPage ul li,
.sc_team .sc_team_item .sc_team_item_socials li {
    list-style: none;
    padding: 0 5px 10px 5px;
    display: inline-block
}

.widget_socials .socPage ul li {
    padding: 0 5px 10px 0
}

.author .socPage ul li a span,
.copyWrap .socPage ul li a span,
.widget_socials .socPage ul li a span,
.author .socPage ul li a,
.copyWrap .socPage ul li a,
.widget_socials .socPage ul li a,
.sc_team .sc_team_item .sc_team_item_socials li a span,
.sc_team .sc_team_item .sc_team_item_socials li a {
    width: 32px;
    height: 32px;
    display: block;
    text-indent: 999px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 32px 64px;
    -o-background-size: 32px 64px;
    -moz-background-size: 32px 64px;
    -webkit-background-size: 32px 64px
}

.widget_socials .socPage ul li a span,
.author .socPage ul li a span,
.copyWrap .socPage ul li a span,
.sc_team .sc_team_item .sc_team_item_socials li a span {
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: 0 -32px;

}

.widget_socials .socPage ul li a:hover span,
.author .socPage ul li a:hover span,
.copyWrap .socPage ul li a:hover span,
.sc_team .sc_team_item .sc_team_item_socials li a:hover span {
    background-position: 0 0px;
}

.widget_socials .socPage ul li a span,
.author .socPage ul li a span,
.copyWrap .socPage ul li a span,
.sc_team .sc_team_item .sc_team_item_socials li a span,
.widget_socials .socPage ul li a:hover span,
.author .socPage ul li a:hover span,
.copyWrap .socPage ul li a:hover span,
.sc_team .sc_team_item .sc_team_item_socials li a:hover span
{
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out; 
}
/* widget twitter*/
.widget_area .widget_twitter ul>li:before {
    display: block;
    position: absolute;
    left: 2px;
    top: 0;
    height: 20px;
    width: 20px;
    font-size: 10px;
    line-height: 20px;
    font-family: "fontello";
    content: '\e834';
}

.widgetTabs .widgetTop.widget_twitter ul:not(.tabs)>li,
.tab-content .widgetTop.widget_twitter ul:not(.tabs)>li {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #646464;
}

.twitBlockWrap {
    background-color: #60aaea
}

.twitBlock {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 300
}

.twitBlock,
.post .twitBlock ul li {
    line-height: 25px
}

.twitBlock .sc_slider {
    position: relative;
    min-height: auto;
    height: 180px
}

.twitBlock .sc_slider .swiper-slide {
    min-height: auto
}

.twitBlock .sc_slider .swiper-slide {
    padding: 50px 100px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.twitBlock .sc_slider .swiper-slide p {
    margin: 0;
    padding: 0 20px
}

.twitBlock .sc_slider .swiper-slide a {
    color: #fff;
    text-decoration: underline
}

.twitBlock .sc_slider .swiper-slide a.twitAuthor {
    font-weight: 600;
    text-decoration: none
}

.twitBlock .sc_slider .swiper-slide .rt-icon-twitter {
    display: block;
}

.twitBlock .sc_slider .swiper-slide .rt-icon-twitter:before {
    font-size: 35px;
}

.twitBlock .sc_slider .flex-direction-nav {
    position: static;
    top: 0;
    left: 0
}

.twitBlock .sc_slider .flex-direction-nav li {
    width: 40px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    margin: 0
}

.twitBlock .sc_slider .flex-direction-nav li:hover a:before {
    color: #60aaea;
    background: #fff
}

.twitBlock .sc_slider .flex-direction-nav li a {
    position: absolute;
    display: block;
    width: 37px;
    height: 100%;
    top: 0;
    bottom: 0;
    font-size: 18px
}

.twitBlock .sc_slider .flex-direction-nav li a:before {
    font-family: "fontello";
    color: #fff;
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    margin: -18px 0 0 0;
    text-align: center;
    line-height: 35px
}

.twitBlock .sc_slider .flex-direction-nav li a.flex-prev:before {
    content: '\e811';
    left: 0
}

.twitBlock .sc_slider .flex-direction-nav li a.flex-next:before {
    content: '\e812';
    right: 0
}

.twitBlock .sc_slider .flex-direction-nav li {
    left: 0
}

.twitBlock .sc_slider .flex-direction-nav li+li {
    left: auto;
    right: 0
}

/* widget video */
.widget_area .sc_video_frame {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.widget_area .sc_video_frame img {
    width: 100%;
    height: 100%
}

/* widget calendar */
.calendar th,
.calendar td {
    width: 14%;
    text-align: center
}

.calendar thead tr+tr th {
    border-style: solid;
    border-width: 0 0 1px 0;
    color: #222
}

.footerWidget .calendar thead tr+tr th {
    border-color: #c2c2c2;
    color: #888
}

.calendar thead th {
    color: #222
}

.calendar thead th span {
    color: #888
}

.calendar thead th.prevMonth .roundButton {
    float: left
}

.calendar thead th.nextMonth .roundButton {
    float: right
}

.calendar tbody td a {
    display: inline-block
}

.calendar tbody td a:hover {
    font-weight: 600
}

.calendar tbody td.today a {
    font-weight: 600;
    color: #222
}

.calendar tbody td.today {
    background: #eee
}

.footerWidget .widget_calendar,
.sidebar .widget_calendar {
    -webkit-transition: height ease .5s;
    -moz-transition: height ease .5s;
    -ms-transition: height ease .5s;
    -o-transition: height ease .5s;
    transition: height ease .5s
}


.sidebar .calendar {
    font-size: 16px;
    font-weight: 300
}

.sidebar .calendar th,
.sidebar .calendar td,
.footerWidget .calendar th,
.footerWidget .calendar td {
    height: 37px
}

.sidebar .calendar tbody td a {
    width: 22px
}



/* 10. Footer areas
---------------------*/
footer .logo a {
    display: inline-block;
    vertical-align: middle
}

footer .widget_inner .logo img {
    height: 26px;
    line-height: 26px;
    border: 0;
    vertical-align: top
}

footer .widget_inner .logo .logo_text {
    font-size: 29px
}

.contactFooter .logo .logo_text {
    line-height: 24px
}

.contactFooter {
    padding: 50px 0 30px 0
}

.contactFooter .logo {
    display: inline-block;
    padding: 0 0 30px 0;
    height: auto;
    font-size: 72px
}

.contactFooter .contactAddress {
    color: #6f6f6f;
    padding: 0 0 30px 0
}

.contactFooter .contactAddress:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

.contactFooter .contactAddress .addressLeft,
.contactFooter .contactAddress .addressRight {
    width: 48%;
    text-align: left;
    float: right
}

.contactFooter .contactAddress .addressLeft {
    text-align: right;
    float: left
}

.contactFooter .contactShare ul {
    margin: 0;
    padding: 0
}

.contactFooter .contactShare ul li {
    list-style: none;
    padding: 0 10px 20px 10px;
    display: inline-block
}

.contactFooter .contactShare ul li a span,
.contactFooter .contactShare ul li a {
    width: 64px;
    height: 64px;
    display: block;
    text-indent: 999px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 64px 128px;
    -webkit-background-size: 64px 128px;
    -o-background-size: 64px 128px;
    -moz-background-size: 64px 128px
}

.contactFooter .contactShare ul li a span {
    position: absolute;
    left: 0;
    top: 0;
    background-position: 0 -64px;
}

.contactFooter .contactShare ul li a:hover span {
    background-position: 0 0px;
}

.contactFooter .contactShare ul li a span,
.contactFooter .contactShare ul li a:hover span {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.footerWidget .columnsWrap+.columnsWrap {
    margin-top: 50px
}

.footerContentWrap {
    clear: both
}

.footerWrap {
    text-align: center;
    clear: both
}

.footerWrap:after {
    clear: both;
    height: 0;
    display: block;
    content: ''
}

.footerWidget {
    padding: 40px 0;
    text-align: left;
    overflow: hidden;
}

.footerWidget:after {
    display: block;
    content: '';
    clear: both;
    height: 0
}

.footerWidget .widgetWrap .title {
    font-size: 18px;
    font-weight: 300;
    padding: 0 0 30px 0
}

/* Logo */
.footerWidget .footLogo {
    padding: 0 0 20px 0
}

.footerWidget .footLogo a {
    display: block
}

.footerWidget .footLogo a img {
    height: 31px
}

/* Dark Style */
.footerStyleDark .footerWidget .calendar tbody td a {
    color: #dcdcdc
}

.footerStyleDark .footerWidget .calendar tbody td a:hover {
    color: #fff
}

.footerStyleDark .footerWidget .calendar tbody td.today {
    background: #666
}

.footerStyleDark .footerWidget .calendar tbody td.today,
.footerStyleDark .footerWidget .calendar tbody td.today a {
    color: #dcdcdc
}

.footerStyleDark .widget_area .widgetWrap ul>li:before {
    color: #e1e1e1;
}

.footerStyleDark .widget_area .widgetWrap ul>li>a {
    color: #e1e1e1;
}

.footerStyleDark .widget_area .widgetWrap ul>li>a:hover,
.footerStyleDark .widget_area .widgetWrap ul>li>a:hover>span {
    color: #fff;
}

.footerWrap.footerStyleDark {
    background-color: #2c2c2c
}
.footerStyleDark .footerWidget .widgetWrap .title {
    color: #c4c4c4
}
.footerStyleDark .footerWidget .roundButton a {
    background-color: #626262;
    border-color: #626262
}

.footerStyleDark .footerWidget .roundButton:hover a {
    border-color: #878787
}

.footerStyleDark .footerWidget .roundButton a:before {
    color: #878787
}

.footerStyleDark .footerWidget .sc_video_player .sc_video_play_button:after {
    color: silver;
    background-color: #2b2b2b
}

.footerStyleDark .footerWidget .sc_video_player:hover .sc_video_play_button:after {
    background-color: #fff
}

.footerStyleDark .ratingItem span:before {
    color: #ddd
}
.footerStyleDark .widget_area article .post_title {
    color: #ddd
}

.footerStyleDark .widget_area a {
    color: #ddd !important
}

.footerStyleDark .widget_area a:hover,
.footerStyleDark .widget_area a:hover span,
.footerStyleDark .widget_area .ui-state-active a {
    color: #fff !important
}
.footerStyleDark .widget_area .tagcloud a {
    border: 1px solid #888
}
.footerStyleDark .squareButton.light a,
.footerStyleDark input[type="text"],
.footerStyleDark input[type="password"],
.footerStyleDark textarea {
    background-color: #333;
    border-color: #888
}
.footerStyleDark .footerWidget .calendar thead th {
    color: #c5c4c4
}
/* Light Style */
.footerStyleLight .footerWidget .calendar tbody td.today,
.footerStyleLight .footerWidget .calendar tbody td.today a {
    color: #000
}

.footerWrap.footerStyleLight {
    background-color: #fafafa;
    border-top: 1px solid #ddd
}

.footerWrap.footerStyleLight .footerWidget {
    position: relative;
    overflow: hidden
}

.footerWrap.footerStyleLight .footerWidget:before {
    content: "";
    position: absolute;
    margin: 0 50px;
    display: block;
    top: -22px;
    height: 20px;
    left: 10px;
    right: 10px;
    z-index: 1;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -webkit-border-radius: 100% / 100%;
    -moz-border-radius: 100% / 100%;
    border-radius: 100% / 100%
}

.footerStyleLight .footerWidget .widgetWrap .title {
    color: #222
}
.footerStyleLight .footerWidget .roundButton a {
    background-color: #fff;
    border-color: #ddd
}

.footerStyleLight .footerWidget .roundButton:hover a {
    border-color: #888;
    background-color: #888
}

.footerStyleLight .footerWidget .roundButton a:before {
    color: #888;
    border-color: #888
}

.footerStyleLight .footerWidget .roundButton:hover a:before {
    color: #222;
    border-color: #222
}

.footerStyleLight .footerWidget .sc_video_player .sc_video_play_button:after {
    background-color: #fff
}

.footerStyleLight .footerWidget .sc_video_player:hover .sc_video_play_button:after {
    color: silver;
    background-color: #2b2b2b
}
.footerStyleLight .footerWidget .calendar thead th {
    color: #5c5c5c
}

/* button */
.footerWidget .roundButton a:hover,
.footerWidget .roundButton a:active {
    margin: 0;
    background-color: #878787;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.footerWidget .roundButton:hover a:before {
    color: #fff
}

/* Copyright */
.copyWrap .copy {
    padding: 20px 0 0 0
}

.copyWrap .copy:after {
    content: '';
    clear: both;
    height: 0;
    display: block
}

.copyWrap .copy .copyright {
    float: right;
    min-height: 32px;
    line-height: 32px;
    margin: 0 0 20px 0
}

.copyWrap .socPage {
    height: 32px;
    float: left
}


.copyWrap .socPage ul li {
    padding: 0 10px 10px 0
}


#copyright p {
  margin-bottom: 0;
}

/* 11. Utils
-------------------------------------------------------------- */

/*page preloader*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 13000;
  height: 100%;
}

.preloader_image {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
  margin: -40px 0 0 -40px;
}

/* Message */
#themerex_modal_bg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.3);
    display: none;
    z-index: 100000
}

.themerex_message {
    display: block;
    position: absolute;
    max-width: 800px;
    min-width: 280px;
    overflow: hidden;
    border-radius: 4px;
    border: 2px solid #e5e5e5;
    background-color: #fff;
    color: #4c4c4c;
    opacity: 0;
    top: 0;
    left: 40%;
    /*margin-left: -200px;*/
    padding: 12px;
    line-height: 140%;
    z-index: 100001
}

.themerex_message .themerex_message_close {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    right: 6px;
    top: 4px;
    cursor: pointer;
    color: #4c4c4c
}

.themerex_message .themerex_message_icon {
    float: left;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 28px;
    text-align: center;
    border: 4px solid #c9c9c9;
    border-radius: 50%;
    margin: 6px 20px 5px 0;
    font-size: 24px;
    font-weight: bold;
    color: #c9c9c9
}

.themerex_message .themerex_message_icon:before {
    padding: 0;
    margin: 0
}

.themerex_message .themerex_message_header {
    color: #4c4c4c;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold
}

.themerex_message:not(.themerex_message_dialog) .themerex_message_body {
    padding: 14px 0 0 63px
}

.themerex_message_warning {
    border-color: #d7a9b1;
    background-color: #ffcdde;
    color: #a63a4b
}

.themerex_message_warning .themerex_message_close {
    color: #a63a4b
}

.themerex_message_warning .themerex_message_icon {
    border-color: #a63a4b;
    color: #a63a4b
}

.themerex_message_warning .themerex_message_icon {
    line-height: 34px
}

.themerex_message_warning .themerex_message_header {
    color: #a63a4b
}

.themerex_message_success {
    border-color: #b3e7a8;
    background-color: #d8ffd0;
    color: #517d48
}

.themerex_message_success .themerex_message_close {
    color: #517d48
}

.themerex_message_success .themerex_message_icon {
    border-color: #517d48;
    color: #517d48
}

.themerex_message_success .themerex_message_icon {
    line-height: 34px
}

.themerex_message_success .themerex_message_header {
    color: #517d48
}

.themerex_message_info {
    border-color: #9ecade;
    background-color: #ebf7fe;
    color: #4cb2e1
}

.themerex_message_info .themerex_message_close {
    color: #4cb2e1
}

.themerex_message_info .themerex_message_icon {
    border-color: #4cb2e1;
    color: #4cb2e1
}

.themerex_message_info .themerex_message_icon {
    line-height: 34px
}

.themerex_message_info .themerex_message_header {
    color: #4cb2e1
}

.themerex_message_dialog .themerex_message_icon {
    line-height: 36px
}

.themerex_message_dialog .themerex_message_buttons {
    margin-top: 20px
}

.themerex_message_dialog .themerex_message_button {
    display: inline-block;
    padding: 0 12px;
    margin-right: 6px;
    min-width: 60px;
    height: 30px;
    line-height: 30px;
    background-color: #4b4b4b;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-weight: bold
}

.themerex_message_dialog .themerex_message_button:hover {
    background-color: #4cb2e1
}

/* Table of contents */
#toc {
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    right: 0;
    width: 60px
}

#toc a {
    color: #fff
}

#toc.toc_no {
    display: none
}

#toc .toc_inner {
    position: absolute;
    top: 50%;
    right: -60px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#toc.toc_fixed .toc_inner,#toc:hover .toc_inner {
    right: 0
}

#toc .toc_item {
    position: relative;
    width: 57px;
    height: 60px;
    border-right: 3px solid rgba(0,0,0,0.5);
    background-color: rgba(0,0,0,0.5)
}

#toc .toc_item.toc_separator {
    margin-bottom: 1px
}

#toc .toc_item.current,#toc .toc_item:hover {
    background-color: rgba(128,128,128,0.5)
}

#toc .toc_icon {
    position: absolute;
    display: block;
    z-index: 2;
    top: 0;
    left: 0;
    width: 57px;
    height: 60px;
    line-height: 60px;
    text-align: center
}

#toc .toc_icon.with_title {
    line-height: 40px
}

#toc .toc_icon:before {
    font-size: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

#toc .toc_title {
    position: absolute;
    bottom: 6px;
    left: 0;
    display: block;
    width: 57px;
    line-height: 12px;
    font-size: 12px
}

#toc .toc_description {
    position: absolute;
    top: 0;
    right: -300px;
    width: 240px;
    height: 30px;
    padding: 15px;
    line-height: 120%;
    z-index: 1;
    background-color: rgba(128,128,128,0.5);
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#toc .toc_item:hover .toc_description {
    right: 68px;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)"
}

#toc .toc_description:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: rgba(128,128,128,0.5);
    border-width: 8px;
    margin-top: -8px
}

/* Hovers for images and videos */
.ih-item {
    position: relative;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item,
.ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ih-item h4 {
    overflow: hidden
}

.ih-item a {
    color: #333
}

.ih-item a:hover {
    text-decoration: none
}

.ih-item img {
    width: 100%;
    height: 100%
}

.ih-item.circle {
    position: relative;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    margin: 0 auto
}

.ih-item.circle .img {
    position: relative;
    width: 240px;
    height: 240px;
    border-radius: 50%
}

.ih-item.circle .img:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.3);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle .img img {
    border-radius: 50%
}

.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ih-item.square {
    position: relative;
    width: 100%;
    height: 100%
}

.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ih-item.circle.effect1 .spinner {
    width: 250px;
    height: 250px;
    border: 10px solid #ecab18;
    border-right-color: #1ad280;
    border-bottom-color: #1ad280;
    border-radius: 50%;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.ih-item.circle.effect1 .img {
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 10px;
    right: 0;
    width: auto;
    height: auto
}

.ih-item.circle.effect1 .img:before {
    display: none
}

.ih-item.circle.effect1.colored .info {
    background: #1a4a72;
    background: rgba(26,74,114,0.6)
}

.ih-item.circle.effect1 .info {
    top: 10px;
    bottom: 0;
    left: 10px;
    right: 0;
    background: #333;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.ih-item.circle.effect1 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 20px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect1 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect1 a:hover .spinner,
.ih-item.circle.effect1 a.hover .spinner {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ih-item.circle.effect1 a:hover .info,
.ih-item.circle.effect1 a.hover .info {
    opacity: 1
}

.ih-item.circle.effect2 .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect2.colored .info {
    background: #1a4a72;
    background: rgba(26,74,114,0.6)
}

.ih-item.circle.effect2 .info {
    background: #333;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect2 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect2 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect2.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect2.left_to_right a:hover .img,
.ih-item.circle.effect2.left_to_right a.hover .img {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ih-item.circle.effect2.left_to_right a:hover .info,
.ih-item.circle.effect2.left_to_right a.hover .info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect2.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect2.right_to_left a:hover .img,
.ih-item.circle.effect2.right_to_left a.hover .img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ih-item.circle.effect2.right_to_left a:hover .info,
.ih-item.circle.effect2.right_to_left a.hover .info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect2.top_to_bottom .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect2.top_to_bottom a:hover .img,
.ih-item.circle.effect2.top_to_bottom a.hover .img {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ih-item.circle.effect2.top_to_bottom a:hover .info,
.ih-item.circle.effect2.top_to_bottom a.hover .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect2.bottom_to_top .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect2.bottom_to_top a:hover .img,
.ih-item.circle.effect2.bottom_to_top a.hover .img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ih-item.circle.effect2.bottom_to_top a:hover .info,
.ih-item.circle.effect2.bottom_to_top a.hover .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect3 .img {
    z-index: 11;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect3.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect3 .info {
    background: #333;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect3 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect3 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect3.left_to_right .img {
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0)
}

.ih-item.circle.effect3.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect3.left_to_right a:hover .img,
.ih-item.circle.effect3.left_to_right a.hover .img {
    -webkit-transform: scale(0.5) translateX(100%);
    -moz-transform: scale(0.5) translateX(100%);
    -ms-transform: scale(0.5) translateX(100%);
    -o-transform: scale(0.5) translateX(100%);
    transform: scale(0.5) translateX(100%)
}

.ih-item.circle.effect3.left_to_right a:hover .info,
.ih-item.circle.effect3.left_to_right a.hover .info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect3.right_to_left .img {
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0)
}

.ih-item.circle.effect3.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect3.right_to_left a:hover .img,
.ih-item.circle.effect3.right_to_left a.hover .img {
    -webkit-transform: scale(0.5) translateX(-100%);
    -moz-transform: scale(0.5) translateX(-100%);
    -ms-transform: scale(0.5) translateX(-100%);
    -o-transform: scale(0.5) translateX(-100%);
    transform: scale(0.5) translateX(-100%)
}

.ih-item.circle.effect3.right_to_left a:hover .info,
.ih-item.circle.effect3.right_to_left a.hover .info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect3.top_to_bottom .img {
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.ih-item.circle.effect3.top_to_bottom .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect3.top_to_bottom a:hover .img,
.ih-item.circle.effect3.top_to_bottom a.hover .img {
    -webkit-transform: scale(0.5) translateY(100%);
    -moz-transform: scale(0.5) translateY(100%);
    -ms-transform: scale(0.5) translateY(100%);
    -o-transform: scale(0.5) translateY(100%);
    transform: scale(0.5) translateY(100%)
}

.ih-item.circle.effect3.top_to_bottom a:hover .info,
.ih-item.circle.effect3.top_to_bottom a.hover .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect3.bottom_to_top .img {
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.ih-item.circle.effect3.bottom_to_top .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect3.bottom_to_top a:hover .img,
.ih-item.circle.effect3.bottom_to_top a.hover .img {
    -webkit-transform: scale(0.5) translateY(-100%);
    -moz-transform: scale(0.5) translateY(-100%);
    -ms-transform: scale(0.5) translateY(-100%);
    -o-transform: scale(0.5) translateY(-100%);
    transform: scale(0.5) translateY(-100%)
}

.ih-item.circle.effect3.bottom_to_top a:hover .info,
.ih-item.circle.effect3.bottom_to_top a.hover .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect4 .img {
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.ih-item.circle.effect4.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect4 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease
}

.ih-item.circle.effect4 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect4 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect4 a:hover .img,
.ih-item.circle.effect4 a.hover .img {
    opacity: 0;
    pointer-events: none
}

.ih-item.circle.effect4 a:hover .info,
.ih-item.circle.effect4 a.hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.circle.effect4.left_to_right .img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect4.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect4.left_to_right a:hover .img,
.ih-item.circle.effect4.left_to_right a.hover .img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect4.left_to_right a:hover .info,
.ih-item.circle.effect4.left_to_right a.hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect4.right_to_left .img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect4.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect4.right_to_left a:hover .img,
.ih-item.circle.effect4.right_to_left a.hover .img {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect4.right_to_left a:hover .info,
.ih-item.circle.effect4.right_to_left a.hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect4.top_to_bottom .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect4.top_to_bottom .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect4.top_to_bottom a:hover .img,
.ih-item.circle.effect4.top_to_bottom a.hover .img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect4.top_to_bottom a:hover .info,
.ih-item.circle.effect4.top_to_bottom a.hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect4.bottom_to_top .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect4.bottom_to_top .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect4.bottom_to_top a:hover .img,
.ih-item.circle.effect4.bottom_to_top a.hover .img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect4.bottom_to_top a:hover .info,
.ih-item.circle.effect4.bottom_to_top a.hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect5 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.circle.effect5.colored .info .info-back {
    background: #1a4a72;
    background: rgba(26,74,114,0.6)
}

.ih-item.circle.effect5 .info {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ih-item.circle.effect5 .info .info-back {
    visibility: hidden;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: #333;
    background: rgba(0,0,0,0.6);
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ih-item.circle.effect5 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect5 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect5 a:hover .info,
.ih-item.circle.effect5 a.hover .info {
    -webkit-transform: rotate3d(0,1,0,-180deg);
    -moz-transform: rotate3d(0,1,0,-180deg);
    -ms-transform: rotate3d(0,1,0,-180deg);
    -o-transform: rotate3d(0,1,0,-180deg);
    transform: rotate3d(0,1,0,-180deg)
}

.ih-item.circle.effect5 a:hover .info .info-back,
.ih-item.circle.effect5 a.hover .info .info-back {
    visibility: visible
}

.ih-item.circle.effect6 .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect6.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect6 .info {
    background: #333;
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect6 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect6 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect6.scale_up .info {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect6.scale_up a:hover .img,
.ih-item.circle.effect6.scale_up a.hover .img {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.ih-item.circle.effect6.scale_up a:hover .info,
.ih-item.circle.effect6.scale_up a.hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect6.scale_down .info {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.ih-item.circle.effect6.scale_down a:hover .img,
.ih-item.circle.effect6.scale_down a.hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect6.scale_down a:hover .info,
.ih-item.circle.effect6.scale_down a.hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect6.scale_down_up .info {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .35s ease-in-out .2s;
    -moz-transition: all .35s ease-in-out .2s;
    transition: all .35s ease-in-out .2s
}

.ih-item.circle.effect6.scale_down_up a:hover .img,
.ih-item.circle.effect6.scale_down_up a.hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect6.scale_down_up a:hover .info,
.ih-item.circle.effect6.scale_down_up a.hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect7 .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    transition: all .35s ease-out
}

.ih-item.circle.effect7.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect7 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .35s ease .2s;
    -moz-transition: all .35s ease .2s;
    transition: all .35s ease .2s
}

.ih-item.circle.effect7 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect7 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect7 a:hover .img,
.ih-item.circle.effect7 a.hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect7 a:hover .info,
.ih-item.circle.effect7 a.hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.circle.effect7.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect7.left_to_right a:hover .info,
.ih-item.circle.effect7.left_to_right a.hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect7.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect7.right_to_left a:hover .info,
.ih-item.circle.effect7.right_to_left a.hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect7.top_to_bottom .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect7.top_to_bottom a:hover .info,
.ih-item.circle.effect7.top_to_bottom a.hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect7.bottom_to_top .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect7.bottom_to_top a:hover .info,
.ih-item.circle.effect7.bottom_to_top a.hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect8.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect8 .img-container {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ih-item.circle.effect8 .img-container .img {
    opacity: 1;
    -webkit-transition: all .3s ease-in-out .3s;
    -moz-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s
}

.ih-item.circle.effect8 .info-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s ease-in-out .3s;
    -moz-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s
}

.ih-item.circle.effect8 .info {
    width: 100%;
    height: 100%;
    background: #333;
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .35s ease-in-out .6s;
    -moz-transition: all .35s ease-in-out .6s;
    transition: all .35s ease-in-out .6s
}

.ih-item.circle.effect8 .info h4 {
    color: #fff;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 45px 0 0 0;
    height: 100px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect8 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect8 a:hover .img-container,
.ih-item.circle.effect8 a.hover .img-container {
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect8 a:hover .img-container .img,
.ih-item.circle.effect8 a.hover .img-container .img {
    opacity: 0;
    pointer-events: none
}

.ih-item.circle.effect8 a:hover .info-container,
.ih-item.circle.effect8 a.hover .info-container {
    opacity: 1
}

.ih-item.circle.effect8 a:hover .info-container .info,
.ih-item.circle.effect8 a.hover .info-container .info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect8.left_to_right .img-container .img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect8.left_to_right .info-container {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect8.left_to_right a:hover .img-container .img,
.ih-item.circle.effect8.left_to_right a.hover .img-container .img {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect8.left_to_right a:hover .info-container,
.ih-item.circle.effect8.left_to_right a.hover .info-container {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect8.right_to_left .img-container .img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect8.right_to_left .info-container {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect8.right_to_left a:hover .img-container .img,
.ih-item.circle.effect8.right_to_left a.hover .img-container .img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect8.right_to_left a:hover .info-container,
.ih-item.circle.effect8.right_to_left a.hover .info-container {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect8.top_to_bottom .img-container .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect8.top_to_bottom .info-container {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect8.top_to_bottom a:hover .img-container .img,
.ih-item.circle.effect8.top_to_bottom a.hover .img-container .img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect8.top_to_bottom a:hover .info-container,
.ih-item.circle.effect8.top_to_bottom a.hover .info-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect8.bottom_to_top .img-container .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect8.bottom_to_top .info-container {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect8.bottom_to_top a:hover .img-container .img,
.ih-item.circle.effect8.bottom_to_top a.hover .img-container .img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect8.bottom_to_top a:hover .info-container,
.ih-item.circle.effect8.bottom_to_top a.hover .info-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect9 .img {
    opacity: 1;
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    transition: all .35s ease-out
}

.ih-item.circle.effect9.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect9 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .35s ease .2s;
    -moz-transition: all .35s ease .2s;
    transition: all .35s ease .2s
}

.ih-item.circle.effect9 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect9 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect9 a:hover .img,
.ih-item.circle.effect9 a.hover .img {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect9 a:hover .info,
.ih-item.circle.effect9 a.hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect9.left_to_right .img {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.circle.effect9.left_to_right a:hover .img,
.ih-item.circle.effect9.left_to_right a.hover .img {
    -webkit-transform: translateX(100%) rotate(180deg);
    -moz-transform: translateX(100%) rotate(180deg);
    -ms-transform: translateX(100%) rotate(180deg);
    -o-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg)
}

.ih-item.circle.effect9.right_to_left .img {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.circle.effect9.right_to_left a:hover .img,
.ih-item.circle.effect9.right_to_left a.hover .img {
    -webkit-transform: translateX(-100%) rotate(-180deg);
    -moz-transform: translateX(-100%) rotate(-180deg);
    -ms-transform: translateX(-100%) rotate(-180deg);
    -o-transform: translateX(-100%) rotate(-180deg);
    transform: translateX(-100%) rotate(-180deg)
}

.ih-item.circle.effect9.top_to_bottom .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect9.top_to_bottom a:hover .img,
.ih-item.circle.effect9.top_to_bottom a.hover .img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect9.bottom_to_top .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect9.bottom_to_top a:hover .img,
.ih-item.circle.effect9.bottom_to_top a.hover .img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect10 .img {
    z-index: 11;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect10.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect10 .info {
    background: #333;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect10 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect10 .info p {
    color: #fff;
    font-style: italic;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
    height: 22px;
    overflow: hidden
}

.ih-item.circle.effect10 a:hover .info,
.ih-item.circle.effect10 a.hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect10.top_to_bottom .info h4 {
    margin: 0 30px;
    padding: 25px 0 0 0;
    height: 78px
}

.ih-item.circle.effect10.top_to_bottom .info p {
    margin: 0 30px;
    padding: 5px
}

.ih-item.circle.effect10.top_to_bottom a:hover .img,
.ih-item.circle.effect10.top_to_bottom a.hover .img {
    -webkit-transform: translateY(50px) scale(0.5);
    -moz-transform: translateY(50px) scale(0.5);
    -ms-transform: translateY(50px) scale(0.5);
    -o-transform: translateY(50px) scale(0.5);
    transform: translateY(50px) scale(0.5)
}

.ih-item.circle.effect10.bottom_to_top .info h4 {
    margin: 110px 30px 0;
    padding: 25px 0 0 0;
    height: 78px
}

.ih-item.circle.effect10.bottom_to_top .info p {
    margin: 0 30px;
    padding: 5px
}

.ih-item.circle.effect10.bottom_to_top a:hover .img,
.ih-item.circle.effect10.bottom_to_top a.hover .img {
    -webkit-transform: translateY(-50px) scale(0.5);
    -moz-transform: translateY(-50px) scale(0.5);
    -ms-transform: translateY(-50px) scale(0.5);
    -o-transform: translateY(-50px) scale(0.5);
    transform: translateY(-50px) scale(0.5)
}

.ih-item.circle.effect11 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.circle.effect11 .img {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect11.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect11 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .35s ease .35s;
    -moz-transition: all .35s ease .35s;
    transition: all .35s ease .35s
}

.ih-item.circle.effect11 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect11 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect11 a:hover .img,
.ih-item.circle.effect11 a.hover .img {
    opacity: 0
}

.ih-item.circle.effect11 a:hover .info,
.ih-item.circle.effect11 a.hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.circle.effect11.left_to_right .img {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -ms-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0)
}

.ih-item.circle.effect11.left_to_right .info {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    -moz-transform: translateZ(-1000px) rotateY(-90deg);
    -ms-transform: translateZ(-1000px) rotateY(-90deg);
    -o-transform: translateZ(-1000px) rotateY(-90deg);
    transform: translateZ(-1000px) rotateY(-90deg)
}

.ih-item.circle.effect11.left_to_right a:hover .img,
.ih-item.circle.effect11.left_to_right a.hover .img {
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
    -moz-transform: translateZ(-1000px) rotateY(90deg);
    -ms-transform: translateZ(-1000px) rotateY(90deg);
    -o-transform: translateZ(-1000px) rotateY(90deg);
    transform: translateZ(-1000px) rotateY(90deg)
}

.ih-item.circle.effect11.left_to_right a:hover .info,
.ih-item.circle.effect11.left_to_right a.hover .info {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -ms-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0)
}

.ih-item.circle.effect11.right_to_left .img {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -ms-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0)
}

.ih-item.circle.effect11.right_to_left .info {
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
    -moz-transform: translateZ(-1000px) rotateY(90deg);
    -ms-transform: translateZ(-1000px) rotateY(90deg);
    -o-transform: translateZ(-1000px) rotateY(90deg);
    transform: translateZ(-1000px) rotateY(90deg)
}

.ih-item.circle.effect11.right_to_left a:hover .img,
.ih-item.circle.effect11.right_to_left a.hover .img {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    -moz-transform: translateZ(-1000px) rotateY(-90deg);
    -ms-transform: translateZ(-1000px) rotateY(-90deg);
    -o-transform: translateZ(-1000px) rotateY(-90deg);
    transform: translateZ(-1000px) rotateY(-90deg)
}

.ih-item.circle.effect11.right_to_left a:hover .info,
.ih-item.circle.effect11.right_to_left a.hover .info {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -ms-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0)
}

.ih-item.circle.effect11.top_to_bottom .img {
    -webkit-transform: translateZ(0) rotateX(0);
    -moz-transform: translateZ(0) rotateX(0);
    -ms-transform: translateZ(0) rotateX(0);
    -o-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0)
}

.ih-item.circle.effect11.top_to_bottom .info {
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
    -moz-transform: translateZ(-1000px) rotateX(90deg);
    -ms-transform: translateZ(-1000px) rotateX(90deg);
    -o-transform: translateZ(-1000px) rotateX(90deg);
    transform: translateZ(-1000px) rotateX(90deg)
}

.ih-item.circle.effect11.top_to_bottom a:hover .img,
.ih-item.circle.effect11.top_to_bottom a.hover .img {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    -moz-transform: translateZ(-1000px) rotateX(-90deg);
    -ms-transform: translateZ(-1000px) rotateX(-90deg);
    -o-transform: translateZ(-1000px) rotateX(-90deg);
    transform: translateZ(-1000px) rotateX(-90deg)
}

.ih-item.circle.effect11.top_to_bottom a:hover .info,
.ih-item.circle.effect11.top_to_bottom a.hover .info {
    -webkit-transform: translateZ(0) rotateX(0);
    -moz-transform: translateZ(0) rotateX(0);
    -ms-transform: translateZ(0) rotateX(0);
    -o-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0)
}

.ih-item.circle.effect11.bottom_to_top .img {
    -webkit-transform: translateZ(0) rotateX(0);
    -moz-transform: translateZ(0) rotateX(0);
    -ms-transform: translateZ(0) rotateX(0);
    -o-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0)
}

.ih-item.circle.effect11.bottom_to_top .info {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    -moz-transform: translateZ(-1000px) rotateX(-90deg);
    -ms-transform: translateZ(-1000px) rotateX(-90deg);
    -o-transform: translateZ(-1000px) rotateX(-90deg);
    transform: translateZ(-1000px) rotateX(-90deg)
}

.ih-item.circle.effect11.bottom_to_top a:hover .img,
.ih-item.circle.effect11.bottom_to_top a.hover .img {
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
    -moz-transform: translateZ(-1000px) rotateX(90deg);
    -ms-transform: translateZ(-1000px) rotateX(90deg);
    -o-transform: translateZ(-1000px) rotateX(90deg);
    transform: translateZ(-1000px) rotateX(90deg)
}

.ih-item.circle.effect11.bottom_to_top a:hover .info,
.ih-item.circle.effect11.bottom_to_top a.hover .info {
    -webkit-transform: translateZ(0) rotateX(0);
    -moz-transform: translateZ(0) rotateX(0);
    -ms-transform: translateZ(0) rotateX(0);
    -o-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0)
}

.ih-item.circle.effect12 .img {
    opacity: 1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect12.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect12 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect12 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 20px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect12 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect12 a:hover .img,
.ih-item.circle.effect12 a.hover .img {
    opacity: 0;
    pointer-events: none
}

.ih-item.circle.effect12 a:hover .info,
.ih-item.circle.effect12 a.hover .info {
    opacity: 1;
    visibility: visible
}

.ih-item.circle.effect12.left_to_right .img {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.circle.effect12.left_to_right .info {
    -webkit-transform: translateX(100%) rotate(180deg);
    -moz-transform: translateX(100%) rotate(180deg);
    -ms-transform: translateX(100%) rotate(180deg);
    -o-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg)
}

.ih-item.circle.effect12.left_to_right a:hover .img,
.ih-item.circle.effect12.left_to_right a.hover .img {
    -webkit-transform: translateX(100%) rotate(180deg);
    -moz-transform: translateX(100%) rotate(180deg);
    -ms-transform: translateX(100%) rotate(180deg);
    -o-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg)
}

.ih-item.circle.effect12.left_to_right a:hover .info,
.ih-item.circle.effect12.left_to_right a.hover .info {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.ih-item.circle.effect12.right_to_left .img {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.circle.effect12.right_to_left .info {
    -webkit-transform: translateX(-100%) rotate(-180deg);
    -moz-transform: translateX(-100%) rotate(-180deg);
    -ms-transform: translateX(-100%) rotate(-180deg);
    -o-transform: translateX(-100%) rotate(-180deg);
    transform: translateX(-100%) rotate(-180deg)
}

.ih-item.circle.effect12.right_to_left a:hover .img,
.ih-item.circle.effect12.right_to_left a.hover .img {
    -webkit-transform: translateX(-100%) rotate(-180deg);
    -moz-transform: translateX(-100%) rotate(-180deg);
    -ms-transform: translateX(-100%) rotate(-180deg);
    -o-transform: translateX(-100%) rotate(-180deg);
    transform: translateX(-100%) rotate(-180deg)
}

.ih-item.circle.effect12.right_to_left a:hover .info,
.ih-item.circle.effect12.right_to_left a.hover .info {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.ih-item.circle.effect12.top_to_bottom .img {
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -o-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
}

.ih-item.circle.effect12.top_to_bottom .info {
    -webkit-transform: translateY(-100%) rotate(-180deg);
    -moz-transform: translateY(-100%) rotate(-180deg);
    -ms-transform: translateY(-100%) rotate(-180deg);
    -o-transform: translateY(-100%) rotate(-180deg);
    transform: translateY(-100%) rotate(-180deg)
}

.ih-item.circle.effect12.top_to_bottom a:hover .img,
.ih-item.circle.effect12.top_to_bottom a.hover .img {
    -webkit-transform: translateY(-100%) rotate(-180deg);
    -moz-transform: translateY(-100%) rotate(-180deg);
    -ms-transform: translateY(-100%) rotate(-180deg);
    -o-transform: translateY(-100%) rotate(-180deg);
    transform: translateY(-100%) rotate(-180deg)
}

.ih-item.circle.effect12.top_to_bottom a:hover .info,
.ih-item.circle.effect12.top_to_bottom a.hover .info {
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -o-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.ih-item.circle.effect12.bottom_to_top .img {
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -o-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
}

.ih-item.circle.effect12.bottom_to_top .info {
    -webkit-transform: translateY(100%) rotate(180deg);
    -moz-transform: translateY(100%) rotate(180deg);
    -ms-transform: translateY(100%) rotate(180deg);
    -o-transform: translateY(100%) rotate(180deg);
    transform: translateY(100%) rotate(180deg)
}

.ih-item.circle.effect12.bottom_to_top a:hover .img,
.ih-item.circle.effect12.bottom_to_top a.hover .img {
    -webkit-transform: translateY(100%) rotate(180deg);
    -moz-transform: translateY(100%) rotate(180deg);
    -ms-transform: translateY(100%) rotate(180deg);
    -o-transform: translateY(100%) rotate(180deg);
    transform: translateY(100%) rotate(180deg)
}

.ih-item.circle.effect12.bottom_to_top a:hover .info,
.ih-item.circle.effect12.bottom_to_top a.hover .info {
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -o-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.ih-item.circle.effect13.colored .info {
    background: #1a4a72;
    background: rgba(26,74,114,0.6)
}

.ih-item.circle.effect13 .info {
    background: #333;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect13 .info h4 {
    visibility: hidden;
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect13 .info p {
    visibility: hidden;
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect13 a:hover .info,
.ih-item.circle.effect13 a.hover .info {
    opacity: 1
}

.ih-item.circle.effect13 a:hover h4,
.ih-item.circle.effect13 a.hover h4 {
    visibility: visible
}

.ih-item.circle.effect13 a:hover p,
.ih-item.circle.effect13 a.hover p {
    visibility: visible
}

.ih-item.circle.effect13.from_left_and_right .info h4 {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.circle.effect13.from_left_and_right .info p {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.circle.effect13.from_left_and_right a:hover h4,
.ih-item.circle.effect13.from_left_and_right a.hover h4 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect13.from_left_and_right a:hover p,
.ih-item.circle.effect13.from_left_and_right a.hover p {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.circle.effect13.top_to_bottom .info h4 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect13.top_to_bottom .info p {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.circle.effect13.top_to_bottom a:hover h4,
.ih-item.circle.effect13.top_to_bottom a.hover h4 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect13.top_to_bottom a:hover p,
.ih-item.circle.effect13.top_to_bottom a.hover p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect13.bottom_to_top .info h4 {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect13.bottom_to_top .info p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.circle.effect13.bottom_to_top a:hover h4,
.ih-item.circle.effect13.bottom_to_top a.hover h4 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect13.bottom_to_top a:hover p,
.ih-item.circle.effect13.bottom_to_top a.hover p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.circle.effect14 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.circle.effect14 .img {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.ih-item.circle.effect14.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect14 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .35s ease-in-out .3s;
    -moz-transition: all .35s ease-in-out .3s;
    transition: all .35s ease-in-out .3s
}

.ih-item.circle.effect14 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect14 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect14 a:hover .img,
.ih-item.circle.effect14 a.hover .img {
    opacity: 0;
    visibility: hidden
}

.ih-item.circle.effect14 a:hover .info,
.ih-item.circle.effect14 a.hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.circle.effect14.left_to_right .img {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.ih-item.circle.effect14.left_to_right .info {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.ih-item.circle.effect14.left_to_right a:hover .img,
.ih-item.circle.effect14.left_to_right a.hover .img {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

.ih-item.circle.effect14.left_to_right a:hover .info,
.ih-item.circle.effect14.left_to_right a.hover .info {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.ih-item.circle.effect14.right_to_left .img {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.ih-item.circle.effect14.right_to_left .info {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.ih-item.circle.effect14.right_to_left a:hover .img,
.ih-item.circle.effect14.right_to_left a.hover .img {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.ih-item.circle.effect14.right_to_left a:hover .info,
.ih-item.circle.effect14.right_to_left a.hover .info {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.ih-item.circle.effect14.top_to_bottom .img {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.ih-item.circle.effect14.top_to_bottom .info {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ih-item.circle.effect14.top_to_bottom a:hover .img,
.ih-item.circle.effect14.top_to_bottom a.hover .img {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg)
}

.ih-item.circle.effect14.top_to_bottom a:hover .info,
.ih-item.circle.effect14.top_to_bottom a.hover .info {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.ih-item.circle.effect14.bottom_to_top .img {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ih-item.circle.effect14.bottom_to_top .info {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.ih-item.circle.effect14.bottom_to_top a:hover .img,
.ih-item.circle.effect14.bottom_to_top a.hover .img {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}

.ih-item.circle.effect14.bottom_to_top a:hover .info,
.ih-item.circle.effect14.bottom_to_top a.hover .info {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.ih-item.circle.effect15 .img {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect15.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect15 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5) rotate(-720deg);
    -moz-transform: scale(0.5) rotate(-720deg);
    -ms-transform: scale(0.5) rotate(-720deg);
    -o-transform: scale(0.5) rotate(-720deg);
    transform: scale(0.5) rotate(-720deg);
    -webkit-transition: all .35s ease-in-out .3s;
    -moz-transition: all .35s ease-in-out .3s;
    transition: all .35s ease-in-out .3s
}

.ih-item.circle.effect15 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect15 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect15 a:hover .img,
.ih-item.circle.effect15 a.hover .img {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5) rotate(720deg);
    -moz-transform: scale(0.5) rotate(720deg);
    -ms-transform: scale(0.5) rotate(720deg);
    -o-transform: scale(0.5) rotate(720deg);
    transform: scale(0.5) rotate(720deg)
}

.ih-item.circle.effect15 a:hover .info,
.ih-item.circle.effect15 a.hover .info {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
}

.ih-item.circle.effect16 .img {
    z-index: 11;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect16.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect16 .info {
    background: #333;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect16 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect16 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect16.left_to_right .img {
    -webkit-transform-origin: 95% 40%;
    -moz-transform-origin: 95% 40%;
    -ms-transform-origin: 95% 40%;
    -o-transform-origin: 95% 40%;
    transform-origin: 95% 40%
}

.ih-item.circle.effect16.left_to_right .img:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    top: 40%;
    left: 95%;
    margin: -4px 0 0 -4px;
    background: rgba(0,0,0,0.8);
    box-shadow: 0 0 1px rgba(255,255,255,0.9)
}

.ih-item.circle.effect16.left_to_right a:hover .img,
.ih-item.circle.effect16.left_to_right a.hover .img {
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    transform: rotate(-120deg)
}

.ih-item.circle.effect16.right_to_left .img {
    -webkit-transform-origin: 5% 40%;
    -moz-transform-origin: 5% 40%;
    -ms-transform-origin: 5% 40%;
    -o-transform-origin: 5% 40%;
    transform-origin: 5% 40%
}

.ih-item.circle.effect16.right_to_left .img:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    top: 40%;
    left: 5%;
    margin: -4px 0 0 -4px;
    background: rgba(0,0,0,0.8);
    box-shadow: 0 0 1px rgba(255,255,255,0.9)
}

.ih-item.circle.effect16.right_to_left a:hover .img,
.ih-item.circle.effect16.right_to_left a.hover .img {
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg)
}

.ih-item.circle.effect17 .info {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect17 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect17 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect17 a:hover .img:before,
.ih-item.circle.effect17 a.hover .img:before {
    box-shadow: inset 0 0 0 110px #333,inset 0 0 0 16px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 0 110px rgba(0,0,0,0.6),inset 0 0 0 16px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1)
}

.ih-item.circle.effect17 a:hover .info,
.ih-item.circle.effect17 a.hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect17 a:hover .info p,
.ih-item.circle.effect17 a.hover .info p {
    opacity: 1
}

.ih-item.circle.effect17.colored a:hover .img:before,
.ih-item.circle.effect17.colored a.hover .img:before {
    box-shadow: inset 0 0 0 110px #1a4a72,inset 0 0 0 16px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 0 110px rgba(26,74,114,0.6),inset 0 0 0 16px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1)
}

.ih-item.circle.effect18 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.circle.effect18 .img {
    z-index: 11;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.ih-item.circle.effect18.colored .info .info-back {
    background: #1a4a72
}

.ih-item.circle.effect18 .info {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ih-item.circle.effect18 .info .info-back {
    opacity: 1;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: #333
}

.ih-item.circle.effect18 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect18 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect18.bottom_to_top .img {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ih-item.circle.effect18.bottom_to_top a:hover .img,
.ih-item.circle.effect18.bottom_to_top a.hover .img {
    -webkit-transform: rotate3d(1,0,0,180deg);
    -moz-transform: rotate3d(1,0,0,180deg);
    -ms-transform: rotate3d(1,0,0,180deg);
    -o-transform: rotate3d(1,0,0,180deg);
    transform: rotate3d(1,0,0,180deg)
}

.ih-item.circle.effect18.top_to_bottom .img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.ih-item.circle.effect18.top_to_bottom a:hover .img,
.ih-item.circle.effect18.top_to_bottom a.hover .img {
    -webkit-transform: rotate3d(1,0,0,-180deg);
    -moz-transform: rotate3d(1,0,0,-180deg);
    -ms-transform: rotate3d(1,0,0,-180deg);
    -o-transform: rotate3d(1,0,0,-180deg);
    transform: rotate3d(1,0,0,-180deg)
}

.ih-item.circle.effect18.left_to_right .img {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.ih-item.circle.effect18.left_to_right a:hover .img,
.ih-item.circle.effect18.left_to_right a.hover .img {
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg)
}

.ih-item.circle.effect18.right_to_left .img {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.ih-item.circle.effect18.right_to_left a:hover .img,
.ih-item.circle.effect18.right_to_left a.hover .img {
    -webkit-transform: rotate3d(0,1,0,-180deg);
    -moz-transform: rotate3d(0,1,0,-180deg);
    -ms-transform: rotate3d(0,1,0,-180deg);
    -o-transform: rotate3d(0,1,0,-180deg);
    transform: rotate3d(0,1,0,-180deg)
}

.ih-item.circle.effect19.colored .info {
    background: #1a4a72;
    background: rgba(26,74,114,0.6)
}

.ih-item.circle.effect19 .info {
    background: #333;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect19 .info h4 {
    color: #fff;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 60px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect19 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect19 a:hover .info,
.ih-item.circle.effect19 a.hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect20 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.circle.effect20 .img {
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    transition: all .35s linear;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ih-item.circle.effect20.colored .info .info-back {
    background: #1a4a72
}

.ih-item.circle.effect20 .info {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ih-item.circle.effect20 .info .info-back {
    opacity: 1;
    visibility: hidden;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: #333;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    transition: all .35s linear;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ih-item.circle.effect20 .info h4 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3)
}

.ih-item.circle.effect20 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5)
}

.ih-item.circle.effect20 a:hover .img,
.ih-item.circle.effect20 a.hover .img {
    opacity: 0
}

.ih-item.circle.effect20 a:hover .info .info-back,
.ih-item.circle.effect20 a.hover .info .info-back {
    opacity: 1;
    visibility: visible
}

.ih-item.circle.effect20.top_to_bottom .info .info-back {
    -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg)
}

.ih-item.circle.effect20.top_to_bottom a:hover .img,
.ih-item.circle.effect20.top_to_bottom a.hover .img {
    -webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg)
}

.ih-item.circle.effect20.top_to_bottom a:hover .info .info-back,
.ih-item.circle.effect20.top_to_bottom a.hover .info .info-back {
    -webkit-transform: rotate3d(1,0,0,0);
    -moz-transform: rotate3d(1,0,0,0);
    -ms-transform: rotate3d(1,0,0,0);
    -o-transform: rotate3d(1,0,0,0);
    transform: rotate3d(1,0,0,0)
}

.ih-item.circle.effect20.bottom_to_top .info .info-back {
    -webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg)
}

.ih-item.circle.effect20.bottom_to_top a:hover .img,
.ih-item.circle.effect20.bottom_to_top a.hover .img {
    -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg)
}

.ih-item.circle.effect20.bottom_to_top a:hover .info .info-back,
.ih-item.circle.effect20.bottom_to_top a.hover .info .info-back {
    -webkit-transform: rotate3d(1,0,0,0);
    -moz-transform: rotate3d(1,0,0,0);
    -ms-transform: rotate3d(1,0,0,0);
    -o-transform: rotate3d(1,0,0,0);
    transform: rotate3d(1,0,0,0)
}

.ih-item.square.effect1 {
    overflow: hidden
}

.ih-item.square.effect1.colored .info {
    background: #1a4a72
}

.ih-item.square.effect1 .img {
    z-index: 11;
    position: absolute;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect1 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect1 a:hover .info,
.ih-item.square.effect1 a.hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect1.left_and_right .info h4 {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #fff;
    text-align: center;
    font-size: 17px;
    margin: 0
}

.ih-item.square.effect1.left_and_right .info p {
    position: absolute;
    right: 12px;
    bottom: 12px;
    margin: 0;
    font-style: italic;
    font-size: 12px;
    color: #fff
}

.ih-item.square.effect1.left_and_right a:hover .img,
.ih-item.square.effect1.left_and_right a.hover .img {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6)
}

.ih-item.square.effect1.top_to_bottom .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px 10px 0 4px;
    margin: 10px 0 0 0
}

.ih-item.square.effect1.top_to_bottom .info p {
    font-style: italic;
    font-size: 12px;
    color: #fff;
    padding: 5px;
    text-align: center
}

.ih-item.square.effect1.top_to_bottom a:hover .img,
.ih-item.square.effect1.top_to_bottom a.hover .img {
    -webkit-transform: translateY(30px) scale(0.6);
    -moz-transform: translateY(30px) scale(0.6);
    -ms-transform: translateY(30px) scale(0.6);
    -o-transform: translateY(30px) scale(0.6);
    transform: translateY(30px) scale(0.6)
}

.ih-item.square.effect1.bottom_to_top .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px 10px 0 4px;
    margin: 165px 0 0 0
}

.ih-item.square.effect1.bottom_to_top .info p {
    font-style: italic;
    font-size: 12px;
    color: #fff;
    padding: 5px;
    text-align: center
}

.ih-item.square.effect1.bottom_to_top a:hover .img,
.ih-item.square.effect1.bottom_to_top a.hover .img {
    -webkit-transform: translateY(-30px) scale(0.6);
    -moz-transform: translateY(-30px) scale(0.6);
    -ms-transform: translateY(-30px) scale(0.6);
    -o-transform: translateY(-30px) scale(0.6);
    transform: translateY(-30px) scale(0.6)
}

.ih-item.square.effect2 {
    overflow: hidden
}

.ih-item.square.effect2.colored .info {
    background: #1a4a72
}

.ih-item.square.effect2.colored .info h4 {
    background: rgba(12,34,52,0.6)
}

.ih-item.square.effect2 .img {
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: rotate(0) scale(1);
    -moz-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    -o-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
}

.ih-item.square.effect2 .info {
    background: #333;
    visibility: hidden;
    -webkit-transition: all .35s .3s ease-in-out;
    -moz-transition: all .35s .3s ease-in-out;
    transition: all .35s .3s ease-in-out
}

.ih-item.square.effect2 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all .35s .6s ease-in-out;
    -moz-transition: all .35s .6s ease-in-out;
    transition: all .35s .6s ease-in-out
}

.ih-item.square.effect2 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all .35s .5s linear;
    -moz-transition: all .35s .5s linear;
    transition: all .35s .5s linear
}

.ih-item.square.effect2 a:hover .img,
.ih-item.square.effect2 a.hover .img {
    -webkit-transform: rotate(720deg) scale(0);
    -moz-transform: rotate(720deg) scale(0);
    -ms-transform: rotate(720deg) scale(0);
    -o-transform: rotate(720deg) scale(0);
    transform: rotate(720deg) scale(0);
    opacity: 0
}

.ih-item.square.effect2 a:hover .info,
.ih-item.square.effect2 a.hover .info {
    visibility: visible
}

.ih-item.square.effect2 a:hover .info h4,
.ih-item.square.effect2 a:hover .info p,
.ih-item.square.effect2 a.hover .info h4,
.ih-item.square.effect2 a.hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect3 {
    overflow: hidden
}

.ih-item.square.effect3.colored .info {
    background: #1a4a72
}

.ih-item.square.effect3 .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect3 .info {
    height: 65px;
    overflow: hidden;
    background: #333;
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect3 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px 10px 0 4px;
    margin: 4px 0 0 0
}

.ih-item.square.effect3 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 5px;
    text-align: center
}

.ih-item.square.effect3 a:hover .info,
.ih-item.square.effect3 a.hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect3.bottom_to_top .info {
    top: auto;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect3.bottom_to_top a:hover .img,
.ih-item.square.effect3.bottom_to_top a.hover .img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px)
}

.ih-item.square.effect3.bottom_to_top a:hover .info,
.ih-item.square.effect3.bottom_to_top a.hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect3.top_to_bottom .info {
    bottom: auto;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect3.top_to_bottom a:hover .img,
.ih-item.square.effect3.top_to_bottom a.hover .img {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px)
}

.ih-item.square.effect3.top_to_bottom a:hover .info,
.ih-item.square.effect3.top_to_bottom a.hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect4 {
    overflow: hidden;
    position: relative
}

.ih-item.square.effect4.colored .info {
    background: rgba(12,34,52,0.6)
}

.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
    background: #1a4a72;
    background: rgba(26,74,114,0.6)
}

.ih-item.square.effect4 .img {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
    position: absolute;
    background: #333;
    background: rgba(0,0,0,0.6);
    height: 361px;
    width: 361px;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect4 .mask1 {
    left: auto;
    right: 0;
    top: 0;
    -webkit-transform: rotate(56.5deg) translateX(-180px);
    -moz-transform: rotate(56.5deg) translateX(-180px);
    -ms-transform: rotate(56.5deg) translateX(-180px);
    -o-transform: rotate(56.5deg) translateX(-180px);
    transform: rotate(56.5deg) translateX(-180px);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.ih-item.square.effect4 .mask2 {
    top: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(56.5deg) translateX(180px);
    -moz-transform: rotate(56.5deg) translateX(180px);
    -ms-transform: rotate(56.5deg) translateX(180px);
    -o-transform: rotate(56.5deg) translateX(180px);
    transform: rotate(56.5deg) translateX(180px);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.ih-item.square.effect4 .info {
    background: #111;
    height: 0;
    visibility: hidden;
    width: 361px;
    -webkit-transform: rotate(-33.5deg) translate(-112px,166px);
    -moz-transform: rotate(-33.5deg) translate(-112px,166px);
    -ms-transform: rotate(-33.5deg) translate(-112px,166px);
    -o-transform: rotate(-33.5deg) translate(-112px,166px);
    transform: rotate(-33.5deg) translate(-112px,166px);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition: all .35s ease-in-out .35s;
    -moz-transition: all .35s ease-in-out .35s;
    transition: all .35s ease-in-out .35s
}

.ih-item.square.effect4 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: transparent;
    margin-top: 5px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    opacity: 0;
    -webkit-transition: all .35s ease-in-out .35s;
    -moz-transition: all .35s ease-in-out .35s;
    transition: all .35s ease-in-out .35s
}

.ih-item.square.effect4 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .35s ease-in-out .35s;
    -moz-transition: all .35s ease-in-out .35s;
    transition: all .35s ease-in-out .35s
}

.ih-item.square.effect4 a:hover .mask1,
.ih-item.square.effect4 a.hover .mask1 {
    -webkit-transform: rotate(56.5deg) translateX(1px);
    -moz-transform: rotate(56.5deg) translateX(1px);
    -ms-transform: rotate(56.5deg) translateX(1px);
    -o-transform: rotate(56.5deg) translateX(1px);
    transform: rotate(56.5deg) translateX(1px)
}

.ih-item.square.effect4 a:hover .mask2,
.ih-item.square.effect4 a.hover .mask2 {
    -webkit-transform: rotate(56.5deg) translateX(-1px);
    -moz-transform: rotate(56.5deg) translateX(-1px);
    -ms-transform: rotate(56.5deg) translateX(-1px);
    -o-transform: rotate(56.5deg) translateX(-1px);
    transform: rotate(56.5deg) translateX(-1px)
}

.ih-item.square.effect4 a:hover .info,
.ih-item.square.effect4 a.hover .info {
    width: 300px;
    height: 120px;
    visibility: visible;
    top: 40px;
    -webkit-transform: rotate(0) translate(0,0);
    -moz-transform: rotate(0) translate(0,0);
    -ms-transform: rotate(0) translate(0,0);
    -o-transform: rotate(0) translate(0,0);
    transform: rotate(0) translate(0,0)
}

.ih-item.square.effect4 a:hover .info h4,
.ih-item.square.effect4 a:hover .info p,
.ih-item.square.effect4 a.hover .info h4,
.ih-item.square.effect4 a.hover .info p {
    opacity: 1
}

.ih-item.square.effect5.colored .info {
    background: #1a4a72
}

.ih-item.square.effect5.colored .info h4 {
    background: rgba(12,34,52,0.6)
}

.ih-item.square.effect5 .img {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect5 .info {
    background: #333;
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect5 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0
}

.ih-item.square.effect5 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect5 a:hover .img,
.ih-item.square.effect5 a.hover .img {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0
}

.ih-item.square.effect5 a:hover .info,
.ih-item.square.effect5 a.hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

.ih-item.square.effect5.left_to_right .info {
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg)
}

.ih-item.square.effect5.right_to_left .info {
    -webkit-transform: scale(0) rotate(180deg);
    -moz-transform: scale(0) rotate(180deg);
    -ms-transform: scale(0) rotate(180deg);
    -o-transform: scale(0) rotate(180deg);
    transform: scale(0) rotate(180deg)
}

.ih-item.square.effect6 {
    overflow: hidden
}

.ih-item.square.effect6.colored .info {
    background: #1a4a72;
    background: rgba(26,74,114,0.6)
}

.ih-item.square.effect6.colored .info h4 {
    background: rgba(12,34,52,0.6)
}

.ih-item.square.effect6 .img {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect6 .info {
    background: #333;
    background: rgba(0,0,0,0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect6 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect6 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transition: all .35s .1s linear;
    -moz-transition: all .35s .1s linear;
    transition: all .35s .1s linear
}

.ih-item.square.effect6 a:hover .img,
.ih-item.square.effect6 a.hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.ih-item.square.effect6 a:hover .info,
.ih-item.square.effect6 a.hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect6.from_top_and_bottom .info h4 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect6.from_top_and_bottom .info p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect6.from_top_and_bottom a:hover .info h4,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p,
.ih-item.square.effect6.from_top_and_bottom a.hover .info h4,
.ih-item.square.effect6.from_top_and_bottom a.hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect6.from_left_and_right .info h4 {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.square.effect6.from_left_and_right .info p {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.square.effect6.from_left_and_right a:hover .info h4,
.ih-item.square.effect6.from_left_and_right a:hover .info p,
.ih-item.square.effect6.from_left_and_right a.hover .info h4,
.ih-item.square.effect6.from_left_and_right a.hover .info p {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect6.top_to_bottom .info h4 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect6.top_to_bottom .info p {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect6.top_to_bottom a:hover .info h4,
.ih-item.square.effect6.top_to_bottom a:hover .info p,
.ih-item.square.effect6.top_to_bottom a.hover .info h4,
.ih-item.square.effect6.top_to_bottom a.hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect6.bottom_to_top .info h4 {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect6.bottom_to_top .info p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect6.bottom_to_top a:hover .info h4,
.ih-item.square.effect6.bottom_to_top a:hover .info p,
.ih-item.square.effect6.bottom_to_top a.hover .info h4,
.ih-item.square.effect6.bottom_to_top a.hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect7 {
    overflow: hidden
}

.ih-item.square.effect7.colored .info {
    background: #1a4a72;
    background: rgba(26,74,114,0.6)
}

.ih-item.square.effect7.colored .info h4 {
    background: rgba(12,34,52,0.6)
}

.ih-item.square.effect7 .img {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect7 .info {
    background: #333;
    background: rgba(0,0,0,0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect7 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0;
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    -webkit-transition: all .35s .1s ease-in-out;
    -moz-transition: all .35s .1s ease-in-out;
    transition: all .35s .1s ease-in-out
}

.ih-item.square.effect7 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    -webkit-transition: all .35s .3s linear;
    -moz-transition: all .35s .3s linear;
    transition: all .35s .3s linear
}

.ih-item.square.effect7 a:hover .img,
.ih-item.square.effect7 a.hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.ih-item.square.effect7 a:hover .info,
.ih-item.square.effect7 a.hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect7 a:hover .info h4,
.ih-item.square.effect7 a:hover .info p,
.ih-item.square.effect7 a.hover .info h4,
.ih-item.square.effect7 a.hover .info p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect8 {
    overflow: hidden
}

.ih-item.square.effect8.colored .info {
    background: #1a4a72
}

.ih-item.square.effect8.colored .info h4 {
    background: rgba(12,34,52,0.6)
}

.ih-item.square.effect8 .img {
    opacity: 1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect8 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect8 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0;
    -webkit-transition: all .35s .1s ease-in-out;
    -moz-transition: all .35s .1s ease-in-out;
    transition: all .35s .1s ease-in-out
}

.ih-item.square.effect8 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transition: all .35s .15s linear;
    -moz-transition: all .35s .15s linear;
    transition: all .35s .15s linear
}

.ih-item.square.effect8 a:hover .img,
.ih-item.square.effect8 a.hover .img {
    opacity: 0
}

.ih-item.square.effect8 a:hover .info,
.ih-item.square.effect8 a.hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect8.scale_up .img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect8.scale_up .info {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.ih-item.square.effect8.scale_up .info h4,
.ih-item.square.effect8.scale_up .info p {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.ih-item.square.effect8.scale_up a:hover .img,
.ih-item.square.effect8.scale_up a.hover .img {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5)
}

.ih-item.square.effect8.scale_up a:hover .info,
.ih-item.square.effect8.scale_up a.hover .info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect8.scale_up a:hover .info h4,
.ih-item.square.effect8.scale_up a:hover .info p,
.ih-item.square.effect8.scale_up a.hover .info h4,
.ih-item.square.effect8.scale_up a.hover .info p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect8.scale_down .img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect8.scale_down .info {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5)
}

.ih-item.square.effect8.scale_down .info h4,
.ih-item.square.effect8.scale_down .info p {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5)
}

.ih-item.square.effect8.scale_down a:hover .img,
.ih-item.square.effect8.scale_down a.hover .img {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.square.effect8.scale_down a:hover .info,
.ih-item.square.effect8.scale_down a.hover .info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect8.scale_down a:hover .info h4,
.ih-item.square.effect8.scale_down a:hover .info p,
.ih-item.square.effect8.scale_down a.hover .info h4,
.ih-item.square.effect8.scale_down a.hover .info p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect9 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.square.effect9.colored .info .info-back {
    background: #1a4a72
}

.ih-item.square.effect9.colored .info h4 {
    background: rgba(12,34,52,0.6)
}

.ih-item.square.effect9 .img {
    position: relative;
    z-index: 11;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.ih-item.square.effect9 .info {
    z-index: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ih-item.square.effect9 .info .info-back {
    opacity: 1;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    background: #333
}

.ih-item.square.effect9 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 0
}

.ih-item.square.effect9 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect9.left_to_right .img {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.ih-item.square.effect9.left_to_right a:hover .img,
.ih-item.square.effect9.left_to_right a.hover .img {
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg)
}

.ih-item.square.effect9.right_to_left .img {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.ih-item.square.effect9.right_to_left a:hover .img,
.ih-item.square.effect9.right_to_left a.hover .img {
    -webkit-transform: rotate3d(0,1,0,-180deg);
    -moz-transform: rotate3d(0,1,0,-180deg);
    -ms-transform: rotate3d(0,1,0,-180deg);
    -o-transform: rotate3d(0,1,0,-180deg);
    transform: rotate3d(0,1,0,-180deg)
}

.ih-item.square.effect9.top_to_bottom .img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.ih-item.square.effect9.top_to_bottom a:hover .img,
.ih-item.square.effect9.top_to_bottom a.hover .img {
    -webkit-transform: rotate3d(1,0,0,-180deg);
    -moz-transform: rotate3d(1,0,0,-180deg);
    -ms-transform: rotate3d(1,0,0,-180deg);
    -o-transform: rotate3d(1,0,0,-180deg);
    transform: rotate3d(1,0,0,-180deg)
}

.ih-item.square.effect9.bottom_to_top .img {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ih-item.square.effect9.bottom_to_top a:hover .img,
.ih-item.square.effect9.bottom_to_top a.hover .img {
    -webkit-transform: rotate3d(1,0,0,180deg);
    -moz-transform: rotate3d(1,0,0,180deg);
    -ms-transform: rotate3d(1,0,0,180deg);
    -o-transform: rotate3d(1,0,0,180deg);
    transform: rotate3d(1,0,0,180deg)
}

.ih-item.square.effect10 {
    overflow: hidden
}

.ih-item.square.effect10.colored .info {
    background: #1a4a72
}

.ih-item.square.effect10.colored .info h4 {
    background: rgba(12,34,52,0.6)
}

.ih-item.square.effect10 .img {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect10 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect10 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0
}

.ih-item.square.effect10 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect10 a:hover .info,
.ih-item.square.effect10 a.hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect10.left_to_right .img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect10.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.square.effect10.left_to_right a:hover .img,
.ih-item.square.effect10.left_to_right a.hover .img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.square.effect10.left_to_right a:hover .info,
.ih-item.square.effect10.left_to_right a.hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect10.right_to_left .img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect10.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.square.effect10.right_to_left a:hover .img,
.ih-item.square.effect10.right_to_left a.hover .img {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.square.effect10.right_to_left a:hover .info,
.ih-item.square.effect10.right_to_left a.hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect10.top_to_bottom .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect10.top_to_bottom .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect10.top_to_bottom a:hover .img,
.ih-item.square.effect10.top_to_bottom a.hover .img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect10.top_to_bottom a:hover .info,
.ih-item.square.effect10.top_to_bottom a.hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect10.bottom_to_top .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect10.bottom_to_top .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect10.bottom_to_top a:hover .img,
.ih-item.square.effect10.bottom_to_top a.hover .img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect10.bottom_to_top a:hover .info,
.ih-item.square.effect10.bottom_to_top a.hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect11 {
    overflow: hidden
}

.ih-item.square.effect11.colored .info {
    background: #1a4a72
}

.ih-item.square.effect11.colored .info h4 {
    background: rgba(12,34,52,0.6)
}

.ih-item.square.effect11 .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect11 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .35s ease .2s;
    -moz-transition: all .35s ease .2s;
    transition: all .35s ease .2s
}

.ih-item.square.effect11 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0
}

.ih-item.square.effect11 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect11 a:hover .img,
.ih-item.square.effect11 a.hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.square.effect11 a:hover .info,
.ih-item.square.effect11 a.hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect11.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.square.effect11.left_to_right a:hover .info,
.ih-item.square.effect11.left_to_right a.hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect11.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.square.effect11.right_to_left a:hover .info,
.ih-item.square.effect11.right_to_left a.hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect11.top_to_bottom .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect11.top_to_bottom a:hover .info,
.ih-item.square.effect11.top_to_bottom a.hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect11.bottom_to_top .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect11.bottom_to_top a:hover .info,
.ih-item.square.effect11.bottom_to_top a.hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect12 {
    overflow: hidden
}

.ih-item.square.effect12.colored .info {
    background: #1a4a72;
    background: rgba(26,74,114,0.6)
}

.ih-item.square.effect12.colored .info h4 {
    background: rgba(12,34,52,0.6)
}

.ih-item.square.effect12 .img {
    -webkit-transition: all .35s ease-in;
    -moz-transition: all .35s ease-in;
    transition: all .35s ease-in
}

.ih-item.square.effect12 .info {
    background: #333;
    background: rgba(0,0,0,0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .35s ease-in;
    -moz-transition: all .35s ease-in;
    transition: all .35s ease-in
}

.ih-item.square.effect12 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0;
    -webkit-transition: all .35s ease-in;
    -moz-transition: all .35s ease-in;
    transition: all .35s ease-in
}

.ih-item.square.effect12 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transition: all .35s ease-in;
    -moz-transition: all .35s ease-in;
    transition: all .35s ease-in
}

.ih-item.square.effect12 a:hover .info,
.ih-item.square.effect12 a.hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.ih-item.square.effect12 a:hover .info h4,
.ih-item.square.effect12 a.hover .info h4 {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

.ih-item.square.effect12 a:hover .info p,
.ih-item.square.effect12 a.hover .info p {
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    transition-delay: .25s
}

.ih-item.square.effect12.left_to_right .info {
    -webkit-transform: translate(-460px,-100px) rotate(-180deg);
    -moz-transform: translate(-460px,-100px) rotate(-180deg);
    -ms-transform: translate(-460px,-100px) rotate(-180deg);
    -o-transform: translate(-460px,-100px) rotate(-180deg);
    transform: translate(-460px,-100px) rotate(-180deg)
}

.ih-item.square.effect12.left_to_right .info h4 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px)
}

.ih-item.square.effect12.left_to_right .info p {
    -webkit-transform: translateX(-300px) rotate(-90deg);
    -moz-transform: translateX(-300px) rotate(-90deg);
    -ms-transform: translateX(-300px) rotate(-90deg);
    -o-transform: translateX(-300px) rotate(-90deg);
    transform: translateX(-300px) rotate(-90deg)
}

.ih-item.square.effect12.left_to_right a:hover .info, 
.ih-item.square.effect12.left_to_right a.hover .info {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.ih-item.square.effect12.left_to_right a:hover .info h4,
.ih-item.square.effect12.left_to_right a.hover .info h4 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect12.left_to_right a:hover .info p,
.ih-item.square.effect12.left_to_right a.hover .info p {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.square.effect12.right_to_left .info {
    -webkit-transform: translate(460px,-100px) rotate(180deg);
    -moz-transform: translate(460px,-100px) rotate(180deg);
    -ms-transform: translate(460px,-100px) rotate(180deg);
    -o-transform: translate(460px,-100px) rotate(180deg);
    transform: translate(460px,-100px) rotate(180deg)
}

.ih-item.square.effect12.right_to_left .info h4 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px)
}

.ih-item.square.effect12.right_to_left .info p {
    -webkit-transform: translateX(300px) rotate(90deg);
    -moz-transform: translateX(300px) rotate(90deg);
    -ms-transform: translateX(300px) rotate(90deg);
    -o-transform: translateX(300px) rotate(90deg);
    transform: translateX(300px) rotate(90deg)
}

.ih-item.square.effect12.right_to_left a:hover .info,
.ih-item.square.effect12.right_to_left a.hover .info {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.ih-item.square.effect12.right_to_left a:hover .info h4, 
.ih-item.square.effect12.right_to_left a.hover .info h4 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect12.right_to_left a:hover .info p,
.ih-item.square.effect12.right_to_left a.hover .info p {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.square.effect12.top_to_bottom .info {
    -webkit-transform: translate(-265px,-145px) rotate(-45deg);
    -moz-transform: translate(-265px,-145px) rotate(-45deg);
    -ms-transform: translate(-265px,-145px) rotate(-45deg);
    -o-transform: translate(-265px,-145px) rotate(-45deg);
    transform: translate(-265px,-145px) rotate(-45deg)
}

.ih-item.square.effect12.top_to_bottom .info h4 {
    -webkit-transform: translate(200px,-200px);
    -moz-transform: translate(200px,-200px);
    -ms-transform: translate(200px,-200px);
    -o-transform: translate(200px,-200px);
    transform: translate(200px,-200px)
}

.ih-item.square.effect12.top_to_bottom .info p {
    -webkit-transform: translate(200px,-200px);
    -moz-transform: translate(200px,-200px);
    -ms-transform: translate(200px,-200px);
    -o-transform: translate(200px,-200px);
    transform: translate(200px,-200px)
}

.ih-item.square.effect12.top_to_bottom a:hover .info,
.ih-item.square.effect12.top_to_bottom a.hover .info {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.ih-item.square.effect12.top_to_bottom a:hover .info h4,
.ih-item.square.effect12.top_to_bottom a.hover .info h4 {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

.ih-item.square.effect12.top_to_bottom a:hover .info p,
.ih-item.square.effect12.top_to_bottom a.hover .info p {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.ih-item.square.effect12.bottom_to_top .info {
    -webkit-transform: translate(265px,145px) rotate(45deg);
    -moz-transform: translate(265px,145px) rotate(45deg);
    -ms-transform: translate(265px,145px) rotate(45deg);
    -o-transform: translate(265px,145px) rotate(45deg);
    transform: translate(265px,145px) rotate(45deg)
}

.ih-item.square.effect12.bottom_to_top .info h4 {
    -webkit-transform: translate(200px,-200px);
    -moz-transform: translate(200px,-200px);
    -ms-transform: translate(200px,-200px);
    -o-transform: translate(200px,-200px);
    transform: translate(200px,-200px)
}

.ih-item.square.effect12.bottom_to_top .info p {
    -webkit-transform: translate(-200px,200px);
    -moz-transform: translate(-200px,200px);
    -ms-transform: translate(-200px,200px);
    -o-transform: translate(-200px,200px);
    transform: translate(-200px,200px)
}

.ih-item.square.effect12.bottom_to_top a:hover .info,
.ih-item.square.effect12.bottom_to_top a.hover .info {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.ih-item.square.effect12.bottom_to_top a:hover .info h4,
.ih-item.square.effect12.bottom_to_top a.hover .info h4 {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

.ih-item.square.effect12.bottom_to_top a:hover .info p,
.ih-item.square.effect12.bottom_to_top a.hover .info p {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.ih-item.square.effect13 {
    overflow: hidden
}

.ih-item.square.effect13.colored .info {
    background: #1a4a72;
    background: rgba(26,74,114,0.6)
}

.ih-item.square.effect13.colored .info h4 {
    background: rgba(12,34,52,0.6)
}

.ih-item.square.effect13 .img {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect13 .info {
    background: #333;
    background: rgba(0,0,0,0.6);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect13 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0
}

.ih-item.square.effect13 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect13 a:hover .img,
.ih-item.square.effect13 a.hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.ih-item.square.effect13 a:hover .info,
.ih-item.square.effect13 a.hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect13.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ih-item.square.effect13.left_to_right a.hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect13.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ih-item.square.effect13.right_to_left a:hover .info,
.ih-item.square.effect13.right_to_left a.hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ih-item.square.effect13.top_to_bottom .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect13.top_to_bottom a:hover .info,
.ih-item.square.effect13.top_to_bottom a.hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect13.bottom_to_top .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect13.bottom_to_top a:hover .info,
.ih-item.square.effect13.bottom_to_top a.hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect14.colored .info {
    background: #1a4a72
}

.ih-item.square.effect14.colored .info h4 {
    background: rgba(12,34,52,0.6)
}

.ih-item.square.effect14 .img {
    opacity: 1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.square.effect14 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .35s ease .2s;
    -moz-transition: all .35s ease .2s;
    transition: all .35s ease .2s
}

.ih-item.square.effect14 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0
}

.ih-item.square.effect14 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect14 a:hover .img,
.ih-item.square.effect14 a.hover .img {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.square.effect14 a:hover .info,
.ih-item.square.effect14 a.hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.square.effect14.left_to_right .img {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.square.effect14.left_to_right a:hover .img,
.ih-item.square.effect14.left_to_right a.hover .img {
    -webkit-transform: translateX(100%) rotate(180deg);
    -moz-transform: translateX(100%) rotate(180deg);
    -ms-transform: translateX(100%) rotate(180deg);
    -o-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg)
}

.ih-item.square.effect14.right_to_left .img {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}

.ih-item.square.effect14.right_to_left a:hover .img,
.ih-item.square.effect14.right_to_left a.hover .img {
    -webkit-transform: translateX(-100%) rotate(-180deg);
    -moz-transform: translateX(-100%) rotate(-180deg);
    -ms-transform: translateX(-100%) rotate(-180deg);
    -o-transform: translateX(-100%) rotate(-180deg);
    transform: translateX(-100%) rotate(-180deg)
}

.ih-item.square.effect14.top_to_bottom .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect14.top_to_bottom a:hover .img,
.ih-item.square.effect14.top_to_bottom a.hover .img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ih-item.square.effect14.bottom_to_top .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ih-item.square.effect14.bottom_to_top a:hover .img,
.ih-item.square.effect14.bottom_to_top a.hover .img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ih-item.square.effect15 {
    overflow: hidden;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px
}

.ih-item.square.effect15.colored .info {
    background: #1a4a72
}

.ih-item.square.effect15 .img {
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.ih-item.square.effect15 .info {
    background: #333;
    opacity: 0;
    -webkit-transition: all .35s ease-in-out .3s;
    -moz-transition: all .35s ease-in-out .3s;
    transition: all .35s ease-in-out .3s
}

.ih-item.square.effect15 .info h4 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0
}

.ih-item.square.effect15 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
    text-align: center
}

.ih-item.square.effect15 a:hover .img,
.ih-item.square.effect15 a.hover .img {
    opacity: 0;
    visibility: hidden
}

.ih-item.square.effect15 a:hover .info,
.ih-item.square.effect15 a.hover .info {
    visibility: visible;
    opacity: 1
}

.ih-item.square.effect15.left_to_right .img {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.ih-item.square.effect15.left_to_right .info {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.ih-item.square.effect15.left_to_right a:hover .img,
.ih-item.square.effect15.left_to_right a.hover .img {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

.ih-item.square.effect15.left_to_right a:hover .info,
.ih-item.square.effect15.left_to_right a.hover .info {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.ih-item.square.effect15.right_to_left .img {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.ih-item.square.effect15.right_to_left .info {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.ih-item.square.effect15.right_to_left a:hover .img,
.ih-item.square.effect15.right_to_left a.hover .img {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.ih-item.square.effect15.right_to_left a:hover .info,
.ih-item.square.effect15.right_to_left a.hover .info {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.ih-item.square.effect15.top_to_bottom .img {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.ih-item.square.effect15.top_to_bottom .info {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ih-item.square.effect15.top_to_bottom a:hover .img,
.ih-item.square.effect15.top_to_bottom a.hover .img {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg)
}

.ih-item.square.effect15.top_to_bottom a:hover .info,
.ih-item.square.effect15.top_to_bottom a.hover .info {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.ih-item.square.effect15.bottom_to_top .img {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ih-item.square.effect15.bottom_to_top .info {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.ih-item.square.effect15.bottom_to_top a:hover .img,
.ih-item.square.effect15.bottom_to_top a.hover .img {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}

.ih-item.square.effect15.bottom_to_top a:hover .info,
.ih-item.square.effect15.bottom_to_top a.hover .info {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.hoverCubeShow:hover .thumb,
.hoverCubeShow .folioShowBlock {
    transform: translateZ(-32px) rotateY(180deg);
    animation-duration: .4s;
    animation-name: rotateOut;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-transform: translateZ(-32px) rotateY(180deg);
    -webkit-animation-duration: .4s;
    -webkit-animation-name: rotateOut;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards
}

.hoverCubeShow .thumb,
.hoverCubeShow:hover .folioShowBlock {
    animation-duration: .6s;
    animation-name: rotateIn;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .6s;
    -webkit-animation-name: rotateIn;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards
}

@keyframes rotateIn {
    0 {
        opacity: 0;
        transform: translateZ(-100px) translateX(0) rotateY(180deg)
    }

    1% {
        transform: translateZ(-100px) rotateY(-180deg)
    }

    50% {
        opacity: .5;
        z-index: 1;
        transform: translateZ(-50px) translateX(-50px) rotateY(-90deg)
    }

    100% {
        opacity: 1;
        z-index: 1;
        transform: translateZ(0) translateX(0) rotateY(0)
    }
}

@keyframes rotateOut {
    0 {
        opacity: 1;
        transform: translateZ(0) translateX(0) rotateY(0)
    }

    50% {
        opacity: .5;
        z-index: 0;
        transform: translateZ(-50px) translateX(50px) rotateY(90deg)
    }

    100% {
        opacity: 0;
        z-index: 0;
        transform: translateZ(-100px) translateX(0) rotateY(180deg)
    }
}

@-webkit-keyframes rotateIn {
    0 {
        opacity: 0;
        -webkit-transform: translateZ(-100px) translateX(0) rotateY(180deg)
    }

    1% {
        -webkit-transform: translateZ(-100px) rotateY(-180deg)
    }

    50% {
        opacity: .5;
        z-index: 1;
        -webkit-transform: translateZ(-50px) translateX(-50px) rotateY(-90deg)
    }

    100% {
        opacity: 1;
        z-index: 1;
        -webkit-transform: translateZ(0) translateX(0) rotateY(0)
    }
}

@-webkit-keyframes rotateOut {
    0 {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0) rotateY(0)
    }

    50% {
        opacity: .5;
        z-index: 0;
        -webkit-transform: translateZ(-50px) translateX(50px) rotateY(90deg)
    }

    100% {
        opacity: 0;
        z-index: 0;
        -webkit-transform: translateZ(-100px) translateX(0) rotateY(180deg)
    }
}

/* video */

/* Scroll to top */
#toTop {
  bottom: 20px;
  right: 20px;
  display: none;

width: 49px;
height: 49px;
border: 1px solid #ddd;

  overflow: hidden;
  position: fixed;
  text-decoration: none;
  z-index: 9999;
  font-size: 0;
  background-color: #fff;
}

#toTop:after {
  content: '\e80b';
  font-size: 22px;
  line-height: 49px;
  font-family: 'fontello';
  text-align: center;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#toTop:active, #toTop:focus {
  outline: medium none;
}

/* 12. Registration and Login popups
-------------------------------------------------------------- */
.mfp-wrap {
    margin-top: 30px
}

.mfp-bottom-bar {
    margin-top: -70px !important;
    background-color: rgba(0,0,0,0.5);
    padding: 6px 0;
    min-height: 18px
}

.mfp-bottom-bar .mfp-title,
.mfp-bottom-bar .mfp-counter {
    color: #fff
}

.mfp-bottom-bar .mfp-title {
    padding: 0 40px 0 12px
}

.mfp-bottom-bar .mfp-counter {
    top: 6px;
    right: 12px
}

.user-popUp {
    position: relative;
    background: #FFF;
    padding: 0;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
    border: 1px solid #ddd
}

.user-popUp .sc_tabs {
    margin: 0
}

.user-popUp .mfp-close {
    display: none
}

.user-popUp ul.loginHeadTab {
    height: 75px;
    padding: 0;
    margin: 0
}

.user-popUp ul.loginHeadTab:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

.user-popUp ul.loginHeadTab li {
    list-style: none;
    display: block;
    background-color: #fafafa;
    width: 50%;
    float: left;
    white-space: nowrap
}

.user-popUp ul.loginHeadTab li a {
    display: block;
    height: 74px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ddd;
    color: #a2a7b4;
    font-size: 23px;
    text-align: center;
    line-height: 74px;
    font-weight: 300;
    overflow: hidden;
    text-decoration: none !important;
}

.user-popUp ul.loginHeadTab li a:hover,
.user-popUp ul.loginHeadTab li a:focus {text-decoration: none !important;}

.user-popUp ul.loginHeadTab li a:before {
    font-family: "rt-icons";
    display: inline-block;
    padding: 0 10px 0 0;
    font-size: 14px;
    line-height: 14px
}

.user-popUp ul.loginHeadTab li a.loginFormTab:before {
    content: '\e6de'
}

.user-popUp ul.loginHeadTab li a.registerFormTab:before {
    content: '\e6ae'
}

.user-popUp ul.loginHeadTab li+li a {
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #ddd
}

.user-popUp ul.loginHeadTab li.ui-tabs-active {
    background-color: #fff;
    position: relative
}

.user-popUp ul.loginHeadTab li.ui-tabs-active:before {
    content: '';
    height: 4px;
    display: block;
    width: 100%;
    position: absolute;
    /*left: 1px;*/
    top: -1px;
    padding: 0 2px 0 0;
    z-index: 1050
}

.user-popUp ul.loginHeadTab li+li.ui-tabs-active:before {
    left: 0;
    padding: 0 1px 0 0
}

.user-popUp ul.loginHeadTab li.ui-tabs-active a {
    border-bottom-color: #fff;
    color: #4d5770
}

.user-popUp .formItems {
    padding: 40px
}

.user-popUp .formItems form {
    padding: 0;
    margin: 0;
    position: relative
}

.user-popUp .formItems:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

.user-popUp .formItems .itemformRight {
    float: left;
    width: 50%
}

.user-popUp .formItems .itemformLeft {
    float: left;
    width: 50%
}

.user-popUp .formItems.loginFormBody {
    margin: 0 -1px 0 0
}

.user-popUp .formItems.loginFormBody .itemformLeft {
    border-right: 1px solid #ddd
}

.user-popUp .formItems.loginFormBody .itemformLeft ul {
    padding: 0 30px 0 0
}

.user-popUp .formItems.loginFormBody .itemformRight {
    margin: 0 -1px 0 0
}

.user-popUp .formItems.loginFormBody .itemformRight ul {
    padding: 0 0 0 30px
}

.user-popUp .formItems.registerFormBody .itemformLeft ul {
    padding: 0 2px 0 0
}

.user-popUp .formItems.registerFormBody .itemformRight ul {
    padding: 0 0 0 2px
}

.user-popUp .formItems.loginFormBody .remember {
    color: #99a2ac;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    padding: 20px 0 30px;
}

.user-popUp .formItems.loginFormBody .remember #rememberme {
    float: left;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 0
}

.user-popUp .formItems.loginFormBody .remember label {
    float: left;
    vertical-align: middle
}

.user-popUp .formItems.loginFormBody .remember .forgotPwd {
    float: right
}

.user-popUp .formItems.loginFormBody .remember .forgotPwd:hover {
    color: #888
}

.user-popUp .formItems.registerFormBody .i-agree {
    color: #99a2ac;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    padding: 20px 0 30px;
}

.user-popUp .formItems.registerFormBody .i-agree #i-agree {
    float: left;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 0
}

.user-popUp .formItems.registerFormBody .i-agree label {
    float: left;
    vertical-align: middle
}

.user-popUp .formItems.registerFormBody .i-agree a {
    display: inline-block;
    margin: 0 0 0 5px
}

.user-popUp .formItems.registerFormBody .i-agree a:hover {
    color: #888
}

.user-popUp .formItems.loginFormBody .itemformRight {
    font-size: 12px
}

.user-popUp .formItems.registerFormBody .itemformRight .formDescription {
    font-size: 10px;
    padding-left: 20px
}

.user-popUp .formItems .formList .loginSoc {
    padding: 20px 0 55px;
    height: 32px;
}

.user-popUp .formItems .formList .loginSoc .iconLogin {
    width: 32px;
    height: 32px;
    display: block;
    float: left;
    background: #000
}

.user-popUp .formItems .formList .loginSoc .iconLogin+.iconLogin {
    margin: 0 0 0 5px
}

.user-popUp .formItems .formList .loginSoc .iconLogin.fb {
    background-color: #3b5998;
    color: #ced5e5
}

.user-popUp .formItems .formList .loginSoc .iconLogin.tw {
    background-color: #00acee;
    color: #bfeafb
}

.user-popUp .formItems .formList .loginSoc .iconLogin.gg {
    background-color: #dd4b39;
    color: #f6d2cd
}

.user-popUp .formItems .formList .loginSoc .iconLogin:before {
    font-family: "socialicoregular";
    font-size: 20px;
    width: 32px;
    height: 32px;
    display: block;
    line-height: 32px;
    text-align: center
}

.user-popUp .formItems .formList .loginSoc .iconLogin.fb:before {
    content: 'F'
}

.user-popUp .formItems .formList .loginSoc .iconLogin.tw:before {
    content: 'L'
}

.user-popUp .formItems .formList .loginSoc .iconLogin.gg:before {
    content: 'G'
}

.user-popUp .formItems .formList {
    margin: 0;
    padding: 0
}

.user-popUp .formItems .formList li {
    list-style: none;
    display: block
}

.user-popUp .formItems .formList li input[type="text"],
.user-popUp .formItems .formList li input[type="password"] {
    width: 100%;
    margin: 0 0 3px 0;
    padding: 0 40px 0 15px
}

.user-popUp .formItems .formList li.icon {
    overflow: hidden;
    position: relative
}

.user-popUp .formItems .formList li.icon:before {
    width: 36px;
    height: 26px;
    position: absolute;
    top: 50%;
    margin: -14px 0 0 0;
    right: 1px;
    display: block;
    z-index: 1;
    line-height: 26px;
    text-align: center;
    font-family: "rt-icons";
    border-left: 1px solid #e3e3e3;
    opacity: 1
}

.user-popUp .formItems .formList li input[type="text"],
.user-popUp .formItems .formList li input[type="password"],
.user-popUp .formItems .formList li.icon:before,
.user-popUp .formItems .formList li .sendEnter {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.user-popUp .formItems .formList li.icon.iconFocus:before {
    width: 0;
    right: -5px;
    content: ''
}

.user-popUp .formItems .formList li.icon.formLogin:before {
    content: '\e6e6'
}

.user-popUp .formItems .formList li.icon.formUser:before {
    content: '\e6dd'
}

.user-popUp .formItems .formList li.icon.formPass:before {
    content: '\e6f7'
}

.user-popUp .formItems .formList li .sendEnter {
    display: block;
    text-decoration: none;
    border: 1px solid #ddd;
    height: 38px;
    line-height: 38px;
    padding 0 9px;color: #777;
    font-size: 14px;
    cursor: pointer;
    font-weight: 300;
    text-align: center;
}

.user-popUp .formItems .formList li .sendEnter:hover {
    background-color: #323232;
    color: #fff;
    border-color: #323232
}

.user-popUp .formItems .result p {
    padding: 0
}

.user-popUp #loginForm .result {
    position: absolute;
    top: 0;
    left: 0;
    width: 195px;
    height: 45px;
    z-index: 3000;
    display: none
}

.user-popUp #registerForm .result {
    position: absolute;
    top: 0;
    left: 0;
    width: 485px;
    height: 45px;
    z-index: 3000;
    display: none
}

/* 13. Third part plugins
------------------------------------------------------------------------------------ */
/* Google conversion */
iframe[name="google_conversion_frame"] {height: 1px; min-height: 0; display: none }

/* Woocommerce */
.wooc_demo_icons {
    float: left;
    width: 24%;
    text-align: center;
    /*margin-bottom: 50px*/
}

.wooc_demo_icons+.wooc_demo_icons {
    width: 25%;
    border-left: 1px solid #ddd
}

.wooc_demo_icons .sc_icon {
    margin-bottom: 60px;
    font-size: 72px;
    padding-top: 50px;
}

.wooc_demo_icons a .demo_title{
    font-size: 18px;
    font-weight: 300;
    margin-top: 40px;
    color: #222222;
    text-align: center;
}

.wooc_demo_icons a:hover .demo_title {color: #222222 !important;}

.wooc_demo_icons a .demo_desc{
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    text-align: center;
}
.woocommerce ul.products li.product .button {margin-top: 0;}
.woocommerce .product .cart .quantity,
.woocommerce .shop_table.cart .cart_item .quantity {position: relative;}
.woocommerce .product .cart .quantity input,
.woocommerce .shop_table.cart .cart_item .quantity input {position: relative; left: 0; top: 0px; border-width: 2px; font-size: 13px; line-height: 25px;}

.woocommerce .widget_price_filter .price_slider_amount input {border: 0;background-color: transparent; max-width: 110px;color: initial;}
.woocommerce ul.products,
.woocommerce-page ul.products {margin-right: 0 !important;}
.woocommerce .shop_mode_list .product .item_wrapper .description span {color: #252525;}
.woocommerce .shop_mode_list ul.products li.product:last-child,
.woocommerce-page .shop_mode_list ul.products li.product:last-child {margin-bottom: 0;}
.woocommerce .shipping-calculator-form {display: none;}
.woocommerce .cart-collaterals tr {vertical-align: baseline;}
.woocommerce .cart-collaterals .cart_totals th {width: 80px;}
.woocommerce .cart-collaterals .shipping {border-top: 1px solid #ebe9eb;border-bottom: 1px solid #ebe9eb;}
.woocommerce .cart-collaterals .shipping .woocommerce-shipping-calculator {margin-top: 5px;}
.woocommerce .cart-collaterals .wc-proceed-to-checkout {margin-top: 15px;}

/* 14. Predefined classes for users
-------------------------------------------------------------- */
.textured {
    background-position: center center
}

.bg_color_1 {
    color:#ffffff;
    background-color:#f4c119;
    background-image:url(../img/bg/texture_2.png);
    opacity:0.9;
}

.texture_bg_1 {
    background-image: url(../../custom_tools/img/texture_1.png)
}

.texture_bg_2 {
    background-image: url(../../custom_tools/img/texture_2.png)
}

.texture_bg_3 {
    background-image: url(../../custom_tools/img/texture_3.png)
}

.texture_bg_4 {
    background-image: url(../../custom_tools/img/texture_4.png)
}

.texture_bg_5 {
    background-image: url(../../custom_tools/img/texture_5.png)
}

.texture_bg_6 {
    background-image: url(../../custom_tools/img/texture_6.png)
}

.texture_bg_7 {
    background-image: url(../../custom_tools/img/texture_7.png)
}

.texture_bg_8 {
    background-image: url(../../custom_tools/img/texture_8.png)
}

.texture_bg_9 {
    background-image: url(../../custom_tools/img/texture_9.png)
}

.texture_bg_10 {
    background-image: url(../../custom_tools/img/texture_10.png)
}

.texture_bg_11 {
    background-image: url(../../custom_tools/img/texture_11.png)
}

.texture_bg_12 {
    background-image: url(../../custom_tools/img/texture_12.png)
}

.bg_pattern_1 {
    background: url(../custom_tools/img/pattern_1.png) 50% 50% repeat fixed
}

.bg_pattern_2 {
    background: url(../custom_tools/img/pattern_2.png) 50% 50% repeat fixed
}

.bg_pattern_3 {
    background: url(../custom_tools/img/pattern_3.png) 50% 50% repeat fixed
}

.bg_pattern_4 {
    background: url(../custom_tools/img/pattern_4.png) 50% 50% repeat fixed
}

.bg_pattern_5 {
    background: url(../custom_tools/img/pattern_5.png) 50% 50% repeat fixed
}

.bg_pattern_6 {
    background: url(../custom_tools/img/pattern_6.png) 50% 50% repeat fixed
}

.bg_pattern_7 {
    background: url(../custom_tools/img/pattern_7.png) 50% 50% repeat fixed
}

.bg_pattern_8 {
    background: url(../custom_tools/img/pattern_8.png) 50% 50% repeat fixed
}

.bg_pattern_9 {
    background: url(../custom_tools/img/pattern_9.png) 50% 50% repeat fixed
}

.bg_pattern_0 {
    background: url(../custom_tools/img/pattern_0.png) 50% 50% repeat fixed
}

.bg_image_1 {
    background: url(../custom_tools/img/image_1.jpg) 50% 0 repeat-y fixed
}

.bg_image_2 {
    background: url(../custom_tools/img/image_2.jpg) 50% 0 repeat-y fixed
}

.bg_image_3 {
    background: url(../custom_tools/img/image_3.jpg) 50% 0 repeat-y fixed
}

.bg_image_4 {
    background: url(../custom_tools/img/image_4.jpg) 50% 0 repeat-y fixed
}

.bg_image_5 {
    background: url(../custom_tools/img/image_5.jpg) 50% 0 repeat-y fixed
}

.bg_image_6 {
    background: url(../custom_tools/img/image_6.jpg) 50% 0 repeat-y fixed
}

.rad4,
.topWrap .topMenuStyleFon>ul>li>a,
.topWrap .topMenuStyleFon>ul>li ul,
.postSharing>ul>li,
.postSharing>ul>li>a,
.postSharing>ul>li>span,
.mejs-container .mejs-controls,
.mejs-container .mejs-controls .mejs-time-rail span,
.mejs-container .mejs-controls .mejs-horizontal-volume-slider>div,
.pagination>ul>li>a,
.pagination .pageLibrary li.libPage .navInput,
.pagination .pageLibrary>li.libPage>.pageFocusBlock,input[type="submit"],input[type="button"],
.squareButton>span,
.squareButton>a,
.nav_pages_parts span,
.nav_comments a,
.nav_comments span,
.comments_list a.comment-edit-link,
.topWrap .search .ajaxSearchResults,input[type="text"],input[type="password"],textarea,
.sc_infobox,
.sc_tabs_style_1 .sc_tabs_content+.sc_tabs_content,
.masonry article .status,
.sc_skills_bar .sc_skills_item,
.sc_skills_bar .sc_skills_item .sc_skills_count,
.reviewBlock .infoTotal,#toTop,
.sc_skills_counter .sc_skills_item.sc_skills_style_3 .sc_skills_count,
.sc_testimonials_style_1 .sc_testimonials_item_quote,
.sc_testimonials_style_2 .sc_testimonials_items,
.sc_testimonials_style_3 .sc_testimonials_items,
.sc_testimonials_style_2 .flex-direction-nav li,
.sc_testimonials_style_3 .flex-direction-nav li,
.sc_scroll_bar .swiper-scrollbar-drag:before,
.sc_tabs_style_2 .sc_tabs_titles li a,
.sc_slider_pagination_area .flex-control-nav.manual .slide_date,
.user-popUp .formItems .formList li .sendEnter,
.user-popUp .formItems .formList .loginSoc .iconLogin,
.widgetWrap .tagcloud a,
.widgetTabs .widgetTop .tagcloud a,#toc .toc_description {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.topWrap .topMenuStyleFon>ul>li.sfHover>a,
.postSharing>ul>li.share>a.selected,
.postSharing>ul>li.share>span.selected,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:first-child .sc_accordion_title,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:first-child .sc_accordion_title a,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:first-child,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:first-child .sc_accordion_title,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:first-child .sc_accordion_title a,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:first-child,
.sc_toggles.sc_toggles_style_1 .sc_toggles_item:first-child .sc_toggles_title,
.sc_toggles.sc_toggles_style_1 .sc_toggles_item:first-child,
.sc_toggles.sc_toggles_style_3 .sc_toggles_item:first-child .sc_toggles_title,
.sc_toggles.sc_toggles_style_3 .sc_toggles_item:first-child,
.sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_count {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

.topWrap .topMenuStyleFon>ul>li.sfHover>a,
.postSharing>ul>li.share>a.selected,
.postSharing>ul>li.share>span.selected,
.postSharing>ul>li.share>ul.shareDrop,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:first-child .sc_accordion_title,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:first-child .sc_accordion_title a,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:first-child,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:first-child .sc_accordion_title,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:first-child .sc_accordion_title a,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:first-child,
.sc_toggles.sc_toggles_style_1 .sc_toggles_item:first-child .sc_toggles_title,
.sc_toggles.sc_toggles_style_1 .sc_toggles_item:first-child,
.sc_toggles.sc_toggles_style_3 .sc_toggles_item:first-child .sc_toggles_title,
.sc_toggles.sc_toggles_style_3 .sc_toggles_item:first-child,
.sc_tabs_style_1 .sc_tabs_content,
.sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_count {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.postSharing>ul>li.share>ul.shareDrop,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child .sc_accordion_content,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child .sc_accordion_title,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child .sc_accordion_title a,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child .sc_accordion_title,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child .sc_accordion_title a,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child .sc_accordion_content,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child,
.sc_toggles.sc_toggles_style_1 .sc_toggles_item:last-child .sc_toggles_title,
.sc_toggles.sc_toggles_style_1 .sc_toggles_item:last-child .sc_toggles_content,
.sc_toggles.sc_toggles_style_1 .sc_toggles_item:last-child,
.sc_toggles.sc_toggles_style_3 .sc_toggles_item:last-child .sc_toggles_title,
.sc_toggles.sc_toggles_style_3 .sc_toggles_item:last-child .sc_toggles_content,
.sc_toggles.sc_toggles_style_3 .sc_toggles_item:last-child,
.sc_tabs_style_1 .sc_tabs_content,
.sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info,
.sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info:before {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.postSharing>ul>li.share>ul.shareDrop,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child .sc_accordion_content,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child .sc_accordion_title,
.sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child .sc_accordion_title a,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child .sc_accordion_title,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child .sc_accordion_title a,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child .sc_accordion_content,
.sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child,
.sc_toggles.sc_toggles_style_1 .sc_toggles_item:last-child .sc_toggles_title,
.sc_toggles.sc_toggles_style_1 .sc_toggles_item:last-child .sc_toggles_content,
.sc_toggles.sc_toggles_style_1 .sc_toggles_item:last-child,
.sc_toggles.sc_toggles_style_3 .sc_toggles_item:last-child .sc_toggles_title,
.sc_toggles.sc_toggles_style_3 .sc_toggles_item:last-child .sc_toggles_content,
.sc_toggles.sc_toggles_style_3 .sc_toggles_item:last-child,
.sc_tabs_style_1 .sc_tabs_content,
.sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info,
.sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info:before {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.sc_border .sc_zoom,
.sc_border .slides,
.mejs-container .mejs-controls .mejs-time-rail span.mejs-time-float,
.reviewBlock .ratingItem .ratBubble {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.sc_table,
.sc_pricing_table,
.sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.sc_table table tr:first-child th:first-child,
.sc_table table tr:first-child td:first-child,
.sc_pricing_table .sc_pricing_columns:first-child ul li:first-child,
.sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li:first-child,
.sc_pricing_table .sc_pricing_columns:first-child ul,
.sc_pricing_table .sc_pricing_columns:first-child ul li.sc_pricing_title_img img,
.tabsButton ul li,
.tabsButton ul li a:before,
.sc_tabs_style_1 .sc_tabs_titles li.active a {
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px
}

.sc_table table tr:first-child th:last-child,
.sc_table table tr:first-child td:last-child,
.sc_pricing_table .sc_pricing_columns:last-child ul li:first-child,
.sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li:first-child,
.sc_pricing_table .sc_pricing_columns:last-child ul,
.sc_pricing_table .sc_pricing_columns:last-child ul li.sc_pricing_title_img img,
.tabsButton ul li,
.tabsButton ul li a:before,
.sc_tabs_style_1 .sc_tabs_titles li.active a {
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

.sc_table table tr:last-child th:first-child,
.sc_table table tr:last-child td:first-child,
.sc_pricing_table .sc_pricing_columns:first-child ul li:last-child,
.sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li:last-child,
.sc_pricing_table .sc_pricing_columns:first-child ul {
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.sc_table table tr:last-child th:last-child,
.sc_table table tr:last-child td:last-child,
.sc_pricing_table .sc_pricing_columns:last-child ul li:last-child,
.sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li:last-child,
.sc_pricing_table .sc_pricing_columns:last-child ul {
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.radCircle,
.zoomLens,
.zoomLens:before,
.sc_video_player .sc_video_play_button:after,
.mejs-controls .mejs-button button,
.roundButton a,
.sc_accordion .sc_accordion_item .sc_accordion_title a:before,
.sc_toggles .sc_toggles_item .sc_toggles_title:before,
.masonry .slides .rsBullets .rsNavItem,
.rsBullets .rsBullet,
.hoverIncrease .hoverIcon,
.itemPageFull .itemDescriptionWrap .toggleButton,
.author .avatar img,
.comments .commBody li.commItem .avatar img,
.sc_blogger.style_date .load_more:before,
.menuSearch,
.searchBlock,
.twitBlock .sc_slider .flex-direction-nav li a:before,
.sc_testimonials .sc_testimonials_item_author .sc_testimonials_item_avatar img,
.sc_testimonials .sc_testimonials_item_author .sc_testimonials_item_avatar,
.sc_testimonials .flex-direction-nav a,
.sc_scroll_controls .flex-direction-nav a,
.pagination .flex-direction-nav a,
.sc_dropcaps.sc_dropcaps_style_2 .sc_dropcap,
.sc_dropcaps.sc_dropcaps_style_5 .sc_dropcap,
.sc_title_bg.sc_bg_circle:before,
.sc_blogger.style_date .sc_blogger_item .sc_blogger_date,
.openRightMenu,
.topWrap .search,
.topWrap .search:before,ul.sc_list_style_disk li:before,
.sc_timeline ul.flex-direction-nav [class*="swiper-button-"] {
    -webkit-border-radius: 1000px !important;
    -moz-border-radius: 1000px !important;
    border-radius: 1000px !important
}

.imgNav .itemPrev:before,
.imgNav .itemNext:before,
.imgNav .itemPrev .itInf,
.imgNav .itemNext .itInf {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}


.postSharing a,
.postSharing a:hover,
ul>li.like>a>span.likePost:before,
ul>li.likeActive>a>span.likePost:before,
ul>li.like>a:hover>span.likePost:before,
ul>li.likeActive>a:hover>span.likePost:before,
.sc_video_player .sc_video_play_button:after,
.sc_video_player:hover .sc_video_play_button:after,
.sc_video_player:active .sc_video_play_button:after,
.mejs-controls .mejs-playpause-button button,
.mejs-controls .mejs-playpause-button button:hover,
.mejs-container .mejs-controls .mejs-volume-button button,
.mejs-container .mejs-controls .mejs-volume-button button:hover,
.roundButton a,
.roundButton a:hover,input[type="submit"],input[type="button"],
.squareButton>a,
.squareButton>a:hover,
.nav_pages_parts>a>span,
.nav_comments>a,
.comments_list a.comment-edit-link,
.hoverIncrease .hoverIcon,
.hoverIncrease .hoverShadow,
.sc_team .sc_team_item,
.sc_team .sc_team_item .sc_team_item_avatar,
.sc_team .sc_team_item .sc_team_item_socials,
.sc_team .sc_team_item:hover .sc_team_item_avatar:after,
.sc_team .sc_team_item:hover .sc_team_item_avatar .sc_team_item_description,
.footerWidget .flickr_badge_image a:before,
.footerWidget .instagram_badge_image a:before,
.footerWidget .flickr_images>a:before,
.footerWidget .instagram-pics li a:before,
.reviewBlock .ratingItem .ratBubble,
.topWrap .topMenuStyleLine>ul>li ul li a,
.twitBlock .sc_slider .flex-direction-nav li a:before,
.sc_testimonials .flex-direction-nav a,
.sc_scroll_controls .flex-direction-nav a,
.pagination .flex-direction-nav a,
.pagination .flex-direction-nav a:hover,
.pagination .flex-direction-nav a:active,
body.boxed,
body.boxed .boxedWrap,
.openRightMenu:before,
.topWrap .search:not(.searchOpen):before,
.fullScreenSlider>header:first-child>.topWrap,
.fullScreenSlider .sliderHomeBullets .order a,
.widgetWrap .tagcloud a,
.sc_timeline ul.flex-direction-nav [class*="swiper-button-"] {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.contactFooter .contactShare ul li a:hover span,
.sc_team .sc_team_item .sc_team_item_socials li a:hover span,
.socPage li a:hover span {
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

/* buttons */
.squareButton {
    margin-top: 1px
}

.roundButton.border>a,
.squareButton.border>a {
    background: 0
}

.roundButton.border:hover>a,
.squareButton.border>a:hover,
.squareButton.global>a:hover {
    color: #fff
}
.roundButton+.roundButton {
    margin-left: 12px
}

.roundButton,
.pagination .pageLibrary>li.libPage>.pageFocusBlock.navPadding .rsArrow {
    list-style: none;
    width: 37px;
    height: 37px
}

.roundButton a,
.pagination .pageLibrary>li.libPage>.pageFocusBlock.navPadding .rsArrow .rsArrowIcn {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    font-size: 18px
}

.roundButton a:before,
.sc_scroll_controls .flex-direction-nav a:before,
.sc_testimonials .flex-direction-nav a:before,
.pagination .flex-direction-nav a:before {font-family: "fontello";
    font-style: normal;
    font-weight: normal
}

.sc_scroll_controls .flex-direction-nav a:hover,
.sc_testimonials_style_1 .flex-direction-nav a:hover,
.sc_testimonials_style_1 .flex-direction-nav a:active,
.pagination .flex-direction-nav a:hover,
.pagination .flex-direction-nav a:active,
.roundButton a:hover,
.roundButton a:active,

.roundButton a:active,
.sc_scroll_controls .flex-direction-nav a:active,
.sc_testimonials .flex-direction-nav a:active,
.pagination .flex-direction-nav a:active {
    color: #fff !important
}

.roundButton.left a:before,
.sc_scroll_controls_horizontal .flex-direction-nav a.flex-prev:before,
.sc_testimonials .flex-direction-nav a.flex-prev:before,
.pagination .flex-direction-nav a.flex-prev:before,
.sc_testimonials_style_1 .flex-direction-nav .swiper-button-prev3:before {
    content: '\e811';
    line-height: 2;
    margin-right: 1px;
}

.roundButton.right a:before,
.sc_scroll_controls_horizontal .flex-direction-nav a.flex-next:before,
.sc_testimonials .flex-direction-nav a.flex-next:before,
.pagination .flex-direction-nav a.flex-next:before,
.sc_testimonials_style_1 .flex-direction-nav .swiper-button-next3:before {
    content: '\e812';
    margin-left: 3px;
    line-height: 2;
}

.prevMonth .roundButton.right a:before,
.nextMonth .roundButton.right a:before {
    display: block;
    margin-top: -1px;    
}

.nextMonth .roundButton.right a:before {
    margin-left: 2px;
}

.sc_scroll_controls_vertical .flex-direction-nav a.flex-prev:before,
.roundButton.up a:before {
    content: '\e861'
}

.sc_scroll_controls_vertical .flex-direction-nav a.flex-next:before,
.roundButton.down a:before {
    content: '\e856'
}

.roundButton.big {
    width: 50px;
    height: 50px
}

.roundButton.big a {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 26px
}

.nav_pages_parts {
    margin-bottom: 30px
}

.nav_pages_parts span+span {
    margin: 0 0 0 7px
}

.nav_pages_parts span {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    padding: 0 10px
}

.nav_pages_parts span.pages {
    text-align: left;
    padding-left: 0
}

.nav_pages_parts span:not(.pages) {
    border: 1px solid #ddd
}

.nav_pages_parts>span.page_num {
    color: #fff
}

.nav_comments a+a,
.nav_comments a+span,
.nav_comments span+a {
    margin: 0 0 0 7px
}

.nav_comments a,
.nav_comments span,
.comments_list li.trackback a.comment-edit-link {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    padding: 0 10px
}

.nav_comments a,
.nav_comments span,
.comments_list li.trackback a.comment-edit-link {
    border: 1px solid #ddd
}

.nav_comments>span.current {
    color: #fff
}

.comments_list li.trackback {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

.comments_list li.trackback p {
    font-style: italic;
    padding-bottom: 10px
}

.comments_list li.trackback p a {
    font-style: normal
}

.comments_list li.trackback a.comment-edit-link {
    vertical-align: baseline;
    margin-left: 20px
}

.squareButton+.squareButton {
    margin: 0 0 0 7px
}


.squareButton.mini {
    height: 26px
}

.squareButton.big {
    height: 40px
}

.squareButton.huge {
    height: 50px
}

.squareButton.banner {
    height: 90px
}

.squareButton.fullSize {
    display: block;
    text-align: center;
    padding-top: 1px;
    margin: 0;
    clear: both
}

.squareButton.fullSize.ico a:before {
    display: inline-block;
    float: none
}



.squareButton.mini>a,
.squareButton.mini>span {
    height: 24px;
    line-height: 24px;
    font-size: 14px
}

.squareButton.big>a,
.squareButton.big>span {
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    padding: 0 20px 0 15px
}

.squareButton.huge>a,
.squareButton.huge>span {
    height: 48px;
    line-height: 48px;
    font-size: 23px;
    padding: 0 30px 0 25px
}

.squareButton.banner>a,
.squareButton.banner>span {
    height: 88px;
    line-height: 88px;
    font-size: 23px;
    padding: 0 30px 0 25px
}

.squareButton.dark>a,
.squareButton.dark>span {
    background-color: #323232;
    color: #fff;
    border-color: #323232
}

.squareButton.global>a,
.squareButton.global>span {
    color: #fff
}

.squareButton.ico>a:after,
.squareButton.ico>a:before {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    display: block
}

.squareButton.mini>a:after,
.squareButton.mini>a:before {
    height: 24px;
    line-height: 24px
}

.squareButton.big>a:after,
.squareButton.big>a:before {
    height: 38px;
    line-height: 38px
}

.squareButton.huge>a:after,
.squareButton.huge>a:before {
    height: 48px;
    line-height: 48px
}

.squareButton.banner>a:after,
.squareButton.banner>a:before {
    height: 88px;
    line-height: 88px
}

.squareButton.ico>a:before {
    padding: 0 9px 0 0;
    float: left
}

.squareButton.ico>a:after {
    padding: 0 0 0 9px;
    display: inline-block;
    float: none
}

.squareButton>a:active {
    color: #fff !important
}

.squareButton.dark>a:active {
    color: #fff
}

.squareButton.global>a:active {
    background-color: #323232;
    border-color: #323232
}

.squareButton.ui-state-active>a:hover,
.squareButton.ui-state-active>a,
.squareButton.active>a:hover,
.squareButton.active>a,
.squareButton.active>span {
    color: #fff;
    cursor: default;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.squareButton>span {
    cursor: default
}

.squareButton>a.selected:hover,
.squareButton>a.selected:active {
    border: 1px solid #ddd;
    color: #777;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.squareButton.ico.more>a:before {
    content: '\e850'
}

.squareButton.ico.share>a:before {
    /*content: '\e835'*/
}

.squareButton.ico.view>a:before {
    content: '\e82a';
}

.squareButton.ico.comm>a:before {
    content: '\f075';
}

.squareButton.ico.left>a:before {
    content: '\f060';
    font-size: 11px;
    margin-top: 1px;
    float: left;
}

.squareButton.ico.reply>a:before {
    content: '\f086';
}

.squareButton.ico.right>a:after {
    content: '\f061';
    font-size: 11px;
    margin-top: 1px;
    float: right;
}

.squareButtonlite {
    height: 10px;
    margin: 0 10px 15px 0;
    list-style: none;
    display: block;
    float: left
}

.squareButtonlite>a {
    height: 10px;
    line-height: 10px;
    display: block;
    padding: 0 10px;
    color: #888;
    position: relative;
    font-size: 11px;
    cursor: pointer
}


/* 15. Shortcodes
-------------------------------------------------------------- */

/* Accordion
------------- */
.sc_accordion .panel+.panel {margin-top: 0;}
.sc_accordion .panel {-webkit-box-shadow: none; box-shadow: none; border-radius: 0;}

.sc_accordion .sc_accordion_item .sc_accordion_content {
    overflow: hidden;
    /*display: none;*/
    font-weight: 300;
    margin: 0;
}

.sc_accordion .sc_accordion_item .sc_accordion_title {
    text-align: left;
    font-weight: 400;
    padding-bottom: 0;
}

.sc_accordion .sc_accordion_item .sc_accordion_title a {
    font-size: 17px;
}

.sc_accordion .sc_accordion_item .sc_accordion_title a.collapsed:before {
    content: '+';
    font-size: 20px;
    text-indent: 1px;
}

.sc_accordion .sc_accordion_item .sc_accordion_title a:before {
    content: '-';
    font-size: 30px;
    line-height: 22px;
    font-weight: 100;
    text-indent: 0;
    width: 28px;
    height: 28px;
    display: block;
    text-align: center;
    position: absolute
}

.sc_accordion.sc_accordion_style_1 {
    /*margin: 0 0 50px 0;*/
}

.sc_accordion.sc_accordion_style_1 .sc_accordion_item {
    border: 1px solid #ddd
}

.sc_accordion.sc_accordion_style_1 .sc_accordion_item+.sc_accordion_item {
    border-width: 0 1px 1px 1px
}

.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title {
    cursor: pointer;
    position: relative;
}

.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title a {
    padding: 15px 15px 15px 50px;
    display: block;
    color: initial;
    text-decoration: none;
}

.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title a:hover {
    text-decoration: none;
}

.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title a.collapsed {
    color: inherit;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 22%,#f0f0f0 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(22%,#fff),color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top,#fff 22%,#f0f0f0 100%);
    background: -o-linear-gradient(top,#fff 22%,#f0f0f0 100%);
    background: -ms-linear-gradient(top,#fff 22%,#f0f0f0 100%);
    background: linear-gradient(to bottom,#fff 22%,#f0f0f0 100%)
    -webkit-transition: all 0.5s ease;
    -webkit-transition-delay: 0.5s;
}

.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title {
    background: 0;
    color: #222;
    cursor: default
}

.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_content {
    padding: 0 15px 15px 50px
}

.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title a:before {
    border: 1px solid #ddd;
    top: 10px;
    left: 10px
}

.sc_accordion.sc_accordion_style_2 {
    margin: 0 0 50px 0
}

.sc_accordion.sc_accordion_style_2 .sc_accordion_item {
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd
}

.sc_accordion.sc_accordion_style_2 .sc_accordion_item+.sc_accordion_item {
    border-width: 0 0 1px 0
}

.sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title {
    position: relative
}

.sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title a {
    padding: 20px 50px 20px 15px;
    display: block;
    color: initial;
    text-decoration: none;
}

.sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title a:before {
    border: 1px solid #ddd;
    top: 15px;
    right: 10px
}

.sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title a.collapsed {
    color: initial;
}

.sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title a:hover {
    text-decoration: none;
}

.sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_content {
    padding: 0 50px 15px 15px
}


.sc_accordion.sc_accordion_style_3 {
    margin: 0 0 50px 0;
}

.sc_accordion.sc_accordion_style_3 .sc_accordion_item {
    border-width: 1px;
    border-style: solid;
}

.sc_accordion.sc_accordion_style_3 .sc_accordion_item+.sc_accordion_item {
    border-top-color: #fff;
}

.sc_accordion.sc_accordion_style_3 .sc_accordion_item .sc_accordion_title a {
    background: #fff;
    padding: 20px 50px 20px 15px;
    position: relative;
    display: block;
    text-decoration: none;
}

.sc_accordion.sc_accordion_style_3 .sc_accordion_item .sc_accordion_title a:hover {
    text-decoration: none;
}

.sc_accordion.sc_accordion_style_3 .sc_accordion_item .sc_accordion_title a.collapsed {
    color: #fff;
    background-color: transparent;
}

.sc_accordion.sc_accordion_style_3 .sc_accordion_item .sc_accordion_content {
    padding: 15px 50px 15px 15px;
}

.sc_accordion.sc_accordion_style_3 .sc_accordion_item .sc_accordion_title a.collapsed:before {
    border-color: #fff;
}

.sc_accordion.sc_accordion_style_3 .sc_accordion_item .sc_accordion_title a:before {
    border: 1px solid #ddd;
    top: 15px;
    right: 10px;
}

.sc_accordion.sc_accordion_large .sc_accordion_item .sc_accordion_title {
    padding: 30px 50px 30px 15px;
}

.sc_accordion.sc_accordion_large .sc_accordion_item .sc_accordion_title:before {
    top: 30px;
    right: 0;
}

.sc_accordion.sc_accordion_large .sc_accordion_item .sc_accordion_content {
    padding: 0 50px 30px 30px;
}

.sc_accordion.sc_show_counter .sc_accordion_item .sc_accordion_title a{
    font-size: inherit;
    padding-left: 0;
    cursor: pointer;
}

.sc_accordion.sc_show_counter .sc_accordion_item .sc_accordion_title a span.sc_items_counter {
    display: inline-block;
    width: 50px;
}

.sc_accordion.sc_show_counter .sc_accordion_item .sc_accordion_content {
    padding-left: 50px;
}

/* Audio
---------------- */
.audio_container {
    overflow: hidden;
    min-height: 50px;
    padding-top: 15px;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff !important
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: rgba(255,255,255,0.33) !important
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    background: none !important
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    border-color: #eee !important
}

.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{
    background: rgba(255,255,255,
.33);
}

.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #fff;
}

/* Banner
-------------- */
.sc_banner {
    display: block;
    position: relative;
    overflow: hidden
}

.sc_banner:before {
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    opacity: .3;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    -webkit-transform: translate(0,0) scale(1,1);
    -moz-transform: translate(0,0) scale(1,1);
    -o-transform: translate(0,0) scale(1,1);
    -ms-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1)
}

.sc_banner:hover:before {
    -webkit-transform: translate(0,0) scale(0.9,0.9);
    -moz-transform: translate(0,0) scale(0.9,0.9);
    -o-transform: translate(0,0) scale(0.9,0.9);
    -ms-transform: translate(0,0) scale(0.9,0.9);
    transform: translate(0,0) scale(0.9,0.9)
}

.sc_banner .sc_banner_image {
    width: 100%;
    display: block;
    -webkit-transition: all 4s ease-out;
    -moz-transition: all 4s ease-out;
    -ms-transition: all 4s ease-out;
    -o-transition: all 4s ease-out;
    transition: all 4s ease-out;
    -webkit-transform: translate(0,0) scale(1,1);
    -moz-transform: translate(0,0) scale(1,1);
    -o-transform: translate(0,0) scale(1,1);
    -ms-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1)
}

.sc_banner:hover .sc_banner_image {
    -webkit-transform: translate(0,0) scale(1.2,1.2);
    -moz-transform: translate(0,0) scale(1.2,1.2);
    -o-transform: translate(0,0) scale(1.2,1.2);
    -ms-transform: translate(0,0) scale(1.2,1.2);
    transform: translate(0,0) scale(1.2,1.2)
}

.sc_banner .sc_banner_title {
    position: absolute;
    right: 20px;
    font-size: 24px;
    font-weight: 100;
    left: 20px;
    bottom: 50%;
    text-align: center;
    color: #fff;
    z-index: 2
}

.sc_banner .sc_banner_content {
    position: absolute;
    font-size: 14px;
    font-weight: 100;
    right: 20px;
    left: 20px;
    top: 50%;
    text-align: center;
    color: #fff;
    z-index: 2
}

.sc_banner .sc_banner_content:before {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: #fff;
    margin: 10px auto
}

/* Button
-------------- */
.sc_button a {text-decoration: none; outline: 0;}


/* Blogger
-------------- */
.sc_blogger:not(.portfolioWrap) .squareButton>a {
    color: #777
}

.sc_blogger a {
    color: #222
}

.sc_blogger .sc_blogger_title {
    text-align: left
}

.sc_blogger .columnsWrap [class^="columns"] {
    margin-bottom: 30px
}

/* Style 'Date' */
.sc_blogger.sc_blogger_horizontal.style_date [class*="col-"] {width: 20%;}

.sc_blogger.style_date .sc_blogger_item {
    position: relative;
    padding: 0
}

.sc_blogger.style_date .sc_blogger_item:after {
    clear: both;
    height: 0;
    content: '';
    display: block
}

.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item {
    float: left;
}

.sc_blogger.style_date.sc_blogger_horizontal:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item {
    margin: 0 0 50px 0
}

.sc_blogger.style_date .sc_blogger_item:before {
    content: '';
    display: block;
    background: #ddd;
    position: absolute;
    z-index: 1;
}

.sc_blogger.style_date.sc_blogger_vertical .sc_blogger_item:before {
    width: 1px;
    height: 100%;
    left: 40px;
    top: 0
}

.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item:before {
    height: 1px;
    width: 100%;
    left: 0;
    top: 40px
}

.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item.sc_blogger_item_last:before {
    content: none
}

.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item .sc_blogger_date {
    float: none;
    margin: 0 0 20px 0
}

.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item h4 {
    margin: 0 50px 0 0;
}

.sc_blogger.style_date.sc_blogger_horizontal .sc_blogger_item .sc_blogger_info {
    margin: 0 50px 0 0;
}

.sc_blogger.style_date.sc_blogger_vertical .sc_blogger_item+.sc_blogger_item {
    padding: 30px 0 0 0
}

.sc_blogger.style_date .sc_blogger_item .sc_blogger_date {
    width: 78px;
    height: 78px;
    border: 1px solid #ddd;
    float: left;
    position: relative;
    z-index: 2;
    background: #fff;
    text-align: center
}

.sc_blogger.style_date .sc_blogger_item .sc_blogger_date .day_month {
    display: block;
    padding: 17px 0 6px 0;
    font-size: 18px;
    font-weight: 300
}

.sc_blogger.style_date .sc_blogger_item .sc_blogger_date .year {
    display: block;
    font-size: 12px;
    color: #b0b0b0;
    margin: 0 auto
}

.sc_blogger.style_date .sc_blogger_item .sc_blogger_date .year:before {
    width: 33px;
    display: block;
    margin: 0 auto 3px auto;
    content: '';
    height: 1px;
    background-color: #ddd
}

.sc_blogger.style_date .sc_blogger_item h4 {
    margin: 0 0 0 100px;
    padding: 0 0 15px 0
}

.sc_blogger.style_date .sc_blogger_item .sc_blogger_info {
    margin: 0 0 0 100px;
    font-weight: 300
}

.sc_blogger.style_date .sc_blogger_item .sc_blogger_info {
    font-size: 12px;
    font-style: italic
}

.sc_blogger.style_date .sc_blogger_item .sc_blogger_info .separator {
    font-style: normal;
    padding: 0 5px
}

.sc_blogger.style_date .load_more {
    height: 60px;
    position: relative
}

.sc_blogger.style_date .load_more:before {
    width: 28px;
    height: 28px;
    border: 1px solid #ddd;
    background: #fff;
    font-family: "fontello";
    content: '\e823';
    text-align: center;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 24px;
    line-height: 28px
}

.sc_blogger.style_date .load_more:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #ddd;
    position: absolute;
    left: 40px;
    top: 0;
    z-index: 1
}

.sc_blogger.style_accordion .sc_blogger_item {
    padding: 0
}

.sc_blogger.style_accordion .sc_blogger_info {
    margin: 15px 0 0 0;
    font-weight: 300
}

.sc_blogger.style_accordion .sc_blogger_info {
    font-size: 12px;
    font-style: italic
}

.sc_blogger.style_accordion .sc_blogger_info .separator {
    font-style: normal;
    padding: 0 5px
}

.sc_blogger.sc_blogger_vertical.style_regular article:not(.sc_blogger_item_last) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd
}

.sc_blogger.sc_blogger_vertical.style_regular .sc_blogger_title+.reviews_summary {
    padding: 0 0 10px 0;
    margin-right: 25px
}

.sc_blogger.sc_blogger_vertical.style_regular.no_description .reviews_summary {
    float: left
}

.sc_blogger.sc_blogger_vertical.style_regular .sc_blogger_info {
    font-size: 12px;
    line-height: 16px;
    font-style: italic
}

.sc_blogger.sc_blogger_vertical.style_image article:not(.sc_blogger_item_last) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd
}

.sc_blogger.style_image .sc_blogger_title {
    padding: 0 0 15px 0
}

.sc_blogger.style_image .sc_blogger_title+.reviews_summary {
    padding: 0 0 10px 0;
    margin-top: -5px
}

.sc_blogger.style_image.style_image_tiny .reviews_summary {
    margin-left: 22%;
    padding-left: 30px
}

.sc_blogger.style_image.style_image_small .reviews_summary {
    margin-left: 40%;
    padding-left: 30px
}

.sc_blogger.style_image.style_image_medium .reviews_summary {
    margin-left: 50%;
    padding-left: 30px
}

.sc_blogger.style_image .sc_blogger_content {margin-bottom: 10px;}

.sc_blogger.style_image .thumb {
    width: 100%
}

.sc_blogger.style_image .thumb img {
    width: 100%;
    display: block
}

.sc_blogger.style_image.style_image_tiny .thumb {
    width: 22%;
    float: left;
    vertical-align: top;
    margin: 5px 30px 5px 0
}

.sc_blogger.style_image.style_image_small .thumb {
    width: 40%;
    float: left;
    vertical-align: top;
    margin: 5px 30px 5px 0
}

.sc_blogger.style_image.style_image_medium .thumb {
    width: 50%;
    float: left;
    vertical-align: top;
    margin: 5px 30px 5px 0
}

.sc_blogger.style_image.style_image_large .thumb {
    margin: 0 0 20px 0
}

.sc_blogger.style_image .thumb img {
    width: 100%;
    display: block
}

.sc_blogger.style_image .sc_blogger_info {
    margin-top: 20px
}

.sc_blogger .sc_blogger_info .sc_blogger_more {
    float: right;
    margin: -5px 0 0 0
}

.sc_blogger.style_image .sc_blogger_info:before {
    content: '';
    height: 1px;
    width: 50px;
    background: #ddd;
    display: block;
    margin: 0 0 20px 0
}

.sc_blogger.style_image .sc_blogger_info .sc_blogger_author {
    font-weight: 300
}

.sc_blogger.style_image .sc_blogger_info .sc_blogger_author {
    font-size: 12px;
    font-style: italic
}

.sc_blogger.style_image .sc_blogger_info .sc_blogger_author .separator {
    font-style: normal;
    padding: 0 5px
}

.sc_blogger.portfolioWrap {
    padding: 0
}

.fullscreen_slider_page .sc_blogger article .relatedMore {margin-bottom: 25px;}
.fullscreen_slider_page .sc_blogger article:last-child .relatedMore {margin-bottom: 0;}

/* Border
---------------*/
.sc_border {
    padding: 4% 11% 6% 10%;
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

.sc_border.sc_border_light {
    background-image: url(../img/slider/tablet_white.png)
}

.sc_border.sc_border_dark {
    background-image: url(../img/slider/tablet_black.png)
}
.sc_border .sc_slider,
.sc_border .sc_zoom {
    border: 3px solid #151515;
    background: #151515;
    margin: 0;
}

.sc_border .sc_zoom img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    vertical-align: middle
}

.sc_border .sc_zoom {
    overflow: hidden
}


/* Chat
---------------*/
.sc_chat {
    border: 1px solid #888;
    padding: 30px 50px;
    margin: 0 0 20px 0
}

.sc_chat p {
    padding: 0 0 20px 0
}

.sc_chat:after {
    content: '';
    display: block;
    height: 0;
    clear: both
}

.sc_chat .sc_quote_title {
    padding: 0
}

.sc_chat .sc_quote_title.alignright {
    margin: 0
}

/* Contact form
--------------- */
form .sc_contact_form_button .icon-comment:before{content: "\f075"; font-family: "FontAwesome"; font-size: 12px;}

.sc_contact_form .description {
    padding-bottom: 30px
}

.sc_contact_form_custom {
    overflow: hidden
}

.sc_contact_form_custom .label_left input,
.sc_contact_form_custom .label_left label,
.sc_contact_form_custom .label_left textarea {
    display: inline-block;
    width: auto;
    margin-right: .5em;
    margin-top: 0;
    vertical-align: middle
}

.sc_contact_form_custom .label_right input,
.sc_contact_form_custom .label_right label,
.sc_contact_form_custom .label_right textarea {
    display: inline-block;
    width: auto;
    margin-left: .5em;
    margin-top: 0;
    vertical-align: middle
}

.sc_contact_form_custom .bubble label {
    padding: 8px 12px;
    background-color: #fafafa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 20px
}

.sc_contact_form_custom .bubble label:hover,
.sc_contact_form_custom .bubble label.selected {
    color: #fff
}

/* Column
------------ */
.sc_column_item {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-sizing: border-box;
    min-height: 1px
}

/* Content
------------ */
.sc_content {
    overflow: hidden
}

/* Countdown
------------ */

.sc_countdown_wrapper {
    text-align: center
}

.sc_countdown.flip-clock-wrapper {
    width: auto;
    height: 115px;
    display: inline-block;
    margin: 0 auto;
}

/* Dropcaps
--------------- */
.sc_dropcaps .sc_dropcap {
    font-size: 36px;
    display: inline-block;
    width: 70px;
    height: 70px;
    float: left;
    text-align: center;
    line-height: 70px;
    margin: 8px 10px 0 0
}

.sc_dropcaps.sc_dropcaps_style_1 .sc_dropcap {
    color: #fff
}

.sc_dropcaps.sc_dropcaps_style_2 .sc_dropcap {
    color: #fff
}

.sc_dropcaps.sc_dropcaps_style_3 .sc_dropcap {
    font-size: 48px;
    font-weight: 300
}

.sc_dropcaps.sc_dropcaps_style_4 .sc_dropcap {
    width: 68px;
    height: 68px;
    border-width: 1px;
    border-style: dashed
}

.sc_dropcaps.sc_dropcaps_style_5 .sc_dropcap {
    width: 68px;
    height: 68px;
    border-width: 1px;
    border-style: dashed;
    line-height: 65px
}

.sc_dropcaps.sc_dropcaps_style_6 .sc_dropcap {
    border-left-width: 1px;
    border-left-style: solid
}


/* Gallery
--------------- */
.sc_gallery .galleryPic {
    display: block;
    width: 100%
}

.sc_gallery h4 {
    font-size: 1.07em;
    /*line-height: 140%;*/
    /*height: 3em;*/
    height: 55px;
    padding: 0 0 1em;
    overflow: hidden
}

.sc_gallery .thumb {
    width: 100%;
    margin: 0 0 1em 0!important
}

.sc_gallery .thumb img {
    width: 100%;
    display: block
}

/* Google map
-------------- */
.sc_googlemap {
    width: 100%;
    min-height: 100px
}

.sc_googlemap img {
    max-width: none
}

#googlemap_1 {
  height: 400px;
}

#googlemap_1 img {
  max-width: inherit;
}

#googlemap_2 {
  height: 400px;
  background-color: #CCC;
}

#googlemap_2 img {
  max-width: inherit;
}

#googlemap_3 {
  height: 400px;
}

#googlemap_3 img {
  max-width: inherit;
}

/* Emailer
---------------*/
.inputSubmitAnimation {
    background: #fafafa;
    height: 50px;
    width: 50px;
    border: 1px solid #ddd;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s .3s ease-out;
    -moz-transition: all .4s .3s ease-out;
    -ms-transition: all .4s .3s ease-out;
    -o-transition: all .4s .3s ease-out;
    transition: all .4s .3s ease-out
}

.inputSubmitAnimation.sFocus {
    width: 480px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.inputSubmitAnimation .sInput {
    height: 50px;
    width: 480px;
    padding: 0 60px 0 15px;
    border: 0;
    background: 0;
    top: -50px;
    position: relative;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.inputSubmitAnimation.sFocus .sInput {
    top: 0;
    -webkit-transition: all .4s .3s ease-out;
    -moz-transition: all .4s .3s ease-out;
    -ms-transition: all .4s .3s ease-out;
    -o-transition: all .4s .3s ease-out;
    transition: all .4s .3s ease-out
}

.inputSubmitAnimation .aIco {
    display: block;
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center
}

.inputSubmitAnimation .aIco:before {
    font-family: "FontAwesome";
    font-size: 18px;
    text-align: center;
    line-height: 50px
}

.inputSubmitAnimation .aIco.search:before {
    content: '\f002'
}

.inputSubmitAnimation .aIco.mail:before {
    content: '\f0e0'
}
/* Highlight
-------------- */
.sc_highlight.sc_highlight_style_1 {
    text-decoration: none;
    display: inline-block;
    color: #fff;
    padding: 0 4px
}

.sc_highlight.sc_highlight_style_2 {
    text-decoration: none;
    font-weight: 600
}

/* Icon
---------------- */
.sc_icon {
    display: inline-block;
    padding-right: 6px
}

.sc_icon[class*=" icon-"]:before {
    margin: 0
}

.sc_icon[class*="rt-icon-"]:before {
    margin: 0
}

.color_section .sc_icon[class*="rt-icon-"]:before {font-size: 70px;}


.sc_icon_square,
.sc_icon_round {
    display: inline-block;
    padding: 4px;
    text-align: center
}

.sc_icon_square {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.sc_icon_round {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.sc_icon_square[class*=" icon-"]:before,
.sc_icon_round[class*=" icon-"]:before {
    margin: 0 auto
}

/* Image
-------------- */
.sc_image_align_left,
.sc_alignleft {
    display: inline;
    float: left!important;
    margin-right: 3.5em!important;
    margin-left: 0!important
}

.sc_image_align_right,
.sc_alignright {
    display: inline;
    float: right!important;
    margin-left: 40px!important;
    margin-right: 0!important;
}

.sc_image_align_center img,
.sc_aligncenter img,
.sc_image_align_left img,
.sc_alignleft img,
.sc_image_align_right img,
.sc_alignright img {
    width: 100%
}

.sc_image_align_center,
.sc_aligncenter {
    display: block;
    float: none!important;
    clear: both;
    margin-left: auto!important;
    margin-right: auto!important;
    text-align: center
}

.sc_image_shape_round {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 50%
}

.sc_image_shape_round figcaption,
.post .sc_image_shape_round figcaption {
    position: absolute;
    height: auto;
    line-height: 1.4em;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.sc_image_shape_round:hover figcaption {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg)
}

.sc_image_shape_round figcaption span:before {
    display: block;
    margin: 35% auto .5em;
    position: static
}

.sc_image_shape_round figcaption span {
    display: block;
    margin: 0 auto;
    color: #fff!important;
    font-size: 1.5em
}

.post .sc_image img {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    float: none
}

.post .sc_image:not(.sc_image_shape_round) figcaption {
    background: #ededed;
    color: #777;
    font-size: ;
    text-align: center;
    font-style: italic;
    height: 30px;
    line-height: 30px
}

/* Infobox
-------------*/
form .sc_infobox {
    display: none;
    margin-top: 30px
}

.sc_infobox {
    border: 1px solid #e5e5e5;
    margin: 0 0 10px 0;
    color: #222;
    font-size: 18px;
    font-weight: 300;
    padding: 15px 15px 15px 20px;
    clear: both
}

.sc_infobox b,
.sc_infobox strong {
    font-weight: 400
}

.sc_infobox p {
    display: block;
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #999
}

.sc_infobox h4 {
    text-align: left
}

.sc_infobox.sc_infobox_style_info {
    color: #766a36;
    background-color: #fcf6d8
}

.sc_infobox.sc_infobox_style_info h4 {
    color: #766a36
}

.sc_infobox.sc_infobox_style_success {
    color: #61763f;
    background-color: #f0ffda
}

.sc_infobox.sc_infobox_style_success h4 {
    color: #61763f
}

.sc_infobox.sc_infobox_style_error {
    color: #765050;
    background-color: #f8e6e6
}

.sc_infobox.sc_infobox_style_error h4 {
    color: #765050
}

.sc_infobox.sc_infobox_style_success p {
    color: #afa05c
}

.sc_infobox.sc_infobox_style_error p {
    color: #a47e7e
}

.sc_infobox.sc_infobox_closeable {
    cursor: pointer
}

.sc_infobox.sc_infobox_closeable:before {
    content: '\f00d';
    font-family: "FontAwesome";
    cursor: pointer;
    font-size: 18px;
    line-height: 18px;
    width: 18px;
    height: 18px;
    display: block;
    float: right;
    color: #aaa;
    margin: 2px 0 10px 10px
}

.sc_infobox.sc_infobox_style_info:before {
    color: #a8a592
}

.sc_infobox.sc_infobox_style_success:before {
    color: #a1aa94
}

.sc_infobox.sc_infobox_style_error:before {
    color: #a69b9b
}


/* Like and share
------------------*/
/* like */
ul>li.likeActive>a {
    background-color: #ddd
}

ul>li.like>a>span.likePost,ul>li.likeActive>a>span.likePost {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 0;
    min-width: 16px
}

ul>li.like>a>span.likePost:before,ul>li.likeActive>a>span.likePost:before {
    width: 100px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: -28px;
    text-align: left
}

ul>li.likeActive>a>span.likePost:before {
    content: "-1"
}

ul>li.like>a>span.likePost:before {
    content: "+1"
}

ul>li.like>a:hover>span.likePost:before,ul>li.likeActive>a:hover>span.likePost:before {
    top: 0
}

ul>li.like>a:hover>span.likePost,ul>li.likeActive>a:hover>span.likePost {
    padding: 28px 0 0 0;
    height: 0
}
/* share */
ul>li.share {
    position: relative
}

ul>li.share>ul.shareDrop {
    display: none;
    position: absolute;
    left: 0;
    top: 28px;
    z-index: 2;
    background: #FFF;
    margin: 0;
    padding: 10px;
    border: 1px solid #ddd;
    width: 101px;
    -webkit-box-shadow: 0 2px 2px -1px #ddd;
    -moz-box-shadow: 0 2px 2px -1px #ddd;
    box-shadow: 0 2px 2px -1px #ddd
}

ul>li.share>ul.shareDrop>li {
    list-style: none;
    display: block;
    padding: 7px 0
}

ul>li.share>ul.shareDrop>li>a {
    display: block;
    text-align: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px
}

ul>li.share>ul.shareDrop>li>a>img {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    margin: 0 9px 0 0
}

ul>li.share>a.selected,ul>li.share>a.selected:hover {
    border-width: 1px 1px 0 1px;
    height: 29px;
    position: relative;
    z-index: 3;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

/* List
------------ */
.post ul.sc_list_style_iconed,
.post ul.sc_list_style_arrows,
.post ul.sc_list_style_disk {
    margin-left: 0;
    margin-bottom: 30px
}

ul.sc_list_style_iconed li,ul.sc_list_style_arrows li,ul.sc_list_style_disk li {
    padding: 0 0 0 20px;
    list-style: none
}

ul.sc_list_style_iconed li:before,ul.sc_list_style_arrows li:before {
    display: block;
    width: 16px;
    height: 20px;
    margin: 4px 0 0 -20px;
    float: left;
    text-align: center;
    line-height: 20px
}

ul.sc_list_style_disk li:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    margin: 12px 0 0 -18px;
    float: left
}

.sc_list_item p {
    padding-bottom: 0 !important
}

/* Line
-----------------*/
.sc_line {
    display: block;
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
    height: 0;
    border-top-width: 1px;
    border-style: solid;
    border-color: #ddd
}

.sc_line.sc_line_style_solid {
    border-style: solid;
    border-bottom: 0;
}

.sc_line.sc_line_style_dashed {
    border-style: dashed
}

.sc_line.sc_line_style_dotted {
    border-style: dotted
}

.sc_line.sc_line_style_double {
    height: 4px;
    border-bottom-width: 1px
}

.sc_line.sc_line_style_shadow {
    position: relative;
    overflow: hidden;
    border-bottom: 0;
}

.sc_line.sc_line_style_shadow:after {
    content: '';
    position: absolute;
    margin: 0 50px;
    display: block;
    bottom: 33px;
    height: 10px;
    left: 10px;
    right: 10px;
    z-index: 2;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -webkit-border-radius: 100%/ 100%;
    -moz-border-radius: 100% / 100%;
    border-radius: 100% / 100%
}

/* Pan
-------------------*/
.sc_pan {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.sc_pan_vertical,
.sc_pan_horizontal {
    cursor: all-scroll
}

/* Parallax
-------------------*/
.sc_parallax {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat
}

.sc_parallax.dark {background-color: #000;}
.video_bg_page .sc_parallax.dark {background-color: transparent;}
.video_bg_page .sc_parallax.dark .bg_color_1 .sc_content {margin-top: 40px; margin-bottom: 40px;}
.video_bg_page .sc_parallax.dark .bg_color_1 .sc_content [class*="col-"] {margin-top: 40px;}
.sc_parallax.dark * {
    color: #fff
}

.sc_parallax .sc_parallax_content {
    position: relative;
    overflow: hidden;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat
}

.sc_parallax .sc_parallax_overlay {
    overflow: hidden
}

.sc_parallax .sc_video_bg_wrapper {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.sc_parallax video.sc_video_bg {
    opacity: 0;
    filter: alpha(opacity=0)
}

.sc_parallax.dark .sc_icon+.sc_section{
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    margin-top: 30px;
}

.sc_parallax h2+[class*="col-"] {padding-left: 0;}
.sc_parallax [class*="col-"]:first-child {padding-left: 0;}

.sc_parallax .squareButton:hover>a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.sc_parallax .sc_title.sc_title_divider.theme_accent2 {width: 65%; margin: 0 auto;}

.parallax {
  background-attachment: fixed !important;
  overflow: hidden;
  background-position: 35% 0%;
  background-repeat: no-repeat;
  position: relative;
}

@media (max-width: 767px) {
  .parallax {
    -webkit-background-size: auto auto !important;
    -moz-background-size: auto auto !important;
    -o-background-size: auto auto !important;
    background-size: auto auto !important;
  }
}
.parallax:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  z-index: 1;
}

.parallax.grey_section:after {
  background-color: #f8f8f8;
  opacity: 0.9;
}

.parallax.color_section:after {
  background-color: #4D91BA;
}

.parallax.dark_section:after {
  background-color: #1a1a1a;
}

.parallax.darkgrey_section:after {
  background-color: #343434;
}

.parallax > .container,
.gradient > .container {
  z-index: 3;
  position: relative;
}

#parallax_section_1 {background-image: url(../img/Depositphotos_12359307_original.jpg); }
.parallax_bg1 {background-image: url(../img/parallax/parallax2.jpg); }
.parallax_bg2 {background-image: url(../img/parallax/parallax3.jpg); }
.parallax_bg3 {background-image: url(../img/parallax/parallax1.jpg); }
.parallax_bg4 {background-image: url(../img/parallax/parallax4.jpg); }
.parallax_bg5 {background-image: url(../img/parallax/Depositphotos_12359307_original.jpg); }



/* Popup
-------------------*/
.sc_popup {
    position: relative;
    background: #FFF;
    padding: 24px 20px 20px 20px;
    width: auto;
    max-width: 500px;
    max-height: 600px;
    margin: 20px auto;
    border: 1px solid #ddd;
    overflow-x: hidden;
    overflow-y: auto
}

.sc_popup:before {
    height: 4px;
    content: '';
    position: absolute;
    width: 100%;
    top: -1px;
    left: -1px;
    display: block;
    padding: 0 1px
}

/* Price
-------------------*/
.sc_price_item {
    height: 50px;
    width: auto;
    display: inline-block;
    position: relative;
    margin: 10px auto 10px auto
}

.sc_price_item .sc_price_currency {
    position: absolute;
    top: 5px;
    left: -15px;
    font-size: 18px;
    font-weight: 100
}

.sc_price_item .sc_price_money {
    font-size: 50px;
    height: 50px;
    line-height: 50px;
    font-weight: 100;
    float: left
}

.sc_price_item .sc_price_info {
    height: 50px;
    padding: 0 0 0 10px;
    float: left;
    text-align: left
}

.sc_price_item .sc_price_penny {
    font-size: 24px;
    line-height: 30px;
    height: 30px;
    font-weight: 100
}

.sc_price_item .sc_price_period {
    font-size: 12px;
    font-style: italic;
    height: 20px;
    line-height: 20px
}

.sc_price_item .sc_price_period,
.dark .sc_price_item .sc_price_period,
.sc_price_item .sc_price_currency,
.dark .sc_price_item .sc_price_currency {
    color: #888
}

/* Price tabke
-------------------*/
.sc_pricing_table.alignLeft {
    text-align: left
}

.sc_pricing_table.alignCenter {
    text-align: center
}

.sc_pricing_table.alignRight {
    text-align: right
}

.sc_pricing_table.columns_1 .sc_pricing_columns {
    width: 100%
}

.sc_pricing_table.columns_2 .sc_pricing_columns {
    width: 50%
}

.sc_pricing_table.columns_3 .sc_pricing_columns {
    width: 33.3333%
}

.sc_pricing_table.columns_4 .sc_pricing_columns {
    width: 25%
}

.sc_pricing_table.columns_5 .sc_pricing_columns {
    width: 20%
}

.sc_pricing_table.columns_6 .sc_pricing_columns {
    width: 16.6666%
}

.sc_pricing_table.columns_7 .sc_pricing_columns {
    width: 14.2857%
}

.sc_pricing_table.columns_8 .sc_pricing_columns {
    width: 12.5%
}

.sc_pricing_table.columns_9 .sc_pricing_columns {
    width: 11.1111%
}

.sc_pricing_table.columns_10 .sc_pricing_columns {
    width: 10%
}

.sc_pricing_table:after {
    content: '';
    display: block;
    height: 0;
    clear: both
}

.sc_pricing_table .sc_pricing_columns {
    float: left
}

.sc_pricing_table .sc_pricing_columns ul {
    margin: 0;
    padding: 0;
    background: #fff;
    z-index: 1;
    width: 100%;
    position: relative;
    z-index: 1;
    border: 1px solid #ddd
}

.sc_pricing_table .sc_pricing_columns ul li {
    list-style: none;
    display: block;
    padding: 14px;
    color: #888;
    border-top: 1px solid #ddd;
    /*height: 55px;*/
    /*line-height: 18px;*/
    overflow: hidden
}

.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_united {
    border: 0;
    height: 170px;
    text-align: center;
    line-height: 33px;
    padding-top: 67px;
    color: #888;
    font-size: 18px;
    font-weight: 300
}

.sc_pricing_table .sc_pricing_columns ul li b {
    color: #222;
    text-transform: uppercase;
    font-weight: 400
}

.sc_pricing_table .sc_pricing_columns ul li i {
    font-size: 12px
}

.sc_pricing_table .sc_pricing_columns ul,
.sc_pricing_table .sc_pricing_columns ul li {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.sc_pricing_table .sc_pricing_columns ul li .sc_icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle
}

.sc_pricing_table .sc_pricing_columns ul li .sc_icon:before {
    /*font-family: "fontello";*/
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 16px
}

.sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate {
    z-index: 2;
    margin: -20px 0 -20px 0;
    -webkit-box-shadow: 0 0 6px 1px #f0f0f0;
    -moz-box-shadow: 0 0 6px 1px #f0f0f0;
    box-shadow: 0 0 6px 1px #f0f0f0
}

.sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li.sc_pricing_title {
    border: none!important;
    padding: 0 0 0 1px
}

.sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li:first-child {
    padding: 20px 0 0 0
}

.sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li:last-child {
    padding: 14px 14px 34px 14px;
}

.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_title {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    border: 0;
    /*height: 60px;*/
    padding: 0;
    line-height: 60px
}

.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_title_img {
    padding: 0;
    border: 0;
    height: auto
}

.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_title_img img {
    width: 100%;
    display: block
}

.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_footer {
    background-color: #fcfcfc;
    /*height: 69px;*/
}

.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_emptyfooter {
    background-color: #fcfcfc;
    height: 64px;
}

.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_footer .squareButton {
    margin: 5px 0 0 0
}

.sc_pricing_table .sc_pricing_columns ul.columnsAnimate li.sc_pricing_price,
.sc_pricing_table .sc_pricing_columns ul li.sc_pricing_price {
    padding: 20px 0 0 0!important;
    height: 110px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#f0f0f0 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);
    background: -o-linear-gradient(top,#fff 0,#f0f0f0 100%);
    background: -ms-linear-gradient(top,#fff 0,#f0f0f0 100%);
    background: linear-gradient(to bottom,#fff 0,#f0f0f0 100%)
}

.sc_pricing_table .sc_pricing_columns:hover ul li.sc_pricing_price {
    background: #fff
}

/* Scroll
-------------------*/
.sc_scroll {
    overflow: hidden;
    width: 100%;
    position: relative
}

.sc_scroll_wrapper {
    overflow: hidden
}

.sc_scroll_horizontal .sc_scroll_wrapper {
    width: 100000px;
}

.sc_scroll_bar {
    background: transparent;
    position: absolute;
    z-index: 100
}

.sc_scroll_vertical .sc_scroll_bar {
    height: 82%;
    right: 24px;
    top: 25px;
    bottom: 0;
    width: 4px;
    border-right: 1px solid #ddd;
}

.sc_scroll_horizontal .sc_scroll_bar {
    right: 0;
    left: 0;
    bottom: 1px;
    height: 11px;
    border-bottom: 1px solid #ddd;
}

.sc_scroll_vertical .sc_scroll_bar .swiper-scrollbar-drag {
    width: 3px;
    left: 2px;
}

.sc_scroll_horizontal .sc_scroll_bar .swiper-scrollbar-drag {
    height: 3px;
    top: 9px;
}

.sc_scroll_bar .swiper-scrollbar-drag:before {
    content: '';
    display: block;
    position: absolute;
    background: rgba(17,114,211,0.8)
}

.sc_scroll_vertical .sc_scroll_bar .swiper-scrollbar-drag:before {
    width: 3px;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

.sc_scroll_horizontal .sc_scroll_bar .swiper-scrollbar-drag:before {
    height: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%
}

.sc_scroll_horizontal {
    padding-bottom: 6px
}

.sc_scroll_vertical {
    padding-right: 6px
}

.sc_scroll_vertical .swiper-slide {
    float: none;
    display: block
}

.sc_scroll_controls {
    position: relative
}

.sc_scroll_controls ul.flex-direction-nav {
    position: absolute;
    top: -80px;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 84px;
    height: 44px;
    overflow: hidden
}

.style_3_page .sc_scroll_controls ul.flex-direction-nav {
   top: 0;
   right: 30px;
 }

.sc_scroll_controls ul.flex-direction-nav li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: static
}

.sc_scroll_controls ul.flex-direction-nav li:before {
    display: none
}

.sc_timeline ul.flex-direction-nav [class*="swiper-button-"],
.sc_scroll_controls ul.flex-direction-nav a {
    width: 37px;
    height: 37px;
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    top: 4px;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 18px;
    margin: 0;
    opacity: 1!important;
    text-shadow: none;
    cursor: pointer;
}

.sc_timeline [class*="swiper-button-"]:before,
.sc_scroll_controls ul.flex-direction-nav a:before {
    line-height: 38px;
    color: #888;
    font-family: "fontello";
    font-size: inherit;
}

.sc_timeline ul.flex-direction-nav [class*="swiper-button-prev"],
.sc_scroll_controls ul.flex-direction-nav a.flex-prev {
    right: 42px
}

.sc_timeline ul.flex-direction-nav [class*="swiper-button-next"],
.sc_scroll_controls ul.flex-direction-nav a.flex-next {
    right: 0
}

.sc_scroll_controls.sc_scroll_controls_type_side {
    padding-left: 40px;
    padding-right: 40px
}

.sc_scroll_controls.sc_scroll_controls_type_side ul.flex-direction-nav {
    position: static;
    overflow: visible;
    width: 0;
    height: 0
}

.sc_scroll_controls.sc_scroll_controls_type_side ul.flex-direction-nav a {
    top: 50%;
    margin-top: -18px
}

.sc_scroll_controls.sc_scroll_controls_type_side ul.flex-direction-nav a.flex-prev {
    left: 0;
    right: auto
}

.sc_scroll_controls.sc_scroll_controls_type_side ul.flex-direction-nav a.flex-next {
    right: 0
}

.sc_scroll_controls:not(.sc_scroll_controls_horizontal) ul.swiper-direction-nav {
  list-style: none;
  overflow: hidden;
}
.sc_scroll_controls ul.swiper-direction-nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sc_scroll_vertical.swiper-container_8 {
    height: 320px;
}

.sc_scroll_vertical.swiper-container_17 {
    height: 500px;
}

.bg_tint_dark .sc_scroll_controls.sc_scroll_controls_type_side ul.flex-direction-nav a:before {
    color: rgba(255,255,255,0.6)
}

.bg_tint_dark .sc_scroll_controls.sc_scroll_controls_type_side ul.flex-direction-nav a:hover:before {
    color: #fff
}

/* Section
------------------*/
.color_section .sc_section a {font-size: 18px;font-weight: 400;}

.sc_section:not(.sc_scroll_controls) {
    overflow: hidden
}

.sc_section.sc_section_block_style_1:not(.sc_scroll_controls) {
    border: 1px dashed #ddd;
    padding: 20px;
    background-color: #fafafa;
    font-weight: 400;
}

.sc_section.sc_section_block_style_2:not(.sc_scroll_controls) {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 1px dotted #d0dfca;
    padding: 20px;
    background-color: #f0ffda;
    color: #61763f;
    font-weight: 400;
    font-style: italic;
}

.sc_section.bg_tint_dark,
.sc_section.bg_tint_dark a {
    color: #fff
}

/* Skills
--------------------*/
.sc_skills {
    width: 100%
}

/* Type percent */
.sc_skills_percent .skillsWrap {
    text-align: center
}

.sc_skills_percent .skillsWrap:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

.sc_skills_percent .skillsWrap .sc_skills_item {
    display: inline-block;
    text-align: center
}

.sc_skills_percent .skillsWrap .sc_skills_item .sc_skills_count {
    font-size: 72px;
    line-height: 60px;
    height: 93px;
    font-weight: 100
}

.sc_skills_percent .skillsWrap .sc_skills_item .sc_skills_count .sc_skills_total:after {
    content: '%'
}

.sc_skills_percent .skillsWrap .sc_skills_item .sc_skills_info {
    font-size: 18px;
    font-weight: 300
}

.sc_skills_percent .skillsWrap.sc_slillsVertical .sc_skillsColumns {
    float: none
}

.sc_skills_percent .skillsWrap.sc_slillsHorizontal .sc_skillsColumns {
    padding: 0 0 50px 0;
    margin: 0 auto
}

.sc_skills_percent .skillsWrap.sc_slillsHorizontal .sc_skillsColumns:after {
    content: '';
    height: 0;
    display: block;
    clear: both
}

/* Type bar */
.sc_skills_bar {
    padding: 0 0 50px 0
}

.sc_skills_bar .sc_skills_item {
    margin: 0;
    height: 28px;
    border: 1px solid #e4e4e4;
    background: #fff;
    position: relative
}

.sc_skills_bar .sc_skills_item .sc_skills_count {
    text-align: right;
    width: 0;
    height: 28px;
    line-height: 28px;
    border-width: 1px;
    border-style: solid;
    color: #fff;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 2
}

.sc_skills_bar .sc_skills_info {
    padding: 10px 0 5px 0
}

.sc_skills_bar.sc_skills_vertical .sc_skills_columns .sc_skills_item {
    height: 500px;
    position: relative
}

.sc_skills_bar.sc_skills_vertical .sc_skills_columns .sc_skills_item .sc_skills_count {
    width: 100%;
    margin-left: 1px;
    height: auto;
    position: absolute;
    top: auto;
    bottom: -1px
}

.sc_skills_bar.sc_skills_vertical .sc_skills_columns .sc_skills_total {
    text-align: center;
    font-size: 20px;
    width: 100%;
    line-height: 100px;
    font-weight: 100
}

.sc_skills_bar.sc_skills_vertical .sc_skills_columns .sc_skills_column {
    text-align: center
}

.sc_skills_bar.sc_skills_horizontal .sc_skills_total {
    text-align: right;
    padding-right: 10px
}

/* Type arc */
.sc_skills_arc {
    padding: 0;
    overflow: hidden
}

.sc_skills_arc .sc_skills_legend {
    width: 30%;
    float: left
}

.sc_skills_arc .sc_skills_legend ul {
    margin: 0;
    padding: 0;
    text-align: center;
    overflow: hidden
}

.sc_skills_arc .sc_skills_legend li {
    display: block;
    float: left;
    clear: both;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 300
}

.sc_skills_arc .sc_skills_arc_canvas {
    width: 70%;
    min-width: 100px;
    min-height: 100px;
    float: left
}

/* Type pie */
.sc_skills_pie {
    text-align: center;
    display: inline-block
}

.sc_skills_pie .sc_skills_total {
    font-size: 18px
}

.sc_skills_pie .sc_skills_info {
    font-size: 16px;
    font-weight: 100
}

/* Type counter */
.sc_skills_counter {
    text-align: center
}
.sc_skills_counter_5 [class*="col-"] {margin-right:45px;}
.sc_skills_counter_5 [class*="col-"]:last-child {margin-right:0;}

.sc_skills_counter .sc_skills_item {
    text-align: center;
    display: inline-block;
    /*padding: 0 10px;*/
    margin: 0 0 20px 0;
}

.sc_skills_counter .sc_skills_item .sc_skills_count {
    font-size: 76px;
    line-height: 78px;
    margin: 0 0 10px 0
}

.sc_skills_counter .sc_skills_item .sc_skills_info {
    color: #222;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    padding: 0 0 10px 0
}

.sc_skills_counter .sc_skills_item.sc_skills_style_1 .sc_skills_count {
    font-weight: 900
}

.sc_skills_counter .sc_skills_item.sc_skills_style_2 .sc_skills_count {
    font-weight: 100
}

.sc_skills_counter .sc_skills_item.sc_skills_style_3 .sc_skills_count {
    font-weight: 100;
    color: #fff;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    font-size: 60px;
    height: 80px;
    line-height: 80px
}

.sc_skills_counter .sc_skills_item.sc_skills_style_3 .sc_skills_count:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 80px solid #fff;
    border-right: 100px solid transparent;
    opacity: .2;
    filter: alpha(opacity=20)
}

.sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_count {
    font-weight: 100;
    color: #fff;
    padding: 0 10px;
    margin: 0;
    font-size: 60px;
    line-height: 80px;
    height: 80px
}

.sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info {
    color: #fff;
    padding: 10px;
    position: relative;
    border-top: 1px solid #fff;
    font-size: 16px
}

.sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: #000;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: .1;
    filter: alpha(opacity=10)
}

/* Slider
----------------*/
.sc_slider {
    overflow: hidden
}

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

.sc_slider.sc_slider_autoheight {
    -webkit-transition: height ease .5s;
    -moz-transition: height ease .5s;
    -ms-transition: height ease .5s;
    -o-transition: height ease .5s;
    transition: height ease .5s
}

.sc_slider_chop .cs-activeSlide {
    display: block
}

.sc_slider_chop .sc_slider_info_slides {
    display: none
}

.sc_slider_chop .chop-slide>img,
.sc_slider_chop .chop-slide>a>img {
    width: 100%
}

.sc_slider_flex,
.sc_slider_chop,
.sc_slider_swiper {
    position: relative;
    overflow: hidden
}

.sc_slider_flex .slides li,
.sc_slider_chop .slides li,
.sc_slider_swiper .slides li {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.sc_slider_flex:not(.sc_slider_autoheight) .slides li,
.sc_slider_chop:not(.sc_slider_autoheight) .slides li,
.sc_slider_swiper:not(.sc_slider_autoheight) .slides li {
    min-height: 200px
}

.style_3_page .sc_slider_flex:not(.sc_slider_autoheight) .slides li,
.style_3_page .sc_slider_chop:not(.sc_slider_autoheight) .slides li,
.style_3_page .sc_slider_swiper:not(.sc_slider_autoheight) .slides li {
    min-height: inherit;
}

.col-sm-8 .sc_slider_flex:not(.sc_slider_autoheight) .slides li,
.col-sm-8 .sc_slider_chop:not(.sc_slider_autoheight) .slides li,
.col-sm-8 .sc_slider_swiper:not(.sc_slider_autoheight) .slides li {
    min-height: 250px
}

.sc_slider_flex ul.slides li,
.sc_slider_chop ul.slides li,
.sc_slider_swiper ul.slides li {
    list-style: none;
    margin: 0;
    position: relative
}

/*
.sc_slider_swiper ul.slides li {
    position: absolute
}
*/
.sc_slider_flex ul.slides li:before,
.sc_slider_chop ul.slides li:before,
.sc_slider_swiper ul.slides li:before {
    display: none
}

.sc_slider_flex ul.slides li,
.sc_slider_chop ul.slides li {
    display: none
}

.sc_slider_flex ul.flex-direction-nav,
.sc_slider_chop ul.flex-direction-nav,
.sc_slider_swiper ul.flex-direction-nav {
    list-style: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: -40px;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    z-index: 1;
}

.sc_slider_flex:hover ul.flex-direction-nav,
.sc_slider_chop:hover ul.flex-direction-nav,
.sc_slider_swiper:hover ul.flex-direction-nav {
    top: 0;
    -webkit-transition: all ease .5s .5s;
    -moz-transition: all ease .5s .5s;
    -ms-transition: all ease .5s .5s;
    -o-transition: all ease .5s .5s;
    transition: all ease .5s .5s
}

.sc_slider_flex ul.flex-direction-nav li,
.sc_slider_chop ul.flex-direction-nav li,
.sc_slider_swiper ul.flex-direction-nav li {
    list-style: none;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 0 0 1px;
    background-color: rgba(17,114,211,0.8)
}

.sc_slider_flex ul.flex-direction-nav li:before,
.sc_slider_chop ul.flex-direction-nav li:before,
.sc_slider_swiper ul.flex-direction-nav li:before {
    display: none
}

.sc_slider_flex ul.flex-direction-nav a,
.sc_slider_chop ul.flex-direction-nav a,
.sc_slider_swiper ul.flex-direction-nav a {
    font-size: 24px;
    line-height: 40px;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    font-family: "fontello";
    color: #fff;
    position: static;
    margin: 0;
    opacity: 1!important;
    text-shadow: none;
    background-image: none;
}

.sc_slider_flex ul.flex-direction-nav .flex-next:before,
.sc_slider_chop ul.flex-direction-nav .flex-next:before,
.sc_slider_swiper ul.flex-direction-nav .flex-next:before, ul.flex-direction-nav .swiper-button-next:before {
    font-family: "fontello";
    font-size: inherit;
    line-height: inherit;
    content: '\e834'
}

.sc_slider_flex ul.flex-direction-nav .flex-prev:before,
.sc_slider_chop ul.flex-direction-nav .flex-prev:before,
.sc_slider_swiper ul.flex-direction-nav .flex-prev:before,ul.flex-direction-nav .swiper-button-prev:before {
    font-family: "fontello";
    font-size: inherit;
    line-height: inherit;
    content: '\e833'
}

.sc_slider_flex ul.flex-direction-nav li,
.sc_slider_chop ul.flex-direction-nav li,
.sc_slider_swiper ul.flex-direction-nav li {
    list-style: none;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 1px
}

.sc_slider_flex .flex-control-nav,
.sc_slider_chop .flex-control-nav,
.sc_slider_swiper .flex-control-nav {
    list-style: none;
    position: absolute;
    height: 12px;
    margin: 0;
    left: 0;
    right: 0;
    bottom: -12px;
    text-align: center;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.sc_slider_flex:hover .flex-control-nav,
.sc_slider_chop:hover .flex-control-nav,
.sc_slider_swiper:hover .flex-control-nav {
    bottom: 20px;
    -webkit-transition: all ease .5s .5s;
    -moz-transition: all ease .5s .5s;
    -ms-transition: all ease .5s .5s;
    -o-transition: all ease .5s .5s;
    transition: all ease .5s .5s
}

.sc_slider_flex .flex-control-nav li,
.sc_slider_chop .flex-control-nav li,
.sc_slider_swiper .flex-control-nav span {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    list-style: none;
    width: 12px;
    height: 12px;
    margin: 0 8px 0 0;
    position: relative;
}

.sc_slider_flex .flex-control-nav a,
.sc_slider_chop .flex-control-nav a,
.sc_slider_swiper .flex-control-nav span,
.sc_slider_swiper .flex-control-nav .swiper-pagination-bullet {
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    z-index: 1;
    opacity: 1;
}

.sc_slider_flex .flex-control-nav a,
.sc_slider_chop .flex-control-nav a {
    display: block;
    width: 10px;
    height: 10px;
    font-size: 0;
    line-height: 0
}

.sc_slider_flex .flex-control-nav .flex-active,
.sc_slider_chop .flex-control-nav .flex-active,
.sc_slider_swiper .flex-control-nav .swiper-active-switch,
.sc_slider_swiper .flex-control-nav .swiper-pagination-bullet-active {
    background-color: transparent;
    border-color: #fff
}

.sc_slider_flex .flex-control-nav a:hover,
.sc_slider_chop .flex-control-nav a:hover,
.sc_slider_swiper .flex-control-nav span:hover,
.sc_slider_swiper .flex-control-nav .swiper-pagination-bullet:hover {
    background-color: transparent;
    border-color: #fff
}

/* Full pagination - posts titles */

.no_sc_slider_pagination .swiper-pagination{ display: none;}

.sc_slider_pagination_area {
    overflow: hidden;
    position: relative
}

.sc_slider_pagination_area .sc_slider {
    float: left;
}

.sc_slider_pagination_area:not(.sc_slider_pagination_over) .sc_slider {
    max-width: 550px;
    /*width: 500px;*/
}

.without_sidebar .sc_slider_pagination_area:not(.sc_slider_pagination_over) .sc_slider {
    max-width: 760px
}

.sc_slider_pagination_area .flex-control-nav.manual {
    float: left;
    width: 252px;
    padding-right: 10px;
    text-align: left;
    position: static;
    height: 310px;
}

.without_sidebar .sc_slider_pagination_area .flex-control-nav.manual {
    width: 380px
}

.sc_slider_pagination_over .flex-control-nav.manual {
    width: 380px;
    position: absolute;
    left: auto;
    right: -390px;
    top: 0;
    bottom: auto;
    padding-right: 0;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.sc_slider_pagination_over:hover .flex-control-nav.manual {
    right: 0
}

.post_content .sc_slider_pagination_over .flex-control-nav.manual {
    width: 290px
}

.sc_slider_pagination_area .flex-control-nav.manual {
    margin: 0;
    /*padding: 0;*/
    /*list-style: none;*/
}

.sc_slider_pagination_area .flex-control-nav.manual .swiper-slide  {
    padding: 0 0 0 15px;
    cursor: pointer;
    display: block;
    margin: 0
}

.sc_slider_pagination_area .flex-control-nav.manual .swiper-slide .slide_pager {
    padding: 12px 10px 11px 0;
}

.sc_slider_pagination_area .flex-control-nav.manual .swiper-slide+.swiper-slide .slide_pager {
    border-top: 1px solid #efefef
}

.sc_slider_pagination_area .flex-control-nav.manual .swiper-slide.swiper-slide-active,
.sc_slider_pagination_area .flex-control-nav.manual .swiper-slide.cs-active-pagination,
.sc_slider_pagination_area .flex-control-nav.manual .swiper-slide:hover {
    background-color: rgba(192,192,192,0.4)
}

.sc_slider_pagination_area .sc_scroll_vertical,
.sc_slider_pagination_area .sc_scroll_wrapper {height: inherit !important;overflow:initial;}
/*.sc_slider_pagination_area .sc_scroll_wrapper .swiper-slide  {height: initial !important;}*/

.sc_slider_pagination_over .flex-control-nav.manual li {
    background-color: rgba(255,255,255,0.8);
    padding-left: 0
}

.sc_slider_pagination_over .flex-control-nav.manual li.active,
.sc_slider_pagination_over .flex-control-nav.manual li.cs-active-pagination,
.sc_slider_pagination_over .flex-control-nav.manual li:hover {
    background-color: rgba(192,192,192,0.8)
}

.sc_slider_pagination_over .flex-control-nav.manual li .slide_pager {
    padding-left: 30px
}

.sc_slider_pagination_over .flex-control-nav.manual li+li .slide_pager {
    border-top-color: #ccc
}

.sc_slider_pagination_area .flex-control-nav.manual .slide_date {
    float: left;
    width: 75px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    margin-right: 20px
}

.sc_slider_pagination_area .flex-control-nav.manual .slide_info {
    overflow: hidden
}

.sc_slider_pagination_area .flex-control-nav.manual .slide_info .slide_title {
    padding-bottom: 0;
    font-size: 15px
}

.sc_slider_pagination_area .flex-control-nav.manual .slide_info .slide_tags {
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    color: #272727
}

/* Info block*/
.sc_slider_flex .sc_slider_info,
.sc_slider_chop .sc_slider_info,
.sc_slider_swiper .sc_slider_info {
    max-width: 80%;
    min-width: 50%;
    max-height: 100px;
    padding: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: rgba(17,114,211,0.8);
    -webkit-transition: all ease .5s .5s;
    -moz-transition: all ease .5s .5s;
    -ms-transition: all ease .5s .5s;
    -o-transition: all ease .5s .5s;
    transition: all ease .5s .5s;
    margin-bottom: 0
}

.sc_slider_pagination_area .sc_slider .sc_slider_info {
    max-width: 100%
}

.sc_slider .ratingItem span:before {
    color: rgba(255,255,255,0.5)
}

.sc_slider_flex:hover .sc_slider_info.sc_slider_info_fixed,
.sc_slider_flex:hover .sc_slider_info:hover,
.sc_slider_flex .sc_slider_info:hover,
.sc_slider_chop:hover .sc_slider_info.sc_slider_info_fixed,
.sc_slider_chop:hover .sc_slider_info:hover,
.sc_slider_chop .sc_slider_info:hover,
.sc_slider_swiper:hover .sc_slider_info.sc_slider_info_fixed,
.sc_slider_swiper:hover .sc_slider_info:hover,
.sc_slider_swiper .sc_slider_info:hover {
    margin-bottom: 0!important
}

.sc_slider_flex:hover .sc_slider_info,
.sc_slider_chop:hover .sc_slider_info,
.sc_slider_swiper:hover .sc_slider_info {
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    margin-bottom: -130px!important
}

.sc_slider_flex li .sc_slider_info a,
.sc_slider_chop .sc_slider_info a,
.sc_slider_swiper .swiper-slide .sc_slider_info a {
    display: inline;
    min-height: 0;
    color: #fff;
}

.sc_slider_flex li .sc_slider_info a:hover,
.sc_slider_chop .sc_slider_info a:hover,
.sc_slider_swiper .swiper-slide .sc_slider_info a:hover {
    color: #ccc;
}

.sc_slider_flex .sc_slider_info .sc_slider_subtitle,
.sc_slider_chop .sc_slider_info .sc_slider_subtitle,
.sc_slider_swiper .sc_slider_info .sc_slider_subtitle {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 4px;
}

.sc_slider_flex .sc_slider_info .sc_slider_reviews,
.sc_slider_chop .sc_slider_info .sc_slider_reviews,
.sc_slider_swiper .sc_slider_info .sc_slider_reviews {
    margin: 0 0 4px;
}

.sc_slider_flex .sc_slider_info .sc_slider_reviews.after_category,
.sc_slider_chop .sc_slider_info .sc_slider_reviews.after_category,
.sc_slider_swiper .sc_slider_info .sc_slider_reviews.after_category {
    display: inline-block;
    position: relative;
    margin: 0 0 0 2px;
    top: 3px
}

.sc_slider_flex .sc_slider_info .sc_slider_descr,
.sc_slider_chop .sc_slider_info .sc_slider_descr,
.sc_slider_swiper .sc_slider_info .sc_slider_descr {
    color: #fff;
    line-height: 16px
}

.sc_slider_flex .sc_slider_info .sc_slider_category,
.sc_slider_chop .sc_slider_info .sc_slider_category,
.sc_slider_swiper .sc_slider_info .sc_slider_category {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    position: relative;
    height: 24px;
    line-height: 24px;
    padding: 0 30px 0 0;
    text-align: left;
    overflow: hidden
}

.sc_slider_pagination_area .sc_slider .sc_slider_info .sc_slider_category {
    min-width: 0
}

.fullScreenSlider .sc_slider_flex .sc_slider_info,
.fullScreenSlider .sc_slider_chop .sc_slider_info,
.fullScreenSlider .sc_slider_swiper .sc_slider_info,
.sliderHomeBullets .sc_slider_flex .sc_slider_info,
.sliderHomeBullets .sc_slider_chop .sc_slider_info,
.sliderHomeBullets .sc_slider_swiper .sc_slider_info {
    max-width: 50%;
    min-width: 40%;
    padding: 30px;
    max-height: 150px
}

.fullScreenSlider .sliderHomeBullets .sc_slider_swiper .sc_slider_info a{color: #fff;}
.fullScreenSlider .sliderHomeBullets .sc_slider_swiper .sc_slider_info a:hover{color: #ccc;}

.fullScreenSlider .sc_slider_flex:hover .sc_slider_info,
.fullScreenSlider .sc_slider_chop:hover .sc_slider_info,
.fullScreenSlider .sc_slider_swiper:hover .sc_slider_info,
.sliderHomeBullets .sc_slider_flex:hover .sc_slider_info,
.sliderHomeBullets .sc_slider_chop:hover .sc_slider_info,
.sliderHomeBullets .sc_slider_swiper:hover .sc_slider_info {
    margin-bottom: -180px
}

.fullScreenSlider .sc_slider_flex:hover .sc_slider_info.sc_slider_info_fixed,
.fullScreenSlider .sc_slider_flex:hover .sc_slider_info:hover,
.fullScreenSlider .sc_slider_flex .sc_slider_info:hover,
.fullScreenSlider .sc_slider_chop:hover .sc_slider_info.sc_slider_info_fixed,
.fullScreenSlider .sc_slider_chop:hover .sc_slider_info:hover,
.fullScreenSlider .sc_slider_chop .sc_slider_info:hover,
.fullScreenSlider .sc_slider_swiper:hover .sc_slider_info.sc_slider_info_fixed,
.fullScreenSlider .sc_slider_swiper:hover .sc_slider_info:hover,
.fullScreenSlider .sc_slider_swiper .sc_slider_info:hover,
.sliderHomeBullets .sc_slider_flex:hover .sc_slider_info.sc_slider_info_fixed,
.sliderHomeBullets .sc_slider_flex:hover .sc_slider_info:hover,
.sliderHomeBullets .sc_slider_flex .sc_slider_info:hover,
.sliderHomeBullets .sc_slider_chop:hover .sc_slider_info.sc_slider_info_fixed,
.sliderHomeBullets .sc_slider_chop:hover .sc_slider_info:hover,
.sliderHomeBullets .sc_slider_chop .sc_slider_info:hover,
.sliderHomeBullets .sc_slider_swiper:hover .sc_slider_info.sc_slider_info_fixed,
.sliderHomeBullets .sc_slider_swiper:hover .sc_slider_info:hover,
.sliderHomeBullets .sc_slider_swiper .sc_slider_info:hover {
    margin-bottom: 0
}

.fullScreenSlider .sc_slider_flex .sc_slider_info .sc_slider_category,
.fullScreenSlider .sc_slider_chop .sc_slider_info .sc_slider_category,
.fullScreenSlider .sc_slider_swiper .sc_slider_info .sc_slider_category,
.sliderHomeBullets .sc_slider_flex .sc_slider_info .sc_slider_category,
.sliderHomeBullets .sc_slider_chop .sc_slider_info .sc_slider_category,
.sliderHomeBullets .sc_slider_swiper .sc_slider_info .sc_slider_category {
    font-size: 14px;
    font-weight: 300
}

.fullScreenSlider .sc_slider_flex .sc_slider_info .sc_slider_subtitle,
.fullScreenSlider .sc_slider_chop .sc_slider_info .sc_slider_subtitle,
.fullScreenSlider .sc_slider_swiper .sc_slider_info .sc_slider_subtitle,
.sliderHomeBullets .sc_slider_flex .sc_slider_info .sc_slider_subtitle,
.sliderHomeBullets .sc_slider_chop .sc_slider_info .sc_slider_subtitle,
.sliderHomeBullets .sc_slider_swiper .sc_slider_info .sc_slider_subtitle {
    font-size: 21px;
    line-height: 28px;
    font-weight: 300
}

.fullScreenSlider .sc_slider_flex .sc_slider_info .sc_slider_descr,
.fullScreenSlider .sc_slider_chop .sc_slider_info .sc_slider_descr,
.fullScreenSlider .sc_slider_swiper .sc_slider_info .sc_slider_descr,
.sliderHomeBullets .sc_slider_flex .sc_slider_info .sc_slider_descr,
.sliderHomeBullets .sc_slider_chop .sc_slider_info .sc_slider_descr,
.sliderHomeBullets .sc_slider_swiper .sc_slider_info .sc_slider_descr {
    font-size: 13px;
    line-height: 18px;
    font-weight: 300
}

.swiper-button-prev,
.swiper-button-next {
    background-image: none;
}

.swiper-pagination {position: relative; margin: 0 auto;}

/* Table
----------------*/

.sc_table table {
    border-collapse: separate
}

.sc_table table th,
.sc_table table td {
    border-left-width: 0;
    border-top-width: 0
}

.sc_table table tr th:first-child,
.sc_table table tr td:first-child {
    border-left-width: 1px
}

.sc_table table tr:first-child th,
.sc_table table tr:first-child td {
    border-top-width: 1px
}

.sc_table table tr.odd td {
    background-color: #f5f5f5
}

.sc_table table th {
    text-align: center
}

.sc_table table th,
.sc_table table td {
    vertical-align: middle;
    padding: 10px
}

.sc_table.sc_table_size_small table th,
.sc_table.sc_table_size_small table td {
    padding: 4px
}

.sc_table.sc_table_size_big table th,
.sc_table.sc_table_size_big table td {
    padding: 20px
}

.sc_table.sc_table_align_center table th,
.sc_table.sc_table_align_center table td,
.sc_table_grey th,
.sc_table_grey td {
    text-align: center
}

.sc_table.sc_table_align_right table th,
.sc_table.sc_table_align_right table td {
    text-align: right
}

.sc_table table thead th {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300
}

.sc_table table td span {
    color: #222
}

.sc_table table td i {
    font-size: 12px
}

.sc_table.sc_table_style_1 thead th,
.sc_table.sc_table_style_1 thead td,
.sc_table.sc_table_style_1 table tr:first-child th,
.sc_table.sc_table_style_1 table tr:first-child td {
    color: #fff
}

.sc_table.sc_table_style_1 tfoot th,
.sc_table.sc_table_style_1 tfoot td,
.sc_table.sc_table_style_1 table tr:last-child th,
.sc_table.sc_table_style_1 table tr:last-child td {
    background-color: #f5f5f5
}

.sc_table.sc_table_style_2 thead tr,
.sc_table.sc_table_style_2 table tr:first-child,
.sc_table_grey {
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#f0f0f0 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);
    background: -o-linear-gradient(top,#fff 0,#f0f0f0 100%);
    background: -ms-linear-gradient(top,#fff 0,#f0f0f0 100%);
    background: linear-gradient(to bottom,#fff 0,#f0f0f0 100%)
}

.sc_table.sc_table_style_2 thead th,
.sc_table.sc_table_style_2 thead td,
.sc_table.sc_table_style_2 table tr:first-child th,
.sc_table.sc_table_style_2 table tr:first-child td {
    color: #222
}

.sc_table.sc_table_style_2 table tr:nth-child(odd) {
    background-color: #f5f5f5
}

.sc_table,
.sc_tabs_style_1 .sc_tabs_content,
.sc_pricing_table,
.topWrap .topMenuStyleFon>ul>li ul,
.sc_shadow,
.sc_popup_light {
    -webkit-box-shadow: 0 6px 2px -1px #f0f0f0;
    -moz-box-shadow: 0 6px 2px -1px #f0f0f0;
    box-shadow: 0 6px 2px -1px #f0f0f0
}


/* Tabs
------------------*/
.sc_tabs {
    margin: 0 0 50px 0;
}

.sc_tabs ul.sc_tabs_titles {
    margin: 0;
    padding: 0;
}

.sc_tabs ul.sc_tabs_titles:after {
    display: block;
    content: '';
    height: 0;
    clear: both
}

.sc_tabs ul.sc_tabs_titles li {
    display: block;
    float: left;
}

.sc_tabs .popularFiltr ul.sc_tabs_titles li {display: inline-block; float: none;}

/* Style 1 */
.sc_tabs.sc_tabs_style_1 {margin-bottom: 0;}
.sc_tabs_style_1 ul.sc_tabs_titles {
    margin: 0;
}

.sc_tabs_style_1 ul.sc_tabs_titles li a {
    display: block;
    padding: 8px 13px;
    position: relative;
    z-index: 1;
    font-weight: 400
}
.sc_tabs_style_1 ul.sc_tabs_titles li a:focus,
.sc_tabs_style_1 ul.sc_tabs_titles li a:hover {
}

.sc_tabs_style_1 ul.sc_tabs_titles li.active a {
    border-color: #ddd #ddd #fff #ddd;
    color: #222;
    z-index: 3;
}

.sc_tabs_style_1 .nav-tabs {
    border-bottom: none;
}

.sc_tabs_style_1 .tab-content [class*="swiper-container"] {  height: /*230px*/330px;cursor: -webkit-grab;}
.sc_tabs_style_1 .tab-content {border-radius: 0; padding: 25px; border: 1px solid #ddd; position: relative; }
.sc_tabs_style_1 .tab-content > .tab-pane {overflow: hidden;}


/* Style 2 */

.sc_tabs_style_2 {margin-bottom:0; }
.sc_tabs_style_2 ul.sc_tabs_titles li {
    margin: 0 10px 10px 0
}

.sc_tabs_style_2 ul.sc_tabs_titles li a {
    display: block;
    padding: 2px 7px;
    border: 1px solid #ddd;
    text-transform: uppercase
}

.sc_tabs_style_2 ul.sc_tabs_titles li.ui-state-active a,
.sc_tabs_style_2 ul.sc_tabs_titles li.active a {
    color: #fff;
    border-color: transparent
}

.sc_tabs .sc_tabs_content {
    position: relative;
    z-index: 2;
    display: none
}

.sc_tabs .sc_tabs_content:after {
    content: '';
    display: block;
    height: 0;
    clear: both
}

.sc_tabs_style_1 .sc_tabs_content {
    padding: 25px;
    border: 1px solid #ddd
}

.sc_tabs_style_2 .sc_tabs_content {
    padding: 15px 0 25px
}

.sc_tabs .scroll {
    height: 230px;
    overflow: hidden
}

.sc_tabs .items:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}

.sc_tabs .items h4 {
    padding: 0 0 20px 0
}

.sc_tabs .items p {
    padding: 0 0 20px 0;
    line-height: 18px
}

.sc_tabs .items+.items {
    border-top: 1px solid #ddd;
    padding: 20px 0 0 0
}

.sc_tabs .items .thumb {
    width: 160px
}

.sc_tabs .items .thumb img {
    width: 100%
}

.sc_tabs_content .sc_blogger.sc_blogger_vertical.style_image article {
    padding-bottom: 20px;
    margin-bottom: 20px
}

.sc_tabs_content .sc_blogger p {
    padding-bottom: 10px
}

/* tabs button */
.tabsButton {
    margin: 0 0 -17px;
    clear: both
}

.tabsButton .nav-tabs {
    border: none;
}

.tabsButton ul {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.tabsButton ul li {
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    margin: 1px 1px 0 0
}

.tabsButton ul li+li {
    margin: 1px 1px 0 -1px
}

.tabsButton ul li a {
    border: none !important;
}

.tabsButton ul li {
    border-color: transparent;
    border-width: 1px 1px 0 1px;
    z-index: 11;
}

.tabsButton ul li:hover a:before,
.tabsButton ul li.active {
    border-style: solid;
    border-color: #ddd;
    border-width: 1px 1px 0 1px;
    /*margin: 0;*/
    background: #fff
}

.tabsButton ul li a {
    display: block;
    height: 50px;
    padding: 0 18px;
    color: #222;
    text-decoration: none
}

.tabsButton ul li a span {
    display: block;
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 2
}

.tabsButton ul li.active a {
    color: #9b9b9b !important;
}

.tabsButton .nav-tabs>li.active>a,
.tabsButton .nav-tabs>li.active>a:hover,
.tabsButton .nav-tabs>li.active>a:focus,
.nav-tabs>li>a
 {
    background-color: inherit;
    border: inherit;
    line-height:inherit;
    border-radius: inherit;
    margin-right: 0;
}

.tabsButton .nav-tabs>li>a:hover {
    border: inherit;
    border-color: inherit;
}

.tabsButton .nav>li>a:focus {
    background-color: inherit;
}

.tabsButton ul li.state-default a {
    position: relative;
    z-index: 11;
}

.tabsButton ul li.state-default a:before,
.tabsButton ul li.state-default:hover a:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: height 100ms ease;
    -moz-transition: height 100ms ease;
    -ms-transition: height 100ms ease;
    -o-transition: height 100ms ease;
    transition: height 100ms ease
}

.tabsButton ul li.state-default a:before {
    height: 0
}

.tabsButton ul li.state-default:hover a:before {
    height: 50px
}

.tabsButton ul li.state-default.active a {
    cursor: default
}

.tabsButton ul li.state-default.active:hover a:before {
    height: 0;
    border: 0
}

.tabsButton li:not(.tab_names){display: none;}

.sc_tabs.widgetTabs .widgetWrap {
    display: none
}
/* Team
------------------*/
.sc_team {
}

.sc_team .sc_team_item {
    overflow: hidden;
    position: relative
}

.sc_team .sc_team_item .sc_team_item_avatar {
    width: 100%;
    /*height: 250px;*/
    position: relative;
    overflow: hidden;
}

.sc_team .sc_team_item .sc_team_item_avatar:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    margin: 0 0 -150% 0;
    opacity: .7;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"
}

.sc_team .sc_team_item .sc_team_item_avatar img {
    width: 100%;
    display: block;
    z-index: 2;
    /*position: absolute;*/
    left: 0;
    top: 0
}

.sc_team .sc_team_item .sc_team_item_avatar .sc_team_item_description {
    position: absolute;
    padding: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    overflow: hidden;
    margin: 0 0 -400px 0;
    color: #fff
}

.sc_team .sc_team_item .sc_team_item_info {
    padding: 30px 0 0
}

.sc_team .sc_team_item .sc_team_item_title {
    text-align: center;
    padding: 0
}

.sc_team .sc_team_item .sc_team_item_position {
    font-size: 12px;
    text-align: center;
    font-weight: 300;
    padding: 0 0 20px 0
}

.sc_team .sc_team_item:hover .sc_team_item_avatar {
    margin: -32px 0 0 0
}

.sc_team .sc_team_item:hover .sc_team_item_socials {
    margin: 0
}

.sc_team .sc_team_item:hover .sc_team_item_avatar:after {
    margin: 0
}

.sc_team .sc_team_item:hover .sc_team_item_avatar .sc_team_item_description {
    margin: 0
}

.sc_team .sc_team_item .sc_team_item_socials {
    margin: 0 0 -32px 0;
    width: 100%;
    padding: 0;
    text-align: center;
    height: 32px
}

/* Timeline
------------------*/
#timeline_slider.fixed {
    top: 0 !important
}

#timeline_slider .sc_timeline_item {max-height: 140px;}

.sc_timeline .sc_scroll_vertical .swiper-scrollbar .swiper-scrollbar-drag {
    width: 3px;
    right: 0;
    top: 0;
    left: -1px;
    bottom: 0;
    height: 100%;
}

.sc_timeline .sc_blogger.style_date .sc_blogger_item:before {z-index: 0;}
.sc_timeline .sc_blogger.style_date .sc_timeline_item:last-child .sc_blogger_item:before {display: none;}
.sc_timeline .sc_blogger.style_date .sc_blogger_item .sc_blogger_date .year {}


.sc_timeline ul.flex-direction-nav [class*="swiper-button-"]:hover {
    margin: -1px 0 0 0;
    -webkit-box-shadow: 0 2px 2px -1px #ddd;
    -moz-box-shadow: 0 2px 2px -1px #ddd;
    box-shadow: 0 2px 2px -1px #ddd
}

.sc_timeline .sc_scroll_vertical .sc_scroll_bar {
    height: 100%;
    top: 0;
    width: 0;
}

.sc_timeline .sc_scroll_vertical .sc_scroll_bar .swiper-scrollbar-drag {left: -1px;}
.sc_timeline .sc_scroll_vertical .sc_scroll_bar .swiper-scrollbar-drag:before {display: none; height: 100px;}

.sc_timeline.sc_scroll_controls ul.swiper-direction-nav {
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.sc_timeline.sc_scroll_controls ul.swiper-direction-nav li {
  display: block;
  height: 10px;
  position: absolute;
  width: 100%;
}
.sc_timeline.sc_scroll_controls ul.swiper-direction-nav li {
  top: 0;
}

.sc_timeline.sc_scroll_controls ul.swiper-direction-nav li + li {
  bottom: 0;
  top: auto;
}


.sc_timeline .thumb {
  width: 19%;
  float: left;
  vertical-align: top;
  margin: 5px 30px 5px 0;
}

.sc_timeline .hoverIncrease .hoverIcon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin: -25px 0 0 -25px;
}

.sc_timeline .hoverIncrease .hoverIcon:before { content: "\f0c1"; }


.sc_timeline .tab-content [class*="swiper-container"] {
        height: 270px;
}

.sc_timeline [class*="swiper-button-"] {
}

.sc_timeline [class*="swiper-button-"]:before {
    font-size: 14px;
    line-height: 36px;

}
.sc_timeline [class*="swiper-button-prev"]:before {
    content: '\e813';
    margin-left: 1px;
    display: block;
    margin-top: -1px;
}
.sc_timeline [class*="swiper-button-next"]:before {
  content: '\e810';
  margin-left: 1px;
}
.timeline_s2 .sc_scroll_vertical.swiper-container_18 {height:770px;}
.timeline_s3 .sc_scroll_vertical.swiper-container_14 {height:880px;}
.timeline_s4 .sc_scroll_vertical[class*="swiper-container"] {height:320px;}
.style_3_page .timeline_s4 {margin-bottom: 30px;}

.sc_timeline .sc_blogger.style_date.sc_blogger_vertical .sc_blogger_item:before {top: 65px;}

/* Testimonials
---------------------*/
.sc_testimonials {
    position: relative;
    overflow: hidden
}

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

.sc_testimonials ul li {
    width: 100%;
    /*padding-right: 5px!important;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 21px;
    list-style: none
}

.sc_testimonials .flex-direction-nav a {
    width: 37px;
    height: 37px;
    display: block;
    position: absolute;
    z-index: 10;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 18px
}

.sc_testimonials .flex-direction-nav a:before {
    line-height: 2;
}

/* Style 1 */

.sc_testimonials_style_1 {
    position: relative
}

.sc_testimonials_style_1.sc_testimonials_padding {
    padding: 70px 0 0 0
}

.sc_testimonials_style_1 h2 {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0
}

.sc_testimonials_style_1 .sc_testimonials_item_quote {
    background-color: #eee;
    padding: 20px;
    font-weight: 300;
    font-style: italic;
    margin: 0 0 20px 0;
    position: relative
}

.sc_testimonials_style_1 .sc_testimonials_item_quote:before {
    content: '\201c';
    font-size: 220px;
    line-height: 150px;
    width: 100px;
    height: 58px;
    display: block;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    font-family: Georgia,'Times New Roman',Times,serif;
    overflow: hidden;
    color: #e6e4e4
}

.sc_testimonials_style_1 .sc_testimonials_item_quote:after {
    content: '';
    width: 0;
    height: 0;
    border-width: 18px;
    border-style: solid;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left-color: #eee;
    border-right-color: transparent;
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin: 0 0 0 -18px;
    z-index: -2
}

.sc_testimonials_style_1 .sc_testimonials_item_quote .sc_testimonials_item_text {
    position: relative;
    z-index: 2;
    min-height: 22px
}

.sc_testimonials_style_1 .sc_testimonials_item_author {
    padding: 0 0 0 20px
}

.sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_avatar {
    width: 50px;
    height: 50px;
    float: left;
    background-color: #fafafc
}

.sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_avatar a {
    display: block
}

.sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_avatar img {
    width: 100%
}

.sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_name {
    margin: 0 0 0 60px;
    padding: 4px 0 0 0;
    color: #222;
    text-align: left
}

.sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_name a {
    display: block;
    color: #222
}

.sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_position {
    margin: 0 0 0 60px;
    text-align: left
}

.sc_testimonials_style_1 .flex-direction-nav {
    position: absolute;
    top: 0;
    right: 0
}

.sc_testimonials_style_1.sc_testimonials_controls_bottom .flex-direction-nav {
    top: auto;
    bottom: 20px;
    width: 100px;
    height: 45px
}

.sc_testimonials_style_1 .flex-direction-nav a {
    top: 7px;
}

.sc_testimonials_style_1 .flex-direction-nav a.flex-prev {
    right: 42px;
}

.sc_testimonials_style_1 .flex-direction-nav a.flex-next {
    right: 0;
}

.sc_testimonials_style_1 .flex-direction-nav a.swiper-button-prev {
    right: 42px
}

.sc_testimonials_style_1 .flex-direction-nav a.swiper-button-next {
    right: 0
}

.sc_testimonials_style_1 .flex-direction-nav .swiper-button-prev3 {right: 40px;}
.sc_testimonials_style_1 .flex-direction-nav .swiper-button-next3 {right: 0;}

.videoBackgroundOverlay .dark .sc_testimonials_style_1 flex-direction-nav li {
    background-color: #fff;
    color: #888
}

.videoBackgroundOverlay .dark .sc_testimonials_style_1 flex-direction-nav li>a {
    background-color: #fff;
    color: #888
}

.videoBackgroundOverlay .dark .sc_testimonials_style_1 flex-direction-nav li>a:before {
    color: #888
}

.videoBackgroundOverlay .dark .sc_testimonials_style_1 .sc_testimonials_item_quote {
    background-color: #fff;
    opacity: .7
}

.videoBackgroundOverlay .dark .sc_testimonials_style_1 .sc_testimonials_item_text {
    color: #373737
}

.videoBackgroundOverlay .dark .sc_testimonials_style_1 .sc_testimonials_item_quote:before {
    color: #ccc
}

.videoBackgroundOverlay .dark .sc_testimonials_style_1 .sc_testimonials_item_quote:after {
    border-left-color: #fff
}

.videoBackgroundOverlay .dark .sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_name {
    color: #fff
}

.videoBackgroundOverlay .dark .sc_testimonials_style_1 .sc_testimonials_item_author .sc_testimonials_item_name a {
    color: #fff
}


/* Style 2 */
.sc_testimonials_style_2{
    position: relative;
}

/* Style 3 */
.sc_testimonials_style_3{
    position: relative;
    margin: 10px 0 30px 0;
}

/* Style 4 */
.sc_testimonials_style_4 {
    position: relative;
}

.sc_testimonials_style_2 .sc_slider,
.sc_testimonials_style_2 .flex-direction-nav li {
    background-color: #eee;
}

.textured .sc_testimonials_style_2 .sc_testimonials_items,
.textured .sc_testimonials_style_2 .sc_testimonials_item,
.textured .sc_testimonials_style_2 .flex-direction-nav li,
.textured .sc_testimonials_style_3 .sc_testimonials_items,
.textured .sc_testimonials_style_3 .sc_testimonials_item,
.textured .sc_testimonials_style_3 .flex-direction-nav li,
.textured .sc_testimonials_style_4 .sc_testimonials_items,
.textured .sc_testimonials_style_4 .sc_testimonials_item,
.textured .sc_testimonials_style_4 .flex-direction-nav li {
    background-color: transparent
}

.sc_testimonials_style_2 .flex-direction-nav li,
.sc_testimonials_style_3 .flex-direction-nav li,
.sc_testimonials_style_4 .flex-direction-nav li {
    display: block;
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    margin: 0!important;
    z-index: 10
}

.sc_testimonials_style_2 .flex-direction-nav li+li,
.sc_testimonials_style_3 .flex-direction-nav li+li,
.sc_testimonials_style_4 .flex-direction-nav li+li {
    right: 0;
    left: auto
}

.sc_testimonials_style_2 .flex-direction-nav a,
.sc_testimonials_style_3 .flex-direction-nav a,
.sc_testimonials_style_4 .flex-direction-nav a {
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px
}

.sc_testimonials_style_2 .flex-direction-nav a {
    background-color: #eee
}

.sc_testimonials_style_3 .flex-direction-nav a,
.sc_testimonials_style_4 .flex-direction-nav a {
    color: #fff;
    border-color: #fff
}

.sc_testimonials_style_2 .flex-direction-nav a:hover,
.sc_testimonials_style_3 .flex-direction-nav a:hover,
.sc_testimonials_style_4 .flex-direction-nav a:hover {
    background-color: #fff
}

.sc_testimonials_style_2 .flex-direction-nav a:before:active {
    color: #888
}

.sc_testimonials_style_2 .sc_testimonials_item_quote,
.sc_testimonials_style_3 .sc_testimonials_item_quote,
.sc_testimonials_style_4 .sc_testimonials_item_quote {
    font-weight: 300;
    font-style: italic;
    position: relative
}

.sc_testimonials_style_2 .sc_testimonials_item_quote:before,
.sc_testimonials_style_3 .sc_testimonials_item_quote:before,
.sc_testimonials_style_4 .sc_testimonials_item_quote:before {
    content: '\201c';
    font-size: 280px;
    line-height: 250px;
    width: 150px;
    height: 100px;
    display: block;
    z-index: 1;
    position: absolute;
    left: 0;
    top: -65px;
    z-index: 1;
    font-family: Georgia,'Times New Roman',Times,serif;
    overflow: hidden;
    text-align: center;
    text-indent: -40px
}

.sc_testimonials_style_2 .sc_testimonials_item_quote:before {
    color: #e6e4e4
}

.textured .sc_testimonials .sc_testimonials_item_quote:before,
.sc_testimonials_style_3 .sc_testimonials_item_quote:before,
.sc_testimonials_style_4 .sc_testimonials_item_quote:before {
    color: rgba(255,255,255,0.1)
}

.sc_testimonials_style_2 .sc_testimonials_item_content,
.sc_testimonials_style_3 .sc_testimonials_item_content {
    padding: 40px 80px;
    text-align: center
}

.sc_testimonials_style_2 .sc_testimonials_item_quote .sc_testimonials_item_text,
.sc_testimonials_style_3 .sc_testimonials_item_quote .sc_testimonials_item_text,
.sc_testimonials_style_4 .sc_testimonials_item_quote .sc_testimonials_item_text {
    position: relative;
    z-index: 2;
    min-height: 22px
}

.sc_testimonials_style_3 .sc_testimonials_item_quote .sc_testimonials_item_text,
.sc_testimonials_style_4 .sc_testimonials_item_quote .sc_testimonials_item_text {
    color: #fff
}

.sc_testimonials_style_2 .sc_testimonials_item_author,
.sc_testimonials_style_3 .sc_testimonials_item_author,
.sc_testimonials_style_4 .sc_testimonials_item_author {
    display: inline-block;
    text-align: left;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0
}

.sc_testimonials_style_2 .sc_testimonials_item_author {
    border-top: 1px solid #ddd
}

.sc_testimonials_style_3 .sc_testimonials_item_author,
.sc_testimonials_style_4 .sc_testimonials_item_author {
    border-top: 1px solid rgba(255,255,255,0.2)
}

.sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_avatar,
.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_avatar,
.sc_testimonials_style_4 .sc_testimonials_item_author .sc_testimonials_item_avatar {
    width: 50px;
    height: 50px;
    float: left;
    background-color: #fafafc
}

.sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_avatar a,
.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_avatar a,
.sc_testimonials_style_4 .sc_testimonials_item_author .sc_testimonials_item_avatar a {
    display: block
}

.sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_avatar img,
.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_avatar img,
.sc_testimonials_style_4 .sc_testimonials_item_author .sc_testimonials_item_avatar img {
    width: 100%
}

.sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_name {
    margin: 0 0 0 60px;
    padding: 4px 0 0 0;
    color: #222
}

.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_name,
.sc_testimonials_style_4 .sc_testimonials_item_author .sc_testimonials_item_name {
    margin: 0 0 0 60px;
    padding: 4px 0 0 0;
    color: #fff
}

.sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_name a {
    display: block;
    color: #222
}

.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_name a {
    display: block;
    color: #fff
}

.sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_position,
.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_position,
.sc_testimonials_style_4 .sc_testimonials_item_author .sc_testimonials_item_position {
    margin: 0 0 0 60px;
    text-transform: uppercase;
    font-size: 12px
}

.sc_testimonials_style_3 .sc_testimonials_item_author .sc_testimonials_item_position,
.sc_testimonials_style_4 .sc_testimonials_item_author .sc_testimonials_item_position {
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.dark .sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_name {
    color: #fff
}

/* Title
---------------*/
.sc_title {
    padding: 0 0 .6em 0
}

/* Inderline */
.sc_title_underline {
    overflow: hidden;
    padding-bottom: 15px
}

.sc_title_underline:after {
    content: '';
    display: block;
    margin-top: 15px;
    border-top: 1px solid #888;
    height: 0;
    width: 15px
}

/* Divider */
.sc_title_divider {
    position: relative;
    padding-left: 5ex;
    padding-right: 5ex
}

.sc_title_divider .sc_title_divider_before,
.sc_title_divider .sc_title_divider_after {
    display: block;
    width: 4ex;
    height: 2px;
    background-color: #222;
    position: absolute;
    top: 50%;
    margin-top: -3px
}

.sc_title_divider .sc_title_divider_before {
    left: 0;
}

.sc_title_divider .sc_title_divider_after {
    right: 0;
}

/* Icon */
.sc_title_icon {
    display: block;
    width: 70px;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
    vertical-align: middle
}

.sc_title_icon:before {
    font-size: 60px;
    display: block;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    vertical-align: middle;
    padding: 0;
    text-indent: 0;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.sc_title_icon.sc_size_large {
    font-size: 70px;
    width: 70px
}

.sc_title_icon.sc_size_large:before {
    font-size: 70px;
    width: 70px
}

.sc_title_icon.sc_size_big {
    font-size: 90px;
    width: 90px;
    height: 90px
}

.sc_title_icon.sc_size_big:before {
    font-size: 90px;
    width: 90px;
    height: 90px;
    line-height: 90px
}

.sc_title_icon.sc_size_huge {
    width: 150px;
    height: auto
}

.sc_title_icon.sc_size_huge:before {
    font-size: 120px;
    line-height: 120px;
    width: 120px;
    height: 100px
}

.sc_title_icon.sc_title_bg:before {
    color: #fff;
    font-size: 40px
}

.global .sc_title_icon:before,
.bg_tint_dark .sc_title_icon:before {
    color: #fff
}

.sc_title_top {
    margin: 0 auto 14px
}

.sc_title_left {
    float: left;
    margin: 0 20px 10px 0
}

.sc_title_right {
    float: right;
    margin: 0 0 10px 20px
}

h1.sc_title .sc_title_icon,
.h1.sc_title .sc_title_icon,h1.sc_title .sc_title_image,
.h1.sc_title .sc_title_image {
    width: 64px;
    height: 64px
}

h2.sc_title .sc_title_icon,
.h2.sc_title .sc_title_icon,h2.sc_title .sc_title_image,
.h2.sc_title .sc_title_image {
    width: 52px;
    height: 52px
}

h3.sc_title .sc_title_icon,
.h3.sc_title .sc_title_icon,h3.sc_title .sc_title_image,
.h3.sc_title .sc_title_image {
    width: 39px;
    height: 39px
}

h4.sc_title .sc_title_icon,
.h4.sc_title .sc_title_icon,h4.sc_title .sc_title_image,
.h4.sc_title .sc_title_image {
    width: 32px;
    height: 32px
}

h5.sc_title .sc_title_icon,
.h5.sc_title .sc_title_icon,h5.sc_title .sc_title_image,
.h5.sc_title .sc_title_image {
    width: 24px;
    height: 24px
}

h6.sc_title .sc_title_icon,
.h6.sc_title .sc_title_icon,h6.sc_title .sc_title_image,
.h6.sc_title .sc_title_image {
    width: 22px;
    height: 22px
}

h1.sc_title .sc_title_icon:before,
.h1.sc_title .sc_title_icon:before {
    width: 64px;
    height: 64px;
    font-size: 61px;
    line-height: 74px
}

h2.sc_title .sc_title_icon:before,
.h2.sc_title .sc_title_icon:before {
    width: 52px;
    height: 52px;
    font-size: 50px;
    line-height: 54px
}

h3.sc_title .sc_title_icon:before,
.h3.sc_title .sc_title_icon:before {
    width: 39px;
    height: 39px;
    font-size: 36px;
    line-height: 36px
}

h4.sc_title .sc_title_icon:before,
.h4.sc_title .sc_title_icon:before {
    width: 32px;
    height: 32px;
    font-size: 30px;
    line-height: 30px
}

h5.sc_title .sc_title_icon:before,
.h5.sc_title .sc_title_icon:before {
    width: 24px;
    height: 24px;
    font-size: 20px;
    line-height: 22px
}

h6.sc_title .sc_title_icon:before,
.h6.sc_title .sc_title_icon:before {
    width: 22px;
    height: 22px;
    font-size: 16px;
    line-height: 20px
}

h1.sc_title .sc_title_icon.sc_title_bg:before,
.h1.sc_title .sc_title_icon.sc_title_bg:before {
    font-size: 49px;
    line-height: 74px
}

h2.sc_title .sc_title_icon.sc_title_bg:before,
.h2.sc_title .sc_title_icon.sc_title_bg:before {
    font-size: 38px;
    line-height: 54px
}

h3.sc_title .sc_title_icon.sc_title_bg:before,
.h3.sc_title .sc_title_icon.sc_title_bg:before {
    font-size: 23px;
    line-height: 44px
}

h4.sc_title .sc_title_icon.sc_title_bg:before,
.h4.sc_title .sc_title_icon.sc_title_bg:before {
    font-size: 18px;
    line-height: 32px
}

h5.sc_title .sc_title_icon.sc_title_bg:before,
.h5.sc_title .sc_title_icon.sc_title_bg:before {
    font-size: 16px;
    line-height: 22px
}

h6.sc_title .sc_title_icon.sc_title_bg:before,
.h6.sc_title .sc_title_icon.sc_title_bg:before {
    font-size: 14px;
    line-height: 20px
}

.sc_title_image {
    display: block;
    text-align: center;
    max-width: 60px
}

.sc_title_image.sc_size_small {
    max-width: 30px
}

.sc_title_left.sc_title_image.sc_size_small {
    margin-right: 10px
}

.sc_title_image.sc_size_medium {
    max-width: 60px
}

.sc_title_image.sc_size_large {
    max-width: 80px
}

.sc_title_image.sc_size_huge {
    max-width: 160px
}

/* Toggles
---------------*/
.sc_toggles .sc_toggles_content {
    display: none;
    overflow: hidden;
    margin: 0;
    font-weight: 300
}

.sc_toggles:not(.sc_active) .sc_toggles_content {display: none;}

.sc_toggles .sc_toggles_item .sc_toggles_title {
    text-align: left;
    font-weight: 400
}

.sc_toggles .sc_toggles_item .sc_toggles_title:before {
    content: '+';
    width: 28px;
    height: 28px;
    display: block;
    text-align: center;
    line-height: 26px;
    font-size: 20px;
    text-indent: 1px;
    position: absolute
}

.sc_toggles .sc_toggles_item.sc_active .sc_toggles_title:before {
    content: '-';
    font-size: 30px;
    line-height: 25px;
    font-weight: 100;
    text-indent: 0
}

.sc_toggles.     {
    /*margin: 0 0 50px 0*/
}

.sc_toggles.sc_toggles_style_1 .sc_toggles_item {
    border: 1px solid #ddd
}

.sc_toggles.sc_toggles_style_1 .sc_toggles_item+.sc_toggles_item {
    border-style: solid;
    border-color: #ddd;
    border-width: 0 1px 1px 1px
}

.sc_toggles.sc_toggles_style_1 .sc_toggles_item .sc_toggles_title {
    cursor: pointer;
    padding: 15px 15px 15px 50px;
    position: relative;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 22%,#f0f0f0 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(22%,#fff),color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top,#fff 22%,#f0f0f0 100%);
    background: -o-linear-gradient(top,#fff 22%,#f0f0f0 100%);
    background: -ms-linear-gradient(top,#fff 22%,#f0f0f0 100%);
    background: linear-gradient(to bottom,#fff 22%,#f0f0f0 100%)
}

/* Style 1 */
.sc_toggles.sc_toggles_style_1 .sc_toggles_item.sc_active .sc_toggles_title {
    background: 0;
    color: #222
}

.sc_toggles.sc_toggles_style_1 .sc_toggles_item .sc_toggles_content {
    padding: 0 15px 15px 50px
}

.sc_toggles.sc_toggles_style_1 .sc_toggles_item .sc_toggles_title:before {
    border: 1px solid #ddd;
    top: 10px;
    left: 10px
}

/* Style 2 */
.sc_toggles.sc_toggles_style_2 {
    /*margin: 0 0 50px 0*/
}

.sc_toggles.sc_toggles_style_2 .sc_toggles_item {
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd
}

.sc_toggles.sc_toggles_style_2 .sc_toggles_item+.sc_toggles_item {
    border-style: solid;
    border-color: #ddd;
    border-width: 0 0 1px 0
}

.sc_toggles.sc_toggles_style_2 .sc_toggles_item .sc_toggles_title {
    cursor: pointer;
    padding: 20px 50px 20px 15px;
    position: relative
}

.sc_toggles.sc_toggles_style_2 .sc_toggles_item .sc_toggles_content {
    padding: 0 50px 15px 15px
}

.sc_toggles.sc_toggles_style_2 .sc_toggles_item .sc_toggles_title:before {
    border: 1px solid #ddd;
    top: 15px;
    right: 10px
}

/* Style 3 */
.sc_toggles.sc_toggles_style_3 {
    margin: 0 0 50px 0
}

.sc_toggles.sc_toggles_style_3 .sc_toggles_item {
    border-width: 1px;
    border-style: solid
}

.sc_toggles.sc_toggles_style_3 .sc_toggles_item+.sc_toggles_item {
    border-width: 1px;
    border-style: solid;
    border-top-color: #fff
}

.sc_toggles.sc_toggles_style_3 .sc_toggles_item .sc_toggles_title {
    cursor: pointer;
    color: #fff;
    padding: 20px 50px 20px 15px;
    position: relative
}

.sc_toggles.sc_toggles_style_3 .sc_toggles_item.sc_active .sc_toggles_title {
    background: #fff
}

.sc_toggles.sc_toggles_style_3 .sc_toggles_item .sc_toggles_content {
    padding: 15px 50px 15px 15px
}

.sc_toggles.sc_toggles_style_3 .sc_toggles_item .sc_toggles_title:before {
    border: 1px solid #fff;
    top: 15px;
    right: 10px
}

.sc_toggles.sc_toggles_large .sc_toggles_item .sc_toggles_title {
    padding: 30px 50px 30px 15px
}

.sc_toggles.sc_toggles_large .sc_toggles_item .sc_toggles_title:before {
    top: 30px;
    right: 0
}

.sc_toggles.sc_toggles_large .sc_toggles_item .sc_toggles_content {
    padding: 0 50px 30px 30px
}

.sc_toggles.sc_show_counter .sc_toggles_item .sc_toggles_title {
    padding-left: 0
}

.sc_toggles.sc_show_counter .sc_toggles_item .sc_toggles_title span.sc_items_counter {
    display: inline-block;
    width: 50px
}

.sc_toggles.sc_show_counter .sc_toggles_item .sc_toggles_content {
    padding-left: 50px
}

/* Tooltip
------------------*/
.sc_tooltip_parent {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    position: relative
}

.sc_tooltip_parent .sc_tooltip {
    position: absolute;
    color: #fff;
    white-space: nowrap;
    top: -33px!important;
    left: 0!important;
    padding: 1px 5px;
    z-index: 2;
    display: none
}

.sc_tooltip_parent .sc_tooltip:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 12px;
    bottom: -4px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

/* Video player
-----------------------*/
.postCenter .sc_video_player {
    margin-bottom: 30px
}

.sidebar+.content .post .sc_video_player {
    width: 100%
}

.sc_video_player .sc_video_player_title,
.sc_video_player .sc_video_player_title:after,
.sc_video_player .sc_video_player_title:before {
    height: 21px;
    
    background-image: url('../img/Fw Flex/villagebanner2.jpg');
    background-position: no-repeat;
}

.sc_video_player .sc_video_player_title {
    background-position: no-repeat;
    background-position: 0 -21px;
    background-repeat: repeat-x;
    position: relative;
    margin: 0 10px
}

.sc_video_player .sc_video_player_title:after,
.sc_video_player .sc_video_player_title:before {
    content: "";
    position: absolute;
    top: 0;
    width: 60px
}

.sc_video_player .sc_video_player_title:after {
    background-position: 0 0;
    left: -10px
}

.sc_video_player .sc_video_player_title:before {
    background-position: 0 -42px;
    right: -10px
}

.sc_video_player .sc_video_frame {
    overflow: hidden;
    cursor: pointer;
    background-color: #f2f2f2;
    width: 100%
}

.sc_video_player .sc_video_frame img {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0
}

.sc_video_player .sc_video_frame iframe {
    display: block
}

.sc_video_player .sc_video_play_button {
    position: relative;
    opacity: 0
}

.sc_video_player .sc_video_play_button:after {
    width: 0;
    height: 0;
    line-height: 20px;
    font-size: 0;
    position: absolute;
    font-family: "FontAwesome";
    content: '\f04b';
    left: 50%;
    top: 50%;
    margin: 0;
    z-index: 10;
    background-color: #fff;
    text-align: center;
    text-indent: 3px;
    overflow: hidden;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)"
}

.sc_video_player:active .sc_video_play_button:after {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: -35px 0 0 -35px;
    text-indent: 5px;
    font-size: 30px;
    color: #fff
}

.footerWidget .sc_video_player .sc_video_play_button:after,
.sc_video_player:hover .sc_video_play_button:after {
    width: 50px;
    height: 50px;
    font-size: 21px;
    line-height: 50px;
    margin: -25px 0 0 -25px;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)"
}


/* Video background */
.videoBackgroundFullscreen {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: none
}

.videoBackgroundFullscreen.inited {
    display: block
}

.videoBackgroundFullscreen .mejs-layers,
.videoBackgroundFullscreen .mejs-controls {
    display: none !important
}

.videoBackgroundOverlay {
    position: relative;
    z-index: 2
}


.videoBackgroundOverlay .copyWrap {
    background-color: #fff
}

.videoBackground .mejs-container {background: initial !important;}

/* Zoom
-------------------*/

.zoomContainer {
    overflow: hidden;
    z-index: 10
}

.zoomLens {
    cursor: cell;
    border: none !important;
    width: 180px !important;
    height: 180px !important;
}

.zoomLens:before {
    border: rgba(255,255,255,0.33) 10px solid !important;
    width: 180px;
    height: 180px;
    content: "";
    position: absolute
}


@keyframes zoomin {
    0 {
        transform: scale(.1);
        -webkit-transform: scale(.1)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes viewmore {
    0 {
        transform: scale(.1);
        -webkit-transform: scale(.1)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes zoomout {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    100% {
        transform: scale(.1);
        -webkit-transform: scale(.1)
    }
}

@-webkit-keyframes viewmore {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    100% {
        transform: scale(.1);
        -webkit-transform: scale(.1)
    }
}