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


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
}

@font-face {
    font-family: appleberry;
    src: url(appleberry.ttf);
}

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

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: 60px;
    padding: 0 0 30px 0;
    font-weight: 100
}

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

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

h4,
.h4 {
    font-size: 17px;
    line-height: 20px;
    padding: 0 0 12px 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 15px 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
}

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
}

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
}

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

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

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
}

.me-cannotplay {
    overflow: hidden
}

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

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

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

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: #fff;
    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: 38px;
    line-height: 28px;
    display: block;
    border: none;
    padding: 0 9px;
    color: #212b6e;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    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 {
}

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

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
}

.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: 10px !important;
}

.margin_bottom_small {
    margin-bottom: 25px !important;
    padding-bottom: 0px;
}

.margin_bottom_small p {
    color: #414141 !important;
    font-weight: normal;
    font-size: 16px;
}

.margin_bottom_small span {
    font-size: 16px;
    font-weight: bold;
    color: #023f88;
}

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

.margin_bottom_small ul {
    margin: 0px;
    padding: 0px;
}

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

.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;
    background-color: #fff;
}

.thumb_center + .hrShadow {
    clear: both;
}

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

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

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

tbody .trow1 .rtext {
}

tbody .trow1 .rtext {
    font-size: 100%;
}

@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 {
    overflow: hidden;
    background: url(../img/footer-bg.png) center bottom repeat-x;
    height: 102px;
}

.clr {
    clear: both
}

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

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

body.boxed {
    position: static;
    width: auto;
    height: auto;
    overflow: scroll;
}

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

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

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 5px 1px #777;
    padding: 10px 0;
}

.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: 7px 0
}

header.fixedTopMenu .topWrap .logo img {
    height: 75px;
}

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

header.fixedTopMenu .topWrap .menuTopWrap > ul > li {
    padding: 10px 0;
    border-bottom: 3px solid #fff;
}

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
}

.topWrap .logo {
    float: left;
    font-size: 29px;
    font-weight: 100;
    padding: 0 0 0 0;
    color: #fff
}

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

.logo img {
    display: inline-block;
    border: 0;
    vertical-align: top;
    margin-right: 3px
}

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

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

.topWrap .usermenu_area {
    height: auto;
    background: url(../img/top-wrap-bg.png) center top repeat-x;
    padding: 0 0 10px 0;
}

.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 {
    height: 0;
    display: block;
    clear: both
}

.topWrap .usermenu_area a {
    color: #ffffff;
    font-size: 14px;
}

.topWrap .usermenu_area a:hover {
    color: #EDA200;
    text-decoration: none;
}

.topWrap .usermenu_area .menuItemRight {
    float: right;
    margin-top: -10px;
}

.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 {
    height: 35px;
    line-height: 35px;
    display: block
}

.topWrap .usermenu_area ul.usermenu_list > li.sfHover > a {
    color: #013e88;
    text-decoration: none;
    font-size: 14px;
}

.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: ''
}

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

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

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

.topWrap .usermenu_area ul.usermenu_list li.usermenu_cart > a:after,
.topWrap .usermenu_area ul.usermenu_list li.usermenu_language > a:after {
    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 {
}

.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;
    font-weight: bold;
}

.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: 27px 0 25px;
    text-align: center;
}

.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 12px;
    height: 39px;
    line-height: 39px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    z-index: 88;
    position: relative;
    font-size: 15px;
    font-weight: 300
}

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

.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;
    text-align: center;
}

.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: #F58220;
}

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

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

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

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

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

.sidemenu_wrap .sidemenu_button {
    width: 50px;
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
    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;
    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
}

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

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

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

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

.rsContent {
    position: relative;
}

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

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

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

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

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

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

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

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

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

.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.html)
}

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

.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.html)
}

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

.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)
}
}
.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.html)
}

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

.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_13 .swiper-slide {
    width: 120px;
    height: 120px;
}

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

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

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

.postLeft.items img {
    margin: 0 20px 20px 0
}

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

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

.postRight.items img {
    margin: 0 0 20px 20px
}

.postRight .thumb {
    float: right;
}

.postRight .postSharing ul {
    float: left;
}

.postRight .infoPost {
    text-align: left
}

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

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

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
}

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

.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 15px 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 {
    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
}

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

.imgNav {
    position: relative
}

.imgNav img {
    position: relative;
}

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

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

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

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

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

.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;
    margin-bottom: 10px;
}

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

.relatedPostWrap h2 {
}

.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: 100%;
    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
}

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

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

form .error_fields_class,
form input.error_fields_class:focus,
form textarea.error_fields_class:focus {
    border: 1px solid #da6f5b;
}

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

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

.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%;
    line-height: 16px;
    padding: 5px 0;
    text-align: center;
    border-right: 1px solid #ddd
}

.reviewBlock .infoTotal .totalWrap .totalStar {
    width: 50%;
    float: right;
    padding: 5px 0
}

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

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

.formValid {
}

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

.page404 {
    text-align: center;
}

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

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

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

.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_area .tagcloud a {
    display: inline-block;
    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_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 {
    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_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
}

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

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

a.social_pinterest > span {
    background-image: url(../img/social/pinterest.html);
}

a.social_twitter > span {
    background-image: url(../img/social/twitter.html);
}

a.social_gplus > span {
    background-image: url(../img/social/gplus.html);
}

a.social_rss > span {
    background-image: url(../img/social/rss.html);
}

.social_dribbble > span {
    background-image: url(../img/social/dribbble.html);
}

.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_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_area .sc_video_frame {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.widget_area .sc_video_frame img {
    width: 100%;
    height: 100%
}

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

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: 40px
}

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

.footerWidget .footLogo {
    padding: 0 0 20px 0
}

.footerWidget .footLogo a {
    display: block
}

.footerWidget .footLogo a img {
    height: 31px
}

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

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

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

.copyWrap .copy {
    padding: 20px 0 0 0
}

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

.copyWrap .copy .copyright {
    text-align: center;
    padding: 30px 0 25px 0;
    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;
}

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

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

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

.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)
}
}
#toTop {
    bottom: 20px;
    right: 20px;
    display: none;
    width: 49px;
    height: 175px;
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    z-index: 9999;
    font-size: 0;
    background: url(../img/rocket.gif) no-repeat;
}

#toTop:after {
    content: '';
    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;
}

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

iframe[name="google_conversion_frame"] {
    height: 1px;
    min-height: 0;
    display: none
}

.wooc_demo_icons {
    float: left;
    width: 24%;
    text-align: center;
}

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

.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.html)
}

.texture_bg_2 {
    background-image: url(../custom_tools/img/texture_2.html)
}

.texture_bg_3 {
    background-image: url(../custom_tools/img/texture_3.html)
}

.texture_bg_4 {
    background-image: url(../custom_tools/img/texture_4.html)
}

.texture_bg_5 {
    background-image: url(../custom_tools/img/texture_5.html)
}

.texture_bg_6 {
    background-image: url(../custom_tools/img/texture_6.html)
}

.texture_bg_7 {
    background-image: url(../custom_tools/img/texture_7.html)
}

.texture_bg_8 {
    background-image: url(../custom_tools/img/texture_8.html)
}

.texture_bg_9 {
    background-image: url(../custom_tools/img/texture_9.html)
}

.texture_bg_10 {
    background-image: url(../custom_tools/img/texture_10.html)
}

.texture_bg_11 {
    background-image: url(../custom_tools/img/texture_11.html)
}

.texture_bg_12 {
    background-image: url(../custom_tools/img/texture_12.html)
}

.bg_pattern_1 {
    background: url(../custom_tools/img/pattern_1.html) 50% 50% repeat fixed
}

.bg_pattern_2 {
    background: url(../custom_tools/img/pattern_2.html) 50% 50% repeat fixed
}

.bg_pattern_3 {
    background: url(../custom_tools/img/pattern_3.html) 50% 50% repeat fixed
}

.bg_pattern_4 {
    background: url(../custom_tools/img/pattern_4.html) 50% 50% repeat fixed
}

.bg_pattern_5 {
    background: url(../custom_tools/img/pattern_5.html) 50% 50% repeat fixed
}

.bg_pattern_6 {
    background: url(../custom_tools/img/pattern_6.html) 50% 50% repeat fixed
}

.bg_pattern_7 {
    background: url(../custom_tools/img/pattern_7.html) 50% 50% repeat fixed
}

.bg_pattern_8 {
    background: url(../custom_tools/img/pattern_8.html) 50% 50% repeat fixed
}

.bg_pattern_9 {
    background: url(../custom_tools/img/pattern_9.html) 50% 50% repeat fixed
}

.bg_pattern_0 {
    background: url(../custom_tools/img/pattern_0.html) 50% 50% repeat fixed
}

.bg_image_1 {
    background: url(../custom_tools/img/image_1.html) 50% 0 repeat-y fixed
}

.bg_image_2 {
    background: url(../custom_tools/img/image_2.html) 50% 0 repeat-y fixed
}

.bg_image_3 {
    background: url(../custom_tools/img/image_3.html) 50% 0 repeat-y fixed
}

.bg_image_4 {
    background: url(../custom_tools/img/image_4.html) 50% 0 repeat-y fixed
}

.bg_image_5 {
    background: url(../custom_tools/img/image_5.html) 50% 0 repeat-y fixed
}

.bg_image_6 {
    background: url(../custom_tools/img/image_6.html) 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 {
}

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

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

.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: #ccc !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 {
}

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

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

.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 {
    display: block;
    color: initial;
    text-decoration: none;
    background: #43c072;
    margin-top: -10px;
}

.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: #b5b5b5;
    -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: 20px;
}

.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title a:before {
    border: 1px solid #ddd;
    top: 10px;
    left: 10px;
    display: none;
}

.sc_accordion_content li {
    margin-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_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;
}

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

.sc_button a {
    text-decoration: none;
    outline: 0;
}

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

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

.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.html)
}

.sc_border.sc_border_dark {
    background-image: url(../img/slider/tablet_black.html)
}

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

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

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
}

.sc_column_item {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-sizing: border-box;
    min-height: 1px
}

.sc_content {
    overflow: hidden
}

.sc_countdown_wrapper {
    text-align: center
}

.sc_countdown.flip-clock-wrapper {
    width: auto;
    height: 115px;
    display: inline-block;
    margin: 0 auto;
}

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

.sc_gallery .galleryPic {
    display: block;
    width: 100%
}

.sc_gallery h4 {
    font-size: 1.07em;
    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
}

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

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

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

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

.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: 25px !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
}

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
}

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
}

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
}

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

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

.sc_pan {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.sc_pan_vertical,
.sc_pan_horizontal {
    cursor: all-scroll
}

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

.parallax_bg1 {
    background-image: url(../img/parallax/parallax2.html);
}

.parallax_bg2 {
    background-image: url(../img/parallax/parallax3.html);
}

.parallax_bg3 {
    background-image: url(../img/parallax/parallax1.html);
}

.parallax_bg4 {
    background-image: url(../img/parallax/parallax4.html);
}

.parallax_bg5 {
    background-image: url(../img/parallax/Depositphotos_12359307_original.html);
}

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

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

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

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

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

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

.sc_skills {
    width: 100%
}

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

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

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

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

.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;
    margin: 0 0 20px 0;
    color: #eee;
}

.sc_skills_counter .sc_skills_item .sc_skills_count {
    font-size: 60px;
    line-height: 78px;
    margin: 0 0 10px 0
}

.sc_skills_counter .sc_skills_item .sc_skills_info {
    color: #eee;
    font-size: 24px;
    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)
}

.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;
    border: 5px solid #09a55e;
    padding: 60px 60px 60px 0px;
    margin-bottom: 25px;
}

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

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

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

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

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

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

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

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

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

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

.sc_team {
}

.sc_team .sc_team_item {
    overflow: hidden;
    position: relative
}

.sc_team .sc_team_item .sc_team_item_avatar {
    width: 100%;
    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;
    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_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;
}

.sc_testimonials {
    position: relative;
    overflow: hidden
}

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

.sc_testimonials ul li {
    width: 100%;
    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;
}

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

.sc_testimonials_style_2 {
    position: relative;
}

.sc_testimonials_style_3 {
    position: relative;
    margin: 10px 0 30px 0;
}

.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: 10px 67px;
    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: 300px
}

.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: #000;
    font-size: 16px;
}

.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: #000;
    opacity: .9;
    filter: alpha(opacity=50)
}

.dark .sc_testimonials_style_2 .sc_testimonials_item_author .sc_testimonials_item_name {
    color: #fff
}

.sc_title {
    padding: 0 0 .6em 0
}

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

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

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

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

.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%)
}

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

.sc_toggles.sc_toggles_style_2 {
}

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

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

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

.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/video/video_title.html);
    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)"
}

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

.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)
}
}
.cloud-bg {
    width: 100%;
    height: 30px;
    display: block;
    background: url(../img/menu-bg-2.png) center top repeat-x;
    position: relative;
    left: 0;
    top: 0;
    z-index: 9;
    transform: rotateX(180deg);
}


.cloud-bottom {
    width: 100%;
    height: 30px;
    display: block;
    background: url(../img/main-menu-bg-4.png) center bottom repeat-x;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
}

.usermenu_area a img {
    margin-top: 0px;
}

#gallery-tour {
    width: 100%;
    min-height: 65px;
    background: #eee;
    margin-top: -50px;
}

.clouds-group {
    display: block;
    position: relative;
    text-align: center;
    z-index: 9;
    margin: -25px 00;
}

.clouds-group a img {
    margin: 0 10px 25px 10px;
}

#about-home-group {
    width: 100%;
    /*background: url(../img/mid-top-bg.png) center bottom repeat-x #eee;*/
    padding-bottom: 20px;
}

#about-home-group .mid p {
    text-align: justify;
}

.home-time-head {
    margin-top: 0px;
    text-align: left !important;
}

.center-time-head {
    margin-top: 30px;
    text-align: left !important;
}

.index-time-head {
    /*margin-top: 50px;*/
    margin-top: 10px;
    text-align: left !important;
}

.mid {
    height: 375px;
    /*overflow-y: auto;*/
    padding-right: 15px;
}

.fran-bla {
    color: #414141;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 25px;
    margin-top: 15px;
}

.fran-red {
    color: #c21919;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 30px;
}

.fran-green {
    color: #23884e;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 30px;
}

.mar-bot {
    margin-bottom: 30px;
}

#mid-main {
    width: 100%;
    min-height: 500px;
    padding: 0px 0 0 0;
    /*background: url(../img/mid-main-bg.jpg) top center repeat-x #29dc8a;*/
}

.date-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #ffcb05;
    border: 3px solid #fff;
    float: left;
    margin: 0 15px 15px 0;
}

.date-circle dd {
    text-align: center;
    color: #414141;
    font-size: 14px;
    padding-top: 15px;
    margin-bottom: 10px;
    font-weight: normal;
}

.date-circle dt {
    text-align: center;
    color: #414141;
    font-size: 15px;
    padding-top: 15px;
    border-top: 3px solid #fff;
}

.parent-tips {
    width: 100%;
    background: #eee;
    border: 5px solid #ffcb05;
    min-height: 200px;
    font-size: 14px;
    line-height: 24px;
    color: #414141;
    text-align: left;
    padding: 15px;
}

.event-gal {
}

.but-all {
    background: url(../img/all-but-bg.png) center top no-repeat;
    border: none !important;
    color: #414141;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 35px;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    width: 100%;
    height: 45px;
}

.but-all:hover {
    color: #013e88 !important;
}

.brands2 {
    width: 100%;
    display: block;
    background: #013e88;
    padding: 5px 10px;
    float: left;
}

.brands2 img {
    float: left;
    margin: 5px 1px;
}

#facts {
    width: 100%;
    min-height: 100px;
    background: #013e88;
    margin: 25px 0 0 0;
}

.facts-top {
    width: 100%;
    display: block;
    Padding-bottom: 40px;
    height: 40px;
    left: 0;
    z-index: 9;
    background: url(../img/facts-top-bg.png) repeat-x;
}

.facts-bottom {
    width: 100%;
    display: block;
    height: 24px;
    left: 0;
    z-index: 9;
    padding-top: 25px;
    background: url(../img/facts-bottom-bg.png) repeat-x;
}

#testi {
    width: 100%;
    min-height: 20px;
}

.pt-bg {
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: 8px 0 10px 0;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
    background: url(../img/pt-bg.png) center center no-repeat;
}

.play-ground {
    width: 100%;
    overflow: hidden;
    height: 250px;
}

.play-ground2 {
    width: 100%;
    overflow: hidden;
    height: 180px;
}

.adm-open {
    display: block;
    margin-top: 91px;
    font-size: 45px;
    color: #f58220;
    font-weight: 700;
    letter-spacing: -2px;
}

.form_main {
    width: 100%;
    margin-bottom: 25px;
}

.form_main h4 {
    font-family: roboto;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 20px;
    text-transform: uppercase;
}

.heading {
    border-bottom: 1px solid #fcab0e;
    padding-bottom: 9px;
    position: relative;
}

.heading span {
    background: #9e6600 none repeat scroll 0 0;
    bottom: -2px;
    height: 3px;
    left: 0;
    position: absolute;
    width: 75px;
}

.form {
    border-radius: 7px;
    padding: 6px;
}

.txt[type="text"] {
    border: none !important;
    margin: 10px 0;
    padding: 10px 0 10px 10px;
    width: 100%;
    background: url(../img/contact-form-bg.png) center bottom repeat-x #fff;
}

.txt[type="date"] {
    border: none !important;
    margin: 10px 0;
    padding: 10px 0 10px 5px;
    width: 100%;
    background: url(../img/contact-form-bg.png) center bottom repeat-x #fff;
}

.txt[name="list"] {
    border: none !important;
    margin: 10px 0;
    padding: 10px 0 10px 5px;
    width: 100%;
    background: url(../img/contact-form-bg.png) center bottom repeat-x #fff;
}

.txt_3[type="text"] {
    border: none !important;
    margin: 10px 0 0;
    padding: 10px 0 10px 5px;
    width: 100%;
    background: url(../img/contact-form-bg.png) center bottom repeat-x #fff;
}

.txt2[type="submit"] {
    background: url(../img/a-but-bg.png) center top no-repeat;
    border: none !important;
    color: #414141;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 35px;
    margin: 10px 0;
    padding: 0;
    text-transform: uppercase;
    width: 240px;
    height: 45px;
}

.txt2:hover {
    color: #013e88 !important;
    transition: all 0.5s ease 0s;
    border: none !important;
}

.form-control {
    display: block;
    width: 100%;
    padding: 10px 0 10px 5px !important;
    height: 41px;
    color: #888;
    margin: 10px 0;
    border: none;
    background: url(../img/contact-form-bg.png) center bottom repeat-x #fff;
}

.banner-about-hd {
    height: 258px;
    background-attachment: scroll;
    background-color: #6cb6dd;
    background-image: url(../img/center-login.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.banner-about-hd-slider {
    background-attachment: scroll;
    background-color: #6cb6dd;
    background-image: url(../img/slider/kinder-slide-2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.hedding-title {
    text-align: center;
    width: 100%;
    padding: 15px;
    font-weight: bold;
    color: #f58220;
    font-size: 18px;
}

.hedding-title span {
    font-size: 18px;
    font-weight: bold;
    color: #023f88;
}

.event-brdr {
    border: 8px solid #fff;
}

.login-section-box {
    background: #fff;
    float: left;
    width: 47%;
    margin: 15px;
    height: auto;
}

.p-g {
    background: #fff;
    float: left;
    margin: 10px 3px 10px 3px;
    height: auto;
}

.parent-section-box {
    background: #fff;
    float: left;
    width: 201px;
    margin: 10px 3px 10px 3px;
    height: auto;
}

.center-section-box {
    background: #fff;
    float: left;
    width: 201px;
    margin: 10px 3px 10px 3px;
    height: auto;
}

.login-section-box-in {
    background: #eeeeee;
}

.login-section-box-in img {
    background: #3abc64 none repeat scroll 0 0;
    padding: 8px;
}

.login-section-box-in2 img {
    background: #3abc64 none repeat scroll 0 0;
    padding: 8px;
}

.login-section-box-in2 h5 {
    color: #414141;
    font-size: 16px;
    font-weight: normal;
    height: 50px;
    margin-top: 10px;
    padding: 0 10px;
    text-align: center;
}

.event-brdr img {
    padding-bottom: 5px;
    width: 100%;
}

.gap-top {
    padding-top: 25px;
}

.gap-top-btm {
    padding-top: 35px;
}

.button-about {
    width: 100%;
    height: 45px !important;
    border-radius: 0px !important;
    font-size: 16px !important;
    border: none !important;
    background: #ffcb05 !important;
    line-height: 45px;
    color: #0c5076 !important;
    text-align: center;
}

.button-about a {
    color: #414141;
}

.t-calendar {
    background: #fff !important;
}

.button-about2 {
    width: 100%;
    height: 45px !important;
    border-radius: 0px !important;
    background: #eee !important;
    font-size: 16px !important;
    line-height: 45px;
    color: #0c5076 !important;
    text-align: center;
    border-bottom: solid 5px #3abc64 !important;
    font-weight: bold !important;
}

.button-about2 a {
    color: #0c5076 !important;
}

.button-about2 a:hover {
    color: #0c5076 !important;
    text-decoration: none;
}

.login-section-box-in2 {
    background: #fff none repeat scroll 0 0;
}

.button-about3 {
    width: 100%;
    height: 45px !important;
    border-radius: 0px !important;
    background: #fff !important;
    font-size: 16px !important;
    line-height: 45px;
    color: #0c5076 !important;
    text-align: center;
    border-bottom: solid 5px #3abc64 !important;
    font-weight: bold !important;
}

.button-about3 a {
    color: #0c5076 !important;
}

.button-about3 a:hover {
    border: none !important;
    text-decoration: none;
}

.button-about-n3 {
    width: 100%;
    height: 45px !important;
    border-radius: 0px !important;
    background: #eee !important;
    font-size: 16px !important;
    line-height: 45px;
    color: #0c5076 !important;
    text-align: center;
    border-bottom: solid 5px #3abc64 !important;
    font-weight: bold !important;
}

.button-about-n3 a {
    color: #0c5076 !important;
}

.button-about-n3 a:hover {
    border: none !important;
    text-decoration: none;
}

.login-section-box-in h1 {
    text-align: center;
    color: #414141;
    font-size: 16px;
    padding-bottom: 20px;
}

.mn-title {
    text-align: center;
    color: #f58220;
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 32px;
    line-height: 35px;
}

h2.mntitle {
    text-align: center;
    color: #f58220 !important;
    padding-bottom: 20px;
    font-size: 32px;
    line-height: 35px;
}

#about-home-group2 {
    background: #eee;
    width: 100%;
}

.mn-prompt {
    color: #f58220;
}

#mid-main2 {
    height: auto;
    overflow: hidden;
    padding: 0;
    padding-bottom: 25px;
    width: 100%;
    background: #eee;
}

.footer-hd {
    width: 100%;
    height: auto;
    background: #29dc8a url(../img/about-footer-bg.html) repeat-x
}

.about-footer-in {
    height: 300px;
    margin-top: -40px;
    background: url(../img/about-footer-kids-bg.png) no-repeat;
}

.copy2Wrap {
    background: rgba(0, 0, 0, 0) url("../img/footer-bg.png") repeat-x scroll center bottom;
    height: 102px;
    margin-top: -70px;
    overflow: hidden;
    padding-top: 55px;
    text-align: center;
}

.sc_section h4 {
    color: #023f88;
    font-size: 18px;
    text-align: left;
}

.sc_section h3 {
    color: #f87404;
    font-size: 20px;
    font-weight: bold;
}

.margin_bottom_small button {
    background: #000;
    padding: 5px;
}

.art-button {
    background: #43c072;
    border-radius: 0px;
    padding-left: 5px;
    color: #fff;
    border: none;
    padding: 8px 25px;
}

.art-button:hover {
    background: #36985f;
    border-radius: 0px;
    padding-left: 5px;
    color: #fff;
    text-decoration: none;
    border: none;
    padding: 8px 25px;
}

.artwork-bx {
    float: left;
    margin-left: 13px;
    margin-right: 13px;
    padding-top: 0;
    width: 248px;
}

.artwork-bx-con {
    padding: 25px;
    padding-top: 10px;
}

.navi {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.navi ul {
    list-style: none;
}

.navi ul li {
    display: inline;
    background: url(../img/non-active.png) center bottom no-repeat;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 15px;
}

.navi ul li a {
    margin-right: 1px;
    font: bold 15px Trebuchet MS;
    color: #0c5076;
    text-decoration: none;
    float: left;
    width: 190px;
    height: 45px;
    text-align: center;
}

.navi li a:hover {
    background: url(../img/nv-active.png) center bottom no-repeat;
    width: 190px;
    height: 45px;
    float: left;
}

.navi-active {
    background: url(../img/nv-active.png) center bottom no-repeat !important;
    z-index: 999999;
}

.cloud-bottom-inner {
    width: 100%;
    height: 30px;
    display: block;
    background: url(../img/inner-bottom-bg.png) center bottom repeat-x;
    position: absolute;
    left: 0;
    bottom: -4px;
    z-index: 9;
}

.title-h {
    font-size: 22px;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 25px;
}

.login-section-box-in h5 {
    text-align: center;
    color: #414141;
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
    padding: 0px;
    height: 50px;
}

.frnch-img-bx {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
}

.infra-con {
    background: #fff;
    min-height: 200px;
    display: block;
    width: 100%;
    padding: 25px;
    overflow: hidden;
}

.cloud-inner {
    width: 100%;
    height: 20px;
    overflow: hidden;
    background: url(../img/main-menu-bg-3.png) center bottom repeat-x;
}

.infra-con li {
    margin-left: 20px;
}

.faq-q {
    color: #fff;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 10px 8px;
}

.active {
    border-bottom: solid 2px #ed1c24;
    padding-bottom: 0px !important;
}

.photo-gallery-hd {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: auto;
    margin-right: 20px;
    width: 98%;
}

.photo-gallery-title {
    padding: 25px;
    padding-left: 20px;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    background: url(../img/gallery-title-bg.png) repeat-x #023f88;
    display: block;
    min-height: 25px;
    line-height: 24px;
}

.photo-gallery-hd-con {
    padding: 10px;
}

.video-gallery-title {
    padding: 25px;
    padding-left: 20px;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    background: url(../img/video-gallary-bg.png) repeat-x;
}

.gallery-title {
    padding: 25px;
    padding-left: 20px;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background: url(../img/photo-gallary-bg.png) repeat-x;
}

.banner-text {
    padding-top: 30px;
    text-align: left;
}

.banner-text h1, h2, h3 {
    color: #023f88 !important;
    margin-bottom: 0px !important;
}

#accordion-gallery {
    width: 400px;
    background: #444444;
    color: white;
}

#accordion-gallery a {
    display: block;
    background: #dddddd;
    color: #000000;
    text-decoration: none;
    padding: 5px;
}

#accordion-gallery a:hover {
    background: #bbffbb;
    color: white;
}

#accordion-gallery .has-children.closed a {
    background: #888888;
    color: #ddffdd;
}

#accordion-gallery .has-children {
}

#accordion-gallery li {
}

#accordion-gallery ul {
    padding: 0px !important;
    margin: 0px !important;
}

.photo-gallery-hd-con ul ul {
    margin: 0px;
    padding: 0px;
}

.photo-gallery-hd-con ul ul li {
    margin-left: 8px;
    padding: 0px;
}

.contain-in-gallery {
    background: #fff;
}

.photo-gallery-hd-con {
}

.photo-gallery-title-mn {
    background: url(../img/a-but-bg.png) no-repeat;
    width: 100%;
    padding-left: 25px;
    line-height: 40px;
    color: #414141;
    font-weight: bold;
}

.photo-gallery-title-sub a {
    background: #eeeeee;
    padding: 8px 20px;
    border-radius: 6px;
    color: #f68421;
}

.sub-t-sub a {
    background: url(../img/hand-icon.png) no-repeat;
    border-bottom: 1px solid #eeeeee;
    border-radius: 0;
    color: #414141;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 10px 10px 25px;
    padding-bottom: 10px;
    padding-left: 25px;
}

.photo-gallery-title2 {
    background: url(../img/gallery-title-bg2.png) repeat-x #023f88;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    min-height: 25px;
    line-height: 24px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 25px 25px 25px 20px;
}

.q-nav {
    width: 100%;
    display: block;
}

.form-bg-nclr {
    background: #eeeeee;
}

.form-fran {
    background: #eee;
    padding: 10px;
    display: block;
    overflow: hidden;
}

.partner-with-us {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #fff !important;
    margin-bottom: 15px;
    background: url(../img/a-but-bg.png) left center no-repeat;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.eheading {
    width: 100%;
    font-size: 16px;
    padding-left: 20px;
    font-weight: bold;
    color: #414141;
    margin-bottom: 15px;
    background: url(../img/a-bg.png) left center no-repeat;
    height: 40px;
    line-height: 40px;
}

.form-bg-nclr .txt[type="text"] {
    margin-top: -2px !important;
}

.submit-btn-n {
    background: rgba(0, 0, 0, 0) url("../img/a-but-bg.png") no-repeat scroll center top;
    border: medium none !important;
    color: #414141;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    height: 45px;
    line-height: 35px;
    margin: 10px 0;
    padding: 0;
    text-transform: uppercase;
    width: 255px;
}

.submit-btn-n:hover {
    background: rgba(0, 0, 0, 0) url("../img/a-but-bg.png") no-repeat scroll center top;
    background-color: none !important;
}

.form-h4 {
    padding-left: 0px;
    font-size: 16px;
    color: #023f88;
    font-weight: bold;
    padding-bottom: 15px;
}

.form-h5 {
    font-size: 14px;
    color: #023f88;
    font-weight: normal;
    padding-bottom: 15px;
}

.form-h5-u {
    font-size: 14px;
    color: #023f88;
    text-decoration: underline;
    font-weight: normal;
    padding-bottom: 15px;
}

.form-h5-u a {
    font-size: 14px;
    color: #023f88;
    text-decoration: underline;
    font-weight: normal;
    padding-bottom: 15px;
}

.form-h5-u a:hover {
    font-size: 14px;
    color: #023f88;
    text-decoration: none;
    font-weight: normal;
    padding-bottom: 15px;
}

.area-n table tr {
    background: #0CF;
}

#acdnmenu {
    min-height: 200px;
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px;
}

#acdnmenu ul.acdnTop {
    display: block;
    border: 1px solid #D8E2F3;
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 15px;
    border-radius: 25px;
}

#acdnmenu div.acdnHeading, #acdnmenu a.acdnLink {
    color: #023f88;
    font-size: 18px;
    outline: medium none;
    padding: 8px 8px 8px 24px;
    text-align: left;
    text-decoration: none;
    background: url(../img/all-but-bg.png) left center no-repeat;
    margin-bottom: 3px;
    margin-top: 5px;
}

#acdnmenu div.acdnCurrent, #acdnmenu div:hover, #acdnmenu a.acdnLink:hover, #acdnmenu div.acdnCurrent a.acdnLink {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    background: url(../img/all-but-bg.png) left center no-repeat;
    margin-top: 5px;
}

#acdnmenu a.acdnCurrent, #acdnmenu a.acdnCurrent:hover {
    color: #336699;
    text-decoration: none;
}

#acdnmenu div.acdnArrowImage {
    background-image: url(../img/arrows.gif);
    background-position: 0 0;
    height: 12px;
    left: 12px;
    top: 9px;
    width: 12px;
}

#acdnmenu div.acdnCurrent div.acdnArrowImage {
    background-position: 0 -12px;
}

#acdnmenu li.acdnSeparator {
    border-bottom: 1px solid #D8E2F3;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 0px;
}

#acdnmenu ul.acdnSub {
    padding-left: 14px;
}

#acdnmenu ul.acdnSub div.acdnHeading {
    color: #f58220;
    font-size: 16px;
    text-align: left;
    background: #E4E4E4;
    border-radius: 25px;
    width: 65%;
    margin-bottom: 4px;
    margin-left: 15px;
}

#acdnmenu ul.acdnSub div.acdnHeading a {
    color: #000000;
}

#acdnmenu ul.acdnSub div.acdnCurrent {
    background: #E4E4E4;
    border-radius: 25px;
    width: 65%;
    margin-bottom: 4px;
    margin-left: 15px;
}

#acdnmenu ul.acdnSub a.acdnLink {
    background: url(../img/hand-icon.png) left center no-repeat;
    color: #414141;
    font-size: 14px;
    padding: 5px 5px 5px 20px;
    text-decoration: none;
    margin-left: 25px;
    margin-bottom: 5px;
    margin-top: 5px;
}

#acdnmenu ul.acdnSub a.acdnLink:hover, #acdnmenu ul.acdnSub a.acdnCurrent, #acdnmenu ul.acdnSub div.acdnHeading a:hover, #acdnmenu ul.acdnSub div.acdnHeading a.acdnCurrent {
    background: url(../img/hand-icon.png) left center no-repeat;
    font-size: 14px;
    color: #000000;
    text-decoration: underline;
    margin-left: 25px;
    margin-bottom: 5px;
    margin-top: 5px;
}

#acdnmenu ul.acdnSub div.acdnArrowImage {
    background-image: url(../img/arrows.gif);
    background-position: 0 -24px;
    height: 12px;
    left: 4px;
    top: 6px;
    width: 12px;
}

#acdnmenu ul.acdnSub div.acdnCurrent div.acdnArrowImage {
    background-position: 0 -36px;
}

#acdnmenu, #acdnmenu ul {
    display: block;
    font-size: 0;
    line-height: 0;
}

#acdnmenu li {
    font-size: 12px;
    line-height: 16px;
}

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

#acdnmenu ul {
    list-style-type: none;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    top: 0px;
    display: none;
}

#acdnmenu li {
    margin: 0px;
    padding: 0px;
}

#acdnmenu div.acdnHeading, #acdnmenu div.acdnCurrent {
    cursor: pointer;
    position: relative;
}

#acdnmenu div.acdnArrowImage {
    overflow: hidden;
    position: absolute;
}

#acdnmenu-video {
    min-height: 200px;
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px;
}

#acdnmenu-video ul.acdnTop {
    display: block;
    border: 1px solid #D8E2F3;
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 15px;
    border-radius: 25px;
}

#acdnmenu-video div.acdnHeading, #acdnmenu-video a.acdnLink {
    color: #023f88;
    font-size: 18px;
    outline: medium none;
    padding: 8px 8px 8px 24px;
    text-align: left;
    text-decoration: none;
    background: url(../img/all-but-bg.png) left center no-repeat;
    margin-bottom: 3px;
    margin-top: 5px;
}

#acdnmenu-video div.acdnCurrent, #acdnmenu-video div:hover, #acdnmenu-video a.acdnLink:hover, #acdnmenu-video div.acdnCurrent a.acdnLink {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    background: url(../img/all-but-bg.png) left center no-repeat;
    margin-top: 5px;
}

#acdnmenu-video a.acdnCurrent, #acdnmenu-video a.acdnCurrent:hover {
    color: #336699;
    text-decoration: none;
}

#acdnmenu-video div.acdnArrowImage {
    background-image: url(../img/arrows.gif);
    background-position: 0 0;
    height: 12px;
    left: 4px;
    top: 9px;
    width: 12px;
}

#acdnmenu-video div.acdnCurrent div.acdnArrowImage {
    background-position: 0 -12px;
}

#acdnmenu-video li.acdnSeparator {
    border-bottom: 1px solid #D8E2F3;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 0px;
}

#acdnmenu-video ul.acdnSub {
    padding-left: 14px;
}

#acdnmenu-video ul.acdnSub div.acdnHeading {
    color: #f58220;
    font-size: 16px;
    text-align: left;
    background: #E4E4E4;
    border-radius: 25px;
    width: 65%;
    margin-bottom: 4px;
    margin-left: 15px;
}

#acdnmenu-video ul.acdnSub div.acdnHeading a {
    color: #000000;
}

#acdnmenu-video ul.acdnSub div.acdnCurrent {
    background: #E4E4E4;
    border-radius: 25px;
    width: 65%;
    margin-bottom: 4px;
    margin-left: 15px;
}

#acdnmenu-video ul.acdnSub a.acdnLink {
    background: url(../img/hand-icon.png) left center no-repeat;
    color: #414141;
    font-size: 14px;
    padding: 5px 5px 5px 20px;
    text-decoration: none;
    margin-left: 25px;
    margin-bottom: 5px;
    margin-top: 5px;
}

#acdnmenu-video ul.acdnSub a.acdnLink:hover, #acdnmenu-video ul.acdnSub a.acdnCurrent, #acdnmenu-video ul.acdnSub div.acdnHeading a:hover, #acdnmenu-video ul.acdnSub div.acdnHeading a.acdnCurrent {
    background: url(../img/hand-icon.png) left center no-repeat;
    font-size: 14px;
    color: #000000;
    text-decoration: underline;
    margin-left: 25px;
    margin-bottom: 5px;
    margin-top: 5px;
}

#acdnmenu-video ul.acdnSub div.acdnArrowImage {
    background-image: url(../img/arrows.gif);
    background-position: 0 -24px;
    height: 12px;
    left: 4px;
    top: 6px;
    width: 12px;
}

#acdnmenu-video ul.acdnSub div.acdnCurrent div.acdnArrowImage {
    background-position: 0 -36px;
}

#acdnmenu-video, #acdnmenu-video ul {
    display: block;
    font-size: 0;
    line-height: 0;
}

#acdnmenu-video li {
    font-size: 12px;
    line-height: 16px;
}

#acdnmenu-video:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#acdnmenu-video ul {
    list-style-type: none;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    top: 0px;
    display: none;
}

#acdnmenu-video li {
    margin: 0px;
    padding: 0px;
}

#acdnmenu-video div.acdnHeading, #acdnmenu-video div.acdnCurrent {
    cursor: pointer;
    position: relative;
}

#acdnmenu-video div.acdnArrowImage {
    overflow: hidden;
    position: absolute;
}

.form-area-contact {
    display: block;
    background: #eee;
    padding: 25px;
}

.city {
    width: 100%;
    display: block;
    min-height: 80px;
    overflow: hidden;
    padding: 25px;
    margin: 25px 0;
    background: #29dc8a;
}

.city1 {
    width: 100%;
    display: block;
}

.city1 ul {
    list-style: none;
}

.city1 ul li {
    list-style: none;
    float: right;
}

.city1 ul li a {
    color: #013e88;
    font-size: 14px;
    height: 25px;
    padding: 0 25px;
    text-align: center;
    line-height: 23px;
    background: url(../img/ftag.png) left top no-repeat;
    display: inline-block;
    float: right;
}

.city1 ul li a:hover {
    background: url(../img/ftag.png) left top -25px no-repeat;
}

.city2 {
    width: 100%;
    display: block;
}

.city2 ul {
    list-style: none;
}

.city2 ul li {
    list-style: none;
    float: left;
}

.city2 ul li a {
    color: #013e88;
    font-size: 14px;
    height: 25px;
    padding: 0 25px;
    text-align: center;
    line-height: 23px;
    background: url(../img/ftag2.png) right top no-repeat;
    display: inline-block;
    float: left;
}

.city2 ul li a:hover {
    background: url(../img/ftag2.png) right top -25px no-repeat;
}

.modal {
    position: fixed;
    top: 10% !important;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0px none;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #E5E5E5;
    background: #ffcb05;
}

.modal2 {
    position: fixed;
    top: 25% !important;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0px none;
}

.modal9 {
    position: fixed;
    top: 6% !important;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0px none;
    background: #000;
}

.loginmodal-container {
    padding: 30px;
    max-width: 350px;
    width: 100% !important;
    background-color: #F7F7F7;
    margin: 0 auto;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    font-family: roboto;
}

.loginmodal-container h1 {
    text-align: center;
    font-size: 1.8em;
    font-family: roboto;
}

.loginmodal-container input[type=submit] {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.loginmodal {
    text-align: center;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    height: 36px;
    padding: 0 8px;
}

.loginmodal-submit {
    border: 0px;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    background-color: #4d90fe;
    padding: 17px 0px;
    font-family: roboto;
    font-size: 14px;
}

.loginmodal-submit:hover {
    border: 0px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    background-color: #357ae8;
}

.loginmodal-container a {
    text-decoration: none;
    color: #666;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    opacity: 0.6;
    transition: opacity ease 0.5s;
}

.login-help {
    font-size: 12px;
}

.footer-inner {
    width: 100%;
    min-height: 100px;
    display: block;
    /*background: url(../img/play-bg.jpg) center top repeat-x #29dc8a;*/
}

.mid-links {
    width: 100%;
    padding: 15px 0;
    min-height: 100px;
    background: url(../img/mid-links-bg.png) left top repeat-x;
}

.infra-right {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 25px 0;
}

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

.infra-right ul li {
    list-style: none;
    display: block;
    margin-bottom: 15px;
}

.infra-right ul li p {
    font-size: 15px;
    color: #414141;
    text-align: center;
    margin-top: 10px;
}

.is {
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.is .inner-social {
    width: 110px;
    display: block;
    background: #fff;
    min-height: 20px;
    margin: 25px auto 25px auto;
    overflow: hidden;
}

.is .inner-social a img {
    float: left;
    display: inline-block;
    margin: 0 10px;
}

.form-bg {
    background: #eee;
    overflow: hidden;
    padding: 25px;
}

.bla {
    color: #414141 !important;
}

.blu {
    color: #069eef !important;
}

.blulin {
    color: #069eef !important;
}

.blulin:hover {
    color: #f58220 !important;
}

.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 81px !important;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFF !important;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption h1 {
    color: #ffcb05 !important;
}

.map-view {
    width: 100%;
    height: auto;;
    overflow: hidden;
}

.trow1 {
    background-color: #e1f7ff;
    font-family: Arial;
    font-size: 24px;
    color: #007aa7;
    height: 60px;
}

.trow2 {
    background-color: #ebf9ff;
    font-family: Arial;
    font-size: 24px;
    color: #007aa7;
    height: 70px;
}

.c-icon {
    width: 70px
}

.rtext {
    padding-left: 15px;
}

.enumber-text {
    padding-right: 15px;
    font-family: Arial;
    font-size: 24px;
    text-align: right;
    color: #007aa7;
    width: 180px;
}

.etb1 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ceninfo {
    font-family: 'Bree Serif', sans-serif;
    color: #414141;
    font-size: 16px;
    text-align: right;
    width: 400px;
    line-height: 40px;
    font-weight: Bold;
    margin-bottom: 10px;
}

.ceninfo-num {
    float: right;
    font-family: 'Bree Serif', sans-serif;
    color: #fff;
    text-align: center;
    font-size: 20px;
    background-color: rgba(6, 168, 217, 1.00);
    width: 80px;
    line-height: 40px;
    font-weight: Bold;
    margin-bottom: 10px;
}

.ceninfo-num1 {
    background-color: rgba(0, 172, 19, 1.00);
}

.ceninfo-num2 {
    background-color: rgba(236, 117, 0, 1.00);
}

.cloc {
    font-family: 'Bree Serif', sans-serif;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 5px;
    width: inherit;
    padding: 0 25px;
    display: inline-block;
}

.gap {
    Width: 5px;
}

.footer-nav {
    width: 100%;
    padding: 10px;
    background-image: url(../img/footerpatch.png);
    text-align: center;
}

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

.footer-nav ul li {
    list-style: none;
    display: inline-block;
}

.footer-nav ul li a {
    display: inline-block;
    color: #333;
    font-size: 12px;
    text-align: left;
    padding: 5px;
}

.footer-nav ul li a:hover {
    color: #ed1c24;
}

#last15days {
    margin-top: 10px;
    width: 100%;
}

.form-inline .form-control {
    height: 34px !important;
}

.dataTables_length {
    margin-top: 20px;
}

.dataTables_filter {
    margin-top: 20px;
}

.responsive_menu {
    overflow: hidden;
}

.table > thead:first-child > tr:first-child > th {
    background-color: #428bca;
    border-color: #428bca;
    color: #fff;
}

#edit_button, #view_button {
    font-weight: bold;
    color: #3c3cc7;
}

#frmbg {
    background: url(../img/leadformbg.png) center top repeat-x !important;
}

#frmbg p {
    padding: 10px 10px 15px 15px;
    font-weight: 500;
}

#frmbg img {
    text-align: center;
    display: inline-block;
    margin-left: 90px;
}

.mobi {
    display: none;
}

@media only screen and (max-width: 1650px) and (min-width: 200px) {
    .scrollit {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 767px) and (min-width: 200px) {
    label {
        color: #222;
        display: inline-block !important;
        height: 30px !important;
        width: 100% !important;
        line-height: 24px;
        margin-left: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .mobi {
        display: block;
    }

    .web {
        display: none;
    }
}

.dtshd {
    background-color: #d9edf7;
    color: #31708f;
    font-weight: 500;
}

#total_backgound {
    background: #f3e9e1;
    text-align: right;
    font-weight: bold !important;
    color: #826853;
    font-size: 18px;
    padding: 0px 8px;
}

#total_backgound h4 {
    padding: 0 !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > thead > tr > td, .table > tbody > tr > td {
    padding: 8px !important;
    line-height: 1.846;
    border-top: 1px solid #ddd;
    vertical-align: middle;
}

.label-success {
    background-color: #66bb6a;
    padding: 6px 12px;
    height: 39px;
    line-height: 1.846;
    font-size: 14px !important;
}

.label-warning {
    background-color: #ffb300;
    padding: 6px 12px;
    font-size: 14px;
}

.label-due {
    background-color: #ff4f00;
    padding: 6px 12px;
    font-size: 14px;
}