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

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

ol, ul {
    list-style: none
}
.blank{
    width:100px;
    padding-bottom: 20px;
}
blockquote, q {
    quotes: none
}

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

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

body {
    font-family: "microsoft yahei",arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #7e7e7e;
    background-color: #fff
}

a {
    color: #3d3d3d;
    font-weight: 500
}

a:focus, a:hover {
    text-decoration: none
}

a:hover {
    text-decoration: none;
    color: #000
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px
}

p {

}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
    list-style-type: disc;
}

ol {
    list-style-type: decimal
}

.reset-list, .reset-list ol, .reset-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.reset-list2, .reset-list2 ol, .reset-list2 ul {
    list-style: none
}

ul.styled-list li ul li:before, ul.styled-list li:before {
    content: "\f105";
    font-family: icomoon;
    color: #358f01;
    font-size: 11px;
    margin-right: 5px
}

ol.styled-list, ul.styled-list, ul.styled-list li ul li {
    list-style: none
}

.tooltip-test   .tooltip > .tooltip-inner {
    background-color: #358f01;
    border-radius: 0;
    padding: 6px 10px
}

.tooltip.top .tooltip-arrow {
    border-top-color: #358f01
}

h1.section-title {
    font-weight: 300;
    color: #161616;
    font-size: 22px;
    line-height: 30px;
    margin: 0
}

h2.section-title {
    font-weight: 300;
    color: #358f01;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 15px
}

h2.section-title2 {
    font-weight: 300;
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px
}

h2.section-title3 {
    font-weight: 300;
    color: #161616;
    font-size: 26px;
    line-height: 30px
}

h4.section-subtitle {
    color: #a1a1a1;
    font-size: 16px;
    line-height: 20px
}

h2.shop-title {
    font-size: 70px;
    font-weight: 300;
    color: #3d3d3d;
    line-height: 70px
}

h3.shop-title {
    font-size: 45px;
    font-weight: 300;
    color: #3d3d3d;
    line-height: 50px
}

h3.section-title {
    font-weight: 300;
    color: #161616;
    font-size: 26px;
    line-height: 30px
}

.feature-title {
    font-size: 45px;
    line-height: 50px
}

.btn {
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 17px 50px;
    display: inline-block;
    letter-spacing: 1px;
    outline: 0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.btn:active {
    border: none
}

.btn2 {
    border: none;
    border-radius: 4px;
    font-weight: 300;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    padding: 10px 40px;
    display: inline-block;
    letter-spacing: 1px;
    outline: 0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.btn-2 {
    background: #358f01;
    color: #fff;
    box-shadow: 0 4px #72ca37;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.btn-2:hover {
    box-shadow: 0 2px #72ca37;
    top: 2px;
    color: #fff
}

.btn-2:active {
    box-shadow: 0 0 #ab3c3c;
    top: 4px;
    border: none
}

.btn-2:focus {
    outline: 0;
    color: #fff;
}

.btn-default {
    font-weight: 300;
    background: #dd3e49;
    border: none;
    color: #fff;
    padding: 13px 40px;
    -webkit-transition: background-color 60ms ease-in;
    -moz-transition: background-color 60ms ease-in;
    -o-transition: background-color 60ms ease-in;
    -ms-transition: background-color 60ms ease-in;
    transition: background-color 60ms ease-in
}

.btn-default:focus {
    outline: 0 !important;
    border: 0
}

.btn-default2 {
    padding: 12px 31px
}

.btn-sm {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #fff;
    border: none;
    border-radius: 4px;
    height: 31px;
    width: 35px;
    font-size: 15px;
    line-height: 23px;
    outline: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.btn-small {
    background: #358f01;
    box-shadow: 0 4px #72ca37;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.btn-small:hover {
    top: 2px;
    box-shadow: 0 2px #72ca37
}

.btn-small:active {
    box-shadow: 0 0 #ab3c3c;
    top: 4px
}

.tcolor {
    color: #358f01 !important
}

.gray {
    color: #a1a1a1
}

.black {
    color: #161616 !important
}

.white {
    color: #fff
}

.center {
    text-align: center
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.fnone {
    float: none !important
}

.fleft {
    float: left
}

.fright {
    float: right
}

.inline-block {
    display: inline-block
}

.block {
    display: block
}

.italic {
    font-style: italic
}

.rounded {
    border-radius: 50%
}

.width100 {
    width: 100%
}

.thin-shadow {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

.relative {
    position: relative !important
}

.weight300 {
    font-weight: 300
}

.size17 {
    font-size: 17px !important;
    line-height: 22px !important
}

.size18 {
    font-size: 18px !important
}

.size20 {
    font-size: 20px !important
}

.l30 {
    line-height: 30px
}

.bg-white {
    background-color: #fff !important
}

.ptop5 {
    padding-top: 5px
}

.ptop10 {
    padding-top: 10px
}

.ptop50 {
    padding-top: 50px
}

.ptop70 {
    padding-top: 70px
}

.ptop100 {
    padding-top: 100px
}

.pbottom50 {
    padding-bottom: 50px
}

.pbottom70 {
    padding-bottom: 70px
}

.pbottom80 {
    padding-bottom: 80px
}

.pright0 {
    padding-right: 0
}

.pright25 {
    padding-right: 25px
}

.pright30 {
    padding-right: 30px
}

.pleft0 {
    padding-left: 0
}

.mauto {
    margin: 0 auto
}

.m0 {
    margin: 0 !important;
}

.mtop5 {
    margin-top: 5px
}

.mtop20 {
    margin-top: 20px
}

.mtop25 {
    margin-top: 25px
}

.mtop30 {
    margin-top: 30px
}

.mtop40 {
    margin-top: 40px
}

.mtop50 {
    margin-top: 50px
}

.mtop70 {
    margin-top: 70px
}

.mtop100 {
    margin-top: 100px
}

.mtop106 {
    margin-top: 106px
}

.mtop130 {
    margin-top: 130px
}

.mbottom0 {
    margin-bottom: 0
}

.mbottom5 {
    margin-bottom: 5px
}

.mbottom10 {
    margin-bottom: 10px
}

.mbottom15 {
    margin-bottom: 15px
}

.mbottom20 {
    margin-bottom: 20px
}

.mbottom25 {
    margin-bottom: 25px
}

.mbottom30 {
    margin-bottom: 30px !important;
}

.mbottom35 {
    margin-bottom: 35px
}

.mbottom40 {
    margin-bottom: 40px !important;
}

.mbottom50 {
    margin-bottom: 50px !important
}

.mbottom60 {
    margin-bottom: 60px
}

.mbottom70 {
    margin-bottom: 70px
}

.mbottom80 {
    margin-bottom: 80px
}

.mbottom90 {
    margin-bottom: 90px
}

.mbottom100 {
    margin-bottom: 100px
}

.mleft5 {
    margin-left: 5px
}

.mleft10 {
    margin-left: 10px
}

.mleft15 {
    margin-left: 15px
}

.mleft20 {
    margin-left: 20px
}

.mleft30 {
    margin-left: 30px
}

.mleft50 {
    margin-left: 50px
}

.mleft60 {
    margin-left: 60px
}

.mleft65 {
    margin-left: 65px
}

.mleft80 {
    margin-left: 80px
}

.mleft85 {
    margin-left: 85px
}

.mleft90 {
    margin-left: 90px
}

.mleft160 {
    margin-left: 160px
}

.mleft240 {
    margin-left: 240px
}

.mright5 {
    margin-right: 5px
}

.mright10 {
    margin-right: 10px
}

.mright25 {
    margin-right: 25px
}

.mleft230 {
    margin-left: 230px
}

.mright15 {
    margin-right: 15px
}

.line {
    display: inline-block;
    width: 50px;
    border: 1px solid #358f01;
    margin-bottom: 50px
}

.radius50 {
    border-radius: 50%
}

.animation {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.separator {
    display: block;
    border: 1px solid #e5e4e4
}

#page-wrapper {
    background: #fff
}

#header {
    background-color: #fff;
    min-height: 80px;
    position: fixed;
    top: 0;
    transition: top .2s ease-in-out;
    width: 100%;
    z-index: 11111;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

#slideshow {
    position: relative;
    overflow: hidden
}

.header1   #boxed-slideshow, .header1   #slideshow {
    margin-top: 106px
}

.header2   #boxed-slideshow, .header2   #slideshow {
    margin-top: 142px
}

.header3   #boxed-slideshow, .header3   #slideshow {
    margin-top: 100px
}

.header4   #boxed-slideshow, .header4   #slideshow {
    margin-top: 170px
}

.header5   #boxed-slideshow, .header5   #slideshow {
    margin-top: 0
}

.header1   #content, .header6   #boxed-slideshow, .header6   #slideshow {
    margin-top: 106px
}

.header2   #content {
    margin-top: 142px
}

.header3   #content {
    margin-top: 130px
}

.header4   #content {
    margin-top: 170px
}

.header1   .header-breadcrumb, .header5   #content, .header6   #content {
    margin-top: 106px
}

.header2   .header-breadcrumb {
    margin-top: 142px
}

.header3   .header-breadcrumb {
    margin-top: 130px
}

.header4   .header-breadcrumb {
    margin-top: 170px
}

.header1   #sub-header, .header5   .header-breadcrumb, .header6   .header-breadcrumb {
    margin-top: 106px
}

.header2   #sub-header {
    margin-top: 142px
}

.header3   #sub-header {
    margin-top: 130px
}

.header4   #sub-header {
    margin-top: 170px
}

.header1   #shop-header, .header5   #sub-header, .header6   #sub-header {
    margin-top: 106px
}

.header2   #shop-header {
    margin-top: 142px
}

.header3   #shop-header {
    margin-top: 130px
}

.header4   #shop-header {
    margin-top: 170px
}

.header5   #shop-header, .header6   #shop-header {
    margin-top: 106px
}

#header.nav-up {
    top: -200px
}

#header.nav-up.sticky {
    top: 0
}

#preloader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
    position: fixed
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: ;
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px
}

h1#logo {
    margin: 0
}

#logo {
    float: left;
    padding: 30px 0 31px
}

#logo .only-transparent {
    display: none
}

.logo-container {
    z-index: 1001
}

.logo-container.hasinfocard {
    position: relative
}

.logo-container.hasinfocard:before {
    content: ;
    width: 98px;
    height: 35px;
    right: 100%;
    margin-right: 20px;
    top: 21px;
    position: absolute
}

#infocard {
    position: absolute;
    top: 98px;
    margin-top: 20px;
    width: 440px;
    padding: 30px 20px 25px;
    background: #358f01;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    display: block;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .4);
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    transition: all .15s ease-out;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-backface-visibility: hidden
}

.logo-container.hasinfocard:hover #infocard {
    visibility: visible;
    opacity: 1;
    margin-top: 12px;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    -transition-delay: 0s
}

#infocard h2 {
    font-size: 12px;
    color: #fff;
    line-height: 20px
}

#infocard p {
    color: #fff;
    margin-bottom: 0
}

#infocard .info-social p {
    font-size: 15px;
    text-transform: uppercase
}

#infocard .info-social li {
    display: inline-block;
    margin-right: 20px
}

#infocard .info-social li:first-child, #infocard .info-social li:last-child {
    margin-right: 0
}

#infocard .info-social li a {
    color: #fff
}

#infocard .info-social li span {
    font-size: 18px
}

#back-top {
    position: fixed;
    bottom: 30px;
    right: 15px;
    background: #358f01;
    border-radius: 4px;
    border-bottom: solid 2px #72ca37
}

#back-top a {
    color: #fff;
    padding: 5px 13px;
    line-height: 30px
}

#back-top:active {
    border-bottom: none
}

#panel {
    background: #358f01;
    padding: 8px 0;
    display: none
}

.slide {
    border-top: solid 4px #358f01
}

.active-panel {
    background-position: right 12px
}

.slide span {
    background: #358f01;
    color: #fff;
    font-size: 13px;
    padding: 6px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    position: absolute;
    right: 14px;
    line-height: 6px;
    z-index: 1002
}

#panel ul.info-left {
    float: left
}

#panel ul.info-left li {
    color: #fff;
    float: left;
    margin-right: 15px;
    border-right: solid 1px;
    padding-right: 10px
}

#panel ul.info-left li:last-child {
    border-right: 0
}

#panel ul.info-left li p {
    font-family: "microsoft yahei",arial, helvetica, sans-serif;
    display: inline-block;
    margin-bottom: 0;
    color: #fff
}

#panel ul.info-left li span {
    margin-right: 5px
}

#panel ul.info-right {
    float: right
}

#panel ul.info-right li {
    color: #fff;
    display: inline-block;
    width: 26px;
    height: 24px;
    text-align: center;
    margin-right: 7px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%
}

#panel ul.info-right li span {
    color: #fff;
    margin-left: 1px;
    line-height: 24px
}

#panel ul.info-right li a {
    display: block;
    line-height: 26px
}

.language .globe {
    float: right;
    font-size: 15px;
    color: #000;
    cursor: pointer;
    margin-top: 42px;
    margin-right: 18px
}

.language .dropdown-menu {
    min-width: 120px;
    top: 100px;
    right: 0;
    left: auto;
    border-radius: 0;
    box-shadow: none
}

.language .dropdown-menu > li > a {
    float: left
}

.language .dropdown-menu > li > a:hover {
    background: none !important
}

.language .dropdown-menu > li > a:hover   .flag-img {
    opacity: 1
}

.language .dropdown-menu > li > a:focus {
    outline: 0;
    background: none !important
}

.flag-img {
    float: right;
    opacity: .7;
    margin-top: 7px;
    margin-right: 20px
}

.header3 #main-menu {
    /*margin-right: 100px*/
    margin-top: 20px;
}

.header3 .globe {
    margin-top: 15px !important;
}
#main-menu .navimg{

}
.header3 .language .dropdown-menu {
    top: 47px
}

.header4 .language .globe {
    margin-top: 17px
}

.header4 #main-menu {
    margin-right: 100px
}

.header4 .language .dropdown-menu {
    top: 51px
}

.header5:not(.fillbg) .language .globe {
    color: #fff
}

.searchpanel {
    float: right;
    margin-top: 40px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.searchpanel span {
    cursor: pointer;
    color: #000;
    font-size: 15px
}

.searchpanel .searchform {
    display: none;
    opacity: 0;
    position: absolute;
    right: -15px;
    top: 30px;
    width: 260px;
    z-index: 999;
    border-radius: 2px;
    border: 1px solid #ddd;
    background: #fff
}

.searchpanel .searchform:before {
    top: -22px
}

.searchpanel .searchform:after, .searchpanel .searchform:before {
    bottom: 40px;
    right: 17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute
}

.searchpanel .searchform:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -11px
}

.searchpanel .searchform:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 11px;
    margin-left: -12px
}

.searchpanel .searchform.active {
    display: block;
    opacity: 1;
    top: 115px;
    right: 12px
}

.searchpanel .searchbox {
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0
}

#cart {
    float: right;
    margin-top: 40px;
    font-size: 15px;
    color: #000;
    cursor: pointer;
    padding-bottom: 40px;
    padding-left: 20px
}

#cart .cart-container {
    position: absolute;
    z-index: 111;
    visibility: hidden;
    right: 0;
    top: 130px;
    opacity: 0;
    -webkit-transition: opacity .4s ease, top .45s ease;
    -moz-transition: opacity .4s ease, top .45s ease;
    -ms-transition: opacity .4s ease, top .45s ease;
    -o-transition: opacity .4s ease, top .45s ease;
    transition: opacity .4s ease, top .45s ease
}

#cart:hover .cart-container {
    visibility: visible;
    opacity: 1;
    top: 102px
}

#cart .cart-container ul {
    min-width: 250px;
    cursor: initial
}

#cart .cart-container .cart-item {
    display: inline-block;
    width: 100%;
    padding: 10px;
    position: relative
}

#cart .cart-container .cart-item img {
    float: left;
    margin-right: 20px
}

#cart .cart-container .cart-item h4 {
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
    margin-bottom: 0
}

#cart .cart-container .cart-item span {
    display: block;
    font-size: 13px
}

#cart .cart-container li {
    border-top: solid 1px #e6e6e6;
    background: #fff
}

#cart .cart-container .total {
    background-color: #f4f4f4;
    color: #505050;
    display: block;
    padding: 10px
}

#cart .cart-container .total p {
    margin-bottom: 0
}

#cart .cart-container .checkout {
    background: #358f01
}

#cart .cart-container .checkout a {
    color: #fff;
    padding: 10px;
    display: block
}

#cart .cart-container .close-btn {
    content: "\e607";
    font-family: icomoon;
    color: #358f01;
    font-size: 11px
}

.remove-item {
    font-size: 9px;
    float: right;
    position: absolute;
    right: 15px;
    top: 39px
}

.header-breadcrumb {
    background: #fafafa;
    padding: 20px 0;
    border-bottom: solid 1px #f0f0f0;
}

.header-breadcrumb ul {
    float: right
}

.header-breadcrumb ul li {
    float: left;
    color: #161616;
    font-size: 15px;
    line-height: 31px;
    margin-right: 10px
}

.header-breadcrumb ul li:last-child {
    margin-right: 0
}

.header-breadcrumb ul li.active p {
    color: #000
}

.header-breadcrumb h2 {
    font-size: 22px;
    line-height: 35px
}

.header-breadcrumb h2.section-title, .header-breadcrumb p {
    margin-bottom: 0
}

.header-breadcrumb.page-header {
    background:  center center no-repeat;
    padding: 80px 0;
    background-size: cover;
}

.header-breadcrumb.page-header ul {
    background: #000;
    color: #fff
}

.header-breadcrumb.page-header ul li {
    padding-left: 10px;
    color: #358f01;
    margin-right: 0
}

.header-breadcrumb.page-header ul li.active {
    padding-right: 10px
}

.header-breadcrumb.page-header ul li p, .header-breadcrumb.page-header ul li.active p {
    color: #fff
}

.header-breadcrumb.page-header h1.section-title {
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
    font-size: 30px;
    font-weight: 400
}

#current-date {
    float: right;
    clear: right;
    background: rgba(255, 255, 255, .56);
    color: #383838;
    padding: 0 10px;
    margin-top: 10px
}

.tp-bannertimer, .tp-bullets {
    display: none
}

.tp-leftarrow.default, .tp-rightarrow.default {
    z-index: 100;
    width: 60px;
    background: 0 0;
    height: 60px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.tp-leftarrow.default:before, .tp-rightarrow.default:before {
    font-family: icomoon;
    line-height: 55px;
    width: 60px;
    font-size: 28px
}

.tp-leftarrow.default:before {
    content: "\f104"
}

.tp-rightarrow.default:before {
    content: "\f105"
}

.tp-leftarrow.default:hover, .tp-rightarrow.default:hover {
    background: #358f01;
    border-color: #358f01
}

.firstslide h2 {
    font-size: 60px;
    color: #fff;
    font-weight: 300;
    line-height: 60px;
    margin-left: 70px;
    margin-top: 0
}

.firstslide h5 {
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    margin-left: 15px
}

.firstslide .first-span {
    color: #358f01;
    font-size: 60px;
    float: left;
    line-height: 60px;
    font-weight: 300
}

.firstslide .second-span {
    color: #358f01;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300
}

.secondslide h2 {
    font-size: 60px;
    color: #fff;
    font-weight: 300;
    line-height: 60px;
    margin-left: 70px;
    margin-top: 0
}

.secondslide h5 {
    color: #fff;
    font-size: 16px;
    line-height: 25px
}

.secondslide .first-span {
    color: #358f01;
    font-size: 60px;
    float: left;
    line-height: 60px;
    font-weight: 300
}

.secondslide .second-span {
    color: #358f01;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300
}

.thirdslide h2 {
    font-size: 60px;
    color: #fff;
    font-weight: 300;
    line-height: 60px;
    margin-left: 70px;
    margin-top: 0
}

.thirdslide h5 {
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    text-align: center
}

.thirdslide .first-span {
    color: #358f01;
    font-size: 60px;
    float: left;
    line-height: 60px;
    font-weight: 300
}

.fourthslide h2 {
    font-size: 60px;
    color: #fff;
    font-weight: 300;
    line-height: 60px;
    margin-left: 80px;
    margin-top: 0
}

.fourthslide .first-span {
    color: #358f01;
    font-size: 60px;
    float: left;
    line-height: 60px;
    font-weight: 300
}

#main-menu {
    float: right;
    margin-right: 40px
}

#main-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1
}

#main-menu > ul {
    display: block;
    width: 100%;
    z-index: 500
}

#main-menu > ul > li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#main-menu > ul > #menu-button {
    display: none
}

#main-menu ul li a {
    display: block;
    font-family: "microsoft yahei",arial, helvetica, sans-serif;
    font-weight: 400
}

#main-menu > ul > li > a {
    line-height: 102px;
    font-size: 14px;
    padding: 0 20px;
    color: #666;
    font-weight:bold;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}

#main-menu > ul > li.active > a, #main-menu > ul > li.has-sub > a:hover, #main-menu > ul > li:hover > a, #main-menu > ul > li > a:hover {
    color: #3d3d3d
}

#main-menu ul ul li a:not(:only-child):after {
    position: absolute;
    top: 13px;
    right: 10px;
    font-family: icomoon;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    color: #3d3d3d;
    font-size: 13px
}

#indicatorcontainer {
    position: absolute;
    height: 12px;
    width: 100%;
    bottom: 0;
    overflow: hidden;
    z-index: -1
}

#pindicator {
    position: absolute;
    height: 0;
    width: 100%;
    border: 12px solid transparent;
    border-top-color: #2b2f3a;
    z-index: -2;
    -webkit-transition: left .25s ease;
    -moz-transition: left .25s ease;
    -ms-transition: left .25s ease;
    -o-transition: left .25s ease;
    transition: left .25s ease
}

#cindicator {
    position: absolute;
    height: 0;
    width: 100%;
    border: 12px solid transparent;
    border-top-color: #2b2f3a;
    top: -12px;
    right: 100%;
    z-index: -2
}

#main-menu ul ul {
    position: absolute;
    top: 130px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: aall .2s ease-out;
    transition: all .2s ease-out;
    z-index: 1000;
    border-top: solid 3px #358f01
}

#main-menu ul ul ul {
    top: 37px
}

#main-menu ul ul li {
    position: relative
}

#main-menu > ul > li:hover > ul {
    left: auto;
    top: 102px;
    opacity: 1;
    visibility: visible
}

#main-menu ul ul li:hover > ul {
    left: 230px;
    top: 0;
    opacity: 1
}

#main-menu ul ul li a {
    min-width: 120px;
    border-bottom: 1px solid #eee;
    padding: 12px 20px;
    font-size: 14px;
    color: #3d3d3d;
    background: #fafafa;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#main-menu ul ul li.active a, #main-menu ul ul li:hover > a {
    background: #f4f4f4;
    color: #3d3d3d;
    border-right: solid 3px #358f01
}

#main-menu ul ul li a:hover, #main-menu ul ul li.active a {
    padding-left: 25px
}

#main-menu ul ul li.active:hover {
    border-right: 0
}

#main-menu ul ul li.has-sub::after {
    border: 4px solid;
    border-left-color: #9ea2a5;
    right: 10px;
    top: 12px;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transition: -webkit-transform .2s ease, right .2s ease
}

#main-menu ul ul li.has-sub:hover::after {
    border-left-color: #fff;
    right: -5px;
    -webkit-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    -o-transform: rotatey(180deg);
    transform: rotatey(180deg)
}

#main-menu ul ul li.has-sub span {
    position: absolute;
    right: 10px;
    font-size: 9px;
    top: 15px
}

#main-menu > ul > li:hover ul.second-submenu {
    left: 230px
}

#main-menu .mega-menu {
    background-color: #fff;
    border-top-color: #358f01;
    visibility: hidden;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .04);
    border-top-width: 3px;
    border-top-style: solid;
    position: absolute;
    left: -15px;
    top: 120px;
    opacity: 0;
    margin: 0;
    padding: 20px 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1001
}

#main-menu ul li:hover > ul.mega-menu {
    left: -15px;
    opacity: 1;
    visibility: visible
}

#main-menu .mega-menu li a.mega-title, #main-menu ul.mega-menu ul li:last-child > a.mega-title {
    font-size: 14px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 12px 0;
    margin-bottom: 15px;
    border-right: none !important
}

#main-menu .mega-menu ul {
    position: relative !important;
    opacity: 1 !important;
    left: auto !important;
    top: 0 !important
}

#main-menu .mega-menu li {
    visibility: hidden
}

#main-menu .mega:hover li {
    visibility: visible
}

#main-menu .mega-menu li a {
    background-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-width: 0;
    padding: 5px 20px;
    position: relative
}

#main-menu .mega-menu ul li a:before {
    content: " ";
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: -2px;
    background: #ddd
}

#main-menu .mega-menu li a:after {
    display: none !important
}

#main-menu .mega-menu li a:hover:before, #main-menu .mega-menu li.active > a:before {
    background: #358f01
}

#main-menu .mega-menu ul li.active a, #main-menu .mega-menu ul li:hover > a {
    color: #358f01;
    border-right: none !important
}

.one-page .searchpanel {
    margin-top: 47px
}

.one-page #cart {
    margin-top: 47px;
    padding-bottom: 33px
}

.header2 .btn-slide {
    display: none
}

.header2 #panel {
    display: block
}

.header2.nav-up {
    top: -255px !important
}

.header2 .slide {
    border-top: 0
}

.header2 #main-menu ul ul {
    top: 120px
}

.header2 .zn-res-menuwrapper {
    margin-top: 36px
}

.header3 .onlyh3 {
    text-align: center
}

.header3.nav-up {
    top: -180px !important
}

.header3 .btn-slide {
    display: initial
}

.header3 #panel {
    display: none
}

.header3 #logo {
    float: none;
    margin: 0 auto;
    padding: 15px 0 0 0;
    display: inline-block
}

.header3 #main-menu {
    text-align: center;
    float: none
}

.header3 #main-menu ul ul {
    top: 70px
}
.header3 #main-menu ul > .active a.nav-1 {
    border-bottom: #358f01 solid;
    color: #358f01;
}

.header3 #main-menu > ul > li {
    display: inline-block;
    float: none
}

.header3 #main-menu > ul > li > a {
    line-height: 49px
}
.header3 #main-menu > ul > li:hover{
    border-bottom: #358f01 solid;
    color: #358f01;
}
.header3 #main-menu > ul > li:hover a.nav-1{
    color: #358f01;
}
.header3 #main-menu > ul > li:hover > ul {
    top: 49px
}

.header3 #main-menu ul ul li a {
    text-align: left
}

.header3 .searchpanel {
    margin-top: 90px
}

.header3 .searchpanel .searchform.active {
    top: 140px;
    right: 12px
}

.header3 #cart {
    margin-top: 90px;
    padding-bottom: 14px
}

.header3 #cart .cart-container {
    top: 145px
}

.header3 #cart:hover .cart-container {
    top: 126px
}

.header3 .logo-container {
    display: inline-block
}

.header3 .logo-container.hasinfocard:before {
    display: none
}

.header3 #infocard {
    top: 119px;
    left: -100px
}

.header3 .new-item {
    top: -15px
}

.header3 #main-menu > ul {
    position: relative
}

.header4.nav-up {
    top: -230px !important
}

.header4 .btn-slide {
    display: none
}

.header4 #panel {
    display: block
}

.header4 #logo {
    float: none;
    margin: 0 auto;
    padding: 15px 0
}

.header4 .dl-menuwrapper {
    padding-top: 0;
    margin-top: -65px;
    padding-bottom: 31px;
    text-align: right !important
}

.header4 .dl-menuwrapper .dl-menu.dl-menuopen, .header4 .dl-menuwrapper > .dl-submenu {
    top: 65px
}

.header4 #main-menu {
    text-align: center;
    float: none
}

.header4 #main-menu > ul {
    position: relative
}

.header4 #main-menu > ul > li {
    display: inline-block;
    float: none
}

.header4 #main-menu > ul > li > a {
    line-height: 53px
}

.header4 #main-menu ul ul li a {
    text-align: left
}

.header4 #main-menu > ul > li:hover > ul {
    top: 53px
}

.header4 #main-menu ul ul {
    top: 75px
}

.header4 #cart {
    margin-top: 92px;
    padding-bottom: 16px
}

.header4 .searchpanel {
    margin-top: 92px
}

.header4 .searchpanel .searchform.active {
    top: 144px
}

.header4 #cart .cart-container, .header4 #cart:hover .cart-container {
    top: 130px
}

.header4 .slide {
    border-top: 0
}

.header4 > #slideshow {
    margin-top: 167px !important
}

.header4 .logo-container.hasinfocard:before {
    display: none
}

.header4 .logo-container {
    display: inline-block
}

.header4 .onlyh3 {
    text-align: center
}

.header4 #infocard {
    top: 125px;
    left: -120px
}

.header4 .new-item {
    top: -15px
}

.header4 .zn-res-menuwrapper {
    margin-top: 36px
}

.header5:not(.fillbg) {
    background-color: transparent !important;
    box-shadow: none;
    border-bottom: solid 1px rgba(255, 255, 255, .36)
}

.header5:not(.fillbg) #main-menu > ul > li > a {
    color: #fff !important;
    font-size: 15px;
    font-weight: 600
}

.header5:not(.fillbg) #main-menu > ul > li.active > a, .header5:not(.fillbg) #main-menu > ul > li.has-sub > a:hover {
    color: #d3d3d3
}

.header5:not(.fillbg) #cart span, .header5:not(.fillbg) .searchpanel span {
    color: #fff
}

.header5:not(.fillbg) #logo .only-transparent {
    display: block
}

.header5:not(.fillbg) .non-transparent {
    display: none
}

.header5 .zn-res-menuwrapper, .header6 .zn-res-menuwrapper {
    margin-top: 36px
}

#zn-res-menu, #zn-res-menu li, #zn-res-menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#zn-res-menu * {
    -webkit-backface-visibility: hidden
}

.zn_res_menu_visible #zn-res-menu, .zn_res_menu_visible #zn-res-menu li ul {
    display: block
}

#zn-res-menu, #zn-res-menu li ul {
    right: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 11112;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    padding: 0;
    display: none
}

#zn-res-menu ul.zn-menu-visible, #zn-res-menu.zn-menu-visible {
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

#zn-res-menu li {
    position: initial;
    width: 100%
}

#zn-res-menu .zn_mega_container {
    width: 100%
}

#zn-res-menu .zn_mega_container li {
    width: 100%;
    float: none
}

#zn-res-menu li a {
    color: #717171;
    padding: 13px 28px;
    border-bottom: 1px solid;
    border-bottom-color: inherit;
    display: block;
    z-index: 1
}

#zn-res-menu a {
    cursor: pointer
}

#zn-res-menu .zn_res_has_submenu > span, #zn-res-menu .zn_res_menu_go_back > span {
    position: absolute;
    right: 0;
    width: 49px;
    height: 49px;
    border-left: 1px solid;
    border-left-color: inherit;
    line-height: 49px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    z-index: 2
}

#zn-res-menu .zn_res_menu_go_back > a {
    text-align: center;
    padding-right: 0;
    padding-left: 49px
}

#zn-res-menu .zn_res_menu_go_back > span {
    left: 0;
    right: auto;
    border-left: none;
    border-right: 1px solid;
    border-right-color: inherit
}

.zn-res-menuwrapper {
    float: right;
    display: block;
    margin-top: 42px
}

.zn-res-trigger {
    vertical-align: middle;
    position: relative;
    display: inline-block;
    width: 25px;
    height: 28px;
    margin-right: 25px
}

.zn-res-trigger::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 4px;
    top: 50%;
    margin-top: -10px;
    background: #3d3d3d;
    border-radius: 4px;
    left: 0;
    box-shadow: 0 8px 0 #3d3d3d, 0 16px 0 #3d3d3d
}

.zn_res_has_submenu .new-item {
    display: none
}

.welcome-message {
    position: absolute;
    width: 100%;
    top: 44%;
    text-align: center;
    z-index: 25;
}

.welcome-message h2 {
    text-transform: uppercase;
    font-size: 55px;
    color: #fff;
    -webkit-text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    -moz-text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    -o-text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    -ms-text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    line-height: 60px;
    font-weight: 400
}

.welcome-message a {
    text-transform: uppercase
}

body.boxed .boxedcontainer {
    max-width: 1200px;
    margin: 0;
    padding: 0
}

.boxedcontainer {
    max-width: 1170px;
    margin: auto;
    position: relative
}

#boxed-slideshow .boxed-container .tp-leftangle.default, #boxed-slideshow .boxed-container .tp-rightangle.default {
    top: 50% !important
}

#boxed-slideshow .welcome-message {
    top: 36%
}

.tp-caption {
    font-family: "microsoft yahei",arial, helvetica, sans-serif !important
}

.services-box span {
    float: left;
    font-size: 25px;
    color: #358f01;
    border-radius: 50%;
    border: 1px solid;
    padding: 31px
}

.services-box h3 {
    font-size: 24px;
    font-weight: 300;
    color: #3d3d3d;
    margin-left: 20px;
    margin-top: 18px;
    display: inline-block;
    line-height: 27px;
    margin-bottom: 0
}

.services-box p {
    margin-top: 40px;
    margin-bottom: 30px
}

#featured-projects {
    background-color: #fafafa
}

#featured-projects h2 {
    font-weight: 300;
    color: #161616
}

#featured-projects h4 {
    color: #a1a1a1;
    font-weight: 400;
    font-size: 14px
}

#featured-projects .overlay-effect figcaption span {
    position: absolute;
    top: 30px;
    right: 20px
}

.portfolio-header {
    margin-bottom: 50px
}

.filters-nav ul li.filter-item.is-active:first-child {
    color: #fff !important;
    background: #358f01 !important;
    border-bottom: solid 4px #72ca37 !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.filters-nav ul li.filter-item.is-active {
    color: #fff !important;
    background: #358f01 !important;
    border-bottom: solid 4px #72ca37 !important
}

.filters-nav ul li.filter-item.is-active:last-child {
    color: #fff !important;
    background: #358f01 !important;
    border-bottom: solid 4px #72ca37 !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}
.showvideo{
    cursor:pointer;
}
#portfolio-filters {
    text-align: left;
    margin-top: 33px
}

#portfolio-filters ul li.filter-item {
    display: inline-block;
    color: #161616;
    font-weight: 500;
    cursor: pointer;
    padding: 5px 17px;
    background: #f0f0f0;
    border-bottom: solid 4px #f0f0f0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#portfolio-filters ul li.filter-item:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

#portfolio-filters ul li.filter-item:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.portfolio-wrapper .portfolio-item {
    position: relative;
    float: left;
    width: 25%;
    overflow: hidden
}

.portfolio-wrapper .portfolio-item img {
    display: block;
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    width: 100%;
}

.portfolio-wrapper .portfolio-item .item-overlay {
    display: block;
    position: absolute;
    z-index: 20;
    background: rgba(55, 186, 133, .87);
    overflow: hidden;
    transition: all .5s
}

.portfolio-wrapper .portfolio-item a.close-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    width: 45px;
    height: 45px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 45px;
    text-align: center;
    background-color: #000;
    cursor: pointer
}

.portfolio-wrapper .portfolio-item a.close-overlay.hidden {
    display: none
}

.portfolio-wrapper .portfolio-item .item-name {
    display: block;
    position: absolute;
    z-index: 100;
    text-align: center;
    color: #fff
}

.portfolio-wrapper .item-overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0
}

.portfolio-wrapper .item-overlay .item-name {
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.portfolio-wrapper .portfolio-item.hover .item-overlay {
    opacity: 1
}

.portfolio-wrapper .portfolio-item.hover .item-overlay .item-name {
    top: 50%;
    margin-top: -30px;
    opacity: 1
}

.overlay figure {
    margin: 3em;
    position: relative;
    overflow: hidden
}

.overlay figure img {
    max-width: 100%;
    display: block;
    position: relative
}

.overlay figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #358f01;
    color: #fff
}

.overlay figcaption h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 16px
}

.overlay figcaption h5 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 12px
}

.overlay-effect figure img {
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s
}

.no-touch .overlay-effect figure:hover img, .overlay-effect figure.cs-hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

.overlay-effect figcaption {
    min-height: 100px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translatey(100%);
    -moz-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%);
    -webkit-transition: -webkit-transform .4s, opacity .1s .3s;
    -moz-transition: -moz-transform .4s, opacity .1s .3s;
    transition: transform .4s, opacity .1s .3s;
    -webkit-backface-visibility: hidden
}

.overlay-effect figure:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

.no-touch .overlay-effect figure:hover figcaption, .overlay-effect figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translatey(0px);
    -moz-transform: translatey(0px);
    -ms-transform: translatey(0px);
    transform: translatey(0px);
    -webkit-transition: -webkit-transform .4s, opacity .1s;
    -moz-transition: -moz-transform .4s, opacity .1s;
    transition: transform .4s, opacity .1s
}

.news-header {
    display: inline-block
}

.news-boxes span {
    font-size: 40px;
    color: #ee414d;
    float: left;
    clear: left;
    line-height: 40px;
    font-weight: 300;
    margin-right: 20px
}

.news-boxes span:first-child {
    border-bottom: solid 1px
}

.news-boxes h3 {
    color: #161616;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px
}

#team {
    background:  0 0/cover
}

#team h2 {
    color: #fff
}

#our-team ul {
    margin-top: 15px;
    text-align: center
}

#our-team ul li {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-left: 5px;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 50%;
    margin-bottom: 5px
}

#our-team ul li:first-child {
    margin-left: 0
}

#our-team ul li a {
    color: #fff;
    line-height: 40px;
    display: block
}

#our-team .overlay-effect figcaption {
    min-height: 150px;
    padding-right: 25px
}

#our-team .overlay figcaption h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 25px
}

#our-team.owl-carousel {
    padding-top: 50px
}

#our-team .owl-buttons {
    position: absolute;
    top: 0px;
    right: 16px
}

#our-team .owl-buttons .owl-prev i {
    color: #fff;
    border: 2px solid;
    border-radius: 4px;
    padding: 10px 16px;
    position: absolute;
    right: 50px;
    font-size: 20px
}

#our-team .owl-buttons .owl-prev i:hover {
    background-color: #358f01;
    border: 2px solid #358f01
}

#our-team .owl-buttons .owl-next i {
    color: #fff;
    border: 2px solid;
    border-radius: 4px;
    padding: 10px 16px;
    position: absolute;
    right: 0;
    font-size: 20px
}

#our-team .owl-buttons .owl-next i:hover {
    background-color: #358f01;
    border: 2px solid #358f01
}

.buy {
    background: #358f01;
    padding: 50px 0
}

.buy h2 {
    color: #fff;
    font-size: 38px;
    line-height: 39px;
    margin-top: 0;
    margin-bottom: 0
}

.buy span {
    color: #cd1320
}

.buy h5 {
    color: #ffbbc0;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 0
}

.video-presentation {
    height: 500px;
    width: 100%;
    z-index: 1;
    position: relative;
    background:  center center/cover
}

.video-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center
}

.video-overlay .thin-line-white {
    width: 30px
}

.video-overlay h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 400
}

.play-button {
    margin-top: 120px;
    margin-bottom: 70px;
    z-index: 2
}

.play-button i {
    color: rgba(255, 255, 255, .85);
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 70px;
    line-height: 100px;
    padding-left: 5px;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.play-button i:hover {
    color: #358f01
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: rgba(0, 0, 0, .9) !important
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    background:  5px 5px no-repeat !important
}

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
    top: -55px;
    display: block;
    height: 30px
}

.video-presentation iframe body {
    background-color: transparent !important
}

#subscribe h2 {
    margin-top: 0
}

#subscribe h5 {
    color: #a1a1a1;
    margin-bottom: 25px
}

#subscribe input {
    background: #f6f6f6;
    color: #575656 !important;
    border: none;
    border-radius: 4px;
    outline: 0;
    height: 35px;
    width: 300px;
    padding: 5px 10px
}

.alert {
    display: inline-block;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 0;
    margin: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    vertical-align: top;
    border-width: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.alert.animate {
    opacity: 1;
    visibility: visible;
    padding-top: 10px;
    padding-bottom: 10px;
    max-height: 100px;
    line-height: 1.5em;
    margin-bottom: 0px;
    vertical-align: top;
    border-width: 1px;
    width: 30%;
    margin-top: 10px
}

.close {
    background: 0 0;
    border: 0
}

@media (max-width: 1200px) {
    #subscribe.footer-subscribe input {
        width: 174px !important
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #subscribe.footer-subscribe input {
        width: 119px !important
    }
}

@media (max-width: 768px) {
    #subscribe {
        text-align: left
    }
}

#amazing {
    background: #358f01;
    padding: 70px 0
}

#amazing p {
    color: #fff
}

ul.number-list span {
    color: #fff;
    font-size: 70px;
    margin-right: 15px
}

ul.number-list li {
    color: #fff;
    display: table;
    margin-bottom: 15px
}

ul.number-list li h4 {
    font-size: 16px;
    display: table-cell;
    line-height: 27px;
    vertical-align: middle;
    color: #fff
}

.amazing-left, .amazing-right {
    margin-top: 70px
}

#feedbacks {
    padding: 100px 0
}

#feedbacks .feedbacks-header span {
    font-size: 65px;
    color: #358f01;
    font-weight: 300;
    display: inline-block;
    line-height: 65px;
    margin-bottom: 10px
}

#feedbacks .feedbacks-header p {
    color: #a1a1a1
}

#feedbacks h5 {
    color: #161616;
    font-size: 15px;
    margin-bottom: 0
}

.feedback-box {
    background: #f6f6f6;
    border-radius: 6px;
    padding: 35px 35px 35px 35px;
    position: relative;
    display: inline-block;
}

.feedback-box:hover {
    border-bottom: solid 4px #358f01;
    margin-bottom: -4px
}

.feedback-box:hover:after, .feedback-box:hover:before {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute
}

.feedback-box:hover:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 5px;
    margin-left: -5px
}

.feedback-box:hover:before {
    border-color: rgba(245, 37, 14, 0);
    border-top-color: #358f01;
    border-width: 11px;
    margin-left: -11px
}

.feedback-box img {
    float: left
}

.feedback-box blockquote {
    color: #161616;
    background:  left top no-repeat;
    padding-left: 30px;
    margin-left: 120px;
    line-height: 25px
}

#services {
    padding-top: 80px;
    background: #f5f5f5;
}

#services span {
    color: #358f01;
    font-size: 30px;
    border-radius: 50%;
    border: 1px solid;
    padding: 20px
}

#services img {
    margin: 0 auto
}

#services h3 {
    color: #161616;
    font-size: 20px;
    margin-bottom: 10px
}

#services p {
    color: #a1a1a1
}

.icon-container-left {
    float: right;
    margin-top: 14px;
    display: block;
    min-height: 100px;
    margin-left: 25px
}

.icon-container-right {
    float: left;
    margin-top: 14px;
    display: block;
    min-height: 100px;
    margin-right: 25px
}

.services-left li {
    display: inline-block;
    margin-bottom: 27px
}

.services-left h3, .services-left p {
    text-align: right
}

.services-right li {
    display: inline-block;
    margin-bottom: 27px
}

.services-right h3, .services-right p {
    text-align: left
}

#designed {
    padding: 0 0 50px
}

.ms-caro3d-template {
    max-width: 1024px;
    margin: 0 auto
}

.ms-caro3d-template .master-slider .ms-container {
    padding: 10px 0 50px
}

.ms-caro3d-template .ms-slide {
    -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(255, 255, 255, .5)))
}

.ms-caro3d-template .ms-slide-bgcont {
    border-radius: 8px
}

#purchase {
    padding-bottom: 70px
}

#purchase p {
    color: #a1a1a1
}

#expertise {
    background: #358f01;
    padding: 70px 0
}

#expertise p {
    color: #ffbbc0
}

h4.expertise {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    margin-left: 40px;
    border-bottom: 1px dashed #ff8089;
    padding-bottom: 10px;
    margin-bottom: 0
}

ul.expertise li {
    padding: 5px 0
}

span.expertise {
    color: #fff;
    font-size: 20px;
    float: left;
    margin-right: 20px;
    line-height: 30px
}

#designed2 {
    padding-top: 70px
}

#designed2 p {
    color: #a1a1a1
}

.designed2-margin {
    margin-top: 120px
}

#services2 {
    background: #fafafa;
    padding: 70px 0 10px;
}

#services2 span {
    color: #358f01;
    font-size: 25px;
    float: left;
    line-height: 32px
}

#services2 h3 {
    color: #161616;
    font-size: 20px;
    font-weight: 300;
    margin-left: 50px;
    margin-bottom: 25px
}

#services2 p {
    color: #a1a1a1
}

.home3 #featured-projects {
    background: 0 0
}

.home3 #portfolio-filters {
    margin-top: 0
}

#testimonials {
    background: #1f2629;
    padding: 50px 0
}

#testimonials blockquote {
    color: #fff;
    font-size: 23px;
    font-weight: 300;
    line-height: 30px;
    padding: 0 200px;
    margin-bottom: 25px
}

#testimonials blockquote:before {
    content: "\e71a";
    font-family: icomoon;
    position: absolute;
    left: 120px
}

#testimonials p {
    padding: 0 200px
}

#getintouch {
    padding: 50px 0
}

#getintouch p {
    color: #aeaeae;
    margin-bottom: 0
}

#getintouch span {
    display: block
}

#getintouch ul li {
    margin-bottom: 20px
}

#map {
    width: 100%;
    height: 300px
}

#sub-header {
    background: #358f01;
    color: #fff;
    padding: 15px 0
}

.breakingnews-date {
    float: left;
    background: rgba(255, 255, 255, .25);
    padding: 5px 10px;
    border-radius: 4px
}

.breakingnews-date p, .breakingnews-title p {
    color: #fff;
    margin-bottom: 0
}

.breakingnews-title {
    float: left;
    padding: 5px 15px
}

#news {
    padding: 60px 0
}

#news h2 {
    margin-bottom: 60px
}

#news-big .overlay figcaption {
    background: rgba(255, 82, 94, .61);
    color: #fff;
    width: 65%;
    padding: 35px 25px
}

#news-big .overlay figcaption a {
    color: #fff;
    font-weight: 300
}

#news-big p {
    color: #fff
}

.caption-date {
    font-size: 26px;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 15px
}

#news-small .news-small-post {
    padding: 40px 0;
    float: left;
    margin-left: 30px;
    width: calc(50% - 30px)
}

#news-small2 .news-small-post {
    padding: 40px 0 40px 30px;
    float: left;
    margin-right: 30px;
    width: calc(50% - 30px)
}

#news-small .news-small-post .caption-date, #news-small2 .news-small-post .caption-date {
    font-size: 30px;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 15px;
    color: #358f01
}

#news-small .news-small-post span, #news-small2 .news-small-post span {
    color: #c1c1c1
}

#news-small .news-small-post span b, #news-small2 .news-small-post span b {
    color: #161616
}

#news-small .news-small-post h4, #news-small2 .news-small-post h4 {
    font-size: 18px;
    font-weight: 400
}

#news-small img {
    float: left
}

#news-small2 img {
    float: right
}

#new-projects {
    background: #fafafa;
    padding: 70px 0
}

#new-projects .portfolio-wrapper .portfolio-item {
    padding-right: 15px
}

#new-projects .portfolio-wrapper .portfolio-item h3 {
    color: #161616;
    font-size: 17px;
    margin: 15px 0 0
}

#new-projects .portfolio-wrapper .portfolio-item span {
    color: #c1c1c1
}

#new-projects .portfolio-wrapper .portfolio-item span b {
    color: #3d3d3d
}

.projects-date {
    color: #358f01 !important
}

#web-design {
    padding: 70px 0
}

#web-design .webdesign-post .post-header h3 {
    color: #161616;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 15px
}

#web-design .webdesign-post .post-header span {
    color: #c1c1c1
}

#web-design .webdesign-post .post-header span p {
    display: inline-block;
    color: #3d3d3d
}

#web-design .webdesign-post .post-header .post-tag {
    font-style: italic;
    margin-left: 20px
}

#web-design .webdesign-post .post-content p {
    color: #a1a1a1
}

.releated-posts h3 {
    font-size: 22px;
    font-weight: 300;
    color: #3d3d3d;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: solid 1px #eaeaea
}

#web-design h4 {
    font-size: 16px;
    color: #161616;
    margin: 20px 0 30px;
    font-weight: 400;
    line-height: 22px
}

.releated-posts p {
    color: #a1a1a1
}

.sidebar h3 {
    font-size: 24px;
    color: #161616;
    font-weight: 300;
    margin-bottom: 30px
}

.widget-categories ul li {
    margin-bottom: 10px
}

.widget-categories ul li:before {
    content: "\f105";
    font-family: icomoon;
    border: 1px solid;
    border-radius: 50%;
    color: #cbcbcb;
    padding-left: 8px;
    font-size: 11px;
    margin-right: 5px;
    width: 20px;
    display: inline-block;
    height: 20px;
    line-height: 20px
}

.widget-tags ul {
    display: inline-block
}

.widget-tags ul li {
    display: inline-block;
    float: left;
    margin: 0 3px 12px 0
}

.widget-tags ul li a {
    padding: 5px 10px;
    border-radius: 4px;
    -moz-transition: background-color 200ms;
    -o-transition: background-color 200ms;
    -ms-transition: background-color 200ms;
    transition: background-color 200ms;
    border: 1px solid #d6d6d6
}

.widget-tags ul li a:hover {
    background: #358f01;
    color: #fff;
    border: none;
    border: 1px solid #358f01
}

.advertisment {
    background: #fbfbfb;
    padding: 5px 0
}

.advertisment p {
    text-transform: uppercase;
    text-align: center;
    font-size: 10px
}

.advertisment img {
    margin: 0 auto
}

.advertisment2 {
    background: #fbfbfb;
    padding: 5px 0
}

.advertisment2 p {
    text-transform: uppercase;
    text-align: center;
    font-size: 10px
}

.advertisment2 img {
    padding: 3px;
    float: left
}


#agency p {
    color: #a1a1a1;
    font-size: 13px;
    line-height: 22px;
    font-weight: 300;
}

#agency .nav-tabs {
    border-bottom: none
}

#agency .nav-tabs > li {
    display: inline-block;
    float: none
}

#agency .nav-tabs > li > a {
    background: #f7f7f7;
    border: 0;
    border-bottom: solid 5px #f7f7f7;
    margin-right: 0
}

#agency .nav-tabs > li > a:hover {
    border: none;
    border-bottom: solid 5px #f7f7f7
}

#agency .nav-tabs > li.active > a {
    background: #358f01;
    color: #fff;
    border: none;
    border-bottom: solid 5px #72ca37;
    border-radius: 0
}

#agency .nav-tabs > li.active:first-child > a {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

#agency .nav-tabs > li.active:last-child > a {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

#agency .tab-content h3 {
    color: #161616;
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    margin-bottom: 30px
}

.home5 #featured-projects {
    background: #fff
}

.home5 .overlay figcaption h3, .home5 .overlay figcaption h5 {
    text-align: left
}

.home5 .portfolio-wrapper .portfolio-item {
    width: 100%
}

#testimonials2 {
    background: #358f01;
    color: #fff;
    text-align: center;
    padding: 70px 0
}

.testimonials2-carousel blockquote {
    font-size: 40px;
    line-height: 50px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #fff
}

.testimonials2-carousel h6 {
    font-size: 16px;
    color: #fff
}

.test-quotes {
    color: #fff;
    font-size: 22px;
    border: 2px solid;
    border-radius: 50%;
    padding: 20px;
    margin-bottom: 10px;
    display: inline-block
}

.services-box2 span {
    float: none;
    display: inline-block;
    margin-bottom: 20px
}

.services-box2 h3 {
    display: block;
    margin: 0 0 20px
}

.services-box2 p {
    margin: 0 0 20px
}

#produce {
    background: #fafafa;
    padding: 70px 0
}

.bg-white {
    background: #fff !important;
}

#produce h2 {
    color: #161616;
    font-size: 28px;
    line-height: 35px;
    font-weight: 300;
    margin-bottom: 20px
}

#produce p {
    color: #a1a1a1;
    margin-bottom: 30px
}

#produce img {
    margin: 0 auto
}

#produce .left {
    margin-top: 50px
}

#testimonials3 {
    background:  0 0/cover no-repeat;
    padding: 70px 0
}

#testimonials3 blockquote {
    color: #161616;
    font-size: 20px;
    line-height: 32px;
    font-weight: 300;
    background: #fff;
    padding: 30px 40px;
    border-radius: 4px;
    width: 450px;
    margin: 0 auto 25px;
    position: relative
}

#testimonials3 blockquote:before {
    content: "\e11c";
    font-family: icomoon;
    color: #358f01;
    margin-right: 10px
}

#testimonials3 blockquote:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: rgba(255, 255, 255, .5);
    border-width: 10px;
    margin-left: -10px
}

#testimonials3 h5 {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0
}

#testimonials3 p {
    color: #fff
}

#testimonials3 .owl-buttons .owl-prev i {
    color: #fff;
    border: 2px solid;
    border-radius: 4px;
    padding: 13px 20px;
    position: absolute;
    left: 0;
    top: 43%;
    font-size: 20px
}

#testimonials3 .owl-buttons .owl-prev i:hover {
    background-color: #358f01;
    border: 2px solid #358f01
}

#testimonials3 .owl-buttons .owl-next i {
    color: #fff;
    border: 2px solid;
    border-radius: 4px;
    padding: 13px 20px;
    position: absolute;
    right: 0;
    top: 43%;
    font-size: 20px
}

#testimonials3 .owl-buttons .owl-next i:hover {
    background-color: #358f01;
    border: 2px solid #358f01
}

#our-office {
    padding: 70px 0
}

#our-office h3 {
    color: #161616;
    font-size: 18px;
    margin-bottom: 30px
}

#our-office p {
    color: #a1a1a1
}

.bg-grey {
    background: #fafafa;
}

#photo-gallery2 {
    padding-top: 35px;
}

#photo-gallery2 h6 {
    padding-left: 15px;
}

#from-blog {
    background: #fafafa;
    padding: 70px 0 100px;
}

#from-blog .blog-date {
    font-size: 32px;
    font-weight: 300;
    color: #358f01;
    margin-bottom: 25px;
    display: inline-block
}

#from-blog h3 {
    color: #161616;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 25px
}

#from-blog .blog-boxes {
    background: #fff;
    padding: 20px 25px;
    position: relative
}

#from-blog .blog-boxes:after {
    bottom: 100%;
    left: 7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

#buy-now {
    background: #358f01;
    padding: 35px 0
}

#buy-now h3 {
    color: #fff;
    font-size: 27px;
    font-weight: 300;
    float: left;
    line-height: 54px;
    margin-left: 20px;
    margin-bottom: 0
}

#buy-now img {
    margin-top: 7px
}

#hello {
    background: #fafafa;
    border-bottom: solid 3px #358f01;
    padding: 70px 150px;
    text-align: center
}

#hello p {
    color: #a1a1a1
}

#digital-content {
    padding-top: 70px
}

#digital-content h2 {
    margin-top: 50px;
    margin-bottom: 30px
}

#digital-content p {
    color: #9f9f9f
}

#amazing-team {
    background: #fafafa;
    padding: 70px 0
}

#amazing-team h4 {
    color: #161616;
    font-size: 16px;
    margin-bottom: 10px
}

#amazing-team p {
    color: #a1a1a1
}

#amazing-team img {
    margin: 0 auto
}

#testimonials4 {
    padding: 70px 0
}

#testimonials4 blockquote {
    background: #fafafa;
    padding: 25px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: #161616;
    margin-bottom: 30px;
    position: relative
}

#testimonials4 blockquote:before {
    content: "\e71d";
    font-family: icomoon;
    color: #358f01;
    margin-right: 20px
}

#testimonials4 blockquote:after {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(250, 250, 250, 0);
    border-top-color: #fafafa;
    border-width: 10px;
    margin-left: -10px
}

#testimonials4 h4 {
    color: #161616;
    font-size: 15px
}

#testimonials4 p {
    color: #a1a1a1
}

#recent-works {
    padding: 70px 0
}

#recent-works .owl-buttons .owl-prev i, #testimonials4 .owl-buttons .owl-prev i {
    color: #fff;
    border-radius: 4px;
    padding: 9px 17px;
    position: absolute;
    right: 60px;
    top: 68px;
    font-size: 20px;
    background: #358f01;
    border-bottom: solid 3px #72ca37
}

#recent-works .owl-buttons .owl-prev i:hover, #testimonials4 .owl-buttons .owl-prev i:hover {
    background-color: #358f01
}

#recent-works .owl-buttons .owl-prev i:active, #testimonials4 .owl-buttons .owl-prev i:active {
    margin-top: 3px;
    border-bottom: solid 1px #72ca37
}

#recent-works .owl-buttons .owl-next i, #testimonials4 .owl-buttons .owl-next i {
    color: #fff;
    border-radius: 4px;
    padding: 9px 17px;
    position: absolute;
    right: 15px;
    top: 68px;
    font-size: 20px;
    background: #358f01;
    border-bottom: solid 3px #72ca37
}

#recent-works .owl-buttons .owl-next i:hover, #testimonials4 .owl-buttons .owl-next i:hover {
    background-color: #358f01
}

#recent-works .owl-buttons .owl-next i:active, #testimonials4 .owl-buttons .owl-next i:active {
    margin-top: 3px;
    border-bottom: solid 1px #72ca37
}

#amazing2 {
    padding: 100px 0;
    background:  center bottom/cover no-repeat
}

#amazing2 p {
    color: #fff
}

.amazing2-left, .amazing2-right {
    margin-top: 100px
}

.home8 #hello {
    background: #fff;
    border-bottom: none;
    padding: 0 200px 70px
}

#services3 {
    background:  center top no-repeat fixed;
    padding: 90px 0 70px;
}

.services3-boxes {
    background: #fff;
    border-radius: 4px;
    padding: 30px 25px;
    margin-bottom: 20px
}

.services3-boxes span {
    font-size: 24px;
    color: #358f01;
    border: 1px solid;
    border-radius: 50%;
    padding: 15px;
    display: inline-block;
    margin-bottom: 20px
}

.services3-boxes h3 {
    color: #161616;
    font-size: 23px;
    line-height: 27px;
    font-weight: 300;
    margin-bottom: 20px
}

.services3-boxes p {
    color: #a1a1a1;
    margin-bottom: 20px
}

#featured-projects2 {
    padding: 70px 0
}

.home8 .portfolio-wrapper .portfolio-item {
    width: 33%
}

#skills {
    background: #fafafa;
    padding: 70px 0;
    text-align: center
}

#skills p {
    color: #a1a1a1;
    margin-top: 10px
}

#skills h4 {
    color: #a1a1a1;
    font-size: 16px;
    margin-top: 5px
}

#skills .sub-title {
    padding: 0 150px
}

#skills span {
    font-size: 34px;
    color: #adadad;
    display: block;
    margin-top: -130px;
    margin-bottom: 150px
}

#skills .procent {
    color: #161616;
    display: initial
}

#skills .separator2 {
    border: 1px solid #dfdfdf;
    padding: 0 100px;
    display: inline-block
}

#skills .circular-bar canvas {
    margin-top: 30px;
    position: relative
}

#skills .circular-bar.featured canvas {
    width: 250px !important;
    height: 250px !important;
    margin-top: 0
}

#skills .circular-bar.featured span {
    font-size: 50px;
    margin-top: -160px;
    margin-bottom: 140px
}

#getintouch2 {
    padding: 70px 0
}

.getintouch-info ul li {
    margin-bottom: 20px
}

.getintouch-info span {
    font-size: 30px;
    color: #d7d7d7;
    float: left;
    margin-right: 25px
}

.getintouch-info h4 {
    color: #161616;
    font-size: 14px;
    margin-left: 60px;
    margin-bottom: 0
}

.getintouch-info p {
    color: #a1a1a1;
    margin-left: 60px;
    margin-bottom: 0
}

#services4 {
    background:  center bottom fixed;
    padding: 90px 0 70px;
    background-size: cover;
}

.services4-boxes {
    background: #fff;
    border-radius: 4px;
    padding: 25px;
    margin-bottom: 20px
}

.services4-boxes span {
    font-size: 24px;
    color: #358f01;
    padding: 15px;
    display: inline-block;
    margin-bottom: 30px
}

.services4-boxes h3 {
    color: #161616;
    font-size: 23px;
    line-height: 27px;
    font-weight: 300;
    margin-bottom: 30px;
    padding-top: 20px
}

.services4-boxes p {
    color: #a1a1a1;
    margin-bottom: 30px
}

#new-theme {
    background:  center bottom fixed;
    background-size: cover;
    padding: 70px 0;
    color: #fff
}

#new-theme span {
    font-size: 26px;
    float: left
}

#new-theme h4 {
    margin-left: 40px;
    margin-bottom: 20px
}

#new-theme p {
    color: #fff
}

#other-say {
    background:  center bottom fixed;
    background-size: cover;
    padding: 70px 0;
    color: #fff
}

#other-say .item {
    background: #3d3d3d;
    padding: 30px 25px
}

#other-say blockquote {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 30px
}

#other-say blockquote:before {
    content: "\e71d";
    font-family: icomoon;
    color: #fff;
    margin-right: 20px
}

#few-words {
    background:  center bottom fixed;
    background-size: cover;
    padding: 70px 0;
    color: #fff
}

#few-words h4 {
    font-size: 18px;
    line-height: 25px;
    margin-left: 230px;
    margin-bottom: 20px
}

#few-words p {
    margin-bottom: 20px;
    color: #fff
}

#why {
    background:  center bottom fixed;
    background-size: cover;
    padding: 70px 0;
    color: #fff
}

#why span {
    font-size: 20px;
    float: left;
    margin-right: 25px;
    line-height: 30px
}

#why h4 {
    font-size: 14px;
    margin-bottom: 0
}

#why ul li {
    background: rgba(255, 255, 255, .25);
    margin-bottom: 1px;
    padding: 15px
}

#recent-projects {
    background:  center bottom fixed;
    padding: 70px 0;
    color: #fff
}

#recent-projects .owl-buttons {
    position: absolute;
    top: 0px;
    right: 16px
}

#recent-projects .owl-buttons .owl-prev i {
    color: #fff;
    border: 2px solid;
    border-radius: 4px;
    padding: 10px 16px;
    position: absolute;
    right: 50px;
    font-size: 20px
}

#recent-projects .owl-buttons .owl-prev i:hover {
    background-color: #358f01;
    border: 2px solid #358f01
}

#recent-projects .owl-buttons .owl-next i {
    color: #fff;
    border: 2px solid;
    border-radius: 4px;
    padding: 10px 16px;
    position: absolute;
    right: 0;
    font-size: 20px
}

#recent-projects .owl-buttons .owl-next i:hover {
    background-color: #358f01;
    border: 2px solid #358f01
}

#recent-projects .overlay figure {
    position: relative
}

#recent-projects .overlay-effect figcaption {
    min-height: 60px
}

#recent-projects h3 {
    float: left
}

#recent-projects span {
    float: right;
    margin-top: 10px
}

#shop-header {
    min-height: 520px;
    position: relative;
    margin-bottom: 30px
}

#shop-header .shop-header-caption {
    position: absolute;
    width: 100%;
    bottom: 10%;
    margin-bottom: 30px
}

#shop-header .shop-bg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%)
}

#shop-header .banners img {
    margin-top: 20px
}

#shop-header p {
    color: #6e6e6e
}

#shop-banners {
    margin-bottom: 70px
}

#shop-banners .shop-banner {
    border: 1px solid #d7dadb;
    padding: 30px 20px;
    color: #3d3d3d
}

#shop-banners .shop-banner span {
    float: left;
    font-size: 40px;
    border-right: dashed 1px #d7dadb;
    padding-right: 20px;
    margin-right: 25px;
    line-height: 50px
}

#shop-banners .shop-banner h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 0
}

.shop-sidebar .widget {
    margin-bottom: 50px
}

.shop-sidebar .checkbox label {
    display: block;
    border-bottom: dashed 1px rgba(221, 221, 221, .71);
    padding: 10px 10px 10px 40px
}

.shop-sidebar .checkbox label:hover {
    color: #358f01
}

.price-range {
    position: relative
}

.price-range-slider {
    height: 4px;
    background: #e7e7e7;
    border-radius: 4px;
    margin-bottom: 13px
}

.price-range-slider .ui-slider-range {
    background: #e5e5e7;
    border-radius: 4px
}

.price-range-slider .ui-slider-handle {
    border-radius: 9px;
    background-color: #358f01;
    width: 17px;
    height: 17px;
    margin-top: -6px;
    outline: 0;
    cursor: pointer
}

.price-range-slider .ui-slider-handle:active {
    outline: 0
}

.price-range .price-result {
    border: 0;
    background: 0 0;
    max-width: 120px;
    font-size: 13px;
    font-weight: 600;
    color: #a1a1a1;
    outline: 0;
    height: 32px;
    position: absolute;
    top: 12px;
    left: 40px
}

.price-range:hover .price-range-slider {
    background: #e7e7e7
}

.price-range:hover .price-range-slider .ui-slider-range {
    background: #c1c1c1
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.price-range .filter {
    position: absolute;
    right: 20px
}

.price-range span {
    color: #a1a1a1;
    display: inline-block
}

.top-shop-section {
    color: #a1a1a1
}

.found {
    border-right: solid 1px;
    padding-right: 10px;
    margin-right: 7px
}

.select {
    float: right
}

.select .caret {
    margin-left: 65px;
    border: none;
    vertical-align: initial
}

.select .caret:after {
    content: "\e89a";
    font-family: icomoon
}

.select .btn {
    border: 1px solid #e5e4e4;
    background: #fff;
    color: #a1a1a1;
    padding: 5px 15px;
    width: 150px;
    text-align: left;
    border-radius: 0
}

.select ul.dropdown-menu {
    min-width: 150px;
    border-radius: 0
}

.sort {
    line-height: 32px;
    margin-right: 15px
}

.products h4 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 14px
}

.products .price {
    color: #161616;
    font-size: 16px;
    display: block;
    margin-bottom: 15px
}

.products .buy-cart {
    background: #358f01;
    color: #fff;
    padding: 10px;
    font-size: 20px;
    display: inline-block;
    margin-right: 15px
}

.products .details {
    vertical-align: top;
    line-height: 40px
}

input[type=checkbox] {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    cursor: pointer;
    position: relative;
    -webkit-transition: .15s;
    background-color: #fff;
    border: 1px solid #ddd;
    outline: 0
}

input[type=checkbox]:focus {
    outline: 0
}

input[type=checkbox]:checked {
    background-color: #358f01;
    outline: 0
}

.sidebar2 img {
    float: left
}

.sidebar2 h4 {
    color: #161616;
    font-size: 13px;
    line-height: 16px;
    margin-left: 100px;
    margin-bottom: 0
}

.sidebar2 .tag {
    display: block;
    margin-left: 100px;
    font-style: italic;
    color: #aeaeae;
    font-size: 11px
}

.sidebar2 span {
    color: #aeaeae
}

.sidebar2 b {
    color: #161616
}

.sidebar2 ul li {
    margin-bottom: 30px
}

.sidebar2 ul.twitter-feed span {
    background: #358f01;
    color: #fff;
    border-radius: 50%;
    padding: 5px;
    float: left;
    margin-right: 5px;
    margin-top: 5px
}

.sidebar2 ul.twitter-feed .date {
    color: #161616;
    border-radius: 0;
    padding: 0;
    background: 0 0;
    margin-left: 35px
}

.sidebar2 ul.twitter-feed h3 {
    font-size: 16px;
    color: #9f9f9f;
    margin-left: 35px;
    line-height: 25px;
    margin-bottom: 0
}

.blog-post {
    position: relative
}

.blog-post figcaption {
    min-height: 65px
}

.blog-post .post-head h2 {
    color: #161616;
    font-size: 25px;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 10px
}

.blog-post .post-head b {
    color: #161616
}

.blog-post .post-head span {
    color: #a1a1a1
}

.blog-post .post-content p {
    color: #a1a1a1;
    font-size: 17px;
    line-height: 22px
}

.blog-carousel .owl-buttons .owl-prev i {
    color: #505050;
    padding: 9px 15px;
    position: absolute;
    right: 45px;
    top: 5px;
    font-size: 16px;
    background: #fff
}

.blog-carousel .owl-buttons .owl-next i {
    color: #505050;
    padding: 9px 15px;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 16px;
    background: #fff
}

.testimonials5 .item {
    background: #358f01;
    color: #fff;
    padding: 30px 25px;
    border-radius: 4px
}

.testimonials5 blockquote {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 20px
}

.testimonials5 blockquote:before {
    content: "\e71d";
    font-family: icomoon;
    color: #fff;
    margin-right: 15px
}

.pagination {
    display: inline-block
}

.pagination li a {
    border: 1px solid #e5e4e4;
    color: #9f9f9f
}

.pagination li a:hover {
    color: #727272
}

.pagination > .active > a {
    color: #000;
    border: 1px solid #000;
    background: #fff
}

.pagination > .active > a:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000
}

.pagination > li:first-child > a, .pagination > li:last-child > a {
    color: #358f01
}

.blog-video {
    width: 100%;
    height: 281px
}

.soundcloud iframe {
    width: 100%;
    height: 166px
}

.attachment {
    background-color: #f7f7f7;
    padding: 50px 40px
}

.attachment-span {
    color: #358f01;
    font-size: 26px;
    float: left;
    margin-right: 25px;
    line-height: 42px
}

.attachment p {
    text-decoration: underline;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 40px
}

.blog3 .blog-post .post-head h2 {
    font-size: 20px;
    line-height: 30px
}

.blog-post2 .btn-default {
    background: #358f01
}

.blog-post2 .btn-default:active, .blog-post2 .btn-default:hover {
    background: #ebebeb
}

.blog4 .blog-post .post-head h2 {
    font-size: 20px;
    line-height: 30px
}

.blog-posted p {
    margin-top: 15px;
    font-size: 16px;
    color: #a1a1a1
}

.blog-posted .blog-social ul {
    margin-left: 115px
}

.blog-posted .blog-social ul li {
    float: left;
    margin-right: 5px
}

.form-row {
    margin-left: -10px;
    margin-right: -10px
}

.form-line.half {
    width: 50%
}

.form-line.full {
    width: 100%
}

.form-line {
    margin-bottom: 20px;
    float: left;
    position: relative;
    padding-left: 10px;
    padding-right: 10px
}

.br-form input[type=text] {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fcfcfc;
    font-size: 13px;
    color: #9ea3a7;
    height: 40px;
    text-indent: 15px;
    outline: 0;
    border-radius: 3px;
    background-clip: padding-box;
    box-shadow: inset 0 1px 0 #f1f3f3
}

.br-form input[type=text]:hover {
    border-color: #bbb
}

.br-form input[type=text]:focus {
    border-color: #b4b4b4;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(104, 104, 104, .19);
    background-color: #fff;
    color: #23262d
}

.br-form textarea {
    width: 100%;
    height: 200px;
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #fcfcfc;
    font-size: 13px;
    color: #9ea3a7;
    outline: 0;
    border-radius: 3px;
    background-clip: padding-box;
    box-shadow: inset 0 1px 0 #f1f3f3
}

.br-form textarea:hover {
    border-color: #bbb
}

.br-form textarea:focus {
    border-color: #b4b4b4;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(104, 104, 104, .19);
    background-color: #fff;
    color: #23262d
}

.blog-social span {
    color: #c9c9c9;
    display: inline-block;
    margin-right: 10px
}

.blog-social span:hover {
    color: #a1a1a1
}

.comments span {
    color: #161616
}

.comments p {
    font-size: 18px;
    margin-top: 15px
}

.portfolio .portfolio-wrapper .portfolio-item {
    position: relative;
    float: left;
    overflow: hidden;
    width: initial
}

.portfolio #portfolio-filters {
    text-align: right
}

.portfolio .portfolio-wrapper .portfolio-item h3 {
    display: block;
    width: 100%
}

.portfolio-item div {
    float: left;
    width: 100%;
}

.portfolio-item .full-width {
    width: 100%;
    float: left
}

.portfolio-item .half-width {
    width: 49%;
    float: left
}

.portfolio-item .third-width {
    width: 33%;
    float: left
}

@media (max-width: 768px) {
    .portfolio-item .half-width, .portfolio-item .third-width {
        width: 100%
    }
}

.portfolio2 .portfolio-wrapper .portfolio-item {
    position: relative;
    float: left;
    overflow: hidden;
    width: initial
}

.portfolio2 #portfolio-filters {
    text-align: right
}

.ch-grid {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%
}

.ch-grid:after, .ch-item:before {
    content: '';
    display: table
}

.ch-grid:after {
    clear: both
}

.ch-grid li {
    width: 330px;
    height: 330px;
    display: inline-block
}

.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    cursor: default;
    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, .6), 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.ch-img-1 {
    background-image: 
}

.ch-img-2 {
    background-image: 
}

.ch-img-3 {
    background-image: 
}

.ch-img-4 {
    background-image: 
}

.ch-img-5 {
    background-image: 
}

.ch-img-6 {
    background-image: 
}

.ch-img-7 {
    background-image: 
}

.ch-img-8 {
    background-image: 
}

.ch-img-9 {
    background-image: 
}

.ch-info {
    position: absolute;
    background: rgba(63, 147, 147, .8);
    width: inherit;
    height: inherit;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden
}

.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 130px 0 0;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}

.ch-info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, .5);
    opacity: 0;
    -webkit-transition: all 1s ease-in-out .4s;
    -moz-transition: all 1s ease-in-out .4s;
    -o-transition: all 1s ease-in-out .4s;
    -ms-transition: all 1s ease-in-out .4s;
    transition: all 1s ease-in-out .4s
}

.ch-info p a {
    display: block;
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 4px
}

.ch-info p a:hover {
    color: #fff222;
    color: rgba(255, 242, 34, .8)
}

.ch-item:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 1px 2px rgba(0, 0, 0, .1)
}

.ch-item:hover .ch-info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.ch-item:hover .ch-info p {
    opacity: 1
}

@media (min-width: 992px) and (max-width: 1200px) {
    .ch-grid li {
        width: 300px;
        height: 300px
    }

    .ch-info h3 {
        padding: 90px 0 0
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .ch-grid li {
        width: 220px;
        height: 220px
    }

    .ch-info h3 {
        font-size: 16px;
        height: 115px;
        padding-top: 55px;
        margin-bottom: 5px
    }
}

@media (max-width: 768px) {
    .portfolio2 #portfolio-filters {
        text-align: center
    }

    .ch-grid li {
        width: 290px;
        height: 290px
    }

    .ch-info h3 {
        padding: 90px 0 0
    }
}

#project p {
    color: #9f9f9f
}

.project-info ul.info li span {
    color: #161616;
    font-size: 14px;
    margin-right: 30px;
    min-width: 50px;
    display: inline-block
}

.project-info ul.info li {
    border-bottom: solid 1px #e5e4e4;
    font-size: 14px;
    padding: 5px 0;
    color: #9f9f9f
}

.project-info ul.info li:last-child {
    border-bottom: none
}

.project-info ul.project-social {
    padding: 10px 15px;
    border: 1px solid #e4e4e4;
    text-align: center
}

.project-info ul.project-social li {
    display: inline-block;
    margin-left: 15px;
    color: #a1a1a1;
    border-left: solid 1px #efefef;
    padding-left: 15px
}

.project-info ul.project-social li:first-child {
    margin-left: 0;
    border-left: 0;
    padding-left: 0
}

.project-info ul.project-social span {
    color: #161616
}

#single-project .owl-controls .item-link {
    position: relative;
    display: block;
    width: 161.1px;
    height: 106px;
    margin: 0 1px;
    outline: 0
}

#single-project .owl-controls .item-link:focus {
    -webkit-box-shadow: 0 0 8px #cc4895;
    -moz-box-shadow: 0 0 8px #cc4895;
    box-shadow: 0 0 8px #cc4895;
    outline: 0
}

#single-project .owl-controls .owl-page span {
    display: none
}

#single-project .owl-controls {
    margin-top: 1px
}

#single-project .item img {
    height: 366px;
    width: 100%
}

#single-project .owl-buttons .owl-prev i {
    color: #505050;
    padding: 9px 15px;
    position: absolute;
    left: 25px;
    top: 35%;
    font-size: 16px;
    background: #fff
}

#single-project .owl-buttons .owl-next i {
    color: #505050;
    padding: 9px 15px;
    position: absolute;
    right: 25px;
    top: 35%;
    font-size: 16px;
    background: #fff
}

#recent-works2 h4 {
    font-size: 15px;
    color: #161616;
    margin-bottom: 5px
}

#recent-works2 img {
    margin-bottom: 10px
}

#recent-works2 .owl-buttons .owl-prev i {
    color: #fff;
    border-radius: 4px;
    padding: 9px 17px;
    position: absolute;
    right: 75px;
    top: -47px;
    font-size: 20px;
    background: #358f01;
    border-bottom: solid 3px #72ca37
}

#recent-works2 .owl-buttons .owl-prev i:hover {
    background-color: #358f01
}

#recent-works2 .owl-buttons .owl-prev i:active {
    margin-top: 3px;
    border-bottom: solid 1px #72ca37
}

#recent-works2 .owl-buttons .owl-next i {
    color: #fff;
    border-radius: 4px;
    padding: 9px 17px;
    position: absolute;
    right: 30px;
    top: -47px;
    font-size: 20px;
    background: #358f01;
    border-bottom: solid 3px #72ca37
}

#recent-works2 .owl-buttons .owl-next i:hover {
    background-color: #358f01
}

#recent-works2 .owl-buttons .owl-next i:active {
    margin-top: 3px;
    border-bottom: solid 1px #72ca37
}

input.searchbox {
    border: 1px solid #e5e4e4;
    height: 35px;
    width: 200px;
    padding: 5px 10px;
    outline: none;
}

.searchform span {
    font-size: 12px
}

h3.pricing {
    color: #a1a1a1;
    font-size: 18px;
    line-height: 28px
}

.pricing-table.starter {
    opacity: .85
}

.pricing-table.featured {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .11);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    width: -moz-calc(110% - -7px);
    width: -webkit-calc(110% - -7px);
    width: -o-calc(110% - -7px);
    width: calc(110% - -7px);
    margin-left: -16px;
    margin-top: 6px;
    position: relative;
    z-index: 1
}

.pricing-table .pricing-header {
    height: 200px;
    text-align: center;
    font-size: inherit;
    background: #ff757e;
    background: -moz-linear-gradient(-45deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #358f01 41%, #358f01 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff757e), color-stop(41%, #ff757e), color-stop(41%, #ff757e), color-stop(41%, #358f01), color-stop(100%, #358f01));
    background: -webkit-linear-gradient(-45deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #358f01 41%, #358f01 100%);
    background: -o-linear-gradient(-45deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #358f01 41%, #358f01 100%);
    background: -ms-linear-gradient(-45deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #358f01 41%, #358f01 100%);
    background: linear-gradient(148deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #358f01 41%, #358f01 100%)
}

.pricing-table.prof .pricing-header {
    background: #d6686f;
    background: -moz-linear-gradient(-45deg, #d6686f 0, #d6686f 41%, #d6686f 41%, #cc424b 41%, #cc424b 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #d6686f), color-stop(41%, #d6686f), color-stop(41%, #d6686f), color-stop(41%, #cc424b), color-stop(100%, #cc424b));
    background: -webkit-linear-gradient(-45deg, #d6686f 0, #d6686f 41%, #d6686f 41%, #cc424b 41%, #cc424b 100%);
    background: -o-linear-gradient(-45deg, #d6686f 0, #d6686f 41%, #d6686f 41%, #cc424b 41%, #cc424b 100%);
    background: -ms-linear-gradient(-45deg, #d6686f 0, #d6686f 41%, #d6686f 41%, #cc424b 41%, #cc424b 100%);
    background: linear-gradient(148deg, #d6686f 0, #d6686f 41%, #d6686f 41%, #cc424b 41%, #cc424b 100%)
}

.pricing-table.prof .btn {
    background: #cc424b
}

.pricing-table.prof .btn:hover {
    background: #ebebeb
}

.pricing-table.guru .pricing-header {
    background: #997275;
    background: -moz-linear-gradient(-45deg, #997275 0, #997275 41%, #997275 41%, #7f4f53 41%, #7f4f53 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #997275), color-stop(41%, #997275), color-stop(41%, #997275), color-stop(41%, #7f4f53), color-stop(100%, #7f4f53));
    background: -webkit-linear-gradient(-45deg, #997275 0, #997275 41%, #997275 41%, #7f4f53 41%, #7f4f53 100%);
    background: -o-linear-gradient(-45deg, #997275 0, #997275 41%, #997275 41%, #7f4f53 41%, #7f4f53 100%);
    background: -ms-linear-gradient(-45deg, #997275 0, #d6686f 41%, #d6686f 41%, #7f4f53 41%, #7f4f53 100%);
    background: linear-gradient(148deg, #997275 0, #997275 41%, #997275 41%, #7f4f53 41%, #7f4f53 100%)
}

.pricing-table.guru .btn {
    background: #7f4f53
}

.pricing-table.guru .btn:hover {
    background: #ebebeb
}

.pricing-table .pricing-header h3 {
    font-size: 29px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 40px
}

.pricing-table ul {
    border-left: solid 1px #e5e4e4;
    border-right: solid 1px #e5e4e4;
    border-bottom: solid 1px #e5e4e4
}

.pricing-table ul li {
    text-align: center;
    font-size: 14px;
    color: #a1a1a1;
    padding: 10px 0;
    border-top: solid 1px #f4f4f4;
    background: #fefefe
}

.pricing-table ul li:nth-child(odd):not(:first-child) {
    background: #fafafa
}

.pricing-table .pricing-header .price {
    display: inline-block;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    padding: 15px
}

.pricing-table .pricing-header .price span {
    display: block;
    color: #505050;
    font-size: 25px
}

.pricing-table .pricing-header .price b {
    display: block;
    color: #9f9f9f;
    font-weight: 300;
    font-size: 14px
}

.pricing-table .btn {
    border-radius: 0;
    padding: 15px 35px
}

.pricing-table .btn:active {
    border: none
}

.pricing-table .order {
    background: #fafafa;
    padding: 25px 0
}

.pricing2 .pricing-header {
    height: inherit;
    background: none !important
}

.pricing2 .pricing-table.featured .pricing-header img {
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
    margin: 0 auto
}

.pricing2 .pricing-table .title {
    display: block;
    width: 100%;
    background: #fafafa;
    border-bottom: solid 1px #f4f4f4;
    margin-bottom: 15px;
    text-align: center;
    margin-left: inherit
}

.pricing2 .pricing-table .title:before {
    content: none
}

.pricing2 .pricing-table .title h3 {
    color: #161616;
    font-size: 18px
}

.pricing2 .pricing-table .title p {
    color: #161616
}

.pricing2 .pricing-table ul li:nth-child(odd):not(:first-child) {
    background: 0 0
}

.pricing2 .pricing-table ul li {
    background: 0 0;
    border-top: 0;
    text-align: inherit;
    margin-left: 45px
}

.pricing2 .pricing-table ul li:before {
    content: "\f105";
    font-family: icomoon;
    color: #358f01;
    padding-right: 5px;
    font-size: 13px
}

.pricing2 .pricing-table .order {
    border-top: solid 1px #f4f4f4;
    text-align: center;
    margin-left: inherit
}

.pricing2 .pricing-table .order:before {
    content: none
}

.coming-soon h2.section-title {
    margin-top: 150px;
    margin-bottom: 10px
}

.coming-soon h3 {
    color: #a1a1a1;
    font-weight: 300;
    font-size: 20px
}

.coming-soon input {
    display: inline-block;
    border: 1px solid #e5e4e4;
    padding: 12px 15px;
    width: 280px;
    margin-right: 5px;
    outline: 0;
    margin-bottom: 10px;
    height: 47px;
    background-color: #fafafa;
    border-radius: 4px;
}

.coming-soon .btn2 {
    padding: 10px 55px
}

.coming-soon .btn-2 {
    box-shadow: 0 4px #72ca37
}

.coming-soon .btn-2:hover {
    top: 0
}

.coming-soon .btn-2:active {
    box-shadow: none;
    top: 3px
}

#countdown {
    margin-top: 80px
}

#countdown .counter ul {
    padding: 0
}

.count-widget {
    text-align: center
}

.count-widget ul {
    display: inline-block;
    padding: 0;
    margin-bottom: 60px
}

#countdown ul li {
    list-style: none;
    padding: 0;
    float: left;
    margin-right: 30px
}

#countdown ul li:last-child {
    margin-right: 0
}

#countdown span {
    font-size: 40px;
    line-height: 70px;
    color: #358f01;
    font-weight: 100;
    padding: 10px 24px 36px;
    background: #fff;
    border: 1px solid #358f01;
    border-radius: 3px
}

#countdown p {
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 100
}

.under-social ul li {
    display: inline-block;
    margin-left: 10px
}

.under-social span {
    color: #358f01;
    font-size: 20px
}

.team-members h3 {
    color: #161616;
    font-size: 18px;
    margin-bottom: 15px
}

.team-members p {
    color: #a1a1a1;
    margin-bottom: 15px
}

.sidebar3 {
    padding: 40px 25px;
    background: #fafafa;
    border: 1px solid #e5e4e4
}

.sidebar3 input {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fcfcfc;
    font-size: 13px;
    color: #9ea3a7;
    height: 40px;
    text-indent: 15px;
    outline: 0;
    border-radius: 3px;
    background-clip: padding-box;
    box-shadow: inset 0 1px 0 #f1f3f3;
    margin-bottom: 15px
}

.sidebar3 input:hover {
    border-color: #bbb
}

.sidebar3 input:focus {
    border-color: #b4b4b4;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(104, 104, 104, .19);
    background-color: #fff;
    color: #23262d
}

.sidebar3 textarea {
    width: 100%;
    height: 200px;
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #fcfcfc;
    font-size: 13px;
    color: #9ea3a7;
    outline: 0;
    border-radius: 3px;
    background-clip: padding-box;
    box-shadow: inset 0 1px 0 #f1f3f3;
    margin-bottom: 20px
}

.sidebar3 textarea:hover {
    border-color: #bbb
}

.sidebar3 textarea:focus {
    border-color: #b4b4b4;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(104, 104, 104, .19);
    background-color: #fff;
    color: #23262d
}

.sidebar3 .btn {
    padding: 17px 54px
}

.sidebar3 h4 {
    color: #161616;
    font-size: 17px;
    margin-bottom: 10px
}

.sidebar3 p {
    color: #a1a1a1
}

.team-social ul li {
    display: inline-block;
    margin-right: 5px
}

.team-social span {
    color: #d1d0d0;
    font-size: 16px
}

.team-social span:hover {
    color: #3d3d3d
}

ul.activity li {
    color: #161616;
    margin-bottom: 5px
}

ul.activity li:before {
    content: "\f105";
    font-family: icomoon;
    color: #358f01;
    font-size: 11px;
    margin-right: 5px
}

ul.activity li p {
    display: inline-block;
    margin-bottom: 0
}

.latest-projects .owl-buttons .owl-prev i {
    color: #fff;
    border-radius: 4px;
    padding: 9px 17px;
    position: absolute;
    right: 75px;
    top: 0;
    font-size: 20px;
    background: #358f01;
    border-bottom: solid 3px #72ca37
}

.latest-projects .owl-buttons .owl-prev i:hover {
    background-color: #358f01
}

.latest-projects .owl-buttons .owl-prev i:active {
    margin-top: 3px;
    border-bottom: solid 1px #72ca37
}

.latest-projects .owl-buttons .owl-next i {
    color: #fff;
    border-radius: 4px;
    padding: 9px 17px;
    position: absolute;
    right: 30px;
    top: 0;
    font-size: 20px;
    background: #358f01;
    border-bottom: solid 3px #72ca37
}

.latest-projects .owl-buttons .owl-next i:hover {
    background-color: #358f01
}

.latest-projects .owl-buttons .owl-next i:active {
    margin-top: 3px;
    border-bottom: solid 1px #72ca37
}

.latest-projects h4 {
    color: #161616;
    font-size: 16px
}

.contact #contact_form .label-form input {
    width: 450px;
    border: 1px solid #ddd;
    background-color: #fcfcfc;
    font-size: 13px;
    color: #9ea3a7;
    height: 40px;
    text-indent: 15px;
    outline: 0;
    border-radius: 3px;
    background-clip: padding-box;
    box-shadow: inset 0 1px 0 #f1f3f3;
    margin-bottom: 15px
}

.contact #contact_form .label-form input:hover {
    border-color: #bbb
}

.contact #contact_form .label-form input:focus {
    border-color: #b4b4b4;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(104, 104, 104, .19);
    background-color: #fff;
    color: #23262d
}

.contact #contact_form .label-form textarea {
    width: 550px;
    height: 200px;
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #fcfcfc;
    font-size: 13px;
    color: #9ea3a7;
    outline: 0;
    border-radius: 3px;
    background-clip: padding-box;
    box-shadow: inset 0 1px 0 #f1f3f3;
    margin-bottom: 20px
}

.contact #contact_form .label-form textarea:hover {
    border-color: #bbb
}

.contact #contact_form .label-form textarea:focus {
    border-color: #b4b4b4;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(104, 104, 104, .19);
    background-color: #fff;
    color: #23262d
}

.contact .btn2 {
    padding: 11px 35px
}

.contact-info span {
    font-size: 35px;
    float: left;
    color: #358f01;
    border-right: solid 1px #e5e4e4;
    padding-right: 20px;
    margin-right: 15px;
    line-height: 105px
}

.contact-info li {
    padding-bottom: 15px
}

.contact-info h4 {
    color: #161616;
    font-size: 16px;
    margin-bottom: 10px
}

.contact-info p {
    color: #9f9f9f;
    margin-bottom: 0
}

.sidebar4 {
    background: #f7f7f7;
    padding: 15px 10px
}

.sidebar4 .panel {
    background-color: transparent;
    border: none;
    box-shadow: none
}

.sidebar4 .panel-default {
    border-color: transparent
}

.sidebar4 .panel-heading {
    background-color: transparent;
    border-color: transparent;
    padding: 0 15px
}

.sidebar4 .panel-title {
    font-size: 14px;
    border-bottom: solid 1px #e5e4e4;
    position: relative;
    padding: 5px 0
}

.sidebar4 .panel .panel-group h4.panel-title:after {
    content: "\e607";
    font-family: icomoon;
    color: #358f01;
    font-size: 11px;
    position: absolute;
    right: 0
}

.sidebar4 h4.panel-title.nochild:after {
    content: none !important
}

.sidebar4 h4.panel-title.nochild {
    cursor: pointer
}

.sidebar4 .panel-default > .panel-heading   .panel-collapse .panel-body {
    border-top: none
}

.sidebar4 .panel-body ul li a {
    color: #9f9f9f;
    font-size: 14px
}

.sidebar4 .panel-body ul li {
    padding: 0 10px 10px
}

.sidebar4 .panel-body ul li:last-child {
    padding-bottom: 0
}

.sidebar4 .panel-body ul li a:hover {
    color: #707070
}

.text_page p {
    color: #9f9f9f
}

.blockquote-left {
    padding: 5px 10px 5px 0;
    margin: 10px 15px 10px 0;
    font-size: 17.5px;
    border-right: 5px solid #358f01;
    color: #161616;
    line-height: 25px;
    width: 330px;
    float: left
}

.blockquote-right {
    padding: 5px 0 5px 25px;
    margin: 10px 0 10px 15px;
    font-size: 17.5px;
    border-left: 5px solid #358f01;
    color: #161616;
    line-height: 25px;
    width: 330px;
    float: right
}

.circular-bar p {
    color: #a1a1a1;
    margin-top: 10px
}

.circular-bar h4 {
    color: #a1a1a1;
    font-size: 16px;
    margin-top: 5px
}

.circular-bar .sub-title {
    padding: 0 150px
}

.circular-bar span {
    font-size: 34px;
    color: #adadad;
    display: block;
    margin-top: -130px;
    margin-bottom: 150px
}

.circular-bar .procent {
    color: #161616;
    display: initial
}

.circular-bar .separator2 {
    border: 1px solid #dfdfdf;
    padding: 0 100px;
    display: inline-block
}

.circular-bar canvas {
    margin-top: 30px;
    position: relative
}

.circular-bar.featured canvas {
    width: 250px !important;
    height: 250px !important;
    margin-top: 0
}

.circular-bar.featured span {
    font-size: 50px;
    margin-top: -160px;
    margin-bottom: 140px
}

.text_page .owl-carousel {
    width: 100%
}

.custom-box-1 {
    background:  no-repeat
}

.custom-box-1 h2 {
    padding-top: 70px;
    margin-bottom: 30px
}

.custom-box-1 .btn {
    background: #fff;
    color: #3d3d3d
}

.custom-box-1 .btn:hover {
    background: #dd3e49;
    color: #fff
}

.custom-box-1 p {
    padding: 0 200px
}

.custom-box-2 {
    background:  no-repeat
}

.custom-box-2 h2 {
    margin-bottom: 30px;
    padding: 70px 40px 0 0
}

.custom-box-2 p {
    padding: 0 40px 0 0
}

.custom-box-3 {
    background: #f7f7f7;
    padding: 50px 100px
}

.custom-box-3 span {
    font-size: 25px;
    color: #358f01;
    border-radius: 50%;
    border: 1px solid;
    padding: 31px;
    display: inline-block;
    margin-bottom: 20px
}

.custom-box-4 {
    background: #358f01;
    padding: 50px
}

.custom-box-4 span {
    float: left;
    font-size: 25px;
    color: #fff;
    border-radius: 50%;
    border: 1px solid;
    padding: 31px
}

.custom-box-4 .line2 {
    border-left: solid 1px #ff757e;
    margin-left: 130px;
    padding-left: 30px
}

.sidebar5 {
    background: #f7f7f7;
    padding: 40px 25px
}

.sidebar5 ul li {
    padding: 8px 0;
    border-bottom: solid 1px #e5e4e4;
    position: relative
}

.sidebar5 ul li:last-child {
    border-bottom: none
}

.sidebar5 ul li.active a {
    color: #9f9f9f
}

.sidebar5 ul li a {
    font-size: 14px
}

.features .services4-boxes {
    background: #fafafa
}

.features-services span {
    color: #358f01;
    font-size: 20px;
    float: left;
    padding: 5px
}

.features-services h3 {
    color: #161616;
    font-size: 16px;
    margin-left: 50px;
    margin-bottom: 20px
}

.sidebar3 h3 {
    color: #161616;
    font-size: 14px
}

.sidebar3 .item h3 {
    font-size: 15px
}

.sidebar3 .owl-carousel {
    position: relative
}

.sidebar3 .owl-buttons .owl-prev i {
    background: #fff;
    color: #505050;
    padding: 5px 10px;
    position: absolute;
    right: 35px;
    top: -60px;
    font-size: 20px
}

.sidebar3 .owl-buttons .owl-prev i:hover {
    background-color: #fafafa
}

.sidebar3 .owl-buttons .owl-next i {
    background: #fff;
    color: #505050;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: -60px;
    font-size: 20px
}

.sidebar3 .owl-buttons .owl-next i:hover {
    background-color: #fafafa
}

.testimonials .item {
    width: 33%
}

.testimonials .item .testimonial img {
    float: left;
    margin-right: 20px
}

.testimonials .item h3 {
    font-size: 16px;
    color: #161616
}

.testimonials .item .testimonial {
    padding: 20px 30px;
    margin: 10px;
    border: 1px solid #f5f4f4
}

.testimonials .item .testimonial:hover {
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 0 10px rgba(0, 0, 0, .1)
}

.team-carousel .item {
    width: inherit
}

h1 {
    font-weight: 300;
    color: #161616;
    font-size: 34px;
    line-height: 40px
}

h2 {
    font-weight: 300;
    color: #161616;
    font-size: 30px;
    line-height: 35px
}

h3 {
    font-weight: 300;
    color: #161616;
    font-size: 28px;
    line-height: 32px
}

h4 {
    font-weight: 300;
    color: #161616;
    font-size: 26px;
    line-height: 30px
}

h5 {
    font-weight: 300;
    color: #161616;
    font-size: 24px;
    line-height: 26px
}

h6 {
    font-weight: 300;
    color: #161616;
    font-size: 22px;
    line-height: 28px
}

h2.satisfy-title {
    font-family: satisfy;
    font-size: 32px;
    line-height: 37px;
    color: #3d3d3d;
    margin-bottom: 15px
}

h2.default-title {
    font-size: 32px;
    color: #3d3d3d;
    line-height: 37px;
    margin-bottom: 15px
}

h2.romanesco-title {
    font-family: romanesco;
    font-size: 32px;
    line-height: 37px;
    color: #3d3d3d;
    margin-bottom: 15px
}

::selection {
    color: #fff;
    background: #358f01
}

::-moz-selection {
    color: #fff;
    background: #358f01
}

.underline {
    text-decoration: underline
}

strong {
    font-weight: 700
}

.blockquote1 {
    background: #fafafa;
    border: 1px solid #e5e4e4;
    padding: 40px 30px;
    font-size: 28px;
    line-height: 40px;
    color: #161616
}

.blockquote1:before {
    content: "\e71d";
    font-family: icomoon;
    float: left;
    margin-right: 25px;
    color: #b2b2b2
}

.blockquote2 {
    padding: 15px 20px;
    font-size: 28px;
    line-height: 40px;
    border-left: 5px solid #358f01;
    color: #161616
}

.firstcharacter {
    float: left;
    color: #358f01;
    font-size: 43px;
    line-height: 43px;
    margin-right: 5px
}

.firstcharacter2 {
    float: left;
    color: #fff;
    background: #358f01;
    font-size: 40px;
    line-height: 40px;
    margin-right: 10px;
    padding: 2px 9px
}

.buttons-intro {
    background: #358f01;
    padding: 70px 0
}

.buttons-intro p {
    font-size: 14px;
    padding: 0 100px
}

ul.buttons li {
    display: inline-block;
    margin-right: 10px
}

.simple-btn {
    background: #f3f3f3 !important;
    color: #161616 !important;
    box-shadow: 0 6px #e8e8e8 !important;
    font-weight: 400
}

.simple-btn:hover {
    color: #161616 !important;
    box-shadow: 0 4px #e8e8e8 !important
}

.simple-btn:active {
    box-shadow: 0 0 #e8e8e8 !important;
    top: 6px;
    border: none
}

.small-salmon {
    background: salmon !important;
    box-shadow: 0 4px #d36e62 !important;
    color: #fff;
    padding: 8px 20px
}

.small-salmon:hover {
    color: #fff;
    box-shadow: 0 2px #d36e62 !important
}

.small-salmon:active {
    box-shadow: 0 0 #d36e62 !important;
    top: 4px;
    border: none
}

.small-dodger {
    background: #1e90ff !important;
    box-shadow: 0 4px #1c7bd8 !important;
    color: #fff;
    padding: 8px 20px
}

.small-dodger:hover {
    color: #fff;
    box-shadow: 0 2px #1c7bd8 !important
}

.small-dodger:active {
    box-shadow: 0 0 #1c7bd8 !important;
    top: 4px;
    border: none
}

.small-sea-green {
    background: #8fbc8f !important;
    box-shadow: 0 4px #7aa07a !important;
    color: #fff;
    padding: 8px 20px
}

.small-sea-green:hover {
    color: #fff;
    box-shadow: 0 2px #7aa07a !important
}

.small-sea-green:active {
    box-shadow: 0 0 #7aa07a !important;
    top: 4px;
    border: none
}

.small-pale {
    background: #db7093 !important;
    box-shadow: 0 4px #ba617e !important;
    color: #fff;
    padding: 8px 20px
}

.small-pale:hover {
    color: #fff;
    box-shadow: 0 2px #ba617e !important
}

.small-pale:active {
    box-shadow: 0 0 #ba617e !important;
    top: 4px;
    border: none
}

.small-slate {
    background: #708090 !important;
    box-shadow: 0 4px #616e7b !important;
    color: #fff;
    padding: 8px 20px
}

.small-slate:hover {
    color: #fff;
    box-shadow: 0 2px #616e7b !important
}

.small-slate:active {
    box-shadow: 0 0 #616e7b !important;
    top: 4px;
    border: none
}

.medium-teal {
    background: teal !important;
    box-shadow: 0 4px #046e6e !important;
    color: #fff;
    padding: 8px 25px
}

.medium-teal:hover {
    color: #fff;
    box-shadow: 0 2px #046e6e !important
}

.medium-teal:active {
    box-shadow: 0 0 #046e6e !important;
    top: 4px;
    border: none
}

.medium-pink {
    background: #f96 !important;
    box-shadow: 0 4px #d88358 !important;
    color: #fff;
    padding: 8px 25px
}

.medium-pink:hover {
    color: #fff;
    box-shadow: 0 2px #d88358 !important
}

.medium-pink:active {
    box-shadow: 0 0 #d88358 !important;
    top: 4px;
    border: none
}

.medium-sky {
    background: #87ceeb !important;
    box-shadow: 0 4px #74afc7 !important;
    color: #fff;
    padding: 8px 25px
}

.medium-sky:hover {
    color: #fff;
    box-shadow: 0 2px #74afc7 !important
}

.medium-sky:active {
    box-shadow: 0 0 #74afc7 !important;
    top: 4px;
    border: none
}

.medium-robin {
    background: #0cc !important;
    box-shadow: 0 4px #04adad !important;
    color: #fff;
    padding: 8px 25px
}

.medium-robin:hover {
    color: #fff;
    box-shadow: 0 2px #04adad !important
}

.medium-robin:active {
    box-shadow: 0 0 #04adad !important;
    top: 4px;
    border: none
}

.medium-slate-blue {
    background: #6a5acd !important;
    box-shadow: 0 4px #5c4eae !important;
    color: #fff;
    padding: 8px 25px
}

.medium-slate-blue:hover {
    color: #fff;
    box-shadow: 0 2px #5c4eae !important
}

.medium-slate-blue:active {
    box-shadow: 0 0 #5c4eae !important;
    top: 4px;
    border: none
}

.large-royal {
    background: #4169e1 !important;
    box-shadow: 0 4px #3a5bbf !important;
    color: #fff;
    padding: 10px 30px
}

.large-royal:hover {
    color: #fff;
    box-shadow: 0 2px #3a5bbf !important
}

.large-royal:active {
    box-shadow: 0 0 #3a5bbf !important;
    top: 4px;
    border: none
}

.large-rosy {
    background: #bc8f8f !important;
    box-shadow: 0 4px #a07a7a !important;
    color: #fff;
    padding: 10px 30px
}

.large-rosy:hover {
    color: #fff;
    box-shadow: 0 2px #a07a7a !important
}

.large-rosy:active {
    box-shadow: 0 0 #a07a7a !important;
    top: 4px;
    border: none
}

.large-mountbatten {
    background: #997a8d !important;
    box-shadow: 0 4px #836979 !important;
    color: #fff;
    padding: 10px 30px
}

.large-mountbatten:hover {
    color: #fff;
    box-shadow: 0 2px #836979 !important
}

.large-mountbatten:active {
    box-shadow: 0 0 #836979 !important;
    top: 4px;
    border: none
}

.large-pale {
    background: #abcdef !important;
    box-shadow: 0 4px #92aeca !important;
    color: #fff;
    padding: 10px 30px
}

.large-pale:hover {
    color: #fff;
    box-shadow: 0 2px #92aeca !important
}

.large-pale:active {
    box-shadow: 0 0 #92aeca !important;
    top: 4px;
    border: none
}

.small-outline {
    background: #fff !important;
    color: #a1a1a1 !important;
    border: 1px solid #dedede !important;
    box-shadow: none !important;
    padding: 8px 20px
}

.small-outline:hover {
    box-shadow: none !important;
    color: #a1a1a1 !important;
    top: 0
}

.small-outline:active {
    border: 1px solid #dedede !important;
    box-shadow: none !important;
    top: 0
}

.medium-outline {
    background: #fff !important;
    color: #a1a1a1 !important;
    border: 1px solid #dedede !important;
    box-shadow: none !important;
    padding: 10px 25px
}

.medium-outline:hover {
    box-shadow: none !important;
    color: #a1a1a1 !important;
    top: 0
}

.medium-outline:active {
    border: 1px solid #dedede !important;
    box-shadow: none !important;
    top: 0
}

.large-outline {
    background: #fff !important;
    color: #a1a1a1 !important;
    border: 1px solid #dedede !important;
    box-shadow: none !important;
    padding: 12px 25px
}

.large-outline:hover {
    box-shadow: none !important;
    color: #a1a1a1 !important;
    top: 0
}

.large-outline:active {
    border: 1px solid #dedede !important;
    box-shadow: none !important;
    top: 0
}

.small-2d-salmon {
    background: salmon !important;
    box-shadow: none !important;
    color: #fff;
    padding: 8px 20px
}

.small-2d-salmon:hover {
    background: #d36e62 !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.small-2d-salmon:active {
    background: #d36e62 !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.small-2d-dodger {
    background: #1e90ff !important;
    box-shadow: none !important;
    color: #fff;
    padding: 8px 20px
}

.small-2d-dodger:hover {
    background: #1c7bd8 !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.small-2d-dodger:active {
    background: #1c7bd8 !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.small-2d-sea-green {
    background: #8fbc8f !important;
    box-shadow: none !important;
    color: #fff;
    padding: 8px 20px
}

.small-2d-sea-green:hover {
    background: #7aa07a !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.small-2d-sea-green:active {
    background: #7aa07a !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.small-2d-pale {
    background: #db7093 !important;
    box-shadow: none !important;
    color: #fff;
    padding: 8px 20px
}

.small-2d-pale:hover {
    background: #ba617e !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.small-2d-pale:active {
    background: #ba617e !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.small-2d-slate {
    background: #708090 !important;
    box-shadow: none !important;
    color: #fff;
    padding: 8px 20px
}

.small-2d-slate:hover {
    background: #616e7b !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.small-2d-slate:active {
    background: #616e7b !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.medium-2d-teal {
    background: teal !important;
    box-shadow: none !important;
    color: #fff;
    padding: 8px 25px
}

.medium-2d-teal:hover {
    background: #046e6e !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.medium-2d-teal:active {
    background: #046e6e !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.medium-2d-pink {
    background: #f96 !important;
    box-shadow: none !important;
    color: #fff;
    padding: 8px 25px
}

.medium-2d-pink:hover {
    background: #d88358 !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.medium-2d-pink:active {
    background: #d88358 !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.medium-2d-sky {
    background: #87ceeb !important;
    box-shadow: none !important;
    color: #fff;
    padding: 8px 25px
}

.medium-2d-sky:hover {
    background: #74afc7 !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.medium-2d-sky:active {
    background: #74afc7 !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.medium-2d-robin {
    background: #0cc !important;
    box-shadow: none !important;
    color: #fff;
    padding: 8px 25px
}

.medium-2d-robin:hover {
    background: #04adad !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.medium-2d-robin:active {
    background: #04adad !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.medium-2d-slate-blue {
    background: #6a5acd !important;
    box-shadow: none !important;
    color: #fff;
    padding: 8px 25px
}

.medium-2d-slate-blue:hover {
    background: #5c4eae !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.medium-2d-slate-blue:active {
    background: #5c4eae !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.large-2d-royal {
    background: #4169e1 !important;
    box-shadow: none !important;
    color: #fff;
    padding: 10px 30px
}

.large-2d-royal:hover {
    background: #3a5bbf !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.large-2d-royal:active {
    background: #3a5bbf !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.large-2d-rosy {
    background: #bc8f8f !important;
    box-shadow: none !important;
    color: #fff;
    padding: 10px 30px
}

.large-2d-rosy:hover {
    background: #a07a7a !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.large-2d-rosy:active {
    background: #a07a7a !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.large-2d-mountbatten {
    background: #997a8d !important;
    box-shadow: none !important;
    color: #fff;
    padding: 10px 30px
}

.large-2d-mountbatten:hover {
    background: #836979 !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.large-2d-mountbatten:active {
    background: #836979 !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.large-2d-pale {
    background: #abcdef !important;
    box-shadow: none !important;
    color: #fff;
    padding: 10px 30px
}

.large-2d-pale:hover {
    background: #92aeca !important;
    color: #fff;
    box-shadow: none !important;
    top: 0
}

.large-2d-pale:active {
    background: #92aeca !important;
    box-shadow: none !important;
    top: 0;
    border: none
}

.panel .panel-heading h4.panel-title {
    padding-left: 10px;
    position: relative
}

.panel .panel-heading h4.panel-title:after {
    content: "\f105";
    font-family: icomoon;
    color: #fff;
    background: #358f01;
    border-radius: 50%;
    padding: 4px 4px 4px 10px;
    font-size: 14px;
    position: absolute;
    width: 23px;
    height: 23px;
    line-height: 15px;
    right: 0;
    top: 5px
}

.panel-heading span {
    float: left;
    line-height: 31px;
    font-size: 20px;
    margin-right: 10px;
    color: #b9b9b9
}

.panel-group .panel {
    border-radius: 0
}

.panel-body img {
    padding: 10px
}

.panel-body .img-p {
    float: left;
    width: 280px;
    margin-left: 10px;
    margin-top: 5px
}

.panel-heading.with-bg {
    background: #358f01;
    color: #fff;
    border-radius: 0
}

.panel-heading.with-bg h4.panel-title:after {
    background: #fff;
    color: #358f01
}

.panel-heading.with-bg h4 a:hover, .panel-heading.with-bg span {
    color: #fff
}

.panel-title > a {
    display: block
}

.simple-styles .panel-default {
    border: none
}

.simple-styles .panel-default > .panel-heading {
    background: 0 0;
    border-bottom: solid 1px #e5e4e4
}

.simple-styles h4.panel-title:after {
    background: #e5e4e4
}

.simple-styles .panel-collapse .collapse.in h4.panel-title:after {
    content: "\e605";
    font-family: icomoon
}

.price {
    font-size: 18px;
    color: #000;
    display: inline-block
}

.product-info span {
    float: left;
    font-size: 20px;
    color: #358f01;
    line-height: 32px
}

.product-info b {
    display: block;
    margin-left: 30px;
    line-height: 17px
}

.product-info ul li {
    background: #f7f7f7;
    display: inline-block;
    padding: 20px 25px;
    min-width: 182px;
    margin-bottom: 3px
}

.thumbnails li {
    margin-bottom: 7px
}

.rating {
    width: 80px;
    height: 16px;
    padding: 0;
    list-style: none;
    clear: both;
    position: relative;
    background:  no-repeat;
    margin: 25px 0;
    display: block
}

.threestar {
    background-position: 0 -48px
}

ul.rating li {
    cursor: pointer;
    float: left;
    text-indent: -999em
}

ul.rating li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    text-decoration: none;
    z-index: 200
}

ul.rating li.one a {
    left: 0
}

ul.rating li.two a {
    left: 16px
}

ul.rating li.three a {
    left: 32px
}

ul.rating li.four a {
    left: 48px
}

ul.rating li.five a {
    left: 64px
}

ul.rating li a:hover {
    z-index: 2;
    width: 80px;
    height: 16px;
    overflow: hidden;
    left: 0;
    background:  no-repeat
}

ul.rating li.one a:hover {
    background-position: 0 -96px
}

ul.rating li.two a:hover {
    background-position: 0 -112px
}

ul.rating li.three a:hover {
    background-position: 0 -128px
}

ul.rating li.four a:hover {
    background-position: 0 -144px
}

ul.rating li.five a:hover {
    background-position: 0 -160px
}

.cart-qty {
    display: inline-block;
    border: 1px solid #eaebeb;
    border-radius: 3px;
    box-shadow: 0 1px 1px #f3f3f3;
    margin-bottom: 25px
}

.cart-qty button, .cart-qty input {
    float: left;
    height: 35px;
    width: 36px;
    border: 0;
    margin: 0;
    padding: 0;
    background: 0 0;
    outline: 0
}

.cart-qty button {
    color: #d7d8da;
    font-size: 11px;
    font-weight: 600
}

.cart-qty button:hover {
    color: #ccc
}

.cart-qty button:active {
    color: #999
}

.cart-qty input {
    border-left: 1px solid #eaebeb;
    border-right: 1px solid #eaebeb;
    color: #45474d;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    width: 42px
}

.info {
    font-size: 14px
}

.tab-content {
    padding: 20px
}

.left-tab .nav-tabs {
    float: left;
    margin-right: 20px
}

.left-tab .nav-tabs > li {
    float: none
}

.left-tab .nav-tabs > li > a {
    border-radius: 0;
    background: #f7f7f7;
    color: #a1a1a1;
    margin-right: 0;
    border: 1px solid #eee
}

.left-tab .nav-tabs li.active > a {
    border: 1px solid #eee;
    border-right: 0;
    background: #fff;
    color: #358f01;
    min-width: 114px
}

.left-tab .nav-tabs > li.active > a:hover {
    border: 1px solid #eee;
    border-right: 0
}

.left-tab .tab-content {
    margin-left: 113px;
    border: 1px solid #eee;
    padding: 20px
}

.left-tab h6 {
    font-size: 14px;
    font-weight: 400
}

.nav-tabs > li.active > a {
    color: #358f01
}

.right-tab .nav-tabs {
    float: right
}

.right-tab .nav-tabs > li {
    float: none
}

.right-tab .nav-tabs > li > a {
    border-radius: 0;
    background: #f7f7f7;
    color: #a1a1a1;
    margin-right: 0;
    border: 1px solid #eee
}

.right-tab .nav-tabs li.active > a {
    border: 1px solid #eee;
    border-left: 0;
    background: #fff;
    color: #358f01;
    min-width: 114px
}

.right-tab .tab-content {
    margin-right: 113px;
    border: 1px solid #eee;
    padding: 20px
}

.right-tab h6 {
    font-size: 14px;
    font-weight: 400
}

.related-products-carousel .owl-buttons .owl-prev i {
    color: #fff;
    border-radius: 4px;
    padding: 9px 17px;
    position: absolute;
    right: 75px;
    top: 50px;
    font-size: 20px;
    background: #358f01;
    border-bottom: solid 3px #72ca37
}

.related-products-carousel .owl-buttons .owl-prev i:hover {
    background-color: #358f01
}

.related-products-carousel .owl-buttons .owl-prev i:active {
    margin-top: 3px;
    border-bottom: solid 1px #72ca37
}

.related-products-carousel .owl-buttons .owl-next i {
    color: #fff;
    border-radius: 4px;
    padding: 9px 17px;
    position: absolute;
    right: 30px;
    top: 50px;
    font-size: 20px;
    background: #358f01;
    border-bottom: solid 3px #72ca37
}

.related-products-carousel .owl-buttons .owl-next i:hover {
    background-color: #358f01
}

.related-products-carousel .owl-buttons .owl-next i:active {
    margin-top: 3px;
    border-bottom: solid 1px #72ca37
}

.related-products-carousel h4 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 14px
}

.related-products-carousel .price {
    color: #161616;
    font-size: 16px;
    display: block;
    margin-bottom: 10px
}

.related-products-carousel .buy-cart {
    background: #358f01;
    color: #fff;
    padding: 10px;
    font-size: 20px;
    display: inline-block;
    margin-right: 15px
}

.related-products-carousel .details {
    vertical-align: top;
    line-height: 40px
}

.table-bordered {
    border: 1px solid #eee
}

.table-bordered > tbody > tr > td {
    border: 1px solid #eee;
    padding: 30px;
    vertical-align: middle
}

.table-bordered > thead > tr > th {
    border: 1px solid #eee;
    color: #161616;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    padding: 10px
}

.table-bordered > thead > tr {
    background: #f8f8f8
}

.shopping-table h4 {
    font-size: 14px;
    margin-bottom: 0
}

.shopping-table b {
    display: block;
    color: #8f8f8f
}

.shopping-table .price {
    color: #a3a2a2;
    font-size: 25px;
    font-weight: 300
}

.shopping-table .cart-qty {
    margin-bottom: 0
}

.shopping-table span {
    font-size: 20px
}

.shopping-table .cupon {
    background-color: #f8f8f8
}

.coupon b {
    color: #151515;
    font-size: 22px;
    font-weight: 300;
    float: left;
    margin-right: 20px;
    line-height: 40px
}

.coupon .btn {
    border-radius: 0;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    vertical-align: top
}

.coupon input {
    padding: 0 10px;
    margin-right: 20px;
    outline: 0;
    border: 1px solid #dfdfdf;
    height: 40px
}

.cart-total ul li {
    border: 1px solid #e8e8e8;
    padding: 7px 20px
}

.cart-total .total {
    background: #fdfdfd
}

.cart-total .total p {
    font-size: 16px
}

.cart-total b {
    color: #9f9f9f
}

.features-sidebar ul li {
    border: 1px solid #e4e4e4;
    padding: 10px 13px;
    border-bottom: 0;
    position: relative
}

.features-sidebar ul li:last-child {
    border-bottom: solid 1px #e4e4e4
}

.features-sidebar ul li:before {
    content: "\f105";
    font-family: icomoon;
    color: #636363;
    display: inline-block;
    font-size: 11px;
    margin-right: 5px
}

.features-sidebar ul li.active a {
    color: #000;
    font-size: 14px
}

.boots {
    display: inline-block;
    font-weight: 500;
    color: #5a4080;
    font-size: 60px;
    border: 1px solid #5a4080;
    padding: 30px 20px;
    border-radius: 10px
}

.order span {
    display: inline-block;
    height: 18px;
    line-height: 18px
}

.register-panel {
    border: 1px solid #e6e7e8;
    padding: 20px 25px;
    border-radius: 5px;
    float: none;
    margin: 20px 0 40px
}

.register-panel .separator {
    background: #e6e7e8;
    padding: 0;
    margin: 10px 0
}

.register-panel input {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fcfcfc;
    font-size: 13px;
    color: #9ea3a7;
    height: 40px;
    text-indent: 15px;
    outline: 0;
    border-radius: 3px;
    background-clip: padding-box;
    box-shadow: inset 0 1px 0 #f1f3f3;
    margin-bottom: 15px
}

.reg-panel-title {
    color: #161616;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #ededed;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.progress2 {
    height: 30px;
    border-radius: 0
}

.progress-bar2 {
    background-color: #358f01;
    line-height: 30px
}

.ms-laptop-template .ms-laptop-cont .ms-view {
    background-color: #17171a
}

.ms-laptop-template .ms-laptop-cont {
    max-width: 645px;
    position: relative;
    margin: 0 auto
}

.ms-laptop-template .ms-lt-slider-cont {
    position: relative;
    padding: 5% 11.9% 20%;
    max-width: 645px
}

.ms-laptop-template .ms-laptop-bg {
    max-width: 100%;
    position: absolute;
    height: auto
}

.ms-laptop-template .ms-nav-next, .ms-laptop-template .ms-nav-prev {
    background:  -11px -9px no-repeat;
    width: 35px;
    height: 40px;
    left: -80px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    cursor: pointer
}

.ms-laptop-template .ms-nav-next {
    background-position: -59px -9px;
    right: -80px;
    left: auto
}

.ms-laptop-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -30%;
    right: 50%;
    width: 100px
}

.ms-laptop-template .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-laptop-template .ms-bullet {
    width: 10px;
    height: 10px;
    background: #d9d9d9;
    border-radius: 50%;
    margin: 4px
}

.ms-laptop-template .ms-bullet:hover {
    background: #333
}

.ms-laptop-template .ms-bullet-selected {
    background: #f4f4f4;
    box-shadow: 0 0 0 2px #db2b1c
}

.ms-laptop-template .ms-bullet-selected:hover {
    background: #f4f4f4
}

.gallery-overlay {
    position: relative
}

.gallery-overlay a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background:  center center no-repeat #000;
    -ms-filter: "alpha(opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out
}

.gallery-overlay a:hover:before {
    visibility: visible;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .7
}

.gallery-masonry .masonry-item {
    width: 25%;
    padding: 5px
}

#gallery-full-masonry .masonry-item {
    padding: 10px
}

.support-box {
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
    padding: 30px;
    margin-bottom: 50px;
    border-radius: 4px;
}

.support-box h3 {
    font-weight: 400;
    font-size: 18px;
    color: #000;
    border-bottom: solid 1px #ddd;
    padding-bottom: 5px;
    margin-bottom: 15px
}

.support-box span {
    font-size: 25px;
    border: 1px solid #358f01;
    border-radius: 100px;
    padding: 15px;
    background: #358f01;
    color: #fff;
    position: absolute;
    top: -29px;
    right: 35px
}

.support-box p {
    margin-bottom: 20px
}

.support-box a {
    font-size: 14px
}

.maintenance-top {
    margin: 100px 0
}

.maintenance {
    background: ;
    background-size: cover;
    border-top: solid 7px #358f01;
    padding-top: 120px;
    padding-bottom: 100px
}

.our-office .owl-prev i {
    color: #fff;
    border: 2px solid;
    border-radius: 4px;
    padding: 13px 20px;
    position: absolute;
    left: 30px;
    top: 33%;
    font-size: 20px
}

.our-office .owl-next i {
    color: #fff;
    border: 2px solid;
    border-radius: 4px;
    padding: 13px 20px;
    position: absolute;
    right: 30px;
    top: 33%;
    font-size: 20px
}

.our-office .owl-next:hover i, .our-office .owl-prev:hover i {
    background-color: #358f01;
    border: 2px solid #358f01
}

@media (max-width: 1200px) {
    .our-office .owl-next i, .our-office .owl-prev i {
        top: 29%
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .our-office .owl-next i, .our-office .owl-prev i {
        top: 29%
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .our-office .owl-next i, .our-office .owl-prev i {
        top: 24%
    }
}

@media (max-width: 768px) {
    .our-office .owl-next i, .our-office .owl-prev i {
        top: 20%
    }
}

.fancy-box {
    padding: 0
}

.fancy-box li {
    height: 300px;
    overflow: hidden;
    position: relative;
    background: #fff;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear
}

.fancy-box li:hover {
    background-color: #358f01
}

.fancy-box li:hover .fancy-icon {
    color: #fff;
    font-size: 90px
}

.fancy-box li:hover .fancy-main {
    color: #fff;
    -webkit-animation: movefromleftrotate 300ms ease;
    -moz-animation: movefromleftrotate 300ms ease;
    -ms-animation: movefromleftrotate 300ms ease
}

.fancy-box li:hover .fancy-sub {
    color: #fff;
    -webkit-animation: movefrombottom 500ms ease;
    -moz-animation: movefrombottom 500ms ease;
    -ms-animation: movefrombottom 500ms ease
}

.fancy-box li a {
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative
}

.fancy-icon {
    font-size: 60px;
    color: #358f01;
    line-height: 150px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear
}

.fancy-content {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    top: 50%
}

.fancy-main {
    font-size: 26px;
    font-weight: 400;
    text-align: center;
    margin-top: 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
}

.fancy-sub {
    text-align: center;
    font-size: 14px;
    color: #666;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
}

@-webkit-keyframes movefromleftrotate {
    from {
        -webkit-transform: translatex(-100%) rotate(-90deg)
    }
    to {
        -webkit-transform: translatex(0%) rotate(0deg)
    }
}

@-moz-keyframes movefromleftrotate {
    from {
        -moz-transform: translatex(-100%) rotate(-90deg)
    }
    to {
        -moz-transform: translatex(0%) rotate(0deg)
    }
}

@-ms-keyframes movefromleftrotate {
    from {
        -ms-transform: translatex(-100%) rotate(-90deg)
    }
    to {
        -ms-transform: translatex(0%) rotate(0deg)
    }
}

@-webkit-keyframes movefrombottom {
    from {
        -webkit-transform: translatey(100%)
    }
    to {
        -webkit-transform: translatey(0%)
    }
}

@-moz-keyframes movefrombottom {
    from {
        -moz-transform: translatey(100%)
    }
    to {
        -moz-transform: translatey(0%)
    }
}

@-ms-keyframes movefrombottom {
    from {
        -ms-transform: translatey(100%)
    }
    to {
        -ms-transform: translatey(0%)
    }
}

#product-launch-header {
    position: relative;
    height: 500px;
    background:  center center / cover . text_page . owl-carousel;
    padding-top: 150px
}

#section-overlay {
    background-color: rgba(33, 40, 42, .5);
    position: absolute;
    width: 100%;
    height: 500px;
    left: 0;
    top: 0
}

#product-launch-header h2 {
    color: #fff;
    font-weight: 400
}

#product-launch-header p {
    color: #fff;
    font-size: 17px
}

#product-launch-header span {
    font-size: 40px;
    color: #fff;
    display: inline-block;
    line-height: 44px;
    vertical-align: bottom
}

#product-launch-header a.watch-now {
    color: #fff;
    font-size: 22px;
    line-height: 44px;
    vertical-align: bottom
}

#product-launch-header a.watch-now:hover {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .8)
}

.purchase-banner h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 15px
}

.purchase-banner {
    background: #f6f6f6;
    border-top: solid 3px #358f01
}

.purchase-banner a {
    margin-top: 22px
}

#how-it-works span {
    font-size: 30px;
    vertical-align: middle
}

#how-it-works h3 {
    display: inline-block;
    font-weight: 300;
    vertical-align: middle;
    margin-bottom: 0
}

#how-it-works img {
    height: 250px;
    margin: 20px auto
}

.product-slider img {
    margin: 0 auto
}

.product-slider .owl-buttons .owl-prev i {
    color: #fff;
    border-radius: 4px;
    padding: 9px 17px;
    position: absolute;
    left: 25px;
    top: 110px;
    font-size: 20px;
    background: #358f01;
    border-bottom: solid 3px #72ca37
}

.product-slider .owl-buttons .owl-prev i:hover {
    background-color: #358f01
}

.product-slider .owl-buttons .owl-prev i:active {
    margin-top: 3px;
    border-bottom: solid 1px #72ca37
}

.product-slider .owl-buttons .owl-next i {
    color: #fff;
    border-radius: 4px;
    padding: 9px 17px;
    position: absolute;
    right: 25px;
    top: 110px;
    font-size: 20px;
    background: #358f01;
    border-bottom: solid 3px #72ca37
}

.product-slider .owl-buttons .owl-next i:hover {
    background-color: #358f01
}

.product-slider .owl-buttons .owl-next i:active {
    margin-top: 3px;
    border-bottom: solid 1px #72ca37
}

.copyright {
    font-size: 11px;
    color: #575656 !important;
    line-height: 17px;
    margin-bottom: 0
}

footer {
    padding: 60px 0 0;
    color: #161616
}

footer > .container {
    margin-bottom: 30px;
}

footer h3 {
    font-size: 24px;
    font-weight: 300;
    color: #3d3d3d;
    margin-bottom: 40px
}

footer ul.footer-blog {
    display: inline-block
}

footer ul.footer-blog li p {
    margin-left: 90px;
    margin-bottom: 3px
}

footer ul.footer-blog img {
    float: left
}

footer .default {
    margin-bottom: 5px
}

footer .only3 {
    display: none
}

.social ul li {
    float: left;
    background: #ececec;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 10px
}

.social ul li a {
    line-height: 40px;
    color: #161616;
    display: block
}

.social ul li a span {
    line-height: 40px
}

.ico-facebook:hover {
    background: #4c81d2 !important
}

.ico-facebook:hover > a {
    color: #fff
}

.ico-twitter:hover {
    background: #47daff !important
}

.ico-twitter:hover > a {
    color: #fff
}

.ico-pinterest:hover {
    background: #e43333 !important
}

.ico-pinterest:hover > a {
    color: #fff
}

.ico-dribbble:hover {
    background: #ff4978 !important
}

.ico-dribbble:hover > a {
    color: #fff
}

.ico-google:hover {
    background: #ff6252 !important
}

.ico-google:hover > a {
    color: #fff
}

.ico-instagram:hover {
    background: #3f729b !important
}

.ico-instagram:hover > a {
    color: #fff
}

ul.menu-list li:before {
    content: "\f105";
    font-family: icomoon;
    color: #358f01;
    font-size: 11px;
    margin-right: 5px
}

#subscribe.footer-subscribe input {
    width: 224px
}

#subscribe.footer-subscribe .alert.animate {
    width: 100%
}

.bottom-footer {
    background: #ededed;
    padding: 30px 0
}

.social-buttons {
    text-align: right
}

.facebook-button {
    display: inline-block;
    width: 90px;
    margin-right: 20px
}

.twitter-button {
    display: inline-block;
    width: 80px;
    margin-right: 20px
}

.google-button {
    display: inline-block;
    width: 60px
}

.footer-style2 {
    border-top: solid 6px #358f01
}

.footer-style3 {
    background: #358f01;
    color: #fff
}

.footer-style3 p {
    color: #fff
}

.footer-style3 .only3 {
    display: block;
    margin-bottom: 10px
}

.footer-style3 .default {
    display: none
}

.footer-style3 .copyright {
    color: #fff;
    margin-top: 5px
}

.footer-style3 h3, .footer-style3 ul.menu-list li a {
    color: #fff
}

.footer-style3 ul.menu-list li a:hover {
    color: #c4c4c4
}

.footer-style3 ul.menu-list li:before {
    color: #fff
}

footer.footer-style3 ul.footer-blog li p {
    color: #fff !important
}

.footer-style4 {
    background-color: #f9f9f9
}

.highlight {
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    padding: 9px 14px
}

.s {
    color: #d44950
}

.na {
    color: #4f9fcf
}

.nt {
    color: #2f6f9f
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.has_shadow {
    position: relative;
    padding: 0;
    border: none;
    background: #fff;
    z-index: 1
}

.has_shadow:after, .has_shadow:before {
    content: "";
    position: absolute;
    z-index: -2
}

.has_shadow.lifted {
    border-radius: 4px
}

.has_shadow.lifted:after, .has_shadow.lifted:before {
    bottom: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.has_shadow.lifted:after {
    right: 10px;
    left: auto;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg)
}

.has_shadow.curled {
    border: none;
    border-radius: 0 0 120px 120px/0 0 6px 6px
}

.has_shadow.curled > img {
    border-radius: 0 0 120px 120px/0 0 6px 6px
}

.has_shadow.curled:after, .has_shadow.curled:before {
    bottom: 12px;
    left: 10px;
    width: 50%;
    height: 55%;
    max-width: 200px;
    max-height: 100px;
    box-shadow: 0 8px 12px rgba(0, 0, 0, .5);
    -webkit-transform: skew(-8deg) rotate(-3deg);
    -ms-transform: skew(-8deg) rotate(-3deg);
    transform: skew(-8deg) rotate(-3deg)
}

.has_shadow.curled:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg)
}

.has_shadow.perspective:before {
    left: 80px;
    bottom: 5px;
    width: 50%;
    height: 35%;
    max-width: 200px;
    max-height: 50px;
    box-shadow: -80px 0 8px rgba(0, 0, 0, .4);
    -webkit-transform: skew(50deg);
    -ms-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.has_shadow.perspective:after {
    display: none
}

.has_shadow.raised {
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}

.has_shadow.curved:before {
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 50%;
    box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    border-radius: 10px/100px
}

.has_shadow.curved-vt-2:before {
    right: 0
}

.has_shadow.curved-hz-1:before {
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-radius: 100px/10px
}

.has_shadow.curved-hz-2:before {
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-radius: 100px/10px
}

#swappers {
    height: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1111
}

.swappers-table .helper {
    position: absolute;
    background-color: rgba(255, 82, 94, 0.7);
    padding: 10px;
    color: #fff;
    margin-top: -49px;
    margin-right: 15px;
    -webkit-backface-visibility: hidden;
    top: 0;
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
    -webkit-transition: all 300ms cubic-bezier(0.19, 1, .22, 1);
    -moz-transition: all 300ms cubic-bezier(0.19, 1, .22, 1);
    -o-transition: all 300ms cubic-bezier(0.19, 1, .22, 1);
    -ms-transition: all 300ms cubic-bezier(0.19, 1, .22, 1);
    transition: all 300ms cubic-bezier(0.19, 1, .22, 1)
}

.swappers-table .modulecontent {
    opacity: .5
}

.swappers-table:hover .helper {
    background-color: rgba(0, 0, 0, .8);
    -webkit-transform: translatey(-100%);
    -moz-transform: translatey(-100%);
    -o-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%);
    top: 50px
}

.swappers-table:hover .swappers-content {
    opacity: 1
}

.swappers-table:hover .helper:before {
    background-position: center top
}

.swappers-table h3 {
    font-size: 22px;
    line-height: 1.4;
    border-bottom: 1px solid #5a5a5a;
    text-shadow: 1px 1px 0 #383838;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0;
    padding: 1px 0 8px
}

.swappers-content p {
    color: #fff
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoheight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-buttons div, .owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    background: #cd3a44;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeout .7s both ease;
    -moz-animation: fadeout .7s both ease;
    animation: fadeout .7s both ease
}

.owl-fade-in {
    -webkit-animation: fadein .7s both ease;
    -moz-animation: fadein .7s both ease;
    animation: fadein .7s both ease
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeout {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeout {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@font-face {
    font-family: flexslider-icon;
    src: url(/uploads/image/tspafflexslider/flexslider-icon.eot);
    src:  format('embedded-opentype'), url(/uploads/image/tspafflexslider/flexslider-icon.woff) format('woff'), url(/uploads/image/tspafflexslider/flexslider-icon.ttf) format('truetype'), url(/uploads/image/tspafflexslider/flexslider-icon.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

.flexslider {
    padding: 0
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flex-pauseplay span {
    text-transform: capitalize
}

.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides > li:first-child {
    display: block
}

.flexslider {
    margin: 0 0 60px;
    position: relative
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 15px;
    height: 25px;
    margin: -20px 0 0;
    position: absolute;
    top: 34%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
}

.flexslider:hover .flex-prev {
    opacity: .7;
    left: 10px
}

.flexslider:hover .flex-next {
    opacity: .7;
    right: 10px
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    cursor: default
}

.flex-direction-nav a:before {
    font-family: flexslider-icon;
    font-size: 22px;
    display: inline-block;
    content: '\f001'
}

.flex-direction-nav a.flex-next:before {
    content: '\f002'
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

.flex-pauseplay a:before {
    font-family: flexslider-icon;
    font-size: 20px;
    display: inline-block;
    content: '\f004'
}

.flex-pauseplay a:hover {
    opacity: 1
}

.flex-pauseplay a.flex-play:before {
    content: '\f003'
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, .7)
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, .9);
    cursor: default
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: rgba(0, 0, 0, .6)
}

.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
    background:  50% 50% no-repeat
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
    top: 10%;
    width: 8%;
    height: 80%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: .5
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
    opacity: 1
}

.nivo-lightbox-theme-default .nivo-lightbox-prev {
    background-image: ;
    border-radius: 0 3px 3px 0
}

.nivo-lightbox-theme-default .nivo-lightbox-next {
    background-image: ;
    border-radius: 3px 0 0 3px
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    display: block;
    width: 70px;
    height: 70px;
    text-indent: -9999px;
    padding: 5px;
    opacity: .5
}

.nivo-lightbox-theme-default .nivo-lightbox-close:hover {
    opacity: 1
}

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
    bottom: -7%
}

.nivo-lightbox-theme-default .nivo-lightbox-title {
    font: 14px/20px 'helvetica neue', helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    background: #000;
    color: #fff;
    padding: 7px 15px;
    border-radius: 30px
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

.nivo-lightbox-theme-default .nivo-lightbox-ajax, .nivo-lightbox-theme-default .nivo-lightbox-inline {
    background: #fff;
    padding: 40px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

@media (-webkit-min-device-pixel-ratio: 1.3),(-o-min-device-pixel-ratio: 2.6/2),(min--moz-device-pixel-ratio: 1.3),(min-device-pixel-ratio: 1.3),(min-resolution: 1.3dppx) {
    .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
        background-image: ;
        background-size: 32px 32px
    }

    .nivo-lightbox-theme-default .nivo-lightbox-prev {
        background-image: ;
        background-size: 48px 48px
    }

    .nivo-lightbox-theme-default .nivo-lightbox-next {
        background-image: ;
        background-size: 48px 48px
    }

    .nivo-lightbox-theme-default .nivo-lightbox-close {
        background-image: ;
        background-size: 16px 16px
    }
}

.nivo-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nivo-lightbox-overlay.nivo-lightbox-open {
    visibility: visible;
    opacity: 1
}

.nivo-lightbox-wrap {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%
}

.nivo-lightbox-content {
    width: 100%;
    height: 100%
}

.nivo-lightbox-title-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center
}

.nivo-lightbox-nav {
    display: none
}

.nivo-lightbox-prev {
    position: absolute;
    top: 50%;
    left: 0
}

.nivo-lightbox-next {
    position: absolute;
    top: 50%;
    right: 0
}

.nivo-lightbox-close {
    position: absolute;
    top: 2%;
    right: 2%
}

.nivo-lightbox-image {
    text-align: center
}

.nivo-lightbox-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: middle
}

.nivo-lightbox-content iframe {
    width: 100%;
    height: 100%
}

.nivo-lightbox-ajax, .nivo-lightbox-inline {
    max-height: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nivo-lightbox-error {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #fff;
    text-shadow: 0 1px 1px #000
}

.nivo-lightbox-error p {
    display: table-cell;
    vertical-align: middle
}

.nivo-lightbox-notouch .nivo-lightbox-effect-fade, .nivo-lightbox-notouch .nivo-lightbox-effect-fadescale, .nivo-lightbox-notouch .nivo-lightbox-effect-fall, .nivo-lightbox-notouch .nivo-lightbox-effect-slidedown, .nivo-lightbox-notouch .nivo-lightbox-effect-slideleft, .nivo-lightbox-notouch .nivo-lightbox-effect-slideright, .nivo-lightbox-notouch .nivo-lightbox-effect-slideup {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.nivo-lightbox-effect-fadescale .nivo-lightbox-wrap {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

.nivo-lightbox-effect-fadescale.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.nivo-lightbox-effect-slidedown .nivo-lightbox-wrap, .nivo-lightbox-effect-slideleft .nivo-lightbox-wrap, .nivo-lightbox-effect-slideright .nivo-lightbox-wrap, .nivo-lightbox-effect-slideup .nivo-lightbox-wrap {
    -webkit-transition: all .3s cubic-bezier(0.25, .5, .5, .9);
    -moz-transition: all .3s cubic-bezier(0.25, .5, .5, .9);
    -ms-transition: all .3s cubic-bezier(0.25, .5, .5, .9);
    -o-transition: all .3s cubic-bezier(0.25, .5, .5, .9);
    transition: all .3s cubic-bezier(0.25, .5, .5, .9)
}

.nivo-lightbox-effect-slideleft .nivo-lightbox-wrap {
    -webkit-transform: translatex(-10%);
    -moz-transform: translatex(-10%);
    -ms-transform: translatex(-10%);
    transform: translatex(-10%)
}

.nivo-lightbox-effect-slideright .nivo-lightbox-wrap {
    -webkit-transform: translatex(10%);
    -moz-transform: translatex(10%);
    -ms-transform: translatex(10%);
    transform: translatex(10%)
}

.nivo-lightbox-effect-slideleft.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideright.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.nivo-lightbox-effect-slidedown .nivo-lightbox-wrap {
    -webkit-transform: translatey(-10%);
    -moz-transform: translatey(-10%);
    -ms-transform: translatey(-10%);
    transform: translatey(-10%)
}

.nivo-lightbox-effect-slideup .nivo-lightbox-wrap {
    -webkit-transform: translatey(10%);
    -moz-transform: translatey(10%);
    -ms-transform: translatey(10%);
    transform: translatey(10%)
}

.nivo-lightbox-effect-slidedown.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideup.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0)
}

.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: translatez(300px);
    -moz-transform: translatez(300px);
    -ms-transform: translatez(300px);
    transform: translatez(300px)
}

.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    transform: translatez(0)
}

.alerts {
    margin: 20px
}

.alerts p {
    margin: 0;
    padding: 0
}

.alert-message.danger, .alert-message.danger:hover, .alert-message.error, .alert-message.error:hover, .alert-message.info, .alert-message.info:hover, .alert-message.success, alert-message.success:hover {
    color: #fff
}

.alert-message .close {
    font-family: "microsoft yahei",arial, helvetica, sans-serif;;
    line-height: 18px
}

.alert-message.danger, .alert-message.error {
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ee5f5b', endcolorstr='#c43c35', gradienttype=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #c43c35 #c43c35 #882a25;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.alert-message.success {
    background-color: #57a957;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -ms-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(top, #62c462, #57a957);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#62c462', endcolorstr='#57a957', gradienttype=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #57a957 #57a957 #3d773d;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.alert-message.info {
    background-color: #339bb9;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(top, #5bc0de, #339bb9);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#5bc0de', endcolorstr='#339bb9', gradienttype=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #339bb9 #339bb9 #22697d;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

:root .alert-message {
    border-radius: 0 \0
}

.close {
    float: right;
    color: #000;
    font-size: 11px;
    font-weight: 700;
    line-height: 13.5px;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=25);
    -khtml-opacity: .25;
    -moz-opacity: .25;
    opacity: .25
}

.close:hover {
    color: #000;
    text-decoration: none;
    filter: alpha(opacity=40);
    -khtml-opacity: .4;
    -moz-opacity: .4;
    opacity: .4
}

.alert-message {
    font-family: "microsoft yahei",arial, helvetica, sans-serif;
    font-size: 13px;
    position: relative;
    padding: 7px 15px;
    margin-bottom: 18px;
    color: #404040;
    background-color: #eedc94;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
    background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
    background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
    background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
    background-image: -o-linear-gradient(top, #fceec1, #eedc94);
    background-image: linear-gradient(top, #fceec1, #eedc94);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#fceec1', endcolorstr='#eedc94', gradienttype=0);
    border-color: #eedc94 #eedc94 #e4c652;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25)
}

.alert-message .close {
    margin-top: 0
}

.alert-message a {
    font-weight: 700;
    color: #404040;
    text-decoration: none
}

.alert-message.danger p a, .alert-message.error p a, .alert-message.info p a, .alert-message.success p a {
    color: #fff
}

.alert-message p a:hover {
    text-decoration: underline
}

.alert-message p {
    margin-bottom: 0
}

#supercontainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide, .fp-slidescontainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    width: 100%
}

.fp-tablecell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidescontainer {
    float: left;
    position: relative
}

.fp-controlarrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px
}

.fp-controlarrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlarrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    overflow: scroll
}

.fp-easing {
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1
}

#fp-nav.right {
    right: 17px
}

#fp-nav.left {
    left: 17px
}

.fp-slidesnav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1
}

.fp-slidesnav.bottom {
    bottom: 17px
}

.fp-slidesnav.top {
    top: 17px
}

#fp-nav ul, .fp-slidesnav ul {
    margin: 0;
    padding: 0
}

#fp-nav li, .fp-slidesnav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}

.fp-slidesnav li {
    display: inline-block
}

#fp-nav li a, .fp-slidesnav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

#fp-nav li .active span, .fp-slidesnav .active span {
    background: #333
}

#fp-nav span, .fp-slidesnav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: 0 0;
    border-radius: 50%;
    position: absolute;
    z-index: 1
}

.fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: "microsoft yahei",arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px
}

.fp-tooltip.right {
    right: 20px
}

.fp-tooltip.left {
    left: 20px
}

.section.slide1 {
    background-image: ;
    background-size: cover
}

.section.slide1 h2 {
    padding-top: 170px;
    text-align: center;
    font-size: 49px;
    color: #756868;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-weight: 600
}

.section.slide2 {
    background-image: ;
    background-size: cover
}

.section.slide3 {
    background-image: ;
    background-size: cover
}

.section.slide4 {
    background-image: ;
    background-size: cover
}

.f300 {
    font-weight: 300;
}

.wechat h3{
    text-align: center;
}
.wechat img{
    width: 100%;
    height: auto;
}
.sidefloat {
    position: fixed;
    width: 54px;
    height: 219px;
    right:0px;
    top: 380px;
    z-index: 1000;
}
.sidefloat ul li .sidebox {
    position: absolute;
    width: 54px;
    height: 54px;
    line-height: 54px;
    top: 0;
    right: 0;
    transition: all 0.3s;
    background: #d61919;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
}
.sidefloat ul li {
    width: 54px;
    height: 54px;
    float: left;
    position: relative;
    margin-bottom: 1px;
    list-style-type: none;
}
.sidefloat ul li img {
    float: left;
}
.sidefloat ul li .sidetop {
    width: 54px;
    height: 54px;
    line-height: 54px;
    display: inline-block;
    background: #bebebe;
}
.side ul li .sidetop:hover {
    background: #5b5b5b;
    opacity: 1;
}
.neibanner {
    width: 100%;
    height: 220px;
}
@media screen and (max-width: 1040px){
    .neibanner {
        height: 300px;
    }
}
@media screen and (max-width: 770px){
    .neibanner {
        height: 280px;
    }
}
@media screen and (max-width: 640px){
    .neibanner {
        height: 150px;
    }
}
.pagerbox{
    display: block;
    text-align: center;
}
.pagerbox ul{
    display: inline-block;
}
.pagerbox ul li{
    float: left;
    width: 30px;
    height: 32px;
    border: 1px solid #e5e4e4;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}
.pagerbox ul li:first-child{
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    line-height: 28px;
}
.pagerbox ul li:hover{
    border-color: green;
}
.pagerbox ul li.active{
    background: green;
    color: #fff;
}
.pagerbox ul li:last-child{
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    line-height: 28px;
}
.pagerbox ul li a{
    display: block;
    color: #9f9f9f;
}
body .breadcrumb > li   li:before{
    content:'>';
}