@charset UTF-8;

/*------------------------------------------------------------------
[Google Fonts]
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Style Index]

0. Reset
1. Main header
2. Main menu
3. Content styling
4. Comments
5. Photo gallery
6. Sidebar styling
7. Footer
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[0. Reset]

Reseting styles for individual theme
-------------------------------------------------------------------*/

body {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    color: #6B6B6B;
    /*background: url(../images/background-texture-3.jpg) 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);*/
}

a {
    color: #424c59;
    text-decoration: none;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    cursor: pointer;
}

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

a:hover {
    color: #000000;
    background-color: transparent;
    text-decoration: none;
}

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

a:active {
    outline: 0;
    text-decoration: none;
}

.clear-float {
    clear: both;
}

.wrapper {
    width: 1200px;
    margin: 0px auto;
    position: relative;
}

.boxed {
    overflow: hidden;
}

.boxed:not(.active) {
    background: #fff!important;
}

.active.boxed {
    width: 1280px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 50px rgba(0, 0, 0, .1);
    padding: 0;
    min-height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #424c59;
}

.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6 {
    color: #fff;
}

.left {
    float: left;
}

.right {
    float: right;
}

i.fa {
    line-height: inherit;
    font-weight: normal;
}

p {
    display: block;
    margin-bottom: 25px;
    line-height: 150%;
}

.footer,
.footer p {
    color: rgba(158, 158, 158, 0.78);
}

.text-go-center {
    text-align: center;
}


/*------------------------------------------------------------------
[1. Main header]

+ .header
    + 
        + 

Navigation    #main-menu
-------------------------------------------------------------------*/

.header {
    position: relative;
    /*z-index: 19;*/
    z-index: 9999;
}
.modal{
    z-index: 10000;
}

.header .header-message {
    display: block;
    background-color: #313131;
    background-image: url(../images/slider-background-2.jpg);
    background-repeat: repeat;
    background-position: top center;
    color: rgba(255, 255, 255, 0.5);
    padding: 18px 0;
    font-size: 16px;
    position: relative;
    z-index: 2;
    max-height: 500px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.header .header-message a[href='#close-hm'] {
    position: absolute;
    color: rgba(255, 255, 255, 0.5);
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 10px;
    right: 10px;
    font-size: 16px;
}

.header .header-message a[href='#close-hm']:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.header .header-info-content {
    position: relative;
    z-index: 101;
    background: transparent url("../images/slider-background-1.jpg") repeat scroll 0% 0%;
    padding: 0;
    color: rgba(73, 73, 73, 0.65);
}

.header .header-info-content.text-light .header-info-block>i i.fa,
.header .header-info-content.text-light .header-info-block a i.fa {
    color: #232323;
    background-color: #eaeaea;
}

.header .header-info-content.text-light .header-info-block>i:hover i.fa,
.header .header-info-content.text-light .header-info-block a:hover i.fa {
    background-color: #fff;
}

.header .header-info-content.text-light,
.header .header-info-content.text-light a {
    color: #eaeaea;
}

.header .header-info-content.text-light .header-info-block a i.fa.green-icon,
.header .header-info-content.text-light a:hover {
    color: #fff;
}

.header .header-info-content.text-light .header-info-block a:hover span {
    border-color: #fff;
}

.header-info-content.text-light .header-info-block.right .dropdown,
.header-info-content.text-light .header-info-block.right .dropdown a {
    color: #aaa;
}

.text-direction-left {
    text-align: left;
}

.text-direction-left > span,
.text-direction-left > strong,
.text-direction-left > div,
.text-direction-left > p {
    margin-left: 40px!important;
    padding-left: 0px;
    text-align: left;
}

.text-direction-right {
    text-align: right;
}

.text-direction-right > span,
.text-direction-right > strong,
.text-direction-right > div,
.text-direction-right > p {
    margin-right: 40px!important;
    padding-right: 0px;
    text-align: right;
}

.header .header-info-content:before {
    background-color: transparent!important;
}

.header .header-info-content a {
    color: rgba(73, 73, 73, 0.65);
}

.header .header-info-content a:hover {
    color: #232323;
}

.header .header-info-content .header-info-block {
    display: block;
    cursor: default;
}

.header .header-info-content .header-info-block > i,
.header .header-info-content .header-info-block a {
    display: inline-block;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 50px;
    vertical-align: middle;
    font-style: normal;
    margin-left: 20px;
    transition: all 0s;
    -moz-transition: all 0s;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
}

.header-info-content .header-info-block ul {
    margin-bottom: 0px;
}

.header-info-content .header-info-block ul ul li a,
.header-info-content .header-info-block ul ul li {
    display: block!important;
    margin-right: 0px;
}

.header-info-content .header-info-block > ul > li {
    display: inline-block;
    margin-right: 18px;
}

.header-info-content .header-info-block ul li a {
    font-size: 11px!important;
    transition: all 0.2s!important;
    -moz-transition: all 0.2s!important;
    -webkit-transition: all 0.2s!important;
    -o-transition: all 0.2s!important;
}

.header-info-content .header-info-block ul li a span {
    transition: all 0s!important;
    -moz-transition: all 0s!important;
    -webkit-transition: all 0s!important;
    -o-transition: all 0s!important;
    border-bottom: 2px dotted transparent!important;
    padding-right: 15px;
}

.header-info-content .header-info-block ul li a span:after {
    display: block;
    position: absolute;
    content: '\f107';
    font-family: "FontAwesome";
    right: 0px;
    top: 0px;
}

a.greenmenulink {
    color: #84ad23!important;
}

a.greenmenulink:hover {
    color: #232323!important;
}

.header-info-content .header-info-block ul ul.sub-menu {
    display: block;
    position: absolute;
    width: 230px;
    background-color: #FCFCFC;
    margin-left: -12px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.09);
    border-radius: 2px;
}

.header-info-content.text-light .header-info-block ul ul.sub-menu {
    background-color: #929292;
}

.header-info-content.text-light a.greenmenulink:hover {
    color: #fff!important;
}

.header-info-content .header-info-block ul ul.sub-menu {
    display: none;
}

.header-info-content .header-info-block ul li:hover > ul.sub-menu {
    display: block;
}

.header-info-content .header-info-block ul.sub-menu ul.sub-menu {
    margin-left: 0px;
    left: 100%;
    top: 0px;
}

.header-info-content .header-info-block > ul > li > ul.sub-menu:before {
    display: block;
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    top: -4px;
    left: 18px;
    background-color: inherit;
    z-index: -1;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header-info-content .header-info-block ul ul.sub-menu a {
    display: block;
    padding: 0 12px;
}

.header-info-content .header-info-block ul ul.sub-menu a span {
    width: 100%;
}

.header-info-content .header-info-block ul ul.sub-menu a span:after {
    content: '\f105';
}

.header-info-content .header-info-block ul ul.sub-menu li {
    transition: background-color 0.2s!important;
    -moz-transition: background-color 0.2s!important;
    -webkit-transition: background-color 0.2s!important;
    -o-transition: background-color 0.2s!important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
}

.header-info-content .header-info-block ul ul.sub-menu li:last-child {
    border-bottom: 0px;
}
header .header-info-content .header-info-block ul ul.sub-menu li#delimiter:hover {
    background: none;
}



.header-info-content .header-info-block.right .dropdown {
    display: inline-block;
    margin-left: 0px;
}

.header-info-content .header-info-block.right > a {
    display: inline-block;
    margin-left: 0px;
    margin-right: 6px;
}

.header-info-content .header-info-block.right a:hover {
    color: #808080;
}

.header-info-content .header-info-block.right .dropdown {
    position: relative;
    white-space: nowrap;
}

.header-info-content .header-info-block.right .dropdown a {
    display: block;
    padding: 0 10px;
}

.header-info-content .header-info-block.right .dropdown:hover {
    background-color: #f9f9f9;
    display: inline-block;
}

.header-info-content .header-info-block.right .dropdown .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: inherit;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.header-info-content .header-info-block.right .dropdown:hover .sub-menu {
    display: block!important;
}

.header-info-content .header-info-block.right .dropdown .sub-menu > a {
    line-height: 43px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    margin-left: 0px;
}

.header-info-content .header-info-block.right .dropdown .sub-menu > a:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.header .header-info-content .header-info-block > i span,
.header .header-info-content .header-info-block a span {
    display: inline-block;
    position: relative;
    border-bottom: 1px dotted transparent;
    line-height: 18px;
    vertical-align: middle;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.header .header-info-content .header-info-block a:hover span {
    border-color: #232323;
}

.header .header-info-content .header-info-block a:first-child {
    margin-left: 0px;
}

.header .header-info-content .header-info-block a img {
    line-height: 100%;
    vertical-align: middle;
    margin-right: 8px;
}

.header .header-info-content .header-info-block > i i.fa,
.header .header-info-content .header-info-block a i.fa {
    display: inline-block;
    margin-right: 10px;
    line-height: 23px;
    width: 23px;
    text-align: center;
    background-color: rgba(65, 65, 65, 0.7);
    font-size: 10px;
    color: #fff;
    border-radius: 50%;
    vertical-align: middle;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.header .header-info-content .header-info-block a i.fa.green-icon {
    margin-right: 7px!important;
    background-color: #9dca33;
    border-radius: 0;
}

.header .header-info-content .header-info-block a:hover i.fa.green-icon {
    background-color: #9dca33;
}

.header .header-info-content .header-info-block a i.fa:last-child {
    margin-right: 0px;
}

.header .header-info-content .header-info-block a:hover i.fa {
    background-color: #232323;
}

.header .cart-block-top {
    display: block;
    left: auto;
    right: 0px;
    width: 200px!important;
    white-space: normal;
}

.header .cart-block-top .item {
    display: block;
    padding: 16px!important;
    position: relative;
    margin-left: 0px!important;
    white-space: normal!important;
    line-height: 100%!important;
}

.header .cart-block-top a.item:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.header .cart-block-top .item span {
    display: inline-block;
    line-height: 100%;
}

.header .cart-block-top .item:after {
    display: block;
    clear: both;
    content: '';
}

.header .cart-block-top .item img {
    float: left;
    width: 40px;
    height: 40px;
    display: block;
}

.header .cart-block-top .item span:not(.sub-total) {
    display: block!important;
    margin-left: 55px;
    border-bottom: 0px!important;
}

.header .cart-block-top .cart-items {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 270px;
    border-bottom: 1px solid #E5E5E5;
}

.header .cart-block-top .item:before {
    display: block;
    height: 1px;
    bottom: 0px;
    left: 15px;
    right: 15px;
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, 0.08);
}

.header .cart-block-top .item:last-child:before {
    display: none;
}

.header .cart-block-top .item .price-tag {
    font-weight: 400;
    color: #A6A6A6;
    padding-top: 3px;
}

.header .cart-block-top .item.total-buttons:after {
    display: block;
    clear: both;
    content: '';
}

.header .cart-block-top .item.total-buttons strong {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
}

.header .cart-block-top .item .button {
    line-height: 32px;
    color: #fff!important;
    padding: 0!important;
    width: 48%;
    float: left;
    text-align: center;
    border-radius: 3px;
    margin-right: 4%;
    margin-left: 0;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 0px!important;
}

.header .cart-block-top .item .button:last-child {
    margin-right: 0;
}

.header .header-main-content {
    position: relative;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.4);
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}

.header .header-main-content #mooz-head-4 .header-logo {
    float: left;
    padding: 10px 7px;
}

.header .header-main-content #mooz-head-4 .main-menu {
    display: block;
    float: left;
    clear: left;
    text-align: left;
    width: auto;
}

.header .smallify .header-main-content #mooz-head-4 .header-logo {
    padding: 6px 0px;
    margin-right: 10px;
}

.header .smallify .header-main-content #mooz-head-4 .main-menu {
    float: left;
    width: auto;
    clear: none;
}

.smallify .header-block-right {
    display: none;
}

.header-block-right {
    float: right;
    width: 350px;
    display: block;
    padding: 20px 0;
    color: #ababab;
}

.header-block-right p:last-child {
    margin-bottom: 0px;
}

.header-block-right .header-block-weather {
    display: block;
    position: relative;
    text-align: left;
}

.header-block-right .header-block-weather i.fa {
    display: block;
    float: left;
    font-size: 30px;
    line-height: 100%;
}

.header-block-right .header-block-weather:before {
    display: block;
    position: absolute;
    left: 55px;
    height: 100%;
    content: '';
    width: 1px;
    background-color: #E8E8E8;
}

.header-block-right .header-block-weather {
    padding-top: 4px;
}

.header-block-right .header-block-weather span,
.header-block-right .header-block-weather strong {
    display: block;
    margin-left: 80px;
    font-size: 14px;
}

.header-block-right .header-block-weather strong {
    text-transform: uppercase;
    font-weight: 900;
}

.header-block-right .header-block-weather strong.degrees-p {
    font-size: 26px;
}

header #mooz-head-4 .main-menu>li>a {
    padding: 18px 16px;
}

.header .header-message .wrapper {
    display: table;
    vertical-align: middle;
}

.header .header-message .header-message-content {
    display: table-cell;
}

.header .header-message .header-message-content > strong {
    display: block;
    font-size: 29px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 8px;
}

.header .header-message .header-message-content > p {
    margin-bottom: 12px;
}

.header .header-message .header-message-icon {
    display: table-cell;
    vertical-align: middle;
    width: 120px;
}

.header .header-message .header-message-content {
    display: table-cell;
    vertical-align: middle;
}

.header .header-message .header-message-button {
    display: table-cell;
    width: 270px;
    vertical-align: middle;
    text-align: right;
}

.header .header-main-content > .wrapper {
    perspective: 300px;
    -moz-perspective: 300px;
    -o-perspective: 300px;
    -webkit-perspective: 300px;
    perspective-origin: 50% 100%;
    -moz-perspective-origin: 50% 100%;
    -o-perspective-origin: 50% 100%;
    -webkit-perspective-origin: 50% 100%;
}

.header .wrapper:after {
    display: block;
    clear: both;
    content: '';
}

.header .header-logo.centered {
    display: block!important;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0px;
    float: none!important;
    text-align: center;
    height: auto;
    line-height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.header .is-now-following .header-logo.centered,
.header .header-logo.centered img {
    max-height: 100px;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.header .is-now-following:not(.smallify) .header-logo.centered {
    transition: line-height 0.2s;
    -moz-transition: line-height 0.2s;
    -webkit-transition: line-height 0.2s;
    -o-transition: line-height 0.2s;
}

.header .is-now-following .header-logo.centered img {
    max-height: 30px;
}

.header .is-now-following .header-logo.centered {
    max-height: 90px;
    float: left!important;
    padding: 0px;
    line-height: 77px;
    margin-right: 20px;
}

.header .smallify .header-logo.centered {
    line-height: 56px;
}

.header nav.centered,
.header .main-menu.centered {
    display: block!important;
    float: none!important;
    text-align: center;
}

.header .is-now-following .main-menu.centered {
    text-align: left!important;
}

.header .main-menu.centered li {
    text-align: left;
}

.header .header-logo-selector {
    display: inline-block;
    height: 82px;
    line-height: 78px;
    /*float: left;*/
    margin-left: -20px;
    /*margin-left: -60px;*/
    padding-left: 10px;
    width: 
}

.header .header-logo-selector:hover {
    background-color: #F7F7F7;
}

.header .header-logo-selector a {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    width: 90%;
}

.header .header-logo-selector > a {
    /*padding-right: 48px;*/
    position: relative;
}

.header .header-logo-selector > a i {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    color: #9c9c9c;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    top: 39%;
    right: 20px;
    border-radius: 2px;
}

.header .header-logo-selector:hover > a i {
    background-color: #94BE30;
    color: #fff;
}

.header .header-logo-selector .header-logo-selector-wrap {
    display: none;
    position: absolute;
    background-color: #F7F7F7;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
}

.header .header-logo-selector .header-logo-selector-wrap a {
    line-height: 100%;
    height: auto;
    padding: 19px 20px;
    border-top: 1px solid rgba(204, 204, 204, 0.4);
}

.header .header-logo-selector .header-logo-selector-wrap a:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.header .header-logo-selector:hover .header-logo-selector-wrap {
    display: block;
}

.header .header-logo {
    display: inline-block;
    height: inherit;
    line-height: inherit;
}

.header .header-logo.left {
    line-height: 78px;
    transition: all 0;
    -moz-transition: all 0;
    -webkit-transition: all 0;
    -o-transition: all 0;
}

.header-logo-selector .header-logo 

.ot-menu-will-follow .main-menu-placeholder.is-now-following.smallify .header-logo.left {
    line-height: 54px;
}

.ot-breadcrumbs {
    display: block;
    padding: 24px 0;
}

.ot-breadcrumbs ul {
    margin: 0;
    display: block;
    font-size: 17px;
    font-weight: bold;
    cursor: default;
    line-height: 50px;
    color: #9f9f9f;
}

.ot-breadcrumbs ul li {
    display: inline-block;
    position: relative;
}

.ot-breadcrumbs ul li a {
    color: #9f9f9f;
}

.ot-breadcrumbs ul li a:hover {
    color: #232323;
}

.ot-breadcrumbs ul li:after {
    display: inline-block;
    content: '\f105';
    font-family: "FontAwesome";
    padding: 0 12px;
}

.ot-breadcrumbs ul li:last-child:after {
    display: none;
}

.ot-breadcrumbs h2 {
    display: block;
    float: right;
    margin: 0;
    line-height: 50px;
    font-weight: 900;
    color: #7d7d7d;
}

.op-jumplist {
    display: block;
    position: fixed;
    top: 20%;
    right: 0px;
    text-align: right;
    font-size: 14px;
    z-index: 20;
}

.op-jumplist .ot-jumplist-front {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
}

.op-jumplist .ot-jumplist-front a.launch-button {
    display: block;
    width: 40px;
    white-space: nowrap;
    background-color: #94BE30;
    color: #fff;
    padding: 84px 0 15px 0;
    font-size: 11px;
}

.op-jumplist .ot-jumplist-front:not(.gotinfo) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.op-jumplist .ot-jumplist-front a.launch-button:hover {
    background: #3c3c3c;
    color: #fff;
}

.op-jumplist .ot-jumplist-front.gotinfo a.launch-button strong {
    display: block;
    height: 40px;
    text-align: left;
    line-height: 40px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.op-jumplist .ot-jumplist-front a.launch-button strong {
    display: inline-block;
}

.op-jumplist .ot-jumplist-front a {
    display: block;
    margin-bottom: 2px;
    position: relative;
    left: 0px;
    transition: left 0.2s;
    -moz-transition: left 0.2s;
    -webkit-transition: left 0.2s;
    -o-transition: left 0.2s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.op-jumplist.jumplist-show .ot-jumplist-front a:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

.op-jumplist.jumplist-show .ot-jumplist-front a:nth-child(2) {
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.op-jumplist.jumplist-show .ot-jumplist-front a:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.op-jumplist.jumplist-show .ot-jumplist-front a:nth-child(4) {
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.op-jumplist.jumplist-show .ot-jumplist-front a:nth-child(5) {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.op-jumplist.jumplist-show .ot-jumplist-front a {
    left: 100%;
}

.op-jumplist .ot-jumplist-front .jump-soc-icon {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    background: #f4f4f4;
}

.op-jumplist .ot-jumplist-back {
    display: block;
    position: absolute;
    top: 0px;
    left: 100%;
    margin-left: 0px;
    right: 0px;
    background-color: #3c3c3c;
    color: #fff;
    z-index: 2;
    width: 180px;
    font-size: 13px;
    padding: 20px;
    text-align: left;
    transition: margin 0.2s;
    -moz-transition: margin 0.2s;
    -webkit-transition: margin 0.2s;
    -o-transition: margin 0.2s;
}

.op-jumplist.jumplist-show .ot-jumplist-back {
    margin-left: -180px;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.op-jumplist .ot-jumplist-back .launch-button {
    display: block;
    color: #fff;
    margin-bottom: 20px;
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
    background: rgba(255, 255, 255, 0.1);
    padding: 15px 20px;
}

.op-jumplist .ot-jumplist-back .launch-button:hover {
    background: #E53F39;
    color: #fff;
}

.op-jumplist .ot-jumplist-back ul {
    display: block;
    margin-bottom: 0px;
}

.op-jumplist .ot-jumplist-back ul li {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.op-jumplist .ot-jumplist-back ul li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.op-jumplist .ot-jumplist-back ul li a {
    display: block;
    color: #ccc;
}

.op-jumplist .ot-jumplist-back ul li a:hover {
    color: #fff;
}


/*------------------------------------------------------------------
[2. Main Menu]

+ .main-menu
    + 
        + 

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

header nav {
   /* float: right;*/
    font-family: "thsunarabunnew";
    padding-right: 10px;
}

header .main-menu {
    cursor: default;
    font-size: 0;
   /* float: left;*/
    margin-bottom: 0px;
    margin-top: 10px;
    padding-bottom: 28px;
}

header .main-menu.main-menu-socials a {
    font-size: 16px;
    line-height: 18px;
}

header .main-menu.left {
    float: left!important;
    margin-left: 16px;
}

header .main-menu li > a {
    color: #424c59;
    /*font-weight: 800;*/
    /*text-transform: uppercase;*/
    display: block;
    font-size: 25px;
}


/*header .main-menu li > a:hover {
    background:  #3a8ac6;
    border-radius: 7px;
    color:#FFFFFF;
  
}

header .main-menu li > a > span {
    position: relative;
    display: block;
}*/

header .main-menu li > a > span:after {
    position: absolute;
    /*content: '...';*/
    left: 50%;
    margin-left: -8px;
    top: 14px;
    font-size: 13px;
    letter-spacing: 3px;
    color: #ccc;
}

header .main-menu li li > a > span:after {
    margin-left: 0;
    left: auto;
    right: 0px;
    top: -2px;
    letter-spacing: 0px;
    content: ':';
}

header .main-menu > li {
    display: inline-block;
    font-size: 20px;
    position: relative;
    transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
}

header .main-menu > li:not(.has-ot-mega-menu) {
    perspective: 300px;
    -moz-perspective: 300px;
    -o-perspective: 300px;
    -webkit-perspective: 300px;
    perspective-origin: 50% 100%;
    -moz-perspective-origin: 50% 100%;
    -o-perspective-origin: 50% 100%;
    -webkit-perspective-origin: 50% 100%;
}

header .main-menu > li.has-ot-mega-menu {
    position: static;
}

header .main-menu > li.has-ot-mega-menu > ul.ot-mega-menu {
    /*padding: 30px 15px;*/
    width: auto;
    max-width: 100%;
    font-size: 0;
    /*white-space: nowrap;*/
}

header .main-menu > li.has-ot-mega-menu > ul.ot-mega-menu > li {
    display: table;
    vertical-align: top;
}

header .main-menu > li.has-ot-mega-menu > ul.ot-mega-menu .widget {
    font-size: 14px;
    display: block;
}

.widget-split {
    white-space: normal;
    max-width: 300px;
    display: table-cell;
    vertical-align: top;
    /*padding: 0 20px;*/
    border-right: 1px dotted rgba(0, 0, 0, 0.1);
}

.widget-split:last-child {
    border-right: 0px;
}

.widget-split .widget {
    margin-bottom: 30px;
}

.widget-split .widget:last-child {
    margin-bottom: 0px;
}

header .main-menu > li li {
    position: relative;
    perspective: 100px;
    -moz-perspective: 100px;
    -o-perspective: 100px;
    -webkit-perspective: 100px;
    perspective-origin: 50% 100%;
    -moz-perspective-origin: 50% 100%;
    -o-perspective-origin: 50% 100%;
    -webkit-perspective-origin: 50% 100%;
    margin: 0px 5px;
}

header .main-menu li li > ul.sub-menu {
    left: auto;
    right: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 0;
    transform: rotateX(0);
    -moz-transform: rotateX(0);
    -o-transform: rotateX(0);
    -webkit-transform: rotateX(0);
}

header .main-menu.main-menu-direction-right li li > ul.sub-menu {
    left: 0px;
    right: auto;
}


/*header .main-menu li li:hover > ul.sub-menu {
    left: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
}*/

header .main-menu li li:hover > ul.sub-menu {
    left: auto;
    right: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
}

.sub-menu ul li {
    /*background: #3a8ac6 ;*/
}

header .main-menu.main-menu-direction-right li li:hover > ul.sub-menu {
    left: 100%;
    opacity: 1;
    /*background: #3a8ac6;*/
     background: transparent url("../images/slider-background-1.jpg") repeat scroll 0% 0%;
    filter: alpha(opacity=100);
}

header .main-menu > li ul.sub-menu {
    display: none;
    position: absolute;
    /*background-color: #F7F7F7;*/
    background: transparent url("../images/slider-background-1.jpg") repeat scroll 0% 0%;
    z-index: 1;
    width: 240px;
    top: 100%;
    right: 0px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);

  /*  background: #3a8ac6;
    border-radius: 7px;*/
}

header .main-menu > li.has-ot-mega-menu > .ot-mega-menu
{
    display: none;
    position: absolute;
    /*background-color: #F7F7F7;*/
    background: transparent url("../images/slider-background-1.jpg") repeat scroll 0% 0%;
    z-index: 1;
    width: 240px;
    /*top: 100%;*/
    /*right: 0px;*/
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);

  /*  background: #3a8ac6;
    border-radius: 7px;*/
}

header .main-menu.anim-fold > li.has-ot-mega-menu > .ot-mega-menu,
header .main-menu.anim-fold > li ul.sub-menu {
    visibility: hidden;
    display: block;
    transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -webkit-transition: all 230ms cubic-bezier(0, 0, 0, 1);
    -moz-transition: all 230ms cubic-bezier(0, 0, 0, 1);
    -ms-transition: all 230ms cubic-bezier(0, 0, 0, 1);
    -o-transition: all 230ms cubic-bezier(0, 0, 0, 1);
    transition: all 230ms cubic-bezier(0, 0, 0, 1);
}

header .main-menu > li ul.sub-menu.search-drop {
    right: 0px!important;
    left: auto!important;
}

header .main-menu.main-menu-direction-right > li ul.sub-menu {
    right: auto;
    left: 0px;
}


/*header .main-menu > li.has-ot-mega-menu > .ot-mega-menu,*/

header .main-menu > li.has-ot-mega-menu:hover > .ot-mega-menu,
header .main-menu li:hover > ul.sub-menu {
    display: block;
}

header .main-menu.anim-fold > li.has-ot-mega-menu:hover > .ot-mega-menu,
header .main-menu.anim-fold li:hover > ul.sub-menu {
    display: block;
    transform: rotateX(0);
    -moz-transform: rotateX(0);
    -o-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    visibility: visible;
    transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

header .main-menu li > ul.sub-menu li > a {
    padding: 10px 18px;
    color: #424C59;
    border-bottom: 2px solid #ccc;
    font-size: 24px;
    /*font-weight: bold;*/
    font-family: "thsunarabunnew";
}

header .main-menu li > ul.sub-menu li:hover {
    /*background: rgba(0, 0, 0, 0.02);*/
    background: #F7F7F7;
}
.header-info-content ul.menu-mobile li table tr td.lang_th:hover{
	 background-color: #fff;
}
.header-info-content .header-info-block ul ul.sub-menu li:hover,
.header-info-content ul li:hover {
    background-color: rgba(0, 0, 0, 0.03);
}
header .main-menu > li > a {
    padding: 0px 10px;
    font-family: "thsunarabunnew";
}
header .main-menu > li > a span.fa.fa-caret-down{
    font-size: 18px;
    padding-left: 2px;
}

header .main-menu > li:hover {
    background-color: #F7F7F7;
    z-index: 2;
}

header .sub-menu.search-drop {
    padding: 15px;
}

header .sub-menu.search-drop li {
    background-color: transparent!important;
}

header .sub-menu.search-drop li input {
    display: block;
    float: left;
    width: 64%;
    margin-right: 4%;
    line-height: 20px;
    padding: 9px 12px;
    border: 1px solid #DBDBDB;
    font-size: 13px;
    border-radius: 2px;
}

header .sub-menu.search-drop li button {
    display: block;
    float: left;
    width: 32%;
    line-height: 20px;
    padding: 9px 12px;
    border: 1px solid transparent;
    background-color: #9dca33;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    box-shadow: inset 0 0 0 30px rgba(255, 255, 255, 0);
}

header .sub-menu.search-drop li button:hover {
    box-shadow: inset 0 0 0 30px rgba(255, 255, 255, 0.1);
    background: #4795cb;
}


/*------------------------------------------------------------------
[3. Content styling]

+ .content
    + 
        + 

Main panels   .ot-panel-block
-------------------------------------------------------------------*/

.content {}

.main-content {
    display: block;
   /* margin-top: 13%;*/
    /*padding: 60px 0;*/
    margin-top:80px;
}

.main-content-title {
    display: block;
    padding-bottom: 40px;
}

.main-content-title h2 {
    font-size: 34px;
    font-weight: normal;
    color: #0D2DA7;
    margin-bottom: 20px;
    margin-top: 0px;
    font-family: "supermarketregular";
}

.main-content-title h2:last-child {
    margin-bottom: 0px;
}

.main-content-title p {
    font-size: 18px;
}

.main-content-title p:last-child {
    margin-bottom: 0px;
}

.main-content .wrapper {
    display: block;
}

.main-content .wrapper:after {
    display: block;
    clear: both;
    content: '';
}

.main-content.sidebar-right .wrapper .main-content-block {
    display: block;
    float: left;
    width: 70%;
}

.main-content.sidebar-left .wrapper .main-content-block {
    display: block;
    float: right;
    width: 70%;
}

.main-content-block {
    display: block;
    min-height: 500px;
}

.main-content #sidebar {
    display: block;
    float: left;
    width: 25%;
    margin-left: 5%;
}

.main-content.sidebar-left #sidebar {
    float: left;
    margin-left: 0px;
    margin-right: 5%;
}

.main-content #sidebar .widget {
    display: block;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    margin-bottom: 40px;
}

.main-content #sidebar .widget .social-widget {
    font-size: inherit;
}

.main-content #sidebar .widget .social-squares {
    font-size: 0;
    margin-bottom: 15px;
}

.main-content #sidebar .widget a.button-read-more {
    background: #F5F5F5;
    color: #BEBEBE!important;
}

.main-content #sidebar .widget a.button-read-more:hover {
    background: #E7E7E7;
    color: #A3A3A3!important;
}

.main-content #sidebar .widget .ot-bnr {
    display: block;
    width: 100%;
}

.main-content #sidebar .widget .search-form {
    display: block;
    width: 100%;
    font-size: 0;
    vertical-align: bottom;
}

.main-content #sidebar .widget .search-form label {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0px;
    width: 73%;
}

.main-content #sidebar .widget .search-form label span {
    display: none;
}

.main-content #sidebar .widget .search-form label input {
    width: 100%;
    border: 1px solid #efefef;
    border-radius: 2px 0 0 2px;
    padding: 12px 16px;
}

.main-content #sidebar .widget .search-form > input {
    display: inline-block;
    font-size: 14px;
    width: 27%;
    border: 1px solid transparent;
    border-radius: 0 2px 2px 0;
    border-right: 0px;
    background-color: #efefef;
    padding: 12px 16px;
}

.main-content #sidebar .widget .search-form > input:hover {
    background-color: #E7E7E7;
}

.main-content #sidebar .widget ul.menu {
    width: 100%;
}

.widget ul.menu:nth-child(2) {
    margin-top: -20px;
}

.ot-home-block-content {}

.ot-home-block-content div.homepage-block-trio {
    text-align: center;
    margin-bottom: 80px;
}

.ot-home-block-content div.homepage-block-trio:last-child {
    margin-bottom: 0px;
}

.paragraph-row.homepage-block-quote {
    display: table;
    text-align: left;
    width: 100%;
}

.paragraph-row.homepage-block-quote > div {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.homepage-block-quote > div:last-child {
    text-align: center;
    padding-left: 3%;
}

.homepage-block-quote div > h3 {
    display: block;
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 800;
    margin-top: 0px;
}

.homepage-block-quote div > h3:last-child {
    margin-bottom: 0px;
}

.homepage-block-trio {
    position: relative;
}

.homepage-block-trio:before {
    display: block;
    position: absolute;
    border-bottom: 1px dotted rgba(208, 208, 208, 0.66);
    bottom: -40px;
    height: 1px;
    width: 100%;
    left: 0px;
    content: '';
}

.homepage-block-trio:last-child:before {
    display: none;
}

.homepage-block-trio {
    margin-left: -1.6%;
    margin-right: -1.6%;
}

.homepage-block-trio > div {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.homepage-block-trio > div:before {
    display: block;
    border-right: 1px dotted rgba(208, 208, 208, 0.66);
    width: 1px;
    height: 100%;
    top: 0px;
    right: -15px;
    position: absolute;
    content: '';
}

.text-light .homepage-block-trio > div:before {
    border-right: 1px dotted rgba(208, 208, 208, 0.15);
}

.homepage-block-trio > div:last-child:before {
    display: none;
}

.homepage-block-trio div > img {
    display: inline-block;
    margin-bottom: 10px;
}

.homepage-block-trio div > i.fa {
    width: 90px;
    height: 90px;
    line-height: 90px;
    background-color: #B5B5B5;
    color: #fff;
    font-size: 42px;
    border-radius: 50%;
    text-shadow: 2px 2px #A8A8A8, 4px 4px #A8A8A8, 6px 6px #A8A8A8, 8px 8px #A8A8A8, 10px 10px #A8A8A8, 12px 12px #A8A8A8, 14px 14px #A8A8A8, 16px 16px #A8A8A8, 18px 18px #A8A8A8, 20px 20px #A8A8A8, 22px 22px #A8A8A8, 24px 24px #A8A8A8, 26px 26px #A8A8A8, 28px 28px #A8A8A8, 30px 30px #A8A8A8, 32px 32px #A8A8A8, 34px 34px #A8A8A8, 36px 36px #A8A8A8;
    overflow: hidden;
    border: 1px solid transparent;
    margin-bottom: 10px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.homepage-block-trio.image-desc-list > div:nth-child(3n+1) {
    margin-left: 0px;
    clear: both;
}

.homepage-block-trio.image-desc-list > div:nth-child(n+4) {
    margin-top: 44px;
}

.homepage-block-trio.image-desc-list div > a > img,
.homepage-block-trio.image-desc-list div > img {
    display: block;
    background-color: rgba(132, 132, 132, 0.1);
    padding: 5px;
    width: 100%;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.homepage-block-trio.image-desc-list div:hover > a > img {
    background-color: rgba(132, 132, 132, 0.16);
    box-shadow: 0 0 30px 10px rgba(132, 132, 132, 0.08);
}

.homepage-block-trio.image-desc-list > div:before {
    display: none;
}

.homepage-block-trio.image-desc-list div > h3 {
    font-size: 28px;
}

.homepage-block-trio.image-desc-list div > p {
    color: #6f6f6f;
    font-weight: normal;
}

.homepage-block-trio div > h3 {
    display: block;
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 100;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.homepage-block-trio div > h1,
.homepage-block-trio div > h2,
.homepage-block-trio div > h3,
.homepage-block-trio div > h4,
.homepage-block-trio div > h5,
.homepage-block-trio div > h6 {
    margin-bottom: 20px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.homepage-block-trio div > h4 {
    font-size: 30px;
}

.homepage-block-trio div > h5 {
    font-size: 26px;
}

.homepage-block-trio div > h6 {
    font-size: 22px;
}

.homepage-block-trio div > h3 strong {
    font-weight: 800;
}

.homepage-block-trio div > p {
    font-size: 16px;
    font-weight: 100;
}

.ot-home-wrapper {
    display: block;
    padding: 60px 0;
    position: relative;
}

.ot-home-wrapper.wrap-no-top {
    padding-top: 0px!important;
}

.ot-home-wrapper.wrap-no-bottom {
    padding-bottom: 0px!important;
}

.ot-home-wrapper:nth-child(0) {
    z-index: 20;
}

.ot-home-wrapper:nth-child(1) {
    z-index: 19;
}

.ot-home-wrapper:nth-child(2) {
    z-index: 18;
}

.ot-home-wrapper:nth-child(3) {
    z-index: 17;
}

.ot-home-wrapper:nth-child(4) {
    z-index: 16;
}

.ot-home-wrapper:nth-child(5) {
    z-index: 15;
}

.ot-home-wrapper:nth-child(6) {
    z-index: 14;
}

.ot-home-wrapper:nth-child(7) {
    z-index: 13;
}

.ot-home-wrapper:nth-child(8) {
    z-index: 12;
}

.ot-home-wrapper:nth-child(9) {
    z-index: 11;
}

.ot-home-wrapper:nth-child(10) {
    z-index: 10;
}

.ot-home-wrapper:nth-child(11) {
    z-index: 9;
}

.ot-home-wrapper:nth-child(12) {
    z-index: 8;
}

.ot-home-wrapper:nth-child(13) {
    z-index: 7;
}

.ot-home-wrapper:nth-child(14) {
    z-index: 6;
}

.ot-home-wrapper:nth-child(15) {
    z-index: 5;
}

.ot-home-wrapper:nth-child(16) {
    z-index: 4;
}

.ot-home-wrapper:nth-child(17) {
    z-index: 3;
}

.ot-home-wrapper:nth-child(18) {
    z-index: 2;
}

.ot-home-wrapper:nth-child(19) {
    z-index: 1;
}

.border-bottom,
.border-top {
    /*position: relative;*/
    position: fixed;
    /*background: rgb(255, 255, 255) none repeat scroll 0% 0%;*/
    background: transparent url("../images/slider-background-1.jpg") repeat scroll 0% 0%;
    width: 100%;
}

.border-bottom > strong,
.border-top > strong,
.border-bottom > span,
.border-top > span,
.border-bottom > p,
.border-top > p,
.border-bottom > div,
.border-top > div {
    position: relative;
    z-index: 2;
}

.border-top:before {
    display: block;
    clear: both;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    position: absolute;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    background-color: inherit;
}

.border-bottom:before {
    display: block;
    clear: both;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    position: absolute;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    background-color: inherit;
}

header:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    position: absolute;
    background-color: inherit;
}

.ot-home-wrapper > .wrapper {
    position: relative;
    z-index: 2;
}

.ot-home-block-title {
    display: block;
    text-align: center;
    margin-bottom: 40px;
}

.ot-home-block-title h2 {
    display: block;
    font-weight: 100;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 50px;
    color: #424c59;
}

.ot-home-block-title h2:last-child {
    margin-bottom: 30px;
}

.ot-home-block-title p {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 680px;
    max-width: 100%;
    font-size: 18px;
    line-height: 27px;
    color: #a9a9a9;
    margin-bottom: 50px;
    padding-top: 1px;
}

.ot-home-block-title p:empty {
    margin-bottom: 0px;
}

.ot-home-block-content {
    margin-bottom: 0px;
    font-size: 18px;
}

.ot-home-block-content p:last-child {
    margin-bottom: 0px;
}

.ot-home-block-title:last-child {
    margin-bottom: 0px;
}

.ot-home-block-title:last-child {
    margin-bottom: -30px;
}

.ot-home-block-content .paragraph-row > div > p:last-child {
    margin-bottom: 30px;
}

.ot-home-block-content .paragraph-row:last-child > div > p:last-child {
    margin-bottom: 0;
}

.ot-hover-swiff {
    display: inline-block;
    position: relative;
    overflow: hidden;
    background-color: orange;
    background-size: 1px 1px;
    background-position: -1px -1px;
    background-repeat: no-repeat;
    width: 100%;
}

.ot-hover-swiff img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: all .7s cubic-bezier(0, .92, .38, .96);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    width: 100%;
}

.ot-hover-swiff:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ot-hover-swiff:before {
    background-color: inherit;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
    transition: -webkit-transform 0.3s cubic-bezier(.95, .05, .05, .95);
    transition: transform 0.3s cubic-bezier(.95, .05, .05, .95);
    width: 73%;
    z-index: 4;
}

.ot-hover-swiff:hover:before {
    -webkit-transform: translateX(140%);
    transform: translateX(140%);
}

.ot-hover-swiff:after {
    display: block;
    content: '';
    position: absolute;
    z-index: 3;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-position: top right;
    background-size: cover;
    transition: width 0.3s cubic-bezier(.95, .05, .05, .95);
}

.ot-hover-swiff:hover:after {
    width: 0px;
}

.ot-hover-swiff > i {
    position: absolute;
    display: block;
    z-index: 1;
    text-align: center;
    width: 100%;
    line-height: 100%;
    top: 50%;
    margin-top: -19px;
    height: 0px;
    background-color: inherit;
}

.ot-hover-swiff > i i {
    display: inline-block;
    background-color: inherit;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 14px;
    color: #fff;
    font-style: normal;
    font-weight: 900;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    transition: all .7s cubic-bezier(0, .92, .38, .96);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    border-radius: 0px;
    /*box-shadow: 0 2px 2px 1px rgba(0,0,0,0.1);*/
}

.ot-hover-swiff:hover > i i {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ot-hover-swiff > i i:before {
    content: attr(data-text);
}

.text-light .ot-home-block-title h2 {
    color: #fff;
}

.text-light .ot-home-block-title p {
    color: rgba(255, 255, 255, 0.7);
}

.text-light {
    color: rgba(255, 255, 255, 0.7);
}

.text-light a {
    color: rgba(255, 255, 255, 0.8);
}

.text-light a:hover {
    color: rgba(255, 255, 255, 1);
}

a.back-top-follow {
    display: block;
    position: fixed;
    z-index: 20;
    bottom: 0px;
    right: 20px;
    width: 50px;
    height: 47px;
    line-height: 47px;
    color: rgba(255, 255, 255, 0.9);
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    opacity: 0;
    filter: alpha(opacity=0);
}

a.back-top-follow:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}

a.back-top-follow.showthis {
    opacity: 1;
    filter: alpha(opacity=100);
    bottom: 20px;
}

.ot-animslider-content {
    display: block;
    text-align: center;
}

.ot-animslider-content.texture-borders {
    position: relative;
}

.ot-animslider-content.texture-borders:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 30px;
    content: '';
    left: 0px;
    bottom: 0px;
    z-index: 2;
    background: url(../images/slider-border-texture.png) repeat-x top center;
}

.ot-animslider-content.texture-borders:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 30px;
    content: '';
    left: 0px;
    top: 0px;
    z-index: 2;
    background: url(../images/slider-border-texture-up.png) repeat-x top center;
}

.ot-animslider-content.bigpadding .ot-animslider-slides {
    padding: 150px 0;
}

.ot-animslider-content .le-scrolling-gif {
    display: inline-block;
    margin-bottom: 30px;
}

.ot-animslider-content .ot-animslider-slides {
    display: block;
    /*padding: 38px 0;*/
    position: relative;
}

.ot-animslider-content .ot-animslider-slides > div {
    display: none;
    position: relative;
    z-index: 2;
}

.ot-animslider-content .ot-animslider-slides > div.active {
    display: block;
}

.ot-animslider-content .ot-animslider-controls {
    display: block;
}

.ot-animslider-content .ot-animslider-controls a {
    display: block;
    position: absolute;
    font-size: 47px;
    top: 50%;
    margin-top: -64px;
    color: rgba(0, 0, 0, 0.3);
    z-index: 4;
}

.ot-animslider-content .ot-animslider-controls a:hover {
    color: #000;
}

.ot-animslider-content .ot-animslider-controls a.ot-animslider-controls-left {
    right: 95%;
    /*margin-right: 22px;*/
    color: #CCC;
}

.ot-animslider-content .ot-animslider-controls a.ot-animslider-controls-right {
    left: 95%;
    color: #CCC;
    /*margin-left: 22px;*/
}

.boxed.active .ot-animslider-content .ot-animslider-controls a.ot-animslider-controls-left {
    margin-right: 0px;
}

.boxed.active .ot-animslider-content .ot-animslider-controls a.ot-animslider-controls-right {
    margin-left: 0px;
}

.ot-animslider-content .ot-animslider-slide {
    min-height: 280px;
    /*padding-top: 40px;*/
    /*margin-bottom: 20px;*/
}

.ot-animslider-content .ot-animslider-slides:last-child .ot-animslider-slide {
    /*margin-bottom: 40px;*/
}

.ot-animslider-content .ot-animslider-layer {
    /*display: block;
    position: relative;
    z-index: 2;*/
    display: block;
    position: absolute;
    z-index: 7;
    bottom: 3%;
    right: 0;
    padding: 0 2%;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    text-align: left;
}

.ot-animslider-content h1 {
    font-family: "supermarketregular";
    font-size: 70px;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 0px;
    margin-top: 0px;
}

.ot-animslider-content p {
    font-size: 50px;
    text-align: center;
    line-height: 1em;
}

.layerpaddingtop {
    margin-top: 40px;
}

.homepage-block-numbers {
    text-align: center;
}

.homepage-block-numbers > div > i.ti,
.homepage-block-numbers > div > i.fa {
    display: block;
    padding: 25px 0;
    font-size: 60px;
    color: #5A5D61;
}

.text-light .homepage-block-numbers > div > i.ti,
.text-light .homepage-block-numbers > div > i.fa {
    color: #fff;
}

.homepage-block-numbers > div > h3 {
    display: block;
    font-size: 40px;
    margin-top: 0px;
    font-weight: 800;
    margin-bottom: 10px;
}

.homepage-block-numbers > div > h3 {
    display: block;
    font-size: 40px;
    margin-top: 0px;
    font-weight: 800;
    margin-bottom: 10px;
}

.shop-slider .item.product {
    position: relative;
    background-color: #f6f6f6;
    padding-bottom: 3px;
}

.shop-slider.without-border-items .item.product {
    background: transparent;
}

.shop-slider.without-border-items .item.product > a {
    box-shadow: none!important;
    margin-bottom: 5px!important;
}

.shop-slider.without-border-items .item.product .item-categories,
.shop-slider.without-border-items .item.product h3 {
    padding-left: 0px;
    padding-right: 0px;
}

.text-light .shop-slider.without-border-items .item.product h3 {
    color: #fff;
}

.text-light .star-rating:before {
    color: rgba(223, 219, 223, 0.3);
}

.shop-slider.without-border-items .item.product a img {
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.12);
    border-radius: 3px;
}

.shop-slider.without-border-items .item.product a:last-child {
    margin-left: 0px;
    border-radius: 2px;
}

.shop-slider.without-border-items .item.product .rating-count,
.shop-slider.without-border-items .item.product .star-rating {
    right: 0px;
}

.shop-slider .item.product a:first-child {
    display: block;
    box-shadow: inset 0 3px 0 3px #f6f6f6;
    padding-bottom: 1px;
    margin-bottom: 10px;
    height: 320px;
    max-height: 320px;
}

.shop-slider .item.product a:last-child {
    margin-left: 16px;
}

.shop-slider .item.product .onsale {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0px;
    right: 0px;
    color: #e1551e;
    font-weight: 800;
    font-size: 13px;
    line-height: 100%;
    width: 70px;
    height: 70px;
    text-transform: uppercase;
    overflow: hidden;
}

.shop-slider .item.product .onsale:before {
    position: absolute;
    width: 130%;
    height: 100%;
    top: -29px;
    left: 20px;
    content: '';
    background-color: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.shop-slider .item.product .onsale:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 1px;
    left: -1px;
    content: attr(rel);
    text-align: center;
    text-transform: uppercase;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.shop-slider .item.product h3 {
    display: block;
    padding: 0 18px;
    font-size: 19px;
    margin-bottom: 15px;
    font-weight: 800;
    color: #424c59;
}

.shop-slider .item.product .item-categories {
    display: block;
    padding: 0 18px;
    font-size: 15px;
    margin-top: -9px;
    margin-bottom: 15px;
    font-weight: 400;
    color: #a9a9a9;
}

.shop-slider .item.product .rating-count {
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 100%;
    position: absolute;
    right: 15px;
    bottom: 6px;
    text-align: right;
    color: #c5c5c5;
}

.shop-slider .item.product .star-rating {
    display: block;
    padding: 0 18px;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 100%;
    position: absolute;
    right: 15px;
    bottom: 24px;
}

.shop-slider .item.product .price del {
    opacity: 0.6;
    display: inline-block;
    padding-right: 5px;
}

.shop-slider .item.product .price {
    display: block;
    font-size: 15px;
    position: absolute;
    top: 143px;
    background-color: #e1551e;
    padding: 11px 18px 12px 20px;
    margin-left: -10px;
    font-weight: 600;
    line-height: 100%;
    color: #fff;
}

.star-rating {
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    letter-spacing: 2px;
    width: 5.2em;
    font-family: 'FontAwesome';
    display: inline-block;
    color: #F7B019;
}

.star-rating:before {
    content: "\f005\f005\f005\f005\f005";
    color: #dfdbdf;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    letter-spacing: inherit;
    font-size: inherit;
}

.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    letter-spacing: inherit;
    font-size: inherit;
}

.star-rating span:before {
    color: #F7B019;
    content: "\f005\f005\f005\f005\f005";
    top: 0;
    position: absolute;
    left: 0;
    letter-spacing: inherit;
    font-size: inherit;
}

.big-testimonials {
    display: block;
}

.big-testimonials .item {
    display: block;
    float: none;
    clear: none;
    width: 100%;
    max-width: 1000px;
    margin-left: auto!important;
    margin-right: auto!important;
    background-color: #f9f9f9;
    border-radius: 2px;
    text-align: center;
    padding: 46px;
}

.big-testimonials .item .item-header {
    display: block;
    margin-bottom: 20px;
}

.big-testimonials .item .item-header img {
    display: inline-block;
    width: 100px;
    height: 100px;
    float: none;
    border-radius: 50%;
}

.big-testimonials .item .item-content p {
    display: block;
    margin-bottom: 30px;
    color: #a9a9a9;
    font-size: 20px;
    font-style: italic;
}

.big-testimonials .item .item-content h3 {
    display: block;
    margin-bottom: 0px;
    font-weight: bold;
}

.small-testimonials .item {
    display: block;
    float: left;
    width: 48%;
    margin-left: 4%;
}

.small-testimonials .item.no-image .item-header {
    display: none;
}

.small-testimonials .item.no-image .item-content {
    margin-left: 0px;
}

.small-testimonials .item:after {
    display: block;
    clear: both;
    content: '';
}

.small-testimonials .item .item-header {
    display: block;
    float: left;
    width: 100px;
    height: 100px;
}

.small-testimonials .item .item-header img {
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
}

.small-testimonials .item:nth-child(2n+1) {
    margin-left: 0px;
    clear: both;
}

.small-testimonials .item:nth-child(n+3) {
    margin-top: 50px;
}

.small-testimonials .item .item-content {
    display: block;
    margin-left: 135px;
    font-size: 17px;
}

.small-testimonials .item .item-content p {
    display: block;
    font-style: italic;
}

.small-testimonials .item .item-content h3 {
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 600;
}

.small-testimonials .item .item-content > span {
    display: block;
    font-size: 16px;
    color: #cdcdcd;
    margin-bottom: 10px;
}

.text-light .small-testimonials .item .item-content > span {
    color: inherit;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.small-testimonials .item .item-content > span:last-child {
    margin-bottom: 0;
}

.main-article-block-list {
    display: block;
}

.main-article-block-list .item {
    display: block;
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 2px solid #F2F2F2;
}

.ot-home-block .main-article-block-list .item {
    border-bottom: 2px solid rgba(127, 127, 127, 0.4);
}

.main-article-block-list .item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.main-article-block-list .item:after {
    display: block;
    clear: both;
    content: '';
}

.main-article-block-list .item-header {
    display: block;
    float: left;
    position: relative;
    width: 44.6%;
}

.main-article-block-list .item-header .comment-tag {
    display: block;
    position: absolute;
    background-color: #94BE30;
    color: #fff;
    top: -10px;
    right: 20px;
    font-size: 14px;
    font-weight: bold;
    padding: 0 12px;
    line-height: 30px;
    z-index: 5;
    border-radius: 2px;
    box-shadow: 0 0 84px #fff;
}

.main-article-block-list .item-header .comment-tag:before {
    display: block;
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: -3px;
    left: 10px;
    background: inherit;
    -ms-transform: skewY(-35deg);
    -webkit-transform: skewY(-35deg);
    transform: skewY(-35deg);
}

.main-article-block-list .item-footer,
.main-article-block-list .item-content {
    display: block;
    margin-left: 49%;
}

.main-article-block-list .item.no-image .item-header {
    display: none;
}

.main-article-block-list .item.no-image .item-footer,
.main-article-block-list .item.no-image .item-content {
    margin-left: 0px;
}

.main-article-block-list .item-content h3 {
    margin-top: 0px;
    margin-bottom: 12px;
    font-weight: 900;
    font-size: 23px;
}

.main-article-block-list .item-content p {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 21px;
}

.item-content .category-links {
    margin-top: 0px;
    margin-bottom: 9px;
    font-weight: 900;
    font-size: 17px;
    color: #424c59;
}

.item-content .category-links a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    color: inherit;
}

.item-content .category-links a:hover {
    color: #232323;
}

.item-content .category-links a:after {
    display: block;
    position: absolute;
    bottom: -2px;
    letter-spacing: 1.4px;
    line-height: 100%;
    font-size: 80%;
    left: 0px;
    font-weight: bold;
    content: '.............................................................................................';
}

.item-footer {
    display: block;
}

.main-article-block-list .item-footer .text-link {
    display: inline-block;
    color: #ababab;
    font-size: 14px;
    margin-left: 17px;
    line-height: 37px;
}

.main-article-block-list .item-footer a.text-link .fa,
.main-article-block-list .item-footer a.text-link .ti {
    padding-right: 9px;
}

.main-article-block-list .item-footer a.text-link:hover {
    color: #232323;
}

.main-article-block-list .item-footer a.read-more-button {
    display: inline-block;
    font-weight: 900;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #f1f1f1;
    color: #A1A1A1;
    padding: 9px 17px;
    border-radius: 2px;
}

.main-article-block-list .item-footer a.read-more-button:hover {
    background-color: #DDDDDD;
    color: #777777;
}

.item.mooz-type-video .ot-hover-swiff > i i:before {
    content: '\f04b'!important;
    font-family: "FontAwesome";
}

.mooz-type-slider {
    position: relative;
}

.article-header .item.mooz-type-slider .item-header-bulls a {
    margin-top: -66px;
    margin-bottom: 50px;
}

.item.mooz-type-slider .item-header-photos {
    display: block;
}

.item.mooz-type-slider .item-header-photos a {
    display: none;
}

.item.mooz-type-slider .item-header-photos a.active {
    display: block;
}

.item.mooz-type-slider .item-header-bulls {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 0;
    line-height: 0;
    height: 1px;
}

.item.mooz-type-slider .item-header-bulls a {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    background-color: transparent;
    margin-top: -31px;
    margin-bottom: 15px;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    border: 2px solid #fff;
}

.item.mooz-type-slider .item-header-bulls a:before {
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    content: '';
    left: 50%;
    top: 50%;
    margin-left: -2px;
    margin-top: -2px;
    border-radius: inherit;
    background-color: #fff;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.item.mooz-type-slider .item-header-bulls a:after {
    display: block;
    position: absolute;
    left: -40%;
    width: 180%;
    top: -40%;
    height: 180%;
    content: '';
}

.item.mooz-type-slider .item-header-bulls a:not(.active):hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
}

.item.mooz-type-slider .item-header-bulls a.active {
    background-color: #fff;
}

.main-content-block .pagination {
    display: block;
    padding-bottom: 0px;
    margin-bottom: 30px;
    border-bottom: 0px;
    text-align: center;
    font-size: 13px;
    padding-top: 32px;
    margin-top: 32px;
    border-top: 2px solid #F2F2F2;
}

.pagination .page-numbers {
    display: inline-block;
    background-color: #f4f4f4;
    color: #8b8b8b;
    padding: 11px 18px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0 1px;
    border-radius: 2px;
}

.pagination span.page-numbers {
    background: #6599F5;
    color: #fff;
}

.pagination a.page-numbers:hover {
    background-color: #e3e3e3;
    color: #777777;
}

.pagination .page-numbers.prev {
    margin-right: 6px;
}

.pagination .page-numbers.next {
    margin-left: 6px;
}

.pagination .page-numbers.prev i.fa {
    padding-right: 8px;
}

.pagination .page-numbers.next i.fa {
    padding-left: 8px;
}

.main-article-review-block,
.main-article-about-author,
.main-article-grid-list {
    display: block;
    background-color: #f9f9f9;
    padding: 30px;
    border-radius: 2px;
    margin-top: 32px;
    margin-bottom: 32px;
}

.main-article-grid-list.no-padding {
    padding: 0;
    background-color: transparent;
}

.main-article-grid-list:first-child {
    margin-top: 0px;
}

.main-article-review-block h2.block-title,
.main-article-about-author h2.block-title,
.main-article-grid-list h2.block-title {
    display: block;
    margin-top: 0px;
    font-size: 28px;
    font-weight: 900;
    padding-bottom: 20px;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 20px;
}

.main-article-review-block:after,
.main-article-about-author:after,
.main-article-grid-list:after {
    display: block;
    clear: both;
    content: '';
}

.main-article-grid-list .item {
    display: block;
    float: left;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
    width: 31%;
    margin-left: 3.5%;
}

.text-light .main-article-grid-list .item {
    background-color: rgba(255, 255, 255, 0.1);
}

.main-article-grid-list .item:nth-child(n+4) {
    margin-top: 25px;
}

.main-article-grid-list .item:nth-child(3n+1) {
    clear: both;
    margin-left: 0px;
}

.main-article-grid-list .item .item-header {
    display: block;
    position: relative;
}

.main-article-grid-list .item .item-header img {
    width: 100%;
}

.main-article-grid-list .item .item-content {
    display: block;
    padding: 16px 18px;
}

.main-article-grid-list .item .item-content h3 {
    margin-top: 0px;
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 12px;
    line-height: 120%;
}

.main-article-grid-list .item .item-content .category-links {
    font-size: 14px;
    margin-bottom: 0px;
}

.pagination-wrapper {
    display: block;
    padding-top: 20px;
    text-align: center;
}

.button-wide {
    display: block;
    clear: both;
    padding-top: 30px;
    text-align: center;
}

.button-wide a {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
    padding: 14px 27px;
    display: inline-block;
    font-weight: bold;
    color: #909090;
}

.button-wide a:hover {
    background-color: #EFEFEF;
    color: #717171;
}

.main-article-block-list .item-wide .item-header {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}

.main-article-block-list .item-wide .item-footer,
.main-article-block-list .item-wide .item-content {
    margin-left: 0px;
}

.main-article-block-list .item-wide .item-footer {
    padding: 20px;
    background-color: #FAFAFA;
}

.main-article-block-list .item-wide .item-content h3 {
    font-size: 27px;
}

.main-article-block-list .item-wide .item-content .category-links {
    font-size: 19px;
}

.main-article-block-list .item-wide .item-content p {
    font-size: 16px;
    -moz-column-count: 3;
    -moz-column-gap: 35px;
    -webkit-column-count: 3;
    -webkit-column-gap: 35px;
    column-count: 3;
    column-gap: 35px;
    text-align: justify;
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid #ECECEC;
}

.main-article-block-list .item.item-wide .header-quote-msg {
    font-size: 30px;
}

.main-article-block-list .item.item-date-wide .item-pre-header,
.main-article-block-list .item.item-date-small .item-pre-header {
    float: left;
    width: 17%;
    margin-right: 3%;
}

.main-article-block-list .item.item-date-wide .date-block,
.main-article-block-list .item.item-date-small .date-block {
    display: block;
    padding-bottom: 18px;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 18px;
    color: #94BE30;
}

.main-article-block-list .item.item-date-wide .date-block strong,
.main-article-block-list .item.item-date-small .date-block strong {
    display: inline-block;
    font-size: 44px;
    font-weight: 900;
    line-height: 100%;
    margin-right: 10px;
}

.main-article-block-list .item.item-date-wide .date-block > span,
.main-article-block-list .item.item-date-small .date-block > span {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
}

.main-article-block-list .item.item-date-wide .date-block > span span,
.main-article-block-list .item.item-date-small .date-block > span span {
    display: block;
}

.main-article-block-list .item.item-date-wide .meta-block-item,
.main-article-block-list .item.item-date-small .meta-block-item {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
    color: #acacac;
}

.main-article-block-list .item.item-date-wide .meta-block-item a,
.main-article-block-list .item.item-date-small .meta-block-item a {
    color: #acacac;
}

.main-article-block-list .item.item-date-wide .meta-block-item i,
.main-article-block-list .item.item-date-small .meta-block-item i {
    display: inline-block;
    padding-right: 6px;
    line-height: inherit;
}

.main-article-block-list .item.item-date-wide .meta-block-item a:hover,
.main-article-block-list .item.item-date-wide a.meta-block-item:hover,
.main-article-block-list .item.item-date-small .meta-block-item a:hover,
.main-article-block-list .item.item-date-small a.meta-block-item:hover {
    color: #232323;
}

.main-article-block-list .item.item-date-wide .item-header {
    display: block;
    width: 100%;
    float: none;
    margin-bottom: 20px;
}

.main-article-block-list .item.item-date-small .item-header {
    width: 20%;
}

.main-article-block-list .item.item-date-wide .item-footer,
.main-article-block-list .item.item-date-wide .item-content,
.main-article-block-list .item.item-date-small .item-footer,
.main-article-block-list .item.item-date-small .item-content {
    margin-left: 44%;
}

.main-article-block-list .item.item-date-small .header-quote-msg {
    padding: 20px;
    font-size: 16px;
}

.main-article-block-list .item.item-date-small .header-quote-msg:before {
    display: none;
}

.main-article-block-list .item.item-date-wide.no-image .item-header,
.main-article-block-list .item.item-date-small.no-image .item-header {
    display: none;
}

.main-article-block-list .item.item-date-wide .item-footer,
.main-article-block-list .item.item-date-wide .item-content,
.main-article-block-list .item.item-date-small.no-image .item-footer,
.main-article-block-list .item.item-date-small.no-image .item-content {
    margin-left: 21.5%;
}

.main-content-article .article-header {
    display: block;
    margin-top: -42px;
    margin-bottom: 35px!important;
}

.main-content-article .article-header > strong {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 35px;
    color: #424c59;
    font-size: 20px;
}

.main-content-article .article-header .quote-msg-main-cont,
.main-content-article .article-header .video-embed,
.main-content-article .article-header img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}

.main-content-article .article-header.no-image {
    margin-top: -10px;
}

.main-content-article .article-header.no-image img {
    display: none;
}

.main-content-article .article-header .article-header-meta {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 35px;
    background-color: #f9f9f9;
    border-radius: 2px;
    padding: 25px 28px;
    font-size: 15px;
    color: #ababab;
}

.main-content-article .article-header .article-header-meta .meta-a {
    display: inline-block;
    color: inherit;
    margin-right: 20px;
}

.main-content-article .article-header .article-header-meta .meta-a i.ti,
.main-content-article .article-header .article-header-meta .meta-a i.fa {
    padding-right: 8px;
}

.main-content-article .article-header .article-header-meta a.meta-a:hover {
    color: #232323;
}

.main-content-article {
    margin-bottom: 30px;
}

.main-block-fade-bg {
    display: block;
    background-color: #f9f9f9;
    padding: 25px 30px;
    border-radius: 2px;
    margin-bottom: 25px;
}

.main-block-tags:after {
    display: block;
    clear: both;
    content: '';
}

.main-block-tags > span {
    display: block;
    width: 80px;
    float: left;
}

.main-block-tags > div {
    display: block;
    margin-left: 80px;
    margin-top: -7px;
    margin-bottom: -14px;
}

.main-block-tags > div a {
    display: inline-block;
    font-size: 15px!important;
    color: #ababab;
    background-color: #f3f3f3;
    border-radius: 2px;
    padding: 8px 14px;
    margin-right: 5px;
    margin-bottom: 7px;
}

.main-block-tags > div a:hover {
    color: #898989;
    background-color: #e7e7e7;
}

.main-block-tags i.ti {
    padding-right: 10px;
}

.main-block-tags i.ti:before,
.main-block-tags i.ti {
    line-height: inherit;
    font-size: inherit;
    vertical-align: bottom;
}

.main-block-tags,
.main-block-share {
    cursor: default;
}

.main-block-share:after {
    display: block;
    clear: both;
    content: '';
}

.main-block-share > span {
    display: block;
    float: left;
    text-align: left;
}

.main-block-share > div {
    float: right;
    margin-top: -3px;
    margin-bottom: -9px;
}

.main-block-share > div a {
    display: inline-block;
    background-color: #EAEAEA;
    border-radius: 2px;
    text-align: center;
    /*color: #fff;*/
    width: 70px;
    margin-left: 6px;
    margin-top: -10px;
    margin-bottom: -10px;
}

.main-block-share > div a i {
    display: block;
    font-size: 18px;
    font-weight: 900;
    padding: 9px 0;
    font-style: normal;
    background-color: rgba(255, 255, 255, 0.2);
}

.main-block-share > div a span {
    display: block;
    font-size: 11px;
    padding: 5px 0;
}

.main-block-share > span strong {
    display: block;
    font-size: 16px;
}

.main-block-share > span span {
    display: block;
    font-size: 14px;
}

.main-block-share > span strong i.ti,
.main-block-share > span strong i.fa {
    padding-right: 10px;
}

.about-author-inside:after {
    display: block;
    clear: both;
    content: '';
}

.about-author-inside .item-header img,
.about-author-inside .item-header {
    width: 100px;
    height: auto;
    border-radius: 2px;
    overflow: hidden;
}

.about-author-inside .item-header {
    display: block;
    float: left;
}

.about-author-inside .item-content {
    margin-left: 125px;
    display: block;
    position: relative;
}

.about-author-inside .item-content > .right {
    float: none;
    position: absolute;
    right: 0;
    top: 0;
}

.about-author-inside h3 {
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: 900;
}

.about-author-inside p {
    margin-bottom: 15px;
}

.about-author-inside .button {
    border-radius: 2px;
    background-color: #eeeeee;
    color: #808080!important;
    margin-left: 0px;
}

.about-author-inside .button:hover {
    background-color: #E2E2E2;
}

.about-author-inside .item-content a.soc-bef {
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-left: 4px;
    border-radius: 2px;
}

.about-author-inside .item-content a.soc-bef i {
    z-index: 2;
    position: relative;
}

.about-author-inside .item-content a.soc-bef:after {
    display: block;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(255, 255, 255, 0.9);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.about-author-inside .item-content a.soc-bef:hover:before,
.about-author-inside .item-content a.soc-bef:hover:after {
    opacity: 0;
    filter: alpha(opacity=0);
}

.about-author-inside .item-content a.soc-bef:before {
    display: block;
    position: absolute;
    z-index: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #232323;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.main-article-review-inner {
    display: block;
}

.main-article-review-inner .item-content.no-image .item-content-left {
    display: none;
}

.main-article-review-inner .item-content.no-image .item-content-right {
    margin-left: 0px;
    width: 100%;
}

.main-article-review-inner .item-content.no-image .item-content-right > div {
    width: 47%;
    margin-left: 6%;
    float: left;
}

.main-article-review-inner .item-content.no-image .item-content-right > div:first-child {
    margin-left: 0px;
}

.main-article-review-inner .item-content-left {
    display: block;
    float: left;
    width: 40%;
}

.main-article-review-inner .item-content-right {
    display: block;
    float: left;
    width: 56%;
    margin-left: 4%;
}

.main-article-review-inner .item-content-right > div {
    display: block;
    margin-bottom: 27px;
}

.main-article-review-inner .item-content-right > div > strong {
    display: block;
    float: left;
    color: #ccc;
}

.main-article-review-inner .item-content-right > div > ul {
    display: block;
    margin-left: 60px;
    padding-left: 20px;
    border-left: 2px solid #F0F0F0;
}

.main-article-review-inner .item-content-right > div > ul li {
    display: block;
    margin-top: 10px;
    font-weight: bold;
}

.main-article-review-inner .item-content-right > div.review-block-cons {
    color: #fe5027;
}

.main-article-review-inner .item-content-right > div.review-block-pros {
    color: #b6cb1a;
}

.main-article-review-inner .item-content-right > div.review-block-pros > ul li:before {
    content: '+';
    display: inline-block;
    padding-right: 10px;
}

.main-article-review-inner .item-content-right > div.review-block-cons > ul li:before {
    content: '-';
    display: inline-block;
    padding-right: 10px;
}

.main-article-review-inner .item-content-right > div > ul > li:first-child {
    margin-top: 0px;
}

.main-article-review-inner .item-content,
.main-article-review-inner .item-header {
    display: block;
    padding-bottom: 25px;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 25px;
}

.main-article-review-inner .item-content:after {
    display: block;
    clear: both;
    content: '';
}

.main-article-review-inner .item-header p {
    margin-bottom: 20px;
}

.main-article-review-inner .item-header p:last-child {
    margin-bottom: 0px;
}

.main-article-review-inner .item-header p:last-child {
    margin-bottom: 0px;
}

.main-article-review-inner .item-footer {
    display: block;
    text-align: center;
    color: #ffae00;
}

.main-article-review-inner .item-footer .review-num {
    display: inline-block;
    font-size: 60px;
    font-weight: 900;
    line-height: 100%;
    margin-right: 20px;
}

.main-article-review-inner .item-footer .review-verdict {
    display: inline-block;
    margin-bottom: 5px;
    text-align: left;
}

.main-article-review-inner .item-footer .review-verdict > span {
    display: block;
    font-size: 17px;
    font-weight: 900;
}

.main-article-review-inner .item-footer .item-stars {
    font-size: 22px;
    margin-bottom: -5px;
}

.main-article-review-inner .item-footer .item-stars:before {
    color: #E8E8E8;
}

.main-article-review-inner .item-footer .item-stars .stars-inner:before {
    color: inherit;
}

.main-comment-block .main-comment-block-form {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}

.main-comment-block .main-comment-block-form .comment-info {
    display: block;
    margin-bottom: 30px;
}

.main-comment-block .main-comment-block-form .comment-info:after {
    display: block;
    clear: both;
    content: '';
}

.main-comment-block .main-comment-block-form .comment-info > span {
    display: block;
    margin-left: 60px;
    border-left: 2px solid transparent;
    border-color: #f0f0f0;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.main-comment-block .main-comment-block-form .comment-info > span:before {
    display: block;
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    top: 50%;
    left: -6px;
    margin-top: -4px;
    background-color: #fff;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-color: inherit;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.main-comment-block .main-comment-block-form .comment-info > span:after {
    display: block;
    position: absolute;
    font-family: "FontAwesome";
    content: "\f129";
    font-size: 26px;
    color: #b2b2b2;
    top: 50%;
    line-height: 100%;
    margin-top: -13px;
    right: 100%;
    margin-right: 30px;
}

.main-comment-block .main-comment-block-form .contact-form-content p.form-submit {
    display: block;
    margin-top: 20px;
}

.main-comment-block .main-comment-block-form .contact-form-content p.form-submit input {
    border-radius: 3px;
}

.main-comment-block .main-comment-block-form .contact-form-content p.contact-form-web,
.main-comment-block .main-comment-block-form .contact-form-content p.contact-form-user,
.main-comment-block .main-comment-block-form .contact-form-content p.contact-form-email,
.main-comment-block .main-comment-block-form .contact-form-content p.contact-form-comment {
    display: block;
    margin-bottom: 10px;
    border-radius: 2px;
    border: 1px solid #eeeeee;
}

.main-comment-block .main-comment-block-form .contact-form-content p textarea {
    height: 100px;
}

.main-comment-block .main-comment-block-form .contact-form-content p textarea,
.main-comment-block .main-comment-block-form .contact-form-content p input[type=email],
.main-comment-block .main-comment-block-form .contact-form-content p input[type=text] {
    display: block;
    border: 0px;
    padding: 0 14px 9px 14px;
    font-size: 15px;
    color: #232323;
    width: 100%;
}

.main-comment-block .main-comment-block-form .contact-form-content p label {
    display: block;
    border: 0px;
    padding: 9px 14px 0 14px;
    padding-bottom: 0px;
    font-size: 12px;
    margin-bottom: 0px;
    cursor: text;
}

.main-comment-block {
    display: block;
    margin-bottom: 35px;
}

.main-comment-block .content-block-title {
    display: block;
    background-color: #f9f9f9;
    padding: 25px 30px;
    border-radius: 2px;
    margin-bottom: 25px;
}

.main-comment-block .content-block-title a {
    font-size: 15px;
    font-weight: bold;
    color: #a3a3a3;
}

.main-comment-block .content-block-title a:hover {
    color: #232323;
}

.main-comment-block .content-block-title h2 {
    margin: 0px;
    font-size: 24px;
    font-weight: 900;
}

.main-comment-block .content-block-title h2 i.fa,
.main-comment-block .content-block-title h2 i.ti {
    padding-right: 14px;
    vertical-align: middle;
}

.main-comment-block .main-comment-block-inner .reply-button {
    display: inline;
    font-weight: 900;
    font-size: 14px;
    color: #b3b3b3;
}

.main-comment-block .main-comment-block-inner .reply-button:hover {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 6px 9px;
    display: inline;
}

.main-comment-block .main-comment-block-inner .reply-button i {
    display: inline-block;
    padding-right: 8px;
}

.main-comment-block .main-comment-block-inner {
    display: block;
}

.main-comment-block .main-comment-block-inner li {
    display: block;
    border-top: 2px solid #f5f5f5;
    margin-top: 25px;
    padding-top: 25px;
}

.main-comment-block .main-comment-block-inner li li {
    padding-left: 100px;
}

.main-comment-block .main-comment-block-inner li .comment-block {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
}

.main-comment-block .main-comment-block-inner p {
    display: block;
    margin-bottom: 15px;
}

.main-comment-block .main-comment-block-inner > ol > li:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.main-comment-block .main-comment-block-inner .time-stamp {
    font-size: 14px;
    color: #dbdbdb;
}

.main-comment-block .main-comment-block-inner .image-avatar {
    display: block;
    float: left;
    width: 70px;
    border-radius: 2px;
    overflow: hidden;
}

.main-comment-block .main-comment-block-inner .image-avatar img {
    width: 100%;
    height: auto;
}

.main-comment-block .main-comment-block-inner .comment-text {
    display: block;
    margin-left: 100px;
}

.main-comment-block .main-comment-block-inner .comment-text .user-nick {
    font-size: 18px;
    color: #424c59;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 10px;
}

.main-comment-block .main-comment-block-inner .comment-text .user-nick .user-author {
    display: inline-block;
    background-color: #E8E8E8;
    margin-left: 10px;
    color: #777777;
    font-size: 12px;
    line-height: 25px;
    padding: 0 8px;
    border-radius: 2px;
}

.comments-big-message {
    display: block;
    width: 60%;
    padding: 40px 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 120px;
    position: relative;
    color: #252629;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.comments-big-message > i.fa {
    display: block;
    position: absolute;
    left: 10px;
    margin-top: 10px;
    font-size: 70px;
    line-height: 100%;
}

.comments-big-message > h3 {
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 15px;
    white-space: nowrap;
}


/*------------------------------------------------------------------
[4. Comments]

+ .comments-block
    + 
        + 

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

.comments-block {}

.hover-color-facebook {
    color: #3b5998;
}

.hover-color-facebook.soc-bef:before,
.hover-color-facebook:hover {
    background-color: #3b5998!important;
    color: #fff;
}

.hover-color-twitter {
    color: #00aced;
}

.hover-color-twitter.soc-bef:before,
.hover-color-twitter:hover {
    background-color: #00aced!important;
    color: #fff;
}

.hover-color-google-plus {
    color: #dd4b39;
}

.hover-color-google-plus.soc-bef:before,
.hover-color-google-plus:hover {
    background-color: #dd4b39!important;
    color: #fff;
}

.hover-color-linkedin {
    color: #007bb6;
}

.hover-color-linkedin.soc-bef:before,
.hover-color-linkedin:hover {
    background-color: #007bb6!important;
    color: #fff;
}

.hover-color-pinterest {
    color: #cb2027;
}

.hover-color-pinterest.soc-bef:before,
.hover-color-pinterest:hover {
    background-color: #cb2027!important;
    color: #fff;
}

.hover-color-rss {
    color: #ffaa4f;
}

.hover-color-rss.soc-bef:before,
.hover-color-rss:hover {
    background-color: #ffaa4f!important;
    color: #fff;
}

.hover-color-dribbble {
    color: #ea4c89;
}

.hover-color-dribbble.soc-bef:before,
.hover-color-dribbble:hover {
    background-color: #ea4c89!important;
    color: #fff;
}

.hover-color-youtube {
    color: #bb0000;
}

.hover-color-youtube.soc-bef:before,
.hover-color-youtube:hover {
    background-color: #bb0000!important;
    color: #fff;
}

.hover-color-instagram {
    color: #517fa4;
}

.hover-color-instagram.soc-bef:before,
.hover-color-instagram:hover {
    background-color: #517fa4!important;
    color: #fff;
}

.hover-color-flickr {
    color: #ff0084;
}

.hover-color-flickr.soc-bef:before,
.hover-color-flickr:hover {
    background-color: #ff0084!important;
    color: #fff;
}

.hover-color-vk {
    color: #45668e;
}

.hover-color-vk.soc-bef:before,
.hover-color-vk:hover {
    background-color: #45668e!important;
    color: #fff;
}

.hover-color-vimeo {
    color: #aad450;
}

.hover-color-vimeo.soc-bef:before,
.hover-color-vimeo:hover {
    background-color: #aad450!important;
    color: #fff;
}

.hover-color-tumblr {
    color: #32506d;
}

.hover-color-tumblr.soc-bef:before,
.hover-color-tumblr:hover {
    background-color: #32506d!important;
    color: #fff;
}

.hover-color-skype {
    color: #12A5F4;
}

.hover-color-skype.soc-bef:before,
.hover-color-skype:hover {
    background-color: #12A5F4!important;
    color: #fff;
}

.latest-news-slider {
    display: block;
}

.latest-news-slider:after {
    display: block;
    clear: both;
    content: '';
}

.latest-news-slider .item {
    display: block;
    float: left;
    width: 31.334%;
    background-color: #F9F9F9;
    /*box-shadow: 0 3px 1px rgba(0,0,0,0.04);*/
    border-radius: 2px;
    margin-left: 3%;
}

.text-light .latest-news-slider .item {
    background-color: rgba(255, 255, 255, 0.1);
}

.text-light .item-content .category-link a:hover {
    color: #fff!important;
}

.text-light .top-slider-controls button {
    color: rgba(255, 255, 255, 0.3);
}

.text-light .top-slider-controls button:hover {
    color: #fff;
}

.latest-news-slider.team-members-grid .item {
    background-color: transparent;
}

.latest-news-slider:not(.lets-do-2):not(.lets-do-4) .item:nth-child(3n+1) {
    margin-left: 0px;
    clear: both;
}

.latest-news-slider:not(.lets-do-2):not(.lets-do-4) .item:nth-child(n+4) {
    margin-top: 40px;
}

.latest-news-slider.lets-do-2 .item {
    width: 48.5%;
}

.latest-news-slider.lets-do-2 .item:nth-child(2n+1) {
    margin-left: 0px;
    clear: both;
}

.latest-news-slider.lets-do-2 .item:nth-child(n+3) {
    margin-top: 40px;
}

.latest-news-slider.lets-do-4 .item {
    width: 100%;
}

.latest-news-slider.lets-do-4 .item:nth-child(4n+1) {
    margin-left: 0px;
    clear: both;
}

.latest-news-slider.lets-do-4 .item:nth-child(n+5) {
    margin-top: 40px;
}

.latest-news-slider.lets-do-4 .item .item-content .data-time {
    float: none;
    font-size: 14px;
}

.latest-news-slider .item .item-header {
    display: block;
    width: 100%;
}

.latest-news-slider .item .item-header img {
    display: block;
    width: 100%;
    /*width: 230px;*/
    height: 54px;
}

.latest-news-slider .item .item-content {
    display: block;
    width: 100%;
    padding: 25px;
}

.latest-news-slider .item .item-content h3 {
    margin-top: 0px;
    margin-bottom: 13px;
    font-weight: 800;
    font-size: 21px;
}

.latest-news-slider .item .item-content .category-link {
    display: block;
    margin-bottom: 13px;
    font-size: 16px;
}

.item-content .category-link a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    line-height: 150%;
}

.item-content .category-link a:hover {
    color: #232323!important;
}

.item-content .category-link a:before {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 6px;
    letter-spacing: 1px;
    line-height: 0px;
    content: '...........................................................................................................................................................................';
}

.latest-news-slider .item .item-content p {
    display: block;
    font-size: 15px;
    color: rgba(174, 174, 174, 0.94);
    line-height: 160%;
    text-align: justify;
}

.text-light .latest-news-slider .item .item-content p {
    color: rgba(255, 255, 255, 0.8);
}

.latest-news-slider .item .item-content .data-time {
    display: block;
    margin-top: 4px;
    color: #ababab;
    font-weight: bold;
    font-size: 14px;
}

.latest-news-slider .item .item-content .data-time i.fa {
    margin-right: 6px;
}

.latest-news-slider.portfolio-slider .item {
    position: relative;
    z-index: 5;
}

.latest-news-slider.portfolio-slider .item .item-header {
    display: block;
    position: relative;
}

.latest-news-slider.portfolio-slider .item .item-content img,
.latest-news-slider.portfolio-slider .item .item-header a,
.latest-news-slider.portfolio-slider .item .item-header img {
    border-radius: 2px;
}

.latest-news-slider.portfolio-slider .item .item-content img {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.latest-news-slider.portfolio-slider .item .item-content img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.latest-news-slider.portfolio-slider .item .item-header:before {
    display: block;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #292929;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.latest-news-slider.portfolio-slider .item:hover .item-header:before {
    opacity: 1;
    filter: alpha(opacity=100);
    left: -20px;
    top: -20px;
    right: -20px;
    border-radius: 2px 2px 0 0;
}

.latest-news-slider.portfolio-slider .item .item-content {
    display: block;
    z-index: -10;
    position: absolute;
    background-color: #292929;
    color: #fff;
    left: 0px;
    right: 0px;
    width: auto;
    height: 0px;
    overflow: hidden;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.item-content-thumbs {
    display: block;
    margin-bottom: 15px;
    line-height: 100%;
    vertical-align: bottom;
}

.item-content-thumbs:after {
    display: block;
    clear: both;
    content: '';
}

.item-content-thumbs a {
    display: block;
    float: left;
    width: 17%;
    margin-left: 3.7%;
}

.item-content-thumbs a:first-child {
    margin-left: 0px;
}

.latest-news-slider.portfolio-slider .item .item-content .data-time {
    color: #696969;
}

.latest-news-slider.portfolio-slider .item .item-content a:hover {
    color: #fff!important;
}

.latest-news-slider.portfolio-slider .item .item-content a {
    color: #fff;
}

.latest-news-slider.portfolio-slider .item:hover .item-content {
    display: block;
    left: -20px;
    right: -20px;
    padding: 20px;
    height: auto;
    overflow: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 0 0 2px 2px;
}

.ot-home-block-content h2 {
    display: block;
    font-weight: 100;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 46px;
}

.latest-news-slider.portfolio-slider.portfolio-style2 .item .item-content {
    display: block;
    position: static;
    z-index: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    overflow: visible;
    padding: 0px;
    background-color: transparent;
    padding-top: 20px;
    height: auto;
}

.latest-news-slider.portfolio-slider.portfolio-style2 .item .item-content:after {
    display: block;
    clear: both;
    content: '';
}

.latest-news-slider.portfolio-slider.portfolio-style2 .item .item-content h3 a {
    color: #232323;
}

.latest-news-slider.portfolio-slider.portfolio-style2 .item .item-content h3 a:hover,
.latest-news-slider.portfolio-slider.portfolio-style2 .item .item-content .category-link a:hover {
    color: #000!important;
}

.latest-news-slider.portfolio-slider.portfolio-style2 .item .item-header:before {
    display: none;
}

@-webkit-keyframes photoflip {
    0% {
        width: 78%;
        left: 11%;
        top: 40%;
        -ms-transform: rotate(4deg);
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    40% {
        width: 80%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 100%;
        left: 40%;
        opacity: 1;
        filter: alpha(opacity=100);
        margin-top: 0px;
    }
    50% {
        width: 80%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 100%;
        left: 40%;
        opacity: 1;
        filter: alpha(opacity=100);
        margin-top: 0px;
    }
    100% {
        width: 100%;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        left: 0px;
        top: 0px;
        margin-top: 0px;
        z-index: 2;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-moz-keyframes photoflip {
    0% {
        width: 78%;
        left: 11%;
        top: 40%;
        -ms-transform: rotate(4deg);
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    40% {
        width: 80%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 100%;
        left: 40%;
        opacity: 1;
        filter: alpha(opacity=100);
        margin-top: 0px;
    }
    50% {
        width: 80%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 100%;
        left: 40%;
        opacity: 1;
        filter: alpha(opacity=100);
        margin-top: 0px;
    }
    100% {
        width: 100%;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        left: 0px;
        top: 0px;
        margin-top: 0px;
        z-index: 2;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@keyframes photoflip {
    0% {
        width: 78%;
        left: 11%;
        top: 40%;
        -ms-transform: rotate(4deg);
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    40% {
        width: 80%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 110%;
        left: 40%;
        opacity: 1;
        z-index: 1;
        filter: alpha(opacity=100);
        margin-top: 0px;
    }
    50% {
        width: 80%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 110%;
        left: 40%;
        opacity: 1;
        z-index: 3;
        filter: alpha(opacity=100);
        margin-top: 0px;
    }
    100% {
        width: 100%;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        left: 0px;
        top: 0px;
        margin-top: 0px;
        opacity: 1;
        z-index: 3;
        filter: alpha(opacity=100);
    }
}

@-webkit-keyframes setnext {
    60% {
        width: 100%;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 0px;
        left: 0px;
    }
    100% {
        width: 78%;
        left: 11%;
        top: 40%;
        -ms-transform: rotate(4deg);
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
}

@-moz-keyframes setnext {
    60% {
        width: 100%;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 0px;
        left: 0px;
    }
    100% {
        width: 78%;
        left: 11%;
        top: 40%;
        -ms-transform: rotate(4deg);
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
}

@keyframes setnext {
    60% {
        width: 100%;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 0px;
        left: 0px;
    }
    100% {
        width: 78%;
        left: 11%;
        top: 40%;
        -ms-transform: rotate(4deg);
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
}

.ot-block-content-gallery {
    display: block;
    width: 86%;
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
}

.ot-block-content-gallery a {
    display: none;
    position: relative;
    z-index: 2;
}

.ot-block-content-gallery a.active {
    display: block;
}

.ot-block-content-gallery a.waitlist-next {
    display: block;
    width: 100%;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0px;
    left: 0px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    position: absolute;
    z-index: 1;
    -webkit-animation: setnext 0.8s cubic-bezier(0.57, 0.4, 0.43, 1.38);
    -moz-animation: setnext 0.8s cubic-bezier(0.57, 0.4, 0.43, 1.38);
    animation: setnext 0.8s cubic-bezier(0.57, 0.4, 0.43, 1.38);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.ot-block-content-gallery a.ot-animate {
    -webkit-animation: photoflip 0.8s ease;
    -moz-animation: photoflip 0.8s ease;
    animation: photoflip 0.8s ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.ot-block-content-gallery a.waitlist-next:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: 10px;
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}

.ot-block-content-gallery img {
    display: block;
    width: 100%;
    padding: 7px;
    background-color: #f9f9f9;
}

.featured-gallery-block {
    display: table;
    width: 100%;
}

.featured-gallery-block .featured-gallery-block-left {
    display: table-cell;
    width: 40%;
    margin-right: 5%;
    vertical-align: middle;
}

.featured-gallery-block .featured-gallery-block-right {
    display: table-cell;
    width: 55%;
    position: relative;
    vertical-align: middle;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0);
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    70% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    70% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0);
    }
}

.top-slider-body {
    display: block;
    position: relative;
}

.top-slider-body:after {
    display: block;
    clear: both;
    content: '';
}

.top-slider-controls {
    display: block;
    width: 96%;
    top: 50%;
    margin-top: -36px;
    margin-left: 2%;
    margin-right: 2%;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.top-slider-body:hover .top-slider-controls {
    width: 100%;
    opacity: 1;
    margin-left: 0;
    margin-right: 0;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.boxed.active .top-slider-body:hover .top-slider-controls {
    width: 98%;
    margin-left: 1%;
}

.top-slider-controls button {
    font-size: 47px;
    color: rgba(0, 0, 0, 0.3);
    background-color: transparent;
    display: block;
    position: absolute;
    left: auto;
    right: auto;
    top: 50%;
    border: 0px;
    white-space: nowrap;
    z-index: 5;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.top-slider-controls button.left {
    right: 100%;
    margin-right: 22px;
}

.top-slider-controls button.left i.fa {
    padding-left: 0px;
}

.top-slider-controls button.right {
    left: 100%;
    margin-left: 22px;
}

.top-slider-controls button.right i.fa {
    padding-right: 0px;
}

.top-slider-controls button:hover {
    color: #000;
}

.top-slider-content {
    position: relative;
}

.top-slider-content:after,
.top-slider-content-wrap:after {
    display: block;
    clear: both;
    content: '';
}

.top-slider-content-wrap {
    display: none;
}

.top-slider-content-wrap.active {
    display: block;
}

.top-slider-content-wrap.active.doesflow {
    display: block;
    position: absolute;
    width: 100%;
    top: 0px;
}

.quote-msg-main-cont .header-quote-msg,
.main-article-block-list .item .header-quote-msg,
.top-slider-content-wrap .item .header-quote-msg {
    display: block;
    color: #fff;
    font-size: 21px;
    padding: 50px 40px 50px 70px;
    line-height: 140%;
    position: relative;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.quote-msg-main-cont .header-quote-msg {
    background-color: #de6f4d;
}

.main-article-block-list .item .item-header:hover .header-quote-msg,
.top-slider-content-wrap .item .item-header:hover .header-quote-msg {
    background-color: rgba(255, 255, 255, 0.1);
}

.quote-msg-main-cont .header-quote-msg:before,
.main-article-block-list .item .header-quote-msg:before,
.top-slider-content-wrap .item .header-quote-msg:before {
    display: block;
    position: absolute;
    left: 23px;
    top: 48px;
    font-size: 65px;
    content: '"';
    line-height: 100%;
}

.top-slider-content-wrap.active .item {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.top-slider-content-wrap .item:hover {
    z-index: 15;
    position: relative;
}

.top-slider-content-wrap.active.slider-slide-out.type-right .item {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

.top-slider-content-wrap.active.slider-slide-in.type-right .item {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.top-slider-content-wrap.active.slider-slide-out.type-left .item {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

.top-slider-content-wrap.active.slider-slide-in.type-left .item {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.top-slider-content-wrap.slider-slide-in.type-left .item:nth-child(5),
.top-slider-content-wrap.slider-slide-out.type-left .item:nth-child(5),
.top-slider-content-wrap.slider-slide-in.type-right .item:nth-child(0),
.top-slider-content-wrap.slider-slide-out.type-right .item:nth-child(0) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.top-slider-content-wrap.slider-slide-in.type-left .item:nth-child(4),
.top-slider-content-wrap.slider-slide-out.type-left .item:nth-child(4),
.top-slider-content-wrap.slider-slide-in.type-right .item:nth-child(1),
.top-slider-content-wrap.slider-slide-out.type-right .item:nth-child(1) {
    -webkit-animation-delay: 0.12s;
    -moz-animation-delay: 0.12s;
    animation-delay: 0.12s;
}

.top-slider-content-wrap.slider-slide-in.type-left .item:nth-child(3),
.top-slider-content-wrap.slider-slide-out.type-left .item:nth-child(3),
.top-slider-content-wrap.slider-slide-in.type-right .item:nth-child(2),
.top-slider-content-wrap.slider-slide-out.type-right .item:nth-child(2) {
    -webkit-animation-delay: 0.18s;
    -moz-animation-delay: 0.18s;
    animation-delay: 0.18s;
}

.top-slider-content-wrap.slider-slide-in.type-left .item:nth-child(2),
.top-slider-content-wrap.slider-slide-out.type-left .item:nth-child(2),
.top-slider-content-wrap.slider-slide-in.type-right .item:nth-child(3),
.top-slider-content-wrap.slider-slide-out.type-right .item:nth-child(3) {
    -webkit-animation-delay: 0.24s;
    -moz-animation-delay: 0.24s;
    animation-delay: 0.24s;
}

.top-slider-content-wrap.slider-slide-in.type-left .item:nth-child(1),
.top-slider-content-wrap.slider-slide-out.type-left .item:nth-child(1),
.top-slider-content-wrap.slider-slide-in.type-right .item:nth-child(4),
.top-slider-content-wrap.slider-slide-out.type-right .item:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.popular-articles-middle .top-slider-content-wrap .item .item-content .category-link {
    font-size: 11px;
}

.popular-articles-middle .top-slider-content-wrap .item .item-content h3 {
    font-size: 14px;
}

.popular-articles-middle .top-slider-content-wrap .item .item-content p {
    font-size: 12px;
}

.popular-articles-middle .top-slider-controls {
    left: 0px;
}

.item[data-color-top-slider] .item-header {
    display: block;
}

.item[data-color-top-slider] .item-header a {
    display: block;
    background-color: #EB6435;
    position: relative;
}

.item[data-color-top-slider] .item-header img {
    position: relative;
    display: block;
    opacity: 0;
}

.item .item-header .comment-tag,
.item[data-color-top-slider] .item-header .comment-tag {
    position: absolute;
    display: block;
    z-index: 5;
    color: #fff;
    font-size: 13px;
    right: 20px;
    top: -8px;
    line-height: 100%;
    padding: 7px 12px;
    background-color: transparent;
    border-radius: 2px;
    font-weight: 800;
    border: 1px solid rgba(0, 0, 0, 0.12);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.item .item-header:hover .comment-tag,
.item[data-color-top-slider] .item-header:hover .comment-tag {
    top: -15px;
}

.item .item-header .comment-tag:before,
.item[data-color-top-slider] .item-header .comment-tag:before {
    display: block;
    content: '';
    position: absolute;
    left: 10px;
    bottom: -4px;
    width: 6px;
    height: 5px;
    background-color: inherit;
    z-index: 0;
    -ms-transform: skewY(-40deg);
    -webkit-transform: skewY(-40deg);
    transform: skewY(-40deg);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-color: inherit;
}

.item[data-color-top-slider] .item-header .comment-tag i.fa {
    display: inline-block;
    padding-right: 6px;
}

.item[data-color-top-slider] .item-header .read-more-wrapper {
    position: absolute;
    display: block;
    z-index: 1;
    text-align: center;
    width: 100%;
    line-height: 100%;
    top: 50%;
    margin-top: -19px;
}

.item[data-color-top-slider] .item-header .read-more {
    display: inline-block;
    background-color: transparent;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 14px;
    color: transparent;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.item[data-color-top-slider] .item-header:hover .read-more {
    color: #fff;
}

.item[data-color-top-slider] .item-header .read-more i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    background-color: #EB6435;
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
}

.item[data-color-top-slider] .item-header:hover .read-more i {
    width: 100%;
}

.item[data-color-top-slider] .item-header:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.portfolio-category-selector {
    margin-bottom: 50px;
    margin-top: -15px;
}

.portfolio-category-selector a {
    margin-bottom: 5px;
}

.team-members-grid .item .item-content {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    padding-bottom: 0px;
}

.team-members-grid .item .item-content h3 {
    display: block;
    margin-bottom: 17px;
    font-size: 26px;
}

.team-members-grid .item .item-content > strong {
    display: block;
    margin-top: -10px;
    margin-bottom: 17px;
    font-size: 16px;
    color: #bcbcbc;
}

.text-light .team-members-grid .item .item-content > strong {
    color: rgba(255, 255, 255, 0.8);
}

.team-members-grid .item .item-content .item-soc-buttons .button {
    padding: 0;
    line-height: 38px;
    width: 38px;
    height: 38px;
    text-align: center;
}

.saponsor {}

.saponsor img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.saponsor li:hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    -webkit-filter: grayscale(0);
    -webkit-filter: none;
    filter: none;
}

.saponsor li:hover img {
    opacity: 1;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    background-color: rgba(255, 255, 255, 1);
    filter: alpha(opacity=100);
}

.price-table-box {
    display: block;
}

.price-table-box .item {
    display: block;
    border-radius: 2px;
    margin-top: 20px;
    position: relative;
}

.price-table-box .item.item-popular {
    margin-top: 0px;
    border-color: inherit;
}

.price-table-box .item .item-header {
    border-radius: 2px 2px 0 0;
    width: auto;
    color: #fff;
    padding: 20px 24px;
    background-color: #9D9D9D;
}

.price-table-box .item .item-header strong {
    font-size: 26px;
    margin-bottom: 5px;
    display: block;
    font-weight: 900;
}

.price-table-box .item .item-header p {
    font-size: 14px;
}

.price-table-box .item .item-header .note-tag {
    position: absolute;
    background-color: inherit;
    box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.3);
    padding: 7px 13px;
    font-weight: bold;
    font-size: 15px;
    top: -22px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.price-table-box .item:hover .item-header .note-tag {
    top: -30px;
}

.price-table-box .item .item-header .note-tag:before {
    display: block;
    position: absolute;
    z-index: 1;
    width: 10px;
    height: 8px;
    content: '';
    background-color: inherit;
    bottom: -4px;
    left: 13px;
    box-shadow: inherit;
    -ms-transform: skewY(-37deg);
    -webkit-transform: skewY(-37deg);
    transform: skewY(-37deg);
}

.price-table-box .item .item-content {
    display: block;
    padding: 20px 24px;
    border: 2px solid rgba(0, 0, 0, 0.09);
    border-top: 0px;
    border-radius: 0 0 2px 2px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.price-table-box .item:hover .item-content {
    border-color: inherit!important;
}

.price-table-box .item .item-content .button {
    background-color: #ef7e60;
    margin: 0 0 -3px 0;
}

.price-table-box .item .item-content ul {
    display: block;
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 20px;
    font-size: 14px;
    color: #afafaf;
    padding-bottom: 8px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.price-table-box .item:hover .item-content ul {
    color: #7C7C7C;
}

.price-table-box .item .item-content ul li {
    display: block;
    margin-bottom: 12px;
}

.price-table-box .item .item-content ul li i.fa {
    display: inline-block;
    padding-right: 8px;
}

.price-table-box .item .item-content .price-tag {
    display: block;
    margin-bottom: 15px;
    color: #727272;
}

.price-table-box .item .item-content .price-tag strong {
    display: inline-block;
    font-size: 30px;
    font-weight: 900;
}

.price-table-box .item .item-content .buttons-block a.right {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    color: #c4c4c4;
    padding: 11px 3px;
}

.price-table-box .item .item-content .buttons-block a.right:hover {
    color: #9D9D9D;
}

.contact-us-form {
    display: block;
    width: 700px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.contact-us-form .paragraph-row {
    margin-bottom: 14px!important;
}

.contact-us-form label {
    display: block;
    position: relative;
    cursor: text;
    padding: 14px 17px;
    border-radius: 2px;
}

.contact-us-form label span {
    display: block;
    font-size: 13px;
    line-height: 120%;
    font-weight: normal;
    position: absolute;
    z-index: 1;
    color: rgba(255, 255, 255, 0.5);
    top: 14px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.contact-us-form label textarea,
.contact-us-form label input {
    display: block;
    width: 100%;
    border: 0px;
    color: #fff;
    background: transparent;
    margin-top: 2px;
    position: relative;
    z-index: 1;
    margin-top: 17px;
    transition: color 0.2s;
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
}

.contact-us-form label textarea {
    height: 120px;
    resize: vertical;
}

.contact-us-form label i {
    position: absolute;
    z-index: 0;
    display: block;
    content: '';
    background-color: transparent;
    border: 2px solid rgba(231, 231, 231, 0.4);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    border-radius: 2px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.contact-us-form label input:active,
.contact-us-form label textarea:active,
.contact-us-form label input:focus,
.contact-us-form label textarea:focus {
    color: #4e4e4e;
}

.contact-us-form label input:active ~ i,
.contact-us-form label textarea:active ~ i,
.contact-us-form label input:focus ~ i,
.contact-us-form label textarea:focus ~ i {
    background: #ebebeb;
}

.contact-us-form label input:active ~ span,
.contact-us-form label textarea:active ~ span,
.contact-us-form label input:focus ~ span,
.contact-us-form label textarea:focus ~ span {
    font-size: 13px!important;
    top: 14px!important;
    color: rgba(35, 35, 35, 0.4)!important;
}

.contact-us-form label input[value=''] ~ span,
.contact-us-form label textarea:empty ~ span {
    font-size: 20px;
    top: 21px;
}

.contact-us-form .form-submit-bottom {
    display: block;
}

.contact-us-form .form-submit-bottom:after {
    display: block;
    content: '';
    clear: both;
}

.contact-us-form .form-submit-bottom p {
    display: block;
    font-size: 15px;
    padding: 7px 0;
    font-weight: 300;
}

.contact-us-form .form-submit-bottom button[type=submit] {
    background-color: #ebebeb;
    border: 0px;
    color: #4f5560;
    padding: 16px 30px;
    border-radius: 2px;
    font-weight: 900;
    font-size: 18px;
    margin-right: 25px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.contact-us-form .form-submit-bottom button[type=submit]:hover {
    background-color: #fff;
}

.main-content-archive-blocks {
    display: block;
}

.main-content-archive-blocks:after {
    display: block;
    clear: both;
    content: '';
}

.main-content-archive-blocks .item {
    display: block;
    float: left;
    width: 22.75%;
    margin-left: 3%;
}

.main-content-archive-blocks .item > h2 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
}

.main-content-archive-blocks .item:nth-child(5n+1) {
    margin-left: 0px;
}

.main-content-archive-blocks .item .item-article {
    display: block;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f3f3f3;
}

.main-content-archive-blocks .item .item-article .item-header {
    display: block;
    margin-bottom: 15px;
}

.main-content-archive-blocks .item .item-article h3 {
    font-size: 21px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.main-content-archive-blocks .item .item-article p {
    font-size: 16px;
    margin-bottom: 18px;
}

.main-content-archive-blocks .item .item-article .button {
    margin-left: 0px;
}

.main-content-archive-blocks .item .item-article.small h3 {
    font-size: 16px;
    margin-bottom: 0;
    position: relative;
    padding-left: 15px;
}

.main-content-archive-blocks .item .item-article.small h3:before {
    position: absolute;
    left: 0px;
    content: '\f0da';
    font-family: "FontAwesome";
    display: block;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
}

.main-content-archive-blocks .item > .button {
    display: block;
    background-color: #f1f1f1;
    color: #868686;
    border-radius: 2px;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    margin-top: -16px;
    margin-left: 0px;
    margin-right: 0px;
}

.latest-news-slider.gallery-slider .item .item-content {
    padding: 20px 0 0 0;
}

.latest-news-slider.gallery-slider .item .item-content .button {
    background-color: #f2f2f2;
    color: #747272;
    font-size: 12px;
    padding: 12px 23px;
}

.latest-news-slider.gallery-slider .item .item-content .button:hover {
    background: #E7E7E7;
}

.ot-home-wrapper .google-mapps-full {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.ot-home-wrapper .google-mapps-full iframe {
    width: 100%!important;
    height: 100%!important;
}

.ot-home-wrapper .contact-overlay {
    display: inline-block;
    background-color: rgba(33, 33, 33, 0.9);
    border-radius: 2px;
    padding: 10px 35px;
    width: 420px;
    position: relative;
    z-index: 1;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
}

.ot-home-wrapper .contact-overlay .button {
    color: #232323;
    background-color: #f0f0f0;
    border-radius: 2px;
}

.ot-home-wrapper .contact-overlay .button:hover {
    background-color: #fff;
}

.main-content.big-message {
    display: block;
    padding: 100px 0;
}

.big-message-inner {
    display: block;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #252629;
    padding-left: 190px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.big-message-inner > i.fa {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 150px;
    line-height: 100%;
}

.big-message-inner h1 {
    font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.big-message-inner h2 {
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #c0c2c9;
    font-weight: 500;
}

.big-message-inner p {
    font-size: 18px;
    margin-bottom: 25px;
    line-height: 150%;
    color: #78797f;
}

.big-message-inner .back-button {
    font-size: 18px;
    display: inline-block;
    font-weight: bold;
}

.big-message-inner .back-button i.fa {
    padding-right: 10px;
}

.portfolio-item-main {
    display: block;
    margin-top: 40px;
}

.portfolio-item-main h3 {
    font-size: 30px;
}

.portfolio-item-main h4 {
    font-size: 30px;
    font-weight: normal!important;
}

.portfolio-item-main p {
    font-size: 18px;
}

.portfolio-item-main ul.fa-ul {
    font-weight: bold;
    color: #fff;
    font-size: 17px;
    margin-bottom: 40px;
}

.portfolio-item-main ul.fa-ul i.fa {
    width: 20px;
}

.portfolio-item-main p:last-child {
    margin-bottom: 0px;
}

.portfolio-item-main .button {
    font-weight: normal;
    text-transform: none;
    font-size: 16px!important;
    margin-left: 0px;
    margin-right: 15px;
}

.portfolio-item-main .button.button-transgray {
    background-color: rgba(255, 255, 255, 0.2);
}

.header-main-content.border-bottom:after,
.header-main-content.border-bottom:before {
    background-color: transparent;
}

.ot-info-block {
    text-align: center;
}

.ot-info-block p {
    font-size: 22px;
    font-weight: 100;
}


/*------------------------------------------------------------------
[5. Photo gallery]

+ .photo-gallery-blocks
    + 
        + 

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

.photo-gallery-blocks {}

.photo-gallery-main {
    display: block;
    margin-top: 40px;
}

.photo-gallery-thumbs {
    display: block;
    background-color: #232323;
    color: #fff;
    margin-bottom: -60px;
    text-align: left;
    overflow: hidden;
    position: relative;
}

.photo-gallery-thumbs-inner {
    display: block;
    position: relative;
    padding: 16px 0;
    margin: 0 46px;
    white-space: nowrap;
    font-size: 0;
    overflow: hidden;
}

.photo-gallery-thumbs-inner .item {
    margin-right: 11px;
    display: inline-block;
    padding: 1px;
    border: 3px solid transparent;
    margin-left: -3px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.photo-gallery-thumbs-inner .item:first-child {
    margin-left: 0px;
}

.photo-gallery-thumbs-inner .item:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.photo-gallery-thumbs-inner .item.active {
    border: 3px solid #9dca33;
    opacity: 1;
    filter: alpha(opacity=100);
}

.photo-gallery-thumbs-inner:after,
.photo-gallery-thumbs-inner:before {
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.photo-gallery-thumbs-inner:after {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 100%;
    width: 100px;
    height: 100%;
    box-shadow: 5px 0 60px 40px #232323;
    content: '';
}

.photo-gallery-thumbs-inner.is-last:after {
    box-shadow: -5px 0 60px 40px transparent;
}

.photo-gallery-thumbs-inner:before {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0px;
    right: 100%;
    width: 100px;
    height: 100%;
    box-shadow: -5px 0 60px 40px transparent;
    content: '';
}

.photo-gallery-thumbs-inner.not-first:before {
    box-shadow: -5px 0 60px 40px #232323;
}

.photo-gallery-thumbs-inner img {
    width: 90px;
    height: 70px;
}

.photo-gallery-nav-left:active,
.photo-gallery-nav-left:focus,
.photo-gallery-nav-left {
    display: block;
    position: absolute;
    left: 0px;
    top: 20px;
    background-color: #9dca33;
    padding: 0px;
    box-shadow: none;
    border: 0px;
    color: #fff;
    width: 35px;
    bottom: 20px;
    border-radius: 0px;
}

.photo-gallery-nav-right:active,
.photo-gallery-nav-right:focus,
.photo-gallery-nav-right {
    display: block;
    position: absolute;
    right: 0px;
    top: 20px;
    background-color: #9dca33;
    padding: 0px;
    box-shadow: none;
    border: 0px;
    color: #fff;
    width: 35px;
    bottom: 20px;
    border-radius: 0px;
}

.photo-gallery-nav-right:hover,
.photo-gallery-nav-left:hover {
    background-color: #fff;
    color: #232323;
}

.photo-gallery-full-controls button {
    position: absolute;
    left: auto;
    top: 0px;
    right: 100%;
    height: 100%;
    width: 100px;
    border: 0;
    background-color: transparent;
    font-size: 45px;
}

.photo-gallery-full-controls button:hover {
    color: #fff;
}

.photo-gallery-full-controls button.control-right {
    left: 100%;
    right: auto;
}

.photo-gallery-content {
    display: block;
    padding-bottom: 30px;
    border-bottom: 2px solid #F2F2F2;
    margin-bottom: 50px;
}

.photo-gallery-content .ph-wrap {
    width: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.photo-gallery-content h2 {
    margin-top: 0px;
    font-size: 38px;
    margin-bottom: 20px;
    font-weight: 900;
}

.photo-gallery-content p {
    font-size: 18px;
}


/* lightbox */

.lightbox hr {
    margin: 20px 0px;
}

.lightbox p,
.lightbox span,
.lightbox h2,
.lightbox h3 {
    color: #232323;
    text-shadow: none;
}

.lightbox .loading-box {
    padding: 50px 0px;
    line-height: 24px;
}

.startlightbox {
    overflow: hidden;
}

.startlightbox .lightbox {
    display: block;
}

.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.94);
    text-align: center;
    z-index: 1002;
    display: none;
    overflow-y: scroll!important;
}

.lightbox .main-black-block {
    box-shadow: none;
    background: #212121;
    color: #ccc;
    font-size: 11.5px;
    line-height: 20px;
    font-weight: 300;
    padding-bottom: 5px;
    color: #8a8a8a;
}

.lightbox .lightcontent .light-close:hover,
.lightbox .lightcontent-loading .light-close:hover {
    color: #232323;
    border-color: transparent;
    background-color: #f0f0f0;
}

.lightbox .lightcontent .light-close:active,
.lightbox .lightcontent-loading .light-close:active {
    background-color: #ccc;
    color: #232323;
    border-color: transparent;
}

.lightbox .lightcontent .light-close,
.lightbox .lightcontent-loading .light-close {
    display: block;
    right: 0px;
    top: -50px;
    font-family: Arial;
    position: absolute;
    font-size: 14px;
    color: #fff;
    text-shadow: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    border: 1px solid #fff;
    padding: 0px;
    background-color: transparent;
}

.lightbox .lightcontent,
.lightbox .lightcontent-loading {
    background: #f4f4f4;
    width: 1140px;
    max-width: 100%;
    margin: 100px auto 70px auto;
    position: relative;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
    text-align: left;
}

.lightbox .light-title {
    display: block;
    position: absolute;
    top: -33px;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    height: 23px;
    width: 780px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lightbox .gallery-thumbs {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    width: 95%;
}

.lightbox .thacontent {
    padding: 0px 25px 20px 25px;
}

.loading-box {
    display: block;
    text-align: center;
}

.loading-box .loading-image {
    display: block;
    text-align: center;
    padding-top: 20px;
}

.lightbox .carousel-left {
    left: 8px;
}

.lightbox .carousel-right {
    right: 8px;
}

.lightbox blockquote {
    padding-bottom: 30px;
}

.lightbox .article-main-content {
    padding: 0px 55px;
    width: auto;
}

.loading-message {
    display: block;
    background: #f0f0f0;
    padding: 10px 15px;
    font-size: 11px;
    line-height: 140%;
}

.loading-message img {
    display: block;
    float: left;
    width: 34px;
    padding-right: 15px;
}

.main-content-split .loading-message img {
    display: none;
}

.loading-message:before {
    display: block;
    content: '';
    clear: both;
}

.loading-message b {
    font-size: 18px;
    display: block;
    padding-bottom: 4px;
}

.ls-fullwidth .ls-nav-prev,
.ls-fullwidth .ls-nav-next {
    z-index: 20px;
}

.ls-fullwidth .ls-nav-next {
    right: 50px!important;
}

.ls-fullwidth .ls-nav-prev {
    left: 50px!important;
}

.lightbox .big-photo-block .the-image {
    box-shadow: none;
    text-align: center;
    padding-top: 10px;
    background-color: transparent;
}

.lightbox .big-photo-block .the-image img {
    max-width: 98%;
}

.lightbox .big-photo-block .the-thumbs {
    margin-left: 1%;
    margin-right: 1%;
    overflow: hidden;
}

.lightbox .lightbox-content {
    display: block;
    padding: 0px 2% 8px 2%;
}

.the-image img {
    max-width: 100%;
}

.lightbox .photo-gallery-full {
    box-shadow: none;
}

.lightbox .photo-gallery-main:hover .photo-controls.prev {
    left: 20px;
}

.lightbox .photo-gallery-main:hover .photo-controls.next {
    right: 20px;
}

.lightbox .photo-gallery-thumbs {
    margin-bottom: 0px;
}

.lightbox .photo-gallery-main {
    position: relative;
    display: block;
}

.lightbox .photo-gallery-content {
    padding-top: 40px;
    border-bottom: 0px;
    margin-bottom: 0px;
}

.waiter.loading {
    background-image: url(../images/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
}

.waiter.loading img {
    opacity: 0.3;
}


/*------------------------------------------------------------------
[6. Sidebar styling]

+ #sidebar
    + 
        + 

Widget content    .widget > div
-------------------------------------------------------------------*/

#sidebar {}

.header .main-menu a.button-read-more {
    display: block;
    background: rgba(237, 237, 237, 0.9);
    color: #A6A6A6!important;
    margin: -21px 0 0 0;
    padding: 13px 0px!important;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    clear: both;
}

.header .main-menu a.button-read-more:hover {
    background: rgba(228, 228, 228, 0.9);
}

.widget {
    display: block;
    max-width: 300px;
    white-space: normal;
}

.widget > h3 {
    display: block;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    font-weight: 800;
    font-size: 17px;
    color: #9DCA33;
    text-transform: uppercase;
}

.widget > h3 i.ti,
.widget > h3 i.fa {
    display: inline-block;
    padding-right: 10px;
}

.widget > h3 span i.ti,
.widget > h3 span i.fa {
    padding-right: 0px;
}

.widget.widget-tabbed > h3 {
    display: table;
    width: 100%;
    padding-bottom: 0px;
    border-width: 0;
}

.widget > h3 span {
    display: table-cell;
    cursor: pointer;
    text-align: center;
    padding: 0 12px;
    padding-bottom: 16px;
    border-bottom: 2px solid transparent;
    border-color: inherit;
}

#sidebar .widget > h3 span.active {
    border-bottom: 2px solid #9DCA33;
}

.widget .tagcloud {
    display: block;
    font-size: 0;
}

.widget .tagcloud a {
    font-size: 12px!important;
    color: #868686;
    padding: 7px 10px;
    display: inline-block;
    background: #ECECEC;
    border-radius: 2px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.widget .tagcloud a:hover {
    background: #DDDDDD;
}

.widget ul.menu {
    display: block;
    width: 260px;
}

.widget ul.menu li {
    display: block;
    margin-top: 0px;
}

.widget ul.menu li.active a {
    color: #94BE30;
}

.widget ul.menu li a {
    display: block;
    padding: 12px 0px 12px 5px;
    border-radius: 2px;
    position: relative;
    /*font-weight: bold;*/
    line-height: 1em;
    border-bottom: 2px solid #CCC;
    font-size: 24px;
    text-align: left;
}

.widget ul.menu li a:before {
    display: block;
    position: absolute;
    /*content: '\f0da';*/
    font-family: "FontAwesome";
    /*margin-left: -16px;*/
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.widget ul.menu li li a {
    padding-left: 35px;
}

.widget ul.menu li li a:hover {
    /*padding-left: 45px;*/
}

.widget ul.menu li a:hover {
    /*background-color: rgba(0, 0, 0, 0.03);*/
    background: #F7F7F7;
    /*padding-left: 30px;*/
}

.widget .stars-block {
    display: inline-block;
    margin-top: 5px;
    background-color: red;
    color: #fff;
    margin-bottom: 10px;
    font-size: 10px;
    padding: 0 9px;
    line-height: 22px;
    border-radius: 2px;
    background-color: #94be30;
    font-weight: bold;
}

.item-stars {
    display: inline-block;
    font-family: "FontAwesome";
    position: relative;
    letter-spacing: 2px;
    margin-right: 5px;
    margin-bottom: 0px;
}

.item-stars:before {
    display: block;
    content: '\f006\f006\f006\f006\f006';
    color: #fff;
}

.item-stars .stars-inner {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    z-index: 2;
}

.item-stars .stars-inner:before {
    display: block;
    content: '\f005\f005\f005\f005\f005';
    color: #fff;
}

.widget .widget-comments-list .item {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ECECEC;
}


/*.widget .widget-comments-list .item:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}*/

.widget .widget-comments-list .item .item-header {
    display: block;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}

.widget .widget-comments-list .item .item-content {
    display: block;
    margin-left: 65px;
}

.widget .widget-comments-list .item.no-image .item-content {
    margin-left: 0px;
}

.widget .widget-comments-list .item .item-content h4 {
    margin-bottom: 10px;
    margin-top: 0px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.5px;
}

.widget .widget-comments-list .item .item-content p {
    font-size: 13px;
    line-height: 140%;
    margin-bottom: 10px;
}

.widget .widget-comments-list .item .item-content .item-meta {
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.widget .widget-comments-list .item .item-content .item-meta a {
    color: inherit;
    margin-right: 8px;
    display: inline-block;
    letter-spacing: -0.5px;
}

.widget .widget-comments-list .item .item-content .item-meta a:hover {
    color: #7B7B7B;
}

.widget .widget-comments-list .item .item-content .item-meta a i.fa {
    padding-right: 6px;
}

.widget .ot-twitter-feed {
    display: block;
}

.widget .ot-twitter-feed .item {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ECECEC;
}

.widget .ot-twitter-feed .item:after {
    display: block;
    clear: both;
    content: ''
}

.widget .ot-twitter-feed .item-header {
    display: block;
    width: 60px;
    height: 60px;
    float: left;
}

.widget .ot-twitter-feed .item-content {
    display: block;
    margin-left: 80px;
}

.widget .ot-twitter-feed .item-content > a {
    display: block;
    margin-bottom: 7px;
}

.widget .ot-twitter-feed .item-content > a strong {
    display: block;
    font-size: 18px;
    font-weight: 900;
}

.widget .ot-twitter-feed .item-content > a span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    color: #ccc;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.widget .ot-twitter-feed .item-content p a:hover,
.widget .ot-twitter-feed .item-content > a:hover span {
    color: #232323;
}

.widget .ot-twitter-feed .item-content p {
    margin-bottom: 10px;
}

.widget .ot-twitter-feed .item-content p a {
    color: #418eca;
}

.widget .ot-twitter-feed .item .item-content .item-meta {
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.widget .ot-twitter-feed .item .item-content .item-meta a {
    color: inherit;
    margin-right: 10px;
    display: inline-block;
    letter-spacing: -0.5px;
}

.widget .ot-twitter-feed .item .item-content .item-meta a.tw-retweet-green:hover,
.widget .ot-twitter-feed .item .item-content .item-meta a:hover {
    color: #7B7B7B;
}

.widget .ot-twitter-feed .item .item-content .item-meta a i.fa {
    padding-right: 6px;
}

.widget .ot-twitter-feed .item .item-content .item-meta a.tw-retweet-green {
    color: #9acf34;
}

.widget-instagram-photos {
    display: block;
}

.widget-instagram-photos .item {
    display: block;
    width: 47%;
    float: left;
    margin-bottom: 20px;
    margin-left: 6%;
}

.widget-instagram-photos .item:nth-child(2n+1) {
    margin-left: 0px;
}

.widget-instagram-photos .item .item-header {
    display: block;
    margin-bottom: 13px;
}

.widget-instagram-photos .item .item-header a {
    display: block;
}

.widget-instagram-photos .item .item-content {
    display: block;
}

.widget-instagram-photos .item .item-content h4 {
    margin-bottom: 6px;
    margin-top: 0px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.5px;
    line-height: 130%;
}

.widget-instagram-photos .item .item-content .insta-like-count {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 6px;
    display: block;
    color: #eb6435;
}

.widget-instagram-photos .item .item-content .insta-like-count i.fa {
    padding-right: 6px;
}

.widget-instagram-photos .item .item-content .item-meta {
    color: #bbbbbb;
    font-size: 11px;
}

.widget-instagram-photos .item .item-content .item-meta a {
    color: inherit;
    margin-right: 8px;
    display: inline-block;
    letter-spacing: -0.5px;
}

.widget-instagram-photos .item .item-content .item-meta a:hover {
    color: #7B7B7B;
}

.widget-instagram-photos .item .item-content .item-meta a i.fa {
    padding-right: 6px;
}

.widget .social-widget {
    display: block;
    font-size: 0;
}

.widget .social-widget a {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: 18.4%;
    margin-left: 2%;
    background-color: #ECECEC;
}

.widget .social-widget a:nth-child(5n+1) {
    margin-left: 0px;
}

.widget .social-widget a i.fa {
    display: block;
    line-height: 36px;
}

.widget .social-widget a span {
    display: block;
    background-color: #E4E4E4;
    color: #818181;
    font-size: 12px;
    line-height: 22px;
}

.widget .widget-article-list .item {
    display: block;
    margin-bottom: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(219, 219, 219, 0.5);
}

.widget .has-footer-button > div:last-of-type {
    border-bottom: 0px!important;
    margin-bottom: 0px!important;
    padding-bottom: 0px!important;
}

.widget .widget-article-list .item .item-header {
    display: block;
    float: left;
}

.widget .widget-article-list .item .item-content {
    display: block;
    margin-left: 70px;
}

.widget .widget-article-list .item.no-image .item-content {
    margin-left: 0px;
}

.widget .widget-article-list .item .item-content h4 {
    margin-bottom: 6px;
    margin-top: 0px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.5px;
}

.widget .widget-article-list .item .item-content h4 .item-title-comment {
    white-space: nowrap;
    padding-left: 9px;
    font-size: 11px;
    color: #FF975A;
}

.widget .widget-article-list .item .item-content h4 .item-title-comment:hover {
    color: #232323;
}

.widget .widget-article-list .item .item-content h4 .item-title-comment i.fa {
    padding-right: 5px;
}

.widget .widget-article-list .item .item-content .item-meta {
    color: #CBCBCB;
    font-size: 12px;
    font-weight: 600;
}

.widget .widget-article-list .item .item-content .item-meta a {
    color: inherit;
    margin-right: 8px;
    display: inline-block;
    letter-spacing: -0.5px;
}

.widget .widget-article-list .item .item-content .item-meta a:hover {
    color: #7B7B7B;
}

.widget .widget-article-list .item .item-content .item-meta a i.fa {
    padding-right: 6px;
}

.widget .widget-article-list p {
    display: block;
    padding-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 140%;
}

.footer .widget .widget-article-list .item .item-content h4 .item-title-comment:hover {
    color: #fff;
}

.footer .widget .widget-article-list .item {
    border-color: rgba(255, 255, 255, 0.08);
}

.widget a.button-read-more {
    display: block;
    background: rgba(0, 0, 0, 0.13);
    color: rgba(207, 207, 207, 0.58)!important;
    margin: 16px 0 0 0;
    padding: 14px 0px!important;
    font-size: 12px;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    clear: both;
    border-radius: 2px;
}

.widget a.button-read-more:hover {
    background: rgba(0, 0, 0, 0.22);
    color: rgba(207, 207, 207, 1)!important;
}

.widget ol,
.widget ul {
    margin-bottom: 25px;
    line-height: 150%;
    font-size: 14px;
}

.widget ol:last-child,
.widget ul:last-child {
    margin-bottom: 0px;
}

.widget ol {
    list-style: decimal;
    padding-left: 20px;
}

.widget ol li,
.widget ul li {
    margin-top: 10px;
}

.widget ol > li:first-child,
.widget ul > li:first-child {
    margin-top: 0;
}

.label-input {
    display: block;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    border-radius: 2px;
    font-size: 13px;
    padding: 9px 15px;
    color: #828282;
    cursor: text;
    margin-bottom: 8px;
}

.label-input.focused {
    border: 1px solid #D0D0D0;
}

.label-input.focused span {
    color: #A5A5A5;
}

.label-input span {
    color: #ccc;
    display: block;
    margin-bottom: 3px;
    font-weight: normal;
    font-size: 12px;
}

.label-input textarea,
.label-input input {
    padding: 0px;
    border: 0px;
    width: 100%;
    font-weight: normal;
}

.widget-subscribe .button {
    border-radius: 3px;
    font-size: 13px;
    margin: 10px 0 0 0;
    padding: 12px 23px;
}

#sidebar .widget.widget-tabbed > div {
    display: none;
}

#sidebar .widget.widget-tabbed > div.active {
    display: block;
}

.widget .widget-testimonials {
    display: block;
}

.widget .widget-testimonials .item {
    display: block;
    margin-bottom: 30px;
}

.widget .widget-testimonials .item-avatar {
    display: block;
    text-align: center;
}

.widget .widget-testimonials .item-avatar img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
}

.widget .widget-testimonials .item-content {
    display: block;
    padding: 20px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    margin-bottom: 20px;
    position: relative;
    background-color: #fff;
}

.widget .widget-testimonials .item-content:before {
    display: block;
    width: 10px;
    height: 10px;
    background: inherit;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-color: inherit;
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: -4px;
    z-index: 1;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.widget .widget-testimonials .item-content p {
    margin-bottom: 15px;
}

.widget .widget-testimonials .item-content > h4 {
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 2px;
}

.widget .widget-testimonials .item-content > span {
    font-size: 12px;
    color: #94be30;
    font-weight: bold;
}

.widget .ot-widget-portfolio .item {
    display: block;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(219, 219, 219, 0.5);
}

.widget .ot-widget-portfolio .item .item-header {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid transparent;
    border-color: #eee;
    position: relative;
    background-color: #fff;
    box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.07);
}

.widget .ot-widget-portfolio .item .item-header:before {
    display: block;
    clear: both;
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: inherit;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-color: inherit;
    left: 50%;
    margin-left: -5px;
    bottom: -5px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.widget .ot-widget-portfolio .item .item-header .item-photo {
    float: left;
    width: 54%;
}

.widget .ot-widget-portfolio .item .item-header .item-desc {
    display: block;
    margin-left: 60%;
}

.widget .ot-widget-portfolio .item .item-header .item-desc-i {
    display: block;
    margin-bottom: 5px;
}

.widget .ot-widget-portfolio .item .item-header .item-desc-i:last-child {
    margin-bottom: 0px;
}

.widget .ot-widget-portfolio .item .item-header .item-desc-i span {
    display: block;
    color: #bababa;
    font-size: 12px;
}

.widget .ot-widget-portfolio .item .item-header .item-desc-i strong {
    display: block;
    font-size: 14px;
}

.widget .ot-widget-portfolio .item .item-header:after {
    display: block;
    clear: both;
    content: '';
}

.widget .ot-widget-portfolio .item .item-content {
    display: block;
}

.widget .ot-widget-portfolio .item .item-content h4 {
    font-weight: bold;
    font-size: 17px;
}

.widget .ot-widget-portfolio .item .item-content p {
    margin-bottom: 0px;
}

.widget .ot-widget-gallery {
    display: block;
}

.widget .ot-widget-gallery .item {
    display: block;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(219, 219, 219, 0.5);
}

.widget .ot-widget-gallery .item img {
    width: 100%;
    height: auto;
}

.widget .ot-widget-gallery .item h4 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 120%;
    margin-top: 0px;
}

.widget .ot-widget-gallery .item p {
    margin-bottom: 0px;
}

.widget .ot-widget-gallery .item .item-header {
    margin-bottom: 15px;
    position: relative;
}

.widget .ot-widget-gallery .item .item-meta {
    font-weight: 600;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.widget .ot-widget-gallery .item .item-meta .item-meta-i {
    display: inline-block;
    margin-right: 14px;
    color: #bababa;
}

.widget .ot-widget-gallery .item .item-meta a.item-meta-i:hover {
    color: #232323;
}

.widget .ot-widget-gallery .item .item-meta .item-meta-i i.ti,
.widget .ot-widget-gallery .item .item-meta .item-meta-i i.fa {
    padding-right: 8px;
}

.widget .ot-widget-gallery .item-controls button {
    position: absolute;
    z-index: 4;
    background-color: rgba(255, 255, 255, 0.8);
    color: #232323;
    border: 0px;
    border-radius: 50%;
    height: 38px;
    width: 38px;
    top: 50%;
    margin-top: -19px;
    left: 10px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
    opacity: 0;
    filter: alpha(opacity=0);
}

.widget .ot-widget-gallery .item-header:hover .item-controls button {
    opacity: 1;
    filter: alpha(opacity=100);
}

.widget .ot-widget-gallery .item-controls button:hover {
    background-color: rgba(255, 255, 255, 1);
}

.widget .ot-widget-gallery .item-controls button.arrow-right {
    left: auto;
    right: 10px;
}

.widget .ot-widget-gallery .item-photos {
    position: relative;
    display: block;
}

@-webkit-keyframes photonext {
    0% {
        width: 78%;
        left: 11%;
        top: 0%;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    40% {
        width: 80%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 100%;
        left: 40%;
        opacity: 1;
        filter: alpha(opacity=100);
        margin-top: 0px;
    }
    50% {
        width: 80%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 100%;
        left: 40%;
        opacity: 1;
        filter: alpha(opacity=100);
        margin-top: 0px;
    }
    100% {
        width: 100%;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        left: 0px;
        top: 0px;
        margin-top: 0px;
        z-index: 2;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-moz-keyframes photonext {
    0% {
        width: 78%;
        left: 11%;
        top: 0%;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    40% {
        width: 80%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 100%;
        left: 40%;
        opacity: 1;
        filter: alpha(opacity=100);
        margin-top: 0px;
    }
    50% {
        width: 80%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 100%;
        left: 40%;
        opacity: 1;
        filter: alpha(opacity=100);
        margin-top: 0px;
    }
    100% {
        width: 100%;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        left: 0px;
        top: 0px;
        margin-top: 0px;
        z-index: 2;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@keyframes photonext {
    0% {
        width: 78%;
        left: 11%;
        top: 0%;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    40% {
        width: 80%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 100%;
        left: 40%;
        opacity: 1;
        filter: alpha(opacity=100);
        margin-top: 0px;
    }
    50% {
        width: 80%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 100%;
        left: 40%;
        opacity: 1;
        filter: alpha(opacity=100);
        margin-top: 0px;
    }
    100% {
        width: 100%;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        left: 0px;
        top: 0px;
        margin-top: 0px;
        z-index: 2;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

.widget .ot-widget-gallery .item-photos a {
    display: none;
}

.widget .ot-widget-gallery .item-photos a.active {
    display: block;
    z-index: 1;
    position: relative;
}

.widget .ot-widget-gallery .item-photos a.transition {
    display: block;
    position: absolute;
    z-index: 0;
    -webkit-animation: photonext 0.8s cubic-bezier(0.57, 0.4, 0.43, 1.38);
    -moz-animation: photonext 0.8s cubic-bezier(0.57, 0.4, 0.43, 1.38);
    animation: photonext 0.8s cubic-bezier(0.57, 0.4, 0.43, 1.38);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.widget > h3 span {
    position: relative;
    z-index: 2;
}

#sidebar.style-2 .widget > h3 {
    color: #FFF;
    background-color: #65C2F5;
    font-size: 26px;
    padding: 15px 22px;
    font-weight: normal;
    /*    text-transform: none;
    font-weight: normal;
    position: relative;
    overflow: hidden;
    border-radius: 2px;*/
    font-family: "supermarketregular";
}

#sidebar.style-2 .widget.widget-tabbed > h3 {
    padding: 0;
}

#sidebar.style-2 .widget > h3 span {
    padding-top: 15px;
}

#sidebar.style-2 .widget > h3 span:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

#sidebar.style-2 .widget > h3 span.active {
    background-color: rgba(255, 255, 255, 0.26);
}


/*------------------------------------------------------------------
[7. Footer]

+ .footer
    + 
        + 

Copyright information     .footer-copy p
-------------------------------------------------------------------*/

.footer {
    display: block;
    position: relative;
}

.footer > div {
    display: block;
    position: relative;
}

.footer.copyright-dark {
    background-color: #4A4B4D;
}

.footer.copyright-dark .footer-copyright p {
    color: #8C8C8C;
}

.footer.copyright-dark .footer-copyright a:hover {
    color: #fff;
}

.footer.copyright-dark .footer-copyright ul li:after {
    background-color: #636363;
}

.footer .footer-widgets {
    padding: 30px 0;
    background-color: #313131;
    background-image: url(../images/slider-background-2.jpg);
    background-repeat: repeat;
    background-position: top center;
    box-shadow: inset 0 130px 70px -70px rgba(0, 0, 0, 0.1);
}

.footer .footer-widgets a {
    /*color: #fff;*/
    color: rgba(158, 158, 158, 0.78);
}

.footer .footer-widgets p:last-child {
    margin-bottom: 0px;
}

.footer .footer-widgets h1,
.footer .footer-widgets h2,
.footer .footer-widgets h3,
.footer .footer-widgets h4,
.footer .footer-widgets h5,
.footer .footer-widgets h6 {
    color: #fff;
    margin-bottom: 25px;
    margin-top: 0px;
}

.footer .footer-widgets .widget-f-wrapper {
    margin-left: -20px;
    margin-right: -20px;
    display: block;
}

.footer .footer-widgets .widget-f-wrapper:after {
    display: block;
    clear: both;
    content: '';
}

.footer .footer-widgets .widget-f-wrapper .widget-split {
    display: block;
    float: left;
    width: 25%;
    max-width: 100%;
    border-right: 0px;
}

.footer .footer-widgets .widget {
    display: block;
}

.footer .footer-widgets .widget > h3 {
    display: block;
    color: #e8e8e8;
    font-size: 20px;
    border-color: rgba(255, 255, 255, 0.18);
}

.footer .widget .social-widget a {
    background-color: #282828;
}

.footer .widget .social-widget a span {
    background-color: #1F1F1F;
}

.footer .widget .tagcloud a {
    background: #282828;
}

.footer .widget .tagcloud a:hover {
    background: #1F1F1F;
}

.footer .button-active .h-t-a .h-t-b {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.08);
}

.footer .social-widget p {
    font-size: 14px;
    margin-top: 15px;
}

.footer.text-dark .footer-widgets .widget>h3,
.footer.text-dark .footer-widgets a,
.footer.text-dark .footer-widgets h1,
.footer.text-dark .footer-widgets h2,
.footer.text-dark .footer-widgets h3,
.footer.text-dark .footer-widgets h4,
.footer.text-dark .footer-widgets h5,
.footer.text-dark .footer-widgets h6 {
    color: #5F5F5F;
}

.footer.text-dark .widget .widget-article-list .item,
.footer.text-dark .footer-widgets .widget>h3 {
    border-color: rgba(0, 0, 0, 0.06);
}

.footer.text-dark,
.footer.text-dark p {
    color: rgba(58, 58, 58, .78);
}

.footer.text-dark .widget .widget-article-list .item .item-content .item-meta,
.footer.text-dark .widget-instagram-photos .item .item-content .item-meta {
    color: #A7A7A7;
}

.footer.text-dark .widget .tagcloud a {
    background: rgba(0, 0, 0, 0.1);
}

.footer.text-dark .widget a.button-read-more {
    background: rgba(0, 0, 0, 0.1);
    color: #5f5f5f!important;
}

.footer.text-dark .widget a.button-read-more:hover,
.footer.text-dark .widget .tagcloud a:hover {
    background: rgba(0, 0, 0, 0.15);
}

.footer.text-dark .widget .social-widget a span {
    background-color: #C9C9C9;
}

.footer.text-dark .widget .social-widget a {
    background-color: #D6D6D6;
}

.footer.text-dark .widget .social-widget a:hover i {
    color: #fff;
}

.footer-copyright {
    display: block;
    padding: 25px 0;
    color: #9f9f9f;
    font-size: 22px;
}

.footer-copyright:after {
    display: block;
    clear: both;
    content: '';
}

.footer-copyright p {
    display: block;
    margin-bottom: 0px;
    font-size: 15px;
}

.footer-copyright a {
    color: #9f9f9f;
}

.footer-copyright a:hover {
    color: #232323;
}

.footer-copyright ul {
    display: block;
    margin-bottom: 0px;
    padding: 10px 0;
}

.footer-copyright ul li {
    display: inline-block;
    margin-left: 20px;
    position: relative;
}

.footer-copyright ul li:after {
    display: block;
    position: absolute;
    content: '';
    width: 1px;
    height: 80%;
    top: 10%;
    left: -12px;
    background-color: #DDD;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}

.footer-copyright ul li:first-child:after {
    display: none;
}

.footer-copyright ul li a {
    display: block;
    font-weight: 900;
    font-size: 14px;
}

.parallax-mirror:after {
    display: block;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
}


/* WooCommerce */

.woocommerce-ordering {
    float: right;
    margin-top: -43px;
}

.woocommerce-ordering select {
    padding: 4px 10px;
}

.woocommerce .products {
    padding-left: 0px;
    padding-top: 0px;
    clear: both;
    margin-top: -20px;
}

.woocommerce .products .product:after,
.woocommerce .products:after {
    clear: both;
    display: block;
    content: '';
}

.woocommerce .products .product {
    list-style: none;
    float: left;
    width: 23%;
    margin-left: 2.66%;
    position: relative;
    text-align: center;
    margin-top: 20px;
}

.woocommerce .products .product a:first-child {
    text-decoration: none;
    display: block;
    margin-bottom: 12px;
    color: #232323;
    text-align: left;
}

.woocommerce .products .product a.button {
    margin-bottom: 10px;
    float: left;
}

.woocommerce .products .product a:after {
    display: block;
    clear: both;
    content: '';
}

.woocommerce .products .product h3 {
    display: block;
    font-size: 1.2em;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: left;
    font-family: 'PT Sans Narrow', sans-serif;
}

.woocommerce .products .product:nth-child(4n+1) {
    clear: both;
    margin-left: 0px;
}

.woocommerce .product.no-image .onsale {
    display: inline-block;
    position: relative!important;
    top: auto;
    left: auto;
    margin-bottom: 12px;
}

.woocommerce .products img {
    margin-bottom: 12px;
    width: 100%;
    max-width: 100%;
}

.woocommerce .products .star-rating {
    float: left;
    margin-bottom: 10px;
}

.woocommerce .products .price {
    float: left;
    clear: both;
}

.woocommerce .products .price del {
    display: inline-block;
    padding-right: 5px;
    color: #aaa;
    font-size: 0.9em;
    line-height: 1.2em;
}

.woocommerce .products .price .amount {
    font-weight: bold;
    color: #6CA516;
}

.woocommerce .products .price del .amount {
    font-weight: normal;
    color: inherit;
}

.woocommerce .product {
    display: block;
    margin-bottom: 30px;
}

.woocommerce .product:after {
    display: block;
    clear: both;
    content: '';
}

.woocommerce .product > .images {
    float: left;
    width: 41%;
    display: block;
}

.woocommerce .product > .images > a > img {
    width: 100%;
}

.woocommerce .product > .images .thumbnails {
    display: block;
    padding-top: 5px;
    font-size: 0;
}

.woocommerce .product > .images .thumbnails img {
    margin-left: 3.5%;
    margin-top: 10px;
    width: 31%;
}

.woocommerce .product > .images .thumbnails a:nth-child(3n+1) img {
    margin-left: 0px;
    clear: both;
}

.woocommerce .product > .summary {
    float: left;
    width: 56%;
    display: block;
    margin-left: 3%;
}

.woocommerce-tabs {
    display: block;
    clear: both;
    padding-top: 20px;
}

.woocommerce-tabs .entry-content {
    margin-top: -1px;
    float: right;
    border-radius: 0px;
    border: 1px solid #e9e9e9;
    padding: 30px;
    margin-bottom: 30px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.woocommerce-tabs .tabs {
    padding-left: 0px;
    position: relative;
    margin: 0px;
    padding-bottom: 0px;
}

.woocommerce-tabs .tabs:after {
    display: block;
    clear: both;
    content: '';
}

.woocommerce-tabs .tabs li {
    list-style: none;
    margin-left: 0px;
    margin-top: 0px;
}

.woocommerce-tabs .tabs li a {
    display: inline-block;
    color: #999999;
    border: 1px solid #e9e9e9;
    border-top-width: 2px;
    padding: 12px 30px;
    font-size: 14px;
    margin: 0 0px;
    margin-right: 5px;
    float: left;
    font-size: 14px;
    font-weight: 700;
}

.woocommerce-tabs .tabs li.active a {
    color: #000;
    border-bottom: 1px solid #fff;
    border-top: 2px solid #94BE30;
}

.woocommerce-tabs #comments h2,
.woocommerce-tabs #tab-description h2 {
    font-size: 1.4em;
    margin-top: 0px;
}

.woocommerce #reviews #comments ol.commentlist {
    list-style: none;
    padding-left: 0px;
}

.woocommerce #reviews #comments .star-rating {
    margin-bottom: 8px;
}

.woocommerce .product {
    position: relative;
}

.woocommerce-info {
    display: block;
    margin-bottom: 20px;
    background: #f5f5f5;
    padding: 20px;
    border-left: 3px solid #ECC31F;
}

.woocommerce-info .button {
    float: right;
    margin-top: -7px!important;
    position: relative;
}

.woocommerce-message {
    display: block;
    margin-bottom: 20px;
    background: #f5f5f5;
    padding: 20px;
    border-left: 3px solid #8FBE29;
}

.woocommerce-message .button {
    float: right;
    margin-top: -7px!important;
    position: relative;
}

.woocommerce-error {
    display: block;
    margin-bottom: 20px;
    background: #f5f5f5;
    padding: 20px!important;
    border-left: 3px solid #DA222B;
}

.woocommerce-error li {
    list-style-type: none;
}

.woocommerce-message .button {
    float: right;
    margin-top: -7px!important;
    position: relative;
}

.woocommerce .products {
    padding-top: 1px;
}

.column8 .woocommerce .products .product {
    float: left;
    width: 31.5%;
    margin-left: 2.66%;
}

.column8 .woocommerce .products .product:nth-child(4n+1) {
    clear: none!important;
    margin-left: 2.66%!important;
}

.column8 .woocommerce .products .product:nth-child(3n+1) {
    clear: both!important;
    margin-left: 0px!important;
}

.column6 .woocommerce .products .product {
    float: left;
    width: 48.66%;
    margin-left: 2.66%;
}

.column6 .woocommerce .products .product:nth-child(4n+1) {
    clear: none;
    margin-left: auto;
}

.column6 .woocommerce .products .product:nth-child(2n+1) {
    clear: both;
    margin-left: 0px;
}

.column4 .woocommerce .products .product {
    float: none;
    width: 100%;
    clear: both;
    margin-left: 0px;
}

.column4 .woocommerce .products .product:nth-child(4n+1) {
    clear: none;
    margin-left: auto;
}

.summary .price {
    float: left;
    margin-top: 5px;
    font-size: 20px;
    margin-bottom: 12px;
}

div[itemprop="description"] {
    margin-bottom: 30px;
}

.cart .quantity {
    position: relative;
    width: 120px;
    float: left;
    clear: both;
    height: 50px;
    margin-bottom: 5px;
}

.cart .quantity input.plus,
.cart .quantity input.minus {
    background-color: #E5E5E5;
    color: #666;
    cursor: pointer;
    display: inline!important;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 20px;
    position: absolute;
    z-index: 2;
    left: 40px;
    border: 0;
    border-radius: 0;
    top: 7px;
    text-align: center;
}

.cart .quantity input.plus:hover,
.cart .quantity input.minus:hover {
    background-color: #D0D0D0;
}

.cart .quantity input.minus {
    top: 22px;
}

.woocommerce .container div.product form.cart .button {
    margin-bottom: 20px;
}

form.cart .button:focus {
    outline: none;
}

.container .form-submit input {
    background: #fff;
    border: 2px solid #111;
    color: #111;
    font-size: 14px;
}

.woocommerce .checkout-button,
.shop_table.cart .coupon .button {
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.41), inset 0 -40px 30px -30px rgba(0, 0, 0, 0.04);
}

.woocommerce .summary .variations_form .variations {
    line-height: 150%;
}

.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page #content .quantity input.qty {
    float: none!important;
}

.summary .product_meta {
    margin-top: 5px;
    margin-bottom: 15px;
    clear: both;
}

.summary .product_meta .divider {
    width: 30px;
    height: 2px;
    background: #e2e2e2;
    margin-bottom: 15px;
}

.summary .single_variation:after {
    display: block;
    clear: both;
    content: '';
}

.summary .variations {
    margin-bottom: 10px;
    vertical-align: middle;
}

.summary .variations label {
    display: inline-block;
    padding-top: 5px;
}

.summary .variations td {
    padding-right: 10px;
}

.summary .variations select {
    padding: 3px 6px;
    cursor: pointer;
    border: 1px solid #e2e2e2;
    margin-right: 10px;
}

#review_form_wrapper form {
    margin-top: 35px;
    display: block;
}

#review_form_wrapper form > p label {
    margin-bottom: 5px;
    font-size: 14px;
}

#review_form_wrapper form > p {
    width: 55%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#review_form_wrapper form > p textarea,
#review_form_wrapper form > p input[type=text] {
    width: 100%;
    display: block;
    color: #949494;
    border: 1px solid #c4c4c4;
    padding: 12px 15px;
    font-size: 1em;
    font-family: Arial;
    margin: 0px;
    border-radius: 2px;
    line-height: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#review_form_wrapper p.stars {
    display: inline-block;
    margin-bottom: 0px;
    margin-left: 15px;
    position: relative;
    font-size: 19px!important;
}

#review_form_wrapper p.stars a {
    letter-spacing: 0px;
    font-size: 1em;
    color: transparent;
    display: inline-block;
    font-family: 'FontAwesome';
    position: relative;
    margin-right: 4px;
    width: 20px;
}

#review_form_wrapper p.stars a.active:before,
#review_form_wrapper p.stars a:hover:before {
    display: block;
    letter-spacing: 5px;
    font-size: inherit;
    content: "";
    right: -1px;
    text-align: right;
    color: #F7B019;
    position: absolute;
    font-family: 'FontAwesome';
    z-index: 20;
}

#review_form_wrapper p.stars > span:after {
    font-family: 'FontAwesome';
    content: "\f005\f005\f005\f005\f005";
    color: #ccc;
    display: block;
    position: absolute;
    top: 0px;
    letter-spacing: 5px;
    font-size: inherit;
    z-index: 0;
}

#review_form_wrapper p.stars a.active,
#review_form_wrapper p.stars a:hover {
    z-index: 20;
}

#review_form_wrapper p.stars a.star-1 {
    z-index: 5;
}

#review_form_wrapper p.stars a.star-2 {
    z-index: 4;
}

#review_form_wrapper p.stars a.star-3 {
    z-index: 3;
}

#review_form_wrapper p.stars a.star-4 {
    z-index: 2;
}

#review_form_wrapper p.stars a.star-5 {
    z-index: 1;
}

#review_form_wrapper p.stars a.star-1.active:before,
#review_form_wrapper p.stars a.star-1:hover:before {
    content: "\f005";
    right: -3px;
}

#review_form_wrapper p.stars a.star-2.active:before,
#review_form_wrapper p.stars a.star-2:hover:before {
    content: "\f005\f005";
    right: -2px;
}

#review_form_wrapper p.stars a.star-3.active:before,
#review_form_wrapper p.stars a.star-3:hover:before {
    content: "\f005\f005\f005";
    right: 0px;
}

#review_form_wrapper p.stars a.star-4.active:before,
#review_form_wrapper p.stars a.star-4:hover:before {
    content: "\f005\f005\f005\f005";
    right: 1px;
}

#review_form_wrapper p.stars a.star-5.active:before,
#review_form_wrapper p.stars a.star-5:hover:before {
    content: "\f005\f005\f005\f005\f005";
    right: 2px;
}

#review_form_wrapper input[type=submit] {
    font-size: 0.8em!important;
    margin: 0 2px 5px 0;
    display: inline-block;
    padding: 8px 17px;
    color: #fff!important;
    background: #e34922;
    text-decoration: none!important;
    text-transform: uppercase;
    border-radius: 2px;
    border: 0px;
    cursor: pointer;
}

#review_form_wrapper input[type=submit]:hover {
    background: #232323!important;
}

.widget > form > div #s {
    padding: 8px 10px;
    width: 130px;
}

.star-rating {
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    letter-spacing: 2px;
    width: 5.2em;
    font-family: 'FontAwesome';
    display: inline-block;
    color: #F7B019;
}

.star-rating:before {
    content: "\f005\f005\f005\f005\f005";
    color: #dfdbdf;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    letter-spacing: inherit;
    font-size: inherit;
}

.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    letter-spacing: inherit;
    font-size: inherit;
}

.star-rating span:before {
    color: #F7B019;
    content: "\f005\f005\f005\f005\f005";
    top: 0;
    position: absolute;
    left: 0;
    letter-spacing: inherit;
    font-size: inherit;
}

.widget ul.product_list_widget li {
    padding-bottom: 14px;
    border-bottom: 1px solid #e7e7e7;
}

.widget ul.product_list_widget li:after {
    display: block;
    clear: both;
    content: '';
}

.widget ul.product_list_widget li a {
    text-transform: none;
    font-size: 14px;
    color: #111;
    border: none;
    padding: 0px;
    line-height: 1.5em;
    width: 100%;
}

.widget ul.product_list_widget .star-rating {
    float: none !important;
    margin: 3px 0px 2px 0px !important;
    display: block;
}

.widget ul.product_list_widget li del span.amount,
.widget ul.product_list_widget li del {
    color: #ccc;
}

.widget ul.product_list_widget li .reviewer,
.widget ul.product_list_widget li .amount {
    font-size: 12px;
    color: #777;
    display: inline-block;
    margin-top: 5px;
}

.widget ul.product_list_widget li a:hover {
    text-decoration: underline;
    color: #111;
}

.widget .product_list_widget li img {
    /* float: left; */
    max-width: 48px;
    margin-right: 15px;
    margin-top: 4px;
}

.widget ul.product_list_widget li img {
    position: absolute;
    left: 0px;
}

.widget ul.product_list_widget li {
    min-height: 58px;
    margin-bottom: 14px;
}

.widget ul.product_list_widget li a {
    display: block;
    position: relative;
    padding-left: 60px;
    width: auto;
}

.widget ul.product_list_widget li .quantity {
    line-height: 150%!important;
}

.widget ul.product_list_widget li .quantity .amount {
    line-height: inherit!important;
    margin-top: 0px!important;
    font-size: 1em;
}

.widget ul.product_list_widget li .variation p {
    margin-bottom: 0px;
}

.widget ul.product_list_widget li .quantity,
.widget ul.product_list_widget li .variation,
.widget ul.product_list_widget li .reviewer,
.widget ul.product_list_widget li > del,
.widget ul.product_list_widget li > .amount,
.widget ul.product_list_widget .star-rating {
    margin-left: 60px!important;
}

.widget .widget_shopping_cart_content .total {
    display: block;
    border-top: 2px solid #DFDFDF;
    margin-top: 14px;
    padding-top: 12px;
    font-size: 1.14em;
}

.widget .widget_shopping_cart_content .total .amount {
    float: right;
}

.widget .widget_shopping_cart_content .buttons {
    padding-bottom: 0px;
    font-size: 15px!important;
    line-height: 100%;
}

.price_slider_wrapper .price_slider {
    margin-bottom: 15px;
}

.price_slider_wrapper input {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.price_slider_wrapper .price_slider_amount {
    text-align: right;
    line-height: 2.4em;
    font-size: 0.8751em;
}

.price_slider_wrapper .price_slider_amount .button {
    float: left;
    border: 1px solid #ccc;
}

.price_slider_wrapper .ui-slider {
    position: relative;
    text-align: left;
}

.price_slider_wrapper .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 0.75em;
    height: 0.8em;
    margin: 0px -2px;
    border-radius: 1em;
    border: 1px solid #B8B8B8;
    cursor: pointer;
    background: #FAFAFA;
    outline: none;
    top: -0.2em;
    transition: none;
}

.shop_attributes {
    text-align: right;
}

.shop_attributes td {
    padding-left: 20px;
    padding-bottom: 8px;
    text-align: left;
}

.price_slider_wrapper .ui-slider .ui-slider-handle:last-child {
    margin-left: -0.5em;
}

.price_slider_wrapper .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background: #3C98CA;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

.price_slider_wrapper .price_slider_wrapper .ui-widget-content {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background: #f2f2f2!important;
}

.price_slider_wrapper .ui-slider-horizontal {
    height: .5em;
    background: #E6E6E6;
}

.price_slider_wrapper .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.price_slider_wrapper .ui-slider-horizontal .ui-slider-range-min {
    left: -1px;
}

.price_slider_wrapper .ui-slider-horizontal .ui-slider-range-max {
    right: -1px;
}

.woocommerce-pagination {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.woocommerce-pagination ul.page-numbers {
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

.woocommerce-pagination .page-numbers li {
    display: inline-block;
    list-style: none;
    margin: 3px 1px!important;
    padding: 0px;
}

.woocommerce-pagination .page-numbers li .page-numbers {
    display: inline-block;
    color: #444444;
    text-shadow: none;
    font-weight: bold;
    font-size: 1em;
    line-height: 100%;
    padding: 12px 15px;
    border-radius: 30px;
    background: transparent;
    border: 1px solid #444444;
    margin: 0;
    text-decoration: none!important;
}

.woocommerce-pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers:hover {
    background: #444444;
    color: #fff!important;
}

.article-content .woocommerce .cart_totals h2 {
    font-size: 1em;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 8px;
}

table.cart {
    margin: 0px;
    margin-bottom: 30px;
    width: 70%;
    float: left;
}

table.cart tr th {
    text-align: left;
    text-transform: uppercase;
    font-size: 1em;
    padding-top: 3px;
    padding-bottom: 7px;
    padding-left: 0px;
    border-bottom: 2px solid #e2e2e2;
}

table.cart tr th.product-subtotal {
    text-align: right;
}

table.cart tr td {
    padding-left: 0px;
    font-size: 15px;
    text-align: left;
    vertical-align: middle;
}

table.cart tr td.product-add-to-cart {
    text-align: right;
}

table.cart tr td.product-thumbnail {
    font-size: 60px;
}

table.cart tr td img {
    max-height: 70px;
    max-width: 100%;
    width: auto;
}

table.cart tr td.product-name a {
    color: #333;
    border: none;
    padding: 0px;
}

table.cart tr td a:hover {
    border: none;
    color: #111;
    text-decoration: underline;
}

table.cart td .quantity {
    margin: 0px;
    width: auto;
    height: 35px;
}

table.cart .quantity input.plus,
table.cart .quantity input.minus {
    height: 35px;
    line-height: 35px;
    width: 30px;
    font-weight: 400;
}

table.cart .quantity input.qty {
    height: 35px;
    left: 30px;
    line-height: 35px;
}

table.cart td.product-remove a {
    font-size: 13px;
    line-height: 20px;
    color: #999;
    padding: 2px 8px;
    border: 1px solid #eee;
    border-radius: 50%;
    text-align: center;
}

table.cart td.product-remove a:hover {
    color: #fff;
    background: #E93D12;
    border-radius: 50%;
    text-decoration: none;
    border: 1px solid transparent;
}

table.cart td dl {
    margin: 0px;
}

table.cart td dl p {
    font-size: 13px;
    margin: 0px;
    line-height: 1.4em;
    color: #888;
    margin-right: 15px;
    margin-left: 6px;
}

table.cart td dt,
table.cart td dd {
    float: left;
    font-size: 12px;
    color: #888;
    font-size: 13px;
    color: #888;
    font-weight: normal;
    line-height: 1.4em;
}

table.cart td dt {
    text-transform: capitalize;
    color: #666;
}

.cart_totals h2 {
    padding: 1px 8px 2px 0px;
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 0px;
    border-bottom: 2px solid #e2e2e2;
    margin-top: 0px;
}

.coupon h3 {
    padding: 11px 8px;
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
}

.coupon input#coupon_code {
    width: 29.6%;
    padding: 11px 8px 11px 8px;
    margin-bottom: 10px;
    border-radius: 2px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.coupon .button {
    width: auto;
}

.woocommerce-page .cart-collaterals input {
    width: 100%;
    margin-bottom: 2px;
    padding: 12px;
    font-size: 14px;
}

.woocommerce-page .cart-collaterals input.update-button,
.woocommerce .update-button {
    background: #fff !important;
    font-weight: 700;
    border: 2px solid #e2e2e2;
    color: #aeaeae;
}

.woocommerce-page .cart-collaterals input.update-button:hover,
.woocommerce .update-button:hover {
    border-color: #333;
    color: #333;
}

.woocommerce-page .cart-collaterals input.checkout-button,
.woocommerce .checkout-button {
    background-color: #8FBE29;
}

.woocommerce .checkout-button {
    margin-bottom: 25px;
}

.woocommerce-page .cart-collaterals .coupon input.button {
    width: auto;
    font-size: 12px;
    padding: 10px 20px;
}

.cart_totals table {
    margin: 0px;
    font-size: 14px;
    margin-bottom: 20px;
    width: 100%;
}

.cart_totals table tr.order-total th,
.cart_totals table tr.order-total td {
    border-bottom: 2px solid #e2e2e2;
}

.cart_totals table td {
    text-align: right;
}

.cart_totals table th,
.cart_totals table td {
    border-bottom: 1px dotted #ccc;
    padding: 8px 8px 8px 0px;
}

.cart_totals table tr:nth-child(even),
table.cart tr:nth-child(even) {
    background-color: #fff;
}

table.cart tr td.product-subtotal {
    text-align: right;
    font-weight: bold;
}

.cart-collaterals h2 {
    margin: 20px 0px 0px 0px;
}

table.cart tr:nth-child(even) {
    border-top: 1px dotted #e2e2e2;
    border-bottom: 1px dotted #e2e2e2;
}

.cart-collaterals .shipping_calculator h2 {
    padding-top: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.woocommerce:after {
    clear: both;
    content: '';
    display: block;
}

.cart-collaterals h2 a,
.cart-collaterals h2 a:hover {
    font-size: 16px;
    background-color: inherit;
    color: #289dcc;
}

.cart-collaterals h2 a:before {
    content: "\f196";
    font-family: FontAwesome;
    margin-right: 8px;
    position: relative;
    bottom: -1px;
}

.woocommerce .shipping-calculator-form button {
    font-weight: 400;
}

.cart-collaterals .shipping-calculator-form select {
    width: 100%;
    padding: 6px 7px;
}

.cart-collaterals .shipping-calculator-form p {
    margin-bottom: 5px;
}

.cart-collaterals .shipping-calculator-form .input-text {
    width: 100%;
    padding: 5px 10px;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.woocommerce-page .shipping-calculator-form button.button {
    font-size: 11px;
    font-weight: 400;
}

.woocommerce-page .shipping-calculator-form button.button:hover {
    border-radius: 0px;
}

.checkout-confirmed-payment {
    padding: 30px 30px 1px 30px;
    background: #d8f1d3;
    margin-bottom: 30px;
}

.checkout-confirmed-payment p {
    font-size: 24px;
    color: #4a863c;
}

.checkout-confirmed-payment ul li:before {
    background: #60a550 !important;
}

.cart_totals table th {
    text-align: left;
    font-weight: normal;
}

.woocommerce .cart .cart_item .quantity input.qty {
    left: 30px;
}

.shop_table.cart .coupon {
    padding-top: 15px;
}

.shop_table.cart .coupon label {
    padding-bottom: 5px;
    display: block;
}

.shop_table.cart .coupon .button {
    background-color: #aaa;
}

.article-content.page .main-title h2 {
    margin-bottom: 0px;
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

p.form-row input.input-text {
    width: 100%;
    font-size: 15px;
    color: #333;
    padding: 10px 12px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

span.required {
    color: red;
}

form.login {
    background: #f9f9f9;
    border: 2px solid #f0f0f0;
    padding: 32px;
    margin: 30px 0px;
    border-radius: 4px;
    font-size: 13px;
}

form.login label {
    display: block;
}

form.login input.input-text {
    width: 100%;
}

.woocommerce-page form.login input.button {
    font-size: 14px;
    margin: 5px 0px 22px 0px;
}

.woocommerce-page form.login input#rememberme {
    margin-right: 4px;
}

p.form-row label {
    display: inline-block;
}

p.form-row input.input-text {
    width: 100%;
    font-size: 15px;
    color: #333;
}

.addresses h3 {
    font-size: 18px;
    font-weight: 600;
}

.addresses address {
    padding-top: 5px;
    display: block;
}

.col2-set.addresses {
    overflow: hidden;
}

.col2-set.addresses .col-1,
.col2-set.addresses .col-2 {
    float: left;
    margin-right: 30px;
    width: 46%;
}

.article-content .woocommerce-billing-fields h3,
.article-content .woocommerce-shipping-fields h3 {
    font-size: 1.3em;
}

#order_review_heading {
    clear: both;
    padding-top: 20px;
    display: block;
    border-top: 2px solid #e2e2e2;
}

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

table.shop_table th,
table.shop_table td {
    padding: 10px;
    padding-left: 0px;
    font-size: 18px;
}

table.shop_table tr:nth-child(even) {
    background: #fff;
}

table.shop_table tr th,
table.shop_table tfoot td {
    border-bottom: 2px solid #e2e2e2;
}

table.shop_table thead tr th {
    font-size: 13px;
    text-transform: uppercase;
}

table.shop_table tr.order-total th,
table.shop_table tr.shipping th,
table.shop_table tr.cart-subtotal th {
    text-align: left;
}

table.shop_table thead tr th.product-name {
    text-align: left;
    font-size: 1.2em;
}

table.shop_table thead tr th.product-subtotal {
    text-align: right;
}

table.shop_table .product-total,
table.shop_table tfoot td {
    text-align: right;
}

table.shop_table tr.order-total th {
    text-transform: uppercase;
}

ul.payment_methods .payment_method_bacs p {
    background: #fff;
    padding: 15px;
    margin: 5px 0px 10px 0px;
}

ul.payment_methods {
    margin-left: 0px;
    background: #f2f2f2;
    padding: 20px!important;
}

ul.payment_methods li {
    margin-left: 0px;
    list-style-type: none;
}

ul.payment_methods li.payment_method_paypal img {
    margin-top: -2px;
    display: inline;
    margin-left: 7px;
}

ul.payment_methods li input {
    margin-right: 6px;
}

ul.payment_methods li:before {
    display: none;
}

ul.payment_methods p {
    color: #777;
    font-size: 13px;
    line-height: 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input.button.place_order {
    padding: 12px 20px;
    font-size: 14px!important;
}

textarea.input-text {
    width: 100%;
    font-size: 15px;
    color: #333;
    width: 100%;
    font-size: 15px;
    color: #333;
    padding: 10px 12px;
    border: 1px solid #ccc;
    font-family: Arial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.shop_table .cart_item td {
    border-bottom: 1px solid #f0f0f0;
}

.widget ul.product_list_widget li:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.product > .images {
    float: left;
    width: 35%;
    margin-bottom: 1.618em;
}

.product > .images > a > img {
    width: 100%;
}

.product > .summary {
    float: right;
    clear: none;
    width: 62%;
    margin-bottom: 1.618em;
}

.product > .summary div[itemprop="offers"] {
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid #f2f2f2;
}

.product > .summary > form:after,
.product > .summary div[itemprop="description"]:after,
.product > .summary div[itemprop="offers"]:after {
    display: block;
    clear: both;
    content: '';
}

.product > .summary div[itemprop="description"] {
    margin-bottom: 26px;
    padding-bottom: 5px;
    border-bottom: 2px solid #f2f2f2;
}

.product > .summary > form {
    margin-bottom: 26px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f2f2f2;
}

.product > .summary button {
    font-size: 14px;
    border-radius: 3px;
    padding: 12px 24px;
    text-transform: none;
}

.product > .summary button:hover {
    box-shadow: inset 0 0 0 50px rgba(255, 255, 255, 0.1);
}

.product > .summary button:active {
    box-shadow: inset 0 0 0 50px rgba(0, 0, 0, 0.06);
}

.product > .summary .price {
    color: #8dbe24;
    font-size: 30px;
    font-weight: 900;
}

.product > .summary h1 {
    margin-top: 0px;
    font-size: 38px;
    font-weight: 900;
}

.product > .summary p {
    font-size: 18px;
}

.single-product .quantity {
    display: block!important;
    width: 50px!important;
    float: left!important;
    margin: 0 1em 0 0!important;
}

.summary .quantity {
    width: 5.20em!important;
    position: relative!important;
    float: left!important;
    margin-right: 10px!important;
}

.product_meta {
    display: block!important;
    margin-top: 20px!important;
    font-size: 17px;
}

.product_meta a {
    color: #95bc42;
}

.quantity .qty {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: content-box;
    width: 25px;
    position: relative;
    z-index: 1;
    background-color: #f4f4f4;
    box-shadow: inset 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    padding: 12px 26px 12px 14px;
    border: 1px solid #fff;
    color: #232323;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-appearance: none;
    font-family: "Arial";
    font-weight: bold;
}

.summary .button {
    margin: 0px;
}

#reviews .add_review {
    margin-bottom: 0px;
}

#reviews .comment-text {
    display: block;
    margin-left: 80px;
}

#reviews .avatar {
    float: left;
}

#reviews .star-rating {
    float: right;
}

#reviews .comment-text .meta {
    margin-bottom: 8px;
}

#reviews .comment_container {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 0px;
    border-bottom: 1px solid #F2F2F2;
}

#reviews .comment_container:after {
    display: block;
    clear: both;
    content: '';
}

#reviews div[itemprop="aggregateRating"] {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #F2F2F2;
}


/* BuddyPress */

#searchform input[type=text],
.widget #bbp_search {
    padding: 3px 7px 6px 7px;
    border-radius: 2px;
    border: 1px solid #ccc;
    line-height: 150%;
}

.small-sidebar .widget #bbp_search_submit {
    margin-top: 8px;
    display: block;
}

.avatar-block .item-avatar {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    margin-left: 12px;
    margin-bottom: 12px;
}

.avatar-block .item-avatar:nth-child(4n+1) {
    clear: both;
    margin-left: 0px;
}

.avatar-block:after {
    display: block;
    clear: both;
    content: '';
}

.widget .bbp-login-form input[type=password],
.widget .bbp-login-form input[type=text],
#sidebar .widget #bp-login-widget-form input[type=password],
#sidebar .widget #bp-login-widget-form input[type=text] {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 7px 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.widget .bbp-login-form input[type=password],
.widget .bbp-login-form input[type=text] {
    padding: 8px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
}

#sidebar .widget #bp-login-widget-form input[type=text] {
    margin-bottom: 5px;
}

#sidebar .widget #bp-login-widget-form label {
    display: block;
    margin-bottom: 5px;
}

.forgetmenot {
    margin-bottom: 15px;
}

.widget dl:after {
    display: block;
    clear: both;
    content: '';
}

.widget dl dd {
    display: block!important;
    width: auto!important;
    /*float: right!important;*/
    padding-bottom: 8px;
}

.widget dl dt {
    display: block!important;
    width: auto!important;
    padding-right: 10px;
    float: left!important;
    clear: both;
    padding-bottom: 8px;
}

body .widget dl.variantion dd,
body .widget dl.variantion dt {
    padding-bottom: 0px!important;
    margin-bottom: 0px;
}

.price del {
    font-size: 80%;
    vertical-align: bottom;
}

.widget .bbp-login-form label {
    display: block!important;
    margin-bottom: 5px;
}

.widget .bbp-remember-me label {
    display: inline-block!important;
    width: auto!important;
}

.widget .bbp-login-links {
    margin-top: 10px;
    line-height: 130%;
    font-size: 12px!important;
}

.widget .item-list > li {
    display: block;
}

.widget .item-list > li:after {
    display: block;
    clear: both;
    content: '';
}

.widget .item-list > li .item-avatar {
    float: left;
    width: 35px;
    height: 35px;
}

.widget .item-list > li .item {
    display: block;
    margin-left: 49px;
    margin-bottom: 20px;
}

.widget .item-list > li .item .item-title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px;
}

.widget .item-meta {
    font-size: 14px;
}

.widget .item-options {
    display: block;
    background: rgba(0, 0, 0, 0.03)!important;
    font-size: 0;
    padding: 0px!important;
    margin-top: -12px;
    margin-bottom: 10px!important;
    border-bottom: 0px!important;
}

.widget .item-options:after {
    display: block;
    clear: both;
    content: '';
}

.widget .item-options a {
    display: block;
    float: left;
    font-size: 13px;
    text-align: center;
    width: 33.33%;
    padding: 15px 0;
    line-height: 120%;
}

.widget .item-options a:hover {
    background: rgba(0, 0, 0, 0.05);
}

.widget .item-options a.selected {
    background: rgba(0, 0, 0, 0.04);
}

#buddypress {
    font-size: 14px;
}

#buddypress div#message p,
#sitewide-notice p {
    border: 0px;
    font-weight: normal;
    margin-top: 3px;
    text-decoration: none;
    padding: 15px 20px;
    color: #8A6D3B;
    background-color: #fdfaec;
    border-left: 3px solid #FAEBCC;
}

#buddypress #item-body .item-list-tabs,
#buddypress > .item-list-tabs,
#buddypress > #item-nav {
    background: rgba(0, 0, 0, 0.03)!important;
    padding: 10px;
}

#buddypress #item-nav li {
    text-align: center;
}

#buddypress div.item-list-tabs ul li a,
#buddypress div.item-list-tabs ul li span {
    color: #aaa;
}

#buddypress div.item-list-tabs ul li a,
#buddypress div.item-list-tabs ul li span,
#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a {
    padding: 8px 12px;
}

#buddypress .activity-list .activity-content .activity-inner p {
    font-size: 14px;
}

#buddypress #item-nav #user-activity:before {
    display: block;
    content: '\f021';
    font-family: "FontAwesome";
    padding-bottom: 7px;
    font-size: 20px;
}

#buddypress form#whats-new-form #whats-new-options select {
    margin-top: 8px;
}

#whats-new-post-in-box {
    line-height: 35px;
}

#buddypress #item-nav #user-xprofile:before {
    display: block;
    content: '\f007';
    font-family: "FontAwesome";
    padding-bottom: 7px;
    font-size: 20px;
}

#buddypress #item-nav #user-friends:before {
    display: block;
    content: '\f0c0';
    font-family: "FontAwesome";
    padding-bottom: 7px;
    font-size: 20px;
}

#buddypress #item-nav #user-groups:before {
    display: block;
    content: '\f115';
    font-family: "FontAwesome";
    padding-bottom: 7px;
    font-size: 20px;
}

#buddypress #item-nav #user-forums:before {
    display: block;
    content: '\f0e6';
    font-family: "FontAwesome";
    padding-bottom: 7px;
    font-size: 20px;
}

#buddypress #item-nav #user-notifications:before {
    display: block;
    content: '\f0a1';
    font-family: "FontAwesome";
    padding-bottom: 7px;
    font-size: 20px;
}

#buddypress #item-nav #user-messages:before {
    display: block;
    content: '\f075';
    font-family: "FontAwesome";
    padding-bottom: 7px;
    font-size: 20px;
}

#buddypress #item-nav #user-settings:before {
    display: block;
    content: '\f013';
    font-family: "FontAwesome";
    padding-bottom: 7px;
    font-size: 20px;
}

#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a {
    font-size: 13px;
    color: #232323;
}

#buddypress div.item-list-tabs ul li.last select {
    border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 3px 5px;
    border: 1px solid #ccc;
}

#buddypress div.item-list-tabs#subnav ul li.last {
    margin-top: 0px;
}

#activity-filter-select label,
#members-order-select label,
#groups-order-select label,
.activity-filter-select label {
    line-height: 29px!important;
}

#buddypress ul.item-list li div.item-title,
#buddypress ul.item-list li h4 {
    font-size: 15px;
}

#buddypress #item-header {
    background: rgba(0, 0, 0, 0.054);
    padding: 20px 20px 4px 20px;
}

#buddypress div#item-header div#item-meta,
#buddypress span.activity {
    font-size: 100%;
}

#item-header-content {
    display: block;
    margin-left: 170px!important;
    float: none!important;
    line-height: 150%;
}

#buddypress div.item-list-tabs#subnav {
    margin-bottom: 30px;
}

.wpf_wrapper .print_link,
#buddypress a.button,
#buddypress div.activity-meta a {
    padding: 5px 10px;
    line-height: 100%;
    font-size: 13px!important;
    color: #aaa!important;
    font-weight: bold;
    background: #fff!important;
    border: 1px solid #ccc!important;
    box-shadow: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.wpf_wrapper .print_link:hover,
#buddypress a.button:hover,
#buddypress div.activity-meta a:hover {
    background: #f0f0f0!important;
}

.activity-header p {
    margin-top: 0px!important;
}

#buddypress #activity-stream p {
    margin: 0px!important;
}

#buddypress .activity-list .activity-avatar {
    padding-top: 5px;
}

.bbp-search-form {
    margin-bottom: 17px;
}

#buddypress div.dir-search input[type=text],
.bbp-search-form #bbp_search,
#buddypress input[type=text] {
    padding: 4px 8px;
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

#buddypress ul.item-list li div.item-title span {
    line-height: 130%;
}

#buddypress ul.item-list li div.item-title,
#buddypress ul.item-list li h4 {
    margin-bottom: 8px;
    font-weight: bold;
}

#buddypress div.pagination {
    background: #f6f6f6;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
    border: 1px solid #eaeaea;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
    border-top: 1px solid #eaeaea;
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic,
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
    padding: 14px;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
    margin-top: 7px;
    margin-bottom: 0px;
}

.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
    font-size: 15px;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
    font-size: 13px;
    color: #aaa;
}

.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
    background-color: #F2F7FF !important;
}

#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
    margin-bottom: 10px;
}

#bbpress-forums div.bbp-topic-content code,
#bbpress-forums div.bbp-reply-content code,
#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content pre {
    padding: 15px 20px;
    font-size: 14px;
}

div.bbp-reply-header {
    padding: 15px 15px;
}

#bbpress-forums div.reply {
    width: auto;
}

#buddypress .standard-form label,
#buddypress .standard-form span.label {
    margin-top: 20px;
    margin-bottom: 10px;
}

#buddypress table.notification-settings {
    width: 100%;
}

#buddypress table.notification-settings tbody tr td {
    background: rgba(0, 0, 0, 0.05);
}

#buddypress table.notification-settings tbody tr:nth-child(odd) td {
    background: rgba(0, 0, 0, 0.02);
}

#buddypress table.notification-settings th {
    padding: 10px 10px;
    background: rgba(0, 0, 0, 0.1);
}

#buddypress table.notification-settings td {
    padding: 10px 10px;
}

.bp-login-widget-user-links {
    padding-top: 0px!important;
    line-height: 150%;
    position: absolute;
    top: 50px;
    left: 23%;
    padding: 0px!important;
    border-bottom: 0px!important;
}

#buddypress div.messages-options-nav {
    line-height: 24px;
}

div.bbp-template-notice.info {
    border: 0px;
    font-weight: normal;
    margin-top: 3px;
    text-decoration: none;
    padding: 6px 20px;
    color: #527085;
    background-color: #f0f8ff;
    border-left: 3px solid #cee1ef;
    border-radius: 0px;
    font-size: 14px;
}

div.bbp-template-notice p {
    font-size: 14px;
    line-height: 18px;
}

.bp-login-widget-user-avatar {
    padding-bottom: 15px;
}

#bbpress-forums div.bbp-breadcrumb p,
#bbpress-forums div.bbp-topic-tags p {
    font-size: 13px;
    font-weight: bold;
}

#bbpress-forums div.wp-editor-container {
    border: 1px solid #ccc;
}

button.button {
    border: 0px;
    cursor: pointer;
}

#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    font-weight: bold;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
    font-size: 14px;
    line-height: 130%;
}

#bbpress-forums li .bbp-forum-title {
    font-weight: bold;
    font-size: 15px;
}

#buddypress div.dir-search {
    margin: auto 0 -50px 0;
    padding: 10px;
}

.hover-effect img {
    width: 100%;
    height: auto;
}

.wpf_wrapper {
    display: block;
    margin: 30px 0px;
    padding-bottom: 10px;
}

.main-article .hover-effect {
    margin-bottom: 15px;
}

.bbp-meta a,
.bbp-meta {
    color: #575757!important;
    font-size: 100%;
}

.bbp-topic-title-meta {
    float: right;
    margin-top: -20px;
    color: #aaa;
}

#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
    font-size: 13px;
    line-height: 150%;
}

.widget > ul > li > div {
    color: #aaa;
}

.contact-info .fa-stack {
    position: absolute;
}

.the-error-msg {
    display: block;
    text-align: center;
    padding: 30px 0;
}

.the-error-msg strong {
    font-size: 40px;
    color: #232323;
    margin-bottom: 20px;
    display: block;
}

.the-error-msg p {
    margin-bottom: 15px;
}

#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
    color: #232323;
}

.bbp-body .type-topic.status-closed,
.bbp-body .type-topic.status-closed a {
    color: #aaa!important;
}

.bbp-header .bbp-reply-author,
.bbp-footer .bbp-reply-author {
    font-size: 13px;
    line-height: 150%;
}

#bbpress-forums > #subscription-toggle {
    float: right;
    line-height: 150%;
}

div.bbp-breadcrumb {
    margin-bottom: 10px;
}

#bbpress-forums,
#bbpress-forums p {
    font-family: Arial, sans-serif!important;
}

.bbp-topic-permalink {
    font-size: 14px;
}

.sticky .bbp-topic-permalink,
.super-sticky .bbp-topic-permalink {
    font-weight: bold;
}

#bbpress-forums div.bbp-forum-content p,
#bbpress-forums div.bbp-topic-content p,
#bbpress-forums div.bbp-reply-content p {
    font-size: 14px;
}

#bbpress-forums #bbp-search-form #bbp_search {
    border: 1px solid #ccc;
    line-height: 150%;
    padding: 2px 10px 5px 10px;
    margin-right: 4px;
}

#buddypress form#whats-new-form textarea {
    border-radius: 3px;
    border: 1px solid #ccc;
    height: 50px;
}

.widget {
    position: relative;
}

.widget.buddypress div.item-options {
    font-size: 0;
}

.widget.buddypress div.item-content,
.widget.buddypress div.item-meta {
    font-size: 12px;
    margin-left: 0;
}

.widget > ul li {
    margin-top: 10px;
    line-height: 130%;
}

.logout-link {
    padding: 8px 12px!important;
    margin-bottom: 16px!important;
}

.screen-reader-text {
    display: none;
}

.widget #bbp_search {
    padding-top: 9px;
    padding-bottom: 9px;
    margin-right: 7px;
}

.dat-menu-top-header {
    background-color: #F3F3F3!important;
    color: #424C59!important;
    box-shadow: inset 0 30px 0 rgba(255, 255, 255, 0.01), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 2px 15px rgba(0, 0, 0, 0.12), 0 1px 0 rgba(0, 0, 0, 0.06)!important;
}

.dat-menu-top-header a {
    color: #424C59!important;
}

.dat-menu-top-header > a > img {
    line-height: 30px;
    height: 35px;
    vertical-align: top;
    padding-top: 5px;
}

.dat-menu-list.dat-submenu .search-menu {
    display: none!important;
}

.ot-menu-will-follow .main-menu-placeholder.is-now-following .header-main-content {
    /*position: fixed;*/
    top: 0px;
    left: 0px;
    width: 100%;
    background: rgba(255, 255, 255, 0.97)!important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .06), 0 1px 0 rgba(0, 0, 0, .05);
}

.ot-menu-will-follow .main-menu-placeholder.is-now-following.smallify .header-main-content .main-menu>li>a {
    padding: 20px 16px;
}

.ot-menu-will-follow .main-menu-placeholder.is-now-following.smallify .header-logo-selector {
    height: 58px;
    line-height: 54px;
}

.that-big-thingy {
    display: block;
    margin-top: -20px;
    margin-bottom: -20px;
}

.dat-menu-list a {
    background-color: transparent!important;
}

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font-size: 24px;
}

.strike > span {
    position: relative;
    display: inline-block;
    color: #0D2DA7;
    /*font-weight: bold;*/
    font-family: "supermarketregular";
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #cccccc;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}

.main-content div.row {
    margin-bottom: 30px;
}

.main-content .row .fa-ul a {
    color: #3B97BB;
}

.main-content .row .fa-ul li {
    margin-bottom: 10px;
    padding-right: 55px;
}

#index_graph {
    background: #F5F1F1;

}

#index_graph ul li a {
    border-radius: 20px;
    background: #0D2DA7;
    color: white;
    margin: 5px;
    margin-top: 20px;
}

#index_graph ul li a:hover {
    background: #3B97BB;
    color: white;
}

#index_graph ul li a:focus {
    background: #3B97BB;
    color: white;
}

#index_graph .active a {
    border-radius: 20px;
    background: #3B97BB;
    color: white;
    margin: 5px;
    margin-top: 20px;
}

#index_graph .row {
    margin-bottom: 0px;
}

#graph_li {
    width: 2%;
}

.tab_graph {
    margin: 5px 5% 2% 5%;
    background: white;
    -webkit-box-shadow: 0 3px 3px 2px #6E6E6E;
    box-shadow: 0 3px 3px 2px #6E6E6E;
}

.chartdiv {
    width: 100%;
    height: auto;
    font-size: 11px;
    padding: 20px 15px;
}

.amcharts-export-menu-top-right {
    top: 10px;
    right: 0;
}

.tab_graph p {
    padding: 0 30px;
}

#col_graph {
    margin-bottom: 70px;
}

#news {
    background: url("../images/slider-background-1.jpg");
    font-family: "supermarketregular";
    font-weight: normal;
    margin-bottom: 70px;
}

#news_content {
    margin: 5px 10%;
}

#last_news li {
    height: 380px;
    background: white;
}

#news h1 {
    color: #0D2DA7;
    font-weight: bold;
    font-family: "supermarketregular";
}

#news h3 {
    font-weight: normal;
    font-size: 1em;
}
.inputSuccess2{
    /*line-height: normal;*/
    margin-bottom: 3px;
}

.news_date {
    border-bottom: 2px dotted #439693;
    color: #3B97BB;
    font-size: 18px;
}

.news_link {
    margin-top: 10px!important;
    float: right;
    width: 30%;
    text-align: center;
    font-size: 20px;
    font-family: "thsunarabunnew";
    padding: 0;
    border-radius: 25px!important;
    margin-right: 3%!important;
    margin-bottom: 3%!important;
}

#news_link {
    margin-top: 10px!important;
    float: right;
    width: 30%;
    text-align: center;
    font-size: 20px;
    font-family: "thsunarabunnew";
    padding: 0;
    border-radius: 25px!important;
    margin-right: 3%!important;
    margin-bottom: 3%!important;
}

.service {
    height: 380px;
   /* background: white;*/
    padding-bottom: 15px;
    padding-top: 20px;
        margin-top: 8px;
}

.service span {
    font-size: 1em;
    font-weight: normal;
    border-top: 6px solid #21A7B7;
}

.service .btn {
    width: 100%;
    margin: 3px 0px;
    font-size: 22px;
    color: #3B97BB;
    text-align: left;
}
.service h3{
margin-top:0;
}

.sub-menu span i {
    position: absolute;
    font-size: 18px;
    right: 0;
    top: 15px;
    /*top: -30px;*/

}

.menu span i {
    position: absolute;
    font-size: 18px;
    right: 0;
    top: 15px;
    /*top: -30px;*/

}
.mobile-sub{
    padding-left: 45px!important;
    
}

.service .btn img {
    width: 40px;
}

#bgcover {
    width: 100%;
    max-height: 100%;
}

.fin_row {
    width: 50px!important;
    height: 50px!important;
    margin: 10px 0px; 
}

.hightlight {
    color: #0D2DA7;
}

.text-warp {
    padding-left: 5%;
}

.img-center {
    display: block;
    margin: 0 auto;
}

.margin-auto {
    margin: 0 auto;
}

.strike2 {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font-size: 28px;
    font-family: "supermarketregular";
}

.ass_head a {
    font-family: "supermarketregular";
    color: #3B5998;
}

.board_box {
    border: 1px solid rgb(204, 204, 204);
    padding: 5px;
    margin-bottom: 10px;
}

.fin-title {
    background: rgb(31, 6, 132) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    padding-left: 15px;
    font-family: "supermarketregular";
}

.strike2 > span {
    position: relative;
    display: inline-block;
    color: #3b5998;
}

.strike2 > span:before,
.strike2 > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    /* Here is the modification */
    height: 5px;
    /* space between lines */
    margin-top: -2px;
    /* adjust vertical align */
    border-top: 1px solid #3b5998;
    border-bottom: 1px solid #3b5998;
}

.strike2 > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike2 > span:after {
    left: 100%;
    margin-left: 15px;
}

#person {
    text-align: center;
    vertical-align: middle;
    height: 100%;
}

#mid-center {
    position: absolute;
    ;
    top: 50%;
    left: 15%
}

#mid-center2 {
    position: absolute;
    ;
    top: 50%;
    left: 45%
}

#mid-center3 {
    position: absolute;
    ;
    top: 50%;
    left: 60%
}

#person td {
    text-align: center;
    vertical-align: middle;
    top: 50%;
}

.slide {
    display: block;
}
.sitemap-title a{
    color: #6179BE;
}
.bottom-20{
    margin-bottom: 20px;
}
.webform-list{
    border-bottom: 1px dotted;
    font-size: 24px;

}
#btn_search, #btn_search_mobile {
    margin-bottom: 0px;
    color: #5BA8BA;
}
.table_lang2{
    width: auto;
    cursor: pointer;
}
.font-21{
    font-size: 21px!important;
}
#btn_search span,#btn_search_mobile span {
    font-size: 14px;
}

.table_lang tr td {
    line-height: 20px;
    font-size: 18px;
    cursor: pointer;
}
.table_lang{
    float: right;
    margin-top: 3.3%;
    width: auto;
}
.active-page{
    background-color:#337ab7;color:white;
}

.salogan h3 {
    font-family: "supermarketregular";
    color: #000000;
}



.icon_hightlight {
    position: absolute;
    left: -1.7em;
    top: 0.142857em;
    width: 29px;
    text-align: center;
}

.saponsor li {
    float: left;
    width: 18%;
    margin: 1%;
}

#saponsor_item {
    background: none;
}

#saponsor_item img {
    /*opacity: 1;
    filter: alpha(opacity=100);*/
}

.address {
    padding-top: 20px;
}

.menu_footer {
    padding-top: 15px;
}

.menu_footer hr {
    margin-top: 0px;
    margin-bottom: 0px;
}

.menu_footer span {
    color: #8EAAC0;
}

.tb_footer td:first-child {
    text-align: center;
}

.tb_footer td:nth-child(2) {
    padding-left: 10px;
    vertical-align: middle;
}
.menu .fa-caret-right{float: right;}

.footer_icon a i.fa, .footer_icon span.fa {
    display: inline-block;
    margin-right: 5px;
    line-height: 23px;
    width: 23px;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    color: #FFF;
    vertical-align: middle;
    transition: all 0.2s ease 0s;
    background-color: #337ab7;/*rgba(65, 65, 65, 0.7);*/
    border-radius: 50%;
}


.footer_social {
    color: #8EAAC0;
}

.text-indent {
    text-indent: 40px;
}

.menu .active {
    color: #0D2DA7;
}

.shortcode-content h3 {
    font-family: "supermarketregular";
    font-size: 30px!important;
    font-weight: normal!important;
}

.btn_page button {
    display: inline-block;
    padding: 5px 14px;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 15px;
    font-size: 18px;
    color: #337AB7;
}

.pagination {
    font-family: "supermarketregular";
    border-top: none!important;
}

.plan_form {
    display: inline;
    width: 20%;
}

.plan_form_date {
    display: inline;
    width: 10%;
}

.form-control {
    font-family: "tahoma"!important;
    padding: 3px 12px;
    /*font-size: 12px;*/
    /*padding: 0px 12px;*/
    /*padding-top: 10px;*/
    /*padding-bottom: 0px;*/

}

input,select,textarea{
    line-height: normal!important;

    
}

.btn{
    font-size: 16px;
}
.webform-content{
  border-bottom: 1px solid;
  padding: 10px 0px;

}
.btn-submit{
    width: 130px;
    margin: 10px;
}
.webform-content-middle{
   /*padding-top: 1.5%;*/
}
.webform-table td:first-child{
  width: 40%;
}

.ic_search {
    display: inline-block;
    margin-right: 5px;
    line-height: 30px !important;
    width: 28px;
    text-align: center;
    font-size: 16px !important;
    color: #FFF;
    vertical-align: middle;
    transition: all 0.2s ease 0s;
    background-color: rgba(65, 65, 65, 0.7);
    border-radius: 50%;
}

.btn_search {
    background-color: rgba(65, 65, 65, 0.7);
    border-radius: 50%;
    font-size: 14px !important;
    color: #FFF;
    margin: 0px;
    padding: 6px 12px;
}

.sub_menu li a {
    list-style-type: circle;
    list-style: #65C2F5;
}

.list_data {
    padding-left: 10%;
}

.list_data {
    list-style-type: inherit;
    color: #0D2DA7;
}

.list_data li a {
    font-size: 24px;
    color: #424C59;
}

ul.sub_menu li a::before {
    display: block;
    position: absolute;
    font-size: 10px;
    color: #65C2F5;
    content: "\f111"!important;
    font-family: "FontAwesome";
    margin-left: -16px;
    transition: all 0.2s ease 0s;
}

.header-responsive {
    height: 85px;
}

.navbar-toggle {
    padding: 13px 10px!important;
    margin-top: 25px!important;
}

.navbar {
    margin-bottom: 0px;
}
.dropdown-menu{
    font-size: 24px;
}


.form_menu{
    width: 85%;
    margin: 0px auto;

}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{
    color: #777;
    border-bottom: 1px solid;
    width: 100%;
    margin: 0 auto;
    padding: 9px;
}

.navbar-default .navbar-nav  > a{
    color: #555;
    background-color: #E7E7E7;
    width: 80%;
    margin: 0 auto;
    text-align: left;
    }
    .navbar-brand {
    padding: 8px;

    }
.width100 {
    width: 100%!important;
}

.height35px{
    height: 35px;
}

#myCarousel{
    float: none;
    width: 100%;
    margin: 0px;
}
#myCarousel2{
    float: none;
    width: 100%;
    margin: 0px;
}

.carousel-inner {
    background: black none repeat scroll 0% 0%;
    max-height: 800px;
}
.carousel-inner > .item {   
    width: 100%;
    max-height: 800px;
}
.carousel-caption {
    /*display: block;
    position: relative;
    z-index: 2;*/
    display: block;
    position: absolute;
    z-index: 0;
    bottom: 3%;
    right: 0;
    left: 55%;
    padding: 0 2%;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    text-align: left;
}

.carousel-caption h1 {
    font-family: "supermarketregular";
    font-size: 70px;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 0px;
    margin-top: 0px;
}

.carousel-caption p {
    font-size: 50px;
    text-align: center;
    line-height: 1em;
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{
    margin-top: 100%;
}
.bg-news{
    background: none;
    padding: 0px 55px;
}
.news-control{
    width: 8%;
   background-image:none!important;
}
.news-control span{
   margin-top: 115px;
    color: black;
    font-size: 3em;
}
.news-indicator{
    bottom: -40px;
}
.news-indicator li{
    border: 1px solid rgb(0, 0, 0);
}
.news-indicator .active{
    background-color: rgb(0, 0, 0);
}
#add_images{
    font-size: 25px;
}
#btn_search label,#btn_search_mobile label{
    display: inline-flex;
}


@media (min-width:1285px)	{
.header .header-logo-selector{
	float:left;
}	
header nav {
	float: right;
}


}
@media(max-width: 1285px){
    .main-content {
    display: block;
    margin-top: 139px;
    }
    #slider-banner{
    display: block;
    margin-top: 145px;
    }
}
@media(max-width: 1500px) {
    #slide {
        width: 100%;
        max-width: 100%;
    }

}	


}

@media(max-width: 1220px) {
    header .main-menu {
        margin-top: 0;
    }
    .table_lang {
    float: none;
    margin-top: 0;
    }
    .inputSuccess2 {
    line-height: normal;
    margin-bottom: 25px;
    }
    
    #slide {
        width: 100%;
        max-width: 100%;
    }
}
@media(max-width: 1165px) {
    header nav {
        float: none;
    }
    .header .header-logo-selector {
        display: inline-block;
        height: 82px;
        line-height: 78px;
        float: none;
        margin-left: -20px;
    }
    .main-content {
    display: block;
    margin-top: 165px;
    }
    #slider-banner{
    display: block;
    margin-top: 175px;
    }

    .table_lang {
        float: none;
        margin-top: 0px;
        position: absolute;
        left: 85%;
        bottom: 12%;
    }
    .header .header-logo-selector {

    margin-left: 0px;
    /*margin-left: -60px;*/
    }
}
@media(max-width: 1100px) {

    .table_lang {
        float: none;
        margin-top: 0px;
        position: absolute;
        left: 90%;
        bottom: 12%;
    }
    
}

@media(max-width: 1220px) {

    .table_lang {
        float: none;
        margin-top: 0px;
        position: absolute;
        left: 100%;
        bottom: 12%;
    }
    
}

@media(max-width: 992px) {
    #last_news li {
        height: 100%;
        background: white;
    }
    
    .service .btn {
        /*//height: 0px!important;*/
    }
    
    #graph_li {
        width: 100%;
    }
    
    #mid-center {
        position: inherit;
        ;
        top: 0%;
        left: 0%
    }
    
    #mid-center2 {
        position: inherit;
        top: 0%;
        left: 0%
    }
    
    #mid-center3 {
        position: inherit;
        ;
        top: 0%;
        left: 0%
    }
    
    .carousel-caption h1 {
        font-family: "supermarketregular";
        font-size: 50px;
        font-weight: 500;
        color: #FFFFFF;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    
    .carousel-caption p {
        font-size: 40px;
        text-align: center;
        line-height: 1em;
    }
}
@media(max-width: 878px) {

    .table_lang {
        float: none;
        margin: 0 auto;
        position: inherit;
        right: 0;
        bottom: 12%;
    }
    
}
@media(min-width: 991px) {
    /*.service{
       margin-top: -50px;
    }*/
}
@media(max-width: 767px) {
    #graph_li {
        width: 100%;
    }
    
    .carousel-caption h1 {
        font-family: "supermarketregular";
        font-size: 35px;
        font-weight: 500;
        color: #FFFFFF;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .main-content {
        padding: 30px 0px;
        margin-top: 56px;
    }
    #slider-banner{
    display: block;
    margin-top: 85px;
    }
    
    .carousel-caption p {
        font-size: 25px;
        text-align: center;
        line-height: 1em;
    }
    
    .carousel-caption {
        display: block;
        position: absolute;
        z-index: 7;
        bottom: 10%;
        right: 0;
        padding: 0 2%;
        background-color: rgba(0, 0, 0, 0.3);
        color: white;
        text-align: left;
    }
    
    .ot-animslider-content .ot-animslider-slide {
        height: auto;
        padding-bottom: 0px!important;
        margin-bottom: 0px!important;
        padding-top: 0px!important;
    }
}
@media(max-width: 745px) {
    #last_news li {
        /*margin-right: 1%!important;*/
    }
 
    
    .latest-news-slider.lets-do-3 .item,
    .latest-news-slider.lets-do-4 .item {
        width: 100%!important;
        max-width: 100%;
    }
    
    .latest-news-slider .item,
    .latest-news-slider.portfolio-slider .item .item-header,
    .team-members-grid.latest-news-slider .item .item-header {
        max-width: 100%!important;
    }
}
@media(max-width: 540px) {
    #last_news li {
        height: 380px;
        background: white;
    }
    
    .saponsor li {
        float: none;
        width: 100%;
        margin: 1%;
    }
    
    .saponsor img {
        max-width: 50%;
    }
}
@media(max-width: 520px) {
    #graph_li {
        width: 100%;
    }
    
    .carousel-caption h1 {
        font-family: "supermarketregular";
        font-size: 25px;
        font-weight: 500;
        color: #FFFFFF;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    
    .carousel-caption p {
        font-size: 16px;
        text-align: center;
        line-height: 1em;
    }
    
    .carousel-caption {
        display: block;
        position: absolute;
        z-index: 7;
        bottom: 10%;
        right: 0;
        padding: 0 2%;
        background-color: rgba(0, 0, 0, 0.3);
        color: white;
        text-align: left;
    }
    
    .ot-animslider-content .ot-animslider-slide {
        min-height: 0px;
    }
     .navbar-brand {
    padding: 15px 0px;
    height: 50px;
    font-size: 18px;
    line-height: 20px;
    width: 75%;
    }
}


@media(max-width: 420px) {
    .carousel-caption h1 {
        font-family: "supermarketregular";
        font-size: 18px;
        font-weight: 500;
        color: #FFFFFF;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    
    .carousel-caption p {
        font-size: 12px;
        text-align: center;
        line-height: 1em;
    }
    
    .carousel-caption {
        display: block;
        position: absolute;
        z-index: 7;
        bottom: 10%;
        right: 0;
        padding: 0 2%;
        background-color: rgba(0, 0, 0, 0.3);
        color: white;
        text-align: left;
    }
    
    .ot-animslider-content .ot-animslider-slide {
        min-height: 0px;
    }
    
    .ot-animslider-content .ot-animslider-controls a {
        display: block;
        position: absolute;
        font-size: 47px;
        top: 70%;
        margin-top: -64px;
        color: rgba(0, 0, 0, 0.3);
        z-index: 4;
    }
}
@media(max-width:370px) {
    .carousel-caption h1 {
        font-family: "supermarketregular";
        font-size: 18px;
        font-weight: 500;
        color: #FFFFFF;
        margin-bottom: 0px;
        margin-top: 0px;
    }
   

    
    .carousel-caption p {
        font-size: 12px;
        text-align: center;
        line-height: 1em;
    }
    
    .carousel-caption {
        display: block;
        position: absolute;
        z-index: 7;
        bottom: 10%;
        right: 0;
        padding: 0 2%;
        background-color: rgba(0, 0, 0, 0.3);
        color: white;
        text-align: left;
    }
}
@media(max-width:350px) {
    .carousel-caption h1 {
        font-family: "supermarketregular";
        font-size: 16px;
        font-weight: 500;
        color: #FFFFFF;
        margin-bottom: 0px;
        margin-top: 0px;
    }
     .navbar-brand {
    padding: 25px 0px;
    height: 50px;
    font-size: 18px;
    line-height: 20px;
    width: 75%;
    }
    
    .carousel-caption p {
        font-size: 10px;
        text-align: center;
        line-height: 1em;
    }
    
    .carousel-caption {
        display: block;
        position: absolute;
        z-index: 7;
        bottom: 10%;
        right: 0;
        padding: 0 2%;
        background-color: rgba(0, 0, 0, 0.3);
        color: white;
        text-align: left;
    }
}
@media(max-width:320px) {
    .carousel-caption h1 {
        font-family: "supermarketregular";
        font-size: 16px;
        font-weight: 500;
        color: #FFFFFF;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    
    .carousel-caption p {
        font-size: 10px;
        text-align: center;
        line-height: 1em;
    }
    
    .carousel-caption {
        bottom: 10%;
    }
}

.fullwidth{
	width:100% !important;
}


.floatright{
    float: right;
}

.fonts{
    font-family: "thsunarabunnew";
    font-size: 24px;
}
.fonts2{
    font-family: "thsunarabunnew"!important;
    font-weight: 800!important;
    /*font-size: 24px;*/
}
.img_margin-right{
	margin-right:2%;
}

.pad-top{
    padding-top: 20px;
    padding-bottom: 10px;
}
#copy_link{
	width: 30px;
    	position: relative;
    	top: -20px;
    	float: right;
	cursor: pointer;
}
#modal-link .copylink{
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    background: rgb(244, 244, 244);
  	display: block;
}
#modal-splash .modal-dialog{
    width: 100%;
    margin: 0;
    display: block;
    height: 100%;
}
#modal-splash .modal-content{
    min-height: 200px;
    height: 100% !important;
}
#modal-splash .modal-body{
    /*height: 90%;
    overflow: auto;*/
    height: 90%;
    overflow: auto;
    width: 100%;
    padding: 0;
}
#modal-splash img{
   /*max-height: 510px;*/
   width: 100%;
}
#printableArea ul li{
    font-size: 24px;
}
#printableArea ol li{
    font-size: 24px;
}
.slide-detail h3{
	height: 60px;
    	max-height: 60px;
    	overflow: auto;    
	padding-left: 5px;
}
#color-black {
    color:black;
}
#modal-splash .btn{
   /* background-color: #000;
    border-color: #000;*/
}




/* ------------- News block ------------- */
.carousel-inner.bg-news .item .slide-detail a.news_link{
    font-size: 16px;
    color: #65c2f5;
    border-color: #65c2f5;
}

.carousel-inner.bg-news .item .slide-detail a.news_link:hover{
    color: #65c2f5;
    border-color: #65c2f5;
    background-color: #65c2f5; 
}
@media (min-width:992px) and (max-width:1220px) {
    #carousel_news_home .carousel-inner.bg-news .item .slide-detail{
        width: 46%;
    }

}
@media (min-width:768px) and (max-width:991px) {
    #carousel_news_home .carousel-inner.bg-news .item .slide-detail{
        width: 46%;
    }
    #carousel_news_home .carousel-inner.bg-news .item .slide-detail .item_news--picture img{
        margin: 0 auto;
    }
    #carousel_news_home .carousel-inner.bg-news .item .slide-detail h3{
        font-size: 18px;
        line-height: 1.5;
        padding-top: 5px;
    }
}
@media (max-width:767px) {
    #carousel_news_home .carousel-inner.bg-news .item .slide-detail{
        width: 98%;
    }
    #carousel_news_home .carousel-inner.bg-news .item .slide-detail .item_news--picture{
        height: 45%;
    }
    #carousel_news_home .carousel-inner.bg-news .item .slide-detail .item_news--picture img{
        margin: 0 auto;
    }
    #carousel_news_home .carousel-inner.bg-news .news-control span{
        position: absolute;
        top: 45%;
        margin-top:0;
    }
    #carousel_news_home .carousel-inner.bg-news  .carousel-control.right{
        right: 10px;
    }
    #carousel_news_home .carousel-inner.bg-news .item .slide-detail h3{
        font-size: 16px;
        line-height: 1.3;
        padding-top: 5px;
    }
   
}
@media (max-width:500px) {
      .item .slide-detail .button.button-outline{
        padding: 5px 0px;
    }
    .carousel-inner{
        max-height: 100%;
    }
       #carousel_news_home .carousel-inner.bg-news .item .slide-detail h3{
        font-size: 16px;
        line-height: 1.3;
        padding-top: 5px;
    }
}

@media (max-width:470px) {
    #carousel_news_home .carousel-inner.bg-news .item .slide-detail a.news_link,
    #carousel_news_home .carousel-inner.bg-news .item .slide-detail .block_news_date{
        font-size: 12px;
    }
    #carousel_news_home .carousel-inner.bg-news .item .slide-detail h3{
        font-size: 16px;
        line-height: 1.3;
        padding-top: 5px;
        display: block;
        float: left;
    }
 
       
}

@media (max-width:370px) {
  
    #carousel_news_home .carousel-inner.bg-news .news-control span{       
        left: 2px;
    }
    #carousel_news_home .carousel-inner.bg-news .item .slide-detail{
        margin: 2px;
    }
    #carousel_news_home .carousel-inner.bg-news { 
        padding: 0px 5px;
    }
    .slide-detail .item_news--picture img {
        width: 100%;
        min-height: 150px;
        height: 150px;
    }
  
}
@media (max-width: 1220px) and (min-width:768px){
 
    #container--carousel #carousel.ui-carousel{
        width: 705px !important;
    }
    
}
#modal-splash.modal{
    padding-right: 0 !important;
    height: 100%;
}
#modal-splash .modal-content .btn.entersite{
	background-color: #65C2F5;
    border-color: #65C2F5;
}
img.export_thumbnail{
    margin: 5px;
}