@import "radio-checkbox.css";@import "animate.css";@import "magnific-popup.css";@import "swiper.css";dl,dt,dd,ol,ul,li {
    margin: 0;
    padding: 0
}

.clear {
    clear: both;
    display: block;
    font-size: 0px;
    height: 0px;
    line-height: 0;
    width: 100%;
    overflow: hidden
}

::selection {
    background: #1abc9e;
    color: #FFF;
    text-shadow: none
}

::-moz-selection {
    background: #1abc9e;
    color: #FFF;
    text-shadow: none
}

::-webkit-selection {
    background: #1abc9e;
    color: #FFF;
    text-shadow: none
}

:active,:focus {
    outline: none !important
}

body {
    line-height: 1.5;
    color: #555;
    font-size: 14px;
    font-family: 'Lato',sans-serif;
    background-color: transparent
}

a {
    text-decoration: none !important;
    color: #1abc9e
}

a:hover {
    color: #222
}

a img {
    border: none
}

img {
    max-width: 100%
}

iframe {
    border: none !important
}

h1,h2,h3,h4,h5,h6 {
    color: #444;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 30px 0;
    font-family: 'Raleway',sans-serif
}

h5,h6 {
    margin-bottom: 20px
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h4 {
    font-weight: 600
}

h5,h6 {
    font-weight: bold
}

h1>span:not(.nocolor),h2>span:not(.nocolor),h3>span:not(.nocolor),h4>span:not(.nocolor),h5>span:not(.nocolor),h6>span:not(.nocolor) {
    color: #1abc9e
}

p,pre,ul,ol,dl,dd,blockquote,address,table,fieldset,form {
    margin-bottom: 30px
}

small {
    font-family: 'Lato',sans-serif
}

#wrapper {
    position: relative;
    float: none;
    width: 1220px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.uppercase {
    text-transform: uppercase !important
}

.lowercase {
    text-transform: lowercase !important
}

.capitalize {
    text-transform: capitalize !important
}

.nott {
    text-transform: none !important
}

.tright {
    text-align: right !important
}

.tleft {
    text-align: left !important
}

.fright {
    float: right !important
}

.fleft {
    float: left !important
}

.fnone {
    float: none !important
}

.ohidden {
    position: relative;
    overflow: hidden !important
}

.line,.double-line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 60px 0;
    border-top: 1px solid #eee
}

.line.line-sm,.double-line.line-sm {
    margin: 30px 0
}

span.middot {
    display: inline-block;
    margin: 0 5px
}

.double-line {
    border-top: 3px double #e5e5e5
}

.emptydiv {
    display: block !important;
    position: relative !important
}

.allmargin {
    margin: 50px !important
}

.leftmargin {
    margin-left: 50px !important
}

.rightmargin {
    margin-right: 50px !important
}

.topmargin {
    margin-top: 50px !important
}

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

.clear-bottommargin {
    margin-bottom: -50px !important
}

.allmargin-sm {
    margin: 30px !important
}

.leftmargin-sm {
    margin-left: 30px !important
}

.rightmargin-sm {
    margin-right: 30px !important
}

.topmargin-sm {
    margin-top: 30px !important
}

.bottommargin-sm {
    margin-bottom: 30px !important
}

.clear-bottommargin-sm {
    margin-bottom: -30px !important
}

.allmargin-lg {
    margin: 80px !important
}

.leftmargin-lg {
    margin-left: 80px !important
}

.rightmargin-lg {
    margin-right: 80px !important
}

.topmargin-lg {
    margin-top: 80px !important
}

.bottommargin-lg {
    margin-bottom: 80px !important
}

.clear-bottommargin-lg {
    margin-bottom: -80px !important
}

.nomargin {
    margin: 0 !important
}

.noleftmargin {
    margin-left: 0 !important
}

.norightmargin {
    margin-right: 0 !important
}

.notopmargin {
    margin-top: 0 !important
}

.nobottommargin {
    margin-bottom: 0 !important
}

.header-stick {
    margin-top: -50px !important
}

.content-wrap .header-stick {
    margin-top: -80px !important
}

.footer-stick {
    /* margin-bottom:-50px !important */
}

.content-wrap .footer-stick {
    /* margin-bottom:-80px !important */
}

.noborder {
    border: none !important
}

.noleftborder {
    border-left: none !important
}

.norightborder {
    border-right: none !important
}

.notopborder {
    border-top: none !important
}

.nobottomborder {
    border-bottom: none !important
}

.noradius {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

.col-padding {
    padding: 60px
}

.nopadding {
    padding: 0 !important
}

.noleftpadding {
    padding-left: 0 !important
}

.norightpadding {
    padding-right: 0 !important
}

.notoppadding {
    padding-top: 0 !important
}

.nobottompadding {
    padding-bottom: 0 !important
}

.noabsolute {
    position: relative !important
}

.noshadow {
    box-shadow: none !important
}

.hidden {
    display: none !important
}

.nothidden {
    display: block !important
}

.inline-block {
    float: none !important;
    display: inline-block !important
}

.center {
    text-align: center !important
}

.divcenter {
    position: relative !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important
}

.bgcolor,.bgcolor #header-wrap {
    background-color: #1abc9e !important
}

.color {
    color: #1abc9e !important
}

.border-color {
    border-color: #1abc9e !important
}

.nobg {
    background: none !important
}

.nobgcolor {
    background-color: transparent !important
}

.fs14 {
    font-size: 14px !important
}

.fs16 {
    font-size: 16px !important
}

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

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

.fs22 {
    font-size: 22px !important
}

.fs24 {
    font-size: 24px !important
}

.fs26 {
    font-size: 26px !important
}

.fs28 {
    font-size: 28px !important
}

.fw300 {
    font-weight: 300 !important
}

.fw400 {
    font-weight: 400 !important
}

.fw500 {
    font-weight: 500 !important
}

.fw600 {
    font-weight: 600 !important
}

.fw700 {
    font-weight: 700 !important
}

.ls0 {
    letter-spacing: 0px !important
}

.ls1 {
    letter-spacing: 1px !important
}

.ls2 {
    letter-spacing: 2px !important
}

.ls3 {
    letter-spacing: 3px !important
}

.ls4 {
    letter-spacing: 4px !important
}

.ls5 {
    letter-spacing: 5px !important
}

.noheight {
    height: 0 !important
}

.nolineheight {
    line-height: 0 !important
}

.font-body {
    font-family: 'Lato',sans-serif
}

.font-primary {
    font-family: 'Raleway',sans-serif
}

.font-secondary {
    font-family: 'Crete Round',serif
}

.bgicon {
    display: block;
    position: absolute;
    bottom: -60px;
    right: -50px;
    font-size: 210px;
    color: rgba(0,0,0,0.1)
}

.bganimate {
    -webkit-animation: BgAnimated 30s infinite linear;
    -moz-animation: BgAnimated 30s infinite linear;
    -ms-animation: BgAnimated 30s infinite linear;
    -o-animation: BgAnimated 30s infinite linear;
    animation: BgAnimated 30s infinite linear
}

@-webkit-keyframes BgAnimated {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 400px
    }
}

@-moz-keyframes BgAnimated {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 400px
    }
}

@-ms-keyframes BgAnimated {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 400px
    }
}

@-o-keyframes BgAnimated {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 400px
    }
}

@keyframes BgAnimated {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 400px
    }
}

.input-block-level {
    display: block;
    width: 100% !important;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vertical-middle {
    height: auto !important;
    left: 0
}

.magnific-max-width .mfp-content {
    max-width: 800px
}

.section {
    position: relative;
    margin: 60px 0;
    padding: 60px 0;
    background-color: #f9f9f9;
    overflow: hidden
}

.section .container {
    z-index: 2
}

.section .container+.video-wrap {
    z-index: 1
}

.parallax {
    background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat
}

.mobile-parallax,.video-placeholder {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: center center
}

.revealer-image {
    position: relative;
    bottom: -120px;
    transition: bottom .3s ease-in-out;
    -webkit-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out
}

.section:hover .revealer-image {
    bottom: -60px
}

.postcontent {
    width: 860px
}

.postcontent.bothsidebar {
    width: 580px
}

.sidebar {
    width: 240px
}

.col_full {
    width: 100%
}

.col_half {
    width: 48%
}

.col_one_third {
    width: 30.63%
}

.col_two_third {
    width: 65.33%
}

.col_one_fourth {
    width: 22%
}

.col_three_fourth {
    width: 74%
}

.col_one_fifth {
    width: 16.8%
}

.col_two_fifth {
    width: 37.6%
}

.col_three_fifth {
    width: 58.4%
}

.col_four_fifth {
    width: 79.2%
}

.col_one_sixth {
    width: 13.33%
}

.col_five_sixth {
    width: 82.67%
}

body.stretched .container-fullwidth {
    position: relative;
    padding: 0 60px;
    width: 100%
}

.postcontent,.sidebar,.col_full,.col_half,.col_one_third,.col_two_third,.col_three_fourth,.col_one_fourth,.col_one_fifth,.col_two_fifth,.col_three_fifth,.col_four_fifth,.col_one_sixth,.col_five_sixth {
    display: block;
    position: relative;
    margin-right: 4%;
    margin-bottom: 50px;
    float: left
}

.postcontent,.sidebar {
    margin-right: 40px
}

.col_full {
    clear: both;
    float: none;
    margin-right: 0
}

.postcontent.col_last,.sidebar.col_last {
    float: right
}

.col_last {
    margin-right: 0 !important;
    clear: right
}

#top-bar {
    position: relative;
    border-bottom: 1px solid #eee;
    min-height: 45px;
    line-height: 44px;
    font-size: 13px
}

#top-bar .col_half {
    width: auto
}

.top-links {
    position: relative;
    float: left
}

.top-links ul {
    margin: 0;
    list-style: none
}

.top-links ul li {
    float: left;
    position: relative;
    height: 44px;
    border-left: 1px solid #eee
}

.top-links ul li:first-child,.top-links ul ul li {
    border-left: 0 !important
}

.top-links li>a {
    display: block;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    height: 44px;
    color: #666
}

.top-links li i {
    vertical-align: top
}

.top-links li i.icon-angle-down {
    margin: 0 0 0 5px !important
}

.top-links li i:first-child {
    margin-right: 2px
}

.top-links li.full-icon i {
    top: 2px;
    font-size: 14px;
    margin: 0
}

.top-links li:hover {
    background-color: #EEE
}

.top-links li:hover ul,.top-links li:hover div.top-link-section {
    pointer-events: auto
}

.top-links ul ul,.top-links ul div.top-link-section {
    display: none;
    pointer-events: none;
    position: absolute;
    z-index: 210;
    line-height: 1.5;
    background: #FFF;
    border: 0;
    top: 44px;
    left: 0;
    width: 140px;
    margin: 0;
    border-top: 1px solid #1abc9e;
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2)
}

.top-links ul ul li {
    float: none;
    height: 36px;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #eee
}

.top-links ul ul li:hover {
    background-color: #F9F9F9
}

.top-links ul ul li:first-child {
    border-top: none !important;
    border-left: 1px solid #eee
}

.top-links ul ul a {
    height: 36px;
    line-height: 36px;
    font-size: 12px
}

.top-links ul ul img {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.top-links ul ul.top-demo-lang img {
    top: 4px;
    width: 16px;
    height: 16px
}

.top-links ul div.top-link-section {
    padding: 25px;
    left: 0;
    width: 280px
}

.fright .top-links ul div.top-link-section,.top-links.fright ul div.top-link-section {
    left: auto;
    right: 0
}

#top-social,#top-social ul {
    margin: 0
}

#top-social li,#top-social li a,#top-social li .ts-icon,#top-social li .ts-text {
    display: block;
    position: relative;
    float: left;
    width: auto;
    overflow: hidden;
    height: 44px;
    line-height: 44px
}

#top-social li {
    border-left: 1px solid #eee
}

#top-social li:first-child {
    border-left: 0 !important
}

#top-social li a {
    float: none;
    width: 40px;
    font-weight: bold;
    color: #666;
    -webkit-transition: color .3s ease-in-out,background-color .3s ease-in-out,width .3s ease-in-out;
    -o-transition: color .3s ease-in-out,background-color .3s ease-in-out,width .3s ease-in-out;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,width .3s ease-in-out
}

#top-social li a:hover {
    color: #FFF !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}

#top-social li .ts-icon {
    width: 40px;
    text-align: center;
    font-size: 14px
}

#header {
    position: relative;
    background-color: #FFF;
    border-bottom: 1px solid #f5f5f5
}

#header .container {
    position: relative
}

#header.transparent-header {
    background: transparent;
    border-bottom: none;
    z-index: 199
}

#header.semi-transparent {
    background-color: rgba(255,255,255,0.8)
}

#header.transparent-header.floating-header {
    margin-top: 60px
}

#header.transparent-header.floating-header .container {
    width: 1220px;
    background-color: #FFF;
    padding: 0 40px;
    border-radius: 2px
}

#header.transparent-header.floating-header.sticky-header .container {
    width: 1170px;
    padding: 0 15px
}

#header.transparent-header+#slider,#header.transparent-header+#page-title.page-title-parallax,#header.transparent-header+#google-map,#slider+#header.transparent-header {
    top: -100px;
    margin-bottom: -100px
}

#header.transparent-header.floating-header+#slider,#header.transparent-header.floating-header+#google-map {
    top: -160px;
    margin-bottom: -160px
}

#header.transparent-header+#page-title.page-title-parallax .container {
    z-index: 5;
    padding-top: 100px
}

#header.full-header {
    border-bottom-color: #EEE
}

body.stretched #header.full-header .container {
    width: 100%;
    padding: 0 30px
}

#header.transparent-header.full-header #header-wrap {
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

#slider+#header.transparent-header.full-header #header-wrap {
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: none
}

#logo {
    position: relative;
    float: left;
    font-family: 'Raleway',sans-serif;
    font-size: 36px;
    line-height: 100%;
    margin-right: 40px
}

#header.full-header #logo {
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #eee
}

#header.transparent-header.full-header #logo {
    border-right-color: rgba(0,0,0,0.1)
}

#logo a {
    display: block;
    color: #000
}

#logo img {
    display: block;
    max-width: 100%
}

#logo a.standard-logo {
    display: block
}

#logo a.retina-logo {
    display: none
}

.header-extras {
    float: right;
    margin: 30px 0 0
}

.header-extras li {
    float: left;
    margin-left: 20px;
    height: 40px;
    overflow: hidden;
    list-style: none
}

.header-extras li i {
    margin-top: 3px !important
}

.header-extras li:first-child {
    margin-left: 0
}

.header-extras li .he-text {
    float: left;
    padding-left: 10px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.43
}

.header-extras li .he-text span {
    display: block;
    font-weight: 400;
    color: #1abc9e
}

#primary-menu {
    float: right
}

#primary-menu ul.mobile-primary-menu {
    display: none
}

#header.full-header #primary-menu>ul {
    float: left;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #eee
}

#header.transparent-header.full-header #primary-menu>ul {
    border-right-color: rgba(0,0,0,0.1)
}

#primary-menu-trigger,#page-submenu-trigger {
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#primary-menu ul {
    list-style: none;
    margin: 0
}

#primary-menu>ul {
    float: left
}

#primary-menu ul li {
    position: relative
}

#primary-menu ul li.mega-menu {
    position: inherit
}

#primary-menu ul>li {
    float: left;
    margin-left: 2px
}

#primary-menu>ul>li:first-child {
    margin-left: 0
}

#primary-menu ul li>a {
    display: block;
    line-height: 22px;
    padding: 39px 15px;
    color: #444;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Raleway',sans-serif;
    -webkit-transition: margin .4s ease,padding .4s ease;
    -o-transition: margin .4s ease,padding .4s ease;
    transition: margin .4s ease,padding .4s ease
}

#primary-menu ul li>a span {
    display: none
}

#primary-menu ul li>a i {
    position: relative;
    top: -1px;
    font-size: 14px;
    width: 16px;
    text-align: center;
    margin-right: 6px;
    vertical-align: top
}

#primary-menu ul li>a i.icon-angle-down:last-child {
    font-size: 12px;
    margin: 0 0 0 5px
}

#primary-menu ul li:hover>a,#primary-menu ul li.current>a {
    color: #1abc9e
}

body.no-superfish #primary-menu li:hover>ul:not(.mega-menu-column),body.no-superfish #primary-menu li:hover>.mega-menu-content {
    display: block
}

#primary-menu ul ul:not(.mega-menu-column),#primary-menu ul li .mega-menu-content {
    display: none;
    position: absolute;
    width: 220px;
    background-color: #FFF;
    box-shadow: 0px 13px 42px 11px rgba(0,0,0,0.05);
    border: 1px solid #eee;
    border-top: 2px solid #1abc9e;
    height: auto;
    z-index: 199;
    top: 100%;
    left: 0;
    margin: 0
}

#primary-menu ul ul:not(.mega-menu-column) ul {
    top: -2px !important;
    left: 218px
}

#primary-menu ul ul.menu-pos-invert:not(.mega-menu-column),#primary-menu ul li .mega-menu-content.menu-pos-invert {
    left: auto;
    right: 0
}

#primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert {
    right: 218px
}

#primary-menu ul ul li {
    float: none;
    margin: 0
}

#primary-menu ul ul li:first-child {
    border-top: 0
}

#primary-menu ul ul li>a {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0;
    letter-spacing: 0;
    font-family: 'Lato',sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#primary-menu ul ul li>a i {
    vertical-align: middle
}

#primary-menu ul ul li:hover>a {
    background-color: #F9F9F9;
    padding-left: 18px;
    color: #1abc9e
}

#primary-menu ul ul>li.sub-menu>a,#primary-menu ul ul>li.sub-menu:hover>a {
    background-image: url("../images/submenu.png");
    background-position: right center;
    background-repeat: no-repeat
}

#primary-menu ul li .mega-menu-content,#primary-menu ul li.mega-menu-small .mega-menu-content {
    width: 720px;
    max-width: 400px
}

#primary-menu ul li.mega-menu .mega-menu-content,.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content {
    margin: 0 15px;
    width: 1140px;
    max-width: none
}

.floating-header #primary-menu ul li.mega-menu .mega-menu-content {
    margin: 0;
    width: 1220px
}

body.stretched .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content {
    margin: 0 60px
}

body.stretched #header.full-header #primary-menu ul li.mega-menu .mega-menu-content {
    margin: 0 30px
}

#primary-menu ul li.mega-menu .mega-menu-content.style-2 {
    padding: 0 10px
}

#primary-menu ul li .mega-menu-content ul {
    display: block;
    position: relative;
    top: 0;
    min-width: inherit;
    border: 0;
    box-shadow: none;
    background-color: transparent
}

#primary-menu ul li .mega-menu-content ul:not(.megamenu-dropdown) {
    display: block !important;
    opacity: 1 !important;
    top: 0;
    left: 0
}

#primary-menu ul li .mega-menu-content ul.mega-menu-column {
    float: left;
    margin: 0
}

#primary-menu ul li .mega-menu-content ul.mega-menu-column.col-5 {
    width: 20%
}

#primary-menu ul li .mega-menu-content ul:not(.mega-menu-column) {
    width: 100%
}

#primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child) {
    border-left: 1px solid #f2f2f2
}

#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {
    padding: 30px 20px
}

#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title {
    margin-top: 20px
}

#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:first-child {
    margin-top: 0
}

#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a {
    font-size: 13px;
    font-weight: bold;
    font-family: 'Raleway',sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    margin-bottom: 15px;
    color: #444;
    padding: 0 !important;
    line-height: 1.3 !important
}

#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:hover>a {
    background-color: transparent
}

#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover {
    color: #1abc9e
}

#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title.sub-menu>a,#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title.sub-menu:hover>a {
    background: none
}

#primary-menu ul li .mega-menu-content.style-2 li {
    border: 0
}

#primary-menu ul li .mega-menu-content.style-2 ul li>a {
    padding-left: 5px;
    padding-top: 7px;
    padding-bottom: 7px
}

#primary-menu ul li .mega-menu-content.style-2 ul li>a:hover {
    padding-left: 12px
}

.mega-menu-column .entry-meta {
    margin: 8px -10px 0 0 !important;
    border: none !important;
    padding: 0 !important
}

.mega-menu-column .entry-meta li {
    float: left !important;
    border: none !important;
    margin: 0 10px 0 0 !important
}

#primary-menu.style-2 {
    float: none;
    max-width: none;
    border-top: 1px solid #f5f5f5
}

#primary-menu.style-2>div>ul {
    float: left
}

#primary-menu.style-2>div>ul>li>a {
    padding-top: 19px;
    padding-bottom: 19px
}

#logo+#primary-menu.style-2 {
    border-top: 0
}

#primary-menu.style-2>div #top-search,#primary-menu.style-2>div #top-cart,#primary-menu.style-2>div #side-panel-trigger {
    margin-top: 20px;
    margin-bottom: 20px
}

body:not(.device-sm):not(.device-xs):not(.device-xxs) #primary-menu.style-2.center>ul,body:not(.device-sm):not(.device-xs):not(.device-xxs) #primary-menu.style-2.center>div {
    float: none;
    display: inline-block !important;
    width: auto;
    text-align: left
}

#primary-menu.style-3>ul>li>a {
    margin: 28px 0;
    padding-top: 11px;
    padding-bottom: 11px;
    border-radius: 2px
}

#primary-menu.style-3>ul>li:hover>a {
    color: #444;
    background-color: #F5F5F5
}

#primary-menu.style-3>ul>li.current>a {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #1abc9e
}

#primary-menu.style-4>ul>li>a {
    margin: 28px 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 2px;
    border: 1px solid transparent
}

#primary-menu.style-4>ul>li:hover>a,#primary-menu.style-4>ul>li.current>a {
    border-color: #1abc9e
}

#primary-menu.style-5>ul {
    padding-right: 10px;
    margin-right: 5px;
    border-right: 1px solid #eee
}

#primary-menu.style-5>ul>li:not(:first-child) {
    margin-left: 15px
}

#primary-menu.style-5>ul>li>a {
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: 14px
}

#primary-menu.style-5>ul>li>a i {
    display: block;
    width: auto;
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1
}

#primary-menu.style-6>ul>li>a {
    position: relative
}

#primary-menu.style-6>ul>li>a:after,#primary-menu.style-6>ul>li.current>a:after,#primary-menu.style-6>div>ul>li>a:after,#primary-menu.style-6>div>ul>li.current>a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 0;
    border-top: 2px solid #1abc9e;
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease
}

#primary-menu.style-6>ul>li.current>a:after,#primary-menu.style-6>ul>li:hover>a:after,#primary-menu.style-6>div>ul>li.current>a:after,#primary-menu.style-6>ul>li:hover>a:after {
    width: 100%
}

#primary-menu.sub-title>ul>li,#primary-menu.sub-title.style-2>div>ul>li {
    background: url("../images/menu-divider.png") no-repeat right center;
    margin-left: 1px
}

#primary-menu.sub-title ul li:first-child {
    padding-left: 0;
    margin-left: 0
}

#primary-menu.sub-title>ul>li>a,#primary-menu.sub-title>div>ul>li>a {
    line-height: 14px;
    padding: 27px 20px 32px;
    text-transform: uppercase;
    border-top: 5px solid transparent
}

#primary-menu.sub-title>ul>li>a span,#primary-menu.sub-title>div>ul>li>a span {
    display: block;
    margin-top: 10px;
    line-height: 12px;
    font-size: 11px;
    font-weight: 400;
    color: #888;
    text-transform: capitalize
}

#primary-menu.sub-title>ul>li:hover>a,#primary-menu.sub-title>ul>li.current>a,#primary-menu.sub-title>div>ul>li:hover>a,#primary-menu.sub-title>div>ul>li.current>a {
    background-color: #1abc9e;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-top-color: rgba(0,0,0,0.1)
}

#primary-menu.sub-title>ul>li:hover>a span,#primary-menu.sub-title>ul>li.current>a span,#primary-menu.sub-title.style-2>div>ul>li:hover>a span,#primary-menu.sub-title.style-2>div>ul>li.current>a span {
    color: #EEE
}

#primary-menu.sub-title.style-2 ul ul span {
    display: none
}

#primary-menu.sub-title.style-2>div>ul>li {
    background-position: left center
}

#primary-menu.sub-title.style-2>div #top-search,#primary-menu.sub-title.style-2>div #top-cart,#primary-menu.sub-title.style-2>div #side-panel-trigger {
    float: right;
    margin-top: 30px;
    margin-bottom: 30px
}

#primary-menu.sub-title.style-2 div ul li:first-child,#primary-menu.sub-title.style-2>div>ul>li:hover+li,#primary-menu.sub-title.style-2>div>ul>li.current+li {
    background-image: none
}

#primary-menu.sub-title.style-2>div>ul>li>a {
    padding-top: 17px;
    padding-bottom: 22px
}

@media (min-width: 992px) {
    #header.split-menu #logo {
        position:absolute;
        width: 100%;
        text-align: center;
        margin: 0;
        float: none;
        height: 100px
    }

    #header.split-menu #logo a.standard-logo {
        display: inline-block
    }
}

#header.split-menu #primary-menu {
    float: none;
    margin: 0
}

#header.split-menu #primary-menu>ul {
    z-index: 199
}

#header.split-menu #primary-menu>ul:first-child {
    float: left
}

#header.split-menu #primary-menu>ul:last-child {
    float: right
}

@media (min-width: 992px) {
    .overlay-menu:not(.top-search-open) #primary-menu-trigger {
        opacity:1;
        pointer-events: auto;
        left: auto;
        right: 75px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin-top: -10px
    }

    .overlay-menu:not(.top-search-open) .full-header #primary-menu-trigger {
        right: 90px
    }

    .overlay-menu #primary-menu>#overlay-menu-close {
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: 25px;
        left: auto;
        right: 25px;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 24px;
        text-align: center;
        color: #444;
        z-index: 300;
        -webkit-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
        -o-transform: translateY(-80px);
        transform: translateY(-80px);
        -webkit-transition: opacity .4s ease,transform .45s .15s ease;
        -o-transition: opacity .4s ease,transform .45s .15s ease;
        transition: opacity .4s ease,transform .45s .15s ease
    }

    .overlay-menu #primary-menu>ul {
        opacity: 0 !important;
        pointer-events: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100% !important;
        z-index: 299;
        background: rgba(255,255,255,0.95);
        -webkit-transition: opacity .7s ease;
        -o-transition: opacity .7s ease;
        transition: opacity .7s ease
    }

    .overlay-menu #primary-menu>ul.show {
        opacity: 1 !important;
        display: inherit !important;
        pointer-events: auto
    }

    .overlay-menu #primary-menu>ul.show~#overlay-menu-close {
        opacity: 1;
        -webkit-transition: opacity .7s .4s ease,transform .45s .15s ease;
        -o-transition: opacity .7s .4s ease,transform .45s .15s ease;
        transition: opacity .7s .4s ease,transform .45s .15s ease;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        pointer-events: auto
    }

    .overlay-menu #primary-menu>ul>li {
        float: none;
        text-align: center;
        max-width: 400px;
        margin: 0 auto
    }

    .overlay-menu #primary-menu>ul>li>a {
        font-size: 24px;
        padding-top: 19px;
        padding-bottom: 19px;
        letter-spacing: 2px;
        text-transform: none;
        opacity: 0;
        -webkit-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
        -o-transform: translateY(-80px);
        transform: translateY(-80px);
        -webkit-transition: opacity .7s .15s ease,transform .45s .15s ease,color .2s linear;
        -o-transition: opacity .7s .15s ease,transform .45s .15s ease,color .2s linear;
        transition: opacity .7s .15s ease,transform .45s .15s ease,color .2s linear
    }

    .overlay-menu #primary-menu>ul.show>li>a {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

#top-search,#top-cart,#side-panel-trigger,#top-account {
    float: right;
    margin: 40px 0 40px 15px
}

#top-cart {
    position: relative
}

#top-search a,#top-cart a,#side-panel-trigger a,#top-account a {
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #333;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

#top-search a {
    z-index: 11
}

#top-search a i {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

body.top-search-open #top-search a i.fa-search,#top-search a i.fa-times {
    opacity: 0
}

body.top-search-open #top-search a i.fa-times {
    opacity: 1;
    z-index: 11;
    font-size: 16px
}

#top-cart a:hover {
    color: #1abc9e
}

#top-search form {
    opacity: 0;
    z-index: -2;
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    padding: 0 15px;
    margin: 0;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

body.top-search-open #top-search form {
    opacity: 1;
    z-index: 10
}

#top-search form input {
    box-shadow: none !important;
    pointer-events: none;
    border-radius: 0;
    border: 0;
    outline: 0 !important;
    font-size: 32px;
    padding: 10px 80px 10px 0;
    height: 100%;
    background-color: transparent;
    color: #333;
    font-weight: 700;
    margin-top: 0 !important;
    font-family: 'Raleway',sans-serif;
    letter-spacing: 2px
}

body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.full-header #top-search form input {
    padding-left: 40px
}

body:not(.device-sm):not(.device-xs):not(.device-xxs) .container-fullwidth #top-search form input {
    padding-left: 60px
}

body.top-search-open #top-search form input {
    pointer-events: auto
}

body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search form input {
    border-bottom: 2px solid rgba(0,0,0,0.1)
}

#top-search form input::-moz-placeholder {
    color: #555;
    opacity: 1;
    text-transform: uppercase
}

#top-search form input:-ms-input-placeholder {
    color: #555;
    text-transform: uppercase
}

#top-search form input::-webkit-input-placeholder {
    color: #555;
    text-transform: uppercase
}

#primary-menu .container #top-search form input,.sticky-header #top-search form input {
    border: none !important
}

#header,#header-wrap,#logo img {
    height: 100px;
    -webkit-transition: height .4s ease,opacity .3s ease;
    -o-transition: height .4s ease,opacity .3s ease;
    transition: height .4s ease,opacity .3s ease
}

#header.sticky-style-2 {
    height: 161px
}

#header.sticky-style-3 {
    height: 181px
}

#header.sticky-style-2 #header-wrap {
    height: 60px
}

#header.sticky-style-3 #header-wrap {
    height: 80px
}

#primary-menu>ul>li>ul,#primary-menu>ul>li>.mega-menu-content,#primary-menu>ul>li.mega-menu>.mega-menu-content {
    -webkit-transition: top .4s ease;
    -o-transition: top .4s ease;
    transition: top .4s ease
}

#top-search,#top-cart {
    -webkit-transition: margin .4s ease,opacity .3s ease;
    -o-transition: margin .4s ease,opacity .3s ease;
    transition: margin .4s ease,opacity .3s ease
}

body:not(.top-search-open) #header-wrap #logo,body:not(.top-search-open) #primary-menu>ul,body:not(.top-search-open) #primary-menu>.container>ul,body:not(.top-search-open) #top-cart,body:not(.top-search-open) #side-panel-trigger,body:not(.top-search-open) #top-account {
    opacity: 1;
    -webkit-transition: height .4s ease,margin .4s ease,opacity .2s .2s ease;
    -o-transition: height .4s ease,margin .4s ease,opacity .2s .2s ease;
    transition: height .4s ease,margin .4s ease,opacity .2s .2s ease
}

body.top-search-open #header-wrap #logo,body.top-search-open #primary-menu>ul,body.top-search-open #primary-menu>.container>ul,body.top-search-open #top-cart,body.top-search-open #side-panel-trigger,body.top-search-open #top-account {
    opacity: 0
}

#header.sticky-header.semi-transparent {
    background-color: transparent
}

#header-wrap {
    position: relative;
    z-index: 199;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden
}

#header.sticky-header #header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

#header.semi-transparent.sticky-header #header-wrap {
    background-color: rgba(255,255,255,0.8)
}

#header.sticky-header:not(.static-sticky),#header.sticky-header:not(.static-sticky) #header-wrap,#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
    height: 60px
}

#header.sticky-header:not(.static-sticky) #primary-menu>ul>li>a {
    padding-top: 19px;
    padding-bottom: 19px
}

#header.sticky-header:not(.static-sticky).sticky-style-2,#header.sticky-header:not(.static-sticky).sticky-style-3 {
    height: 161px
}

#header.sticky-header:not(.static-sticky).sticky-style-2 #primary-menu,#header.sticky-header:not(.static-sticky).sticky-style-3 #primary-menu {
    border-top: 0
}

#header.sticky-header:not(.static-sticky) #top-search,#header.sticky-header:not(.static-sticky) #top-cart,#header.sticky-header:not(.static-sticky) #side-panel-trigger {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

#header.sticky-header:not(.static-sticky) #top-account {
    margin-top: 12px !important;
    margin-bottom: 13px !important
}

#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content {
    top: 40px
}

#header.sticky-header.sticky-style-2 #primary-menu {
    border-top: 0
}

#header.sticky-header:not(.static-sticky) #primary-menu.style-3>ul>li>a {
    margin: 0;
    border-radius: 0
}

#header.sticky-header:not(.static-sticky) #primary-menu.style-4>ul>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 10px 0
}

#header.sticky-header:not(.static-sticky) #primary-menu.style-5>ul>li {
    margin-left: 2px
}

#header.sticky-header:not(.static-sticky) #primary-menu.style-5>ul>li:first-child {
    margin-left: 0
}

#header.sticky-header:not(.static-sticky) #primary-menu.style-5>ul>li>a {
    line-height: 22px;
    padding-top: 19px;
    padding-bottom: 19px
}

#header.sticky-header:not(.static-sticky) #primary-menu.style-5>ul>li>a>div {
    padding: 0
}

#header.sticky-header:not(.static-sticky) #primary-menu.style-5>ul>li>a i {
    display: inline-block;
    width: 16px;
    top: -1px;
    margin: 0 6px 0 0;
    font-size: 14px;
    line-height: 22px
}

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title>ul>li,#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2>div>ul>li {
    background: none !important;
    margin-left: 2px
}

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title>ul>li:first-child,#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2>div>ul>li:first-child {
    margin-left: 0
}

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title>ul>li>a,#header.sticky-header:not(.static-sticky) #primary-menu.sub-title>div>ul>li>a {
    line-height: 22px;
    padding: 19px 15px;
    text-transform: none;
    font-size: 14px;
    border-top: 0
}

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title ul li span {
    display: none
}

#page-menu,#page-menu-wrap {
    position: relative;
    height: 44px;
    line-height: 44px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

#page-menu-wrap {
    z-index: 99;
    background-color: #1abc9e;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden
}

#page-menu.sticky-page-menu #page-menu-wrap {
    position: fixed;
    z-index: 99;
    left: 0;
    width: 100%;
    box-shadow: 0 0 15px rgba(0,0,0,0.3)
}

#header.static-sticky~#page-menu.sticky-page-menu #page-menu-wrap,#header.static-sticky~#content #page-menu.sticky-page-menu #page-menu-wrap {
    top: 100px
}

#header~#page-menu.sticky-page-menu #page-menu-wrap,#header.no-sticky~#page-menu.sticky-page-menu #page-menu-wrap,#header~#content #page-menu.sticky-page-menu #page-menu-wrap,#header.no-sticky~#content #page-menu.sticky-page-menu #page-menu-wrap {
    top: 0
}

#header.sticky-header~#page-menu.sticky-page-menu #page-menu-wrap,#header.sticky-header~#content #page-menu.sticky-page-menu #page-menu-wrap {
    top: 60px
}

#page-submenu-trigger {
    top: 0;
    margin-top: 0;
    left: auto;
    right: 15px;
    width: 40px;
    height: 44px;
    line-height: 44px
}

#page-menu .menu-title {
    float: left;
    color: #FFF;
    font-size: 20px;
    font-weight: 300
}

#page-menu .menu-title span {
    font-weight: 600
}

#page-menu nav {
    position: relative;
    float: right
}

#page-menu nav ul {
    margin-bottom: 0;
    height: 44px
}

#page-menu nav li {
    position: relative;
    float: left;
    list-style: none
}

#page-menu nav li a {
    display: block;
    height: 28px;
    line-height: 28px;
    margin: 8px 4px;
    padding: 0 14px;
    color: #FFF;
    font-size: 14px;
    border-radius: 14px
}

#page-menu nav li a .icon-angle-down {
    margin-left: 5px
}

body:not(.device-touch) #page-menu nav li a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#page-menu nav li:hover a,#page-menu nav li.current a {
    background-color: rgba(0,0,0,0.15)
}

#page-menu li:hover ul {
    display: block
}

#page-menu ul ul {
    display: none;
    position: absolute;
    width: 150px;
    top: 44px;
    left: 0;
    z-index: 149;
    height: auto;
    background-color: #1abc9e
}

#page-menu ul ul ul {
    display: none !important
}

#page-menu ul ul li {
    float: none
}

#page-menu ul ul a {
    height: auto;
    line-height: 22px;
    margin: 0;
    padding: 8px 14px;
    border-radius: 0;
    background-color: rgba(0,0,0,0.15)
}

#page-menu ul ul li:hover a,#page-menu ul ul li.current a {
    background-color: rgba(0,0,0,0.3)
}

@media (min-width: 992px) {
    #page-menu.dots-menu,#page-menu.dots-menu #page-menu-wrap {
        position:fixed;
        z-index: 99;
        top: 50%;
        left: auto;
        right: 20px;
        width: 24px;
        height: auto;
        line-height: 1.5;
        background-color: transparent;
        text-shadow: none
    }

    #page-menu.dots-menu #page-menu-wrap {
        position: relative;
        box-shadow: none
    }

    #page-menu.dots-menu .menu-title {
        display: none
    }

    #page-menu.dots-menu nav {
        float: none;
        width: 24px
    }

    #page-menu.dots-menu nav ul {
        height: auto
    }

    #page-menu.dots-menu nav ul li {
        float: none;
        width: 14px;
        height: 14px;
        margin: 10px 6px
    }

    #page-menu.dots-menu nav li a {
        position: relative;
        width: 10px;
        height: 10px;
        line-height: 1.5;
        padding: 0;
        margin: 0 2px;
        background-color: rgba(0,0,0,0.4);
        border-radius: 50%;
        color: #777
    }

    #page-menu.dots-menu nav li a:hover {
        background-color: rgba(0,0,0,0.7)
    }

    #page-menu.dots-menu nav li.current a {
        background-color: #1abc9e
    }

    #page-menu.dots-menu nav li div {
        position: absolute;
        width: auto;
        top: -11px;
        right: 25px;
        background-color: #1abc9e;
        color: #FFF;
        padding: 5px 14px;
        white-space: nowrap;
        pointer-events: none;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
        border-radius: 2px;
        opacity: 0
    }

    body:not(.device-touch) #page-menu.dots-menu nav li div {
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    #page-menu.dots-menu nav li div:after {
        position: absolute;
        content: '';
        top: 50%;
        margin-top: -6px;
        left: auto;
        right: -5px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 6px solid #1abc9e
    }

    #page-menu.dots-menu nav li a:hover div {
        opacity: 1;
        right: 30px
    }
}

.one-page-arrow {
    position: absolute;
    z-index: 3;
    bottom: 45px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    font-size: 42px;
    text-align: center;
    color: #222
}

@media (min-width: 992px) {
    .side-header #header {
        position:fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 260px;
        height: 100%;
        height: calc(100vh);
        background-color: #fff;
        border: none;
        border-right: 1px solid #eee;
        overflow: hidden;
        box-shadow: 0 0 15px rgba(0,0,0,0.065)
    }

    .side-header #header-wrap {
        width: 300px;
        height: 100%;
        overflow: auto;
        padding-right: 40px
    }

    .side-header #header .container {
        width: 260px !important;
        padding: 0 30px !important;
        margin: 0 !important
    }

    .side-header #logo {
        float: none;
        margin: 60px 0 40px
    }

    .side-header #logo img {
        height: auto !important
    }

    .side-header #logo:not(.nobottomborder):after,.side-header #primary-menu:not(.nobottomborder):after {
        display: block;
        content: '';
        width: 20%;
        border-bottom: 1px solid #e5e5e5
    }

    .side-header .center #logo:after {
        margin: 0 auto
    }

    .side-header #primary-menu {
        margin-bottom: 30px
    }

    .side-header #primary-menu:not(.nobottomborder):after {
        margin-top: 40px
    }

    .side-header #primary-menu,.side-header #primary-menu ul {
        float: none;
        height: auto
    }

    .side-header #primary-menu ul li {
        float: none;
        margin: 15px 0 0
    }

    .side-header #primary-menu ul li:first-child {
        margin-top: 0
    }

    .side-header #primary-menu ul li a {
        height: 25px;
        line-height: 25px;
        padding: 0;
        text-transform: uppercase
    }

    .side-header #primary-menu ul li i {
        line-height: 24px
    }

    .side-header #primary-menu ul ul {
        position: relative;
        width: 100%;
        background-color: transparent;
        box-shadow: none;
        border: none;
        height: auto;
        z-index: 1;
        top: 0;
        left: 0;
        margin: 5px 0;
        padding-left: 12px
    }

    .side-header #primary-menu ul ul ul {
        top: 0 !important;
        left: 0
    }

    .side-header #primary-menu ul ul.menu-pos-invert {
        left: 0;
        right: auto
    }

    .side-header #primary-menu ul ul ul.menu-pos-invert {
        right: auto
    }

    .side-header #primary-menu ul ul li {
        margin: 0;
        border: 0
    }

    .side-header #primary-menu ul ul li:first-child {
        border-top: 0
    }

    .side-header #primary-menu ul ul a {
        font-size: 12px;
        height: auto !important;
        line-height: 24px !important;
        padding: 2px 0 !important
    }

    .side-header #primary-menu ul ul li:hover>a {
        background-color: transparent !important;
        color: #444 !important
    }

    .side-header #primary-menu ul>li.sub-menu>a,.side-header #primary-menu ul>li.sub-menu:hover>a {
        background-image: none !important
    }

    .side-header #primary-menu ul>li.sub-menu>a:after {
        position: absolute;
        content: '\f054';
        top: 1px;
        right: 0;
        -webkit-transition: transform .2s linear;
        -o-transition: transform .2s linear;
        transition: transform .2s linear
    }

    .side-header #primary-menu ul>li.sub-menu:hover>a:after {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .side-header:not(.open-header) #wrapper {
        margin: 0 0 0 260px !important;
        width: auto !important
    }

    .side-header:not(.open-header) #wrapper .container {
        width: auto;
        margin: 0 40px
    }

    .side-header.open-header.push-wrapper {
        overflow-x: hidden
    }

    .side-header.open-header #header {
        left: -260px
    }

    .side-header.open-header.side-header-open #header {
        left: 0
    }

    .side-header.open-header #wrapper {
        left: 0
    }

    .side-header.open-header.push-wrapper.side-header-open #wrapper {
        left: 260px
    }

    #header-trigger {
        display: none
    }

    .side-header.open-header #header-trigger {
        display: block;
        position: fixed;
        cursor: pointer;
        top: 20px;
        left: 20px;
        z-index: 11;
        font-size: 16px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        background-color: #FFF;
        text-align: center;
        border-radius: 2px
    }

    .side-header.open-header #header-trigger i {
        line-height: 32px
    }

    .side-header.open-header.side-header-open #header-trigger {
        left: 280px
    }

    .side-header.open-header #header-trigger i:nth-child(1),.side-header.open-header.side-header-open #header-trigger i:nth-child(2) {
        display: block
    }

    .side-header.open-header.side-header-open #header-trigger i:nth-child(1),.side-header.open-header #header-trigger i:nth-child(2) {
        display: none
    }

    .side-header.open-header #header,.side-header.open-header #header-trigger,.side-header.open-header.push-wrapper #wrapper {
        -webkit-transition: left .4s ease;
        -o-transition: left .4s ease;
        transition: left .4s ease
    }

    .side-header.side-header-right #header {
        left: auto;
        right: 0;
        border: none;
        border-left: 1px solid #eee
    }

    .side-header.side-header-right:not(.open-header) #wrapper {
        margin: 0 260px 0 0 !important
    }

    .side-header.side-header-right.open-header #header {
        left: auto;
        right: -260px
    }

    .side-header.side-header-right.open-header.side-header-open #header {
        left: auto;
        right: 0
    }

    .side-header.side-header-right.open-header.push-wrapper.side-header-open #wrapper {
        left: -260px
    }

    .side-header.side-header-right.open-header #header-trigger {
        left: auto;
        right: 20px
    }

    .side-header.side-header-right.open-header.side-header-open #header-trigger {
        left: auto;
        right: 280px
    }

    .side-header.side-header-right.open-header #header,.side-header.side-header-right.open-header #header-trigger {
        -webkit-transition: right .4s ease;
        -o-transition: right .4s ease;
        transition: right .4s ease
    }
}

body.side-push-panel {
    overflow-x: hidden
}

#side-panel {
    position: fixed;
    top: 0;
    right: -300px;
    z-index: 399;
    width: 300px;
    height: 100%;
    background-color: #F5F5F5;
    overflow: hidden;
    -webkit-backface-visibility: hidden
}

body.side-panel-left #side-panel {
    left: -300px;
    right: auto
}

body.side-push-panel.stretched #wrapper,body.side-push-panel.stretched #header.sticky-header .container {
    right: 0
}

body.side-panel-left.side-push-panel.stretched #wrapper,body.side-panel-left.side-push-panel.stretched #header.sticky-header .container {
    left: 0;
    right: auto
}

#side-panel .side-panel-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 330px;
    height: 100%;
    overflow: auto;
    padding: 50px 70px 50px 40px
}

body.device-touch #side-panel .side-panel-wrap {
    overflow-y: scroll
}

#side-panel .widget {
    margin-top: 40px;
    padding-top: 40px;
    width: 220px;
    border-top: 1px solid #e5e5e5
}

#side-panel .widget:first-child {
    padding-top: 0;
    border-top: 0;
    margin: 0
}

body.side-panel-open #side-panel {
    right: 0
}

body.side-panel-left.side-panel-open #side-panel {
    left: 0;
    right: auto
}

body.side-push-panel.side-panel-open.stretched #wrapper,body.side-push-panel.side-panel-open.stretched #header.sticky-header .container {
    right: 300px
}

body.side-push-panel.side-panel-open.stretched .slider-parallax-inner {
    left: -300px
}

body.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper,body.side-panel-left.side-push-panel.side-panel-open.stretched #header.sticky-header .container,body.side-panel-left.side-push-panel.side-panel-open.stretched .slider-parallax-inner {
    left: 300px;
    right: auto
}

#side-panel-trigger {
    display: block;
    cursor: pointer;
    z-index: 11;
    margin-right: 5px
}

#side-panel-trigger-close a {
    display: none
}

#side-panel,body.side-push-panel.stretched #wrapper,body.side-push-panel.stretched #header .container {
    -webkit-transition: right .4s ease;
    -o-transition: right .4s ease;
    transition: right .4s ease
}

body.side-panel-left #side-panel,body.side-panel-left.side-push-panel.stretched #wrapper,body.side-panel-left.side-push-panel.stretched #header .container,body.side-push-panel.stretched .slider-parallax-inner {
    -webkit-transition: left .4s ease;
    -o-transition: left .4s ease;
    transition: left .4s ease
}

.body-overlay {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: -1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

body.side-panel-open .body-overlay {
    opacity: 1;
    z-index: 298;
    pointer-events: auto
}

body.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover {
    cursor: url('/packages/theme_pixel/themes/pixel/css/less/images/icons/close.png') 15 15,default
}

#slider {
    position: relative;
    width: 100%;
    overflow: hidden
}

.slider-parallax {
    position: relative
}

.slider-parallax,.slider-parallax .swiper-container {
    visibility: visible;
    -webkit-backface-visibility: hidden
}

.slider-parallax .slider-parallax-inner {
    position: fixed;
    width: 100%;
    height: 100%
}

.device-touch .slider-parallax .slider-parallax-inner {
    position: relative
}

body:not(.side-header) .slider-parallax .slider-parallax-inner {
    left: 0
}

body:not(.stretched) .slider-parallax .slider-parallax-inner {
    left: auto
}

#header.transparent-header+.slider-parallax .slider-parallax-inner {
    top: 0
}

.slider-parallax .slider-parallax-inner,.slider-parallax .slider-caption,.slider-parallax .ei-title {
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: transform 0s linear;
    -webkit-backface-visibility: hidden
}

.boxed-slider {
    padding-top: 40px
}

.swiper_wrapper {
    width: 100%;
    height: 500px;
    overflow: hidden
}

.full-screen .swiper_wrapper {
    height: auto
}

.swiper_wrapper .swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    background: url('../images/pattern2.png') repeat
}

.swiper_wrapper .swiper-slide {
    position: relative;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.swiper_wrapper .swiper-slide [data-caption-animate] {
    -webkit-backface-visibility: hidden
}

.swiper-slide .video-wrap,.section .video-wrap,.swiper-slide .yt-bg-player,.section .yt-bg-player {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0
}

#slider .container {
    position: relative;
    height: 100%
}

#slider.pixel-slider .swiper-slide img {
    width: 100%
}

#slider.pixel-slider a {
    display: block;
    height: 100%
}

.swiper-pagination {
    position: absolute;
    width: 100%;
    z-index: 20;
    margin: 0;
    top: auto;
    bottom: 20px !important;
    text-align: center;
    line-height: 1
}

.swiper-pagination span {
    display: inline-block;
    cursor: pointer;
    width: 35px;
    height: 5px;
    margin: 0 4px;
    opacity: 1;
    background-color: rgba(255,255,255,0.1);
    border: 0px solid #1abc9e;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.swiper-pagination span:hover,.swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #1abc9e !important
}

.video-wrap {
    overflow: hidden;
    width: 100%;
    position: relative
}

.video-wrap video {
    position: relative;
    z-index: 1;
    width: 100%
}

.video-wrap .video-overlay,.video-wrap .video-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    -webkit-backface-visibility: hidden
}

.video-wrap .video-placeholder {
    z-index: 4;
    background-repeat: no-repeat !important
}

.slider-caption {
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 20;
    max-width: 550px;
    color: #EEE;
    font-size: 22px;
    font-weight: 300;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    -webkit-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease
}

.slider-caption:not(.dark),.slider-caption:not(.dark) h2 {
    color: #222;
    text-shadow: none
}

.slider-caption h1,.slider-caption h2,.slider-caption h3,.slider-caption h4,.slider-caption h5,.slider-caption h6 {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px
}

.slider-caption h1 {
    font-size: 72px
}

.slider-caption h2 {
    font-size: 60px
}

.slider-caption h3 {
    font-size: 48px
}

.slider-caption h4 {
    font-size: 36px
}

.slider-caption h5 {
    font-size: 28px
}

.slider-caption h6 {
    font-size: 24px
}

.slider-caption p {
    margin-bottom: 10px;
    font-size: 24px
}

.slider-caption.slider-caption-right {
    left: auto;
    right: 15px
}

.slider-caption.slider-caption-center {
    position: relative;
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0
}

.slider-caption-bg {
    padding: 5px 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(0,0,0,0.6);
    top: auto;
    bottom: 50px;
    left: 50px
}

.slider-caption-bg.slider-caption-bg-light {
    background-color: rgba(255,255,255,0.8);
    color: #333;
    font-weight: 400;
    text-shadow: none
}

.slider-caption-top-left {
    top: 50px;
    bottom: auto
}

.slider-caption-top-right {
    top: 50px;
    bottom: auto;
    left: auto;
    right: 50px
}

.slider-caption-bottom-right {
    left: auto;
    right: 50px
}

#slider .owl-carousel {
    margin: 0
}

#slider-arrow-left,#slider-arrow-right,.camera_prev,.camera_next,#slider .owl-prev,#slider .owl-next,.flex-prev,.flex-next,.nivo-prevNav,.nivo-nextNav,.slider-arrow-top-sm,.slider-arrow-bottom-sm {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: 50%;
    left: 0;
    margin-top: -26px;
    background-color: rgba(0,0,0,0.3);
    width: 52px;
    height: 52px;
    border: 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.slider-arrow-top-sm,.slider-arrow-bottom-sm {
    top: auto;
    bottom: 57px;
    left: auto;
    right: 20px;
    margin: 0;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.slider-arrow-bottom-sm {
    bottom: 20px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.fslider[data-thumbs="true"] .flex-prev,.fslider[data-thumbs="true"] .flex-next {
    margin-top: -64px
}

#slider .owl-prev,#slider .owl-next {
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

#slider-arrow-right,.camera_next,#slider .owl-next,.flex-next,.nivo-nextNav {
    left: auto;
    right: 0;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

#slider-arrow-left i,#slider-arrow-right i,.camera_prev i,.camera_next i,#slider .owl-prev i,#slider .owl-next i,.flex-prev i,.flex-next i,.nivo-prevNav i,.nivo-nextNav i,.slider-arrow-top-sm i,.slider-arrow-bottom-sm i {
    line-height: 50px;
    width: 34px;
    height: 52px;
    color: #DDD;
    color: rgba(255,255,255,0.8);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    font-size: 34px;
    text-align: center;
    margin-left: 7px
}

.slider-arrow-top-sm i,.slider-arrow-bottom-sm i {
    width: 32px;
    height: 32px;
    margin: 0;
    line-height: 30px;
    font-size: 18px;
    color: #FFF;
    color: #fff
}

.flex-prev i {
    margin-left: 9px
}

#slider .owl-prev i {
    margin-left: 0
}

#slider-arrow-right i,.camera_next i,.nivo-nextNav i {
    margin-left: 10px
}

.flex-next i {
    margin-left: 11px
}

#slider .owl-next i {
    margin-right: 4px
}

#slider .owl-nav {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

#slider .owl-nav div,#slider:hover .owl-nav {
    opacity: 1
}

#slider-arrow-left:hover,#slider-arrow-right:hover,.camera_prev:hover,.camera_next:hover,#slider .owl-prev:hover,#slider .owl-next:hover,.flex-prev:hover,.flex-next:hover,.nivo-prevNav:hover,.nivo-nextNav:hover,.slider-arrow-top-sm:hover,.slider-arrow-bottom-sm:hover {
    background-color: rgba(0,0,0,0.6) !important
}

#slide-number {
    position: absolute;
    opacity: 0;
    top: auto;
    right: 20px;
    bottom: 20px;
    z-index: 20;
    width: 36px;
    height: 40px;
    text-align: center;
    color: rgba(255,255,255,0.8);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    font-size: 18px;
    font-weight: 300;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

#slider:hover #slide-number {
    opacity: 1
}

#slide-number-current,#slide-number-total {
    position: absolute;
    line-height: 1;
    top: 5px;
    left: 0
}

#slide-number-total {
    top: auto;
    bottom: 5px;
    left: auto;
    right: 0
}

#slide-number span {
    display: block;
    font-size: 32px;
    line-height: 40px
}

#slider .owl-dots {
    position: absolute;
    width: 100%;
    z-index: 20;
    margin: 0;
    top: auto;
    bottom: 15px
}

#slider .owl-dots span {
    width: 15px;
    height: 15px;
    margin: 0 4px;
    opacity: 1;
    background-color: transparent;
    border: 1px solid #1abc9e
}

#slider .owl-dots .owl-dot.active span,#slider .owl-dots .owl-dot:hover span {
    background-color: #1abc9e !important
}

#page-title {
    position: relative;
    padding: 50px 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee
}

#page-title .container {
    position: relative
}

#page-title h1 {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    color: #333;
    font-size: 28px;
    text-transform: uppercase
}
#page-title h2 {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    color: #333;
    font-size: 28px;
    text-transform: uppercase
}

#page-title span {
    display: block;
    margin-top: 10px;
    font-weight: 300;
    color: #777;
    font-size: 18px
}

.breadcrumb {
    position: absolute !important;
    width: auto !important;
    top: 50% !important;
    left: auto !important;
    right: 15px !important;
    margin: -10px 0 0 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 12px
}

body.stretched .container-fullwidth .breadcrumb {
    right: 60px !important
}

#header.transparent-header+#page-title.page-title-parallax .breadcrumb {
    margin-top: 35px !important
}

.breadcrumb a {
    color: #555
}

.breadcrumb a:hover {
    color: #1abc9e
}

.breadcrumb i {
    width: auto !important
}

#page-title.page-title-dark {
    background-color: #333;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15) !important;
    border-bottom: none
}

#page-title.page-title-dark h1 {
    color: rgba(255,255,255,0.9) !important
}

#page-title.page-title-dark span {
    color: rgba(255,255,255,0.7)
}

#page-title.page-title-dark .breadcrumb>.active {
    color: rgba(255,255,255,0.6)
}

#page-title.page-title-dark .breadcrumb a {
    color: rgba(255,255,255,0.8)
}

#page-title.page-title-dark .breadcrumb a:hover {
    color: rgba(255,255,255,0.95)
}

#page-title.page-title-right {
    text-align: right
}

#page-title.page-title-right .breadcrumb {
    left: 15px !important;
    right: auto !important
}

#page-title.page-title-center {
    text-align: center
}

#page-title.page-title-center span {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

#page-title.page-title-center .breadcrumb {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 20px 0 0 !important
}

#page-title.page-title-pattern {
    background-image: url('../images/pattern.png');
    background-repeat: repeat;
    background-attachment: fixed
}

#page-title.page-title-parallax {
    padding: 100px 0;
    text-shadow: none;
    border-bottom: none;
    background-color: transparent;
    background-image: url('../images/parallax-bg.jpg');
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat
}

#page-title.page-title-parallax h1 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 2px
}

#page-title.page-title-parallax span {
    font-size: 22px
}

#page-title.page-title-parallax .breadcrumb {
    font-size: 13px
}

#page-title.page-title-mini {
    padding: 20px 0
}

#page-title.page-title-mini h1 {
    font-weight: 600;
    font-size: 18px;
    color: #444
}

#page-title.page-title-mini span {
    display: none
}

#page-title.page-title-nobg {
    background: transparent !important;
    border-bottom: 1px solid #f5f5f5
}

#page-title.page-title-video {
    background: none;
    position: relative;
    overflow: hidden
}

#page-title.page-title-video .container {
    z-index: 3
}

#page-title.page-title-video .video-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#page-title.page-title-video .video-wrap video {
    width: 100%
}

#content {
    position: relative;
    overflow: hidden;
    background-color: #FFF
}

#content p {
    line-height: 1.8
}

#content .content-wrap {
    position: relative;
}

#content .container {
    position: relative
}

#content .container img {
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 100%!important;
    height: auto!important;
    margin: 0 auto;
    display: block;
}
#content .container1 img {
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 100%!important;
    height: auto!important;
    margin: 0 auto;
    display: block;
    width: calc(25% - 1.5vw);
}
.grid-container {
    position: relative;
    overflow: hidden
}

body:not(.device-touch) .grid-container {
    -webkit-transition: height .4s linear;
    -o-transition: height .4s linear;
    transition: height .4s linear
}

@media (min-width: 992px) {
    .sticky-top-bar #top-bar {
        position:fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 45px;
        background-color: #FFF;
        z-index: 299
    }

    .sticky-top-bar #header {
        margin-top: 45px
    }

    .sticky-top-bar #header.sticky-header #header-wrap {
        top: 45px
    }

    .sticky-top-bar #header.sticky-header~#page-menu.sticky-page-menu #page-menu-wrap,.sticky-top-bar #header.sticky-header~#content #page-menu.sticky-page-menu #page-menu-wrap {
        top: 105px
    }
}

.portfolio-filter {
    position: relative;
    margin: 0 0 40px 0;
    list-style: none;
    border: 1px solid rgba(0,0,0,0.07000000000000001);
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.portfolio-filter li {
    float: left;
    position: relative
}

.portfolio-filter li a {
    display: block;
    position: relative;
    padding: 12px 18px;
    font-size: 13px;
    line-height: 15px;
    color: #666;
    border-left: 1px solid rgba(0,0,0,0.07000000000000001);
    border: 1px solid rgba(0, 0, 0, 0.07000000000000001)
}

.portfolio-filter li a:hover {
    color: #1abc9e
}

.portfolio-filter li:first-child a {
    border-left: none;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.portfolio-filter li:last-child a {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.portfolio-filter li.activeFilter a {
    color: #FFF !important;
    background-color: #1abc9e;
    margin: -1px 0;
    padding: 13px 18px;
    font-weight: bold
}

.bothsidebar .portfolio-filter li a {
    padding: 12px 14px
}

.bothsidebar .portfolio-filter li.activeFilter a {
    padding: 13px 18px
}

.portfolio-filter.style-2,.portfolio-filter.style-3,.portfolio-filter.style-4 {
    border: none;
    border-radius: 0
}

.portfolio-filter.style-2 li,.portfolio-filter.style-3 li,.portfolio-filter.style-4 li {
    margin-bottom: 10px
}

.portfolio-filter.style-2 li:not(:first-child),.portfolio-filter.style-3 li:not(:first-child) {
    margin-left: 10px
}

.portfolio-filter.style-2 li a,.portfolio-filter.style-3 li a,.portfolio-filter.style-4 li a {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 22px;
    border: none
}

.portfolio-filter.style-2 li.activeFilter a {
    color: #FFF !important;
    margin: 0
}

.portfolio-filter.style-3 li a {
    border: 1px solid transparent
}

.portfolio-filter.style-3 li.activeFilter a {
    color: #1abc9e !important;
    border-color: #1abc9e;
    background-color: transparent;
    margin: 0
}

.portfolio-filter.style-4 li:not(:first-child) {
    margin-left: 30px
}

.portfolio-filter.style-4 li a {
    padding: 13px 5px;
    font-size: 15px;
    border-radius: 0
}

.portfolio-filter.style-4 li a:after {
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.portfolio-filter.style-4 li.activeFilter a {
    color: #444 !important;
    background-color: transparent;
    margin: 0
}

.portfolio-filter.style-4 li.activeFilter a:after {
    width: 100%;
    left: 0%;
    background-color: #1abc9e
}

.portfolio-shuffle {
    float: right;
    width: 41px;
    height: 41px;
    border: 1px solid rgba(0,0,0,0.07000000000000001);
    font-size: 14px;
    text-align: center;
    line-height: 41px;
    color: #333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.portfolio-shuffle:hover {
    background-color: #1abc9e;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}

.portfolio {
    position: relative;
    margin: 0 -12px -12px 0
}

body:not(.device-touch) .portfolio {
    -webkit-transition: height .4s linear;
    -o-transition: height .4s linear;
    transition: height .4s linear
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-image img {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.portfolio-item {
    position: relative;
    float: left;
    width: 25%;
    height: auto;
    padding: 0 12px 12px 0
}

.portfolio-item .portfolio-image {
    position: relative;
    overflow: hidden
}

.portfolio-notitle .portfolio-item,.portfolio-notitle .iportfolio {
    overflow: hidden
}

.portfolio-item .portfolio-image,.portfolio-item .portfolio-image a,.portfolio-item .portfolio-image img {
    display: block;
    width: 100%;
    height: auto
}

.portfolio-desc {
    z-index: 3;
    padding: 15px 5px 10px
}

.portfolio-desc h3 {
    margin: 0;
    padding: 0;
    font-size: 19px
}

.portfolio-desc h3 a {
    color: #222
}

.portfolio-desc h3 a:hover {
    color: #1abc9e
}

.portfolio-desc span {
    display: block;
    margin-top: 3px;
    color: #888
}

.portfolio-desc span a {
    color: #888
}

.portfolio-desc span a:hover {
    color: #000
}

.portfolio-notitle .portfolio-desc {
    position: absolute;
    display: block !important;
    width: 100%;
    height: 78px;
    padding: 15px 5px;
    top: auto;
    bottom: -79px;
    left: 0;
    background-color: #FFF;
    border-bottom: 1px solid #eee
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-desc {
    -webkit-transition: bottom .2s ease-in-out;
    -o-transition: bottom .2s ease-in-out;
    transition: bottom .2s ease-in-out
}

.portfolio-full.portfolio-notitle .portfolio-desc,.portfolio-nomargin.portfolio-notitle .portfolio-desc {
    bottom: -78px;
    border-bottom: 0
}

.portfolio-notitle .portfolio-item:hover .portfolio-desc,.portfolio-notitle .iportfolio:hover .portfolio-desc {
    bottom: 0 !important
}

.bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-item:hover .portfolio-image img,body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img,body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img,body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .iportfolio:hover .portfolio-image img {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px)
}

body.device-touch.device-xs .portfolio-notitle .portfolio-desc,body.device-touch.device-xxs .portfolio-notitle .portfolio-desc {
    display: none !important
}

.portfolio.portfolio-nomargin,.portfolio.portfolio-full {
    margin: 0 !important
}

.portfolio-nomargin .portfolio-item,.portfolio-full .portfolio-item {
    padding: 0 !important
}

.portfolio-nomargin .portfolio-desc {
    padding: 15px 10px 15px
}

.portfolio.portfolio-full {
    width: 100.4%
}

.portfolio-full .portfolio-item {
    overflow: hidden !important
}

.portfolio-full .portfolio-desc {
    padding: 15px
}

.postcontent .portfolio-desc h3 {
    font-size: 17px
}

.postcontent .portfolio-desc span {
    font-size: 12px
}

.postcontent .portfolio-notitle .portfolio-desc {
    height: 70px;
    bottom: -71px
}

.postcontent .portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
    margin-top: -50px !important
}

.postcontent .portfolio-full.portfolio-notitle .portfolio-desc,.postcontent .portfolio-nomargin.portfolio-notitle .portfolio-desc {
    bottom: -70px
}

.bothsidebar .portfolio {
    margin: 0
}

.bothsidebar .portfolio-item {
    padding: 0
}

.bothsidebar .portfolio-desc {
    display: none !important
}

.portfolio.portfolio-3 {
    margin: 0 -15px -15px 0
}

.portfolio-3 .portfolio-item {
    width: 33.33333333%;
    padding: 0 15px 15px 0
}

.postcontent .portfolio-3 .portfolio-desc h3 {
    font-size: 18px
}

.postcontent .portfolio-3 .portfolio-desc span {
    font-size: 13px
}

.postcontent .portfolio-3.portfolio-notitle .portfolio-desc {
    height: 72px;
    bottom: -73px
}

.postcontent .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
    margin-top: -40px !important
}

.postcontent .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc,.postcontent .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc {
    bottom: -72px
}

.bothsidebar .portfolio.portfolio-3 {
    margin: 0 -11px -11px 0
}

.bothsidebar .portfolio-3 .portfolio-item {
    padding: 0 11px 11px 0
}

.bothsidebar .portfolio-3 .portfolio-desc {
    display: block !important
}

.bothsidebar .portfolio-3 .portfolio-desc h3 {
    font-size: 15px
}

.bothsidebar .portfolio-3 .portfolio-desc span {
    font-size: 12px
}

.bothsidebar .portfolio-3.portfolio-notitle .portfolio-desc {
    height: 68px;
    bottom: -69px
}

.bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
    margin-top: -50px !important
}

.bothsidebar .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc,.bothsidebar .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc {
    bottom: -68px
}

.portfolio.portfolio-2 {
    margin: 0 -20px -20px 0
}

.portfolio-2 .portfolio-item {
    width: 50%;
    padding: 0 20px 20px 0
}

.portfolio-2 .portfolio-desc {
    padding: 20px 5px 10px
}

.portfolio-2 .portfolio-desc h3 {
    font-size: 21px
}

.portfolio-2 .portfolio-desc span {
    margin-top: 4px;
    font-size: 14px
}

.portfolio-2.portfolio-nomargin .portfolio-desc {
    padding: 20px 15px 20px
}

.portfolio-2.portfolio-notitle .portfolio-desc {
    height: 90px;
    bottom: -91px
}

.portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,.portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {
    bottom: -90px
}

.postcontent .portfolio-2 .portfolio-desc h3 {
    font-size: 21px
}

.postcontent .portfolio-2 .portfolio-desc span {
    font-size: 14px
}

.postcontent .portfolio-2.portfolio-nomargin .portfolio-desc {
    padding-bottom: 20px
}

.postcontent .portfolio-2.portfolio-notitle .portfolio-desc {
    height: 90px;
    bottom: -91px
}

.postcontent .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
    margin-top: -40px !important
}

.postcontent .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,.postcontent .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {
    bottom: -90px
}

.bothsidebar .portfolio-2 .portfolio-desc {
    display: block !important;
    padding-top: 15px;
    padding-bottom: 0
}

.bothsidebar .portfolio-2 .portfolio-desc h3 {
    font-size: 19px
}

.bothsidebar .portfolio-2 .portfolio-desc span {
    font-size: 13px
}

.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-desc {
    padding-bottom: 15px
}

.bothsidebar .portfolio-2.portfolio-notitle .portfolio-desc {
    height: 75px;
    bottom: -76px
}

.bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
    margin-top: -40px !important
}

.bothsidebar .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,.bothsidebar .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {
    bottom: -75px
}

.portfolio.portfolio-5 {
    margin: 0 -10px -10px 0
}

.portfolio-5 .portfolio-item {
    width: 50%;
    padding: 0 10px 10px 0
}

.portfolio-5 .portfolio-desc h3 {
    font-size: 17px
}

.portfolio-5.portfolio-notitle .portfolio-desc {
    height: 71px;
    bottom: -72px
}

.portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
    margin-top: -30px !important
}

.portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc,.portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc {
    bottom: -71px
}

.postcontent .portfolio.portfolio-5 {
    margin: 0
}

.postcontent .portfolio-5 .portfolio-item {
    padding: 0
}

.postcontent .portfolio-5 .portfolio-desc {
    padding: 15px 10px
}

.postcontent .portfolio-5 .portfolio-desc h3 {
    font-size: 15px
}

.postcontent .portfolio-5 .portfolio-desc span {
    font-size: 12px
}

.postcontent .portfolio-5.portfolio-notitle .portfolio-desc {
    height: 68px;
    bottom: -69px
}

.postcontent .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
    margin-top: -50px !important
}

.postcontent .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc,.postcontent .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc {
    bottom: -68px
}

.portfolio.portfolio-6 {
    margin: 0 -6px -6px 0
}

.portfolio-6 .portfolio-item {
    width: 16.66666667%;
    padding: 0 6px 6px 0
}

.portfolio-6 .portfolio-desc h3 {
    font-size: 15px
}

.portfolio-6 .portfolio-desc span {
    font-size: 12px
}

.portfolio-6.portfolio-notitle .portfolio-desc {
    height: 68px;
    bottom: -69px
}

.portfolio-6.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
    margin-top: -40px !important
}

.portfolio-6.portfolio-full.portfolio-notitle .portfolio-desc,.portfolio-6.portfolio-nomargin.portfolio-notitle .portfolio-desc {
    bottom: -68px
}

.portfolio.portfolio-1 {
    margin: 0 0px -40px 0
}

.portfolio-1 .portfolio-item {
    float: none;
    width: 100%;
    margin: 0 0 40px 0;
    padding-bottom: 40px;
    padding-right: 0;
    border-bottom: 1px solid #eee
}

.portfolio-1 .portfolio-item .portfolio-image,.portfolio-1 .portfolio-item .portfolio-image a,.portfolio-1 .portfolio-item .portfolio-image img {
    display: block;
    width: 720px;
    height: 400px
}

.portfolio-1 .portfolio-item .portfolio-image {
    float: left;
    margin-right: 40px
}

.portfolio-1 .portfolio-item.alt .portfolio-image {
    float: right;
    margin: 0 0 0 40px
}

.portfolio-1 .portfolio-item.last {
    border-bottom: 0px solid #eee;
    padding-bottom: 0px
}

.portfolio-1 .portfolio-desc {
    float: left;
    width: 380px;
    padding: 10px 0
}

.portfolio-1 .portfolio-desc h3 {
    font-size: 22px
}

.portfolio-1 .portfolio-desc span {
    margin-top: 6px;
    font-size: 14px
}

.portfolio-1 .portfolio-desc p {
    margin: 20px 0 25px;
    font-size: 14px
}

.portfolio-1 .portfolio-desc li {
    margin: 3px 0
}

.portfolio-1 .alt .portfolio-desc {
    float: right
}

.postcontent .portfolio-1 .portfolio-item .portfolio-image,.postcontent .portfolio-1 .portfolio-item .portfolio-image a,.postcontent .portfolio-1 .portfolio-item .portfolio-image img {
    width: 540px;
    height: 300px
}

.postcontent .portfolio-1 .portfolio-desc {
    width: 280px
}

.bothsidebar .portfolio-1 .portfolio-item .portfolio-image {
    margin-right: 20px
}

.bothsidebar .portfolio-1 .portfolio-item .portfolio-image,.bothsidebar .portfolio-1 .portfolio-item .portfolio-image a,.bothsidebar .portfolio-1 .portfolio-item .portfolio-image img {
    width: 320px;
    height: 178px
}

.bothsidebar .portfolio-1 .portfolio-item.alt .portfolio-image {
    margin: 0 0 0 20px
}

.bothsidebar .portfolio-1 .portfolio-desc {
    display: block !important;
    width: 240px;
    padding: 0
}

.bothsidebar .portfolio-1 .portfolio-desc h3 {
    font-size: 19px
}

.bothsidebar .portfolio-1 .portfolio-desc span {
    margin-top: 5px;
    font-size: 13px
}

.bothsidebar .portfolio-1 .portfolio-desc p {
    margin: 15px 0 0 0;
    font-size: 13px
}

.bothsidebar .portfolio-1 .portfolio-desc ul,.bothsidebar .portfolio-1 .portfolio-desc .btn {
    display: none
}

.portfolio.portfolio-1.portfolio-fullwidth {
    margin: 0 0 -60px 0
}

.portfolio-1.portfolio-fullwidth .portfolio-item {
    margin-bottom: 60px;
    padding-bottom: 0;
    border-bottom: 0;
    overflow: hidden
}

.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {
    float: none;
    margin: 0 !important
}

.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
    width: 1140px;
    height: 500px
}

.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    transform: translateX(-60px)
}

.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-desc {
    right: 0
}

.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
    -webkit-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px)
}

.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-desc {
    left: 0
}

.portfolio-1.portfolio-fullwidth .portfolio-desc {
    position: absolute;
    float: none;
    width: 380px;
    height: 100%;
    padding: 30px;
    background-color: #F9F9F9;
    top: 0;
    left: auto;
    right: -380px
}

.portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
    left: -380px;
    right: auto
}

.portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
    left: auto;
    right: 33%
}

.portfolio-1.portfolio-fullwidth .portfolio-overlay a {
    left: 33%
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-desc {
    -webkit-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
    -webkit-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out
}

.postcontent .portfolio.portfolio-1.portfolio-fullwidth {
    margin: 0 0 -40px 0
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item {
    margin-bottom: 40px
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px)
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
    width: 860px;
    height: 377px
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px)
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-desc {
    width: 320px;
    padding: 25px;
    right: -320px
}

.postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
    left: -320px;
    right: auto
}

.postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
    left: auto;
    right: 32%
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-overlay a {
    left: 32%
}

.bothsidebar .portfolio.portfolio-1.portfolio-fullwidth {
    margin: 0 0 -40px 0
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item {
    margin-bottom: 40px
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px)
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
    width: 580px;
    height: 254px
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px)
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-desc {
    width: 240px;
    padding: 15px 20px;
    right: -240px
}

.bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
    left: -240px;
    right: auto
}

.bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
    left: auto;
    right: 29%
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-overlay a {
    left: 29%
}

.portfolio.portfolio-parallax {
    margin: 0 !important
}

.portfolio.portfolio-parallax .portfolio-item {
    float: none;
    width: 100% !important;
    height: 500px !important;
    margin: 0 !important
}

.portfolio.portfolio-parallax .portfolio-item .portfolio-image {
    width: 100% !important;
    height: 500px !important;
    background-attachment: fixed
}

.portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc {
    opacity: 1
}

.portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc .portfolio-divider div {
    width: 120px
}

.portfolio.portfolio-parallax .portfolio-desc {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -57px;
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    padding: 0;
    opacity: 0
}

.portfolio.portfolio-parallax .portfolio-desc h3 {
    font-size: 44px;
    font-weight: 300;
    letter-spacing: -1px
}

.portfolio.portfolio-parallax .portfolio-desc h3 a {
    color: #FFF
}

.portfolio.portfolio-parallax .portfolio-desc h3 a:hover {
    color: #DDD
}

.portfolio.portfolio-parallax .portfolio-desc span {
    margin-top: 12px;
    font-size: 16px;
    color: #CCC
}

.portfolio.portfolio-parallax .portfolio-desc span a {
    color: #DDD
}

.portfolio.portfolio-parallax .portfolio-desc span a:hover {
    color: #BBB
}

.portfolio.portfolio-parallax .portfolio-desc .portfolio-divider {
    width: 100%;
    text-align: center;
    margin: 15px 0 0
}

.portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
    display: inline-block;
    width: 50px;
    height: 0;
    border-bottom: 1px solid #fff
}

.portfolio.portfolio-parallax .portfolio-overlay {
    background-color: rgba(0,0,0,0.4)
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio.portfolio-parallax .portfolio-desc {
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
    -webkit-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

.portfolio-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    text-align: center;
    background-color: rgba(0,0,0,0.5)
}

.portfolio-overlay a {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #F5F5F5;
    width: 40px !important;
    height: 40px !important;
    margin: -28px 0 0 -44px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #444;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-backface-visibility: hidden
}

.portfolio-overlay a.right-icon {
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: -44px
}

.portfolio-overlay a.center-icon {
    display: block;
    margin: -20px 0 0 -20px;
    opacity: 0
}

.portfolio-overlay a:hover {
    color: #1abc9e;
    background-color: #EEE
}

.portfolio-overlay a i.icon-line-play {
    position: relative;
    left: 2px
}

.portfolio-overlay .portfolio-desc {
    position: relative;
    padding: 0 !important;
    margin: 0;
    text-align: center
}

.portfolio-overlay .portfolio-desc a {
    display: inline;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    font-size: inherit;
    width: auto !important;
    height: auto !important;
    line-height: 1;
    background-color: transparent !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15)
}

.portfolio-overlay .portfolio-desc a:hover {
    background: transparent
}

.portfolio-overlay .portfolio-desc h3 {
    font-weight: 600;
    color: #F5F5F5 !important;
    line-height: 1
}

.portfolio-overlay .portfolio-desc h3 a {
    color: #F5F5F5 !important
}

.portfolio-overlay .portfolio-desc span {
    margin-top: 7px;
    color: #DDD !important
}

.portfolio-overlay .portfolio-desc span a {
    color: #DDD !important;
    font-size: inherit
}

.portfolio-overlay .portfolio-desc~a {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    margin: 20px 0 0 !important
}

.portfolio-overlay .portfolio-desc~a.right-icon {
    left: 0;
    right: 0;
    margin-left: 5px !important;
    margin-right: 0 !important
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay {
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay a {
    -webkit-transition: color .2s linear,background-color .2s linear,margin-top .2s linear,opacity .2s linear;
    -o-transition: color .2s linear,background-color .2s linear,margin-top .2s linear,opacity .2s linear;
    transition: color .2s linear,background-color .2s linear,margin-top .2s linear,opacity .2s linear
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay .portfolio-desc~a {
    -webkit-transition: color .2s linear,background-color .2s linear,opacity .2s linear;
    -o-transition: color .2s linear,background-color .2s linear,opacity .2s linear;
    transition: color .2s linear,background-color .2s linear,opacity .2s linear
}

.portfolio-item:hover .portfolio-overlay,.iportfolio:hover .portfolio-overlay {
    opacity: 1
}

.portfolio-item:hover a.center-icon,.iportfolio:hover a.center-icon {
    opacity: 1
}

.portfolio-item:hover .portfolio-overlay a.left-icon,.portfolio-item:hover .portfolio-overlay a.right-icon,.iportfolio:hover .portfolio-overlay a.left-icon,.iportfolio:hover .portfolio-overlay a.right-icon {
    margin-top: -18px
}

body.device-touch.device-xs .portfolio-notitle .portfolio-overlay,body.device-touch.device-xxs .portfolio-notitle .portfolio-overlay {
    display: none !important
}

.portfolio-single-image>a,.portfolio-single-image .slide a,.portfolio-single-image img,.portfolio-single-image iframe,.portfolio-single-image video {
    display: block;
    width: 100%
}

.portfolio-single-image-full {
    position: relative;
    height: 600px;
    overflow: hidden;
    margin: -80px 0 80px !important
}

.portfolio-single-video {
    height: auto !important
}

.portfolio-single-image-full .swiper-container {
    width: 100%;
    height: 600px;
    background-color: #333
}

.portfolio-single-image-full .swiper-slide {
    overflow: hidden
}

.portfolio-single-image-full .swiper-slide img {
    width: 100%;
    height: auto
}

.portfolio-single-image-full .swiper-nested-1,.portfolio-single-image-full .swiper-nested-2 {
    width: 100%
}

.masonry-thumbs {
    position: relative
}

.masonry-thumbs a {
    position: relative;
    float: left;
    width: 25%;
    overflow: hidden
}

.masonry-thumbs.col-2 a {
    width: 50%
}

.masonry-thumbs.col-3 a {
    width: 33.30%
}

.masonry-thumbs.col-4 a {
    width: 25%
}

.masonry-thumbs.col-5 a {
    width: 20%
}

.masonry-thumbs.col-6 a {
    width: 16.60%
}

.masonry-thumbs img {
    width: 100%;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    padding: 0 1px 1px 0
}

.masonry-thumbs .overlay {
    padding: 0 1px 1px 0
}

.masonry-thumbs a,.masonry-thumbs img {
    display: block;
    height: auto !important
}

.portfolio-single-content {
    font-size: 14px
}

.portfolio-single-content h2 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 20px;
    font-weight: 600 !important
}

.portfolio-ajax-modal {
    width: 1000px !important
}

.modal-padding {
    padding: 40px
}

.ajax-modal-title {
    background-color: #F9F9F9;
    border-bottom: 1px solid #eee;
    padding: 25px 40px
}

.ajax-modal-title h2 {
    font-size: 26px;
    margin-bottom: 0
}

#portfolio-ajax-wrap {
    position: relative;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .4s ease;
    -o-transition: max-height .4s ease;
    transition: max-height .4s ease
}

#portfolio-ajax-wrap.portfolio-ajax-opened {
    max-height: 1200px
}

#portfolio-ajax-container {
    display: none;
    padding-bottom: 60px
}

#portfolio-ajax-single h2 {
    font-size: 26px
}

.portfolio-meta,.portfolio-share {
    list-style: none;
    font-size: 14px
}

.portfolio-meta li {
    margin: 10px 0;
    color: #666
}

.portfolio-meta li:first-child {
    margin-top: 0
}

.portfolio-meta li span {
    display: inline-block;
    width: 50%;
    /* font-weight: bold; */
    /* color: #333; */
}

.portfolio-meta li span i {
    position: relative;
    top: 1px;
    width: 14px;
    text-align: center;
    margin-right: 7px
}

.well .line {
    margin: 20px 0;
    border-color: #E5E5E5
}

#portfolio-navigation {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    max-width: 96px;
    height: 24px;
    margin-top: -12px
}

#portfolio-navigation a {
    display: block;
    float: left;
    margin-left: 12px;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #444;
    transition: color .3s linear;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear
}

#portfolio-navigation a i {
    position: relative;
    top: -1px;
    font-size: 24px;
    line-height: 1
}

#portfolio-navigation a i.icon-angle-right {
    left: -1px
}

#portfolio-navigation a:first-child {
    margin-left: 0
}

#portfolio-navigation a:hover {
    color: #1abc9e
}

.page-title-right #portfolio-navigation {
    left: 10px;
    right: auto
}

.page-title-center #portfolio-navigation {
    position: relative;
    top: 0;
    left: 0;
    margin: 20px auto 0
}

.page-title-dark #portfolio-navigation a {
    color: #EEE
}

.page-title-parallax #portfolio-navigation a {
    color: #FFF
}

#portfolio-navigation a i.icon-angle-left,#portfolio-navigation a i.icon-angle-right {
    font-size: 32px;
    top: -6px
}

#portfolio-ajax-show #portfolio-navigation {
    top: 0;
    margin-top: 0
}

.iportfolio {
    position: relative;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0
}

.iportfolio .portfolio-image {
    position: relative;
    overflow: hidden
}

.iportfolio .portfolio-image,.iportfolio .portfolio-image a,.iportfolio .portfolio-image img {
    display: block;
    width: 100%;
    height: auto
}

.iportfolio .portfolio-overlay {
    height: 100% !important
}

#posts {
    position: relative
}

#posts .entry-content {
    margin-top: 30px
}

.entry {
    position: relative;
    margin: 0 0 50px;
    padding: 0 0 50px;
    border-bottom: 2px solid #f5f5f5
}

.entry blockquote p {
    font-weight: 400;
    font-family: 'Crete Round',serif;
    font-style: italic
}

.entry.last {
    padding-bottom: 0;
    border-bottom: 0px solid #f5f5f5
}

.entry-image {
    margin-bottom: 30px
}

.entry-image iframe {
    display: block
}

.entry-image img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.entry-image,.entry-image>a,.entry-image .slide a,.entry-image img {
    display: block;
    position: relative;
    width: 100%;
    height: auto
}

.entry-title h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}

.entry-title h2 a {
    color: #333
}

.entry-title h2 a:hover {
    color: #1abc9e
}

.entry-meta {
    margin: 10px -10px -15px 0;
    list-style: none
}

.entry-meta li {
    font-size: 13px;
    line-height: 14px;
    margin: 0 10px 15px 0;
    color: #999;
    font-family: 'Crete Round',serif;
    font-style: italic
}

.entry-meta li:before {
    display: inline-block;
    margin-right: 10px;
    opacity: 0.5
}

.entry-meta li i {
    position: relative;
    top: 1px;
    font-size: 14px;
    margin-right: 3px
}

.entry-meta li a {
    color: #999
}

.entry-meta li a:hover {
    color: #1abc9e
}

.entry-meta li:first-child:before {
    display: none
}

.entry-meta li ins {
    font-weight: 600;
    text-decoration: none
}

.single-post .entry-meta {
    margin-bottom: 20px
}

.single-post .entry-content .entry-image {
    max-width: 350px
}

.entry-c {
    position: relative;
    overflow: hidden
}

.entry-content {
    position: relative
}

.entry-link {
    display: block;
    width: 100%;
    background-color: #F5F5F5;
    padding: 30px 0;
    text-align: center;
    color: #444;
    font-family: 'Raleway',sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 24px;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.entry-link:hover {
    color: #FFF;
    background-color: #1abc9e;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}

.entry-link:hover span {
    color: #EEE
}

.entry-link span {
    display: block;
    margin-top: 5px;
    font-family: 'Crete Round',serif;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    color: #AAA
}

body:not(.device-touch) .entry-link {
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.small-thumbs .entry-image,.ievent .entry-image {
    float: left;
    width: 300px;
    margin: 0 30px 0 0
}

.small-thumbs .entry-image img,.ievent .entry-image img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.small-thumbs .entry-c .entry-image,.ievent .entry-c .entry-image {
    float: none;
    width: 100%;
    margin: 0 0 20px 0
}

.small-thumbs .entry-c .entry-image img,.ievent .entry-c .entry-image img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.small-thumbs .entry-title h2,.ievent .entry-title h2 {
    font-size: 20px;
    font-weight: 600
}

.small-thumbs.alt .entry-image {
    float: right;
    margin: 0 0 0 30px
}

.small-thumbs.alt .entry-c .entry-image {
    float: none;
    margin: 0 0 20px 0
}

.bothsidebar .small-thumbs .entry-image {
    width: 200px;
    margin: 0 25px 0 0
}

.bothsidebar .small-thumbs.alt .entry-image {
    margin: 0 0 0 25px
}

.bothsidebar .small-thumbs .entry-c .entry-image {
    width: 100%;
    margin: 0 0 20px 0
}

.bothsidebar .small-thumbs .entry-title h2 {
    font-size: 18px
}

.post-grid {
    margin-right: -28px
}

.post-grid .entry {
    float: left;
    width: 264px;
    margin-right: 28px
}

.post-grid .entry-image img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.post-grid .entry-title h2 {
    font-size: 17px;
    font-weight: 600
}

.post-grid .entry-link {
    font-size: 24px
}

.post-grid .entry-link span {
    font-size: 13px
}

.post-grid.grid-3 {
    margin-right: -30px
}

.post-grid.grid-3 .entry {
    width: 360px;
    margin-right: 30px
}

.post-grid.grid-3 .entry-title h2 {
    font-size: 18px
}

.postcontent .post-grid.grid-3 {
    margin-right: -25px
}

.postcontent .post-grid.grid-3 .entry {
    width: 270px;
    margin-right: 25px
}

.postcontent .post-grid.grid-3 .entry-title h2 {
    font-size: 16px
}

.post-grid.grid-2 {
    margin-right: -40px
}

.post-grid.grid-2 .entry {
    width: 550px;
    margin-right: 40px
}

.post-grid.grid-2 .entry-title h2 {
    font-size: 20px
}

.postcontent .post-grid.grid-2 .entry {
    width: 410px
}

.postcontent .post-grid.grid-2 .entry-title h2 {
    font-size: 18px
}

.bothsidebar .post-grid.grid-2 .entry {
    width: 270px
}

.bothsidebar .post-grid.grid-2 .entry-title h2 {
    font-size: 16px
}

.ipost .entry-image img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.ipost .entry-title h3,.ipost .entry-title h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600
}

.ipost .entry-title h3 a,.ipost .entry-title h4 a {
    color: #333
}

.ipost .entry-title h3 a:hover,.ipost .entry-title h4 a:hover {
    color: #1abc9e
}

.ipost .entry-title h4 {
    font-size: 15px
}

.ipost .entry-meta {
    margin-right: -10px
}

.ipost .entry-meta li {
    font-size: 13px;
    margin-right: 10px
}

.ipost .entry-content {
    margin-top: 20px
}

.ipost .entry-content p {
    margin-bottom: 0
}

.more-link {
    display: inline-block;
    border-bottom: 1px solid #1abc9e;
    padding: 0 2px;
    font-family: 'Crete Round',serif;
    font-style: italic
}

.more-link:hover {
    border-bottom-color: #555
}

.overlay-icon {
    position: absolute;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    width: 48px;
    height: 48px;
    background-color: rgba(0,0,0,0.2);
    text-align: center
}

.overlay-icon i {
    line-height: 48px;
    font-size: 28px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}

.spost,.mpost {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #e5e5e5
}

.mpost {
    margin-top: 25px;
    padding-top: 25px
}

.spost:first-child,.mpost:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

.spost .entry-image,.mpost .entry-image {
    float: left;
    margin: 0 15px 0 0;
    text-align: center
}

.spost .entry-image,.spost .entry-image a,.spost .entry-image img,.spost .entry-image i {
    width: 48px;
    height: 48px
}

.spost .entry-image a i,.mpost .entry-image a i {
    font-size: 28px;
    line-height: 48px;
    color: #666;
    background-color: #EEE
}

.spost .entry-title h4,.mpost .entry-title h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 600
}

.spost .entry-title h4 a,.mpost .entry-title h4 a {
    color: #333
}

.spost .entry-title h4 a:hover,.mpost .entry-title h4 a:hover {
    color: #1abc9e
}

.spost .entry-meta {
    margin: 8px -10px 0 0
}

.spost .entry-meta li,.mpost .entry-meta li {
    font-size: 13px;
    margin: 0 10px 0 0
}

.mpost .entry-image {
    margin-right: 20px
}

.mpost .entry-image a i {
    font-size: 42px;
    line-height: 128px
}

.mpost .entry-title h4 {
    margin: 0;
    font-size: 17px;
    font-weight: 600
}

.mpost .entry-meta {
    margin-top: 5px
}

.mpost .entry-meta li i {
    margin-right: 2px
}

.mpost .entry-content {
    margin-top: 15px
}

.mpost .entry-image,.mpost .entry-image a,.mpost .entry-image img,.mpost .entry-image i {
    width: 170px;
    height: 128px
}

.mpost .entry-image a,.mpost .entry-image img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.post-navigation+.line {
    margin: 40px 0 50px
}

.author-image {
    float: left;
    width: 84px;
    height: 84px;
    margin-right: 15px
}

.author-image img {
    width: 84px;
    height: 84px
}

img.alignleft,div.alignleft {
    float: left;
    margin: 5px 20px 13px 0;
    max-width: 100%
}

div.alignleft>img,div.alignnone>img,div.aligncenter>img,div.alignright>img {
    display: block;
    float: none
}

img.alignnone,img.aligncenter,div.alignnone,div.aligncenter {
    display: block;
    margin: 10px 0;
    float: none
}

img.aligncenter,div.aligncenter,div.aligncenter img {
    margin-left: auto;
    margin-right: auto;
    clear: both
}

img.alignright,div.alignright {
    float: right;
    margin: 5px 0 13px 20px
}

.wp-caption {
    text-align: center;
    margin: 10px 20px 13px 20px;
    font-family: 'Lato',Georgia,"Times New Roman",Times,serif;
    font-style: italic
}

.wp-caption img,.wp-caption img a {
    display: block;
    margin: 0
}

p.wp-caption-text {
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 5px 10px;
    background-color: #EEE;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

.wp-smiley {
    max-height: 13px;
    margin: 0 !important
}

.countdown {
    display: block
}

.countdown-row {
    display: block;
    position: relative;
    text-align: center
}

.countdown-section {
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    width: 25%;
    border-left: 1px dotted #bbb;
    color: #888;
    text-transform: capitalize
}

.countdown-section:first-child {
    border-left: 0
}

.countdown-amount {
    display: block;
    font-size: 20px;
    color: #333;
    margin-bottom: 5px
}

.countdown-descr {
    display: block;
    width: 100%
}

.countdown-medium .countdown-section {
    font-size: 14px
}

.countdown-medium .countdown-amount {
    font-size: 30px;
    margin-bottom: 7px
}

.countdown-large .countdown-section {
    font-size: 18px
}

.countdown-large .countdown-amount {
    font-size: 44px;
    font-weight: 600;
    margin-bottom: 8px
}

.countdown.countdown-inline {
    display: inline-block
}

.countdown.countdown-inline .countdown-row {
    display: inline-block;
    text-align: center
}

.countdown.countdown-inline .countdown-section {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    width: auto;
    border: none;
    color: inherit;
    margin-left: 7px;
    text-transform: inherit
}

.countdown.countdown-inline .countdown-section:first-child {
    margin-left: 0
}

.countdown.countdown-inline .countdown-amount {
    display: inline-block;
    font-size: inherit;
    color: inherit;
    font-weight: bold;
    margin: 0 3px 0 0
}

.countdown.countdown-inline .countdown-descr {
    display: inline-block;
    width: auto
}

body:not(.device-xs):not(.device-xxs) .countdown.countdown-large.coming-soon .countdown-section {
    border: none;
    padding: 15px
}

body:not(.device-xs):not(.device-xxs) .countdown.countdown-large.coming-soon .countdown-amount {
    height: 140px;
    line-height: 140px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.2);
    margin-bottom: 15px !important
}

a.button,button.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #1abc9e;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    width: 100%;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}

body:not(.device-touch) a.button,body:not(.device-touch) button.button {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

a.button-dark,button.button-dark {
    background-color: #444
}

a.button-light,button.button-light {
    background-color: #EEE;
    color: #333;
    text-shadow: none !important
}

a.button:hover,a.button.hover,button.button:hover,button.button.hover {
    background-color: #444;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}

a.button.button-dark:hover,a.button.button-dark.hover,button.button.button-dark:hover,button.button.button-dark.hover {
    background-color: #1abc9e
}

a.button.button-mini,button.button.button-mini {
    padding: 0 14px;
    font-size: 11px;
    height: 28px;
    line-height: 28px
}

a.button.button-small,button.button.button-small {
    padding: 0 17px;
    font-size: 12px;
    height: 34px;
    line-height: 34px
}

a.button.button-large,button.button.button-large {
    padding: 0 26px;
    font-size: 16px;
    height: 46px;
    line-height: 46px
}

a.button.button-xlarge,button.button.button-xlarge {
    padding: 0 32px;
    font-size: 18px;
    letter-spacing: 2px;
    height: 52px;
    line-height: 52px
}

a.button.button-desc,button.button.button-desc {
    text-align: left;
    padding: 24px 34px;
    font-size: 22px;
    height: auto;
    line-height: 1;
    font-family: 'Raleway',sans-serif
}

a.button.button-desc span,button.button.button-desc span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Crete Round',serif;
    font-style: italic;
    text-transform: none
}

a.button i,button.button i {
    position: relative;
    top: 1px;
    line-height: 1;
    margin-right: 5px;
    width: 16px;
    text-align: center
}

a.button.tright i,button.button.tright i {
    margin: 0 0 0 5px
}

a.button-mini i,button.button-mini i {
    margin-right: 3px
}

a.button-mini.tright i,button.button-mini.tright i {
    margin: 0 0 0 3px
}

a.button-small i,button.button-small i {
    margin-right: 4px
}

a.button-small.tright i,button.button-small.tright i {
    margin: 0 0 0 4px
}

a.button-xlarge i,button.button-xlarge i {
    top: 2px;
    margin-right: 8px
}

a.button-xlarge.tright i,button.button-xlarge.tright i {
    margin: 0 0 0 8px
}

a.button.button-desc i,button.button.button-desc i {
    top: 1px;
    font-size: 48px;
    width: 48px;
    text-align: center;
    margin-right: 12px
}

a.button.button-desc.tright i,button.button.button-desc.tright i {
    margin: 0 0 0 12px
}

a.button.button-desc div,button.button.button-desc div {
    display: inline-block
}

a.button.button-rounded,button.button.button-rounded {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

a.button.button-border,button.button.button-border {
    border: 2px solid #444;
    background-color: transparent;
    color: #333;
    line-height: 36px;
    font-weight: 600;
    text-shadow: none
}

a.button.button-border-thin,button.button.button-border-thin {
    border-width: 1px;
    line-height: 38px
}

a.button.button-border.button-mini,button.button.button-border.button-mini {
    line-height: 24px
}

a.button.button-border.button-small,button.button.button-border.button-small {
    line-height: 30px
}

a.button.button-border.button-large,button.button.button-border.button-large {
    line-height: 42px
}

a.button.button-border.button-xlarge,button.button.button-border.button-xlarge {
    line-height: 48px
}

a.button.button-border-thin.button-mini,button.button.button-border-thin.button-mini {
    line-height: 26px
}

a.button.button-border-thin.button-small,button.button.button-border-thin.button-small {
    line-height: 32px
}

a.button.button-border-thin.button-large,button.button.button-border-thin.button-large {
    line-height: 44px
}

a.button.button-border-thin.button-xlarge,button.button.button-border-thin.button-xlarge {
    line-height: 50px
}

a.button.button-border.button-desc,button.button.button-border.button-desc {
    line-height: 1
}

a.button.button-border:not(.button-fill):hover,a.button.button-border.hover:not(.button-fill),button.button.button-border:not(.button-fill):hover,button.button.button-border.hover:not(.button-fill) {
    background-color: #444;
    color: #FFF;
    border-color: transparent !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}

a.button.button-border.button-light,button.button.button-border.button-light {
    border-color: #EEE;
    color: #EEE
}

a.button.button-border.button-light:hover,a.button.button-border.button-light.hover,button.button.button-border.button-light:hover,button.button.button-border.button-light.hover {
    background-color: #EEE;
    color: #333;
    text-shadow: none
}

a.button.button-3d,button.button.button-3d {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,0.15);
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

a.button.button-3d:hover,a.button.button-3d.hover,button.button.button-3d:hover,button.button.button-3d.hover {
    background-color: #1abc9e !important;
    opacity: 0.9
}

a.button.button-3d.button-light:hover,a.button.button-3d.button-light.hover,a.button.button-reveal.button-light:hover,a.button.button-reveal.button-light.hover,button.button.button-3d.button-light:hover,button.button.button-3d.button-light.hover,button.button.button-reveal.button-light:hover,button.button.button-reveal.button-light.hover {
    text-shadow: none;
    color: #333
}

a.button.button-reveal,button.button.button-reveal {
    padding: 0 28px;
    overflow: hidden
}

a.button.button-reveal i,button.button.button-reveal i {
    display: block;
    position: absolute;
    top: 0;
    left: -32px;
    width: 32px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    text-align: center;
    background-color: rgba(0,0,0,0.1)
}

a.button.button-reveal.button-border i,button.button.button-reveal.button-border i {
    top: -2px
}

a.button.button-reveal.tright i,button.button.button-reveal.tright i {
    left: auto;
    right: -32px
}

a.button.button-reveal.button-3d i,a.button.button-reveal.button-rounded i,button.button.button-reveal.button-3d i,button.button.button-reveal.button-rounded i {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

a.button.button-reveal.button-3d.tright i,a.button.button-reveal.button-rounded.tright i,button.button.button-reveal.button-3d.tright i,button.button.button-reveal.button-rounded.tright i {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

a.button.button-reveal span,button.button.button-reveal span {
    display: inline-block;
    position: relative;
    left: 0
}

body:not(.device-touch) a.button.button-reveal i,body:not(.device-touch) a.button.button-reveal span,body:not(.device-touch) button.button.button-reveal i,body:not(.device-touch) button.button.button-reveal span {
    -webkit-transition: left .3s ease,right .3s ease;
    -o-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease
}

a.button.button-reveal.button-mini,button.button.button-reveal.button-mini {
    padding: 0 17px
}

a.button.button-reveal.button-mini i,button.button.button-reveal.button-mini i {
    left: -22px;
    width: 22px;
    height: 28px;
    line-height: 28px
}

a.button.button-reveal.button-mini.tright i,button.button.button-reveal.button-mini.tright i {
    left: auto;
    right: -22px
}

a.button.button-reveal.button-small,button.button.button-reveal.button-small {
    padding: 0 22px
}

a.button.button-reveal.button-small i,button.button.button-reveal.button-small i {
    left: -26px;
    width: 26px;
    height: 34px;
    line-height: 34px
}

a.button.button-reveal.button-small.tright i,button.button.button-reveal.button-small.tright i {
    left: auto;
    right: -26px
}

a.button.button-reveal.button-large,button.button.button-reveal.button-large {
    padding: 0 32px
}

a.button.button-reveal.button-large i,button.button.button-reveal.button-large i {
    left: -38px;
    width: 38px;
    height: 46px;
    line-height: 46px
}

a.button.button-reveal.button-large.tright i,button.button.button-reveal.button-large.tright i {
    left: auto;
    right: -38px
}

a.button.button-reveal.button-xlarge,button.button.button-reveal.button-xlarge {
    padding: 0 40px
}

a.button.button-reveal.button-xlarge i,button.button.button-reveal.button-xlarge i {
    left: -44px;
    width: 44px;
    height: 52px;
    line-height: 52px
}

a.button.button-reveal.button-xlarge.tright i,button.button.button-reveal.button-xlarge.tright i {
    left: auto;
    right: -44px
}

a.button.button-reveal:hover i,a.button.button-reveal.hover i,button.button.button-reveal:hover i,button.button.button-reveal.hover i {
    left: 0
}

a.button.button-reveal.tright:hover i,a.button.button-reveal.tright.hover i,button.button.button-reveal.tright:hover i,button.button.button-reveal.tright.hover i {
    left: auto;
    right: 0
}

a.button.button-reveal:hover span,button.button.button-reveal:hover span {
    left: 16px
}

a.button.button-reveal.button-mini:hover span,button.button.button-reveal.button-mini:hover span {
    left: 11px
}

a.button.button-reveal.button-small:hover span,button.button.button-reveal.button-small:hover span {
    left: 13px
}

a.button.button-reveal.button-large:hover span,button.button.button-reveal.button-large:hover span {
    left: 19px
}

a.button.button-reveal.button-xlarge:hover span,button.button.button-reveal.button-xlarge:hover span {
    left: 22px
}

a.button.button-reveal.tright:hover span,button.button.button-reveal.tright:hover span {
    left: -16px
}

a.button.button-reveal.button-mini.tright:hover span,button.button.button-reveal.button-mini.tright:hover span {
    left: -11px
}

a.button.button-reveal.button-small.tright:hover span,button.button.button-reveal.button-small.tright:hover span {
    left: -13px
}

a.button.button-reveal.button-large.tright:hover span,button.button.button-reveal.button-large.tright:hover span {
    left: -19px
}

a.button.button-reveal.button-xlarge.tright:hover span,button.button.button-reveal.button-xlarge.tright:hover span {
    left: -22px
}

a.button.button-full,button.button.button-full {
    display: block !important;
    white-space: normal;
    margin: 0;
    height: auto;
    line-height: 1.6;
    padding: 30px 0;
    font-size: 30px;
    font-weight: 300;
    text-transform: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

a.button.button-full.button-light,button.button.button-full.button-light {
    border-bottom: 1px solid rgba(0,0,0,0.15)
}

a.button.button-full strong,button.button.button-full strong {
    font-weight: 600;
    border-bottom: 2px solid #eee
}

body:not(.device-touch) a.button.button-full strong,body:not(.device-touch) button.button.button-full strong {
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

a.button.button-full.button-light strong,button.button.button-full.button-light strong {
    border-bottom-color: #333
}

a.button.button-full.button-light:hover strong,a.button.button-full.button-light.hover strong,button.button.button-full.button-light:hover strong,button.button.button-full.button-light.hover strong {
    border-bottom-color: #EEE
}

a.button.button-circle,button.button.button-circle {
    border-radius: 20px
}

a.button.button-mini.button-circle,button.button.button-mini.button-circle {
    border-radius: 14px
}

a.button.button-small.button-circle,button.button.button-small.button-circle {
    border-radius: 17px
}

a.button.button-large.button-circle,button.button.button-large.button-circle {
    border-radius: 23px
}

a.button.button-xlarge.button-circle,button.button.button-xlarge.button-circle {
    border-radius: 26px
}

a.button.button-border.button-fill,button.button.button-border.button-fill {
    overflow: hidden;
    transform-style: preserve-3d;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    -webkit-backface-visibility: hidden
}

a.button.button-border.button-fill span,button.button.button-border.button-fill span {
    position: relative
}

a.button.button-border.button-fill:hover,button.button.button-border.button-fill:hover {
    background-color: transparent !important;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}

a.button.button-border.button-fill.button-light:hover,a.button.button-border.button-fill.button-light.hover,button.button.button-border.button-fill.button-light:hover,button.button.button-border.button-fill.button-light.hover {
    border-color: #EEE !important;
    color: #333 !important;
    text-shadow: none
}

a.button.button-border.button-fill:before,button.button.button-border.button-fill:before {
    content: '';
    position: absolute;
    background-color: #444;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-backface-visibility: hidden
}

a.button.button-border.button-fill.button-light:before,button.button.button-border.button-fill.button-light:before {
    background-color: #EEE
}

a.button.button-border.button-fill.fill-from-right:before,button.button.button-border.button-fill.fill-from-right:before {
    left: auto;
    right: 0
}

a.button.button-border.button-fill:hover:before,button.button.button-border.button-fill:hover:before {
    width: 100%
}

a.button.button-border.button-fill.fill-from-top:before,a.button.button-border.button-fill.fill-from-bottom:before,button.button.button-border.button-fill.fill-from-top:before,button.button.button-border.button-fill.fill-from-bottom:before {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

a.button.button-border.button-fill.fill-from-top:before,button.button.button-border.button-fill.fill-from-top:before {
    width: 100%;
    height: 0
}

a.button.button-border.button-fill.fill-from-top:hover:before,button.button.button-border.button-fill.fill-from-top:hover:before {
    height: 100%
}

a.button.button-border.button-fill.fill-from-bottom:before,button.button.button-border.button-fill.fill-from-bottom:before {
    width: 100%;
    height: 0;
    top: auto;
    bottom: 0
}

a.button.button-border.button-fill.fill-from-bottom:hover:before,button.button.button-border.button-fill.fill-from-bottom:hover:before {
    height: 100%
}

a.button-red,button.button-red {
    background-color: #C02942
}

a.button-3d.button-red:hover,a.button-3d.button-red.hover,a.button-reveal.button-red:hover,a.button-reveal.button-red.hover,a.button-border.button-red:hover,a.button-border.button-red.hover,a.button-border.button-red.button-fill:before,button.button-3d.button-red:hover,button.button-3d.button-red.hover,button.button-reveal.button-red:hover,button.button-reveal.button-red.hover,button.button-border.button-red:hover,button.button-border.button-red.hover,button.button-border.button-red.button-fill:before {
    background-color: #C02942 !important
}

a.button-border.button-red,button.button-border.button-red {
    color: #C02942;
    border-color: #C02942
}

a.button-teal,button.button-teal {
    background-color: #53777A
}

a.button-3d.button-teal:hover,a.button-3d.button-teal.hover,a.button-reveal.button-teal:hover,a.button-reveal.button-teal.hover,a.button-border.button-teal:hover,a.button-border.button-teal.hover,a.button-border.button-teal.button-fill:before,button.button-3d.button-teal:hover,button.button-3d.button-teal.hover,button.button-reveal.button-teal:hover,button.button-reveal.button-teal.hover,button.button-border.button-teal:hover,button.button-border.button-teal.hover,button.button-border.button-teal.button-fill:before {
    background-color: #53777A !important
}

a.button-border.button-teal,button.button-border.button-teal {
    color: #53777A;
    border-color: #53777A
}

a.button-yellow,button.button-yellow {
    background-color: #ECD078
}

a.button-3d.button-yellow:hover,a.button-3d.button-yellow.hover,a.button-reveal.button-yellow:hover,a.button-reveal.button-yellow.hover,a.button-border.button-yellow:hover,a.button-border.button-yellow.hover,a.button-border.button-yellow.button-fill:before,button.button-3d.button-yellow:hover,button.button-3d.button-yellow.hover,button.button-reveal.button-yellow:hover,button.button-reveal.button-yellow.hover,button.button-border.button-yellow:hover,button.button-border.button-yellow.hover,button.button-border.button-yellow.button-fill:before {
    background-color: #ECD078 !important
}

a.button-border.button-yellow,a.button-border.button-yellow.button-fill.button-light:hover,button.button-border.button-yellow,button.button-border.button-yellow.button-fill.button-light:hover {
    color: #ECD078 !important;
    border-color: #ECD078 !important
}

a.button-border.button-yellow:hover,a.button-border.button-yellow.button-fill.button-light:hover,button.button-border.button-yellow:hover,button.button-border.button-yellow.button-fill.button-light:hover {
    color: #333 !important
}

a.button-green,button.button-green {
    background-color: #59BA41
}

a.button-3d.button-green:hover,a.button-3d.button-green.hover,a.button-reveal.button-green:hover,a.button-reveal.button-green.hover,a.button-border.button-green:hover,a.button-border.button-green.hover,a.button-border.button-green.button-fill:before,button.button-3d.button-green:hover,button.button-3d.button-green.hover,button.button-reveal.button-green:hover,button.button-reveal.button-green.hover,button.button-border.button-green:hover,button.button-border.button-green.hover,button.button-border.button-green.button-fill:before {
    background-color: #59BA41 !important
}

a.button-border.button-green,button.button-border.button-green {
    color: #59BA41;
    border-color: #59BA41
}

a.button-brown,button.button-brown {
    background-color: #774F38
}

a.button-3d.button-brown:hover,a.button-3d.button-brown.hover,a.button-reveal.button-brown:hover,a.button-reveal.button-brown.hover,a.button-border.button-brown:hover,a.button-border.button-brown.hover,a.button-border.button-brown.button-fill:before,button.button-3d.button-brown:hover,button.button-3d.button-brown.hover,button.button-reveal.button-brown:hover,button.button-reveal.button-brown.hover,button.button-border.button-brown:hover,button.button-border.button-brown.hover,button.button-border.button-brown.button-fill:before {
    background-color: #774F38 !important
}

a.button-border.button-brown,button.button-border.button-brown {
    color: #774F38;
    border-color: #774F38
}

a.button-aqua,button.button-aqua {
    background-color: #40C0CB
}

a.button-3d.button-aqua:hover,a.button-3d.button-aqua.hover,a.button-reveal.button-aqua:hover,a.button-reveal.button-aqua.hover,a.button-border.button-aqua:hover,a.button-border.button-aqua.hover,a.button-border.button-aqua.button-fill:before,button.button-3d.button-aqua:hover,button.button-3d.button-aqua.hover,button.button-reveal.button-aqua:hover,button.button-reveal.button-aqua.hover,button.button-border.button-aqua:hover,button.button-border.button-aqua.hover,button.button-border.button-aqua.button-fill:before {
    background-color: #40C0CB !important
}

a.button-border.button-aqua,button.button-border.button-aqua {
    color: #40C0CB;
    border-color: #40C0CB
}

a.button-lime,button.button-lime {
    background-color: #AEE239
}

a.button-3d.button-lime:hover,a.button-3d.button-lime.hover,a.button-reveal.button-lime:hover,a.button-reveal.button-lime.hover,a.button-border.button-lime:hover,a.button-border.button-lime.hover,a.button-border.button-lime.button-fill:before,button.button-3d.button-lime:hover,button.button-3d.button-lime.hover,button.button-reveal.button-lime:hover,button.button-reveal.button-lime.hover,button.button-border.button-lime:hover,button.button-border.button-lime.hover,button.button-border.button-lime.button-fill:before {
    background-color: #AEE239 !important
}

a.button-border.button-lime,button.button-border.button-lime {
    color: #AEE239;
    border-color: #AEE239
}

a.button-purple,button.button-purple {
    background-color: #5D4157
}

a.button-3d.button-purple:hover,a.button-3d.button-purple.hover,a.button-reveal.button-purple:hover,a.button-reveal.button-purple.hover,a.button-border.button-purple:hover,a.button-border.button-purple.hover,a.button-border.button-purple.button-fill:before,button.button-3d.button-purple:hover,button.button-3d.button-purple.hover,button.button-reveal.button-purple:hover,button.button-reveal.button-purple.hover,button.button-border.button-purple:hover,button.button-border.button-purple.hover,button.button-border.button-purple.button-fill:before {
    background-color: #5D4157 !important
}

a.button-border.button-purple,button.button-border.button-purple {
    color: #5D4157;
    border-color: #5D4157
}

a.button-leaf,button.button-leaf {
    background-color: #A8CABA
}

a.button-3d.button-leaf:hover,a.button-3d.button-leaf.hover,a.button-reveal.button-leaf:hover,a.button-reveal.button-leaf.hover,a.button-border.button-leaf:hover,a.button-border.button-leaf.hover,a.button-border.button-leaf.button-fill:before,button.button-3d.button-leaf:hover,button.button-3d.button-leaf.hover,button.button-reveal.button-leaf:hover,button.button-reveal.button-leaf.hover,button.button-border.button-leaf:hover,button.button-border.button-leaf.hover,button.button-border.button-leaf.button-fill:before {
    background-color: #A8CABA !important
}

a.button-border.button-leaf,button.button-border.button-leaf {
    color: #A8CABA;
    border-color: #A8CABA
}

a.button-pink,button.button-pink {
    background-color: #F89FA1
}

a.button-3d.button-pink:hover,a.button-3d.button-pink.hover,a.button-reveal.button-pink:hover,a.button-reveal.button-pink.hover,a.button-border.button-pink:hover,a.button-border.button-pink.hover,a.button-border.button-pink.button-fill:before,button.button-3d.button-pink:hover,a.button-3d.button-pink.hover,button.button-reveal.button-pink:hover,a.button-reveal.button-pink.hover,button.button-border.button-pink:hover,a.button-border.button-pink.hover,button.button-border.button-pink.button-fill:before {
    background-color: #F89FA1 !important
}

a.button-border.button-pink,button.button-border.button-pink {
    color: #F89FA1;
    border-color: #F89FA1
}

a.button-dirtygreen,button.button-dirtygreen {
    background-color: #1693A5
}

a.button-3d.button-dirtygreen:hover,a.button-3d.button-dirtygreen.hover,a.button-reveal.button-dirtygreen:hover,a.button-reveal.button-dirtygreen.hover,a.button-border.button-dirtygreen:hover,a.button-border.button-dirtygreen.hover,a.button-border.button-dirtygreen.button-fill:before,button.button-3d.button-dirtygreen:hover,button.button-3d.button-dirtygreen.hover,button.button-reveal.button-dirtygreen:hover,button.button-reveal.button-dirtygreen.hover,button.button-border.button-dirtygreen:hover,button.button-border.button-dirtygreen.hover,button.button-border.button-dirtygreen.button-fill:before {
    background-color: #1693A5 !important
}

a.button-border.button-dirtygreen,button.button-border.button-dirtygreen {
    color: #1693A5;
    border-color: #1693A5
}

a.button-blue,button.button-blue {
    background-color: #1265A8
}

a.button-3d.button-blue:hover,a.button-3d.button-blue.hover,a.button-reveal.button-blue:hover,a.button-reveal.button-blue.hover,a.button-border.button-blue:hover,a.button-border.button-blue.hover,a.button-border.button-blue.button-fill:before,button.button-3d.button-blue:hover,button.button-3d.button-blue.hover,button.button-reveal.button-blue:hover,button.button-reveal.button-blue.hover,button.button-border.button-blue:hover,button.button-border.button-blue.hover,button.button-border.button-blue.button-fill:before {
    background-color: #1265A8 !important
}

a.button-border.button-blue,button.button-border.button-blue {
    color: #1265A8;
    border-color: #1265A8
}

a.button-amber,button.button-amber {
    background-color: #EB9C4D
}

a.button-3d.button-amber:hover,a.button-3d.button-amber.hover,a.button-reveal.button-amber:hover,a.button-reveal.button-amber.hover,a.button-border.button-amber:hover,a.button-border.button-amber.hover,a.button-border.button-amber.button-fill:before,button.button-3d.button-amber:hover,button.button-3d.button-amber.hover,button.button-reveal.button-amber:hover,button.button-reveal.button-amber.hover,button.button-border.button-amber:hover,button.button-border.button-amber.hover,button.button-border.button-amber.button-fill:before {
    background-color: #EB9C4D !important
}

a.button-border.button-amber,button.button-border.button-amber {
    color: #EB9C4D;
    border-color: #EB9C4D
}

a.button-black,button.button-black {
    background-color: #111
}

a.button-3d.button-black:hover,a.button-3d.button-black.hover,a.button-reveal.button-black:hover,a.button-reveal.button-black.hover,a.button-border.button-black:hover,a.button-border.button-black.hover,a.button-border.button-black.button-fill:before,button.button-3d.button-black:hover,button.button-3d.button-black.hover,button.button-reveal.button-black:hover,button.button-reveal.button-black.hover,button.button-border.button-black:hover,button.button-border.button-black.hover,button.button-border.button-black.button-fill:before {
    background-color: #111 !important
}

a.button-border.button-black,button.button-border.button-black {
    color: #111;
    border-color: #111
}

a.button-white,button.button-white {
    background-color: #F9F9F9
}

a.button-3d.button-white:hover,a.button-3d.button-white.hover,a.button-reveal.button-white:hover,a.button-reveal.button-white.hover,button.button-3d.button-white:hover,button.button-3d.button-white.hover,button.button-reveal.button-white:hover,button.button-reveal.button-white.hover {
    background-color: #F1F1F1 !important
}

a.button.button-nohover:hover,a.button.button-nohover.hover,button.button.button-nohover:hover,button.button.button-nohover.hover {
    opacity: inherit !important;
    background-color: inherit !important;
    color: inherit !important;
    border-color: inherit !important
}

.promo {
    position: relative;
    padding: 30px 200px 30px 0
}

.promo h3 {
    font-weight: bold;
    margin-bottom: 0
}

.promo a.button {
    position: absolute;
    top: 50%;
    margin: 0;
    margin-top: -18px;
    left: auto;
    right: 0
}

.promo>span,.promo>.container>span {
    display: block;
    color: #444;
    font-weight: 300;
    font-size: 16px;
    margin-top: 6px
}

.promo a.button.button-mini {
    margin-top: -12px
}

.promo a.button.button-small {
    margin-top: -15px
}

.promo a.button.button-large {
    margin-top: -22px
}

.promo a.button.button-xlarge {
    margin-top: -25px
}

.promo a.button.button-desc {
    margin-top: -40px
}

.promo-uppercase {
    text-transform: uppercase
}

.promo-uppercase h3 {
    font-size: 22px
}

.promo-uppercase>span,.promo-uppercase>.container>span {
    font-size: 15px
}

.promo.promo-border {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-left: 30px
}

.promo.promo-border a.button {
    right: 30px
}

.promo.promo-light {
    background-color: #F5F5F5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-left: 30px
}

.promo.promo-light a.button {
    right: 30px
}

.promo.promo-dark {
    border: 0 !important;
    background-color: #333;
    padding: 30px 200px 30px 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.promo.promo-dark h3 {
    color: #FFF
}

.promo.promo-dark a.button {
    right: 30px
}

.promo.promo-dark>h3 span,.promo.promo-dark>.container>h3 span {
    padding: 2px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(0,0,0,0.15);
    color: #FFF;
    font-weight: 400
}

.promo.promo-dark>span,.promo.promo-dark>.container>span {
    color: #CCC;
    margin-top: 8px
}

.promo.promo-flat {
    background-color: #1abc9e
}

.promo.promo-flat a.button:not(.button-border) {
    background-color: rgba(0,0,0,0.2);
    color: #FFF
}

.promo.promo-flat a.button:hover {
    background-color: #FFF;
    border-color: #FFF;
    color: #444;
    text-shadow: none
}

.promo.promo-flat>span,.promo.promo-flat .promo.promo-flat>.container>span {
    color: rgba(255,255,255,0.9)
}

.promo-full {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 40px 0 !important
}

.promo-full a.button {
    right: 15px !important
}

.promo-full.promo-right a.button {
    right: auto !important;
    left: 15px !important
}

.promo.parallax {
    padding: 80px 0 !important
}

.promo.promo-right {
    text-align: right;
    padding: 30px 0 30px 200px
}

.promo.promo-right a.button {
    left: 0;
    right: auto
}

.promo.promo-right.promo-border :not(.promo-mini),.promo.promo-dark.promo-right :not(.promo-mini) {
    padding-right: 30px
}

.promo.promo-right.promo-border a.button,.promo.promo-dark.promo-right a.button {
    left: 30px
}

.promo.promo-center {
    text-align: center;
    padding: 30px 20px
}

.promo.promo-center a.button {
    position: relative;
    top: 0;
    margin: 20px 0 0;
    left: 0 !important;
    right: 0
}

.promo.promo-mini {
    text-align: left;
    padding: 20px 25px
}

.promo.promo-mini h3 {
    font-size: 20px;
    line-height: 1.5
}

.promo.promo-mini.promo-uppercase h3 {
    font-size: 18px
}

.promo.promo-mini.promo-dark h3 {
    line-height: 1.7
}

.promo.promo-mini a.button {
    position: relative;
    top: 0;
    margin: 20px 0 0;
    left: 0 !important;
    right: 0
}

.promo.promo-mini.promo-center {
    text-align: center
}

.promo.promo-mini.promo-right {
    text-align: right
}

.feature-box {
    position: relative;
    margin-top: 0px;
    padding: 0 0 0 80px
}

.feature-box:first-child {
    margin-top: 0
}

.feature-box .fbox-icon {
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 0;
    left: 0
}

.feature-box .fbox-icon a,.feature-box .fbox-icon i,.feature-box .fbox-icon img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #FFF
}

.feature-box .fbox-icon i,.feature-box .fbox-icon img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #1abc9e
}

.feature-box .fbox-icon i {
    font-style: normal;
    font-size: 28px;
    text-align: center;
    line-height: 64px
}

.feature-box h3 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
    color: #333
}

.feature-box p {
    margin: 8px 0 0 0;
    color: #999
}

.feature-box .before-heading {
    font-size: 14px
}

.feature-box.fbox-large {
    padding: 0 0 0 115px
}

.feature-box.fbox-large .fbox-icon {
    width: 96px;
    height: 96px
}

.feature-box.fbox-large .fbox-icon i {
    font-size: 42px;
    line-height: 96px
}

.feature-box.fbox-outline .fbox-icon {
    border: 1px solid #1abc9e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 3px
}

.feature-box.fbox-outline .fbox-icon i {
    line-height: 56px
}

.feature-box.fbox-outline.fbox-large .fbox-icon {
    padding: 4px
}

.feature-box.fbox-outline.fbox-large .fbox-icon i {
    line-height: 86px
}

.feature-box.fbox-rounded .fbox-icon {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important
}

.feature-box.fbox-rounded .fbox-icon i,.feature-box.fbox-rounded .fbox-icon img {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important
}

.feature-box.fbox-rounded.fbox-large .fbox-icon {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important
}

.feature-box.fbox-rounded.fbox-large .fbox-icon i,.feature-box.fbox-rounded.fbox-large .fbox-icon img {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important
}

.feature-box.fbox-light.fbox-outline .fbox-icon {
    border-color: #E5E5E5
}

.feature-box.fbox-light.fbox-outline .fbox-icon i {
    line-height: 54px
}

.feature-box.fbox-light.fbox-outline i,.feature-box.fbox-light.fbox-outline img {
    border: 1px solid #e5e5e5;
    background-color: #F5F5F5;
    color: #444
}

.feature-box.fbox-light.fbox-outline.fbox-large .fbox-icon i {
    line-height: 84px
}

.feature-box.fbox-light .fbox-icon i {
    line-height: 62px
}

.feature-box.fbox-large .fbox-icon i {
    line-height: 96px
}

.feature-box.fbox-dark.fbox-outline .fbox-icon {
    border-color: #444
}

.feature-box.fbox-dark .fbox-icon i,.feature-box.fbox-dark .fbox-icon img {
    background-color: #333
}

.feature-box.fbox-border .fbox-icon {
    border: 1px solid #1abc9e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.feature-box.fbox-border .fbox-icon i,.feature-box.fbox-border .fbox-icon img {
    border: none;
    background-color: transparent !important;
    color: #1abc9e
}

.feature-box.fbox-border .fbox-icon {
    padding: 0
}

.feature-box.fbox-border .fbox-icon i {
    line-height: 62px !important
}

.feature-box.fbox-border.fbox-large .fbox-icon i {
    line-height: 94px !important
}

.feature-box.fbox-border.fbox-light .fbox-icon {
    border-color: #E5E5E5
}

.feature-box.fbox-border.fbox-light i,.feature-box.fbox-border.fbox-light img {
    color: #888
}

.feature-box.fbox-border.fbox-dark .fbox-icon {
    border-color: #333
}

.feature-box.fbox-border.fbox-dark i,.feature-box.fbox-border.fbox-dark img {
    color: #444
}

.feature-box.fbox-plain .fbox-icon {
    border: none !important;
    height: auto !important
}

.feature-box.fbox-plain .fbox-icon i,.feature-box.fbox-plain .fbox-icon img {
    border: none !important;
    background-color: transparent !important;
    color: #1abc9e;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.feature-box.fbox-plain .fbox-icon i {
    font-size: 48px;
    line-height: 1 !important
}

.feature-box.fbox-plain .fbox-icon img {
    height: 64px
}

.feature-box.fbox-plain.fbox-image .fbox-icon {
    width: auto
}

.feature-box.fbox-plain.fbox-image img {
    width: auto;
    display: inline-block
}

.feature-box.fbox-plain.fbox-small {
    padding-left: 42px
}

.feature-box.fbox-plain.fbox-small .fbox-icon {
    width: 28px
}

.feature-box.fbox-plain.fbox-small .fbox-icon i {
    font-size: 28px
}

.feature-box.fbox-plain.fbox-small .fbox-icon img {
    height: 28px
}

.feature-box.fbox-plain.fbox-small h3 {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px
}

.feature-box.fbox-plain.fbox-small p {
    margin-left: -42px
}

.feature-box.fbox-plain.fbox-large .fbox-icon i {
    font-size: 72px
}

.feature-box.fbox-plain.fbox-large .fbox-icon img {
    height: 96px
}

.feature-box.fbox-plain.fbox-light .fbox-icon i,.feature-box.fbox-plain.fbox-light .fbox-icon img {
    color: #888
}

.feature-box.fbox-plain.fbox-dark .fbox-icon i,.feature-box.fbox-plain.fbox-dark .fbox-icon img {
    color: #444
}

.feature-box.fbox-center {
    padding: 0;
    text-align: center
}

.feature-box.fbox-center.fbox-small {
    padding-left: 0 !important
}

.feature-box.fbox-center .fbox-icon {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto 30px
}

.feature-box.fbox-center .fbox-icon i {
    font-size: 42px;
    line-height: 96px
}

.feature-box.fbox-center.fbox-outline .fbox-icon i {
    line-height: 88px
}

.feature-box.fbox-center p {
    font-size: 14px;
    margin-top: 15px
}

.feature-box.fbox-center.fbox-large .fbox-icon {
    width: 128px;
    height: 128px
}

.feature-box.fbox-center.fbox-large .fbox-icon i {
    font-size: 70px;
    line-height: 128px
}

.feature-box.fbox-center.fbox-large.fbox-outline .fbox-icon i {
    line-height: 118px
}

.feature-box.fbox-center.fbox-light .fbox-icon i {
    line-height: 94px
}

.feature-box.fbox-center.fbox-light .fbox-outline .fbox-icon i {
    line-height: 86px
}

.feature-box.fbox-center.fbox-light .fbox-outline .fbox-large .fbox-icon i {
    line-height: 114px
}

.feature-box.fbox-center.fbox-border .fbox-icon i {
    line-height: 94px !important
}

.feature-box.fbox-center.fbox-large.fbox-border .fbox-icon i {
    line-height: 126px !important
}

.feature-box.fbox-center.fbox-large .fbox-plain .fbox-icon i {
    font-size: 112px
}

.feature-box.fbox-center.fbox-large .fbox-plain .fbox-icon img {
    height: 128px
}

.feature-box.fbox-center.fbox-plain .fbox-icon i {
    font-size: 84px
}

.feature-box.fbox-center.fbox-plain .fbox-icon img {
    height: 96px
}

.feature-box.fbox-center.fbox-small .fbox-icon {
    width: 64px;
    height: 64px
}

.feature-box.fbox-center.fbox-small .fbox-icon i {
    font-size: 28px;
    line-height: 64px
}

.feature-box.fbox-center.fbox-small.fbox-outline .fbox-icon i {
    line-height: 58px
}

.feature-box.fbox-center .fbox-light .fbox-outline.fbox-small .fbox-icon i {
    line-height: 54px
}

.feature-box.fbox-center.fbox-small.fbox-border .fbox-icon i {
    line-height: 62px !important
}

.feature-box.fbox-center.fbox-small .fbox-plain .fbox-icon i {
    font-size: 56px
}

.feature-box.fbox-center.fbox-small .fbox-plain .fbox-icon img {
    height: 64px
}

.feature-box.fbox-center.fbox-small p {
    font-size: 14px;
    margin-top: 10px
}

.feature-box.fbox-center .fbox-plain.fbox-small p {
    margin-left: 0
}

.feature-box.fbox-right {
    padding: 0 80px 0 0;
    text-align: right
}

.feature-box.fbox-right.fbox-large {
    padding-right: 115px
}

.feature-box.fbox-right .fbox-icon {
    left: auto;
    right: 0
}

.feature-box.fbox-right.fbox-plain.fbox-small {
    padding: 0 42px 0 0
}

.feature-box.fbox-right.fbox-plain.fbox-small p {
    margin: 0 -42px 0 0
}

.feature-box h3+.fbox-icon {
    margin-top: 20px !important
}

.feature-box h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #444;
    font-weight: 300;
    text-transform: none
}

.feature-box.fbox-center:not(.fbox-bg) h3:after {
    content: '';
    display: block;
    margin: 20px auto;
    width: 30px;
    border-top: 2px solid #555;
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease
}

.feature-box.fbox-center:not(.fbox-bg):hover h3:after {
    width: 50px
}

.feature-box.fbox-center.noborder:not(.fbox-bg) h3:after,.feature-box.fbox-center.nobottomborder:not(.fbox-bg) h3:after {
    display: none
}

.feature-box.fbox-center.fbox-italic p {
    font-style: italic;
    font-family: 'Lato',sans-serif
}

.feature-box.fbox-bg.fbox-center {
    margin-top: 68px;
    padding: 68px 30px 30px;
    background-color: #FFF;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.feature-box.fbox-bg.fbox-center:first-child {
    margin-top: 48px
}

.feature-box.fbox-bg.fbox-center.fbox-large {
    margin-top: 84px;
    padding-top: 84px
}

.feature-box.fbox-bg.fbox-center.fbox-large:first-child {
    margin-top: 64px
}

.feature-box.fbox-bg.fbox-center.fbox-large .fbox-icon {
    top: -64px;
    left: 50%;
    margin-left: -64px
}

.feature-box.fbox-bg.fbox-center .fbox-icon {
    position: absolute;
    top: -48px;
    left: 50%;
    margin: 0 0 0 -48px
}

.feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon,.feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon,.feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon {
    background-color: #FFF
}

.fbox-effect .fbox-icon i {
    z-index: 1
}

.fbox-effect .fbox-icon i:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fbox-rounded.fbox-effect .fbox-icon i:after {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.fbox-effect .fbox-icon i {
    -webkit-transition: background-color .3s,color .3s;
    -o-transition: background-color .3s,color .3s;
    transition: background-color .3s,color .3s
}

.fbox-effect .fbox-icon i:after {
    top: -3px;
    left: -3px;
    padding: 3px;
    box-shadow: 0 0 0 2px #333;
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform .3s,opacity .3s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform .3s,opacity .3s;
    transform: scale(.8);
    opacity: 0
}

.fbox-effect .fbox-icon i:hover,.fbox-effect:hover .fbox-icon i {
    background-color: #333;
    color: #FFF
}

.fbox-effect.fbox-dark .fbox-icon i:after {
    box-shadow: 0 0 0 2px #1abc9e
}

.fbox-effect.fbox-dark .fbox-icon i:hover,.fbox-effect.fbox-dark:hover .fbox-icon i {
    background-color: #1abc9e
}

.fbox-effect .fbox-icon i:hover:after,.fbox-effect:hover .fbox-icon i:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.fbox-border.fbox-effect .fbox-icon i {
    -webkit-transition: color .5s,box-shadow .5s,background-color .5s;
    -o-transition: color .5s,box-shadow .5s,background-color .5s;
    transition: color .5s,box-shadow .5s,background-color .5s
}

.fbox-border.fbox-effect .fbox-icon i:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    box-shadow: none;
    background-image: url('../images/iconalt.svg');
    background-position: center center;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform .5s,opacity .5s,background-color .5s;
    -o-transition: -moz-transform .5s,opacity .5s,background-color .5s;
    transition: transform .5s,opacity .5s,background-color .5s
}

.fbox-border.fbox-rounded.fbox-effect .fbox-icon i:after {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.fbox-border.fbox-effect .fbox-icon i:hover,.fbox-border.fbox-effect:hover .fbox-icon i {
    color: #FFF;
    box-shadow: 0 0 0 1px #333
}

.fbox-border.fbox-effect .fbox-icon i:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    background-color: #333
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {
    box-shadow: 0 0 0 1px #1abc9e
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after {
    background-color: #1abc9e
}

.fbox-border.fbox-effect .fbox-icon i:hover:after,.fbox-border.fbox-effect:hover .fbox-icon i:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.feature-box.media-box {
    padding: 0
}

.feature-box.media-box .fbox-media {
    margin: 0 0 25px
}

.feature-box.media-box .fbox-media,.feature-box.media-box .fbox-media a,.feature-box.media-box .fbox-media img {
    position: relative;
    display: block;
    width: 100%;
    height: auto
}

.feature-box.media-box .fbox-media iframe {
    display: block
}

.feature-box.media-box p {
    margin-top: 17px
}

.feature-box.media-box.fbox-bg .fbox-media {
    margin: 0
}

.feature-box.media-box.fbox-bg .fbox-desc {
    padding: 25px;
    background-color: #FFF;
    border: 1px solid #e5e5e5;
    border-top: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

.feature-box.media-box.fbox-bg .fbox-media img {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.style-msg,.style-msg2 {
    position: relative;
    display: block;
    color: #444;
    border-left: 4px solid rgba(0,0,0,0.1);
    margin-bottom: 20px
}

.style-msg2 {
    border-left: 4px solid rgba(0,0,0,0.2)
}

.successmsg {
    background: #C5EBD4;
    color: #184B21
}

.errormsg {
    background: #FFCCCC;
    color: #740D0A
}

.infomsg {
    background: #B9DFF4;
    color: #124F70
}

.alertmsg {
    background: #FCE0B6;
    color: #975E06
}

.style-msg .sb-msg,.style-msg2 .msgtitle,.style-msg2 .sb-msg {
    display: block;
    padding: 15px;
    border-left: 1px solid rgba(255,255,255,0.5);
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.6)
}

.style-msg2 .msgtitle {
    background: rgba(0,0,0,0.15);
    border-top: none;
    border-bottom: none;
    font-size: 15px;
    font-weight: bold
}

.style-msg-light .sb-msg,.style-msg-light .msgtitle {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3)
}

.style-msg2 .sb-msg {
    font-weight: normal
}

.style-msg2 ol,.style-msg2 ul {
    margin: 0 0 0 30px
}

.style-msg2 ol {
    list-style-type: decimal
}

.style-msg2 ul {
    list-style-type: disc
}

.alert i,.sb-msg i,.msgtitle i {
    position: relative;
    top: 1px;
    font-size: 14px;
    width: 14px;
    text-align: center;
    margin-right: 5px
}

.style-msg .close {
    position: absolute;
    top: 10px;
    left: auto;
    right: 10px
}

.i-rounded,.i-plain,.i-circled,.i-bordered,.social-icon {
    display: block;
    float: left;
    margin: 4px 11px 7px 0;
    text-align: center !important;
    font-size: 28px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    cursor: pointer;
    font-style: normal
}

body:not(.device-touch) .i-rounded,body:not(.device-touch) .i-plain,body:not(.device-touch) .i-circled,body:not(.device-touch) .i-bordered,body:not(.device-touch) .social-icon {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.i-rounded,.i-circled,.i-bordered {
    width: 52px !important;
    height: 52px !important;
    line-height: 52px !important;
    background-color: #444;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.i-bordered {
    border: 1px solid #555;
    line-height: 50px !important;
    background-color: transparent !important;
    color: #444;
    text-shadow: none
}

.i-plain {
    width: 36px !important;
    height: 36px !important;
    font-size: 28px;
    line-height: 36px !important;
    color: #444;
    text-shadow: 1px 1px 1px #fff
}

.i-plain:hover {
    color: #777
}

.i-circled {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.i-light {
    background-color: #F5F5F5;
    color: #444;
    text-shadow: 1px 1px 1px #fff;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.2)
}

.i-alt {
    background-image: url('../images/iconalt.svg');
    background-position: center center;
    background-size: 100% 100%
}

.i-rounded:hover,.i-circled:hover {
    background-color: #1abc9e;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 0 rgba(0,0,0,0.2)
}

.i-bordered:hover {
    background-color: #444 !important;
    color: #FFF;
    border-color: #444
}

.i-small.i-rounded,.i-small.i-plain,.i-small.i-circled,.i-small.i-bordered {
    margin: 4px 11px 7px 0;
    font-size: 14px
}

.i-small.i-rounded,.i-small.i-circled,.i-small.i-bordered {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important
}

.i-small.i-bordered {
    line-height: 26px !important
}

.i-small.i-plain {
    width: 18px !important;
    height: 18px !important;
    font-size: 14px;
    line-height: 18px !important
}

.i-medium.i-rounded,.i-medium.i-plain,.i-medium.i-circled,.i-medium.i-bordered {
    margin: 6px 13px 9px 0;
    font-size: 21px
}

.i-medium.i-rounded,.i-medium.i-circled,.i-medium.i-bordered {
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important
}

.i-medium.i-bordered {
    line-height: 34px !important
}

.i-medium.i-plain {
    width: 28px !important;
    height: 28px !important;
    font-size: 20px;
    line-height: 28px !important
}

.i-large.i-rounded,.i-large.i-plain,.i-large.i-circled,.i-large.i-bordered {
    margin: 4px 11px 7px 0;
    font-size: 42px
}

.i-large.i-rounded,.i-large.i-circled,.i-large.i-bordered {
    width: 64px !important;
    height: 64px !important;
    line-height: 64px !important
}

.i-large.i-bordered {
    line-height: 62px !important
}

.i-large.i-plain {
    width: 48px !important;
    height: 48px !important;
    font-size: 42px;
    line-height: 48px !important
}

.i-xlarge.i-rounded,.i-xlarge.i-plain,.i-xlarge.i-circled,.i-xlarge.i-bordered {
    margin: 4px 11px 7px 0;
    font-size: 56px
}

.i-xlarge.i-rounded,.i-xlarge.i-circled,.i-xlarge.i-bordered {
    width: 84px !important;
    height: 84px !important;
    line-height: 84px !important
}

.i-xlarge.i-bordered {
    line-height: 82px !important
}

.i-xlarge.i-plain {
    width: 64px !important;
    height: 64px !important;
    font-size: 56px;
    line-height: 64px !important
}

.i-overlay,.i-overlay a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(0,0,0,0.2) url('../images/grid.png') repeat
}

.i-overlay a {
    background: transparent
}

.i-overlay img,.i-overlay i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    width: 48px !important;
    height: 48px !important;
    font-size: 48px;
    line-height: 1;
    color: #E5E5E5;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15)
}

.i-overlay i {
    margin: -18px 0 0 -18px;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px;
    font-size: 24px
}

.on-hover.i-overlay {
    opacity: 0
}

.on-hover.i-overlay:hover {
    opacity: 1
}

body:not(.device-touch) .on-hover.i-overlay {
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.social-icon {
    display: inline-block;
    float: none;
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 38px !important;
    color: #555;
    text-shadow: none;
    border: 1px solid #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden
}

a.si-rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

a.si-borderless {
    border-color: transparent !important
}

a.si-dark {
    background-color: #444;
    color: #FFF !important;
    border-color: transparent
}

a.si-light {
    background-color: rgba(0,0,0,0.05);
    color: #666 !important;
    border-color: transparent
}

a.si-colored {
    border-color: transparent !important
}

a.si-colored i {
    color: #FFF
}

.social-icon.si-large {
    margin: 0 10px 10px 0;
    width: 56px;
    height: 56px;
    font-size: 30px;
    line-height: 54px !important
}

.social-icon.si-small {
    width: 32px;
    height: 32px;
    font-size: 14px;
    line-height: 30px !important
}

.social-icon i {
    display: block;
    position: relative
}

body:not(.device-touch) .social-icon i {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.social-icon i:last-child {
    color: #FFF !important
}

.social-icon:hover {
    color: #555;
    border-color: transparent
}

.social-icon:hover i:first-child {
    margin-top: -38px
}

.social-icon.si-large:hover i:first-child {
    margin-top: -54px
}

.social-icon.si-small:hover i:first-child {
    margin-top: -30px
}

.si-colored.social-icon {
    border-color: transparent
}

.si-sticky {
    position: fixed;
    top: 50%;
    left: 5px;
    width: 36px;
    z-index: 100
}

.si-sticky.si-sticky-right {
    left: auto;
    right: 8px
}

.si-share {
    position: relative;
    padding-left: 5px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.si-share span {
    line-height: 36px;
    font-weight: bold;
    font-size: 13px
}

.si-share div {
    float: right
}

.si-share .social-icon {
    margin: -1px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 15px
}

.si-facebook:hover,.si-colored.si-facebook {
    background-color: #3B5998 !important
}

.si-delicious:hover,.si-colored.si-delicious {
    background-color: #205CC0 !important
}

.si-paypal:hover,.si-colored.si-paypal {
    background-color: #00588B !important
}

.si-flattr:hover,.si-colored.si-flattr {
    background-color: #F67C1A !important
}

.si-android:hover,.si-colored.si-android {
    background-color: #A4C639 !important
}

.si-smashmag:hover,.si-colored.si-smashmag {
    background-color: #E53B2C !important
}

.si-googleplus:hover,.si-colored.si-googleplus {
    background-color: #DD4B39 !important
}

.si-wikipedia:hover,.si-colored.si-wikipedia {
    background-color: #333 !important
}

.si-stumbleupon:hover,.si-colored.si-stumbleupon {
    background-color: #F74425 !important
}

.si-foursquare:hover,.si-colored.si-foursquare {
    background-color: #25A0CA !important
}

.si-call:hover,.si-colored.si-call {
    background-color: #444 !important
}

.si-ninetyninedesigns:hover,.si-colored.si-ninetyninedesigns {
    background-color: #F26739 !important
}

.si-forrst:hover,.si-colored.si-forrst {
    background-color: #5B9A68 !important
}

.si-digg:hover,.si-colored.si-digg {
    background-color: #191919 !important
}

.si-spotify:hover,.si-colored.si-spotify {
    background-color: #81B71A !important
}

.si-reddit:hover,.si-colored.si-reddit {
    background-color: #C6C6C6 !important
}

.si-blogger:hover,.si-colored.si-blogger {
    background-color: #FC4F08 !important
}

.si-cc:hover,.si-colored.si-cc {
    background-color: #688527 !important
}

.si-dribbble:hover,.si-colored.si-dribbble {
    background-color: #EA4C89 !important
}

.si-evernote:hover,.si-colored.si-evernote {
    background-color: #5BA525 !important
}

.si-flickr:hover,.si-colored.si-flickr {
    background-color: #FF0084 !important
}

.si-google:hover,.si-colored.si-google {
    background-color: #DD4B39 !important
}

.si-google-plus:hover,.si-colored.si-google-plus {
    background-color: #DD4B39 !important
}

.si-instapaper:hover,.si-colored.si-instapaper {
    background-color: #333 !important
}

.si-klout:hover,.si-colored.si-klout {
    background-color: #FF5F52 !important
}

.si-linkedin:hover,.si-colored.si-linkedin {
    background-color: #0E76A8 !important
}

.si-vk:hover,.si-colored.si-vk {
    background-color: #2B587A !important
}

.si-rss:hover,.si-colored.si-rss {
    background-color: #EE802F !important
}

.si-skype:hover,.si-colored.si-skype {
    background-color: #00AFF0 !important
}

.si-twitter:hover,.si-colored.si-twitter {
    background-color: #00ACEE !important
}

.si-youtube:hover,.si-colored.si-youtube {
    background-color: #C4302B !important
}

.si-vimeo:hover,.si-colored.si-vimeo {
    background-color: #86C9EF !important
}

.si-aim:hover,.si-colored.si-aim {
    background-color: #FCD20B !important
}

.si-yahoo:hover,.si-colored.si-yahoo {
    background-color: #720E9E !important
}

.si-email:hover,.si-colored.si-email {
    background-color: #6567A5 !important
}

.si-email:hover,.si-colored.si-email {
    background-color: #6567A5 !important
}

.si-macstore:hover,.si-colored.si-macstore {
    background-color: #333333 !important
}

.si-myspace:hover,.si-colored.si-myspace {
    background-color: #666666 !important
}

.si-podcast:hover,.si-colored.si-podcast {
    background-color: #E4B21B !important
}

.si-cloudapp:hover,.si-colored.si-cloudapp {
    background-color: #525557 !important
}

.si-dropbox:hover,.si-colored.si-dropbox {
    background-color: #3D9AE8 !important
}

.si-ebay:hover,.si-colored.si-ebay {
    background-color: #89C507 !important
}

.si-github:hover,.si-colored.si-github {
    background-color: #171515 !important
}

.si-googleplay:hover,.si-colored.si-googleplay {
    background-color: #DD4B39 !important
}

.si-itunes:hover,.si-colored.si-itunes {
    background-color: #222 !important
}

.si-plurk:hover,.si-colored.si-plurk {
    background-color: #CF5A00 !important
}

.si-pinboard:hover,.si-colored.si-pinboard {
    background-color: #0000E6 !important
}

.si-soundcloud:hover,.si-colored.si-soundcloud {
    background-color: #FF7700 !important
}

.si-tumblr:hover,.si-colored.si-tumblr {
    background-color: #34526F !important
}

.si-wordpress:hover,.si-colored.si-wordpress {
    background-color: #1E8CBE !important
}

.si-yelp:hover,.si-colored.si-yelp {
    background-color: #C41200 !important
}

.si-intensedebate:hover,.si-colored.si-intensedebate {
    background-color: #009EE4 !important
}

.si-eventbrite:hover,.si-colored.si-eventbrite {
    background-color: #F16924 !important
}

.si-scribd:hover,.si-colored.si-scribd {
    background-color: #666666 !important
}

.si-stripe:hover,.si-colored.si-stripe {
    background-color: #008CDD !important
}

.si-print:hover,.si-colored.si-print {
    background-color: #111 !important
}

.si-dwolla:hover,.si-colored.si-dwolla {
    background-color: #FF5C03 !important
}

.si-statusnet:hover,.si-colored.si-statusnet {
    background-color: #131A30 !important
}

.si-acrobat:hover,.si-colored.si-acrobat {
    background-color: #D3222A !important
}

.si-drupal:hover,.si-colored.si-drupal {
    background-color: #27537A !important
}

.si-buffer:hover,.si-colored.si-buffer {
    background-color: #333333 !important
}

.si-pocket:hover,.si-colored.si-pocket {
    background-color: #EE4056 !important
}

.si-bitbucket:hover,.si-colored.si-bitbucket {
    background-color: #0E4984 !important
}

.si-stackoverflow:hover,.si-colored.si-stackoverflow {
    background-color: #EF8236 !important
}

.si-hackernews:hover,.si-colored.si-hackernews {
    background-color: #FF6600 !important
}

.si-xing:hover,.si-colored.si-xing {
    background-color: #126567 !important
}

.si-instagram:hover,.si-colored.si-instagram {
    background-color: #3F729B !important
}

.si-quora:hover,.si-colored.si-quora {
    background-color: #A82400 !important
}

.si-openid:hover,.si-colored.si-openid {
    background-color: #E16309 !important
}

.si-steam:hover,.si-colored.si-steam {
    background-color: #111 !important
}

.si-amazon:hover,.si-colored.si-amazon {
    background-color: #E47911 !important
}

.si-disqus:hover,.si-colored.si-disqus {
    background-color: #E4E7EE !important
}

.si-plancast:hover,.si-colored.si-plancast {
    background-color: #222 !important
}

.si-appstore:hover,.si-colored.si-appstore {
    background-color: #000 !important
}

.si-pinterest:hover,.si-colored.si-pinterest {
    background-color: #C8232C !important
}

.si-fivehundredpx:hover,.si-colored.si-fivehundredpx {
    background-color: #111 !important
}

.si-text-color.si-facebook i {
    color: #3B5998
}

.si-text-color.si-delicious i {
    color: #205CC0
}

.si-text-color.si-paypal i {
    color: #00588B
}

.si-text-color.si-flattr i {
    color: #F67C1A
}

.si-text-color.si-android i {
    color: #A4C639
}

.si-text-color.si-smashmag i {
    color: #E53B2C
}

.si-text-color.si-googleplus i {
    color: #DD4B39
}

.si-text-color.si-wikipedia i {
    color: #333
}

.si-text-color.si-stumbleupon i {
    color: #F74425
}

.si-text-color.si-foursquare i {
    color: #25A0CA
}

.si-text-color.si-call i {
    color: #444
}

.si-text-color.si-ninetyninedesigns i {
    color: #F26739
}

.si-text-color.si-forrst i {
    color: #5B9A68
}

.si-text-color.si-digg i {
    color: #191919
}

.si-text-color.si-spotify i {
    color: #81B71A
}

.si-text-color.si-reddit i {
    color: #C6C6C6
}

.si-text-color.si-blogger i {
    color: #FC4F08
}

.si-text-color.si-cc i {
    color: #688527
}

.si-text-color.si-dribbble i {
    color: #EA4C89
}

.si-text-color.si-evernote i {
    color: #5BA525
}

.si-text-color.si-flickr i {
    color: #FF0084
}

.si-text-color.si-google i {
    color: #DD4B39
}

.si-text-color.si-instapaper i {
    color: #333
}

.si-text-color.si-klout i {
    color: #FF5F52
}

.si-text-color.si-linkedin i {
    color: #0E76A8
}

.si-text-color.si-vk i {
    color: #2B587A
}

.si-text-color.si-rss i {
    color: #EE802F
}

.si-text-color.si-skype i {
    color: #00AFF0
}

.si-text-color.si-twitter i {
    color: #00ACEE
}

.si-text-color.si-youtube i {
    color: #C4302B
}

.si-text-color.si-vimeo i {
    color: #86C9EF
}

.si-text-color.si-aim i {
    color: #FCD20B
}

.si-text-color.si-yahoo i {
    color: #720E9E
}

.si-text-color.si-email i {
    color: #6567A5
}

.si-text-color.si-macstore i {
    color: #333333
}

.si-text-color.si-myspace i {
    color: #666666
}

.si-text-color.si-podcast i {
    color: #E4B21B
}

.si-text-color.si-cloudapp i {
    color: #525557
}

.si-text-color.si-dropbox i {
    color: #3D9AE8
}

.si-text-color.si-ebay i {
    color: #89C507
}

.si-text-color.si-github i {
    color: #171515
}

.si-text-color.si-googleplay i {
    color: #DD4B39
}

.si-text-color.si-itunes i {
    color: #222
}

.si-text-color.si-plurk i {
    color: #CF5A00
}

.si-text-color.si-pinboard i {
    color: #0000E6
}

.si-text-color.si-soundcloud i {
    color: #FF7700
}

.si-text-color.si-tumblr i {
    color: #34526F
}

.si-text-color.si-wordpress i {
    color: #1E8CBE
}

.si-text-color.si-yelp i {
    color: #C41200
}

.si-text-color.si-intensedebate i {
    color: #009EE4
}

.si-text-color.si-eventbrite i {
    color: #F16924
}

.si-text-color.si-scribd i {
    color: #666666
}

.si-text-color.si-stripe i {
    color: #008CDD
}

.si-text-color.si-print i {
    color: #111
}

.si-text-color.si-dwolla i {
    color: #FF5C03
}

.si-text-color.si-statusnet i {
    color: #131A30
}

.si-text-color.si-acrobat i {
    color: #D3222A
}

.si-text-color.si-drupal i {
    color: #27537A
}

.si-text-color.si-buffer i {
    color: #333333
}

.si-text-color.si-pocket i {
    color: #EE4056
}

.si-text-color.si-bitbucket i {
    color: #0E4984
}

.si-text-color.si-stackoverflow i {
    color: #EF8236
}

.si-text-color.si-hackernews i {
    color: #FF6600
}

.si-text-color.si-xing i {
    color: #126567
}

.si-text-color.si-instagram i {
    color: #3F729B
}

.si-text-color.si-quora i {
    color: #A82400
}

.si-text-color.si-openid i {
    color: #E16309
}

.si-text-color.si-steam i {
    color: #111
}

.si-text-color.si-amazon i {
    color: #E47911
}

.si-text-color.si-disqus i {
    color: #E4E7EE
}

.si-text-color.si-plancast i {
    color: #222
}

.si-text-color.si-appstore i {
    color: #000
}

.si-text-color.si-pinterest i {
    color: #C8232C
}

.si-text-color.si-fivehundredpx i {
    color: #111
}

.si-text-color:hover {
    color: #FFF
}

.toggle {
    display: block;
    position: relative;
    margin: 0 0 20px 0
}

.toggle .togglet,.toggle .toggleta {
    display: block;
    position: relative;
    line-height: 24px;
    padding: 0 0 0 24px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #444;
    cursor: pointer
}

.toggle .togglet i {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    text-align: center;
    font-size: 16px;
    line-height: 24px
}

.toggle .toggleta {
    font-weight: bold
}

.toggle .togglet i.toggle-open,.toggle .toggleta i.toggle-closed {
    display: none
}

.toggle .toggleta i.toggle-open {
    display: block
}

.toggle .togglec {
    display: block;
    position: relative;
    padding: 10px 0 0 24px
}

.toggle.toggle-bg .togglet,.toggle.toggle-bg .toggleta {
    background-color: #EEE;
    line-height: 44px;
    padding: 0 0 0 36px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.toggle.toggle-bg .togglet i {
    left: 14px;
    line-height: 44px
}

.toggle.toggle-bg .togglec {
    padding: 12px 0 0 36px
}

.toggle.toggle-border {
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.toggle.toggle-border .togglet i {
    left: 14px;
    line-height: 44px
}

.toggle.toggle-border .togglec {
    padding: 0 15px 15px 36px
}

.toggle.toggle-border .togglet,.toggle.toggle-border .toggleta {
    line-height: 44px;
    padding: 0 15px 0 36px
}

.faqs .toggle {
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 12px
}

.faqs .toggle .togglet,.faqs .toggle .toggleta {
    font-size: 15px
}

.faqs .toggle .togglec {
    padding-bottom: 10px
}

.faqs i {
    top: 1px;
    font-size: 14px
}

.faqlist li {
    margin-bottom: 5px;
    font-size: 15px
}

.faqlist li a {
    color: #444
}

.faqlist li a:hover {
    color: #1abc9e !important
}

.clients-grid,.testimonials-grid {
    list-style: none;
    overflow: hidden
}

.clients-grid li,.testimonials-grid li {
    float: left;
    position: relative;
    width: 20%;
    padding: 20px 0;
    -webkit-backface-visibility: hidden
}

.clients-grid.grid-2 li {
    width: 50%;
    padding: 25px 0
}

.clients-grid.grid-3 li {
    width: 33.33%
}

.clients-grid.grid-4 li {
    width: 25%
}

.clients-grid.grid-6 li {
    width: 16.66%
}

.clients-grid li a {
    opacity: 0.6
}

.clients-grid li a:hover {
    opacity: 1
}

body:not(.device-touch) .clients-grid li a {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.clients-grid li a,.clients-grid li img {
    display: block;
    width: 75%;
    margin-left: auto;
    margin-right: auto
}

.clients-grid li a img {
    width: 100%
}

.clients-grid li:before,.clients-grid li:after,.testimonials-grid li:before,.testimonials-grid li:after {
    content: '';
    position: absolute
}

.clients-grid li:before,.testimonials-grid li:before {
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 1px dashed #ddd
}

.clients-grid li:after,.testimonials-grid li:after {
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px dashed #ddd
}

.testimonials-grid li {
    width: 50%;
    padding: 25px
}

.testimonials-grid li .testimonial {
    padding: 0;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important
}

.testimonials-grid.grid-3 li {
    width: 33.33%
}

.testimonials-grid.grid-1 li {
    width: 100%
}

.testimonial {
    position: relative;
    padding: 20px;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}

.testi-image,.testi-image a,.testi-image img,.testi-image i {
    display: block;
    width: 64px;
    height: 64px
}

.testi-image {
    float: left;
    margin-right: 15px
}

.testi-image i {
    text-align: center;
    background-color: #EEE;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 64px;
    font-size: 28px;
    color: #888;
    text-shadow: 1px 1px 1px #fff
}

.testi-image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.testi-content {
    position: relative;
    overflow: hidden
}

.testi-content p {
    margin-bottom: 0;
    font-family: 'Crete Round',serif;
    font-style: italic
}

.testi-content p:before,.testi-content p:after {
    content: '"'
}

.testi-meta {
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase
}

.testi-meta:before {
    content: '\2013'
}

.testi-meta span {
    display: block;
    font-weight: normal;
    color: #999;
    font-size: 12px;
    text-transform: none;
    padding-left: 10px
}

.testi-content p:before,.testi-content p:after,.testi-meta:before {
    content: ''
}

.testimonial.twitter-scroll .testi-content p:before,.testimonial.twitter-scroll .testi-content p:after,.testimonial.twitter-scroll .testi-meta:before {
    content: ''
}

.testimonial.twitter-scroll .testi-meta span {
    padding-left: 0
}

.testimonial.twitter-scroll .testi-meta span a {
    color: #999
}

.testimonial.twitter-scroll .testi-meta span a:hover {
    color: #222
}

.testimonial-full {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0px
}

.testimonial-full .testi-image,.testimonial-full .testi-image a,.testimonial-full .testi-image img,.testimonial-full .testi-image i {
    display: block;
    width: 72px;
    height: 72px
}

.testimonial-full .testi-image {
    float: none;
    margin: 0 auto 20px
}

.testimonial-full .testi-image i {
    line-height: 72px
}

.testimonial-full .testi-content {
    text-align: center;
    font-size: 18px
}

.testimonial-full .testi-meta {
    margin-top: 15px
}

.testimonial-full .testi-meta span {
    padding-left: 0
}

.section>.testimonial {
    padding: 0;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    max-width: 800px;
    margin: 0 auto
}

.section>.testimonial .testi-content {
    font-size: 22px
}

.section>.testimonial[data-animation="fade"] {
    padding: 0
}

.section>.testimonial .testi-meta,.section>.testimonial .testi-meta span {
    font-size: 14px
}

.team,.team-image {
    position: relative
}

.team-image>a,.team-image img {
    display: block;
    width: 100%
}

.team-desc {
    text-align: center
}

.team-desc.team-desc-bg {
    background-color: #FFF;
    padding: 10px 0 30px
}

.team .si-share {
    margin-top: 30px;
    text-align: left
}

.team .si-share .social-icon {
    font-size: 14px;
    width: 34px
}

.team-title {
    position: relative;
    padding-top: 20px
}

.team-title h4 {
    display: block;
    margin-bottom: 0;
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700
}

.team-title span {
    display: block;
    color: #1abc9e;
    font-weight: 400;
    font-family: 'Crete Round',serif;
    font-style: italic;
    font-size: 15px;
    margin-top: 5px
}

.team-content {
    margin-top: 15px;
    color: #777
}

.team-content p:last-child {
    margin-bottom: 0
}

.team-overlay,.team-overlay:before {
    opacity: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center
}

body:not(.device-touch) .team-overlay {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.team-overlay:before {
    content: '';
    z-index: auto;
    background-color: #FFF;
    opacity: 0.75
}

.team-overlay .social-icon {
    float: none;
    position: relative;
    z-index: 3;
    margin: 0 3px !important;
    display: inline-block
}

.team:hover .team-overlay {
    opacity: 1
}

.team.center .team-title:after {
    left: 50%;
    margin-left: -40px
}

.team.team-list .team-image {
    float: left;
    width: 250px;
    margin-right: 30px
}

.team.team-list .team-desc {
    position: relative;
    overflow: hidden;
    text-align: left
}

.team.team-list .team-title {
    padding-top: 0
}

.team .team-desc>.social-icon {
    margin-top: 20px
}

.team .team-content~.social-icon {
    margin-top: 30px
}

.team:not(.team-list) .social-icon {
    display: inline-block;
    float: none;
    margin-left: 6px;
    margin-right: 6px
}

.pricing {
    position: relative
}

.pricing [class^=col-] {
    padding: 0;
    margin-top: 20px
}

.pricing-box {
    position: relative;
    border: 1px solid rgba(0,0,0,0.075);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    background-color: #F5F5F5
}

.pricing-box p,.pricing-box h1,.pricing-box h2,.pricing-box h3,.pricing-box h4,.pricing-box h5,.pricing-box h6 {
    margin-bottom: 5px
}

.pricing-title {
    padding: 15px 0;
    background-color: #F9F9F9;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    text-shadow: 1px 1px 1px #fff;
    border-bottom: 1px solid rgba(0,0,0,0.05)
}

.pricing-title h3 {
    margin: 0;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    color: #555
}

.pricing-title span {
    display: block;
    color: #999;
    font-weight: 300;
    font-size: 14px;
    margin-top: 3px;
    text-transform: uppercase
}

.pricing-price {
    position: relative;
    padding: 25px 0;
    color: #333;
    font-weight: 300;
    font-size: 64px;
    line-height: 1
}

.pricing-price:after {
    content: '';
    position: absolute;
    width: 100px;
    border-top: 1px solid rgba(0,0,0,0.1);
    top: auto;
    bottom: 0;
    left: 50%;
    margin-left: -50px
}

.pricing-price span {
    display: inline-block;
    vertical-align: top;
    margin: 7px 3px 0 0;
    font-size: 28px;
    font-weight: normal
}

.pricing-price span.price-tenure {
    vertical-align: baseline;
    font-size: 16px;
    font-weight: normal;
    color: #999;
    margin: 0 0 0 3px
}

.pricing-features {
    border-bottom: 1px solid rgba(0,0,0,0.075)
}

.pricing-features ul {
    margin: 0;
    padding: 15px 0;
    list-style: none
}

.pricing-features li {
    padding: 6px 0;
    font-size: 14px
}

.pricing-action {
    padding: 15px 30px
}

.pricing-box.featured {
    background-color: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    z-index: 10;
    margin: -20px -1px 0 -1px
}

.pricing-box.featured .pricing-title {
    background-color: #FFF;
    padding: 20px 0
}

.pricing-box.featured .pricing-title h3 {
    font-size: 22px
}

.pricing-box.featured .pricing-price {
    color: #1abc9e;
    font-size: 72px
}

.pricing-box.pricing-light .pricing-price {
    background-color: #FFF;
    border-bottom: 1px solid rgba(0,0,0,0.075)
}

.pricing-box.pricing-light .pricing-price:after {
    display: none
}

.pricing-box.pricing-horizontal {
    background-color: #FFF;
    text-align: left
}

.pricing-box.pricing-horizontal .pricing-desc {
    float: left;
    width: 75%;
    padding: 25px
}

.pricing-box.pricing-horizontal .pricing-title {
    background-color: transparent;
    padding-top: 0;
    text-align: left
}

.pricing-box.pricing-horizontal .pricing-features {
    border: 0
}

.pricing-box.pricing-horizontal .pricing-features ul {
    padding: 15px 0 0 0
}

.pricing-box.pricing-horizontal .pricing-features li {
    padding: 6px 0;
    font-size: 15px;
    width: 50%;
    float: left
}

.pricing-box.pricing-horizontal .pricing-features li i {
    position: relative;
    top: 1px;
    width: 16px;
    margin-right: 2px
}

.pricing-box.pricing-horizontal .pricing-action-area {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 25%;
    height: 100%;
    border-left: 1px solid rgba(0,0,0,0.05);
    background-color: #F9F9F9;
    padding: 30px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    text-align: center
}

.pricing-box.pricing-horizontal .pricing-action-area .pricing-price,.pricing-box.pricing-horizontal .pricing-action-area .pricing-action {
    padding: 0
}

.pricing-box.pricing-horizontal .pricing-action-area .pricing-price {
    padding-bottom: 20px
}

.pricing-box.pricing-horizontal .pricing-action-area .pricing-price:after {
    display: none
}

.pricing-box.pricing-horizontal .pricing-action-area .pricing-price span.price-tenure {
    display: block;
    margin: 10px 0 0 0;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px
}

.pricing-box.pricing-horizontal .pricing-meta {
    color: #999;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 10px
}

.counter {
    font-size: 42px;
    font-weight: 600;
    font-family: 'Raleway',sans-serif
}

.counter.counter-small {
    font-size: 28px
}

.counter.counter-large {
    font-size: 56px
}

.counter.counter-xlarge {
    font-size: 64px;
    font-weight: 400
}

.counter.counter-inherit {
    font-size: inherit;
    font-weight: inherit
}

.counter+h5 {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px
}

.counter.counter-lined+h5:before {
    display: block;
    position: relative;
    margin: 20px auto 25px auto;
    content: '';
    width: 15%;
    border-top: 2px solid #444;
    opacity: 0.9
}

.counter.counter-small+h5 {
    font-size: 13px
}

.counter.counter-large+h5,.counter.counter-xlarge+h5 {
    font-size: 15px;
    font-weight: 300
}

.widget .counter+h5 {
    opacity: 0.7
}

.rounded-skill {
    display: inline-block;
    margin: 0 15px 15px
}

.rounded-skill+h5 {
    margin-bottom: 0
}

body:not(.device-touch) .rounded-skill {
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.easyPieChart {
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333
}

.easyPieChart i {
    font-size: 42px
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0
}

.skills {
    margin: 0;
    list-style: none;
    padding-top: 25px
}

.skills li {
    position: relative;
    margin-top: 38px;
    height: 4px;
    background-color: #F5F5F5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.skills li:first-child {
    margin-top: 0
}

.skills li .progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #1abc9e;
    overflow: visible !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: width 1.2s ease-in-out;
    -o-transition: width 1.2s ease-in-out;
    transition: width 1.2s ease-in-out
}

.skills li .progress-percent {
    position: absolute;
    top: -28px;
    right: 0;
    background-color: #333;
    color: #F9F9F9;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    height: 22px;
    line-height: 22px;
    padding: 0px 5px;
    font-size: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.skills li .progress-percent .counter {
    font-weight: 400;
    font-family: 'Lato',sans-serif
}

.skills li .progress-percent:after,.skills li .progress-percent:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.skills li .progress-percent:after {
    border-top-color: #333;
    border-width: 4px;
    left: 50%;
    margin-left: -4px
}

.skills li .progress-percent:before {
    border-top-color: #333;
    border-width: 5px;
    left: 50%;
    margin-left: -5px
}

.skills li>span {
    position: absolute;
    z-index: 1;
    top: -23px;
    left: 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #222
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
    width: 100%
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    display: block;
    min-height: 100px;
    background: url('../images/preloader.gif') no-repeat center center
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

#slider .owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.mega-menu-content .owl-carousel.owl-hidden {
    opacity: 1
}

.owl-carousel.owl-refresh .owl-item {
    display: none
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #111
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 64px;
    width: 64px;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    background: url("../images/play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-carousel .owl-dots,.owl-carousel .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    line-height: 1
}

.owl-carousel .owl-nav [class*=owl-] {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: -36px;
    zoom:1;width: 36px;
    height: 36px;
    line-height: 32px;
    border: 1px solid rgba(0,0,0,0.2);
    color: #666;
    background-color: #FFF;
    font-size: 18px;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.owl-carousel.with-carousel-dots .owl-nav [class*=owl-] {
    margin-top: -38px
}

.owl-carousel-full .owl-nav [class*=owl-] {
    margin-top: -30px;
    left: 0 !important;
    height: 60px;
    line-height: 60px;
    border: none;
    color: #EEE;
    background-color: rgba(0,0,0,0.4);
    font-size: 28px;
    border-radius: 0 3px 3px 0
}

.owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-] {
    margin-top: -50px
}

.owl-carousel .owl-nav .owl-next {
    left: auto;
    right: -36px
}

.owl-carousel-full .owl-nav .owl-next {
    left: auto !important;
    right: 0 !important;
    border-radius: 3px 0 0 3px
}

.owl-carousel:hover .owl-nav [class*=owl-] {
    opacity: 1;
    left: -18px
}

.owl-carousel:hover .owl-nav .owl-next {
    left: auto;
    right: -18px
}

.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #1abc9e !important;
    color: #FFF !important;
    text-decoration: none
}

.owl-carousel .owl-nav .disabled {
    display: none !important
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom:1;margin-top: 30px;
    *display: inline
}

.owl-carousel .owl-dots .owl-dot span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    opacity: 0.5;
    border-radius: 50%;
    background-color: #1abc9e;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span {
    opacity: 1
}

.title-block {
    padding: 2px 0 3px 20px;
    border-left: 7px solid #1abc9e;
    margin-bottom: 30px
}

.title-block .title-block-right {
    padding: 2px 20px 3px 0;
    border-left: 0;
    border-right: 7px solid #1abc9e;
    text-align: right
}

.title-block p,.title-block h1,.title-block h2,.title-block h3,.title-block h4 {
    margin-bottom: 0
}

.title-block>span {
    display: block;
    margin-top: 4px;
    color: #555;
    font-weight: 300
}

.title-block h1+span {
    font-size: 22px
}

.title-block h2+span {
    font-size: 19px
}

.title-block h3+span {
    font-size: 17px
}

.title-block h4+span {
    font-size: 15px;
    margin-top: 3px
}

.heading-block {
    margin-bottom: 50px
}

.heading-block h1,.heading-block h2,.heading-block h3,.heading-block h4,.emphasis-title h1,.emphasis-title h2 {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333
}

.emphasis-title h1,.emphasis-title h2 {
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none
}

.heading-block h1 {
    font-size: 32px
}

.heading-block h2 {
    font-size: 30px
}

.heading-block h3 {
    font-size: 26px
}

.heading-block h4 {
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid #1abc9e;
}

.heading-block>span:not(.before-heading) {
    display: block;
    margin-top: 10px;
    font-weight: 300;
    color: #777
}

.heading-block .before-heading {
    margin-bottom: 7px
}

.heading-block.center>span,.heading-block.title-center>span,.center .heading-block>span {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

.heading-block h1+span {
    font-size: 24px
}

.heading-block h2+span {
    font-size: 22px
}

.heading-block h3+span,.heading-block h4+span {
    font-size: 20px
}

.heading-block~p:not(.lead) {
    font-size: 15px
}

.heading-block:after {
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border-top: 2px solid #444
}

.center .heading-block:after,.heading-block.center:after,.heading-block.title-center:after {
    margin: 30px auto 0
}

.heading-block.noborder:after,.heading-block.nobottomborder:after {
    display: none
}

.tright .heading-block,.heading-block.tright,.heading-block.title-right {
    direction: rtl
}

.heading-block.border-color:after {
    border-color: #1abc9e
}

.emphasis-title {
    margin: 0 0 50px
}

.emphasis-title h1,.emphasis-title h2 {
    font-size: 64px;
    letter-spacing: -2px
}

.emphasis-title h1 strong,.emphasis-title h2 strong {
    font-weight: 700
}

.fancy-title {
    position: relative;
    margin-bottom: 30px
}

.fancy-title h1,.fancy-title h2,.fancy-title h3,.fancy-title h4,.fancy-title h5,.fancy-title h6 {
    position: relative;
    display: inline-block;
    background-color: #FFF;
    padding-right: 15px;
    margin-bottom: 0
}

.fancy-title h4,.fancy-title h5,.fancy-title h6 {
    padding-right: 10px
}

.fancy-title.title-double-border:before,.fancy-title.title-border:before,.fancy-title.title-border-color:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    border-top: 3px double #e5e5e5;
    left: auto;
    top: 46%;
    right: 0
}

.fancy-title.title-border:before {
    top: 49%;
    border-top: 1px solid #eee
}

.fancy-title.title-border-color:before {
    top: 49%;
    border-top: 1px solid #1abc9e;
    opacity: 0.6
}

.title-center {
    text-align: center
}

.title-center h1,.title-center h2,.title-center h3 {
    padding: 0 15px
}

.title-center h4,.title-center h5,.title-center h6 {
    padding: 0 10px
}

.title-right {
    text-align: right
}

.title-right h1,.title-right h2,.title-right h3 {
    padding: 0 0 0 15px
}

.title-right h4,.title-right h5,.title-right h6 {
    padding: 0 0 0 10px
}

.fancy-title.title-bottom-border h1,.fancy-title.title-bottom-border h2,.fancy-title.title-bottom-border h3,.fancy-title.title-bottom-border h4,.fancy-title.title-bottom-border h5,.fancy-title.title-bottom-border h6 {
    display: block;
    background: transparent;
    padding: 0 0 10px;
    border-bottom: 2px solid #1abc9e
}

.fancy-title.title-dotted-border {
    background: url('../images/dotted.png') repeat-x center
}

.before-heading {
    display: block;
    margin: 0 0 5px;
    font-size: 16px;
    font-family: 'Crete Round',serif;
    font-style: italic;
    font-weight: 400;
    color: #999
}

.divider {
    position: relative;
    overflow: hidden;
    margin: 35px 0;
    color: #E5E5E5;
    width: 100%
}

.divider.divider-margin {
    margin: 70px 0
}

.divider:after,.divider.divider-center:before,.divider.divider-center.divider-short:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 8px;
    left: 30px;
    height: 0;
    border-top: 1px solid #eee
}

.divider.divider-thick:after,.divider.divider-center.divider-thick:before,.divider.divider-center.divider-short.divider-thick:before {
    border-top-width: 3px
}

.divider.divider-short:after {
    width: 30%
}

.divider.divider-vshort:after {
    width: 12%
}

.divider i {
    position: relative;
    width: 18px;
    height: 18px;
    line-height: 1;
    font-size: 18px !important;
    text-align: center
}

.divider a {
    position: relative;
    display: inline-block;
    color: inherit;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.divider a:hover {
    color: #888
}

.divider.divider-right {
    text-align: right
}

.divider.divider-right:after {
    left: auto;
    right: 30px
}

.divider.divider-center,.divider.divider-center.divider-short {
    text-align: center
}

.divider.divider-center:before {
    left: -50% !important;
    right: 0;
    margin-left: -20px
}

.divider.divider-center:after {
    left: 50% !important;
    right: 0;
    margin-left: 20px
}

.divider.divider-center.divider-short:before {
    left: auto !important;
    right: 50%;
    margin-right: 20px;
    width: 15%
}

.divider.divider-center.divider-short:after {
    left: 50% !important;
    right: auto !important;
    margin-left: 20px;
    width: 15%
}

.divider.divider-center.divider-vshort:before,.divider.divider-center.divider-vshort:after {
    width: 6%
}

.divider.divider-rounded {
    color: #BBB
}

.divider.divider-rounded:after,.divider.divider-rounded.divider-center:before,.divider.divider-rounded.divider-short:before,.divider.divider-border:after,.divider.divider-border.divider-center:before,.divider.divider-border.divider-short:before {
    top: 19px;
    left: 40px
}

.divider.divider-rounded i,.divider.divider-border i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #F5F5F5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.divider.divider-rounded.divider-right:after,.divider.divider-border.divider-right:after {
    left: auto;
    right: 40px
}

.divider.divider-border {
    color: #E5E5E5
}

.divider.divider-border i {
    line-height: 38px;
    background-color: transparent;
    border: 1px solid #eee
}

.divider.divider-line:before,.divider.divider-line:after {
    margin-left: 0 !important;
    margin-right: 0 !important
}

#infscr-loading,#portfolio-ajax-loader {
    position: fixed;
    z-index: 20;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    background-color: rgba(0,0,0,0.7);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 48px;
    font-size: 24px;
    color: #FFF;
    text-align: center
}

#infscr-loading img,#portfolio-ajax-loader img {
    display: none;
    width: 24px;
    height: 24px;
    margin: 12px
}

#portfolio-ajax-loader {
    display: none
}

#portfolio-ajax-loader img {
    display: block
}

.sm-form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #ddd;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s
}

.sm-form-control:focus {
    border-color: #AAA;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.sm-form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.sm-form-control:-ms-input-placeholder {
    color: #999
}

.sm-form-control::-webkit-input-placeholder {
    color: #999
}

.sm-form-control[disabled],.sm-form-control[readonly],fieldset[disabled] .sm-form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1
}

.sm-form-control {
    height: auto
}

.form-control {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.form-control:active,.form-control:focus {
    border-color: #999;
    box-shadow: none
}

label {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Raleway',sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #555;
    margin-bottom: 10px;
    cursor: pointer
}

label.label-muted {
    color: #999;
    font-weight: normal;
    margin-right: 5px
}

form .col_full,form .col_half,form .col_one_third,form .col_two_third,form .col_three_fourth,form .col_one_fourth,form .col_one_fifth,form .col_two_fifth,form .col_three_fifth,form .col_four_fifth,form .col_one_sixth,form .col_five_sixth {
    margin-bottom: 25px
}

#google-map {
    position: relative;
    width: 100%;
    height: 450px
}

.gmap img {
    max-width: none !important
}

.gm-style .gm-style-iw h3 span {
    font-size: inherit;
    font-family: inherit
}

#map-overlay {
    position: relative;
    padding: 100px 0
}

#map-overlay #google-map {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0
}

blockquote p {
    margin-bottom: 15px
}

blockquote.pull-left {
    max-width: 300px;
    margin: 5px 20px 10px 0;
    padding-right: 0
}

blockquote.pull-right {
    max-width: 300px;
    margin: 5px 0 10px 20px;
    padding-left: 0
}

.quote {
    border: none !important;
    position: relative
}

.quote p {
    position: relative
}

.quote:before {
    font-family: 'font-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    content: "\e7ad";
    position: absolute;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 42px;
    top: 0;
    left: 0;
    color: #EEE
}

.quote.blockquote-reverse:before {
    content: "\e7ae";
    left: auto;
    right: 0
}

.dropcap {
    float: left;
    font-size: 42px;
    line-height: 1;
    margin: 0 5px 0 0;
    text-transform: uppercase
}

.highlight {
    padding: 2px 5px;
    background-color: #444;
    color: #FFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.top-advert {
    float: right;
    padding: 5px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

.top-advert a,.top-advert img {
    display: block
}

.bnews-title {
    display: block;
    float: left;
    margin-top: 2px;
    padding-top: .3em;
    text-transform: uppercase
}

.bnews-slider {
    float: left;
    width: 970px;
    margin-left: 20px;
    min-height: 0
}

.text-rotater>.t-rotate>.animated {
    display: inline-block
}

#gotoTop {
    display: none;
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #333;
    background-color: rgba(0,0,0,0.3);
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 50px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

#gotoTop:hover {
    background-color: #1abc9e
}

body:not(.device-touch) #gotoTop {
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear
}

.stretched #gotoTop {
    bottom: 30px
}

.error404 {
    display: block;
    font-size: 216px;
    font-weight: 600;
    color: #DDD;
    line-height: 1.35;
    letter-spacing: 4px
}

.error404-wrap .container {
    z-index: 7
}

.error404-wrap .error404 {
    line-height: 0.9;
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 244px;
    color: #FFF !important;
    opacity: 0.2;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.4)
}

.error404-wrap .heading-block h4 {
    font-weight: 300;
    margin-bottom: 8px
}

.error404-wrap .heading-block span {
    font-size: 17px
}

.error404-wrap form {
    max-width: 500px
}

.landing-wide-form {
    background: rgba(0,0,0,0.3);
    padding: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.landing-form-overlay {
    position: absolute;
    z-index: 10;
    top: auto;
    left: auto;
    right: 0;
    bottom: -154px;
    background-color: rgba(0,0,0,0.6);
    -webkit-border-radius: 3px 3px 0 0 3px 3px 3px;
    -moz-border-radius: 3px 3px 0 0 3px 3px 3px;
    border-radius: 3px 3px 0 0 3px 3px 3px
}

.landing-video {
    z-index: 1;
    width: 560px;
    height: 315px;
    margin: 22px 0 0 95px;
    overflow: hidden
}

.landing-promo h3 {
    font-size: 26px
}

.landing-promo>.container>span {
    font-size: 17px
}

.preloader,.preloader2,.form-process {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/preloader.gif") center center no-repeat #fff
}

.preloader2 {
    background-color: transparent
}

.form-process {
    display: none;
    position: absolute;
    z-index: 3;
    background-color: rgba(255,255,255,0.7)
}

#footer p {
    margin-bottom: 15px
}

#footer {
    position: relative;
    background-color: #EEE;
    border-top: 5px solid rgba(0,0,0,0.2)
}

#footer .footer-widgets-wrap {
    position: relative;
    padding: 80px 0
}

.device-lg.sticky-footer #top-bar,.device-md.sticky-footer #top-bar {
    z-index: 299
}

.device-lg.sticky-footer #header,.device-md.sticky-footer #header {
    z-index: 199
}

.device-lg.sticky-footer #slider,.device-md.sticky-footer #slider,.device-lg.sticky-footer #page-submenu,.device-md.sticky-footer #page-submenu,.device-lg.sticky-footer #page-title,.device-md.sticky-footer #page-title,.device-lg.sticky-footer #content,.device-md.sticky-footer #content,.device-lg.sticky-footer #slider,.device-md.sticky-footer #slider,.device-lg.sticky-footer #page-submenu,.device-md.sticky-footer #page-submenu,.device-lg.sticky-footer #page-title,.device-md.sticky-footer #page-title,.device-lg.sticky-footer #content,.device-md.sticky-footer #content {
    z-index: 2
}

.device-lg.sticky-footer #footer,.device-md.sticky-footer #footer {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.device-lg.sticky-footer:not(.stretched) #footer,.device-md.sticky-footer:not(.stretched) #footer {
    left: 50%;
    margin-left: -610px;
    width: 1220px
}

.device-md.sticky-footer:not(.stretched) #footer {
    margin-left: -500px;
    width: 1000px
}

.footer-widgets-wrap .col_full,.footer-widgets-wrap .col_half,.footer-widgets-wrap .col_one_third,.footer-widgets-wrap .col_two_third,.footer-widgets-wrap .col_three_fourth,.footer-widgets-wrap .col_one_fourth,.footer-widgets-wrap .col_one_fifth,.footer-widgets-wrap .col_two_fifth,.footer-widgets-wrap .col_three_fifth,.footer-widgets-wrap .col_four_fifth,.footer-widgets-wrap .col_one_sixth,.footer-widgets-wrap .col_five_sixth {
    margin-bottom: 0
}

#copyrights {
    padding: 40px 0;
    background-color: rgba(0,0,0,0.05);
    font-size: 14px;
    line-height: 1.8
}

#copyrights i.footer-icon {
    position: relative;
    top: 1px;
    font-size: 14px;
    width: 14px;
    text-align: center;
    margin-right: 3px
}

#copyrights .col_half {
    margin-bottom: 0 !important
}

#copyrights a:first-child {
    margin-left: 0
}

#copyrights .tright a:last-child {
    margin-right: 0
}

.copyright-links a {
    display: inline-block;
    margin: 0 3px;
    color: #333;
    border-bottom: 1px dotted #444
}

.copyright-links a:hover {
    color: #555;
    border-bottom: 1px solid #666
}

.copyrights-menu {
    margin-bottom: 10px
}

.copyrights-menu a {
    font-size: 14px;
    margin: 0 10px;
    border-bottom: 0 !important
}

.footer-logo {
    display: block;
    margin-bottom: 15px
}

#footer {
    background-color: '' !important
}

.widget {
    position: relative;
    margin-top: 50px
}

.widget:first-child {
    margin-top: 0
}

.widget>h4 {
    margin-bottom: 25px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase
}

.widget p {
    line-height: 1.7
}

.widget p:not(.lead) {
    font-size: 14px
}

.sidebar-widgets-wrap .widget {
    padding-top: 50px;
    border-top: 1px solid #eee
}

.sidebar-widgets-wrap .widget:first-child {
    padding-top: 0;
    border-top: 0
}

.sidebar-widgets-wrap .widget>h4 {
    letter-spacing: 1px
}

.tagcloud {
    margin-bottom: -2px
}

.tagcloud a {
    display: block;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 3px 6px;
    border: 1px solid #e5e5e5;
    font-size: 13px !important;
    color: #666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.tagcloud a:hover {
    border-color: #1abc9e !important;
    color: #1abc9e !important
}

body:not(.device-touch) .tagcloud a {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.widget_nav_menu ul,.widget_links ul,.widget_meta ul,.widget_archive ul,.widget_recent_comments ul,.widget_recent_entries ul,.widget_categories ul,.widget_pages ul,.widget_rss ul,.widget_nav_menu li,.widget_links li,.widget_meta li,.widget_archive li,.widget_recent_comments li,.widget_recent_entries li,.widget_categories li,.widget_pages li,.widget_rss li {
    list-style: none;
    margin: 0
}

.widget_nav_menu li,.widget_links li,.widget_meta li,.widget_archive li,.widget_recent_comments li,.widget_recent_entries li,.widget_categories li,.widget_pages li,.widget_rss li {
    padding: 4px
}

.widget_nav_menu li a,.widget_links li a,.widget_meta li a,.widget_archive li a,.widget_recent_entries li a,.widget_categories li a,.widget_pages li a,.widget_rss li a,.widget_recent_comments li a {
    display: inline-block;
    padding: 0 3px 0 12px;
    background: url("../images/widget-link.png") left top no-repeat;
    border: none !important;
    color: #444;
    font-size: 14px
}

.widget_nav_menu li a:hover,.widget_links li a:hover,.widget_meta li a:hover,.widget_archive li a:hover,.widget_recent_entries li a:hover,.widget_categories li a:hover,.widget_pages li a:hover,.widget_rss li a:hover,.widget_recent_comments li a:hover {
    color: #000
}

.widget_recent_comments li {
    display: block;
    background: url("../images/widget-comment.png") left top no-repeat;
    padding: 4px 0 4px 20px
}

.widget_recent_comments li a {
    display: inline;
    padding: 0;
    background: none !important
}

.widget_nav_menu>ul>li:first-child,.widget_links>ul>li:first-child,.widget_meta>ul>li:first-child,.widget_archive>ul>li:first-child,.widget_recent_comments>ul>li:first-child,.widget_recent_entries>ul>li:first-child,.widget_categories>ul>li:first-child,.widget_pages>ul>li:first-child,.widget_rss>ul>li:first-child {
    border-top: 0 !important
}

.widget_nav_menu>ul,.widget_links>ul,.widget_meta>ul,.widget_archive>ul,.widget_recent_comments>ul,.widget_recent_entries>ul,.widget_categories>ul,.widget_pages>ul,.widget_rss>ul {
    margin-top: -4px !important
}

.widget_nav_menu ul ul,.widget_links ul ul,.widget_meta ul ul,.widget_archive ul ul,.widget_recent_comments ul ul,.widget_recent_entries ul ul,.widget_categories ul ul,.widget_pages ul ul,.widget_rss ul ul {
    margin-left: 15px
}

.widget .testimonial.no-image .testi-image {
    display: none
}

.widget .testimonial.twitter-scroll .testi-image,.widget .testimonial.twitter-scroll .testi-image a,.widget .testimonial.twitter-scroll .testi-image img,.widget .testimonial.twitter-scroll .testi-image i {
    width: 28px;
    height: 28px
}

.widget .testimonial.twitter-scroll .testi-image {
    margin-right: 10px
}

.widget .testimonial.twitter-scroll .testi-image i {
    background-color: #EEE;
    line-height: 28px;
    font-size: 14px;
    color: #888
}

.widget .testimonial p:not(.lead) {
    font-size: 14px
}

.widget .testimonial:not(.twitter-scroll) .testi-image,.widget .testimonial:not(.twitter-scroll) .testi-image a,.widget .testimonial:not(.twitter-scroll) .testi-image img {
    width: 42px;
    height: 42px
}

.quick-contact-widget .form-control,.quick-contact-widget .input-group,.quick-contact-widget .sm-form-control {
    margin-bottom: 10px
}

.quick-contact-widget .input-group .form-control {
    margin-bottom: 0
}

.quick-contact-widget form,#template-contactform {
    position: relative
}

.subscribe-widget h5 {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5
}

.widget-filter-links ul {
    list-style: none;
    margin-bottom: 0
}

.widget-filter-links .widget-filter-reset {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    font-size: 12px;
    line-height: 22px
}

.widget:not(:first-child) .widget-filter-reset {
    top: 50px
}

.widget-filter-links .widget-filter-reset a {
    color: red
}

.widget-filter-links .widget-filter-reset.active-filter {
    display: none
}

.widget-filter-links li {
    position: relative;
    font-size: 15px;
    line-height: 24px
}

.widget-filter-links li:not(:first-child) {
    margin-top: 10px
}

.widget-filter-links li a {
    display: block;
    color: #444;
    font-family: 'Raleway',sans-serif;
    font-weight: 500
}

.widget-filter-links li span {
    position: absolute;
    top: 1px;
    left: auto;
    right: 0;
    font-size: 11px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #777;
    background-color: #EEE;
    border-radius: 50%
}

.widget-filter-links li:hover a {
    color: #777
}

.widget-filter-links li.active-filter a {
    font-weight: 700
}

.widget-filter-links li.active-filter span {
    color: #FFF;
    background-color: #1abc9e;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

.nav-tree {
    position: relative;
    margin-bottom: 40px
}

.nav-tree ul {
    margin-bottom: 0;
    list-style: none
}

.nav-tree>ul {
    margin: -8px 0
}

.nav-tree li {
    position: relative
}

.nav-tree li a {
    display: block;
    padding: 8px 0;
    color: #333;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    font-family: 'Raleway',sans-serif
}

.nav-tree li i {
    font-size: 14px;
    width: 16px;
    text-align: center
}

.nav-tree li i:not(.icon-angle-down) {
    margin-right: 8px;
    position: relative;
    top: 1px
}

.nav-tree li i.icon-angle-down {
    width: auto;
    font-size: 12px;
    margin-left: 2px
}

.nav-tree li:hover>a,.nav-tree li.current>a,.nav-tree li.active>a {
    color: #1abc9e !important
}

.nav-tree ul ul {
    display: none
}

.nav-tree ul ul a {
    font-size: 12px;
    padding: 6px 0;
    letter-spacing: 1px;
    font-family: 'Lato',sans-serif
}

.nav-tree ul ul a i.icon-angle-down {
    font-size: 12px
}

.nav-tree ul ul a {
    padding-left: 20px
}

.nav-tree ul ul ul a {
    padding-left: 40px
}

.nav-tree ul ul ul ul a {
    padding-left: 60px
}

.nav-tree ul ul ul ul ul a {
    padding-left: 80px
}

.nav-tree li.current>ul {
    display: block
}

.table .success {
    color: #3c763d
}

.table .info {
    color: #31708f
}

.table .warning {
    color: #8a6d3b
}

.table .danger {
    color: #a94442
}

.btn-link {
    color: #1abc9e
}

.btn-link:hover,.btn-link:focus {
    color: #222
}

.boot-tabs {
    margin-bottom: 20px !important
}

.carousel-control .icon-chevron-left,.carousel-control .icon-chevron-right {
    position: absolute;
    top: 47.5%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-chevron-left {
    left: 50%
}

.carousel-control .icon-chevron-right {
    right: 50%
}

.responsive-utilities th small {
    display: block;
    font-weight: 400;
    color: #999
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #EEE;
    border: 1px solid #ddd
}

.img-circle {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    color: #FFF !important;
    background-color: #1abc9e !important;
    border-color: #1abc9e !important
}

label.radio,label.checkbox {
    padding-left: 20px
}

.input-group-lg>.input-group-addon {
    line-height: 1
}

#cookie-notification {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 60px;
    padding: 20px 0;
    background-color: #EEE;
    color: #444;
    z-index: 99;
    -webkit-box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
    box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15)
}

.cookie-noti-btn {
    margin-top: 15px
}

.stretched #wrapper {
    width: 100%;
    margin: 0;
    box-shadow: none
}

body:not(.no-transition) #wrapper,.animsition-overlay {
    position: relative;
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.css3-spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    text-align: center;
    background-color: #FFF;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.css3-spinner>div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: 13px;
    width: 18px;
    height: 18px;
    background-color: #DDD;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.css3-spinner .css3-spinner-bounce1 {
    margin-left: -31px;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.css3-spinner .css3-spinner-bounce2 {
    margin-left: -9px;
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes bouncedelay {
    0%,80%,100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%,80%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.css3-spinner>.css3-spinner-flipper {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.css3-spinner>.css3-spinner-double-bounce1,.css3-spinner>.css3-spinner-double-bounce2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.6;
    -webkit-animation: cssspinnerbounce 2s infinite ease-in-out;
    animation: cssspinnerbounce 2s infinite ease-in-out
}

.css3-spinner>.css3-spinner-double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s
}

@-webkit-keyframes cssspinnerbounce {
    0%,100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes cssspinnerbounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.css3-spinner>.css3-spinner-rect1,.css3-spinner>.css3-spinner-rect2,.css3-spinner>.css3-spinner-rect3,.css3-spinner>.css3-spinner-rect4,.css3-spinner>.css3-spinner-rect5 {
    height: 30px;
    width: 6px;
    margin-top: -15px;
    margin-left: -21px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out
}

.css3-spinner>.css3-spinner-rect2 {
    margin-left: -12px;
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.css3-spinner>.css3-spinner-rect3 {
    margin-left: -3px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s
}

.css3-spinner>.css3-spinner-rect4 {
    margin-left: 6px;
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.css3-spinner>.css3-spinner-rect5 {
    margin-left: 15px;
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

@-webkit-keyframes stretchdelay {
    0%,40%,100% {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes stretchdelay {
    0%,40%,100% {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.css3-spinner>.css3-spinner-cube1,.css3-spinner>.css3-spinner-cube2 {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: cubemove 1.8s infinite ease-in-out;
    animation: cubemove 1.8s infinite ease-in-out
}

.css3-spinner>.css3-spinner-cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

@-webkit-keyframes cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
    }

    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(.5)
    }

    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
    }

    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg)
    }

    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }

    75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(.5)
    }

    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg)
    }
}

.css3-spinner>.css3-spinner-scaler {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: scaleout 1s infinite ease-in-out;
    animation: scaleout 1s infinite ease-in-out
}

@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes scaleout {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.css3-spinner>.css3-spinner-grid-pulse {
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px;
    background-color: transparent !important;
    -webkit-animation: none;
    animation: none
}

.css3-spinner-grid-pulse>div {
    background-color: #DDD;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-pulse;
    animation-name: ball-grid-pulse;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.css3-spinner-grid-pulse>div:nth-child(1) {
    -webkit-animation-delay: 0.73s;
    animation-delay: 0.73s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s
}

.css3-spinner-grid-pulse>div:nth-child(2) {
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s
}

.css3-spinner-grid-pulse>div:nth-child(3) {
    -webkit-animation-delay: 0.71s;
    animation-delay: 0.71s;
    -webkit-animation-duration: 0.88s;
    animation-duration: 0.88s
}

.css3-spinner-grid-pulse>div:nth-child(4) {
    -webkit-animation-delay: 0.62s;
    animation-delay: 0.62s;
    -webkit-animation-duration: 1.06s;
    animation-duration: 1.06s
}

.css3-spinner-grid-pulse>div:nth-child(5) {
    -webkit-animation-delay: 0.31s;
    animation-delay: 0.31s;
    -webkit-animation-duration: 0.62s;
    animation-duration: 0.62s
}

.css3-spinner-grid-pulse>div:nth-child(6) {
    -webkit-animation-delay: -0.14s;
    animation-delay: -0.14s;
    -webkit-animation-duration: 1.48s;
    animation-duration: 1.48s
}

.css3-spinner-grid-pulse>div:nth-child(7) {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
    -webkit-animation-duration: 1.47s;
    animation-duration: 1.47s
}

.css3-spinner-grid-pulse>div:nth-child(8) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    -webkit-animation-duration: 1.49s;
    animation-duration: 1.49s
}

.css3-spinner-grid-pulse>div:nth-child(9) {
    -webkit-animation-delay: 0.73s;
    animation-delay: 0.73s;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s
}

@-webkit-keyframes ball-grid-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0.7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes ball-grid-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0.7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.css3-spinner>.css3-spinner-clip-rotate {
    width: 33px;
    height: 33px;
    margin-top: -17px;
    margin-left: -17px;
    background-color: transparent !important;
    -webkit-animation: none;
    animation: none
}

.css3-spinner-clip-rotate>div {
    border-radius: 100%;
    border: 2px solid #ddd;
    border-bottom-color: transparent !important;
    height: 33px;
    width: 33px;
    background: transparent !important;
    -webkit-animation: rotate 1s 0s linear infinite;
    animation: rotate 1s 0s linear infinite
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale(.6);
        transform: rotate(180deg) scale(.6)
    }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

.css3-spinner>.css3-spinner-ball-rotate {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
    background-color: transparent !important;
    -webkit-animation: ballrotate 1s 0s cubic-bezier(.7, -0.13, .22, .86) infinite;
    animation: ballrotate 1s 0s cubic-bezier(.7, -0.13, .22, .86) infinite
}

.css3-spinner-ball-rotate>div {
    background-color: #DDD;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    position: relative
}

.css3-spinner-ball-rotate>div:nth-child(1),.css3-spinner-ball-rotate>div:nth-child(3) {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    content: "";
    position: absolute;
    opacity: 0.7
}

.css3-spinner-ball-rotate>div:nth-child(1) {
    top: 0px;
    left: -22px
}

.css3-spinner-ball-rotate>div:nth-child(3) {
    top: 0px;
    left: 22px
}

@-webkit-keyframes ballrotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ballrotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.css3-spinner>.css3-spinner-zig-zag {
    background-color: transparent !important;
    -webkit-transform: translate(-15px, -15px);
    -ms-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
    -webkit-animation: none;
    animation: none
}

.css3-spinner-zig-zag>div {
    background-color: #DDD;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.css3-spinner-zig-zag>div:first-child {
    -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
    animation: ball-zig-deflect 1.5s 0s infinite linear
}

.css3-spinner-zig-zag>div:last-child {
    -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
    animation: ball-zag-deflect 1.5s 0s infinite linear
}

@-webkit-keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }

    34% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }

    84% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }

    34% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }

    84% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }

    34% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }

    84% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }

    34% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }

    84% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.css3-spinner>.css3-spinner-ball-scale-multiple {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    background-color: transparent !important;
    -webkit-animation: none;
    animation: none
}

.css3-spinner-ball-scale-multiple>div {
    background-color: #DDD;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1.25s 0s linear infinite;
    animation: ball-scale-multiple 1.25s 0s linear infinite
}

.css3-spinner-ball-scale-multiple>div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.css3-spinner-ball-scale-multiple>div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

@-webkit-keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    5% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    5% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.css3-spinner>.css3-spinner-triangle-path {
    background-color: transparent !important;
    -webkit-transform: translate(-29.994px, -37.50938px);
    -ms-transform: translate(-29.994px, -37.50938px);
    transform: translate(-29.994px, -37.50938px);
    -webkit-animation: none;
    animation: none
}

.css3-spinner-triangle-path>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #DDD
}

.css3-spinner-triangle-path>div:nth-child(1) {
    -webkit-animation: ball-triangle-path-1 2s 0s ease-in-out infinite;
    animation: ball-triangle-path-1 2s 0s ease-in-out infinite
}

.css3-spinner-triangle-path>div:nth-child(2) {
    -webkit-animation: ball-triangle-path-2 2s 0s ease-in-out infinite;
    animation: ball-triangle-path-2 2s 0s ease-in-out infinite
}

.css3-spinner-triangle-path>div:nth-child(3) {
    -webkit-animation: ball-triangle-path-3 2s 0s ease-in-out infinite;
    animation: ball-triangle-path-3 2s 0s ease-in-out infinite
}

.css3-spinner-triangle-path>div:nth-of-type(1) {
    top: 50px
}

.css3-spinner-triangle-path>div:nth-of-type(2) {
    left: 25px
}

.css3-spinner-triangle-path>div:nth-of-type(3) {
    top: 50px;
    left: 50px
}

@-webkit-keyframes ball-triangle-path-1 {
    33% {
        -webkit-transform: translate(25px, -50px);
        transform: translate(25px, -50px)
    }

    66% {
        -webkit-transform: translate(50px, 0px);
        transform: translate(50px, 0px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes ball-triangle-path-1 {
    33% {
        -webkit-transform: translate(25px, -50px);
        transform: translate(25px, -50px)
    }

    66% {
        -webkit-transform: translate(50px, 0px);
        transform: translate(50px, 0px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes ball-triangle-path-2 {
    33% {
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px)
    }

    66% {
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes ball-triangle-path-2 {
    33% {
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px)
    }

    66% {
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes ball-triangle-path-3 {
    33% {
        -webkit-transform: translate(-50px, 0px);
        transform: translate(-50px, 0px)
    }

    66% {
        -webkit-transform: translate(-25px, -50px);
        transform: translate(-25px, -50px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes ball-triangle-path-3 {
    33% {
        -webkit-transform: translate(-50px, 0px);
        transform: translate(-50px, 0px)
    }

    66% {
        -webkit-transform: translate(-25px, -50px);
        transform: translate(-25px, -50px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

.css3-spinner>.css3-spinner-ball-pulse-sync {
    width: 70px;
    height: 34px;
    margin-left: -35px;
    margin-top: -17px;
    background-color: transparent !important;
    -webkit-animation: none;
    animation: none
}

.css3-spinner-ball-pulse-sync>div {
    display: inline-block;
    background-color: #DDD;
    width: 14px;
    height: 14px;
    margin: 10px 3px 0;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.css3-spinner-ball-pulse-sync>div:nth-child(0) {
    -webkit-animation: ball-pulse-sync .7s -0.21s infinite ease-in-out;
    animation: ball-pulse-sync .7s -0.21s infinite ease-in-out
}

.css3-spinner-ball-pulse-sync>div:nth-child(1) {
    -webkit-animation: ball-pulse-sync .7s -0.14s infinite ease-in-out;
    animation: ball-pulse-sync .7s -0.14s infinite ease-in-out
}

.css3-spinner-ball-pulse-sync>div:nth-child(2) {
    -webkit-animation: ball-pulse-sync .7s -0.07000000000000001s infinite ease-in-out;
    animation: ball-pulse-sync .7s -0.07000000000000001s infinite ease-in-out
}

.css3-spinner-ball-pulse-sync>div:nth-child(3) {
    -webkit-animation: ball-pulse-sync .7s 0s infinite ease-in-out;
    animation: ball-pulse-sync .7s 0s infinite ease-in-out
}

@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0.85
    }

    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0.7
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0.85
    }

    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0.7
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.css3-spinner>.css3-spinner-scale-ripple {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    background-color: transparent !important;
    -webkit-animation: none;
    animation: none
}

.css3-spinner-scale-ripple>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #ddd;
    -webkit-animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .5600000000000001, .8);
    animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .5600000000000001, .8)
}

.css3-spinner-scale-ripple>div:nth-child(0) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.css3-spinner-scale-ripple>div:nth-child(1) {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.css3-spinner-scale-ripple>div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.css3-spinner-scale-ripple>div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

@-webkit-keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7
    }

    100% {
        opacity: 0.0
    }
}

@keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7
    }

    100% {
        opacity: 0.0
    }
}

.dark,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6 {
    color: #EEE
}

.dark a:hover {
    color: #EEE
}

body.dark,.dark #wrapper,.dark #content,.dark .portfolio-ajax-modal,.dark .css3-spinner,body.dark #side-panel,body #side-panel.dark {
    background-color: #383838
}

.dark .css3-spinner>div,.dark .css3-spinner-grid-pulse>div,.dark .css3-spinner-ball-rotate>div,.dark .css3-spinner-zig-zag>div,.dark .css3-spinner-ball-scale-multiple>div,.dark .css3-spinner-triangle-path>div,.dark .css3-spinner-ball-pulse-sync>div {
    background-color: rgba(255,255,255,0.35)
}

.dark .css3-spinner-clip-rotate>div,.dark .css3-spinner-scale-ripple>div {
    border-color: rgba(255,255,255,0.35)
}

.dark .line,.dark .double-line {
    border-top-color: rgba(255,255,255,0.1)
}

.dark .section,.section.dark {
    background-color: #282828;
    border-color: rgba(255,255,255,0.1)
}

.dark #top-bar,#top-bar.dark {
    border-bottom-color: rgba(255,255,255,0.1);
    background-color: #282828
}

.dark .top-links ul li {
    border-left-color: rgba(255,255,255,0.1)
}

.dark .top-links li>a {
    color: #AAA
}

.dark .top-links li:hover {
    background-color: #333;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}

.dark .top-links ul ul,.dark .top-links ul div.top-link-section {
    background: #333;
    border-bottom: none
}

.dark .top-links ul ul li {
    border-top: 1px solid #444;
    border-left: 1px solid #444
}

.dark .top-links ul ul li:hover {
    background-color: #383838
}

.dark .top-links ul ul li:first-child {
    border-left: 1px solid #444
}

.dark #top-social li {
    border-left: 1px solid rgba(255,255,255,0.1)
}

.dark #top-social li a {
    color: #BBB
}

.dark #header:not(.transparent-header),#header.dark:not(.transparent-header) {
    background-color: #333;
    border-bottom: 1px solid rgba(255,255,255,0.05)
}

.dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),.dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark),.dark #header.transparent-header.floating-header .container,.dark #header.transparent-header.floating-header.sticky-header .container,#header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark),#header.dark.transparent-header.floating-header .container,#header.dark.transparent-header.floating-header.sticky-header .container,.dark .responsive-sticky-header #header-wrap,.responsive-sticky-header.dark #header-wrap {
    background-color: #333
}

.dark #header.full-header #header-wrap:not(.not-dark),#header.full-header.dark #header-wrap:not(.not-dark) {
    border-bottom-color: rgba(255,255,255,0.15)
}

.dark #slider+#header.full-header #header-wrap:not(.not-dark),#slider+#header.full-header.dark #header-wrap:not(.not-dark) {
    border-top-color: rgba(255,255,255,0.15)
}

.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark),#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) {
    border-bottom-color: rgba(255,255,255,0.2)
}

.dark #slider+#header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark),#slider+#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) {
    border-top-color: rgba(255,255,255,0.2)
}

.dark #header.semi-transparent,.dark #header.semi-transparent.floating-header .container,#header.dark.semi-transparent,#header.dark.semi-transparent.floating-header .container {
    background-color: rgba(0,0,0,0.6)
}

.dark #header.sticky-header.semi-transparent,.dark #header.semi-transparent.floating-header,.dark #header.semi-transparent.floating-header.sticky-header .container,#header.dark.sticky-header.semi-transparent,#header.dark.semi-transparent.floating-header,#header.dark.semi-transparent.floating-header.sticky-header .container {
    background-color: transparent
}

.dark #header.semi-transparent.sticky-header #header-wrap,#header.dark.semi-transparent.sticky-header #header-wrap {
    background-color: rgba(0,0,0,0.6)
}

.dark #logo a {
    color: #FFF
}

.dark #header.full-header #header-wrap:not(.not-dark) #logo,#header.full-header.dark #header-wrap:not(.not-dark) #logo {
    border-right-color: rgba(255,255,255,0.15)
}

.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #logo,#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #logo {
    border-right-color: rgba(255,255,255,0.2)
}

.dark #header-wrap:not(.not-dark) #primary-menu>ul>li>a,.dark #header-wrap:not(.not-dark) #primary-menu>.container>ul>li>a,.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>ul>li>a,.overlay-menu #primary-menu.dark>ul>li>a,.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>#overlay-menu-close,.overlay-menu #primary-menu.dark>#overlay-menu-close,.dark #header-wrap:not(.not-dark) #top-search a,.dark #header-wrap:not(.not-dark) #top-cart a,.dark #header-wrap:not(.not-dark) #side-panel-trigger a,.dark #header-wrap:not(.not-dark) #top-account a,.dark #top-cart .top-cart-item-desc a,body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,.dark #header-wrap:not(.not-dark) #top-search a:hover,.dark #header-wrap:not(.not-dark) #top-cart a:hover,.dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover,.dark #header-wrap:not(.not-dark) #top-account a:hover,.dark #header-wrap:not(.not-dark) #top-search form input {
    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

.dark #header.full-header #header-wrap:not(.not-dark) #primary-menu>ul,#header.full-header.dark #header-wrap:not(.not-dark) #primary-menu>ul {
    border-right-color: rgba(255,255,255,0.15)
}

.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu>ul,#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu>ul {
    border-right-color: rgba(255,255,255,0.2)
}

.dark #header.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input,#header.dark.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input {
    border-bottom-color: rgba(255,255,255,0.15) !important
}

.dark #header-wrap:not(.not-dark) #top-search form input::-moz-placeholder {
    color: rgba(255,255,255,0.6)
}

.dark #header-wrap:not(.not-dark) #top-search form input:-ms-input-placeholder {
    color: rgba(255,255,255,0.6)
}

.dark #header-wrap:not(.not-dark) #top-search form input::-webkit-input-placeholder {
    color: rgba(255,255,255,0.6)
}

.dark #header-wrap:not(.not-dark) #primary-menu>ul>li:hover>a,.dark #header-wrap:not(.not-dark) #primary-menu>ul>li.current>a,.dark #header-wrap:not(.not-dark) #primary-menu>.container>ul>li:hover>a,.dark #header-wrap:not(.not-dark) #primary-menu>.container>ul>li.current>a {
    color: #EEE
}

.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>ul>li:hover>a,.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>ul>li.current>a,.overlay-menu #primary-menu.dark>ul>li:hover>a,.overlay-menu #primary-menu.dark>ul>li.current>a {
    color: #1abc9e !important
}

.dark #primary-menu:not(.not-dark) ul ul,.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,#primary-menu.dark ul ul,#primary-menu.dark ul li .mega-menu-content {
    background-color: #333;
    border-color: #3F3F3F;
    border-top-color: #1abc9e
}

.dark.overlay-menu #primary-menu:not(.not-dark) ul,.dark.overlay-menu #primary-menu:not(.not-dark) ul,.overlay-menu #primary-menu.dark ul,.overlay-menu #primary-menu.dark ul {
    background-color: rgba(0,0,0,0.9)
}

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2,#primary-menu.dark ul li .mega-menu-content.style-2 {
    border-color: transparent;
    border-top-color: #1abc9e
}

.dark #primary-menu:not(.not-dark) ul ul li,#primary-menu.dark ul ul li {
    border-top-color: #3F3F3F
}

.dark #primary-menu:not(.not-dark) ul ul li:first-child,#primary-menu.dark ul ul li:first-child {
    border-top: 0
}

.dark #primary-menu:not(.not-dark) ul ul li>a,#primary-menu.dark ul ul li>a {
    color: #999 !important
}

.dark #primary-menu:not(.not-dark) ul ul li:hover>a,#primary-menu.dark ul ul li:hover>a {
    background-color: rgba(0,0,0,0.1);
    color: #CCC !important
}

.dark #primary-menu:not(.not-dark) ul ul>li.sub-menu>a,.dark #primary-menu:not(.not-dark) ul ul>li.sub-menu:hover>a,#primary-menu.dark ul ul>li.sub-menu>a,#primary-menu.dark ul ul>li.sub-menu:hover>a {
    background-image: url("../images/submenu-dark.png")
}

.dark #primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child),#primary-menu.dark ul li .mega-menu-content ul.mega-menu-column:not(:first-child) {
    border-left-color: #3F3F3F
}

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a,.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:hover>a,#primary-menu.dark ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a,#primary-menu.dark ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:hover>a {
    color: #BBB !important;
    background: transparent
}

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover,#primary-menu.dark ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover {
    color: #DDD !important
}

.dark #primary-menu.style-2:not(.not-dark) {
    border-top-color: rgba(255,255,255,0.1)
}

.dark #primary-menu.style-3:not(.not-dark)>ul>li:hover>a,#primary-menu.dark.style-3>ul>li:hover>a {
    color: #EEE;
    background-color: rgba(255,255,255,0.05)
}

.dark #primary-menu.style-3:not(.not-dark)>ul>li.current>a,#primary-menu.dark.style-3>ul>li.current>a {
    color: #EEE
}

.dark #primary-menu.style-5:not(.not-dark)>ul,#primary-menu.dark.style-5>ul {
    border-right-color: rgba(255,255,255,0.1)
}

.dark #primary-menu.sub-title:not(.not-dark)>ul>li>a span,#primary-menu.dark.sub-title>ul>li>a span {
    color: #999
}

.dark #primary-menu.sub-title:not(.not-dark)>ul>li:hover>a span,.dark #primary-menu.sub-title:not(.not-dark)>ul>li.current>a span,.dark #primary-menu.sub-title.style-2:not(.not-dark)>div>ul>li:hover>a span,.dark #primary-menu.sub-title.style-2:not(.not-dark)>div>ul>li.current>a span,#primary-menu.dark.sub-title>ul>li:hover>a span,#primary-menu.dark.sub-title>ul>li.current>a span,#primary-menu.dark.sub-title.style-2>div>ul>li:hover>a span,#primary-menu.dark.sub-title.style-2>div>ul>li.current>a span {
    color: #EEE
}

.dark .one-page-arrow,.one-page-arrow.dark {
    color: #FFF
}

.dark.side-header #header {
    background-color: #333;
    border-right-color: #3F3F3F
}

.dark.side-header #logo:not(.nobottomborder):after,.dark.side-header #primary-menu:not(.nobottomborder):after {
    border-bottom-color: #3F3F3F
}

.dark.side-header #primary-menu:not(.not-dark)>ul>li>a,.dark.side-header #primary-menu ul ul li:hover>a {
    color: #DDD !important
}

.dark.side-header.open-header #header-trigger {
    background-color: rgba(0,0,0,0.3);
    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

.dark.side-header.side-header-right #header {
    border-left-color: #3F3F3F
}

.dark.side-header #primary-menu ul ul a {
    color: #AAA !important
}

.dark .slider-caption,.dark .slider-caption h2 {
    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15)
}

.not-dark .slider-caption,.not-dark .slider-caption h2 {
    color: #222;
    text-shadow: none
}

.dark .ei-title h2,.dark .ei-title h3,.dark .ei-title h2 span,.dark .ei-title h3 span {
    color: #EEE !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15)
}

.not-dark .ei-title h2,.not-dark .ei-title h3,.not-dark .ei-title h2 span,.not-dark .ei-title h3 span {
    color: #222 !important;
    text-shadow: none
}

.dark #page-title {
    background-color: #282828;
    border-bottom-color: #3F3F3F
}

.dark #page-title h1 {
    color: rgba(255,255,255,0.9) !important
}

.dark #page-title span {
    color: rgba(255,255,255,0.7)
}

.dark .breadcrumb a {
    color: #BBB
}

.dark .breadcrumb a:hover {
    color: #EEE
}

.dark #page-title.page-title-pattern {
    background-image: url('../images/pattern2.png')
}

.dark .portfolio-filter {
    border-color: rgba(255,255,255,0.08)
}

.dark .portfolio-filter li a {
    color: #999;
    border-left-color: rgba(255,255,255,0.08)
}

.dark .portfolio-filter li a:hover {
    color: #EEE
}

.dark .portfolio-shuffle {
    color: #999;
    border-color: rgba(255,255,255,0.08)
}

.dark .portfolio-filter li.activeFilter a,.dark .portfolio-shuffle:hover {
    color: #FFF
}

.dark .portfolio-desc h3 a {
    color: #EEE
}

.dark .portfolio-desc h3 a:hover {
    color: #BBB
}

.dark .portfolio-desc span {
    color: #888
}

.dark .portfolio-desc span a {
    color: #888
}

.dark .portfolio-desc span a:hover {
    color: #CCC
}

.dark .portfolio-notitle .portfolio-desc {
    background-color: #333;
    border-bottom: 1px solid rgba(255,255,255,0.08)
}

.dark .portfolio-1 .portfolio-item {
    border-bottom-color: rgba(255,255,255,0.08)
}

.dark .portfolio-1.portfolio-fullwidth .portfolio-desc {
    background-color: #333
}

.dark .portfolio-overlay a {
    background-color: rgba(0,0,0,0.5);
    color: #FFF
}

.dark .portfolio-overlay a:hover {
    background-color: rgba(0,0,0,0.7)
}

.dark .ajax-modal-title {
    background-color: #333;
    border-bottom-color: rgba(255,255,255,0.08)
}

.dark .portfolio-meta li {
    color: #999
}

.dark .portfolio-meta li span {
    color: #BBB
}

.dark .well .line {
    border-color: rgba(255,255,255,0.08)
}

.dark #portfolio-navigation a {
    color: #BBB
}

.dark #portfolio-navigation a:hover {
    color: #EEE
}

.dark .entry {
    border-bottom-color: rgba(255,255,255,0.08)
}

.dark .entry-title h2 a,.dark .ipost .entry-title h3 a,.dark .ipost .entry-title h4 a {
    color: #EEE
}

.dark .entry-title h2 a:hover,.dark .ipost .entry-title h3 a:hover,.dark .ipost .entry-title h4 a:hover {
    color: #BBB
}

.dark .entry-meta li {
    border-left-color: rgba(255,255,255,0.08);
    color: #888
}

.dark .entry-meta li a {
    color: #888
}

.dark .entry-meta li a:hover {
    color: #CCC
}

.dark .entry-link {
    background-color: rgba(0,0,0,0.2)
}

.dark .spost,.dark .mpost {
    border-top-color: rgba(255,255,255,0.1)
}

.dark .spost .entry-image a i,.dark .mpost .entry-image a i {
    color: #CCC;
    background-color: rgba(0,0,0,0.2)
}

.dark .spost .entry-title h4 a,.dark .mpost .entry-title h4 a {
    color: #BBB
}

.dark .spost .entry-title h4 a:hover,.dark .mpost .entry-title h4 a:hover {
    color: #999
}

.dark .spost .entry-meta li,.dark .mpost .entry-meta li {
    border-left-color: #666
}

.dark .spost .entry-meta li a,.dark .mpost .entry-meta li a,.dark .testimonial.twitter-scroll .testi-meta span a {
    color: #AAA
}

.dark .spost .entry-meta li a:hover,.dark .mpost .entry-meta li a:hover,.dark .testimonial.twitter-scroll .testi-meta span a:hover {
    color: #888
}

.dark #comments {
    border-top-color: rgba(255,255,255,0.08)
}

.dark .commentlist {
    border-bottom-color: rgba(255,255,255,0.08)
}

.dark .comment-wrap {
    border-color: rgba(255,255,255,0.08)
}

.dark .comment-avatar {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.1)
}

.dark .comment-content .comment-author {
    color: #CCC
}

.dark .comment-content .comment-author a {
    color: #BBB
}

.dark .comment-content .comment-author a:hover {
    color: #EEE
}

.dark .review-comment-ratings {
    color: #CCC
}

.dark .comment-reply-link:hover {
    color: #888
}

.dark p.wp-caption-text {
    background-color: rgba(0,0,0,0.2)
}

.dark .countdown-section {
    color: #DDD;
    border-left-color: rgba(255,255,255,0.2)
}

.dark .countdown-amount,.dark .rounded-skill {
    color: #EEE
}

.dark .button-dark:not(.button-border),.dark .button:hover {
    background-color: rgba(0,0,0,0.3)
}

.dark .button-dark:hover {
    background-color: #1abc9e
}

.dark .button-light:not(.button-border):hover {
    background-color: #282828
}

.dark .button.button-border:not(.button-light) {
    border-color: rgba(255,255,255,0.4);
    color: rgba(255,255,255,0.5)
}

.dark .button.button-border:not(.button-light):hover {
    color: #EEE
}

.not-dark .button.button-border:not(.button-light) {
    border-color: #444;
    color: #333
}

.not-dark .button.button-border:not(.button-light):hover {
    background-color: #444;
    color: #FFF
}

.dark .promo>span,.dark .promo>.container>span {
    color: rgba(255,255,255,0.8)
}

.dark .promo.promo-border {
    border-color: rgba(255,255,255,0.08)
}

.dark .promo.promo-light {
    background-color: rgba(255,255,255,0.1)
}

.dark .promo.promo-dark:not(.promo-flat) {
    background-color: rgba(0,0,0,0.3)
}

.dark .feature-box h3 {
    color: #CCC
}

.dark .feature-box p {
    color: #888
}

.dark .feature-box.fbox-light.fbox-outline .fbox-icon {
    border-color: rgba(255,255,255,0.15)
}

.dark .feature-box.fbox-light .fbox-icon i,.dark .feature-box.fbox-light .fbox-icon img {
    border-color: rgba(255,255,255,0.1);
    background-color: rgba(255,255,255,0.1);
    color: #FFF
}

.dark .feature-box.fbox-dark.fbox-outline .fbox-icon {
    border-color: rgba(255,255,255,0.15)
}

.dark .feature-box.fbox-dark .fbox-icon i,.dark .feature-box.fbox-dark .fbox-icon img {
    background-color: rgba(255,255,255,0.1)
}

.dark .feature-box.fbox-border.fbox-light .fbox-icon,.dark .feature-box.fbox-border.fbox-dark .fbox-icon {
    border-color: rgba(255,255,255,0.15)
}

.dark .feature-box.fbox-border.fbox-light .fbox-icon i,.dark .feature-box.fbox-border.fbox-light .fbox-icon img,.dark .feature-box.fbox-border.fbox-dark .fbox-icon i,.dark .feature-box.fbox-border.fbox-dark .fbox-icon img,.dark .feature-box.fbox-plain.fbox-light .fbox-icon i,.dark .feature-box.fbox-plain.fbox-light .fbox-icon img,.dark .feature-box.fbox-plain.fbox-dark .fbox-icon i,.dark .feature-box.fbox-plain.fbox-dark .fbox-icon img {
    color: #FFF
}

.dark .feature-box h3 span.subtitle {
    color: #AAA
}

.dark .feature-box.fbox-bg.fbox-center,.dark .feature-box.media-box.fbox-bg .fbox-desc {
    background-color: #383838;
    border-color: rgba(255,255,255,0.1)
}

.dark .feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon,.dark .feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon,.dark .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon {
    background-color: #383838 !important
}

.dark .feature-box.fbox-bg.fbox-center.fbox-light .fbox-icon i {
    background-color: #444 !important
}

.dark .fbox-effect .fbox-icon i:after {
    box-shadow: 0 0 0 2px #494949
}

.dark .fbox-effect .fbox-icon i:hover,.dark .fbox-effect:hover .fbox-icon i {
    background-color: #494949
}

.dark .fbox-effect.fbox-dark .fbox-icon i:after {
    box-shadow: 0 0 0 2px #1abc9e
}

.dark .fbox-effect.fbox-dark .fbox-icon i:hover,.dark .fbox-effect.fbox-dark:hover .fbox-icon i {
    background-color: #1abc9e
}

.dark .fbox-border.fbox-effect .fbox-icon i:hover,.dark .fbox-border.fbox-effect:hover .fbox-icon i {
    box-shadow: 0 0 0 1px #494949
}

.dark .fbox-border.fbox-effect .fbox-icon i:after {
    background-color: #494949
}

.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {
    box-shadow: 0 0 0 1px #1abc9e
}

.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after {
    background-color: #1abc9e
}

.dark .feature-box.fbox-center:not(.fbox-bg) h3:after {
    border-top-color: rgba(255,255,255,0.15)
}

.dark .heading-block:not(.not-dark):after {
    border-top-color: rgba(255,255,255,0.4)
}

.dark .style-msg2 {
    border-left: 4px solid rgba(0,0,0,0.3)
}

.dark .style-msg .sb-msg,.dark .style-msg2 .msgtitle,.dark .style-msg2 .sb-msg {
    border-left-color: rgba(255,255,255,0.1)
}

.dark .i-rounded,.dark .i-circled,.dark .i-bordered {
    background-color: #494949
}

.dark .i-bordered {
    border-color: #DDD;
    color: #DDD
}

.dark .i-light {
    background-color: #F5F5F5;
    color: #444;
    text-shadow: none
}

.dark .i-rounded:hover,.dark .i-circled:hover {
    background-color: #1abc9e;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 0 rgba(0,0,0,0.2)
}

.dark .i-bordered:hover {
    background-color: #444;
    color: #FFF;
    border-color: #444
}

.dark .i-plain {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}

.dark .i-plain:hover {
    color: #DDD
}

.dark .social-icon {
    color: #DDD !important;
    border-color: #DDD
}

.dark #footer .social-icon.si-borderless,#footer.dark .social-icon.si-borderless {
    color: #555 !important
}

.dark .si-dark {
    background-color: rgba(0,0,0,0.2);
    color: #DDD !important;
    border-color: transparent
}

.dark .si-light {
    background-color: rgba(255,255,255,0.1);
    color: #EEE !important;
    border-color: transparent
}

.dark .social-icon i:last-child {
    color: #FFF !important
}

.dark .social-icon:hover {
    color: #FFF !important;
    border-color: transparent
}

.dark .si-share {
    border-top-color: rgba(255,255,255,0.1);
    border-bottom-color: rgba(255,255,255,0.1)
}

.dark .toggle .togglet,.dark .toggle .toggleta {
    color: #CCC
}

.dark .toggle.toggle-bg .togglet,.dark .toggle.toggle-bg .toggleta {
    background-color: rgba(0,0,0,0.2)
}

.dark .toggle.toggle-border {
    border-color: rgba(255,255,255,0.15)
}

.dark .faqs .toggle {
    border-bottom-color: rgba(255,255,255,0.1)
}

.dark .faqlist li a {
    color: #CCC
}

.dark .clients-grid li:before,.dark .testimonials-grid li:before {
    border-left-color: rgba(255,255,255,0.15)
}

.dark .clients-grid li:after,.dark .testimonials-grid li:after {
    border-bottom-color: rgba(255,255,255,0.15)
}

.dark .testimonial {
    background-color: rgba(0,0,0,0.2);
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}

.dark .testimonial.twitter-scroll .testi-content p a {
    border-bottom: 1px dotted #aaa
}

.dark .testimonial.twitter-scroll .testi-content p a:hover {
    border-bottom: 1px solid #888
}

.dark .testimonial.twitter-scroll .testi-image i {
    background-color: rgba(0,0,0,0.2);
    color: #EEE;
    text-shadow: none
}

.dark .team-desc.team-desc-bg {
    background-color: rgba(255,255,255,0.05)
}

.dark .team-content {
    color: #999
}

.dark .owl-carousel.owl-loading {
    background-image: url('../images/preloader-dark.gif')
}

.dark .owl-carousel .owl-nav [class*=owl-] {
    border-color: transparent;
    color: #EEE;
    background-color: rgba(0,0,0,0.5)
}

.dark label {
    color: #BBB
}

.dark label.label-muted {
    color: #777
}

.dark #contact-form-overlay,.dark #contact-form-overlay-mini {
    background-color: #383838
}

.dark .title-block>span {
    color: #999
}

.dark .heading-block:not(.not-dark),.dark .counter {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

.dark .heading-block:not(.not-dark) h1,.dark .heading-block:not(.not-dark) h2,.dark .heading-block:not(.not-dark) h3,.dark .heading-block:not(.not-dark) h4,.dark .emphasis-title:not(.not-dark) h1,.dark .emphasis-title:not(.not-dark) h2 {
    color: #FFF
}

.dark .heading-block.not-dark h1,.dark .heading-block.not-dark h2,.dark .heading-block.not-dark h3,.dark .heading-block.not-dark h4,.dark .emphasis-title.not-dark h1,.dark .emphasis-title.not-dark h2 {
    color: #333
}

.dark .heading-block:not(.not-dark)>span {
    color: #EEE
}

.dark .emphasis-title.not-dark {
    color: #444
}

.dark .fancy-title h1,.dark .fancy-title h2,.dark .fancy-title h3,.dark .fancy-title h4,.dark .fancy-title h5,.dark .fancy-title h6 {
    background-color: #383838
}

.dark .fancy-title.title-double-border:before,.dark .fancy-title.title-border:before,.dark .fancy-title.title-border-color:before,.dark .fancy-title.title-border:before {
    border-top-color: rgba(255,255,255,0.15)
}

.dark .divider {
    color: rgba(255,255,255,0.15)
}

.dark .divider:after,.dark .divider.divider-center:before,.dark .divider.divider-center.divider-short:before {
    border-top-color: rgba(255,255,255,0.1)
}

.dark .divider.divider-rounded,.dark .divider.divider-border {
    color: #999
}

.dark .divider.divider-rounded i,.dark .divider.divider-border i {
    background-color: rgba(255,255,255,0.1)
}

.dark .divider.divider-border i {
    background-color: transparent;
    border-color: rgba(255,255,255,0.15)
}

.dark .quote:before {
    color: rgba(255,255,255,0.1)
}

.dark .highlight {
    background-color: rgba(0,0,0,0.2)
}

.dark .top-advert {
    border-left-color: rgba(255,255,255,0.1);
    border-right-color: rgba(255,255,255,0.1)
}

.dark .error404 {
    color: rgba(255,255,255,0.15)
}

.dark.error404-wrap .form-control::-webkit-input-placeholder {
    color: #888
}

.dark.error404-wrap .form-control::-moz-placeholder {
    color: #888
}

.dark.error404-wrap .form-control:-ms-input-placeholder {
    color: #888
}

.dark .preloader {
    background-color: rgba(0,0,0,0.2)
}

.dark .preloader,.dark .preloader2,.dark .form-process {
    background-image: url('../images/preloader-dark.gif')
}

.dark .form-process {
    background-color: transparent
}

#footer.dark,.dark #footer {
    background-color: #333;
    color: #CCC;
    border-top-color: rgba(0,0,0,0.2)
}

.dark #copyrights {
    background-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,0.25);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

.dark #copyrights i.footer-icon {
    color: rgba(255,255,255,0.3)
}

.dark .copyright-links a {
    color: rgba(255,255,255,0.25);
    border-bottom-color: rgba(255,255,255,0.25)
}

.dark .copyright-links a:hover {
    color: rgba(255,255,255,0.35);
    border-bottom-color: rgba(255,255,255,0.35)
}

.dark .footer-widgets-wrap a {
    color: #CCC
}

.dark .footer-widgets-wrap a:hover {
    color: #999
}

.dark .sidebar-widgets-wrap .widget,body.dark #side-panel .widget,body #side-panel.dark .widget {
    border-top-color: rgba(255,255,255,0.1)
}

body.dark #side-panel #side-panel-trigger-close a,body #side-panel.dark #side-panel-trigger-close a {
    background-color: rgba(0,0,0,0.2);
    color: #FFF
}

.dark .widget h4 {
    color: #DDD
}

.dark .widget p {
    opacity: 0.8
}

.dark .tagcloud a {
    color: #999;
    border-color: transparent;
    background-color: rgba(0,0,0,0.2)
}

.dark .tagcloud a:hover {
    border-color: transparent !important;
    background-color: #1abc9e;
    color: #FFF !important
}

.dark .widget_recent_comments li {
    background-image: url("../images/widget-comment-dark.png")
}

.dark .widget_nav_menu li a,.dark .widget_links li a,.dark .widget_meta li a,.dark .widget_archive li a,.dark .widget_recent_comments li a,.dark .widget_recent_entries li a,.dark .widget_categories li a,.dark .widget_pages li a,.dark .widget_rss li a {
    color: #CCC;
    background-image: url("../images/widget-link-dark.png")
}

.dark .widget_nav_menu li a:hover,.dark .widget_links li a:hover,.dark .widget_meta li a:hover,.dark .widget_archive li a:hover,.dark .widget_recent_comments li a:hover,.dark .widget_recent_entries li a:hover,.dark .widget_categories li a:hover,.dark .widget_pages li a:hover,.dark .widget_rss li a:hover {
    color: #AAA
}

.dark .nav-tree li a {
    color: #BBB
}

.dark #cookie-notification,#cookie-notification.dark {
    background-color: rgba(0,0,0,0.85);
    color: #EEE
}

.dark .show-grid [class^=col-] {
    background-color: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.1)
}

.dark mark {
    background: rgba(0,0,0,0.5);
    color: #FFF
}

.dark fieldset {
    border-color: rgba(255,255,255,0.1)
}

.dark .img-thumbnail {
    background-color: rgba(0,0,0,0.2);
    border-color: rgba(255,255,255,0.1)
}

.dark hr {
    border-top-color: rgba(255,255,255,0.1)
}

.dark .page-header {
    border-bottom-color: rgba(255,255,255,0.1)
}

.dark blockquote {
    border-left-color: rgba(255,255,255,0.2)
}

.dark .blockquote-reverse,.dark blockquote.pull-right {
    border-right-color: rgba(255,255,255,0.2)
}

.dark code {
    color: #DF6F72;
    background-color: rgba(0,0,0,0.3)
}

.dark kbd {
    background-color: rgba(255,255,255,0.1)
}

.dark pre {
    color: #FFF;
    background-color: rgba(0,0,0,0.3);
    border-color: rgba(255,255,255,0.15)
}

.dark .table>thead>tr>th,.dark .table>tbody>tr>th,.dark .table>tfoot>tr>th,.dark .table>thead>tr>td,.dark .table>tbody>tr>td,.dark .table>tfoot>tr>td {
    border-top-color: rgba(255,255,255,0.1)
}

.dark .table>thead>tr>th {
    border-bottom-color: rgba(255,255,255,0.1)
}

.dark .table>tbody+tbody {
    border-top-color: rgba(255,255,255,0.1)
}

.dark .table .table {
    background-color: rgba(0,0,0,0.2)
}

.dark .table-bordered {
    border-color: rgba(255,255,255,0.1)
}

.dark .table-bordered>thead>tr>th,.dark .table-bordered>tbody>tr>th,.dark .table-bordered>tfoot>tr>th,.dark .table-bordered>thead>tr>td,.dark .table-bordered>tbody>tr>td,.dark .table-bordered>tfoot>tr>td {
    border-color: rgba(255,255,255,0.1)
}

.dark .table-striped>tbody>tr:nth-child(odd)>td,.dark .table-striped>tbody>tr:nth-child(odd)>th,.table-striped>tbody>tr:nth-child(odd) {
    background-color: rgba(0,0,0,0.05)
}

.dark .table-hover>tbody>tr:hover>td,.dark .table-hover>tbody>tr:hover>th {
    background-color: rgba(0,0,0,0.1)
}

.dark .table>thead>tr>td.active,.dark .table>tbody>tr>td.active,.dark .table>tfoot>tr>td.active,.dark .table>thead>tr>th.active,.dark .table>tbody>tr>th.active,.dark .table>tfoot>tr>th.active,.dark .table>thead>tr.active>td,.dark .table>tbody>tr.active>td,.dark .table>tfoot>tr.active>td,.dark .table>thead>tr.active>th,.dark .table>tbody>tr.active>th,.dark .table>tfoot>tr.active>th {
    background-color: rgba(0,0,0,0.1)
}

.dark .table-hover>tbody>tr>td.active:hover,.dark .table-hover>tbody>tr>th.active:hover,.dark .table-hover>tbody>tr.active:hover>td,.dark .table-hover>tbody>tr.active:hover>th {
    background-color: rgba(255,255,255,0.1)
}

@media (max-width: 767px) {
    .table-responsive {
        border-color:rgba(255,255,255,0.1)
    }
}

.dark legend {
    color: #DDD;
    border-bottom-color: rgba(255,255,255,0.1)
}

.dark output {
    color: #999
}

.dark .form-control:not(.not-dark),.dark .sm-form-control:not(.not-dark) {
    color: #999;
    background-color: rgba(0,0,0,0.2);
    border-color: rgba(0,0,0,0.25)
}

.dark .form-control:not(.not-dark) option,.dark .sm-form-control:not(.not-dark) option {
    background-color: #282828
}

.dark .form-control:not(.not-dark):active,.dark .form-control:not(.not-dark):focus,.dark .sm-form-control:not(.not-dark):active,.dark .sm-form-control:not(.not-dark):focus {
    background-color: rgba(0,0,0,0.3);
    border-color: rgba(0,0,0,0.25) !important
}

.dark .form-control:not(.not-dark)::-moz-placeholder {
    color: #666
}

.dark .form-control:not(.not-dark):-ms-input-placeholder {
    color: #666
}

.dark .form-control:not(.not-dark)::-webkit-input-placeholder {
    color: #666
}

.dark .sm-form-control:not(.not-dark)::-moz-placeholder {
    color: #666
}

.dark .sm-form-control:not(.not-dark):-ms-input-placeholder {
    color: #666
}

.dark .sm-form-control:not(.not-dark)::-webkit-input-placeholder {
    color: #666
}

.dark .form-control:not(.not-dark)[disabled],.dark .form-control:not(.not-dark)[readonly],.dark fieldset[disabled] .form-control:not(.not-dark),.dark .sm-form-control:not(.not-dark)[disabled],.dark .sm-form-control:not(.not-dark)[readonly],.dark fieldset[disabled] .sm-form-control:not(.not-dark) {
    background-color: rgba(255,255,255,0.1)
}

.dark .input-group .form-control.error:not(.not-dark) {
    color: #E42C3E
}

.dark .sm-form-control.error:not(.not-dark) {
    border-color: #E42C3E !important
}

.dark .form-control.error:not(.not-dark)::-moz-placeholder {
    color: rgba(228,44,62,0.6)
}

.dark .form-control.error:not(.not-dark):-ms-input-placeholder {
    color: rgba(228,44,62,0.6)
}

.dark .form-control.error:not(.not-dark)::-webkit-input-placeholder {
    color: rgba(228,44,62,0.6)
}

.dark .btn:hover,.dark .btn:focus {
    color: #FFF
}

.dark .btn-default {
    color: #FFF;
    background-color: rgba(0,0,0,0.2);
    border-color: rgba(255,255,255,0.15)
}

.dark .btn-default:hover,.dark .btn-default:focus,.dark .btn-default:active,.dark .btn-default.active,.dark .open .dropdown-toggle.btn-default {
    color: #FFF;
    background-color: rgba(0,0,0,0.3);
    border-color: rgba(255,255,255,0.2)
}

.dark .btn-default.disabled,.dark .btn-default[disabled],.dark fieldset[disabled] .btn-default,.dark .btn-default.disabled:hover,.dark .btn-default[disabled]:hover,.dark fieldset[disabled] .btn-default:hover,.dark .btn-default.disabled:focus,.dark .btn-default[disabled]:focus,.dark fieldset[disabled] .btn-default:focus,.dark .btn-default.disabled:active,.dark .btn-default[disabled]:active,.dark fieldset[disabled] .btn-default:active,.dark .btn-default.disabled.active,.dark .btn-default[disabled].active,.dark fieldset[disabled] .btn-default.active {
    color: #BBB;
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.1)
}

.dark .btn-default .badge {
    background-color: rgba(255,255,255,0.1)
}

.dark .btn-link:hover,.dark .btn-link:focus {
    color: #EEE
}

.dark .dropdown-menu {
    background-color: #333;
    border-color: #3F3F3F
}

.dark .dropdown-menu .divider {
    background-color: rgba(255,255,255,0.1)
}

.dark .dropdown-menu>li>a {
    color: #DDD
}

.dark .dropdown-menu>li>a:hover,.dark .dropdown-menu>li>a:focus {
    color: #EEE;
    background-color: rgba(255,255,255,0.1)
}

.dark .input-group-addon,.dark .input-group-btn .btn-default {
    color: #999;
    background-color: rgba(0,0,0,0.35);
    border-color: rgba(0,0,0,0.25)
}

.dark .input-group-btn .btn-default {
    color: #FFF
}

.dark .input-group-btn .btn-default:hover {
    background-color: rgba(0,0,0,0.3)
}

.dark .nav>li>a:hover,.dark .nav>li>a:focus,.dark .nav .open>a,.dark .nav .open>a:hover,.dark .nav .open>a:focus {
    background-color: rgba(0,0,0,0.2)
}

.dark .nav .nav-divider {
    background-color: rgba(255,255,255,0.1)
}

.dark .nav-tabs {
    border-bottom-color: rgba(255,255,255,0.15)
}

.dark .nav-tabs>li>a:hover {
    border-color: rgba(255,255,255,0.2);
    border-bottom: none
}

.dark .nav-tabs.nav-justified>li>a:hover,.dark .nav-tabs-justified>li>a:hover {
    border-bottom: 1px solid rgba(255,255,255,0.2)
}

.dark .nav-tabs>li.active>a,.dark .nav-tabs>li.active>a:hover,.dark .nav-tabs>li.active>a:focus {
    color: #DDD;
    background-color: #383838;
    border: 1px solid rgba(255,255,255,0.2);
    border-bottom-color: #383838
}

.dark .nav-tabs.nav-justified>.active>a,.dark .nav-tabs.nav-justified>.active>a:hover,.dark .nav-tabs.nav-justified>.active>a:focus {
    border-color: rgba(255,255,255,0.15)
}

@media (min-width: 768px) {
    .dark .nav-tabs.nav-justified>li>a {
        border-bottom-color:rgba(255,255,255,0.15)
    }

    .dark .nav-tabs.nav-justified>.active>a,.dark .nav-tabs.nav-justified>.active>a:hover,.dark .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #383838
    }
}

.dark .nav-tabs-justified>.active>a,.dark .nav-tabs-justified>.active>a:hover,.dark .nav-tabs-justified>.active>a:focus {
    border-color: rgba(255,255,255,0.15)
}

@media (min-width: 768px) {
    .dark .nav-tabs-justified>li>a {
        border-bottom-color:rgba(255,255,255,0.15)
    }

    .dark .nav-tabs-justified>.active>a,.dark .nav-tabs-justified>.active>a:hover,.dark .nav-tabs-justified>.active>a:focus {
        border-bottom-color: #383838
    }
}

.dark .navbar-default {
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.1)
}

.dark .navbar-default .navbar-brand {
    color: #EEE
}

.dark .navbar-default .navbar-brand:hover,.dark .navbar-default .navbar-brand:focus {
    color: #BBB
}

.dark .navbar-default .navbar-text {
    color: #999
}

.dark .navbar-default .navbar-nav>li>a {
    color: #BBB
}

.dark .navbar-default .navbar-nav>li>a:hover,.dark .navbar-default .navbar-nav>li>a:focus {
    color: #EEE;
    background-color: transparent
}

.dark .navbar-default .navbar-nav>.active>a,.dark .navbar-default .navbar-nav>.active>a:hover,.dark .navbar-default .navbar-nav>.active>a:focus {
    color: #EEE;
    background-color: rgba(0,0,0,0.25)
}

.dark .navbar-default .navbar-nav>.disabled>a,.dark .navbar-default .navbar-nav>.disabled>a:hover,.dark .navbar-default .navbar-nav>.disabled>a:focus {
    color: #999
}

.dark .navbar-default .navbar-toggle {
    border-color: rgba(255,255,255,0.15)
}

.dark .navbar-default .navbar-toggle:hover,.dark .navbar-default .navbar-toggle:focus {
    background-color: rgba(255,255,255,0.15)
}

.dark .navbar-default .navbar-toggle .icon-bar {
    background-color: #BBB
}

.dark .navbar-default .navbar-collapse,.dark .navbar-default .navbar-form {
    border-color: rgba(255,255,255,0.15)
}

.dark .navbar-default .navbar-nav>.open>a,.dark .navbar-default .navbar-nav>.open>a:hover,.dark .navbar-default .navbar-nav>.open>a:focus {
    background-color: rgba(0,0,0,0.25);
    color: #EEE
}

@media (max-width: 767px) {
    .dark .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#BBB
    }

    .dark .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.dark .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #EEE
    }

    .dark .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.dark .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.dark .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        background-color: rgba(0,0,0,0.25);
        color: #EEE
    }

    .dark .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.dark .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.dark .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #999
    }
}

.dark .navbar-default .navbar-link {
    color: #BBB
}

.dark .navbar-default .navbar-link:hover {
    color: #EEE
}

.dark .pagination>li>a,.dark .pagination>li>span,.dark .pager li>a,.dark .pager li>span {
    color: #BBB;
    background-color: rgba(255,255,255,0.1);
    border-color: #666
}

.dark .pagination>li>a:hover,.dark .pagination>li>span:hover,.dark .pagination>li>a:focus,.dark .pagination>li>span:focus,.dark .pager li>a:hover,.dark .pager li>a:focus {
    color: #EEE;
    background-color: rgba(0,0,0,0.1)
}

.dark .pagination>.disabled>span,.dark .pagination>.disabled>span:hover,.dark .pagination>.disabled>span:focus,.dark .pagination>.disabled>a,.dark .pagination>.disabled>a:hover,.dark .pagination>.disabled>a:focus,.dark .pager .disabled>a,.dark .pager .disabled>a:hover,.dark .pager .disabled>a:focus,.dark .pager .disabled>span {
    color: #999;
    background-color: rgba(255,255,255,0.2);
    border-color: #777
}

.dark .label-default {
    background-color: rgba(255,255,255,0.2)
}

.dark .label-default[href]:hover,.dark .label-default[href]:focus {
    background-color: rgba(0,0,0,0.2)
}

.dark .badge {
    background-color: rgba(255,255,255,0.2)
}

.btn .badge {
    background-color: #FFF
}

.dark .jumbotron {
    background-color: rgba(255,255,255,0.15)
}

.dark .thumbnail {
    background-color: rgba(255,255,255,0.15);
    border-color: rgba(255,255,255,0.1)
}

.dark .thumbnail .caption {
    color: #EEE
}

.dark .progress {
    background-color: rgba(255,255,255,0.15)
}

.dark .list-group-item {
    background-color: rgba(0,0,0,0.2);
    border-color: #444
}

.dark a.list-group-item {
    color: #BBB
}

.dark a.list-group-item .list-group-item-heading {
    color: #DDD
}

.dark a.list-group-item:hover,.dark a.list-group-item:focus {
    background-color: rgba(255,255,255,0.05)
}

.dark a.list-group-item.active,.dark a.list-group-item.active:hover,.dark a.list-group-item.active:focus {
    color: #ffffff;
    background-color: #428bca;
    border-color: #428bca
}

.dark .list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

.dark a.list-group-item-success {
    color: #3c763d
}

.dark a.list-group-item-success:hover,.dark a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

.dark a.list-group-item-success.active,.dark a.list-group-item-success.active:hover,.dark a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.dark .list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

.dark a.list-group-item-info {
    color: #31708f
}

.dark a.list-group-item-info:hover,.dark a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

.dark a.list-group-item-info.active,.dark a.list-group-item-info.active:hover,.dark a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.dark .list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

.dark a.list-group-item-warning {
    color: #8a6d3b
}

.dark a.list-group-item-warning:hover,.dark a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

.dark a.list-group-item-warning.active,.dark a.list-group-item-warning.active:hover,.dark a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.dark .list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

.dark a.list-group-item-danger {
    color: #a94442
}

.dark a.list-group-item-danger:hover,.dark a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

.dark a.list-group-item-danger.active,.dark a.list-group-item-danger.active:hover,.dark a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.dark .panel {
    background-color: rgba(0,0,0,0.2)
}

.dark .panel-footer {
    background-color: rgba(255,255,255,0.1);
    border-top-color: rgba(255,255,255,0.1)
}

.dark .panel>.panel-body+.table,.dark .panel>.panel-body+.table-responsive {
    border-top-color: rgba(255,255,255,0.1)
}

.dark .panel-group .panel-heading+.panel-collapse .panel-body {
    border-top-color: rgba(255,255,255,0.1)
}

.dark .panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom-color: rgba(255,255,255,0.1)
}

.dark .panel-default {
    border-color: rgba(255,255,255,0.15)
}

.dark .panel-default>.panel-heading {
    color: #DDD;
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.1)
}

.dark .panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: rgba(255,255,255,0.15)
}

.dark .panel-default>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: rgba(255,255,255,0.15)
}

.dark .well {
    background-color: rgba(0,0,0,0.2);
    border-color: rgba(255,255,255,0.15)
}

.dark .well blockquote {
    border-color: rgba(255,255,255,0.15)
}

.dark .close {
    opacity: 1;
    color: rgba(0,0,0,0.15);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2)
}

.dark .close:hover,.dark .close:focus {
    color: rgba(0,0,0,0.4)
}

.dark .modal-content {
    border-color: #555
}

.dark .modal-header {
    border-bottom-color: rgba(255,255,255,0.15)
}

.dark .modal-footer {
    border-top-color: rgba(255,255,255,0.15)
}

.dark .popover {
    background-color: #282828;
    border-color: #494949
}

.dark .popover-title {
    background-color: rgba(255,255,255,0.1);
    border-bottom-color: rgba(255,255,255,0.075)
}

.dark .popover.top>.arrow {
    border-top-color: #494949
}

.dark .popover.top>.arrow:after {
    border-top-color: #282828
}

.dark .popover.right>.arrow {
    border-right-color: #494949
}

.dark .popover.right>.arrow:after {
    border-right-color: #282828
}

.dark .popover.bottom>.arrow {
    border-bottom-color: #494949
}

.dark .popover.bottom>.arrow:after {
    border-bottom-color: #282828
}

.dark .popover.left>.arrow {
    border-left-color: #494949
}

.dark .popover.left>.arrow:after {
    border-left-color: #282828
}

@media (max-width: 991px) {
    .dark .postcontent,.dark .postcontent.bothsidebar,.dark .sidebar {
        border-bottom-color:rgba(255,255,255,0.1)
    }

    .dark #header.transparent-header,.dark #header.semi-transparent,#header.dark.transparent-header,#header.dark.semi-transparent {
        background-color: #333;
        border-bottom-color: rgba(255,255,255,0.1)
    }

    .dark #primary-menu.mobile-menu-off-canvas:not(.not-dark)>ul,.dark #primary-menu.mobile-menu-off-canvas:not(.not-dark)>div>ul,#primary-menu.mobile-menu-off-canvas.dark>ul,#primary-menu.mobile-menu-off-canvas.dark>div>ul {
        background-color: #333;
        border-right: 1px solid rgba(255,255,255,0.05) !important
    }

    .dark #primary-menu.mobile-menu-off-canvas.from-right:not(.not-dark)>ul,.dark #primary-menu.mobile-menu-off-canvas.from-right:not(.not-dark)>div>ul,#primary-menu.mobile-menu-off-canvas.from-right.dark>ul,#primary-menu.mobile-menu-off-canvas.from-right.dark>div>ul {
        border-right: 0 !important;
        border-left: 1px solid rgba(255,255,255,0.05) !important
    }

    .dark #primary-menu:not(.not-dark) ul li,.dark #primary-menu:not(.not-dark) ul ul,.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,.dark #primary-menu:not(.not-dark) ul ul li,.dark #primary-menu:not(.not-dark) ul li .mega-menu-content ul ul,.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-2>ul,.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-3>ul,.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-4>ul,.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-5>ul,.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 li {
        border-top-color: rgba(255,255,255,0.1) !important
    }

    .dark #primary-menu:not(.not-dark)>ul>li.sub-menu>a,.dark #primary-menu:not(.not-dark)>.container>ul>li.sub-menu>a {
        background-image: url("../images/submenu-dark.png")
    }

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul li,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content ul ul,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-2>ul,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-3>ul,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-4>ul,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-5>ul,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.style-2 li {
        border-top-color: #EEE !important
    }

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover a,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li.current a,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li:hover a,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li.current a {
        color: #1abc9e !important
    }

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover ul a,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li.current ul a,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li:hover ul a,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li.current ul a {
        color: #444 !important
    }

    .dark .pricing-box.pricing-extended .pricing-action-area {
        border-top-color: rgba(255,255,255,0.15)
    }
}

@media (max-width: 1199px) {
    canvas {
        max-width:100%;
        height: auto !important
    }

    .promo h3 {
        font-size: 20px
    }

    .promo>span,.promo>.container>span {
        font-size: 15px
    }

    .promo-uppercase h3 {
        font-size: 19px
    }

    .promo-uppercase>span,.promo-uppercase>.container>span {
        font-size: 14px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    #wrapper {
        width:1000px
    }

    #header.transparent-header.floating-header .container {
        width: 1030px;
        padding: 0 30px
    }

    #header.transparent-header.floating-header.sticky-header .container {
        width: 970px;
        padding: 0 15px
    }

    #primary-menu.sub-title ul>li>a {
        padding-left: 15px;
        padding-right: 15px
    }

    #primary-menu ul li.mega-menu .mega-menu-content,.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content {
        width: 940px
    }

    .floating-header #primary-menu ul li.mega-menu .mega-menu-content {
        width: 1030px
    }

    .ei-slider {
        height: 450px
    }

    .postcontent {
        width: 690px
    }

    .postcontent.bothsidebar {
        width: 440px
    }

    .sidebar {
        width: 210px
    }

    .sidebar .widget iframe {
        width: 210px !important
    }

    .team.team-list .team-image {
        width: 200px
    }

    .testi-image,.testi-image a,.testi-image img,.testi-image i {
        display: block;
        width: 36px;
        height: 36px
    }

    .testi-image i {
        line-height: 36px;
        font-size: 20px
    }

    .bothsidebar .portfolio-item {
        width: 50%
    }

    .bothsidebar .portfolio.portfolio-3 {
        margin: 0 -20px -20px 0
    }

    .bothsidebar .portfolio-3 .portfolio-item {
        padding: 0 20px 20px 0
    }

    .portfolio-1 .portfolio-item .portfolio-image,.portfolio-1 .portfolio-item .portfolio-image a,.portfolio-1 .portfolio-item .portfolio-image img {
        width: 560px;
        height: 311px
    }

    .portfolio-1 .portfolio-desc {
        width: 340px
    }

    .bothsidebar .portfolio-shuffle,.postcontent .portfolio-1 .iconlist {
        display: none
    }

    .postcontent .portfolio-1 .portfolio-item .portfolio-image,.postcontent .portfolio-1 .portfolio-item .portfolio-image a,.postcontent .portfolio-1 .portfolio-item .portfolio-image img {
        width: 400px;
        height: 222px
    }

    .postcontent .portfolio-1 .portfolio-desc {
        width: 250px;
        padding: 0
    }

    .bothsidebar .portfolio-1 .portfolio-item {
        width: 100% !important
    }

    .bothsidebar .portfolio-1 .portfolio-item .portfolio-image,.bothsidebar .portfolio-1 .portfolio-item .portfolio-desc {
        float: none;
        margin: 0 !important
    }

    .bothsidebar .portfolio-1 .portfolio-item .portfolio-image {
        margin-bottom: 20px !important
    }

    .bothsidebar .portfolio-1 .portfolio-item .portfolio-image,.bothsidebar .portfolio-1 .portfolio-item .portfolio-image a,.bothsidebar .portfolio-1 .portfolio-item .portfolio-image img {
        width: 100%;
        height: auto
    }

    .bothsidebar .portfolio-1 .portfolio-desc {
        width: 100%;
        padding: 0
    }

    .bothsidebar .entry-title h2 {
        font-size: 19px;
        font-weight: 600
    }

    .bothsidebar .entry-meta li {
        margin-right: 10px
    }

    .postcontent .small-thumbs .entry-image {
        width: 200px
    }

    .bothsidebar .small-thumbs .entry-image {
        width: 120px
    }

    .post-grid .entry {
        width: 214px
    }

    .post-grid.grid-3 .entry {
        width: 293px
    }

    .postcontent .post-grid.grid-3 .entry {
        width: 213px
    }

    .post-grid.grid-2 .entry {
        width: 450px
    }

    .postcontent .post-grid.grid-2 .entry {
        width: 325px
    }

    .bothsidebar .post-grid.grid-2 .entry {
        width: 200px
    }

    .post-timeline .entry {
        width: 400px !important
    }

    .post-timeline .entry.entry-date-section {
        width: 100% !important
    }

    .mpost .entry-image,.mpost .entry-image a,.mpost .entry-image img,.mpost .entry-image i {
        width: 120px;
        height: 90px
    }

    .mpost .entry-image a i {
        line-height: 90px
    }

    .col_one_third .landing-wide-form .heading-block h2 {
        font-size: 32px
    }

    .col_one_third .landing-wide-form .heading-block span {
        font-size: 17px
    }

    .col_one_third .landing-wide-form {
        padding: 36px 30px
    }
}

@media (max-width: 991px) {
    #wrapper {
        width:100%;
        margin: 0;
        box-shadow: none
    }

    #header.full-header .container,.container-fullwidth {
        padding: 0 15px !important;
        margin: 0 auto;
        width: 750px !important
    }

    .container.vertical-middle {
        width: 100% !important
    }

    .vertical-middle+.video-wrap {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .postcontent,.postcontent.bothsidebar,.sidebar {
        width: 100%;
        margin-right: 0;
        float: none !important;
        margin-bottom: 40px !important;
        padding-bottom: 40px;
        border-bottom: 1px solid #eee
    }

    .sidebar.col_last {
        float: none;
        margin-bottom: 0 !important;
        padding-bottom: 0;
        border-bottom: 0
    }

    #header,#header-wrap,#header.sticky-style-2,#header.sticky-style-3,#header.sticky-style-2 #header-wrap,#header.sticky-style-3 #header-wrap {
        height: auto !important
    }

    #header.sticky-style-2 #header-wrap,#header.sticky-style-3 #header-wrap {
        min-height: 60px
    }

    #header.sticky-header #header-wrap {
        position: relative
    }

    #header.transparent-header,#header.semi-transparent {
        background: #FFF;
        border-bottom: 1px solid #f5f5f5;
        z-index: auto
    }

    #header.dark.transparent-header,#header.dark.semi-transparent {
        background-color: #333;
        border-bottom: 1px solid rgba(0,0,0,0.1)
    }

    #header.transparent-header.floating-header {
        margin-top: 0
    }

    #header.transparent-header.floating-header .container {
        width: 750px;
        padding: 0 15px;
        border-radius: 0
    }

    #header.transparent-header+#slider,#header.transparent-header+#page-title.page-title-parallax,#slider+#header.transparent-header,#header.transparent-header.floating-header+#slider,#header.transparent-header+#google-map {
        top: 0;
        margin-bottom: 0
    }

    .slider-parallax .slider-parallax-inner {
        position: relative
    }

    #header.transparent-header+#page-title.page-title-parallax .container {
        padding-top: 0
    }

    #header-trigger,.top-advert,.header-extras {
        display: none
    }

    #logo {
        display: block;
        height: 100px;
        float: none;
        margin: 0 auto 0 !important;
        max-width: none;
        text-align: center;
        border: 0 !important;
        padding: 0 !important
    }

    #logo a.standard-logo {
        display: inline-block
    }

    #primary-menu {
        display: block;
        float: none
    }

    #primary-menu-trigger {
        opacity: 1;
        pointer-events: auto;
        top: 25px;
        margin-top: 0;
        left: 0;
        z-index: 1
    }

    #primary-menu .container #primary-menu-trigger {
        top: 5px;
        left: 0
    }

    #primary-menu>ul,#primary-menu>div>ul {
        display: none;
        float: none !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    #primary-menu>div>ul {
        margin-top: 60px !important
    }

    body:not(.top-search-open) #primary-menu-trigger {
        opacity: 1;
        -webkit-transition: opacity .2s .2s ease,top .4s ease;
        -o-transition: opacity .2s .2s ease,top .4s ease;
        transition: opacity .2s .2s ease,top .4s ease
    }

    body.top-search-open #primary-menu-trigger {
        opacity: 0
    }

    body.side-push-panel #side-panel-trigger-close a {
        display: block;
        position: absolute;
        z-index: 12;
        top: 0;
        left: auto;
        right: 0;
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
        color: #444;
        text-align: center;
        background-color: rgba(0,0,0,0.1);
        border-radius: 0 0 0 2px
    }

    #primary-menu.style-5>ul {
        padding-right: 0;
        margin-right: 0;
        border-right: 0
    }

    #primary-menu ul li {
        float: none;
        margin: 0 !important;
        text-align: left !important;
        border-top: 1px solid #eee
    }

    #header.split-menu #primary-menu:not(.mobile-menu-off-canvas)>ul:not(:first-child)>li:first-child {
        border-top: 1px solid #eee
    }

    #primary-menu ul li:first-child {
        border-top: 0
    }

    #primary-menu ul>li>a,#primary-menu.style-2>div>ul>li>a {
        padding: 14px 5px !important;
        border: none !important;
        margin: 0 !important
    }

    #primary-menu.style-5>ul>li>a>div {
        line-height: 22px
    }

    #primary-menu.style-5>ul>li>a>div i {
        display: inline-block;
        margin: 0 6px 0 0;
        top: -1px;
        width: 16px;
        font-size: 14px;
        line-height: inherit
    }

    #primary-menu.style-6>ul>li>a:after,#primary-menu.style-6>ul>li.current>a:after {
        display: none
    }

    #primary-menu.sub-title>ul>li,#primary-menu.sub-title.style-2>div>ul>li {
        background: none !important;
        margin-left: 0
    }

    #primary-menu.sub-title>ul>li>a,#primary-menu.sub-title>div>ul>li>a {
        line-height: 22px;
        font-size: 13px;
        border-top: none
    }

    #primary-menu.sub-title ul li>a span {
        display: none !important
    }

    #primary-menu.sub-title ul li:hover>a,#primary-menu.sub-title ul li.current>a,#primary-menu.sub-title div ul>li:hover>a,#primary-menu.sub-title div ul>li.current>a,#primary-menu.style-3 ul li:hover>a,#primary-menu.style-3 ul li.current>a {
        background-color: transparent !important;
        color: #444;
        text-shadow: none
    }

    #primary-menu ul:not(.windows-mobile-menu) li>a i.icon-angle-down:last-child {
        display: none
    }

    #primary-menu>ul>li.sub-menu>a,#primary-menu>.container>ul>li.sub-menu>a {
        background-image: url("../images/submenu.png");
        background-position: right center;
        background-repeat: no-repeat
    }

    #primary-menu ul li.mega-menu {
        position: relative
    }

    #primary-menu ul ul:not(.mega-menu-column),#primary-menu ul li .mega-menu-content {
        position: relative;
        width: auto;
        max-width: none;
        background: transparent !important;
        box-shadow: none;
        border: 0;
        border-top: 1px solid #eee;
        z-index: 1;
        top: 0;
        padding-left: 15px
    }

    #primary-menu ul li .mega-menu-content {
        padding-left: 0
    }

    #primary-menu ul ul:not(.mega-menu-column) ul {
        top: 0 !important;
        left: 0
    }

    #primary-menu ul ul.menu-pos-invert:not(.mega-menu-column),#primary-menu ul li .mega-menu-content.menu-pos-invert {
        left: 0;
        right: 0
    }

    #primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert {
        right: 0
    }

    #primary-menu ul ul li {
        float: none;
        margin: 0;
        border-top: 1px solid #eee
    }

    #primary-menu ul ul li>a {
        padding: 11px 5px !important;
        font-size: 13px;
        text-transform: none;
        font-weight: 400
    }

    #primary-menu ul ul li:hover>a {
        background-color: transparent !important;
        font-weight: 600;
        padding-left: 5px;
        color: #1ABC9C
    }

    #primary-menu ul li .mega-menu-content,#primary-menu ul li.mega-menu-small .mega-menu-content,#primary-menu ul li.mega-menu .mega-menu-content,.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content,.floating-header #primary-menu ul li.mega-menu .mega-menu-content {
        width: auto;
        margin: 0;
        top: 0
    }

    .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content,#header.full-header #primary-menu ul li.mega-menu .mega-menu-content {
        width: auto !important;
        margin: 0 !important
    }

    #primary-menu ul li.mega-menu .mega-menu-content.style-2 {
        padding: 0
    }

    #primary-menu ul li .mega-menu-content ul {
        display: block !important;
        position: relative;
        opacity: 1 !important;
        top: 0;
        left: 0;
        min-width: inherit
    }

    #primary-menu ul li .mega-menu-content ul ul {
        border-top: 1px solid #eee
    }

    #primary-menu ul li .mega-menu-content ul.mega-menu-column {
        float: none;
        width: auto;
        margin: 0;
        border-left: 0 !important;
        padding-left: 15px;
        border-top: 1px solid #eee
    }

    #primary-menu ul li .mega-menu-content ul.mega-menu-column:first-child {
        border: 0
    }

    #primary-menu ul li .mega-menu-content ul {
        width: 100% !important
    }

    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {
        padding: 0 0 0 15px
    }

    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title {
        margin: 0
    }

    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a {
        font-size: 13px;
        font-weight: 600;
        text-transform: none !important;
        padding: 11px 5px !important;
        line-height: 22px !important;
        color: #444 !important
    }

    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:hover>a {
        background-color: transparent;
        color: #1ABC9C !important
    }

    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover {
        color: #1ABC9C !important
    }

    #primary-menu ul li .mega-menu-content.style-2 li {
        border-top: 1px solid #eee
    }

    #primary-menu ul li .mega-menu-content.style-2 li:first-child {
        border-top: 0
    }

    #primary-menu ul li .mega-menu-content.style-2 ul>li>a:hover {
        padding-left: 5px
    }

    .mega-menu-column .widget {
        padding: 30px 0;
        margin: 0 !important
    }

    #top-search {
        margin: 0 !important
    }

    #top-search a,#top-cart,#side-panel-trigger,#top-account {
        position: absolute;
        top: 0;
        left: auto;
        right: 15px;
        margin: 40px 0;
        -webkit-transition: margin .4s ease;
        -o-transition: margin .4s ease;
        transition: margin .4s ease
    }

    #primary-menu>div>#top-search a,#primary-menu>div>#top-cart,#primary-menu>div>#side-panel-trigger {
        margin: 20px 0 !important
    }

    #primary-menu ul.windows-mobile-menu li.sub-menu {
        position: relative
    }

    #primary-menu ul.windows-mobile-menu li.sub-menu a {
        background-image: none !important
    }

    #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger {
        position: absolute;
        cursor: pointer;
        width: 32px;
        top: 0;
        right: 0;
        z-index: 1;
        padding: 0 !important;
        text-align: center !important
    }

    #primary-menu ul.windows-mobile-menu .mega-menu-content a.wn-submenu-trigger {
        display: none
    }

    #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger i {
        margin: 0 !important
    }

    #header.sticky-style-3 #top-cart .top-cart-content {
        top: 40px
    }

    #top-search a {
        right: 43px
    }

    #top-search form {
        height: 100px !important
    }

    #primary-menu>div>#top-search form {
        height: 60px !important
    }

    #top-search form input {
        font-size: 24px
    }

    #side-panel-trigger {
        right: 71px
    }

    #top-account {
        margin: 33px 0 32px;
        right: 75px
    }

    #top-account a.btn span {
        display: none
    }

    body:not(.sticky-responsive-pagemenu) #page-menu #page-menu-wrap {
        position: relative !important;
        top: 0 !important
    }

    #page-submenu-trigger {
        opacity: 1;
        pointer-events: auto;
        color: #FFF
    }

    #page-menu.pagemenu-active #page-submenu-trigger {
        background-color: rgba(0,0,0,0.2)
    }

    #page-menu nav {
        display: none;
        position: absolute;
        float: none;
        width: 200px;
        top: 43px;
        left: auto;
        right: 15px;
        height: auto;
        background-color: #1ABC9C;
        z-index: 11
    }

    #page-menu.pagemenu-active nav {
        display: block
    }

    #page-menu nav ul {
        height: auto;
        background-color: rgba(0,0,0,0.2)
    }

    #page-menu nav li {
        float: none
    }

    #page-menu nav li a {
        height: 40px;
        line-height: 40px;
        margin: 0;
        padding: 0 15px;
        border-radius: 0
    }

    #page-menu ul ul {
        position: relative;
        width: auto;
        top: 0;
        background-color: transparent
    }

    #page-menu ul ul a {
        padding-left: 25px
    }

    .sticky-responsive-menu #header {
        min-height: 100px;
        -webkit-transition: min-height .4s ease;
        -o-transition: min-height .4s ease;
        transition: min-height .4s ease
    }

    .sticky-responsive-menu #header-wrap {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .sticky-responsive-menu #header.sticky-style-2,.sticky-responsive-menu #header.sticky-style-3 {
        min-height: 160px
    }

    .sticky-responsive-menu.device-touch #header,.sticky-responsive-menu.device-touch #header-wrap,.sticky-responsive-menu.device-touch #logo,.sticky-responsive-menu.device-touch #logo img,.sticky-responsive-menu.device-touch #top-search a,.sticky-responsive-menu.device-touch #primary-menu-trigger,.sticky-responsive-menu.device-touch #top-cart,.sticky-responsive-menu.device-touch #side-panel-trigger,.sticky-responsive-menu.device-touch #top-account {
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important
    }

    #header.responsive-sticky-header:not(.sticky-style-2):not(.sticky-style-3):not(.static-sticky) {
        min-height: 60px
    }

    .responsive-sticky-header #header-wrap {
        z-index: 199;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #FFF;
        border-bottom: 1px solid #eee;
        -webkit-backface-visibility: hidden
    }

    .responsive-sticky-header:not(.static-sticky) #logo,.responsive-sticky-header:not(.static-sticky) #logo img {
        height: 60px
    }

    .responsive-sticky-header:not(.static-sticky) #primary-menu-trigger {
        top: 5px
    }

    .responsive-sticky-header #primary-menu>ul,.responsive-sticky-header #primary-menu>.container>ul {
        max-height: 300px;
        overflow-y: scroll
    }

    .responsive-sticky-header #primary-menu>ul,.responsive-sticky-header #primary-menu>.container>ul {
        margin-bottom: 20px !important
    }

    .responsive-sticky-header:not(.static-sticky) #top-search a,.responsive-sticky-header:not(.static-sticky) #top-cart,.responsive-sticky-header:not(.static-sticky) #side-panel-trigger {
        margin: 20px 0
    }

    .responsive-sticky-header:not(.static-sticky) #top-search form {
        height: 60px !important
    }

    .responsive-sticky-header:not(.static-sticky) #top-cart .top-cart-content {
        top: 40px
    }

    body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>ul,body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>div>ul {
        position: fixed;
        display: block;
        z-index: 499;
        width: 280px;
        height: 100%;
        height: calc(100vh);
        max-height: none !important;
        margin: 0 !important;
        left: 0 !important;
        top: 0 !important;
        padding: 35px 25px 60px !important;
        background-color: #FFF;
        border-right: 1px solid #eee !important;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(-280px, 0, 0);
        -o-transform: translate3d(-280px, 0, 0);
        transform: translate3d(-280px, 0, 0);
        -webkit-backface-visibility: hidden;
        transform-style: preserve-3d
    }

    body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas.from-right>ul,body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas.from-right>div>ul {
        left: auto !important;
        right: 0;
        border-right: 0 !important;
        border-left: 1px solid #eee !important;
        -webkit-transform: translate3d(280px, 0, 0);
        -o-transform: translate3d(280px, 0, 0);
        transform: translate3d(280px, 0, 0)
    }

    body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>ul,body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>div>ul {
        -webkit-transition: -webkit-transform .3s ease-in-out,opacity .2s ease !important;
        -o-transition: -o-transform .3s ease-in-out,opacity .2s ease !important;
        transition: transform .3s ease-in-out,opacity .2s ease !important
    }

    body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>ul.show,body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>div>ul.show {
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .ei-slider {
        height: 350px
    }

    .ei-title h3 {
        display: none
    }

    .portfolio .portfolio-item {
        width: 33.33333333%
    }

    .portfolio-2 .portfolio-item {
        width: 50%
    }

    .portfolio-1 .portfolio-item {
        width: 100%
    }

    .portfolio-1 .portfolio-item .portfolio-image {
        float: none !important;
        margin: 0 !important;
        margin-bottom: 10px !important
    }

    .portfolio-1 .portfolio-item .portfolio-image,.portfolio-1 .portfolio-item .portfolio-image a,.portfolio-1 .portfolio-item .portfolio-image img,.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
        width: 100%;
        height: auto
    }

    .portfolio-1 .portfolio-desc {
        width: 100%
    }

    .portfolio-1.portfolio-fullwidth {
        margin: 0 0 -60px 0
    }

    .portfolio-1.portfolio-fullwidth .portfolio-item {
        margin-bottom: 60px;
        padding-bottom: 0;
        border-bottom: 0;
        overflow: hidden
    }

    .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {
        float: none;
        margin: 0 0 20px 0 !important
    }

    .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img,.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .portfolio-1.portfolio-fullwidth .portfolio-desc,.portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0;
        background-color: transparent;
        left: 0;
        right: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .portfolio-1.portfolio-fullwidth .portfolio-overlay a {
        left: 50%
    }

    .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
        left: auto;
        right: 50%
    }

    .device-touch .portfolio-parallax .portfolio-item .portfolio-desc,.device-touch .portfolio-parallax .portfolio-overlay {
        opacity: 1
    }

    .portfolio-ajax-modal {
        width: 90% !important
    }

    .small-thumbs .entry-title h2,.ievent .entry-title h2 {
        font-size: 18px
    }

    .entry-meta li {
        font-size: 12px;
        margin: 0 10px 10px 0
    }

    .post-grid {
        margin-right: -20px
    }

    .post-grid .entry {
        width: 226px;
        margin-right: 20px
    }

    .post-grid.grid-2,.post-grid.grid-3 {
        margin-right: -30px
    }

    .post-grid.grid-2 .entry,.post-grid.grid-3 .entry {
        width: 345px;
        margin-right: 30px
    }

    .post-masonry-full .entry {
        width: 33.30% !important
    }

    .post-masonry-full.grid-3 .entry {
        width: 50% !important
    }

    .post-timeline .entry {
        width: 290px !important
    }

    .post-timeline .entry.entry-date-section {
        width: 100% !important
    }

    .product {
        width: 33.33333333%
    }

    .product:not(.product-2):not(.product-3) .product-title h3 {
        font-size: 18px
    }

    .pricing [class^=col-md-] .pricing-box.best-price {
        margin-top: 0
    }

    .pricing.pricing-5 .pricing-box.best-price {
        margin-top: 20px
    }

    .device-sm .pricing.pricing-5 .pricing-title h3,.device-sm .pricing.pricing-5 .best-price .pricing-title h3 {
        font-size: 14px
    }

    .device-sm .pricing.pricing-5 .pricing-title span {
        font-size: 12px
    }

    .device-sm .pricing.pricing-5 .pricing-price {
        font-size: 48px
    }

    .device-sm .pricing.pricing-5 .pricing-price span {
        font-size: 20px
    }

    .device-sm .pricing.pricing-5 .pricing-price span.price-tenure {
        font-size: 12px
    }

    .device-sm .pricing.pricing-5 .pricing-box.best-price .pricing-title {
        padding: 15px 0
    }

    .pricing-box.pricing-extended .pricing-desc,.pricing-box.pricing-extended .pricing-action-area {
        position: relative;
        float: none;
        width: auto;
        padding: 25px
    }

    .pricing-box.pricing-extended .pricing-action-area {
        height: auto;
        border-left: 0;
        border-top: 1px solid rgba(0,0,0,0.05);
        border-radius: 0 0 3px 3px
    }

    .testimonials-grid.grid-3 li {
        width: 50%
    }

    .section>.testimonial {
        padding: 0 40px !important;
        max-width: none
    }

    .promo:not(.promo-full) {
        padding: 30px 20px !important
    }

    .promo.promo-dark h3 {
        line-height: 1.6
    }

    .promo a.button {
        position: relative !important;
        top: 0 !important;
        margin: 20px 0 0 !important;
        left: 0 !important;
        right: 0
    }

    #contact-form-overlay-mini {
        float: none;
        width: auto;
        max-width: 380px;
        margin: 0 auto
    }

    .button.button-full {
        font-size: 22px
    }

    .button.button-full i {
        top: 3px !important
    }

    .bnews-title {
        float: none;
        display: inline-block
    }

    .bnews-slider {
        float: none;
        margin: 10px 0 0;
        width: 100%
    }

    .wedding-head {
        font-size: 60px
    }

    .wedding-head .first-name span,.wedding-head .last-name span {
        font-size: 40px
    }

    .wedding-head .and {
        font-size: 144px
    }

    .error404 {
        font-size: 180px
    }

    .landing-form-overlay {
        position: absolute;
        width: 100%;
        max-width: 400px;
        right: auto;
        left: 50%;
        margin-left: -200px;
        bottom: 0
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid),.swiper_wrapper:not(.full-screen):not(.canvas-slider-grid) .swiper-slide {
        height:400px !important
    }

    .sidebar-widgets-wrap {
        position: relative;
        margin: 0 -38px -40px 0
    }

    .sidebar-widgets-wrap .widget {
        display: inline-block;
        vertical-align: top;
        float: none;
        width: 340px;
        margin: 0 37px 40px 0;
        padding-top: 0;
        border-top: 0
    }

    .landing-video {
        width: 352px;
        height: 199px;
        margin: 14px 0 0 60px
    }
}

@media (max-width: 767px) {
    body {
        padding:0 !important
    }

    #wrapper {
        width: 100% !important
    }

    .container-fullwidth {
        margin: 0 auto;
        padding: 0 15px !important
    }

    h1 {
        font-size: 28px
    }

    h2 {
        font-size: 24px
    }

    h3 {
        font-size: 20px
    }

    h4 {
        font-size: 16px
    }

    .one-page-arrow {
        display: none !important
    }

    #top-bar {
        height: auto
    }

    #top-bar .col_half {
        width: 100%;
        margin-bottom: 0 !important
    }

    .top-links,.top-links>ul>li {
        float: none !important
    }

    .top-links>ul {
        text-align: center
    }

    .top-links>ul>li {
        display: inline-block
    }

    .top-links>ul>li {
        margin-right: -4px
    }

    .top-links ul ul,.top-links ul div.top-link-section {
        text-align: left
    }

    .top-links ul div.top-link-section {
        left: auto;
        right: 0;
        padding: 20px 15px
    }

    #top-social,.ei-title,.slider-arrow-top-sm,.slider-arrow-bottom-sm {
        display: none !important
    }

    .slider-caption h1,.slider-caption h2,.slider-caption h3,.slider-caption h4,.slider-caption h5,.slider-caption h6 {
        margin-bottom: 0 !important
    }

    .postcontent,.postcontent.bothsidebar,.sidebar,.col_full,.col_half,.col_one_third,.col_two_third,.col_three_fourth,.col_one_fourth,.col_one_fifth,.col_two_fifth,.col_three_fifth,.col_four_fifth,.col_one_sixth,.col_five_sixth {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 50px !important
    }

    .sidebar.col_last {
        margin-bottom: 0 !important
    }

    form .col_full,form .col_half,form .col_one_third,form .col_two_third,form .col_three_fourth,form .col_one_fourth,form .col_one_fifth,form .col_two_fifth,form .col_three_fifth,form .col_four_fifth,form .col_one_sixth,form .col_five_sixth {
        margin-bottom: 25px !important
    }

    #page-title {
        padding: 20px 0 25px;
        text-align: center
    }

    #page-title h1 {
        line-height: 1.5;
        font-size: 24px
    }

    #page-title .breadcrumb {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 15px 0 0 !important
    }

    #page-title #portfolio-navigation,#portfolio-ajax-title #portfolio-navigation {
        position: relative;
        top: 0;
        left: 0;
        margin: 15px auto 0
    }

    #portfolio-ajax-title {
        text-align: center
    }

    .portfolio-filter {
        border: none;
        border-radius: 0;
        margin-bottom: 20px
    }

    .portfolio-filter li {
        width: 33.33%;
        margin: 0 0 20px 0 !important
    }

    .portfolio-filter li a {
        text-align: center;
        border-left: none;
        padding: 12px 18px !important;
        border-radius: 2px !important
    }

    .portfolio-filter li a:hover {
        color: #1ABC9C
    }

    .portfolio-filter li.activeFilter a {
        color: #FFF;
        margin: 0
    }

    .portfolio-filter.style-2 li a,.portfolio-filter.style-3 li a {
        border-radius: 22px !important
    }

    .portfolio-shuffle {
        display: none
    }

    .small-thumbs .entry-image,.ievent .entry-image {
        float: none !important;
        width: 100% !important;
        margin: 0 0 20px !important
    }

    .entry-title h2,.post-grid .entry-title h2 {
        font-size: 18px !important;
        font-weight: 600
    }

    .entry-meta li {
        font-size: 11px;
        margin: 0 10px 10px 0
    }

    #posts .entry-meta li i {
        display: none
    }

    #posts.post-grid .entry-meta li i,#posts .entry-meta li:last-child i {
        display: inline-block
    }

    .post-grid {
        margin-right: 0 !important
    }

    .post-grid .entry,.post-masonry-full.grid-3 .entry {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
        border-right: 0 !important
    }

    .post-timeline .entry.entry-date-section {
        margin-left: 0
    }

    .timeline-border,.post-timeline .entry-timeline {
        display: none !important
    }

    .postcontent .post-timeline {
        padding-left: 0
    }

    .post-masonry-full .entry {
        padding: 40px !important
    }

    .product-1 .product {
        width: 100%
    }

    .product-1 .product-image {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 20px !important
    }

    .product-1 .product-title h3 {
        font-size: 19px
    }

    .product-1 p {
        display: none
    }

    .pricing-box.best-price {
        margin-top: 0
    }

    .pricing.pricing-5 .pricing-box {
        float: none;
        width: 100%
    }

    .pricing-box.pricing-extended .pricing-features li {
        width: auto;
        float: none
    }

    table.cart .quantity {
        display: block
    }

    table.cart .quantity .qty,table.cart .quantity .plus,table.cart .quantity .minus {
        float: none;
        width: 100%
    }

    table.cart .quantity .qty {
        border: 0;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }

    .button.button-desc {
        padding: 20px 17px;
        font-size: 15px;
        max-width: 100%
    }

    .button.button-desc span {
        font-size: 11px
    }

    .process-steps li {
        float: none;
        width: auto !important;
        margin-top: 20px
    }

    .process-steps li:first-child {
        margin-top: 0
    }

    .process-steps li h5 {
        margin: 10px 0 0 0
    }

    .process-steps li:before,.process-steps li:after {
        display: none
    }

    .tabs-responsive .tab-container {
        padding: 0 !important
    }

    .tabs-responsive .tab-container:not(.accordion-border) {
        border: 0
    }

    .testimonials-grid li {
        float: none;
        width: auto !important;
        padding-left: 0;
        padding-right: 0
    }

    .team.team-list .team-image {
        float: none;
        width: 100%;
        margin-right: 0
    }

    .team.team-list .team-title {
        margin-top: 15px
    }

    .title-block {
        padding: 2px 0 3px 15px;
        border-left-width: 5px
    }

    .title-block-right {
        padding: 2px 15px 3px 0;
        border-right-width: 5px
    }

    .title-block h1+span {
        font-size: 18px
    }

    .title-block h2+span {
        font-size: 17px
    }

    .title-block h3+span {
        font-size: 15px
    }

    .title-block h4+span {
        font-size: 13px
    }

    .heading-block h1 {
        font-size: 30px
    }

    .heading-block h2 {
        font-size: 26px
    }

    .heading-block h3 {
        font-size: 22px
    }

    .heading-block h4 {
        font-size: 19px
    }

    .heading-block h1+span {
        font-size: 20px
    }

    .heading-block h2+span {
        font-size: 18px
    }

    .heading-block h3+span,.heading-block h4+span {
        font-size: 17px
    }

    .heading-block~p:not(.lead) {
        font-size: 15px
    }

    .emphasis-title h1,.emphasis-title h2 {
        font-size: 44px !important
    }

    .wedding-head {
        font-size: 48px
    }

    .wedding-head .first-name,.wedding-head .last-name,.wedding-head .and {
        display: block;
        margin: 0 0 15px;
        text-align: center
    }

    .wedding-head .first-name span,.wedding-head .last-name span {
        font-size: 36px
    }

    .wedding-head .and {
        font-size: 120px
    }

    .news-carousel .overlay {
        display: none
    }

    #copyrights .col_half {
        text-align: center
    }

    #copyrights .col_half:last-child {
        display: none
    }

    #copyrights .footer-logo {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 480px) and (max-width:767px) {
    .container,#header.full-header .container,.container-fullwidth {
        width:470px !important
    }

    .container.vertical-middle {
        width: 100% !important
    }

    .full-screen:not(.force-full-screen) .container.vertical-middle {
        width: 470px !important
    }

    #top-search form input {
        padding-right: 60px
    }

    .swiper_wrapper:not(.force-full-screen),.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
        height: 300px !important
    }

    .swiper_wrapper .slider-caption h1 {
        font-size: 36px
    }

    .swiper_wrapper .slider-caption h2 {
        font-size: 30px
    }

    .swiper_wrapper .slider-caption h3 {
        font-size: 24px
    }

    .swiper_wrapper .slider-caption h4 {
        font-size: 18px
    }

    .swiper_wrapper .slider-caption h5 {
        font-size: 14px
    }

    .swiper_wrapper .slider-caption h6 {
        font-size: 12px
    }

    .ei-slider {
        height: 250px
    }

    #header.transparent-header.floating-header .container {
        width: 470px;
        padding: 0 15px
    }

    .portfolio:not(.portfolio-1) {
        margin: 0 -6px -6px 0
    }

    .portfolio:not(.portfolio-1) .portfolio-item {
        padding: 0 6px 6px 0
    }

    .portfolio:not(.portfolio-1) .portfolio-item {
        width: 50%
    }

    .portfolio:not(.portfolio-1) .portfolio-desc {
        padding: 15px 5px 10px
    }

    .portfolio:not(.portfolio-1) .portfolio-desc h3 {
        font-size: 16px
    }

    .portfolio:not(.portfolio-1) .portfolio-desc span {
        font-size: 14px
    }

    .portfolio-notitle:not(.portfolio-1) .portfolio-desc {
        height: 78px;
        padding: 15px 5px;
        bottom: -79px
    }

    .portfolio-full.portfolio-notitle:not(.portfolio-1) .portfolio-desc,.portfolio-nomargin.portfolio-notitle:not(.portfolio-1) .portfolio-desc {
        bottom: -78px;
        border-bottom: 0
    }

    .portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.left-icon,.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.right-icon,.portfolio-notitle .iportfolio:hover .portfolio-overlay a.left-icon,.portfolio-notitle .iportfolio:hover .portfolio-overlay a.right-icon {
        margin-top: -55px !important
    }

    .portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc~a {
        margin: 20px 0 0 !important
    }

    .portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc~a.right-icon {
        margin-left: 5px !important;
        margin-right: 0 !important
    }

    .portfolio-1 .portfolio-item .portfolio-image {
        float: none !important;
        margin: 0 !important;
        margin-bottom: 10px !important
    }

    .portfolio-1 .portfolio-desc {
        width: 100%
    }

    .portfolio-1.portfolio-fullwidth {
        margin: 0 0 -60px 0
    }

    .portfolio-1.portfolio-fullwidth .portfolio-item {
        margin-bottom: 60px;
        padding-bottom: 0;
        border-bottom: 0;
        overflow: hidden
    }

    .portfolio-1.portfolio-fullwidth .portfolio-overlay a {
        left: 50%
    }

    .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
        left: auto;
        right: 50%
    }

    .portfolio.portfolio-nomargin,.portfolio.portfolio-full {
        margin: 0 !important
    }

    .post-grid:not(.post-masonry) .entry-image iframe {
        height: 246px
    }

    .clients-grid:not(.grid-3):not(.grid-2) li,.clients-grid.grid-4 li,.clients-grid.grid-6 li {
        width: 33.33%
    }

    .button.button-full {
        font-size: 18px
    }

    .button.button-full i {
        top: 2px !important;
        margin-left: 3px !important
    }

    .error404,.error404-wrap .error404 {
        font-size: 160px
    }

    .landing-video {
        position: relative;
        top: 12px;
        width: 333px;
        height: 187px;
        margin: 19px 0 0 53px
    }
}

@media (max-width: 479px) {
    .container,#header.full-header .container,.container-fullwidth {
        width:310px !important
    }

    .container.vertical-middle {
        width: 100% !important
    }

    .full-screen:not(.force-full-screen) .container.vertical-middle {
        width: 310px !important
    }

    #top-cart {
        display: none
    }

    #top-search a {
        right: 15px
    }

    #top-search form input {
        padding-right: 30px
    }

    #side-panel-trigger {
        right: 43px
    }

    #top-account {
        right: 43px
    }

    #top-account a.btn {
        padding-left: 8px;
        padding-right: 8px
    }

    #top-account a.btn i:last-child {
        display: none
    }

    .swiper_wrapper:not(.force-full-screen),.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide,.ei-slider {
        height: 180px !important
    }

    .swiper_wrapper .slider-caption h1 {
        font-size: 28px
    }

    .swiper_wrapper .slider-caption h2 {
        font-size: 24px
    }

    .swiper_wrapper .slider-caption h3 {
        font-size: 20px
    }

    .swiper_wrapper .slider-caption h4 {
        font-size: 16px
    }

    .swiper_wrapper .slider-caption h5 {
        font-size: 14px
    }

    .swiper_wrapper .slider-caption h6 {
        font-size: 12px
    }

    #header.transparent-header.floating-header .container {
        width: 310px;
        padding: 0 15px
    }

    .portfolio-filter li {
        width: 50%
    }

    .portfolio:not(.portfolio-1) {
        margin: 0
    }

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

    .post-grid:not(.post-masonry) .entry-image iframe {
        height: 157px
    }

    .mpost .entry-image {
        float: none;
        margin: 0 0 20px 0
    }

    .mpost .entry-image,.mpost .entry-image a,.mpost .entry-image img,.mpost .entry-image i {
        width: 100%;
        height: auto
    }

    .mpost .entry-image i {
        height: 150px;
        line-height: 150px
    }

    .si-share span {
        display: none
    }

    .parallax .entry-overlay-meta,.parallax .entry-overlay {
        left: 50% !important;
        right: 0 !important;
        margin: 0 0 0 -140px !important;
        width: 280px !important
    }

    .parallax .entry-overlay {
        width: 288px !important
    }

    .parallax .countdown-section {
        width: 64px;
        height: 64px;
        margin: 0 8px 0 0;
        font-size: 11px;
        padding: 0;
        padding-top: 12px
    }

    .parallax .countdown-amount {
        font-size: 20px
    }

    .countdown-large .countdown-section {
        display: block;
        width: auto;
        margin: 30px 0 0;
        border: 0
    }

    .countdown-large .countdown-section:first-child {
        margin-top: 0
    }

    .testi-image,.testi-image a,.testi-image img,.testi-image i {
        width: 36px;
        height: 36px
    }

    .testi-image i {
        line-height: 36px;
        font-size: 20px
    }

    .clients-grid:not(.grid-3):not(.grid-2) li,.clients-grid.grid-4 li,.clients-grid.grid-6 li {
        width: 50%
    }

    .button.button-full {
        font-size: 16px
    }

    .button.button-full i {
        top: 2px !important;
        margin-left: 3px !important
    }

    .emphasis-title h1,.emphasis-title h2 {
        font-size: 40px !important
    }

    .error404,.error404-wrap .error404 {
        font-size: 120px
    }

    .landing-video {
        position: relative;
        top: 9px;
        width: 212px;
        height: 119px;
        margin: 19px 0 0 34px
    }

    .landing-form-overlay {
        margin-left: -155px
    }

    .button.button-desc {
        padding: 20px 17px;
        font-size: 15px;
        max-width: 100%
    }

    .button.button-desc span {
        font-size: 11px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    #logo a.standard-logo,#header.split-menu #logo a.standard-logo {
        display:none
    }

    #logo a.retina-logo {
        display: block
    }

    #header.split-menu #logo a.retina-logo {
        display: inline-block
    }

    .owl-carousel.owl-loading,.preloader,.preloader2,.form-process {
        background-image: url('../images/preloader@2x.gif');
        background-size: 24px 24px
    }

    .dark .owl-carousel.owl-loading,.dark .preloader,.dark .preloader2,.dark .form-process {
        background-image: url('../images/preloader-dark@2x.gif')
    }

    .widget_recent_comments li {
        background-image: url("../images/widget-comment@2x.png");
        background-size: 15px 26px
    }

    .widget_nav_menu li a,.widget_links li a,.widget_meta li a,.widget_archive li a,.widget_recent_entries li a,.widget_categories li a,.widget_pages li a,.widget_rss li a,.widget_recent_comments li a {
        background-image: url("../images/widget-link@2x.png");
        background-size: 4px 20px
    }

    .dark .widget_recent_comments li {
        background-image: url("../images/widget-comment-dark@2x.png")
    }

    .dark .widget_nav_menu li a,.dark .widget_links li a,.dark .widget_meta li a,.dark .widget_archive li a,.dark .widget_recent_entries li a,.dark .widget_categories li a,.dark .widget_pages li a,.dark .widget_rss li a,.dark .widget_recent_comments li a {
        background-image: url("../images/widget-link-dark@2x.png")
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:991px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:991px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991px),only screen and (min-device-pixel-ratio:2) and (max-width:991px),only screen and (min-resolution:192dpi) and (max-width:991px),only screen and (min-resolution:2dppx) and (max-width:991px) {
    #logo a.standard-logo {
        display:none
    }

    #logo a.retina-logo {
        display: inline-block
    }
}

#gotoTop {
    display: none;
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #333;
    background-color: rgba(0,0,0,0.3);
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 50px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

#gotoTop:hover {
    background-color: #1abc9e
}

body:not(.device-touch) #gotoTop {
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear
}

.stretched #gotoTop {
    bottom: 30px
}

.bordered {
    border: 1px solid #444
}

#copyrights p {
    margin-bottom: 0
}

.oc-slide {
    position: relative;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.oc-slide .container {
    position: relative
}

.oc-slide .slider-caption {
    background-color: rgba(255,255,255,0.9);
    border-radius: 2px;
    left: -25px;
    left: 0px;
    padding: 40px;
    max-width: 450px
}

.oc-slide .slider-caption h2 {
    font-size: 24px;
    margin-bottom: 20px
}

.oc-slide .slider-caption p {
    margin-bottom: 0;
    font-size: 18px
}

.oc-slide .slider-caption a.button {
    margin-left: 0;
    margin-top: 20px
}

.slider_wrapper {
    width: 100%;
    height: 550px;
    overflow: hidden
}

@media (max-width: 767px) {
    .swiper_wrapper .topmargin-sm {
        margin-top:5px !important
    }

    .swiper_wrapper .button {
        line-height: 32px !important;
        padding: 0 15px !important;
        font-size: 12px !important;
        height: 36px !important
    }
}

.ccm-block-page-list-rss-feed {
    font-size: 15px
}

.ccm-block-page-list-rss-feed i {
    margin-bottom: 15px
}

.spost .entry-meta {
    margin: 8px -10px 8px 0
}

.ccm-block-social-links .fa,.si-share .fa,#top-search .fa {
    line-height: inherit !important
}

.fa-lg {
    font-size: 1.3333333333333333em;
    line-height: 0.75em;
    vertical-align: -15%
}

.fa-fw {
    width: 1.2857142857142858em;
    text-align: center
}

.iconlist {
    padding-left: 0;
    margin-left: 1.75em;
    list-style-type: none
}

.iconlist li {
    position: relative
}

.iconlist ul {
    list-style-type: none;
    margin: 5px 0 5px 25px
}

.iconlist>li [class^="icon-"]:first-child,.iconlist>li [class*=" icon-"]:first-child,.iconlist>li [class^="fa-"]:first-child,.iconlist>li [class*=" fa-"]:first-child {
    position: absolute;
    left: -1.75em;
    width: 1.75em;
    text-align: center;
    top: 1px;
    top: 3px;
    width: 14px
}

.iconlist.iconlist-large {
    font-size: 16px
}

.iconlist.iconlist-large li {
    margin: 4px 0
}

.iconlist.iconlist-large>li [class^="icon-"],.iconlist.iconlist-large>li [class*=" icon-"] {
    width: 16px;
    margin-right: 5px
}

.iconlist-color li i {
    color: #1abc9e
}

.fa-email:before {
    content: "\f0e0"
}

.faqs i {
    top: 0px
}

.side-header #primary-menu ul>li.sub-menu>a:after {
    display: inline-block;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#si-coming-soon .fa {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.promo p {
    margin-bottom: 0px;
    margin-top: 8px
}

.fancy-title h1,.fancy-title h2,.fancy-title h3,.fancy-title h4,.fancy-title h5,.fancy-title h6 {
    margin-bottom: 10px
}

nav .fa.fa-home.home-relacement {
    line-height: 23px !important;
    margin-right: 0 !important
}

nav span.label {
    background-color: #1abc9e;
    display: inline-block !important;
    text-transform: none;
    vertical-align: middle;
    font-size: 10px !important;
    padding: 4px 6px;
    font-weight: 400;
    position: absolute;
    top: 20px;
    right: 10px
}

nav .sub-menu ul span.label {
    top: 12px
}

nav .mega-menu-content span.label {
    top: 10px !important
}

header.sticky-header nav>ul>li>a>div span.label {
    top: 4px
}

body.side-header header nav span.label {
    top: 4px;
    right: 14px
}

nav.style-5 span.label {
    top: 4px
}

nav.sub-title span.label {
    top: 0px;
    color: white !important
}

@media (max-width: 991px) {
    nav span.label {
        display:inline-block !important;
        top: 3px !important;
        right: 30px !important
    }
}

#footer .footer-ribbon {
    margin-top: -61px;
    background: #1abc9e;
    position: absolute;
    margin: -21px 0 0 14px;
    padding: 10px 20px 6px 20px
}

#footer .footer-ribbon span {
    font-size: 20px;
    line-height: 1;
    color: #FFF;
    font-size: 1.6em;
    font-style: italic
}

#footer .footer-ribbon:before {
    border-right: 10px solid #117966;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0
}

div.row>div>ol.breadcrumb {
    line-height: 4em
}

#ccm-account-menu {
    right: 60px !important
}

ul.mega-menu-column {
    padding-left: 0px;
    padding-right: 0px
}

.ccm-error {
    padding-left: 20px
}

.fbox-media {
    overflow: hidden
}

.image-effect-zoom-in img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.image-effect-zoom-in img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.image-effect-zoom-out img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.image-effect-zoom-out img:hover {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.image-effect-slide img {
    margin-left: 30px;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.image-effect-slide img:hover {
    margin-left: 0
}

.image-effect-rotate img {
    -webkit-transform: rotate(15deg) scale(1.5);
    transform: rotate(15deg) scale(1.5);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.image-effect-rotate img:hover {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
}

.image-effect-blur img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.image-effect-blur img:hover {
    -webkit-filter: blur(0);
    filter: blur(0)
}

.image-effect-grayscale img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.image-effect-grayscale img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.image-effect-sepia img {
    -webkit-filter: sepia(100%);
    filter: sepia(70%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.image-effect-sepia img:hover {
    -webkit-filter: sepia(0);
    filter: sepia(0)
}

.image-effect-blur-grayscale img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.image-effect-blur-grayscale img:hover {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px)
}

.pixel-test-area {
    height: 200px;
    background-color: #f5f5f5;
    background-image: repeating-linear-gradient(135deg, #f5f5f5, #f5f5f5 30px, #efefef 30px, #efefef 60px)
}

.color-overlay {
    position: relative
}

.color-overlay:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1)
}

.swiper-slide.color-overlay:before {
    z-index: 2
}

.color-overlay-white:before {
    background-color: white
}

.color-overlay-black:before {
    background-color: black
}

.color-overlay-01:before {
    opacity: 0.1
}

.color-overlay-02:before {
    opacity: 0.2
}

.color-overlay-03:before {
    opacity: 0.3
}

.color-overlay-04:before {
    opacity: 0.4
}

.color-overlay-05:before {
    opacity: 0.5
}

.color-overlay-06:before {
    opacity: 0.6
}

.color-overlay-07:before {
    opacity: 0.7
}

.color-overlay-08:before {
    opacity: 0.8
}

.color-overlay-09:before {
    opacity: 0.9
}

.promo.promo-dark p {
    color: #eeeeee
}

.heading-block-simple:after {
    margin-top: 0px !important;
    border-top: 0px solid #444 !important
}

.device-lg #page-title.page-title-left .container,.device-md #page-title.page-title-left .container,.device-sm #page-title.page-title-left .container {
    padding-right: 350px
}

.device-lg #page-title.page-title-right .container,.device-md #page-title.page-title-right .container,.device-sm #page-title.page-title-right .container {
    padding-left: 350px
}

.ccm-block-tags-tag {
    color: #555555
}

.col-sidebar h1,.col-sidebar h2,.col-sidebar h3,.col-sidebar h4,.col-sidebar h5,.col-sidebar h6 {
    margin-bottom: 10px
}

.col-sidebar .widget {
    margin-top: 0px
}

.login-page .col-sm-6 {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    padding: 40px
}

.login-page form {
    margin-bottom: 0px
}

.login-page .btn.btn-primary,.login-page .btn.btn-block.btn-success,.btn-lg.btn-primary.btn.ccm-input-submit {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    padding: 0 22px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #1abc9e;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,0.15)
}

.ccm-custom-style-container.ccm-custom-style-main13-223 {
    margin-bottom: 30px
}

.ccm-custom-style-container.ccm-custom-style-main13-224 {
    margin-bottom: 30px
}

.ccm-custom-style-container.ccm-custom-style-main15-229 {
    margin-bottom: 30px
}

.ccm-custom-style-container.ccm-custom-style-main15-230 {
    margin-bottom: 30px
}

.ccm-custom-style-container.ccm-custom-style-main349-1267 {
    text-align: right
}

.ccm-custom-style-container.ccm-custom-style-main5-1301 {
    text-align: center
}

.ccm-custom-style-container.ccm-custom-style-main6-1313 {
    text-align: right
}

.ccm-custom-style-container.ccm-custom-style-main6-1314 {
    text-align: center
}

.ccm-custom-style-container.ccm-custom-style-main5-2498 {
    margin-top: 20px;
    text-align: right
}

.ccm-custom-style-container.ccm-custom-style-main3187-2583 {
    text-align: right
}

.ccm-custom-style-container.ccm-custom-style-main348-2803 {
    margin-bottom: 20px
}

.ccm-custom-style-container.ccm-custom-style-main1-3045 {
    text-align: center
}

.ccm-custom-style-container.ccm-custom-style-main1398400-3052 {
    margin-bottom: 30px
}

.ccm-custom-style-container.ccm-custom-style-main1398401-3054 {
    margin-bottom: 30px
}

.ccm-custom-style-container.ccm-custom-style-main1398401-3056 {
    margin-bottom: 30px
}

.ccm-custom-style-container.ccm-custom-style-main1398-3058 {
    text-align: right
}

.ccm-custom-style-container.ccm-custom-style-main3344-3071 {
    text-align: right
}

.ccm-custom-style-container.ccm-custom-style-main4-3078 {
    text-align: center
}

.ccm-custom-style-container.ccm-custom-style-main2406-3090 {
    text-align: right
}

.ccm-custom-style-container.ccm-custom-style-main1398400-3207 {
    margin-bottom: 30px
}

.ccm-custom-style-main {
    padding-top: 50px;
    padding-bottom: 50px
}

.ccm-custom-style-main1 {
    background-color: rgb(242, 242, 242);
    padding-top: 50px;
    padding-bottom: 50px
}

.ccm-custom-style-main1177 {
    padding-bottom: 30px
}

.ccm-custom-style-main2 {
    padding-top: 50px;
    padding-bottom: 50px
}

.ccm-custom-style-main2405 {
    padding-bottom: 20px
}

.ccm-custom-style-main3 {
    background-color: rgb(242, 242, 242);
    padding-top: 50px;
    padding-bottom: 50px
}

.ccm-custom-style-main3179 {
    padding-bottom: 30px
}

.ccm-custom-style-main4 {
    padding-top: 50px;
    padding-bottom: 50px
}

.ccm-custom-style-main5 {
    background-color: rgb(242, 242, 242);
    padding-top: 50px;
    padding-bottom: 50px
}

.ccm-custom-style-main6 {
    padding-top: 50px;
    padding-bottom: 50px
}

.ccm-custom-style-container.ccm-custom-style-main-3265 {
    margin-top: 15px;
    margin-bottom: 10px
}

.ccm-custom-style-container.ccm-custom-style-main-2661 {
    padding-top: 20px
}

.tupian {
}

.tupian img {
    max-width: 100%!important;
    height: 100%! important;
}
/*表单*/
.basic-grey {
    margin-left:auto;
    margin-right:auto;
    max-width: 100%;
    background: #F7F7F7;
    padding: 25px 15px 25px 10px;
    font: 12px Georgia, "Times New Roman", Times, serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #E4E4E4;
}
.basic-grey h1 {
    font-size: 25px;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom:1px solid #E4E4E4;
    margin: -10px -15px 30px -10px;;
    color: #888;
    text-align:center;
}
.basic-grey h1>span {
    display: block;
    font-size: 11px;
}
.basic-grey label {
    display: block;
    margin: 0px;
}
.basic-grey label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 70%;
    font-size: 12px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
    padding: 5px 3px 3px 5px;
}
.basic-grey select {
    background: #FFF url('down-arrow.png') no-repeat right;
    background: #FFF url('down-arrow.png') no-repeat right);
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 35px;
    line-height: 25px;
}
.basic-grey textarea{
    height:100px;
}
.basic-grey .button {
    background: #E27575;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    box-shadow: 1px 1px 5px #B6B6B6;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #9E3F3F;
    cursor: pointer;
}
.basic-grey .button:hover {
    background: #CF7A7A
}